@charset "utf-8";
/* 
	made by matey
	최초 작성자 : 김정현 (140825)
	최종 수정자 : 김정현 (140829)
	
 */

@font-face{font-family:NanumGothic01;src:url(/web/css/NanumGothic01.eot);src:local(??),url(/web/css/NanumGothic01.woff) format('woff')}
/* @font-face {font-family:'NanumGothic01';src:url(NanumGothic01.eot)}
@font-face {font-family:'NanumGothic01';src:url(NanumGothic01.woff)format('woff')}
@font-face {font-family:'NanumGothic01';src:url(NanumGothic01.ttf)format('truetype')}
@font-face {font-family:'NanumMyeongjo';src:url(NanumMyeongjoBold.woff)format('woff')}
@font-face {font-family:'NanumMyeongjo';src:url(NanumMyeongjoBold.eot)} */

/* Eric Meyer's Reset CSS http://www.gg.go.kr/archives/2271202v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none;color:#494949;}

#header .util{position:absolute;top:26px;right:50%;margin-right:-500px;z-index:20;text-align:right}
#header .util * {display:inline-block;vertical-align:top;}
#header .util a {font-size:10px;color:#717171;font-weight:bold;position:relative;z-index:1;margin-left:13px}
#header .util a:after {position:absolute;top:1px;right:-9px;display:block;content:'';width:1px;height:10px;background:#dbdbdb}

.mGnb {display:none}
.mGnb.web {display:inline-block;}
.mGnb.web:after {display:none !important;}
.mGnb.web b {margin-left: 8px;display: inline-block;width: 16px;height: 13px;vertical-align: middle;background: url(/web/images/comm/ico.png) no-repeat -45px 0;background-size: 250px 250px}

/* 공통클래스 */
.group {*zoom:1}
.group:after {content:'';display:block;clear:both}/* float 해제 */
.hidden,caption,legend {font-size:0;width:0;height:0;color:transparent;line-height:0}/* 접근성 대체 텍스트 */
.skipNav {position:absolute;top:-300px;left:0;width:100%;height:30px;z-index:100;text-decoration:none;font-size:16px;font-weight:bold;text-align:center;line-height:30px;background:#1278a0;color:#fff}
.skipNav:focus,.skipNav:hover,.skipNav:active {top:0}

/* 공통클래스 */

body {font-family:"Arial",'NanumGothic01','나눔 고딕','맑은 고딕','dotum';font-size:13px;color:#494949;line-height:1.3;-webkit-text-size-adjust:none}
/* layout */
#wrap {position:relative;z-index:1;overflow:hidden;min-width:1000px}
#header {position:absolute;top:0;left:0;width:100%;z-index:100}
#visual {height:96px}
#container .inner {max-width:1200px;margin:0 auto;padding:36px 0}
#lnb {float:left;width:260px;padding-top:22px}
#contents {position:relative;float:right;width:72%;min-height:450px;padding-bottom:40px;transition:all .2s ease}
#footer {}
#footer .inner {position:relative;z-index:1;max-width:1260px;margin:0 auto;min-height:221px}
#footer .logo {position:absolute;top:41px;font-size:0;color:transparent;width:94px;height:44px;background:url(/web/images/comm/ico.png) no-repeat 0 -132px}
#footer .link {padding-top:42px;margin:0 0 3px 126px}
#footer .link a {position:relative;z-index:1;display:inline-block;vertical-align:middle;margin-right:12px;font-size:11px;font-weight:bold;color:#5a5a5a}
#footer .link a:after {position:absolute;top:1px;left:-8px;display:block;content:'';width:1px;height:11px;background:#c8cacb}
#footer .link a:first-child:after {display:none}
#footer .add {font-size:10px;color:#5a5a5a;margin-left:126px;font-weight:bold}
#footer .copy {font-size:10px;color:#5a5a5a;margin-left:126px;font-weight:bold}
#footer .logo.l01 {left:0}
#footer .logo.l02 {top:35px;right:95px;width:82px;height:82px;background-position:-123px -28px}
#footer .logo.l03 {top:25px;right:0;width:78px;height:90px;background-position:-206px 0px}

#mainVisual {/* position:relative; */z-index:1;overflow:hidden;z-index:100}
#mainVisual .bx-controls{position:relative;}
#mainVisual .cut {float:left;position:relative;min-height:525px;background:url('/web/eng/images/main/main03.png') no-repeat center top;}
#mainVisual .cut.c02 {background:url('/web/eng/images/main/main02.png') no-repeat center top}
#mainVisual .cut.c03 {text-align:center;background:url('/web/eng/images/main/main01.png') no-repeat center top}
#mainVisual .cut .inner {width:1000px;margin:0 auto;padding-top:65px;text-align:right}
#mainVisual .cut span.tit,
#mainVisual .cut span.txt {z-index:10;position:relative;display:block;padding-left:20px}
#mainVisual .cut span.tit {margin-bottom:30px}
#mainVisual .cut.c02 .inner {padding-top:76px;text-align:left;}
#mainVisual .cut.c02 span.tit {margin-bottom:18px}
#mainVisual .cut.c02 .img {z-index:1;position:absolute;top:0;left:50%;margin-left:-800px}
#mainVisual .cut.c01 .posTxt {text-align:left;min-width:500px;font-weight:bold;z-index:1;position:absolute;top:16px;left:50%;margin-left:368px}
#mainVisual .cut.c01 .inner {padding-top:70px}
#mainVisual .btn {display:none;position:absolute;z-index:20;top:222px}
#mainVisual:hover .btn,
#mainVisual:focus .btn {display:block}
#mainVisual .btn.prev {left:36px}
#mainVisual .btn.next {right:36px}
.main #container .inner {padding:0}
.mMidBanner {padding:20px 0 30px 0;border-bottom:1px solid #ebebeb;margin-bottom:30px}
.mMidBanner .tit {float:left;width:190px}
.mMidBanner .tit p {font-size:12px;color:#707070;line-height:13px}
.mMidBanner .tit .tit_p {margin-bottom:5px;font-size:20px;font-weight:bold;color:#000;line-height:22px}
.mMidBanner .tit .tit_p span {color:#047ab3}
.mMidBanner .bnSet {margin-left:190px}
.mMidBanner .bnSet a {display:block;float:left;width:12.5%;text-align:center;font-size:12px;color:#323232;font-weight:bold}
.mMidBanner .bnSet a b {display:block;margin:0 auto;height:46px}
.mMidBanner .bnSet a b img {width:100%}
.mMidBanner .bnSet a.bn01 b {width:39px}
.mMidBanner .bnSet a.bn02 b {width:43px}
.mMidBanner .bnSet a.bn03 b {width:42px}
.mMidBanner .bnSet a.bn04 b {width:36px}
.mMidBanner .bnSet a.bn05 b {width:38px}
.mMidBanner .bnSet a.bn06 b {width:36px}
.mMidBanner .bnSet a.bn07 b {width:31px}
.mMidBanner .bnSet a.bn08 b {width:36px}

.innerTop{max-width:1260px;margin:0 auto;background:#fff;clear:both;}
.innerTop .satisBox{width:79.5%;float:right;}
.innerTop .satisBox .inBox{width:100%;}

.headerBox {position:relative;z-index:1;height:96px}
#footer .innerTop{padding:0 15px;}
#footer .innerTop .satisBox{margin-bottom:20px;}
#footer .innerBox{border-top:1px solid #e5e5e5;background:#f7f7f7}
#header .inner {max-width:1260px;margin:0 auto;}
#header .logo {font-size:0;color:transparent;line-height:0;overflow:hidden;display:block;width:103px;height:47px;top:28px;position:absolute;left:50%;margin-left:-500px;z-index:10;/*background:url(/web/images/comm/ico.png) no-repeat 0 -84px*/}
#gnb {position:relative;z-index:10;padding-top:44px;float:right;text-align:right}
#gnb>li {display:inline;position:relative;z-index:1}
#gnb>li>a {display:inline-block;padding:5px 0;margin-left:44px;color:#323232;font-size:15.5px;line-height:1.1;font-weight:bold}
.mGnb {display:none}
.allGnb span {margin-left: 8px;display: inline-block;width: 16px;height: 13px;vertical-align: middle;background: url(/web/images/comm/ico.png) no-repeat -45px 0;background-size: 250px 250px}
.allGnb:after {display:none !important}

#gnb>li .menuBox {display:none;position:absolute;top:65px;left:43px;width:100%;min-height:200px;text-align:left}
#gnb.on>li .menuBox {display:block}
.gnbTxt {display:none;position:absolute;border-top:1px solid #ebebeb;top:96px;z-index:1;left:0;width:100%;height:499px;background:#f1f1f1;}
.gnbTxt.on {display:block}
.gnbTxt .inner {width:1000px;margin:0 auto;position:relative}
.gnbTxt .txt {position:absolute;top:35px;left:0;font-size:12px;line-height:17px;color:#494949}
.gnbTxt .txt span {font-size:35px;color:#017eba;font-weight:bold;display:block;line-height:1.5}
.gnbTxt .box {margin-left:30%}
.menuBox {float:left;width:100%}
.menuBox>li {float:left}
.menuBox>li ul {display:none}
.menuBox li {float:left;width:100%}
.menuBox li a {display:block;font-size:12px;color:#717171;line-height:20px}
.menuBox li a strong {font-size:14px;color:#000;display:block;margin-bottom:6px;}
.menuBox li li ul {display:none}
.mGnbHd {display:none}

#sVisual {max-width:100%;overflow:hidden;background:url('/web/eng/images/comm/sVisual01.png') no-repeat center top;z-index:1;position:relative; background-color:#bae15f}
#sVisual .inner {font-size:0;color:transparent;width:1200px;height:160px;margin:0 auto;background:url(/web/eng/images/comm/sVisual01.png) no-repeat center top}
#container {position:relative;/*z-index:100*/;background:#fff;}
.conInner{width:100%}

#contents .h1 {font-size:40px;color:#017eba;font-weight:bold;margin-bottom:30px;font-family:"Arial"}
#contents .path {height:16px;line-height:16px;text-align:right;color:#717171;font-size:12px}
#contents .path * {display:inline-block;vertical-align:middle}
#contents .path strong {font-weight:bold;color:#323232}
#contents .path b {margin: 0 4px;width:5px;height:7px;background:url(/web/images/comm/ico01.png) no-repeat 0 -23px}
#contents .nsnBtn{position:absolute;top:33px;right:0;}
#contents .nsnBtn a{height:15px;padding:0 8px;border-right:1px solid #efefef;display:inline-block;}
#contents .nsnBtn a.last{border-right:none;padding-right:0;}
#contnets .nsnBtn a img{vertical-align:bottom}

#lnb .h2 {font-weight:bold;font-size:26px;color:#323232;padding-bottom:10px;margin-bottom:16px;border-bottom:2px solid #017eba}
#lnb .lnb {border-bottom:1px solid #d2d2d2;padding-bottom:5px;margin-bottom:16px}
#lnb li {float:left;width:100%}
#lnb li ul {display:none;/* border-bottom:1px solid #d2d2d2;padding-bottom:10px;margin-bottom:10px */}
#lnb li.on>ul {display:block}
#lnb li a {display:block;font-size:16px;color:#7d7d7d;font-weight:bold;text-decoration:none;position: relative;z-index: 1;}
#lnb li a:hover,
#lnb li a:focus,
#lnb li a:active,
#lnb li.on>a {color:#000}
#lnb li li a {font-weight:normal;font-size:13px;color:#717171;}
#lnb li li a:hover,
#lnb li li a:focus,
#lnb li li a:active,
#lnb li li.on>a {color:#047ab3;font-weight:bold}
#lnb li li ul {border:0;padding:0 0 16px 0;margin:0} 
#lnb li li li a {/* text-indent:7px; */font-size:12px;color:#717171;position:relative}
/* #lnb li li li a:after {content:'';display:block;width:3px;height:3px;background:#4c4c4c;overflow:hidden;position:absolute;top:9px;left:0} */
#lnb li li li a:hover,
#lnb li li li a:focus,
#lnb li li li a:active,
#lnb li li li.on>a {color:#047ab3;font-weight:bold;}
#lnb .snsTit {font-size:12px;color:#323232;font-weight:bold;margin-bottom:6px}
#lnb .snsBtn a {color:transparent;font-size:0;overflow:hidden;float:left;margin-right:2px;display:block;width:28px;height:28px;background:url(/web/images/comm/ico.png) no-repeat 0 0}
#lnb .snsBtn a.fb {background-position:-30px 0}
#lnb .snsBtn a.tw {background-position:-60px 0}

#lnb ul.lnb li a{font-size:16px;padding: 7px 15px 7px 0;}
#lnb ul.lnb li ul li a{font-size:12px;padding: 5px 15px 5px 0;}
#lnb ul.lnb li ul li ul li a{font-size:13px;padding: 4px 15px 4px 0;}

#lnb ul.lnb li ul{margin-left:10px;}

/* #lnb .lnb li a{line-height: 1.2;font-weight: bold;text-decoration: none;position: relative;z-index: 1;display: block;color: #535353;font-size: 14px;word-break: break-all;} */

/* #lnb .lnb li a b{position: absolute;display: block;top: 12px;right: 9px;width: 8px;height: 6px;background: url(/web/images/comm/ico01.png) no-repeat -8px -29px;}
#lnb .lnb li a:hover b,
#lnb .lnb li a:active b,
#lnb .lnb li a:focus b,
#lnb .lnb li.on a b{width: 6px;height: 8px;top: 13px;right: 8px;background: url(/web/images/comm/ico01.png) no-repeat -8px -34px;}

#lnb .lnb li.on li a b{position: absolute;display: block;top: 13px;right: 10px;width: 5px;height: 4px;background: url(/web/images/comm/ico01.png) no-repeat -8px -41px;}
#lnb .lnb li li a:hover b,
#lnb .lnb li li a:active b,
#lnb .lnb li li a:focus b,
#lnb .lnb li.on li.on a b{width: 4px;height: 5px;top: 14px;right: 11px;background: url(/web/images/comm/ico01.png) no-repeat -8px -45px;}

#lnb .lnb li.on li.on li a b{position: absolute;display: block;top: 11px;right: 10px;width: 5px;height: 4px;background: url(/web/images/comm/ico01.png) no-repeat -8px -41px;}
#lnb .lnb li li li a:hover b,
#lnb .lnb li li li a:active b,
#lnb .lnb li li li a:focus b,
#lnb .lnb li.on li.on li.on a b{width: 4px;height: 5px;top: 11px;right: 11px;background: url(/web/images/comm/ico01.png) no-repeat -8px -45px;} */

#lnb .lnb li a b{width:8px;height:12px;top:8px;right:3px;background:url(/web/images/comm/ico01.png) no-repeat -17px -41px;position:absolute;display:block;}
#lnb .lnb li a:active b,
#lnb .lnb li.on a b{width:12px;height:8px;top:14px;right:0px;background:url(/web/images/comm/ico01.png) no-repeat -24px -41px;}

#lnb .lnb li.on li a b{top:11px;right:3px;width:6px;height:10px;background:url(/web/images/comm/ico01.png) no-repeat -35px -41px;position:absolute;display:block;}
#lnb .lnb li li a:active b,
#lnb .lnb li.on li.on a b{top:11px;right:1px;width:10px;height:6px;background:url(/web/images/comm/ico01.png) no-repeat -40px -41px;}

#lnb .lnb li.on li.on li a b{top:7px;right:3px;width:6px;height:10px;background:url(/web/images/comm/ico01.png) no-repeat -35px -41px;position:absolute;display:block;}
#lnb .lnb li li li a:active b,
#lnb .lnb li.on li.on li.on a b{top:7px;right:1px;width:10px;height:6px;background:url(/web/images/comm/ico01.png) no-repeat -40px -41px;}

#lnb .lnb li.on li.on li.on li a b{top:5px;right:3px;width:6px;height:10px;background:url(/web/images/comm/ico01.png) no-repeat -35px -41px;position:absolute;display:block;}
#lnb .lnb li li li li a:active b,
#lnb .lnb li.on li.on li.on li.on a b{top:5px;right:1px;width:10px;height:6px;background:url(/web/images/comm/ico01.png) no-repeat -40px -41px;}
 
.writeTable .answer input[type=text] {width:30.88%}
.writeTable .answer .tel input[type=text] {width:8.88%}
.writeTable .answer .label {display:inline-block;vertical-align:middle;width:48px}

.viewTable.answer {margin-top:40px}
.viewTable.answer th {padding-left:0;background:#f7f9fa;border-bottom:1px solid #e2e2e2;color:#323232;font-size:13px;font-weight:bold;text-align:center}
.viewTable.answer td {border-bottom:1px solid #e2e2e2;padding:0 16px;line-height:1.5;vertical-align:middle}
.questionName {font-size:13px;color:#323232;margin-bottom:14px;font-weight:bold}
.questionName span {color:#047ab3;font-size:16px}
.listBtn.center {text-align:center}

.cust_main li {float:left;width:31%;margin-left:3%}
.cust_main li:first-child {margin-left:0}
.cust_main .title {text-align:center;padding:34px 0;background:#f7f7f7;border-bottom:3px solid #047ab3}
.cust_main .title b {display:inline-block;width:68px;height:122px;margin-bottom:10px}
.cust_main .title b img {width:100%;height:100%}
.cust_main .title span {display:block;font-size:20px;color:#494949;font-weight:bold}
.cust_main li li {width:100%;margin:0}
.cust_main li li a {display:block;padding:28px 0 26px 0;border-bottom:1px solid #e8e8e8;position:relative;z-index:1}
.cust_main li li a .tit {display:block;font-size:16px;font-weight:bold;color:#494949;margin-bottom:5px}
.cust_main li li a .txt {font-size:13px;color:#494949}
.cust_main li li a .txt .br {display:block}
.cust_main li li a .link {width:26px;height:26px;position:absolute;top:50%;right:0;margin-top:-13px}


.cust_main .gc .title {border-bottom-color:#12a3cc}
.cust_main .gs .title {border-bottom-color:#fead12}
.cust_main .gc .title b {width:102px}
.cust_main .gs .title b {width:134px}
.custInfoImg {padding-bottom:40px;margin-bottom:40px;border-bottom:1px solid #e2e2e2}
.custInfoImg img {width:804px}
.normalList li {padding-left:8px;position:relative}
.normalList li:after {content:'';display:block;width:3px;height:3px;background:#5e5e5e;position:absolute;top:6px;left:0}
.sameImg.tac {text-align:center}
.infoGray {background:#f1f1f1;text-align:center;padding:23px;margin-bottom:50px}


.sns #container {background:#f6f4f1}
.sns #contents {width:100%}
.sns #container .inner {padding:0}
#snsVisual {border-top:1px solid #e6e6e6;text-align:center;position:relative;z-index:1}
#snsVisual .inner {margin:0 auto;width:1000px;height:217px;position:relative;z-index:1}
#snsVisual .logo {display:inline-block;padding-top:52px;width:265px}
#snsVisual .logo img {width:100%}
#snsVisual .left {position:absolute;top:100px;left:0;z-index:1;text-align:left}
#snsVisual .left p {font-size:13px;color:#000;font-weight:bold}
#snsVisual .left p.tit {padding:2px 0 3px 20px;color:#017eba;margin-bottom:2px;background:url(/web/images/sns/ico_clock.png) no-repeat}
#snsVisual .right {position:absolute;top:109px;right:0;z-index:1;text-align:right}
#snsVisual .right a {display:inline-block;vertical-align:middle;width:30px;height:30px}
#snsVisual .right a img {width:100%;height:100%}
.qnaTop {padding-top:54px}
.qnaTop div {position:relative;z-index:1;float:left;width:42%;height:80px;font-size:20px;color:#302d2d;padding-left:8%;font-weight:bold}
.qnaTop div.a {color:#017eba}
.qnaTop div.q:after {content:'Q.';display:block;font-size:65px;position:absolute;top:-24px;left:0}
.qnaTop div.a:after {content:'A.';display:block;font-size:65px;position:absolute;top:-24px;left:0}
.snsView {position:relative;z-index:1;overflow:hidden;margin-bottom:46px}
.snsView:after {content:'';display:block;width:1px;height:100%;position:absolute;top:16px;left:50%;background:#dddbd8}
.snsView ul {position:relative;z-index:5;margin-top:20px}
.snsView ul:first-child {margin-top:0}
.snsView ul li {float:left;position:relative;z-index:5}
.snsView ul li.q {width:500px}
.snsView ul li.q:after {position:absolute;z-index:10;top:10px;right:0;margin-right:-6px;content:'';display:block;width:10px;height:10px;border-radius:10px;border:1px solid #bdaf97;background:#fead12}
.snsView ul li.a {width:466px;margin-left:34px;z-index:4}
.snsView ul li.a:after {position:absolute;z-index:4;top:16px;left:-68px;content:'';display:block;width:68px;height:0;border-top:1px dotted #c5c3c1}
.snsView ul li .sLogo {position:absolute;top:0;left:0;width:33px}
.snsView ul li .sLogo:after {content:'';display:block;position:absolute;top:16px;right:-8px;width:8px;height:1px;background:#dddbd8}
.snsView ul li .sLogo img {width:33px;height:33px;margin-bottom:5px}
.snsView ul li .sLogo .time {display:block;color:#000;font-size:10px;text-align:center}
.snsView ul li .qBox {margin-left:41px;padding:25px 0;width:423px;border:1px solid #e5e5e5;background:#fff;position:relative;z-index:1}
.snsView ul li .qBox p {padding:0 25px}
.snsView ul li .qBox .user {margin-bottom:18px}
.snsView ul li .qBox .user img {float:left;width:37px;margin-right:10px}
.snsView ul li .qBox .user .name {font-size:16px;color:#4b4b4b;font-weight:bold;display:block}
.snsView ul li .qBox .user .date {color:#858585;font-size:12px}
.snsView ul li .qBox .snsTit {font-size:20px;font-weight:bold;color:#000;margin-bottom:8px}
.snsView ul li .qBox .snsTxt {color:#717171;height:33px;min-height:33px;overflow:hidden}
.snsView ul li .qBox .snsTxt a:after {position:absolute;bottom:0;right:0;content:'';display:block;width:30px;height:30px;background:url(/web/images/sns/ico_more.png) no-repeat}
.snsView ul li .qBox.open .snsTxt a:after {display:none}
.snsView ul li .qBox.open .snsTxt {height:auto}
.snsMore {text-align:center}

.gyTabWrap {border-top:2px solid #12a3cc;margin-bottom:38px}
.gyTabWrap .box {border-bottom:1px solid #ececec;padding:17px 18px;background:#f7f9fa}
.gyTabWrap .box h3.h3_box {float:left;font-size:15px;color:#323232;font-weight:bold;padding-right:20px;background:url(/web/images/water/ico_gy.png) no-repeat right 50%}
.gyTabWrap .box .ulBox {margin-left:158px}
.gyTabWrap .box .ulBox li {float:left;margin-bottom:8px}
.gyTabWrap .box .ulBox li a {font-size:13px;color:#717171;position:relative;z-index:1;margin-right:22px}
.gyTabWrap .box .ulBox li a:after {content:'';display:block;width:1px;height:12px;background:#bcbdbe;position:absolute;top:2px;right:0;margin-right:-12px}
.gyTabWrap .box .ulBox li a.on,
.gyTabWrap .box .ulBox li a:hover,
.gyTabWrap .box .ulBox li a:focus,
.gyTabWrap .box .ulBox li a:active {color:#0472ab}
.gyTabWrap .box .select {display:none}
#contents h3.h3 {font-size:16px;color:#323232;font-weight:bold;margin-bottom:14px}
#contents .dataImg {margin-bottom:40px}
.tableInfo {text-align:right;font-size:12px;color:#717171;margin-bottom:4px}
.tableInfo strong {color:#494949}
.listTable td strong {font-weight:bold}

.mbnSetWrap {margin-bottom:50px}
.mbnSetWrap > div {height:175px}
.mbnSetWrap div.bn01 {float:left;width:24%;overflow:hidden}
.mbnSetWrap div.bn02 {float:left;width:24%;margin-left:1.33%;position:relative;z-index:1}
.mbnSetWrap div.bn03 {float:left;width:24%;margin-left:1.33%;position:relative;z-index:1}
.mbnSetWrap div.bn04 {float:right;width:24%;position:relative;z-index:1}
.mbnSetWrap .newsListTab {position:relative;z-index:1} 
.mbnSetWrap .newsListTab .tabTit {position:absolute;top:0;left:0;display:block;height:40px;width:33.33%;line-height:42px;text-align:center;font-size:12.5px;color:#f2f2f2;font-weight:bold;background:#474747;border-left:1px solid #5a5a5a}
.mbnSetWrap .newsListTab .tabTit:first-child {border-left:0}
.mbnSetWrap .newsListTab .tabTit.on,
.mbnSetWrap .newsListTab .tabTit a:hover,
.mbnSetWrap .newsListTab .tabTit a:active {background:#047ab3}
.mbnSetWrap .newsListTab .tabTit.tti02 {margin-left:33.33%}
.mbnSetWrap .newsListTab .tabTit.tti03 {margin-left:66.66%}
.mbnSetWrap .newsListTab .tabList {float:left;margin-top:56px;left:0;width:100%;display:none}
.mbnSetWrap .newsListTab .tabList.on {display:block}
.mbnSetWrap .newsListTab .tabList li {float:left;width:100%}
.mbnSetWrap .newsListTab .tabList li a {display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;z-index:1;padding:4px 0 3px 10px;font-size:13px;color:#323232}
.mbnSetWrap .newsListTab .tabList li a .new {width:17px;height:17px;vertical-align:middle}
.mbnSetWrap .newsListTab .tabList li a:after {content:'';display:block;width:3px;height:3px;background:#327abe;position:absolute;top:10px;left:0}
.mbnSetWrap div.bn04 .bImg {float:left;display:none;position:relative;z-index:1;height:100%;overflow:hidden;width:100%}
.mbnSetWrap div.bn04 .bImg img {width:100%;height:100%}
.mbnSetWrap div.bn04 .bImg.on {display:block}
.mbnSetWrap div.bn04 .btn {position:absolute;bottom:0;right:0;z-index:10}
.mbnSetWrap div.bn04 .btn img {float:left}
.mbnSetWrap div.bn04 .btn.prev {margin-right:61px}
.mbnSetWrap div.bn04 .btn.stop {margin-right:29px}
.mbnSetWrap .mobileBanner,
.mbnSetWrap .mobileSSBn {display:none}
.mBotNewWrap {margin-bottom:60px}
.mBotNewWrap .box {width:24%;margin-left:1.33%;position:relative;z-index:1}
.mBotNewWrap .box a {float:left;}
.mBotNewWrap .box.b01 {float:left;margin-left:0}
.mBotNewWrap .box.b02 {float:left}
.mBotNewWrap .box.b03 {float:left}
.mBotNewWrap .box.b04 {float:right}
.mBotNewWrap .box .thumb {display:block;margin-bottom:16px;position:relative;z-index:1}
.mBotNewWrap .box .thumb .img {width:100%;position:relative;z-index:1;float:left}
.mBotNewWrap .box .play {position:absolute;display:block;top:50%;left:50%;z-index:5;width:52px;height:52px;margin:-27px 0 0 -26px}
.mBotNewWrap .box .play img {width:100%}
.mBotNewWrap .box .wrTit {display:block;font-size:13px;color:#000;font-weight:bold;margin-bottom:4px}
.mBotNewWrap .box .wnTit {display:block;font-size:17px;color:#000;font-weight:bold;margin-bottom:8px}
.mBotNewWrap .box .wnTxt {display:block;font-size:12px;color:#717171;margin-bottom:8px}
.mBotNewWrap .box .more {font-size:11px;color:#047ab3;font-weight:bold}
.mBotNewWrap .box .more img {width:6px;height:10px;vertical-align:middle;margin-left:6px}
.mBotNewWrap .box .thumb .bBtn {position:absolute;z-index:5;right:0;bottom:0;width:30px;height:30px;overflow:hidden}
.mBotNewWrap .box .thumb .bBtn.prev {border-right:1px solid #3498c8;margin-right:30px}
.mBotNewWrap .box .thumb .bBtn img {width:100%}
.mbotBnSet {margin-bottom:40px}
.mbotBnSet a {display:block;float:left;width:24%;margin-left:1%;height:79px;font-size:0;color:transparent}
.mbotBnSet a.b01 {margin-left:0;background:url(/web/images/main/lastBn_w01.png) no-repeat}
.mbotBnSet a.b02 {background:url(/web/images/main/lastBn_w02.png) no-repeat}
.mbotBnSet a.b03 {background:url(/web/images/main/lastBn_w03.png) no-repeat}
.mbotBnSet a.b04 {float:right;background:url(/web/images/main/lastBn_w04.png) no-repeat}
.mslideBanner {border-top:1px solid #ececec;overflow:hidden;height:84px;position:relative}
.mslideBanner .bannerSet {position:relative;z-index:1;width:200%;padding:0 30px}
.mslideBanner .bannerSet a,
.mslideBanner .bannerSet img {float:left}
.mslideBanner .btn {position:absolute;top:0;z-index:6;width:30px;overflow:hidden;text-align:left;background:#fff}
.mslideBanner .btn.prev {left:0}
.mslideBanner .btn.next {right:0;text-align:right}






@media all and (max-width: 1300px) {
	
	#header .util {right: 15px;margin-right: 0;}
	
	.mbnSetWrap div.bn01 img {width:100%}
	.dataImgTable .img {width:100%}
	
	.snsView {padding:0 11px;margin-bottom:23px}
	.snsView ul {margin:0 29px}
	.snsView ul li.q,
	.snsView ul li.a {width:100%;margin-left:0;margin-bottom:6px}
	.snsView ul li.q:after,
	.snsView ul li.a:after {display:none}
	.snsView ul li .qBox .snsTxt a:after {width:15px;height:15px;background-size:15px 15px}
	.snsView ul li .qBox {width:100%;overflow:hidden;margin-left:0}
	.snsView ul li .sLogo {width:29px;left:-29px}
	.snsView ul li .sLogo img {width:24px;height:24px}
	.snsView ul li .sLogo:after {top:12px;right:-3px}
	.snsView ul li .sLogo .time {width:24px;font-size:10px;color:000;width:}
	.snsView ul li.a .sLogo {left:auto;right:-29px !important;text-align:center}
	.snsView ul li.a .sLogo img {float:right}
	.snsView ul li.a .sLogo:after {right:24px}
	.snsView ul li.q:after,
	.snsView ul li.a:after,
	.snsView:after {display:none}
	.snsMore img {width:67px}
	
	#wrap {min-width:0}
	#mainVisual .cut .inner {width:100%}
	#mainVisual .cut.c01 span.tit,
	#mainVisual .cut.c01 span.txt,
	#mainVisual .cut.c02 span.tit,
	#mainVisual .cut.c02 span.txt {}
	#mainVisual .cut.c03 .posTxt {margin-left:260px}
	#snsVisual .inner {width:100%}
	#header .logo {left:15px;margin-left:0}
	#header .inner {margin:0 15px}
	#sVisual .inner {background-position: 46% top}
	#container .inner {padding:36px 15px}
	#footer .inner {margin:0 15px}

	.custInfoImg img {width:100%}
	.sameImg img {width:100%}
	.mMidBanner .tit {display:none}
	.mMidBanner .bnSet {margin-left:0}
}

@media all and (max-width: 1020px) {
	#lnb {width:26%;}
}

@media all and (max-width: 964px) {
	
	#gnb>li>a {margin-left:30px}
	.snb .txt {display:none}
	.snb .box {margin:0 15px}
	#container {padding:0 10px;}
	
	
}

@media all and (max-width: 864px) {
	
	#mainVisual .cut.c03 .posTxt {margin-left:190px}
	#gnb>li>a {margin-left:20px}
	#footer .logo.l02,
	#footer .logo.l03 {display:none}
	
	.writeTable .answer input[type=text] {width:36.88%}
	.writeTable .answer .tel input[type=text] {width:10.4%}
	
	.cust_main li {float:left;width:48%;margin-left:0;margin-right:2%;margin-bottom:30px}
}

@media all and (max-width: 800px) {
	#mainVisual .allvisualwrap {height:auto !important;}
	#mainVisual .cut {min-height:153.5px;height:153.5px}
	#mainVisual .cut.c01 {background:url(/web/eng/images/main/vImg03.png) no-repeat;background-size:100%}
	#mainVisual .cut.c02 {background:url(/web/eng/images/main/vImg02.png) no-repeat;background-size:100%}
	#mainVisual .cut.c03 {background:url(/web/eng/images/main/vImg01.png) no-repeat;background-size:100%}
	#mainVisual .cut.c03 .posTxt,
	#mainVisual .cut span.txt {display:none}
	#mainVisual .cut.c01 .tit {width:160px;position:absolute;right:10px;}
	#mainVisual .cut.c01 .txt2 {position:absolute;right:10px;bottom:10px;}
	#mainVisual .cut.c01 .inner {padding-top:22px}
	#mainVisual .cut.c02 {margin-left:0;}
	#mainVisual .cut.c02 .tit {width:160px;margin-left:0}
	#mainVisual .cut.c02 .inner {padding-top:19px;padding-left:10px;text-align:left}
	#mainVisual .cut.c03 .tit {width:160px;position:absolute;right:10px;}
	#mainVisual .cut.c03 .inner {padding-top:19px}
	#mainVisual .cut.c03 .txt2 {position:absolute;right:10px;bottom:10px;}
	#mainVisual .cut .tit img {width:100%}
	#mainVisual .cut.c02 .img {display:none}
	
	#header {position:static;height:52px;z-index:100}
	#header .logo {top:11px;left:18px;width:51px;height:23px;background-position:0 -42px;background-size:250px 250px}
	.headerBox {display:none}
	/* .mGnb {display:block;position:absolute;top:19px;right:15px;font-size:12px;font-weight:bold;color:#272727} */
	.mGnb b {margin-left:8px;display:inline-block;width:16px;height:13px;vertical-align:middle;background:url(/web/images/comm/ico.png) no-repeat -45px 0;background-size:250px 250px}
	#header .util {display:none}
	.visual{background:#f00}
	#sVisual {position:relative}	
	#sVisual .inner {width:100%;height:48px;background:url(/web/images/comm/m_visual.png) no-repeat;background-size:cover}
	
	#lnb {display:none}
	#contents {width:100%}
	.mobileOff{display:none}
	.mobileOn{display:block}
	
	#container {position:relative;z-index:1}
	#container .inner{padding:0;}
	body.sub #visual {height:48px}
	body.sub #visual .inner {height:48px;background:url(/web/images/comm/bg_sub.png) no-repeat center top;width:100%;min-width:0;background-size:800px 48px}
	#contents .path {display:none}
	#contents .nsnBtn {display:none}
	#contents .h1 {margin:-48px 0 0 0;height:48px;color:#fff;font-size:24px;line-height:48px;text-align:center;font-weight:bold}
	#contents .h1.tab {margin:-48px 0 28px 0}
	
	#footer .link {padding-top:19px}
	#footer .link a {font-size:9px;color:#8c8c8c}
	#footer .link,
	#footer .add,
	#footer .copy {font-size:9px;color:#8c8c8c;margin-left:0}
	.br {display:block}
	#footer .inner {min-height:0;padding-bottom:20px}
	#footer .logo.l01 {display:none}

	.innerTop{width:95.32%;padding:0 15px;clear:both;}
	.innerTop .satisBox{width:95.7%;float:none;margin-bottom:10px;}
	.innerTop .satisBox .inBox{width:100%;}
	
	#footer .innerBox{border-top:1px solid #e5e5e5}
	
	.mobilemenuWrap {position:fixed;top:0;right:-767px;height:100%;width:100%;z-index:90;transition:all .3s ease}
	.mobilemenuWrap.open {right:0}
	.mobilemenuWrap .gnbBg {position:absolute;top:0;left:0;width:100%;height:100%;z-index:90}
	.gnbTxt,.gnbTxt.on {display:none}
	#gnb.on>li .menuBox {display:none}
	#gnb {overflow-y:auto;display:block;z-index:93;position:absolute;height:100%;top:0;right:0;width:240px;padding:0;background:#2d2f30;border:0 !important;transition:all .2s ease;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}
	#gnb>li {width:100%;float:left;margin:0;padding:0;text-align:left}
	#gnb>li:first-child {margin-top:52px}
	#gnb>li>a {display:block;border-bottom:1px solid #414140;font-size:16px;color:#fff;margin:0;padding:10px 0 11px 18px;position:relative}
	#gnb>li:first-child>a {border-top:1px solid #414140}
	#gnb>li>a:after {position:absolute;top:15px;right:16px;content:'';display:block;width:13px;height:13px;background:url(/web/images/comm/ico.png) no-repeat -13px -89px;background-size:250px 250px}
	#gnb>li.on>a {background:#017eba;color:#fff}
	#gnb>li.on>a:after {background-position:-13px -102px}
	#gnb>li .menuBox {display:block;position:static;top:0;background:none;width:93%;border:0;background:#202020;min-height:0}
	#gnb>li .menuBox ul {display:none;float:left;width:93% !important}
	#gnb>li .menuBox li.on>ul {display:block}
	#gnb>li .menuBox li {float:left;width:100%}
	#gnb>li .menuBox li a strong {font-size:13px;color:#fff;margin:0;width:90%}
	#gnb>li .menuBox li li a strong {font-size:12px;color:#fff;margin:0;width:90%}
	#gnb>li .menuBox li li li a strong {font-size:11px;color:#fff;margin:0;width:90%}
	#gnb>li .menuBox li a {padding:10px 0 10px 0;font-size:13px;color:#a9a3a3;border-bottom:1px solid #373737}
	#gnb>li .menuBox {display:none}
	#gnb>li.on .menuBox {display:block}
	#gnb>li .menuBox>li {width:100% !important}
	#gnb>li .menuBox>li>a {position:relative;line-height:16px}
	#gnb>li .menuBox>li>a:after {}
	/* #gnb>li .menuBox>li.fd>a:after{position:absolute;top:10px;right:19px;content:'>';font-size:8px;color:#fff;display:inline-block;line-height:13px;height:13px;} */
	#gnb>li .menuBox>li.on>a strong {color:#6ec3ff;font-weight:bold;}
	#gnb>li .menuBox>li.on>a:after {}
	#gnb>li .menuBox>li.fd.on>a:after {color:#6ec3ff}
	#gnb>li .menuBox>li>ul>li>a {border:0;padding:5px 0 5px 0;position:relative;color:#fff;font-size:13px;}
	#gnb>li .menuBox>li>ul>li>a strong {width:90%}
	/* #gnb>li .menuBox>li>ul>li>a:after {position:absolute;top:10px;right:19px;content:'>';font-size:8px;color:#fff;display:inline-block;line-height:13px;height:13px;} */
	#gnb>li .menuBox>li>ul>li.fd.on>a strong {color:#6EC3FF;font-weight:bold;}
	#gnb>li .menuBox>li>ul>li.fd.on>a:after {color:#6ec3ff}
	#gnb>li .menuBox>li>ul>li.fd.on>a:after {color:#6ec3ff}
	#gnb>li .menuBox>li>ul>li>ul>li>a {padding:5px 0 5px 0;border:0;font-size:12px;color:#717171;position:relative}
	#gnb>li .menuBox>li>ul>li>ul>li.on>a {color:#fff}
	#gnb>li .menuBox>li>ul>li>ul>li.on>a strong {color:#6ec3ff;font-weight:bold;}
	#gnb>li .menuBox>li>ul>li>ul>li.on>a:after {background:#fff}
	#gnb>li .menuBox>li>ul>li>ul>li>ul>li>a {padding:5px 0 5px 0;border:0;font-size:12px;color:#717171;position:relative}
	#gnb>li .menuBox>li>ul>li>ul>li>ul>li.on>a {color:#fff}
	#gnb>li .menuBox>li>ul>li>ul>li>ul>li.on>a strong {color:#6ec3ff;font-weight:bold;}
	#gnb>li .menuBox>li>ul>li>ul>li>ul>li.on>a:after {background:#fff}
	
	#gnb>li .menuBox{padding-left:18px;}
	#gnb>li .menuBox ul{padding-left:15px;}
	
	#gnb>li .menuBox li a b{width:8px;height:12px;top:12px;right:19px;background:url(/web/images/comm/ico01.png) no-repeat -17px -41px;position:absolute;display:block;}
	#gnb>li .menuBox li a:active b,
	#gnb>li .menuBox li.on a b{width:12px;height:8px;top:14px;right:18px;background:url(/web/images/comm/ico01.png) no-repeat -24px -41px;}
	
	#gnb>li .menuBox li.on li a b{top:11px;right:20px;width:6px;height:10px;background:url(/web/images/comm/ico01.png) no-repeat -35px -41px;position:absolute;display:block;}
	#gnb>li .menuBox li li a:active b,
	#gnb>li .menuBox li.on li.on a b{top:11px;right:19px;width:10px;height:6px;background:url(/web/images/comm/ico01.png) no-repeat -40px -41px;}
	
	#gnb>li .menuBox li.on li.on li a b{top:11px;right:22px;width:6px;height:10px;background:url(/web/images/comm/ico01.png) no-repeat -35px -41px;position:absolute;display:block;}
	#gnb>li .menuBox li li li a:active b,
	#gnb>li .menuBox li.on li.on li.on a b{top:11px;right:21px;width:10px;height:6px;background:url(/web/images/comm/ico01.png) no-repeat -40px -41px;}
	
	#gnb>li .menuBox li.on li.on li.on li a b{top:11px;right:24px;width:6px;height:10px;background:url(/web/images/comm/ico01.png) no-repeat -35px -41px;position:absolute;display:block;}
	#gnb>li .menuBox li li li li a:active b,
	#gnb>li .menuBox li.on li.on li.on li.on a b{top:11px;right:23px;width:10px;height:6px;background:url(/web/images/comm/ico01.png) no-repeat -40px -41px;}
	
	
	
	.mGnbHd {display:block;position:absolute;top:0;right:0;width:240px;height:52px;z-index:95;background:#313130}
	.mGnbHd .tit {position:absolute;top:0;left:0;width:102.5px;height:52px}
	.mGnbHd .close {display:block;position:absolute;top:0;right:0;width:52px;height:52px}
	.mGnbHd .close img {width:100%;height:100%}
	
	
	.writeTable .answer input[type=text] {width:68.88%}
	.writeTable .answer .tel input[type=text] {width:18.88%}
	
	.viewTable.answerTop {border-top:2px solid #12a3cc}
	.viewTable.answer {margin-top:20px;border-top:2px solid #12a3cc}
	.questionName {padding-top:15px}
	
	.cust_main li {margin:0;width:100%}
	.cust_main .title {padding:15px 0}
	.cust_main .title span {font-size:20px}
	.cust_main li li a {padding:16px 30px 15px 15px}
	.cust_main li li a .txt .br {display:inline}
	.cust_main li li a .link {right:15px;width:20px;height:20px;margin-top:-10px}
	
	.cust_main .title b {width:67px;height:124px}
	.cust_main .gc .title b {width:97px}
	.cust_main .gs .title b {width:130.5px}
	.h2.mobmt {padding:27px 15px 0 15px}
	
	.custInfoImg {margin:0 15px;padding:0;border:0}
	.normalP,
	.normalList {margin:0 15px}
	.sameImg {padding:20px 15px}
	.infoGray {padding:23px 15px;text-align:left}
	
	#snsVisual .left,
	#snsVisual .right,
	.qnaTop {display:none}
	#snsVisual {background:#f6f4f1}
	#snsVisual .inner {height:92px}
	#snsVisual .logo {padding-top:16px;width:147px}
	
	.mMidBanner {padding:0px 0 15px 0;margin-bottom:0;border-bottom:0}
	.mMidBanner .bnSet a {width:25%;padding:5px 0 10px 0;font-size:11px;color:#323232}
	.mMidBanner .bnSet a b {height:34px}
	.mMidBanner .bnSet a.bn01 b {width:28.5px}
	.mMidBanner .bnSet a.bn02 b {width:24.5px}
	.mMidBanner .bnSet a.bn03 b {width:21px}
	.mMidBanner .bnSet a.bn04 b {width:25.5px}
	.mMidBanner .bnSet a.bn05 b {width:26px}
	.mMidBanner .bnSet a.bn06 b {width:28px}
	.mMidBanner .bnSet a.bn07 b {width:25.5px}
	.mMidBanner .bnSet a.bn08 b {width:24.5px}
	
	.dataImgTable {padding:0 15px}
	.gyTabWrap {border:0;margin-bottom:15px}
	.gyTabWrap .box {padding:4px 15px;background:#f7f7f7;border-bottom:0}
	.gyTabWrap .box .ulBox {display:none}
	.gyTabWrap .box .select {margin-left:120px;display:block}
	.gyTabWrap .box .select select {width:100%}
	.gyTabWrap .box h3.h3_box {font-size:12px;background:none;margin:0 !important;padding:0}
	
	
	.mbnSetWrap {padding:0 15px;margin-bottom:0}
	.mbnSetWrap > div {height:auto}
	.mbnSetWrap div.bn01,
	.mbnSetWrap div.bn03 {display:none}
	.mbnSetWrap div.bn02,
	.mbnSetWrap div.bn04 {width:100%;margin-left:0}
	.mbnSetWrap div.bn04 {margin-bottom:15px;height:181px}
	.mbnSetWrap .mobileBanner {float:left;width:100%;display:block;margin-bottom:15px}
	.mbnSetWrap .mobileBanner img {width:100%}
	.mbnSetWrap .newsListTab .tabList li a .new {width:13px;height:13px}
	.mbnSetWrap .mobileSSBn {float:left;width:100%;display:block}
	.mbnSetWrap .mobileSSBn a {float:left}
	.mbnSetWrap .mobileSSBn a.msb01 {width:33%}
	.mbnSetWrap .mobileSSBn a.msb02 {width:33%}
	.mbnSetWrap .mobileSSBn a.msb03 {width:33%}
	.mbnSetWrap .mobileSSBn img {width:100%}
	
	.mBotNewWrap {padding:0 15px;margin-bottom:5px}
	.mBotNewWrap .box {width:49%;margin-bottom:17px}
	.mBotNewWrap .box.b02 {float:right}
	.mBotNewWrap .box.b03 {margin-left:0}
	.mBotNewWrap .box .thumb .bBtn {display:none}
	.mBotNewWrap .box .play {width:41.5px;height:41.5px;margin:-21px 0 0 -21px}
	.mBotNewWrap .box .wrTit {font-size:10px}
	.mBotNewWrap .box .wnTit {font-size:13px;font-weight:normal}
	.mBotNewWrap .box .wnTxt {display:none}
	.mBotNewWrap .box .more {font-size:10px}
	
	.mbotBnSet {padding:0 15px;margin-bottom:0}
	.mbotBnSet a {width:49%;height:39.5px;margin-bottom:10px}
	.mbotBnSet a.b01 {background:url(/web/images/main/lastBn_m01.png) no-repeat left 50%;background-size:cover}
	.mbotBnSet a.b02 {float:right;background:url(/web/images/main/lastBn_m02.png) no-repeat left 50%;background-size:cover}
	.mbotBnSet a.b03 {margin-left:0;background:url(/web/images/main/lastBn_m03.png) no-repeat left 50%;background-size:cover}
	.mbotBnSet a.b04 {background:url(/web/images/main/lastBn_m04.png) no-repeat left 50%;background-size:cover}
	.mslideBanner {display:none}
	
}