@charset "euc-kr";
/* ----------
css
---------- */

/*@import url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Ssbagf.tbbtyrncvf.pbz%2Srneylnpprff%2Sabgbfnafxe.pff');*/
@import url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spqa.enjtvg.pbz%2Sbcrauvha%2Sunathy%2S14p0s6snn2941116oo53001q6n7qpq5r82300p3s%2Sanahzonehatbguvp.pff');
/* layout */
body, table, th, td, input,
textarea, button, select {
	font-family:'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic", "돋움", Dotum, Arial, sans-serif;
	font-size:13px;
	color:#666;
}

/* fallback ★구글 아이콘 안쓰면 삭제★ */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxnfg.be.xe%2Spff%2S..%2Ssbagf%2SZngrevny-Vpbaf.jbss2") format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}


/* 怨듯넻
------------------------------------------------------ */
body {width:100%; background-color:#fff;}
#wrap{width:100%; position:relative;}
.area{width:1200px; margin:0px auto; *zoom:1;}
.area:after{clear:both; display:block; content:"";}
.clearfix{*zoom:1;}
.clearfix:after{clear:both; content:""; display:block;}
.fl{float:left;}
.fr{float:right;}

/* Header
------------------------------------------------------ */
#header{width:100%; height:140px; position:absolute; top:0; left:0; /*z-index:999;*/ font-family:'Nanum Barun Gothic'; z-index:999}
#headerInner{width:100%; height:66px; border-bottom:1px solid rgba(255,255,255,0.1);}
#headerInner h1.logo{float:left; margin-top:18px;}
#headerInner ul.util{float:right; padding-top:16px;}
#headerInner ul.util li{display:inline-block; vertical-align:top; /*margin-left:14px;*/margin-left:5px;}
#headerInner ul.util li a{font-size:13px; line-height:32px; color:#fff; letter-spacing:-0.5px; width:115px;}
#headerInner ul.util li.login{width:64px; height:32px; border:1px solid #5c5c5c; background-color:rgba(0,0,0,0.8); text-align:center;}
#headerInner ul.util li select{width:66px; height:34px; border:1px solid #5c5c5c; background:rgba(0,0,0,0.8) url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxnfg.be.xe%2Svzntrf%2Synlbhg%2Soga_neebj.cat) no-repeat 95% center; -webkit-appearance:none; -moz-appearance:none; appearance:none; color:#fff; font-size:13px;}
#headerInner ul.util li select::-ms-expand {display:none;}
#headerInner ul.util li.sitemap{width:107px; height:32px; border:1px solid #5c5c5c; background:rgba(0,0,0,0.8) url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxnfg.be.xe%2Svzntrf%2Synlbhg%2Soga_zrah.cat) no-repeat 10% center; /*margin-left:60px;*/}
#headerInner ul.util input{width:300px; background:none; border:0; border-bottom:1px solid rgba(255,255,255,0.36); display:inline-block; vertical-align:bottom; color:#FFF; font-weight:300; font-size:16px}

/* -------- Zoom -------- */
#headerInner ul.util li .zoomArea a{display:inline-block; width:32px; height:32px; border:1px solid #6A6A6A; line-height:normal;}
#headerInner ul.util li .zoomArea span{display:inline-block; width:100%; height:100%; text-align:center; vertical-align:middle; line-height:35px; font-size:20px}
#headerInner_2 ul.util li .zoomArea a{display:inline-block; width:32px; height:32px; border:1px solid #c3c3c3; line-height:normal;}
#headerInner_2 ul.util li .zoomArea span{display:inline-block; width:100%; height:100%; text-align:center; vertical-align:middle; line-height:35px; font-size:20px}


/* -------- Gnb -------- */
#gnb{width:100%; height:72px; border-bottom:1px solid rgba(255,255,255,0.1); background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxnfg.be.xe%2Svzntrf%2Synlbhg%2Stao_ot.cat) repeat-x left -1px; z-index:999;}
#gnb > ul > li{float:left; width:12.5%; text-align:center; padding:19px 0; position:relative;}
#gnb > ul > li > a{display:inline-block; padding:8px 11px; font-size:19px; color:#fff; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxnfg.be.xe%2Svzntrf%2Stao_one.cat) no-repeat left top;}
#gnb .gnb-2dep{display:none; position:absolute; top:73px; left:0; height:225px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxnfg.be.xe%2Svzntrf%2Synlbhg%2Stao_2qrc_ot.wct) repeat-y;}
#gnb .gnb-2dep > li{float:left; /*width:20%;*/width:239px; text-align:left; margin-top:16px;}
#gnb .gnb-2dep > li.borl{/*border-left:1px solid #145289;*/}
#gnb .gnb-2dep > li a{font-size:15px; line-height:48px; color:#fff; letter-spacing:-0.5px; display:inline-block; padding-left:28px;}
#gnb .gnb-2dep > li a:hover{background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxnfg.be.xe%2Svzntrf%2Synlbhg%2Stao_n_ot02.wct) no-repeat left center;}
#gnb li.gnb2 .gnb-2dep{left:-150px;}
#gnb li.gnb3 .gnb-2dep{left:-300px;}
#gnb li.gnb4 .gnb-2dep{left:-450px;}
#gnb li.gnb5 .gnb-2dep{left:-600px;}
#gnb li.gnb6 .gnb-2dep{left:-750px;}
#gnb li.gnb7 .gnb-2dep{left:-900px;}
#gnb li.gnb8 .gnb-2dep{left:-1050px;}
#gnb.ver2{width:100%; height:72px; border-bottom:0; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxnfg.be.xe%2Svzntrf%2Synlbhg%2Stao_ot2.wct) repeat-x;}
#gnb.ver2 .gnb-2dep{background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxnfg.be.xe%2Svzntrf%2Synlbhg%2Stao_2qrc_ot2.wct) repeat-y; top:72px;}
#gnb.ver2 .gnb-2dep > li{width:238px; float:left; border-left:1px solid #d9d9d9; border-right:0; margin-top:16px;}
#gnb.ver2 .gnb-2dep > li.sub-borl{margin-top:0;}
#gnb.ver2 .gnb-2dep > li a{font-size:16px; color:#1e1e1e; margin-left:0; padding-left:26px; letter-spacing:-1.3px;}
#gnb.ver2 #gnbOpenBg{background:#fff}
#gnb.ver2.total-menu.open > ul > li .gnb-2dep{border-color:#d9d9d9}
#gnb.ver2 .gnb-2dep > li a:hover{background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxnfg.be.xe%2Svzntrf%2Synlbhg%2Stao_n_ot.wct) no-repeat left center;}
#gnb.ver2 .gnb-2dep span.arrow{position:absolute; top:0; display:inline-block; width:15px; height:8px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxnfg.be.xe%2Svzntrf%2Synlbhg%2Stao_nebbj.wct) no-repeat;}
#gnb.ver2 li.gnb1 .gnb-2dep span.arrow{left:68px;}
#gnb.ver2 li.gnb2 .gnb-2dep span.arrow{left:220px;}
#gnb.ver2 li.gnb3 .gnb-2dep span.arrow{left:370px;}
#gnb.ver2 li.gnb4 .gnb-2dep span.arrow{left:520px;}
#gnb.ver2 li.gnb5 .gnb-2dep span.arrow{left:670px;}
#gnb.ver2 li.gnb6 .gnb-2dep span.arrow{right:365px;}
#gnb.ver2 li.gnb7 .gnb-2dep span.arrow{right:217px;}
#gnb.ver2 li.gnb8 .gnb-2dep span.arrow{right:68px;}
/* HEADER :: GNB :: fixed*/
#gnb.fixed{position:fixed; top:0px; left:0px; z-index:999; animation: GnbFixed 0.7s}
@-webkit-keyframes GnbFixed {
	from {
		top:-120px
	}
	to {
		top:0;
	}
}
/* HEADER :: SearchBox */
#headerRightBox{position:absolute; top:50%; margin-top:-17px; right:0px; text-align:right; background-color:#125f9f; display:none;}
#headerRightBox .search-box{display:inline-block; vertical-align:middle; border-bottom:1px solid #3E87E1; margin:0 2%; *display:inline;*zoom:1;}
#headerRightBox .search-box .search-input{background:none; border:0; width:166px; height:30px; font-size:12px; color:#fff;  vertical-align:top;}
#headerRightBox .search-box button{margin:0px; padding:0px; background:none; border:0; cursor:pointer; color:#fff;}
#headerRightBox .search-box button .mobile{display:none;}
#headerRightBox .search-box .search-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
#headerRightBox .search-box .search-input::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
#headerRightBox .search-box .search-input:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
#headerRightBox .search-box .search-input:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}
/* ?쒕툕?덉씠?꾩썐?먯꽌 headerRightBox */
#headerRightBox.ver2{background-color:#fff;}
#headerRightBox.ver2 .search-box{border-bottom:1px solid #125f9f;}
#headerRightBox.ver2 .search-box .search-input{color:#125f9f;}
#headerRightBox.ver2 .search-box .search-input:focus{color:#125f9f;}

@media all and (max-width:1220px){
	#header{/*z-index:auto;*/}
	#headerRightBox{display:none; position:absolute; top:57px; left:0px; width:100%; z-index:99; margin-top:0; text-align:left; padding:20px 0;}
	#headerRightBox a{display:none;}
	#headerRightBox .search-box{display:block; overflow:hidden; width:96%; margin:0px auto; /*padding-bottom:5px*/}
	#headerRightBox .search-box .search-input{width:90%; text-indent:5px;}
	#headerRightBox .search-box .search-input:focus{color:#fff;}
	#headerRightBox .search-box button{float:right; width:25px; height:25px; background-color:#a78e65; -webkit-border-radius:7px;-moz-border-radius:7px;-o-border-radius:7px;border-radius:7px;}
	#headerRightBox .search-box button .mobile{display:block; line-height:27px;}
	#headerRightBox .search-box button .pc{display:none;}



}
@media all and (max-width:479px){
	#headerRightBox{top:46px; padding:10px 0;}
}


/* -------- GNB bg -------- */
#gnbBg{display:none; position:fixed; width:100%; height:100%; top:140px; left:0; background:#000; opacity:0.9; z-index:998;}
/* 諛섏쓳??gnb 硫붾돱 */
#headerInner .m-util{display:none; overflow:hidden; float:right;}
#headerInner .m-util li{display:inline-block; vertical-align:middle; width:auto;}
#headerInner .m-util li:first-child{width:70%;}
#headerInner .m-util input{width:65%; background:none; border:0; border-bottom:1px solid rgba(255,255,255,0.36); display:inline-block; vertical-align:top;}
#headerInner .m-util li > a{font-size:18px; line-height:18.42px; color:#fff;}
#headerInner .m-util li .icon-search{-webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); }
#headerInner_2 .m-util li .icon-menu{color:#125f9f;}
.m-util li .icon-search, .m-util li .icon-menu{font-size:40px;}
#headerInner_2 .m-util{display:none; overflow:hidden; float:right;}
#headerInner_2 .m-util li{display:inline-block; vertical-align:middle; width:auto;}
#headerInner_2 .m-util li:first-child{width:70%;}
#headerInner_2 .m-util input{width:65%; background:none; border:0; border-bottom:1px solid rgba(18,95,159,0.36); display:inline-block; vertical-align:top;}
#headerInner_2 .m-util li > a{font-size:18px; line-height:18.42px; color:#125f9f;}
#headerInner_2 .m-util li .icon-search{-webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); color:#125f9f;}
#headerInner_2 ul.util input{width:300px; background:none; border:0; border-bottom:1px solid rgba(18,95,159,0.36); display:inline-block; vertical-align:bottom;font-weight:300; font-size:16px}

/* ?쒕툕 Header
------------------------------------------------------ */
#header.ver2{position:relative; height:138px;/*z-index:999;*/}
#headerInner_2{width:100%; height:66px; display:none; background-color:#fff; border-bottom:0; z-index:997;}
#headerInner_2 h1.logo{float:left; margin-top:18px;}
#headerInner_2 ul.util{float:right; padding-top:16px;}
#headerInner_2 ul.util li{display:inline-block; vertical-align:middle; margin-left:5px;}
#headerInner_2 ul.util li a{font-size:13px; line-height:32px; color:#383838; letter-spacing:-0.5px; width:115px;}
#headerInner_2 ul.util li.login{width:64px; height:32px; border:1px solid #C3C3C3; background-color:#fff; text-align:center;}
#headerInner_2 ul.util li select{width:66px; height:34px; border:1px solid #C3C3C3; background:#fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxnfg.be.xe%2Svzntrf%2Synlbhg%2Soga_neebj2.cat) no-repeat 95% center; -webkit-appearance:none; -moz-appearance:none; appearance:none; color:#383838; font-size:13px;}
#headerInner_2 ul.util li select::-ms-expand {display:none;}
#headerInner_2 ul.util li.sitemap{width:75px; height:32px; border:1px solid #C3C3C3; background:#fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxnfg.be.xe%2Svzntrf%2Synlbhg%2Soga_zrah2.cat) no-repeat 10% center; padding-left:30px;}


/* -------- 紐⑤컮??gnb -------- */
#m-gnb{display:none; position:relative; z-index:999;}
/* gnbQuick */
#m-gnb #gnbQuick{position:absolute; top:0; left:0; width:30%;}
#m-gnb #gnbQuick li{width:100%;}
#m-gnb #gnbQuick li.quick-01{background-color:#125f9f;}
#m-gnb #gnbQuick li.quick-02{background-color:#a78e65;}
#m-gnb #gnbQuick li.quick-03{background-color:#2b2b2b;}
#m-gnb #gnbQuick li.quick-04{background-color:#5b5b5b;}
#m-gnb #gnbQuick li a{/*padding:15%;*/padding:15% 0; text-align:center; display:block; color:#fff; overflow:hidden;}
#m-gnb #gnbQuick li a dl{width:100%; text-align:center;}
#m-gnb #gnbQuick li a dt, #m-gnb #gnbQuick li a dd{/*display:inline-block;*/display:block; vertical-align:middle;}
#m-gnb #gnbQuick li a dt{/*width:22%;*/width:100%; margin:0 auto; margin-bottom:5px;}
#m-gnb #gnbQuick li a dd{/*width:75%; text-align:right;*/width:100%; text-align:center;}
/* gnbBox */
#m-gnb #gnbBox{width:70%; background-color:#1b1b1b; float:right;}
#m-gnb #gnbBox li{display:inline-block; vertical-align:middle; width:40%; text-align:center; border-left:1px solid #4b4b4b;}
#m-gnb #gnbBox li a{color:#fff; display:inline-block; vertical-align:middle; padding:10%;}
#m-gnb #gnbBox li img{display:inline-block; vertical-align:middle; /*width:30px*/width:27px;}
#m-gnb #gnbBox li a span{display:inline-block; vertical-align:middle; font-size:12px;}
#m-gnb #gnbBox li select{display:inline-block; vertical-align:middle; background:none; border:0; color:#fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxnfg.be.xe%2Svzntrf%2Synlbhg%2Sz_tao_fryrpg.wct) no-repeat right 50%; /*width:59%;*/width:76%; background-size:12px;}
#m-gnb #gnbBox li select::-ms-expand { display: none; }
#m-gnb #gnbBox li.language{width:57%;}
#m-gnb #gnbBox li.language a{padding:0px; display:block;}
#m-gnb #gnbBox li.close{width:94%; text-align:right; padding:3%; background-color:#323232; border-left:0;}
#m-gnb #gnbBox li.close a{padding:0;}
/* navigation */
#m-gnb #navigation{width:70%; height:100%; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxnfg.be.xe%2Svzntrf%2Synlbhg%2Sz_tao_ot.wct) repeat-y; background-size:100% auto; float:right;}
#m-gnb #navigation li{width:100%;}
#m-gnb #navigation > li > a{display:block; padding:5% 10%; font-size:16px; color:#fff; border-bottom:1px solid rgba(125,166,200,0.14)}
#m-gnb #navigation li.active > a{background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxnfg.be.xe%2Svzntrf%2Synlbhg%2Sz_tao_yv_ot.wct) no-repeat 45% center;}
#m-gnb #navigation li .gnb-2dep{width:100%; display:none; background-color:#0f5187; padding:5% 0;}
#m-gnb #navigation li .gnb-2dep li{}
#m-gnb #navigation li .gnb-2dep li > a{display:block;font-size:13px; padding:5% 10%;/*padding:5% 25%;*/letter-spacing:-0.5px; color:#fff; line-height:1.3;}


/* Footer
------------------------------------------------------ */
.section{position:relative}
#footer{clear:both;width:100%;padding:0; font-family:'Nanum Barun Gothic';}
#footer:after {display:block;visibility:hidden;clear:both;content:""}
#footer .section01 {background:#fff;position:relative;height:68px;}
#footer .section01 h1 {position:absolute;top:15px;left:0;}
#footer .section01 .sns {position:absolute;top:20px;right:0;}
#footer .section02 {background:#2b2b2c;position:relative;height:52px;border-bottom:1px solid #252526;}
#footer .section02 .link {position:absolute;top:20px;left:0;}
#footer .section02 .link a {color:#fff;padding:0 15px;border-right:1px solid #6d6d6e;}
#footer .section02 .link a:last-child {border-right:none;}
#footer .section03 {background:#353536;position:relative;padding:20px 0;}
#footer .section03 .select {position:absolute;top:0px;right:0;}
#footer .section03 .select select {background:#444546;color:#fff;padding:5px 10px;border:1px solid #6d6d6e;width:180px;}
#footer .address{display:inline-block;margin:0 0 0 18px;line-height:20px;color:#e1e1e1;}
.btn_top{position:absolute;display:block;right:0;bottom:-35px}

/* 紐⑤컮??footer */
#m-footerInner{width:100%; display:none;}
#m-footerInner .footer-top{padding:3% 5%; background-color:#2b2b2c;}
.footer-top ul.footer-list{width:100%; margin:0 auto;}
.footer-top ul.footer-list li{display:inline-block; vertical-align:top; width:24%; text-align:center;}
.footer-top ul.footer-list li a{font-size:16px; color:#fff;}
.footer-top ul.footer-list li:first-child a{color:#b5aca0;}
#m-footerInner .footer-bottom{width:100%; padding:3% 0; background-color:#353536; text-align:center;}
.footer-bottom > p, .footer-bottom > span{display:inline-block; width:96%; margin:0 auto; text-align:center; color:#fff;}
.footer-bottom > p{margin-bottom:3%; line-height:22px;}
.footer-bottom > span > strong{font-weight:normal; color:#c3c3c3;}
#m-footerInner .footer-sns{width:94%; padding:3%; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxnfg.be.xe%2Svzntrf%2Synlbhg%2Ssbbgre_ybtb.cat) no-repeat 3% center; text-align:right;}
.footer-sns .sns-list{display:inline-block; width:49%; text-align:right;}
.footer-sns .sns-list li{display:inline-block; vertical-align:top; padding:0 2%;}
.footer-sns .sns-list li .fa{font-size:30px; color:#000;}

/* footer :: familybox */
.familysite-box{position:relative; width:200px; float:right; /*margin-top:25px;*/}
.familysite-box > a{display:block; height:30px; line-height:30px; text-indent:20px; border:1px solid #b0b0b0; background-color:#444546; color:#fff; }
.familysite-box > a i{position:absolute; right:15px; top:7px;}
.family-list{position:absolute; bottom:30px; left:0px; width:198px;  padding:10px 0; background-color:#444; border:1px solid #b0b0b0; border-bottom:0;  z-index:11; display:none; }
.family-list a{display:block; padding:10px 20px; color:#fff; letter-spacing:-0.5px;}
.family-list a:hover{color:#0e89c6}

/* header :: ?몄뼱?좏깮 */
.language-box{position:relative; /*width:64px; width:112px;*/ min-width:112px; }
.language-box > a{display:block; height:32px; line-height:32px; text-indent:10px; border:1px solid #6b6b6b; background-color:rgba(0,0,0,0.8); color:#fff; }
.language-box > a i{position:absolute; /*right:-50px;*/right:0; top:7px;}
.language-list{position:absolute; top:33px; left:0px; /*width:62px;*/width:115px;  padding:10px 0; background-color:rgba(0,0,0,0.8); border:1px solid #5c5c5c; border-top:0;  z-index:11; display:none; }
.language-list a{display:block; color:#fff; padding-left:5px;}
.language-list a:hover{color:#0e89c6}
/* ?쒕툕 ver2 */
.language-box.ver2 > a{border:1px solid #C3C3C3; background-color:#fff; color:#383838; }
.language-box.ver2 > a i{color:#125f9f;}
.language-box.ver2 .language-list{background-color:#fff; border:1px solid #C3C3C3; border-top:0;}
.language-box.ver2 .language-list a{color:#383838;}
.language-box.ver2 .language-list a:hover{color:#383838}

/* 상단배너 */
#topBanner{width:100%; max-height:250px; overflow:hidden; /*height:125px; padding-top:125px;*/position:relative; z-index:9999; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s; background-color:#3a3a3a;}
.top-banner-list-con{width:100%; height:100%;}
.top-banner-list-item{position:relative; height:250px; width:100%; overflow:hidden;}
.top-banner-list-item img{/*position:absolute; top:0px; left:50%; margin-left:-960px;*/width:1200px; height:250px; max-width:1200px; max-height:250px; display:block; margin:0px auto;}
.banner-close-btn{position:absolute; bottom:18px; right:5%;}
.banner-close-btn label, .banner-close-btn a{display:inline-block; vertical-align:middle; color:#fff}
.banner-close-btn a{color:#fff; font-size:15px;}
#topBanner .slick-dots{position:absolute; left:50%; bottom:18px;margin-left:-580px; width:auto; display:block !important;}
#topBanner .slick-dots li{float:left; margin-right:10px;}
#topBanner .slick-dots li button{margin:0px; padding:0px; background:none; border:0; width:10px; height:10px; /*border:1px solid #3f3f3f;*/ font-size:0; margin-right:10px; cursor:pointer; text-indent:-9999px;}

@media all and (max-width:1200px){
	.top-banner-list-item{height:auto;}
	.top-banner-list-item img{width:100%; height:auto;}
	#topBanner .slick-dots{margin-left:0; left:3%; z-index:99; bottom:10px;}
}

@media all and (max-width:768px){
	#topBanner{/*padding-top:12%;*/}
	.banner-close-btn{bottom:10px; right:3%;}
}

@media all and (max-width:479px){
	/*#topBanner{display:none;}*/
}


/* Sub layout
------------------------------------------------------ */
#container {width:100%; position:relative; background-color:#f2f0ec;}
#middleArea {padding-bottom:3%;}
#content {width:100%; padding-top:5%;}
/* ?쒕툕 ?덉씠?꾩썐 :: ?곷떒 */
#location{width:100%; padding-top:3%; position:relative; text-align:center; margin-bottom:50px;}
#location > h2{text-align:center; font-size:53.6px; letter-spacing:-0.5px; color:#252525; font-weight:normal; margin-bottom:25px;}
#location > h2 span.bar{display:block; width:31px; height:1px; background-color:#000; margin:0px auto; margin-top:24px;}
#location > .page-loc{display:inline-block; margin:0px auto; text-align:center;}
#location > .page-loc li{float:left; font-size:15px; line-height:18px; color:#2a2a2a; font-family:"?섎닎怨좊뵓", NanumGothic, "Nanum Gothic";}
#location > .page-loc li.seq{padding:0 20px;}
#location .page-prev, #location .page-next, #location .page-prev-m, #location .page-next-m{position:absolute; top:100px;}
#location .page-prev-m, #location .page-next-m{display:none;}
#location .page-prev, #location .page-prev-m{left:0;}
#location .page-next, #location .page-next-m{right:0;}
/* ?쒕툕 ?덉씠?꾩썐 :: ?곷떒硫붾돱 */
#topMenuBar{width:100%; text-align:center;}
#topMenuBar > div{display:inline-block; min-width:1050px;}
#topMenuBar .depth1-tit{/*float:left;*/display:inline-block; display:none; vertical-align:top; width:10%; overflow:hidden; height:63px; margin-top:1px; background-color:#a78e65; text-align:center;}
#topMenuBar .depth1-tit strong{width:100%; line-height:63px; text-align:center; color:#fff; font-size:20px; font-weight:600;}
#topMenuBar .depth1-tit strong b{font-weight:400;}
#topMenuBar .depth1-tit strong .mobile{display:none;}
#topMenuBar .depth1-tit span{color:#fff; display:none;}
.top-menu-list{/*float:left;*/display:inline-block; vertical-align:top; width:86%; margin-left:-3px;}
.top-menu-list.page_7{/*width:100%;*/}
.top-menu-list li{position:relative; top:1px; float:left; /*width:20%;*/ height:63px; text-align:center; vertical-align:middle; display:table;}
.top-menu-list.page_1 li{width:20%;}
.top-menu-list.page_2 li{width:14.28%}
.top-menu-list.page_3 li{width:18.5%;}
.top-menu-list.page_3 li.point{width:25.5%;}
.top-menu-list.page_4 li{width:20%;}
.top-menu-list.page_4 li.point{width:19.5%;}
.top-menu-list.page_5{width:90%;}
.top-menu-list.page_5 li{width:12.5%;}
.top-menu-list.page_5 li.point{width:15.5%;}
.top-menu-list.page_5 li.point > a{letter-spacing:-2px;}
.top-menu-list.page_6 li, .top-menu-list.page_9 li{width:33%;}
.top-menu-list.page_7 li{width:11.11%;}
.top-menu-list.page_8 {width: 100%;}
.top-menu-list.page_8 li{width:12.5%;}
/*.top-menu-list.page_8 li{width:11%;}*/
.top-menu-list.page_9 li{width:25%;}
.top-menu-list li a{display:block; background-color:#fff; height:61px; /*line-height:61px;*/ border:1px solid #bdbdbd; border-left:0; color:#666; font-size:16px;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s; letter-spacing:-1px; font-weight:300; display:table-cell; vertical-align:middle; line-height:1.4}
.top-menu-list li:first-child a{border-left:1px solid #bdbdbd;}
.top-menu-list li a:hover,.top-menu-list li.on a{color:#282828; border-bottom-color:#135f9f; height:60px; /*line-height:61px;*/ border-bottom:2px solid #135f9f; font-weight:400}
/* 210723 :: 메뉴리뉴얼 */
.renewal-kr .top-menu-list.page_5 li{width:20%}
.renewal-kr .top-menu-list.page_7 li{width:14.28%}

/* ------------------------------------------------------ RightQuickBar------------------------------------------------------ */
/* ?쒕툕?덉씠?꾩썐 :: ?ㅻⅨ履??듬찓??*/
#rightQuickBar{position:fixed; right:0; top:41%; width:119px; height:358px; z-index:99;}
#rightQuickBar li{width:100%; height:25%; text-align:center;}
#rightQuickBar li a{display:block; width:100%; height:100%;}
#rightQuickBar li img{display:inline-block; margin-top:12px;}
#rightQuickBar li.q-list03 img{margin-top:15px;}
#rightQuickBar li span{display:block; font-size:13px; line-height:24px; color:#fff; letter-spacing:-1px; margin-top:10px;}
#rightQuickBar li.q-list01{background-color:#125f9f;}
#rightQuickBar li.q-list02{background-color:#a58247;}
#rightQuickBar li.q-list03{background-color:#3a3a3a;}
#rightQuickBar li.q-list04{background-color:#7b7b7b;}


/* Main layout
------------------------------------------------------ */
#mainContainer { width:100%;}
/* -------- mainVisual -------- */
#mainVisual{width:100%; /*height:701px;*/ border-bottom:1px solid #d5d4d0; overflow:hidden; position:relative;    background: #080808;}
.visual-bx{position:absolute; /*bottom:0;*/bottom:40%; left:50%; margin-left:-600px; min-height:50px;}
.visual-bx .carousel-text{position:absolute; top:0; right:0; width:100%;}
.visual-list-txt{text-align:right;}
.visual-list-txt h2{font-family:'Nanum Barun Gothic'; font-size:18px; font-weight:normal; color:#fff; letter-spacing:5px; margin-bottom:10px; padding-right:30px;text-shadow:1px 1px 5px rgba(0, 0, 0, .85);}
.visual-list-txt p{font-size:20px; font-weight:lighter; color:#fff; opacity:0.7;filter:Alpha(opacity=70); letter-spacing:1px; padding-right:30px;text-shadow:1px 1px 5px rgba(0, 0, 0, .85);}
.slider {width:100%; margin:0 auto;}
.slick-slide {margin:0;}
#mainVisual .slick-slide img {width:auto; height:100%; margin: 0 auto;}
.slick-dotted.slick-slider{margin-bottom:0;}
.slick-dots{left:50%; margin-left:600px; width:8px; z-index:99;}
.slick-dots li button{font-size:0; text-indent:-9999px;}
/* -------- 鍮꾩＜??濡ㅻ쭅 -------- */
#visualRolling{width:564px; height:336px; position:absolute; bottom:0; left:50%; margin-left:-600px;}
.visual-roll-contianer{width:350px; height:268px; padding:34px 29px; background-color:#125f9f; overflow:hidden; position:relative;}
.visual-roll-contianer .rolling-content{position:absolute; top:34px; left:29px; width:350px; height:268px; overflow:hidden;}
.visual-roll-contianer .rolling-box{/*width:100%; height:100%;*/ width:350px; height:268px; position:absolute; top:0px; left:0; overflow:hidden;}
.rolling-box li{width:350px; height:268px; float:left; }
.rolling-box li h3{font-family:'Nanum Barun Gothic'; font-size:37px; font-weight:normal; letter-spacing:-0.5px; text-shadow:1px 1px 2px rgba(0, 0, 0, .75); color:#fff; margin-bottom:20px; margin-top:35px;}
.rolling-box li h3:before{display:block; content:""; width:20px; height:1px; background-color:#fff; margin-bottom:15px;}
.rolling-box li span{display:inline-block; /*font-size:16px;*/font-size:15.5px; line-height:22px; color:#fff; font-family:'Nanum Gothic'; letter-spacing:-0.5px; opacity:0.7;filter:Alpha(opacity=70); margin-bottom:40px;}
.rolling-box li dl{border:1px solid rgba(225,225,225,0.5); overflow:hidden;}
.rolling-box li dl dt, .rolling-box li dl dd{float:left; width:49.8%; text-align:center;}
.rolling-box li dl dt{padding:20px 0; border-right:1px solid rgba(225,225,225,0.5); font-size:16px; color:#fff;}
.rolling-box li dl dd{background-color:#115187;}
.rolling-box li dl dd a{display:block; padding:20px 0; font-size:16px; color:#fff;}
.rolling-btn{position:absolute; bottom:34px; left:29px; min-width:75px; height:16px;}
.rolling-btn a.roll-stop{margin:0 25px;}  
.roll-bar{position:absolute; top:32px; right:0; display:block; width:248px; height:12px; background-color:#a78e65; }
/* 영문 */
.rolling-box.eng li h3{font-size:32px; line-height:36px;}


@media all and (max-width:1455px){
	/* ?쒕툕?덉씠?꾩썐 :: ?ㅻⅨ履??듬찓??*/
	#rightQuickBar{display:none;}
}

@media all and (max-width:1220px){
	.visual-bx{left:0; margin-left:0; bottom:46%;}
	.visual-list-txt h2, .visual-list-txt p{width:80%; margin:0 auto; padding-right:0;}
	.visual-list-txt h2{margin-bottom:15px;}
	.slick-dots{right:8%; left:auto; margin-left:0;}
	#mainVisual .slick-slide img {width:100%; height:100%;}
	.slick-dots{display:none !important;}
	.visual-list-txt{text-align:center;}
	/* -------- 鍮꾩＜??濡ㅻ쭅 -------- */
	#visualRolling{position:relative; left:auto; margin-left:0; width:100%; height:auto; }
	.visual-roll-contianer{width:96%; padding:3% 2%; height:auto; min-height:40px;}
	.visual-roll-contianer .rolling-content{position:absolute; top:0; left:2%; /*width:75%;*/width:76%; height:100%;}
	.visual-roll-contianer .rolling-box{width:100%; height:100%;}
	.rolling-box li{width:auto; height:auto; margin-top:1%; overflow:hidden;}
	.rolling-box li h3{display:inline-block; /*font-size:35px;*/font-size:33px; vertical-align:middle; margin-bottom:0; margin-right:1.5%; float:left; margin-top:0; letter-spacing:-1px;}
	.rolling-box li h3:before{display:none;}
	.rolling-box li span{display:inline-block; margin-bottom:0; vertical-align:middle; float:left; letter-spacing:-1px;}
	.rolling-box li dl{display:none;}
	.rolling-btn{top:50%; margin-top:-7px; bottom:auto; left:auto; right:2%;}
	.rolling-btn .roll-stop{display:none;}
	.rolling-btn .roll-prev{display:inline-block; margin-right:30px;}
	.roll-bar{top:-6px; right:0;}
	/* 영문 */
	.rolling-box.eng li h3{font-size:26px; line-height:28px;}


}

@media all and (max-width:768px){
	.visual-list-txt h2{letter-spacing:0px; font-size:16px; margin-bottom:2%;}
	.visual-list-txt p{font-size:18px;}
	/* -------- 鍮꾩＜??濡ㅻ쭅 -------- */
	.visual-roll-contianer{min-height:25px;}
	.visual-roll-contianer .rolling-content{width:90%;}
	.rolling-box li{/*margin-top:1%;*/margin-top:0.85%;}
	.rolling-box li h3{font-size:24px;}
	.rolling-box li span{font-size:12px; line-height:14px;}
	/* 영문 */
	.rolling-box.eng li h3{font-size:22px; line-height:24px;}
	/* FOOTER */
	.footer-bottom > p{font-size:11px; line-height:16px;}
	.footer-bottom > span{font-size:10px;}
}

@media all and (max-width:479px){
	.visual-bx{bottom:40%;}
	.visual-list-txt h2{font-size:13px; letter-spacing:-0.5px;}
	.visual-list-txt p{font-size:15px;}
	/* -------- 鍮꾩＜??濡ㅻ쭅 -------- */
	.rolling-btn{min-width:0; }
	.rolling-btn .roll-prev{margin-right:7px;}
	.rolling-box li h3{font-size:15px; letter-spacing:-1px;}
	.rolling-box li span{font-size:10px; line-height:13px; letter-spacing:-1.5px;}
	/* 영문 */
	.rolling-box.eng li h3{font-size:15px; line-height:18px;}
}


/* -------- mainContent -------- */
#mainContent {clear:both;width:100%;margin:0;padding:40px 0;background:#f2f0ec;box-sizing: border-box;}
#mainContent:after {display:block;visibility:hidden;clear:both;content:""}
/* 怨듭??ы빆 */
#mainContent .section1_1 {background:#fff; border:1px solid #dbdbdb; width:45%; height:350px; float:left; box-sizing:border-box; padding:35px; position:relative; overflow:hidden;}
#mainContent .section1_1 .maintab a.more {/*position:absolute; right:35px; top:35px;*/ float:right; border-bottom:0; padding:0; padding-top:5px;}
#mainContent .section1_1 .maintab {border-bottom:1px solid #d1d1d1; height:32px;}
#mainContent .section1_1 .maintab > ul{display:inline-block; height:100%;}
#mainContent .section1_1 .maintab > ul li{display:inline-block; vertical-align:top; width:auto; height:100%;}
#mainContent .section1_1 .maintab > ul li a{color:#a0a0a0; font-size:18px; line-height:24px; height:100%; display:inline-block; padding:0 13px; position:relative; }
#mainContent .section1_1 .maintab > ul li a.on {color:#303030; border-bottom:1px solid #293b75;}
#mainContent .section1_1 .maintab > ul li:first-child a {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxnfg.be.xe%2Spff%2S..%2Svzntrf%2Sone.cat) no-repeat right center;}
#mainContent .section1_1 .maintab a.on {color:#303030;border-bottom:1px solid #293b75;}
#mainContent .section1_1 .tabInfo dl {padding:20px 0 15px 0;border-bottom:1px solid #d1d1d1;}
#mainContent .section1_1 .tabInfo dl dd {/*font-size:13px;*/font-size:15px; line-height:21px; color:#656464; padding-top:12px; letter-spacing:-0.3px;}
#mainContent .section1_1 .tabInfo dl dt img, #mainContent .section1_1 .tabInfo ul li img {display:inline-block; vertical-align:middle;}
#mainContent .section1_1 .tabInfo dl dt a {color:#363535; /*font-size:16px;*/font-size:18px; line-height:22px;}
#mainContent .section1_1 .tabInfo .notice {background:#125f9f; display:inline-block; color:#fff; width:65px; text-align:center; font-size:12.5px; line-height:23px; margin-right:10px;}
#mainContent .section1_1 .tabInfo .notice1 {background:#6e6e6e; display:inline-block; color:#fff; width:65px; text-align:center; font-size:12.5px; line-height:23px; margin-right:10px;}
#mainContent .section1_1 .tabInfo ul {padding:15px 0;}
#mainContent .section1_1 .tabInfo ul li {position:relative; padding:10px 0; }
#mainContent .section1_1 .tabInfo ul li:before{width:5px; height:5px; display:inline-block; background-color:#125f9f; content:""; vertical-align:middle; margin-right:5px; -webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px; }
#mainContent .section1_1 .tabInfo ul li.none {background:none;}
#mainContent .section1_1 .tabInfo ul li a {color:#6e6e6e; /*font-size:14px;*/font-size:17px; line-height:22px;}
#mainContent .section1_1 .tabInfo ul li a:before{content:""; color:#374678;}
#mainContent .section1_1 .tabInfo ul li.none a:before{content:none;}
/* ?쒕┝?먯쓽 紐⑹냼由?*/
#mainContent .section1_2 {background:#fff;border:1px solid #dbdbdb;width:55%;height:350px;float:left;box-sizing: border-box; margin-left:-1px;position:relative;}
#mainContent .section1_2:after {display:block;visibility:hidden;clear:both;content:""}
#mainContent .section1_2 .maintab {float:left;background:#767676;/*padding:35px 0px 35px 35px; width:141px;*/padding:35px 0 35px 10px; width:176px; height:278px; text-align:right}
#mainContent .section1_2 .maintab li.on {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxnfg.be.xe%2Spff%2S..%2Svzntrf%2Sot_gno_ba.cat) no-repeat right 50%}
#mainContent .section1_2 .maintab li a {border-top:1px solid #767676;border-bottom:1px solid #767676;color:#f0f0f0;font-size:14px;padding:5px 0px;display:inline-block;text-decoration:none;margin:6px 15px 6px 0;}
#mainContent .section1_2 .maintab li.on a {border-top:1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;}
#mainContent .section1_2 .tabInfo {float:left;padding:0px;width:400px;position:relative;}
#mainContent .section1_2 .tabInfo a.more {position:absolute;right:35px;top:35px;}
#mainContent .section1_2 .tabInfo h3 {border-bottom:1px solid #d1d1d1;height:32px;font-size:20px;color:#303030;font-weight:400;padding:0;}
#mainContent .section1_2 .tabInfo h3 span {border-bottom:1px solid #293b75;padding-bottom:6px;}
#mainContent .section1_2 .tabInfo .inner {margin:20px 0;}
#mainContent .section1_2 .tabInfo .inner img {float:left;margin-right:20px;}
#mainContent .section1_2 .tabInfo .inner .info {float:left;font-size:12px;color:#727272;}
#mainContent .section1_2 .tabInfo .inner .info p.t1 {color:#303030;font-size:16px;margin-bottom:20px;}
#mainContent .section1_2 .tabInfo .inner .info p.t2 {color:#303030;font-size:18px;margin-bottom:20px;}
#mainContent .section1_2 .bx-pager{position:absolute;bottom:80px;left:240px}
#mainContent .section1_2 .bx-pager > div{display:inline-block}
#mainContent .section1_2 .bx-pager > div a{display:block;width:11px;height:11px;background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxnfg.be.xe%2Spff%2S..%2Svzntrf%2Sqbg3.cat") no-repeat 0 -11px;text-indent:-9999em;margin:0 0 0 5px}
#mainContent .section1_2 .bx-pager > div a.active{background-position:0 0}
#mainContent .section1_2 .bx-prev{display:block;background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxnfg.be.xe%2Spff%2S..%2Svzntrf%2Snee_yrsg2.cat") no-repeat;width:11px;height:19px;text-indent:-99999em;position:absolute;top:127px;left:20px}
#mainContent .section1_2 .bx-next{display:block;background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxnfg.be.xe%2Spff%2S..%2Svzntrf%2Snee_evtug2.cat") no-repeat;width:11px;height:19px;text-indent:-99999em;position:absolute;top:127px;right:20px}

/* ?쒕┝???뚯떇 */
#mainContent .section2 {clear:both;padding:30px 0;}
#mainContent .section2 h2 {text-align:center;color:#1f1f1f;font-size:20px;font-weight:400;letter-spacing:4px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxnfg.be.xe%2Spff%2S..%2Svzntrf%2Sone1.cat) repeat-x 0 50%;margin-bottom:30px;}
#mainContent .section2 h2 span {background:#f2f0ec;padding:0 5px;display:inline-block;}
#mainContent .section2 ul {width:100%;*zoom:1}
#mainContent .section2 ul:after {content:"";display:block;clear:both}
#mainContent .section2 ul > li {float:left;position:relative;width:293px;/*height:388px;*/height:358px;background:#fff;border:1px solid #dbdbdb;margin-left:6px;}
#mainContent .section2 ul > li:first-child {margin-left:0;}
#mainContent .section2 ul > li > a {display:block;color:#616161;font-size:14px; position:relative; width:100%; height:100%;}

#mainContent .section2 ul > li > a .product-img{width:100%; position:relative; /*padding-top:66.5%;*/padding-top:195px; overflow:hidden;}
#mainContent .section2 ul > li > a .product-img .img{position:absolute; top:0; left:0; right:0; bottom:0;}
#mainContent .section2 ul > li > a .product-img .img img{width:100%; height:auto;}

#mainContent .section2 ul > li > a .product-txt{padding:20px 22px; /*min-height:150px;*/min-height:120px; position:relative;}
#mainContent .section2 ul > li p {font-size:16px; line-height:22px; color:#363535; letter-spacing:-0.5px; margin-bottom:14px; /*word-break:break-all;*/word-break:keep-all;}
#mainContent .section2 ul > li p.sub {font-size:13px; line-height:21px; color:#656464;}
#mainContent .section2 ul > li span.day {position:absolute;display:block;bottom:20px;left:22px; font-size:14px;}
#mainContent .section2 ul > li .product_info {width:100%; height:100%; opacity:0; position:absolute; top:0; left:0; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxnfg.be.xe%2Spff%2S..%2Svzntrf%2Sbireot.cat) no-repeat center top; background-size:100% 100%; text-align:center; }
#mainContent .section2 ul > li .product_info > a{}
#mainContent .section2 ul > li:hover .product_info {filter:alpha(opacity=100); opacity:0.9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transition:opacity 200ms linear; -moz-transition: opacity 200ms linear; -o-transition:opacity 200ms linear; -ms-transition:opacity 200ms linear; transition:opacity 200ms linear; cursor:pointer}
#mainContent .section2 ul > li .product_info h4.pi_title {color:#fff;font-size:16px; /*margin:90px 5px;*/margin:70px 5px;font-weight:400; line-height:20px; word-break:keep-all;}
#mainContent .section2 ul > li .product_info .btn_best_view {font-size:12px;color:#fff;display:inline-block;border:1px solid #6c9cc4;padding:10px 20px;margin:50px 0 0 0;}
/* ?됱궗?덈궡 */
#mainContent .section3 {clear:both;padding:30px 0;}
#mainContent .section3 h2 {text-align:center;color:#1f1f1f;font-size:20px;font-weight:400;letter-spacing:4px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxnfg.be.xe%2Spff%2S..%2Svzntrf%2Sone1.cat) repeat-x 0 50%;margin-bottom:30px;}
#mainContent .section3 h2 span {background:#f2f0ec;padding:0 5px;display:inline-block;}
#mainContent .section3 ul {width:100%;*zoom:1}
#mainContent .section3 ul:after {content:"";display:block;clear:both}
#mainContent .section3 ul > li {float:left;position:relative;/*width:293px;height:388px;*/width:590px; /*height:290px;*/ margin-left:20px;}
#mainContent .section3 ul > li a{display:block; width:100%; height:100%; overflow:hidden;}
#mainContent .section3 ul > li a img{width:100%; height:auto;}
#mainContent .section3 ul > li .prd-img-thum{position:relative; width:100%; padding-top:290px; overflow:hidden;}
#mainContent .section3 ul > li .prd-img-thum span{position:absolute; top:0; left:0; right:0; bottom:0;}
#mainContent .section3 ul > li:first-child {margin-left:0;}
#mainContent .section3 ul > li .product_info {opacity:0; /*width:293px; height:388px;*/width:100%; height:100%; position:absolute; top:0px; left:0px; text-align:center; overflow:hidden; background-color:rgba(0,0,0,0.83);}
#mainContent .section3 ul > li .product_info .info-con{/*background-color:rgba(0,0,0,0.83);*/ width:100%; padding-top:15%; color:#fff; }
#mainContent .section3 ul > li:hover .product_info {filter:alpha(opacity=100); opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transition:opacity 200ms linear; -moz-transition: opacity 200ms linear; -o-transition:opacity 200ms linear; -ms-transition:opacity 200ms linear; transition:opacity 200ms linear; cursor:pointer}
#mainContent .section3 ul > li .product_info h4.pi_title {font-size:18px; line-height:22px; font-weight:400; margin-bottom:5px; letter-spacing:-0.5px;}
#mainContent .section3 ul > li .product_info p{font-size:15px; line-height:24px; letter-spacing:-0.5px; margin-bottom:20px;}
#mainContent .section3 ul > li .product_info a {text-decoration:none;}
#mainContent .section3 ul > li .product_info .btn_best_view {font-size:13px; display:inline-block; border:1px solid #4883e4; padding:10px 10px;}
/* 硫붿씤 ?섎떒 ?듬찓??*/
#mainContent .section4 {clear:both;padding:0px 0;box-sizing: border-box; }
#mainContent .section4:after {content:"";display:block;clear:both}
#mainContent .section4 li {float:left;width:25%;/*min-height:115px;*/min-height:117.5px;box-sizing: border-box;border:1px solid #dedede;margin-left:-1px;}
#mainContent .section4 li a{display:block; padding:30px 10px 20px 110px;}
#mainContent .section4 li:first-child {margin-left:0;}
#mainContent .section4 li.bg1 {background:#fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxnfg.be.xe%2Spff%2S..%2Svzntrf%2Sznva_oga1.cat) no-repeat center left; padding-left:10px;}
#mainContent .section4 li.bg2 {background:#fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxnfg.be.xe%2Spff%2S..%2Svzntrf%2Sznva_oga2.cat) no-repeat center left; padding-left:30px;}
#mainContent .section4 li.bg2.en{padding-left:20px;}

#mainContent .section4 li.bg3 {background:#fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxnfg.be.xe%2Spff%2S..%2Svzntrf%2Sznva_oga3.cat) no-repeat center left;}
#mainContent .section4 li.bg3 a{padding-left:165px;}
#mainContent .section4 li strong {font-weight:normal;color:#303030;font-size:18px; line-height:24px; letter-spacing:-0.5px; display:block; margin-bottom:10px; padding-top:3%;}
#mainContent .section4 li.en strong{font-size:14px;}
#mainContent .section4 li strong span{color:#125f9f;}
#mainContent .section4 li p{font-size:12.2px; line-height:18px; color:#ababab; letter-spacing:0px;}

#mainContent .section4 li.bg4 {background:#fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxnfg.be.xe%2Spff%2S..%2Svzntrf%2Sznva_oga4.cat) no-repeat center left;}
#mainContent .section4 li.bg4 a{padding-left:165px;}
#mainContent .section4 li strong {font-weight:normal;color:#303030;font-size:18px; line-height:24px; letter-spacing:-0.5px; display:block; margin-bottom:10px; padding-top:3%;}
#mainContent .section4 li.en strong{font-size:14px;}
#mainContent .section4 li strong span{color:#125f9f;}
#mainContent .section4 li p{font-size:12.2px; line-height:18px; color:#ababab; letter-spacing:0px;}



@media all and (max-width:1220px){
	.area{width:100%; max-width:1200px;}
	#gnbBg{top:0;}
	/* Header
	------------------------------------------------------ */
	#header, #header.ver2{width:92%; height:auto; margin:0 auto; /*left:50%; margin-left:-46%; padding:10px 0;*/left:0; padding:0 4%; border-bottom:1px solid rgba(255,255,255,0.1);}
	#headerInner, #headerInner_2{height:auto; border-bottom:0; height:37px; padding:10px 0;}
	#headerInner .link, #header .util, #header #gnb, #headerInner_2 .link, #header.ver2 .util, #header.ver2 #gnb.ver2{display:none;}
	#headerInner h1.logo, #headerInner_2 h1.logo{margin-top:0; width:auto;}
	#headerInner .m-util, #headerInner_2 .m-util{display:inline-block; width:48%; text-align:right;}
	/* -------- 紐⑤컮??gnb -------- */
	#m-gnb{display:block; width:100%; height:100%; position:fixed; top:0px; right:-100%;  z-index:9999; overflow-y:auto; overflow-x:hidden; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxnfg.be.xe%2Svzntrf%2Synlbhg%2Sz_tao_ot.wct) repeat-y right top; background-size:70% auto; max-width:400px;}
	/* Footer
	------------------------------------------------------ */
	#footerInner{display:none;}
	#m-footerInner{display:block;}
	/* Sub Layout
	------------------------------------------------------ */
	#content {width:94%; padding:5% 3% 0 3%;}
	.top-menu-list.page_3 li.point > a{letter-spacing:-2.5px; font-size:15px;}
	.top-menu-list.page_4 li.point > a{letter-spacing:-2px; font-size:15px;}
	.top-menu-list.page_5 li > a{letter-spacing:-2.5px; font-size:15px;}
	/* ?쒕툕 ?덉씠?꾩썐 :: ?곷떒 */
	#location{width:94%; padding:3%; margin-bottom:0;}
	#location .page-prev, #location .page-next{top:50%;}
	#location .page-prev{left:3%;}
	#location .page-next{right:3%;}
	/* ?쒕툕 ?덉씠?꾩썐 :: ?곷떒硫붾돱 */
	#topMenuBar > div{min-width:auto; width:98%; margin:0 auto;}
	

	/* ?쒕┝???뚯떇
	------------------------------------------------------ */
	#mainContent .section2 {width:100%;}
	#mainContent .section2 h2 {text-align:center;color:#1f1f1f;font-size:20px;font-weight:400;letter-spacing:4px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxnfg.be.xe%2Spff%2S..%2Svzntrf%2Sone1.cat) repeat-x 0 50%;margin-bottom:30px;}
	#mainContent .section2 h2 span {background:#f2f0ec;padding:0 5px;display:inline-block;}
	#mainContent .section2 ul > li {display:inline-block; vertical-align:top; width:24.25%; height:auto; margin-left:0.3%;}
	#mainContent .section2 ul > li > a .product-img{padding-top:66.5%;}
	#mainContent .section2 ul > li span.img{display:inline-block; width:100%;}
	#mainContent .section2 ul > li span.img > img{width:100%;}
	#mainContent .section2 ul > li .product_info {width:94%; padding:0 3%;}
	/* ?됱궗?덈궡
	------------------------------------------------------ */
	#mainContent .section3 ul {margin:0 -0.5%; width:auto;}
	#mainContent .section3 ul > li {/*float:none; display:inline-block; vertical-align:top; width:24.25%;*/width:49%; height:auto; margin:0 0.5%; }
	#mainContent .section3 ul > li:first-child {margin-left:0.5%;}
	#mainContent .section3 ul > li > a > img {width:100%;}
	#mainContent .section3 ul > li .prd-img-thum{padding-top:50%;}
	#mainContent .section3 ul > li .prd-img-thum span{position:absolute; top:0; left:0; right:0; bottom:0;}
	#mainContent .section3 ul > li .product_info {width:100%; height:100%;}
	#mainContent .section3 ul > li .product_info h4.pi_title {color:#fff;font-size:14px;margin:0;font-weight:400;}
	#mainContent .section3 ul > li .product_info a {text-decoration:none;color:#fff;font-size:12px;}
	#mainContent .section3 ul > li .product_info .btn_best_view {font-size:11px;color:#fff;display:inline-block;border:1px solid #808a8c; padding:5px 10px;}
	/* 硫붿씤 ?섎떒 ?듬찓??
	------------------------------------------------------ */
	#mainContent .section4{padding-bottom:3%;}
	#mainContent .section4 li {float:left;width:50%;height:auto;box-sizing:border-box; border:1px solid #dedede; min-height:90px;;}
	#mainContent .section4 li a{display:block; padding:0 2% 0 25%;}
	#mainContent .section4 li:first-child {margin-left:0;}
	#mainContent .section4 li:nth-child(3) {margin-left:0;}
	#mainContent .section4 li.bg1 {background-size:contain;}
	#mainContent .section4 li.bg2 {background-size:contain; border-top:0;} 
	#mainContent .section4 li.bg3 {background-size:contain; border-top:0;}
	#mainContent .section4 li.bg3 a{padding-left:25%;}
	#mainContent .section4 li.bg4 {background-size:contain;/* border-top:0;*/}
	#mainContent .section4 li.bg4 a{padding-left:25%;}
	/* 怨듭??ы빆
	------------------------------------------------------ */
	#mainContent .section1_1 {width:100%; padding:15px; position:static; float:none; height:auto; margin-bottom:10px;}
	#mainContent .section1_1 .maintab a.more {padding-top:0;}
	#mainContent .section1_1 .maintab {height:auto;}
	#mainContent .section1_1 .maintab > ul li a{padding-bottom:5px; top:2px;}
	#mainContent .section1_1 .tabInfo dl {padding:4% 0;}
	#mainContent .section1_1 .tabInfo dl dd {line-height:18px; padding-top:5px;}
	#mainContent .section1_1 .tabInfo .notice {background:#125f9f; width:45px; font-size:11px; line-height:22px; margin-right:5px;}
	#mainContent .section1_1 .tabInfo .notice1 {background:#6e6e6e; width:45px; font-size:11px; line-height:22px; margin-right:5px;}
	#mainContent .section1_1 .tabInfo ul li {padding:5px 0;}
	#mainContent .section1_1 .tabInfo ul li.none {background:none;padding-left:0;}


}

@media all and (max-width:768px){
	/* header
	------------------------------------------------------ */
	#m-gnb #gnbQuick li a dt img{/*width:100%;*/}
	/* footer
	------------------------------------------------------ */
	.footer-top ul.footer-list li a{font-size:14px; letter-spacing:-1px;}
	/* ?쒕┝???뚯떇
	------------------------------------------------------ */
	#mainContent .section2{padding:0; padding-top:8%;}
	#mainContent .section2 ul > li{width:49%;}
	#mainContent .section2 ul > li:nth-child(3), #mainContent .section2 ul > li:nth-child(4){display:none;}
	#mainContent .section2 ul > li > a .product-txt{padding:5% 6%; min-height:100px;}
	#mainContent .section2 ul > li span.day {position:absolute;display:block;/*bottom:5%;*/bottom:8%;left:6%;}
	#mainContent .section2 ul > li p {font-size:14px; line-height:18px; margin-bottom:2%;}
	#mainContent .section2 ul > li p.sub {font-size:12px; line-height:16px; }
	#mainContent .section2 ul > li .product_info h4.pi_title {font-size:12px; margin:37% 0;}
	#mainContent .section2 ul > li .product_info .btn_best_view {font-size:11px; padding:3% 5%; margin:0;}
	/* ?됱궗?덈궡
	------------------------------------------------------ */
	#mainContent .section3 ul > li {width:49%;}
	#mainContent .section3 ul > li:nth-child(3), #mainContent .section3 ul > li:nth-child(4){display:none;}
	#mainContent .section3 ul > li .product_info .info-con{/*padding:9% 3% 8% 3%;*/padding:8.5% 3% 8% 3%; width:94%;}
	#mainContent .section3 ul > li .product_info h4.pi_title {color:#fff;font-size:14px;margin:0;font-weight:400;}
	#mainContent .section3 ul > li .product_info a {text-decoration:none;color:#fff;font-size:12px;}
	#mainContent .section3 ul > li .product_info .btn_best_view {font-size:11px;color:#fff;display:inline-block;border:1px solid #808a8c; padding:5px 10px;}
	/* 硫붿씤 ?섎떒 ?듬찓??
	------------------------------------------------------ */
	#mainContent .section4 li strong, #mainContent .section4 li.en strong {font-size:13px; line-height:18px; letter-spacing:-1px; margin-bottom:2%; /*padding-top:5%;*/padding-top:10%;}
	#mainContent .section4 li p{font-size:12.2px; line-height:18px; color:#ababab; letter-spacing:-1px;}
	#mainContent .section4 li.bg3 a{padding-left:35%;}
	#mainContent .section4 li.bg4{background-size:35%;}
	#mainContent .section4 li.bg4 a{padding-left:35%;}
	/* 怨듭??ы빆
	------------------------------------------------------ */
	#mainContent .section1_1 .tabInfo dl dt a {font-size:14px; line-height:18px; letter-spacing:-1px;}
	#mainContent .section1_1 .tabInfo dl dd {font-size:13px;}
	#mainContent .section1_1 .tabInfo ul {padding:10px 0;}
	#mainContent .section1_1 .tabInfo ul li {padding:0;}
	#mainContent .section1_1 .tabInfo ul li a {font-size:13px;letter-spacing:-1px;}
	#mainContent .section1_1 .tabInfo ul li.none{padding-bottom:5px;}
	/* Sub Layout
	------------------------------------------------------ */
	/* ?쒕툕 ?덉씠?꾩썐 :: ?곷떒 */
	#location{background-color:#1964a1; width:100%; padding:1% 0;}
	#location > h2{margin-bottom:0; color:#fff; font-size:20px; line-height:45px;}
	#location > h2 span.bar{display:none;}
	#location > .page-loc{display:none;}
	#location .page-prev, #location .page-next{display:none;}
	#location .page-prev-m, #location .page-next-m{display:block; top:35%}
	#location .page-prev-m{left:3%;}
	#location .page-next-m{right:3%;}
	#location .page-prev-m img, #location .page-next-m img{width:35px;}
	/* ?쒕툕 ?덉씠?꾩썐 :: ?곷떒硫붾돱 */
	#topMenuBar {position:relative;}
	#topMenuBar > div{width:100%; padding:0;}
	#topMenuBar .depth1-tit{float:none;  width:100%; height:45px; margin-top:0; overflow:hidden; display:block;}
	#topMenuBar .depth1-tit strong{font-size:17px; line-height:45px; cursor:pointer; width:100%;}
	#topMenuBar .depth1-tit strong .mobile{display:block; line-height:44px; background:#f2f0ec url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxnfg.be.xe%2Svzntrf%2Synlbhg%2Sgbc_zrah_yvfg_ot.cat) no-repeat 95% center; border-bottom:1px solid #afafaf; color:#252525; background-size:20px auto;}
	#topMenuBar .depth1-tit strong .pc{display:none;}
	#topMenuBar .depth1-tit span{display:block; position:absolute; top:14px; right:2%;}
	#topMenuBar .top-menu-list{display:none; float:none; width:100%; position:absolute; top:44px; left:0px; z-index:99; margin-left:0;}
	#topMenuBar .top-menu-list li{float:none; width:100%; height:45px;}
	#topMenuBar .top-menu-list li:first-child a{border-top:0;}
	#topMenuBar .top-menu-list li a{height:45px; line-height:45px; font-size:15px;}
	#topMenuBar .top-menu-list li a:hover, .top-menu-list li.on a{height:45px; line-height:45px; border-bottom:1px solid #afafaf; color:#000;}
}

@media all and (max-width:639px){ 
	#headerInner h1.logo, #headerInner_2 h1.logo{width:50%;}
	#headerInner h1.logo img, #headerInner_2 h1.logo img{width:100%;}

}

@media all and (max-width:479px){
	/* header
	------------------------------------------------------ */
	#headerInner, #headerInner_2{height:25px;}
	#headerInner .m-util, #headerInner_2 .m-util{width:45%;}
	#headerInner h1.logo{margin-top:1%;}
	#headerInner_2 h1.logo{margin-top:-5px;}
	/*#m-gnb #gnbBox li img{width:40%;}
	#m-gnb #gnbBox li.language img{width:23%;}*/
	#m-gnb #gnbBox li a span{display:inline-block; vertical-align:middle; font-size:12px;}
	#m-gnb #gnbBox li select{display:inline-block; vertical-align:middle; background:none; border:0; color:#fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxnfg.be.xe%2Svzntrf%2Synlbhg%2Sz_tao_fryrpg.wct) no-repeat right 50%; background-size:12px; letter-spacing:-0.5px;}
	#m-gnb #gnbQuick li a{padding:15% 0;}
	#m-gnb #gnbQuick li a dt, #m-gnb #gnbQuick li a dd{width:100%; display:block; text-align:center;}
	#m-gnb #gnbQuick li a dt{padding-bottom:5%;}
	#m-gnb #gnbQuick li a dt img{/*width:auto;*/width:30px;}
	#m-gnb #gnbQuick li a dd span{letter-spacing:-1.5px;}
	.m-util li .icon-search, .m-util li .icon-menu{font-size:30px;}
	/* footer
	------------------------------------------------------ */
	#m-footerInner .footer-top{padding:3% 0;}
	.footer-top ul.footer-list li{width:49%; margin-bottom:4%;}
	.footer-top ul.footer-list li.marn{margin-bottom:0;}
	.footer-top ul.footer-list li a{font-size:11px;}
	#m-footerInner .footer-sns{background-size:150px auto;}
	.footer-sns .sns-list li .fa{font-size:20px; color:#000;}
	.footer-sns .sns-list li img{width:13px;}
	/* ?쒕┝???뚯떇
	------------------------------------------------------ */
	#mainContent .section2 ul > li span.day {font-size:12px; color:#616161; font-weight:300;}
	#mainContent .section2 ul > li span.day img{width:12px; display:inline-block; vertical-align:middle;}
	#mainContent .section2 ul > li p {font-size:13px; line-height:18px; margin-bottom:2%;}
	#mainContent .section2 ul > li p.sub {font-size:12px; line-height:14px; }
	/* ?됱궗?덈궡
	------------------------------------------------------ */
	#mainContent .section3 ul > li .product_info h4.pi_title {font-size:12px; line-height:16px; margin-bottom:2%; letter-spacing:-1px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
	#mainContent .section3 ul > li .product_info p{font-size:11px; line-height:13px; margin-bottom:4%;}
	#mainContent .section3 ul > li .product_info .btn_best_view {font-size:10px;}
	/* 硫붿씤 ?섎떒 ?듬찓??
	------------------------------------------------------ */
	#mainContent .section4 li.bg3 a{padding-left:45%;}
	#mainContent .section4 li a{padding-left:35%; padding-right:0;}
	#mainContent .section4 li.en a{padding-left:40%;}
	#mainContent .section4 li strong, #mainContent .section4 li.en strong {font-size:12px; line-height:16px; /*padding-top:7%;*/padding-top:20%;}
	#mainContent .section4 li.en strong{padding-top:14%;}
	#mainContent .section4 li p{font-size:11px; line-height:14px; color:#ababab; letter-spacing:-1px;}
	/* 怨듭??ы빆
	------------------------------------------------------ */
	#mainContent .section1_1 .maintab > ul li a{font-size:15px; line-height:18px;padding:7px 12px 7px 7px; top:3px;}
	#mainContent .section1_1 .tabInfo dl dt a {line-height:16px; font-weight:500; letter-spacing:-1px; display:block; padding-bottom:5px; vertical-align:middle; width:80%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
	#mainContent .section1_1 .tabInfo dl dt img{display:none;}
	#mainContent .section1_1 .tabInfo .notice {width:40px; font-size:10px; line-height:18px; margin-right:5px; letter-spacing:-1px;}
	#mainContent .section1_1 .tabInfo .notice1 {width:40px; font-size:10px; line-height:18px; margin-right:5px; letter-spacing:-1px;}
	#mainContent .section1_1 .tabInfo ul {padding-top:2%; padding-bottom:0;}
	#mainContent .section1_1 .tabInfo ul li a {font-size:12px;}
	#mainContent .section1_1 .tabInfo ul li img{width:12px;}
	#mainContent .section1_2 .maintab li a span{display:block; padding-top:4px; }


	
}

/* -------- MODAL LAYER -------- */
.modal-pop-bg{position:fixed; width:100%; height:100%; top:0px; left:0px;  background:#000; background:rgba(0,0,0,0.8); display:none; ; z-index:9999}
.modal-fixed-pop-wrapper{position:fixed; display:none; top:0px; left:0px; width:100%; height:100%; z-index:9999;}
.modal-fixed-pop-inner{position:absolute; display:table; width:100%; height:100%; text-align:center;}
.modal-inner-box{ position:relative; display:table-cell; vertical-align:middle;}
.modal-loading{position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; z-index:10000;}
.modal-inner-content{text-align:left;}
.loading {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 8px solid rgba(155,155,155,.3);
  border-radius: 50%;
  border-top-color: #125f9f;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}
@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}

@media all and ( max-width: 1220px ){
	/* MODAL LAYER */
	.modal-close-btn{margin:0; margin-top:2%;}
	.modal-close-btn img{width:32px;}
	.modal-inner-content{padding:2% 0;}
}

/* LOGIN, ?꾩씠?붾퉬踰?李얘린 ?덉씠?꾩썐*/
.member-tab{width:100%; overflow:hidden;}
.member-tab li{float:left; width:50%; text-align:center;  height:70px; line-height:70px;}
.member-tab li a{display:block; color:#fff; background-color:#125f9f;  letter-spacing:-0.4px; font-size:17px; font-weight:300;}
.member-tab li.selected a{background-color:#fff; color:#000}
.member-tit-con{text-align:center; border-bottom:1px solid #ccc; padding-top:33px;}
.member-tit-con strong{
	position:relative; bottom:-1px;display:inline-block; letter-spacing:-1px; font-weight:300; 
	color:#181717; font-size:28px; letter-spacing:-0.5px; text-align:center; padding-bottom:20px; border-bottom:1px solid #000;
	-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;-ms-transition:all 300ms;transition:all 300ms
}
.member-tit-con strong b{font-weight:400;}
.member-sub-tit{color:#888; font-size:15px; font-family:300; display:block; text-align:center}
.btn-controls input[type="button"]{margin-top:4px; width:100%; height:50px; color:#fff; background:none; border:0; font-size:18px; font-weight:300; letter-spacing:-0.25px;}
.btn-controls  input[type="button"].basic-login-btn{background-color:#333}
.btn-controls  input[type="button"].face-login-btn{background-color:#2a4f9c;}
.btn-controls  input[type="button"].naver-login-btn{background-color:#23b300;}
.btn-controls a{display:inline-block; width:174px; height:48px; border:1px solid #ccc; line-height:48px; color:#777; font-size:14.5px; letter-spacing:-0.4px; text-align:center;}
.btn-controls a.id-search-btn{border-right:0;}
.btn-controls a:hover{color:#363636}
.modal-close-btn{position:absolute; top:-40px; right:-8px;}
.modal-close-btn i{font-size:40px; color:#fff;}
/* LOGIN, ?꾩씠?붾퉬踰?李얘린*/
#loginForm{position:relative; max-width:450px; width:96%; margin:0 auto; background:#fff;}
.login-inner{padding:30px 50px 50px 50px; }
.login-inner h2{color:#181717; font-size:18px; letter-spacing:-1px; font-weight:400}
.login-form{position:relative; }
.login-form:first-child{padding-bottom:30px;}
.login-txt{text-align:center; font-weight:300; line-height:1.2em; letter-spacing:-1.0px; font-size:12.5px;}
.login-form #idSavebtn{margin-bottom:11px; }
.login-form .id-save{position:absolute; top:0px; left:0px;}
.login-form .id-save label{vertical-align:top; margin-left:3px; color:#777; font-size:12px; font-weight:300}
.login-form ul{border:1px solid #ccc; margin-top:20px;}
.login-form ul li{height:48px; border-top:1px solid #ccc;}
.login-form ul li:first-child{border-top:0}
.login-form ul li input{width:99%; border:0; height:45px; text-indent:10px; color:#333; background:none; font-size:15px; font-weight:300;}
@media all and ( max-width:768px ){
	/* LOGIN, ?꾩씠?붾퉬踰?李얘린 ?덉씠?꾩썐*/
	.member-tab li{height:50px; line-height:50px;}
	.member-tab li a{font-size:15px;}
	.member-tit-con strong{font-size:22px; }
	.member-tit-con strong b{font-weight:400;}
	.btn-controls input[type="button"]{font-size:14px;}
	/* LOGIN, ?꾩씠?붾퉬踰?李얘린*/
	.login-txt{font-size:11.5px; letter-spacing:-1.5px;}
	.login-form ul li input{font-size:13px;}
	.login-inner{padding:10% 8% 0% 8%}
}

/* 메인 페이지 리스트 박스(170404) */
#mainContent .section1_2 .go-page-box{width:472px; height:auto; min-height:348px; line-height:348px; background-size:100% auto; overflow:hidden; text-align:right; vertical-align:middle;}
#tcua1 .go-page-box{background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxnfg.be.xe%2Sxe%2Svzntrf%2Spbagrag%2Stb_cntr_ot_01.wct) no-repeat;}
#tcua2 .go-page-box{background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxnfg.be.xe%2Sxe%2Svzntrf%2Spbagrag%2Stb_cntr_ot_02.wct) no-repeat;}
#tcua3 .go-page-box{background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxnfg.be.xe%2Sxe%2Svzntrf%2Spbagrag%2Stb_cntr_ot_03.wct) no-repeat;}
#tcua4 .go-page-box{background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxnfg.be.xe%2Sxe%2Svzntrf%2Spbagrag%2Stb_cntr_ot_04.wct) no-repeat;}
#tcua5 .go-page-box{background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxnfg.be.xe%2Sxe%2Svzntrf%2Spbagrag%2Stb_cntr_ot_05.wct) no-repeat;}
#tcua6 .go-page-box{background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxnfg.be.xe%2Sxe%2Svzntrf%2Spbagrag%2Stb_cntr_ot_06.wct) no-repeat;}
.go-page-list{width:50%; padding-right:5%; display:inline-block; vertical-align:middle; text-align:left;}
.go-page-list li{width:100%; line-height:35px; border-bottom:1px solid #c6c6c6; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxnfg.be.xe%2Sxe%2Svzntrf%2Spbagrag%2Stb_cntr_neebj.cat) no-repeat right center;}
.go-page-list li:first-child{border-top:1px solid #c6c6c6;}
.go-page-list li a{font-size:15px; color:#303030; letter-spacing:-1px; padding:10px 0;}

@media all and (max-width:1220px){
	#mainContent .section1_2 > div{height:100%;}
	#mainContent .section1_2 .maintab ul li{padding-right:15px;}
	#mainContent .section1_2 .maintab{width:35%; padding:15px 0 15px 3% !important; padding-right:0;}
	#mainContent .section1_2 .tabInfo.go-page-box{width:62%; padding:0; min-height:auto; line-height:normal; height:100%; background-size:100% 100%;}
	.go-page-list{padding-top:4%;}
	.go-page-list li{line-height:25px;}
	.go-page-list li a{font-size:13px;}
}
@media all and (max-width:479px){
	#mainContent .section1_2 .maintab ul li{text-align:right;}
	.go-page-list{width:55%; padding-top:20px;}
	.go-page-list li a{word-break:keep-all; padding:5px 12px 5px 0; display:block; line-height:16px; font-size:12px;}
}



/* ******** 210712 :: 메뉴 풀페이지로 수정 ******** */
.gnb-overlay-bg{display: none; /*position: fixed;*/position:absolute; width: 100%; height: 100%; top: 140px; left: 0; background: #000; opacity: 0.9; z-index: 998;}	
#gnbOpenBg{overflow:hidden; position:absolute; left:0; top:140px; width:100%; height:0; background:#125f9f; opacity:1; z-index:0; transition:height 0.3s ease-in-out}
#gnb.open #gnbOpenBg{height:380px}
#gnb.total-menu.ver2 .gnb-2dep span.arrow{display:none}
#gnb.total-menu > ul > li .gnb-2dep {
    position: absolute; display:block; 
    top: 72px;
    left: 0px;
    z-index: 99;
    width: 100%;
    text-align: left;
    opacity: 0;
    filter: Alpha(opacity=0);
    height: 0;
    -webkit-transition: all 0.3s 0s;
    transition: all 0.3s 0s;
    visibility: hidden; background:none; padding-top:25px;
	border-right:1px solid #145791
}
#gnb.total-menu > ul > li:first-child .gnb-2dep{border-left:1px solid #145791}
#gnb.total-menu > ul > li .gnb-2dep ul li {position: relative;}
#gnb.total-menu.open > ul > li .gnb-2dep{
	height:356px; opacity:1.0;filter:Alpha(opacity=100);
	visibility:visible;
	-webkit-transition: height 0.5s ease-in-out, opacity 0.5s ease-in-out 0.2s;
    transition: height 0.5s ease-in-out, opacity 0.5s ease-in-out 0.2s;
}
#gnb.total-menu > ul > li .gnb-2dep li{width:100%; margin-top:0; border:0}
#gnb.total-menu > ul > li .gnb-2dep li a{line-height:1.4; padding:5px 5px 5px 17px; display:block}
#gnb.total-menu > ul > li.new-gnb1,
#gnb.total-menu > ul > li.new-gnb8{width:11%}
#gnb.total-menu > ul > li.new-gnb4,
#gnb.total-menu > ul > li.new-gnb5{width:14%}

/* 고정됐을때 */
#gnb.fixed #gnbOpenBg{top:72px}
#gnb.fixed #gnbOpenBg{background-color:#fff}
#gnb.fixed.total-menu > ul > li .gnb-2dep{border-color:#d9d9d9}



/* ******** 210719 :: 메인리뉴얼 ******** */
/* 메인비주얼 */
.new-main #mainVisual .block-media .slick-arrow,
.new-main #mainVisual .visual-list-txt,
.new-main #mainVisual .block-media .slick-dots{display:none !important}
.main-visual-notice{position:absolute; top:50%; left:0; width:100%; margin-top:-140px}
.main-visual-notice .visual-notice-slide{margin:0 110px; background:rgba(31,33,35,0.8)}
.main-visual-notice .visual-notice-slide .slick-prev{left:-110px}
.main-visual-notice .visual-notice-slide .slick-next{right:-110px}
.main-visual-notice .visual-notice-slide li{}
.main-visual-notice .visual-notice-slide li .inner{padding:5% 4% 3.8%; display:block}
.main-visual-notice .visual-notice-slide li .inner .category{display:block; font-weight:400; font-size:17.37px; color:#fff; letter-spacing:-0.6px}
.main-visual-notice .visual-notice-slide li .inner .tit{display:block; font-weight:600; font-size:38.39px; color:#fff; line-height:1.4; letter-spacing:-0.6px; margin-top:35px}
.main-visual-notice .visual-notice-slide li .inner .txt{font-weight:400; font-size:18px; letter-spacing:-0.6px; color:#fff; opacity:0.7; line-height:1.61; height:3.22em; overflow:hidden; margin-top:30px}
.main-visual-notice .visual-notice-slide li .inner .btn-con{text-align:right; margin-top:80px}
.main-visual-notice .visual-notice-slide li .inner .btn-con .more-btn,
.main-visual-notice .visual-notice-slide li .inner .btn-con .more-btn strong,
.main-visual-notice .visual-notice-slide li .inner .btn-con .more-btn i{transition:all 0.3s}
.main-visual-notice .visual-notice-slide li .inner .btn-con .more-btn{position:relative; overflow:hidden; display:inline-block; width:176px; height:52px; line-height:52px; border:1px solid #f2f0ec; text-align:left;}
.main-visual-notice .visual-notice-slide li .inner .btn-con .more-btn:before{ display:block; position:absolute; left:-130%; bottom:0; content:""; width:120%; height:150%; background:#fff; transform:skew(-20deg); transition:all 0.5s}
.main-visual-notice .visual-notice-slide li .inner .btn-con .more-btn strong{position:relative; left:0px; z-index:1; display:block; color:#fff; font-size:12px; font-weight:400; letter-spacing:0; text-indent:20px; }
.main-visual-notice .visual-notice-slide li .inner .btn-con .more-btn i{position:absolute; top:0px; right:22px; line-height:52px; color:#fff; font-size:17.49px;}
.main-visual-notice .visual-notice-slide li .inner:hover .btn-con .more-btn{background-color:#125f9f; }
.main-visual-notice .visual-notice-slide li .inner:hover .btn-con .more-btn strong{color:#125f9f; left:5px;}
.main-visual-notice .visual-notice-slide li .inner:hover .btn-con .more-btn i{color:#125f9f}
.main-visual-notice .visual-notice-slide li .inner:hover .btn-con .more-btn:before{left:-10%; opacity:1.0;filter:Alpha(opacity=100);}
.main-visual-notice .slick-dots{bottom:11%; left:5%; margin-left:0; width:auto; text-align:left}
.main-visual-notice .slick-dots li{position:relative; display:inline-block; margin-right:23px; width:6px; height:6px}
.main-visual-notice .slick-dots li.slick-active{background-color:#fff}
.main-visual-notice .slick-dots li.slick-active:after{position:absolute; content:""; width:25px; height:25px; border:1px solid rgba(255,255,255,0.32); border-radius:50%; left:-10px; bottom:-10px}
@media all and (max-width:1220px){	
	.main-visual-notice{margin-top:0; transform:translateY(-50%); margin-top:30px}
	.main-visual-notice .visual-notice-slide li .inner{padding:3% 4%}
	.main-visual-notice .visual-notice-slide li .inner .category{font-size:1.55vw}
	.main-visual-notice .visual-notice-slide li .inner .tit{font-size:2.8vw; margin-top:2%}
	.main-visual-notice .visual-notice-slide li .inner .txt{font-size:1.5vw; margin-top:3%}
	.main-visual-notice .visual-notice-slide li .inner .btn-con{margin-top:4%}
	.main-visual-notice .visual-notice-slide li .inner .btn-con .more-btn{height:40px; line-height:40px}
	.main-visual-notice .visual-notice-slide li .inner .btn-con .more-btn i{line-height:40px}
	.main-visual-notice .visual-notice-slide .slick-prev{left:-10%}
	.main-visual-notice .visual-notice-slide .slick-next{right:-10%}
}
@media all and (max-width:768px){		
	.main-visual-notice .visual-notice-slide{margin:0 50px}
	.main-visual-notice .visual-notice-slide .slick-arrow{background-size:contain !important; width:28px; height:28px}
	.main-visual-notice .visual-notice-slide .slick-prev{background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxnfg.be.xe%2Svzntrf%2Synlbhg%2Sznva_ivfhny_ceri.cat") no-repeat; left:-37px}
	.main-visual-notice .visual-notice-slide .slick-next{background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxnfg.be.xe%2Svzntrf%2Synlbhg%2Sznva_ivfhny_arkg.cat") no-repeat; right:-37px}
}
@media all and (max-width:748px){	
	.main-visual-notice .visual-notice-slide li .inner .category{font-size:12px}
	.main-visual-notice .visual-notice-slide li .inner .tit{font-size:22px}
	.main-visual-notice .visual-notice-slide li .inner .txt{font-size:13px}
	.main-visual-notice .visual-notice-slide li .inner .btn-con .more-btn{width:130px; height:33px; line-height:33px}
	.main-visual-notice .visual-notice-slide li .inner .btn-con .more-btn strong{font-size:10px; text-indent:15px}
	.main-visual-notice .visual-notice-slide li .inner .btn-con .more-btn i{font-size:14px; right:15px; line-height:33px}
}
@media all and (max-width:480px){	
	#mainContent .section2 h2{font-size:16px;}
	.main-visual-notice{margin-top:25px}
	.main-visual-notice .visual-notice-slide{margin:0 30px}
	.main-visual-notice .visual-notice-slide li .inner{padding:5% 4%}
	.main-visual-notice .visual-notice-slide li .inner .category{font-size:11px}
	.main-visual-notice .visual-notice-slide li .inner .txt{text-overflow:ellipsis; display:block; -webkit-line-clamp:inherit; white-space:nowrap; height:1.61em; font-size:12px; display:none}
	.main-visual-notice .visual-notice-slide li .inner .tit{font-size:15px}
	.main-visual-notice .visual-notice-slide li .inner .btn-con .more-btn{height:28px; line-height:28px; width:110px}
	.main-visual-notice .visual-notice-slide li .inner .btn-con .more-btn i{line-height:28px}
	.main-visual-notice .visual-notice-slide .slick-prev{left:-20px}
	.main-visual-notice .visual-notice-slide .slick-next{right:-20px}
}

/* 우측 퀵메뉴 */
#rightQuickBar.new-quick li.q-list01{background-color:#125f9f;}
#rightQuickBar.new-quick li.q-list02{background-color:#139f90;}
#rightQuickBar.new-quick li.q-list03{background-color:#232323;}
#rightQuickBar.new-quick li.q-list04{background-color:#a58247;}
#rightQuickBar.new-quick li.q-list05{background-color:#7b7b7b;}

/* 한림원소식 */
.new-main #mainContent .section2{padding-top:10px}

/* 공통 :: 타이틀 more */
.new-main #mainContent .main-more-tit {position:relative}
.new-main #mainContent .main-more-tit .more-btn{position:absolute; right:0; top:3px; background-color:#f2f0ec; font-weight:400; font-size:12px; letter-spacing:0; color:#000; padding-left:14px}
.new-main #mainContent .main-more-tit .more-btn img{margin-left:10px}
@media all and (max-width:768px){		
	.new-main #mainContent .main-more-tit .more-btn{font-size:11px; padding-left:6px; top:6px;}
	.new-main #mainContent .main-more-tit .more-btn img{margin-left:5px}
}

/* 공지사항,보도자료 */
#mainNoticeWrapper2{margin-top:10px}
/* 회원뉴스 */
#mainArticleCon .main-member-list{margin-top:24px}
#mainArticleCon .main-member-list .first-item{margin-bottom:30px}
#mainArticleCon .main-member-list .first-item a{display:block}
#mainArticleCon .main-member-list .first-item a .thumb-img,
#mainArticleCon .main-member-list .first-item a .txt-con{display:inline-block; vertical-align:middle; margin:0 -1px}
#mainArticleCon .main-member-list .first-item a .thumb-img{width:101px;}
#mainArticleCon .main-member-list .first-item a .thumb-img span{position:relative; padding-top:122%; display:block; width:100%}
#mainArticleCon .main-member-list .first-item a .thumb-img span img{position:absolute; top:0; left:0; width:100%; height:100%}
#mainArticleCon .main-member-list .first-item a .txt-con{width:calc(100% - 101px); box-sizing:border-box; padding-left:15px}
#mainArticleCon .main-member-list .first-item a .txt-con .tit{display:block; font-weight:500; font-size:16.5px; letter-spacing:-0.6px; color:#666; line-height:1.57; height:3.14em; overflow:hidden}
#mainArticleCon .main-member-list .first-item a .txt-con .txt{font-weight:400; font-size:14.5px; letter-spacing:-0.6px; color:#888; line-height:1.65; max-height:4.95em; overflow:hidden; margin-top:15px}
#mainArticleCon .main-member-list li{margin-bottom:8px}
#mainArticleCon .main-member-list .normal-txt{position:relative; padding-left:10px; display:block; font-weight:500; font-size:16.5px; letter-spacing:-0.6px; color:#666; line-height:1.5}
#mainArticleCon .main-member-list .normal-txt:before{position:absolute; content:""; top:10px; left:0; width:5px; height:5px; background-color:#125f9f; border-radius:100%}
@media all and (max-width:768px){		
	.new-main #mainNoticeWrapper,
	#mainNoticeWrapper2{margin-top:20px}
	#mainArticleCon .main-member-list .first-item{margin-bottom:20px}
	#mainArticleCon .main-member-list .first-item a .txt-con .tit{font-size:15px}
	#mainArticleCon .main-member-list .first-item a .txt-con .txt{font-size:13px; margin-top:10px}
	#mainArticleCon .main-member-list li{margin-bottom:5px}
	#mainArticleCon .main-member-list .normal-txt{font-size:15px}
}
@media all and (max-width:479px){		
	#mainArticleCon .main-member-list .first-item a .thumb-img{width:80px}
	#mainArticleCon .main-member-list .first-item a .txt-con{width:calc(100% - 80px)}
	#mainArticleCon .main-member-list .first-item a .txt-con .tit{font-size:13px}
	#mainArticleCon .main-member-list .first-item a .txt-con .txt{font-size:12px; margin-top:5px}
	#mainArticleCon .main-member-list .normal-txt{font-size:13px}
}
/* 하단 로고 */
.new-main .main-bottom-banner-list > li{width:20%;}
.new-main .main-bottom-banner-list > li dd strong br{display:none}
@media all and (max-width:800px){		
	.new-main .main-bottom-banner-list > li dd strong br{display:block}
}
@media all and (max-width:479px){		
	.new-main .main-bottom-banner-list > li{width:50%}
}
/* footer :: sns리스트 */
.footer-sns-list{position:absolute; right:95px; top:14px}
.footer-sns-list li{display:inline-block; vertical-align:middle; margin-left:30px; width:20px; height:24px; text-align:center;}
.footer-sns-list li a{position:relative; display:block; width:100%; height:100%}
.footer-sns-list li a img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%}
@media all and (max-width:1220px){		
	.footer-sns-list{position:relative; top:auto; right:auto; margin-bottom:30px}
	.footer-sns-list li:first-child{margin-left:0}
}
@media all and (max-width:768px){		
	.footer-top ul.footer-list li{height:30px; line-height:30px}
	.footer-sns-list{margin-bottom:20px}
	.footer-sns-list li{width:18px; height:20px; margin-left:20px}
}
@media all and (max-width:479px){		
	.footer-top ul.footer-list li{height:auto; line-height:inherit}
}

/*** 23-03-22 수정 ***/

.top-menu-list.page_3 li, .top-menu-list.page_4 li {width: 16.666% !important;}
.top-menu-list.page_3 li {width: 14.25% !important;}
.renewal-kr .top-menu-list.page_5 li {width: 33%;}

@media all and (max-width:1024px){
	.top-menu-list.page_3 ul, .top-menu-list.page_4 ul {display: flex; align-items: center; justify-content: center;}
}

@media all and (max-width:768px){
	.top-menu-list.page_3 ul, .top-menu-list.page_4 ul {display: block;}
	.top-menu-list.page_3 li, .top-menu-list.page_4 li {width: 100% !important;}
}