@charset "utf-8"; /* 서브페이지 이전/다음메뉴 디버깅용 .node-Stdd {position:relative;box-sizing:border-box;border:3px solid #f00} .node-Stdd:before {content:"기준 노드";display:block;position:absolute;right:3px;top:3px;color:#000;font-size:13px;font-weight:bold;letter-spacing:-.05em;z-index:9} .node-Prev {position:relative;box-sizing:border-box;border:3px solid #000} .node-Prev:before {content:"이전 노드";display:block;position:absolute;right:3px;top:3px;color:#000;font-size:13px;font-weight:bold;letter-spacing:-.05em;z-index:9} .node-Next {position:relative;box-sizing:border-box;border:3px solid #f0f} .node-Next:before {content:"다음 노드";display:block;position:absolute;right:3px;top:3px;color:#000;font-size:13px;font-weight:bold;letter-spacing:-.05em;z-index:9} */ /* 2015-10-05 CSS CENTUMSOFT */ #doc-wrap {position:relative;min-width:1400px;max-width:2000px;overflow:hidden;margin:0 auto} .div-cont {position:relative;max-width:1400px;margin:0 auto;box-sizing:border-box} @media all and (max-width:1400px){ #doc-wrap {min-width:320px} .div-cont {margin:0 30px} } @media all and (max-width:680px){ .div-cont {margin:0 15px} } @media all and (max-width:420px){ .div-cont {margin:0 10px} } /* 스킵네비게이션 */ #skipNavi {height:0} #skipNavi .skipLink {position:absolute;top:-1000px;left:-1000px;overflow:hidden;z-index:5000} #skipNavi .skipLink:focus, #skipNavi .skipLink:active {top:0;left:0;padding:10px 20px;background:#1e64ba;color:#fff} /* 레이아웃 */ #header-wrap {position:relative;height:150px;margin:0 auto} #header-wrap .btn-search {display:none} #mcontainer-wrap {position:relative;width:100%} #container-wrap {} #container {position:relative;max-width:1400px;margin:0 auto} #container:after {content:'';clear:both;display:block} .userGuide-wr .userGuide {display:none} .headerFixed #header-wrap {position:fixed;left:0;top:0;width:100%;z-index:3001;background:#fff;margin:-40px 0 0;} .headerFixed #header-wrap:after {content:"";display:block;position:absolute;width:100%;height:1px;background:#ddd;left:0;top:100%;z-index:500} .headerFixed #container-wrap {padding:150px 0 0} .headerFixed #mainNavi .mn_a1 {/*padding:25px 0 28px*/} .headerFixed #global .srvc-sec .srvcUtil {/*margin:13px 0 0;*/} .headerFixed #qNavi .role-head {height:75px;margin:40px 0 0;} .headerFixed #qNavi .role-head .trigger .p1 {display:none} .headerFixed #qNavi .role-head .trigger .p2 {padding:0 0 25px;} @media all and (max-width:1099px) { #header-wrap {height:128px;} } @media all and (max-width:999px) { .headerFixed #header-wrap {margin:0} .headerFixed #container-wrap {padding:115px 0 0} .headerFixed .userGuide-wr {position:fixed;width:100%;left:0;top:65px;z-index:3} .userGuide-wr .userGuide {display:block;position:relative;border:0;width:100%;padding:15px 0;text-align:center;line-height:1;background:#513d3b;overflow:hidden;height:50px} .userGuide-wr .userGuide:after {content:"";display:block;position:absolute;width:45px;height:89px;z-index:1;left:0;top:0;background:url(/resources/homepage/kor/_Img/Layout/layout_spr.png) no-repeat -360px 0px} .userGuide-wr .userGuide .outer {display:inline-block;padding:0 30px 0 0;color:#fff;box-sizing:border-box;position:relative;z-index:1} .userGuide-wr .userGuide .outer:after {content:"";display:block;position:absolute;width:22px;height:22px;background:url(/resources/homepage/kor/_Img/Layout/layout_spr.png) no-repeat -415px 0px;right:0;top:50%;transform:translateY(-50%)} .userGuide-wr .userGuide .outer span {display:inline-block;vertical-align:middle} .userGuide-wr .userGuide .outer .t1 {font-family:"minion-pro";font-weight:400;#qNavi:16px;opacity:.6;margin:0 5px 0 0} .userGuide-wr .userGuide .outer .t2 {font-size:15px} } /* svisual */ #svisual-wrap {position:relative;width:100%;height:300px;z-index:10} #svisual-wrap #svisual {position:relative;width:100%;height:100%;} #svisual-wrap #svisual #visImg {position:relative;height:100%} #svisual-wrap .site-util {position:relative;max-width:1400px;margin:0 auto;box-sizing:border-box;z-index:2} #svisual-wrap .site-util .svis-left {position:absolute;left:0;top:81px} #svisual-wrap .txtBox, #svisual-wrap .site-btns {display:inline-block;vertical-align:top;} #svisual-wrap .txtBox > p {position:relative;color:#fff;box-sizing:border-box;} #svisual-wrap #svisual #visImg .site-util .txtBox .txt1 {display:block;font-weight:500;font-size:18px;letter-spacing:.05em;font-family:"univia-pro",sans-serif;opacity:0;transform:translateY(30px);transition:all .4s ease .2s} #svisual-wrap #svisual #visImg .site-util .txtBox .txt2 {display:inline-block;margin-top:10px;font-size:50px;font-weight:500;letter-spacing:-.05em;opacity:0;transform:translateY(30px);transition:all .4s ease .4s} .loaded #svisual-wrap #svisual #visImg .site-util .txtBox .txt1 {opacity:.6;transform:translateY(0)} .loaded #svisual-wrap #svisual #visImg .site-util .txtBox .txt2 {opacity:1;transform:translateY(0)} #svisual-wrap .site-btns {display:inline-block;margin:29px 0 0 13px} #svisual-wrap .site-btns button {position:relative;background:none;border:2px solid rgba(255, 255, 255, .5);border-radius:50%;width:50px;height:50px;margin-right:2px;} #svisual-wrap .site-btns button:before {content:"";display:block;position:absolute;left:0;top:0;bottom:0;right:0;background:url(/resources/_Templet/Layout/layout_kor/_Img/layout_spr.png) no-repeat;margin:auto;width:19px;height:19px;} #svisual-wrap .site-btns .btn-print:before {background-position:-73px 0;} #svisual-wrap .site-btns .btn-share:before {background-position:-102px 0;} #svisual-wrap .site-btns .btn-share:hover,#svisual-wrap .site-btns .btn-share:hover{background-color:#07bfcc; border:2px solid #07bfcc;} #svisual-wrap .site-btns .sns-list {display:none; padding-top:6px;} #svisual-wrap .site-btns .sns-list li{display:block; position:relative; min-height:50px; z-index:100; margin-bottom: 6px} #svisual-wrap .site-btns .sns-list li button{position:absolute; top:0; right:0; z-index:101;} #svisual-wrap .site-btns .sns-list li button::before{background:url(/resources/_Templet/Layout/layout_kor/_Img/layout_sns_spr.png) no-repeat;} #svisual-wrap .site-btns .sns-list li:nth-child(1) button:before{background-position: 0px 0px} #svisual-wrap .site-btns .sns-list li:nth-child(2) button:before{background-position: -29px 0px} #svisual-wrap .site-btns .sns-list li:nth-child(3) button:before{background-position: -58px 0px} #svisual-wrap .site-btns .sns-list li:nth-child(4) button:before{background-position: -87px 0px} #svisual-wrap .site-btns .sns-list li:nth-child(1) button:hover, #svisual-wrap .site-btns .sns-list li:nth-child(1) button:focus{background-color: #3045a0; border:2px solid #3045a0;} #svisual-wrap .site-btns .sns-list li:nth-child(2) button:hover, #svisual-wrap .site-btns .sns-list li:nth-child(2) button:focus{background-color: #25a433; border:2px solid #25a433;} #svisual-wrap .site-btns .sns-list li:nth-child(3) button:hover, #svisual-wrap .site-btns .sns-list li:nth-child(2) button:focus{background: url(/resources/_Templet/Layout/layout_kor/_Img/sns_insta.png) no-repeat; border:none;} #svisual-wrap .site-btns .sns-list li:nth-child(4) button:hover, #svisual-wrap .site-btns .sns-list li:nth-child(2) button:focus{background-color: #bb1217; border:2px solid #bb1217;} #svisual-wrap #svisual #visImg .imgBox {display:block;position:relative;height:100%;overflow:hidden} #svisual-wrap #svisual #visImg .imgBox img {display:block;position:absolute;width:2000px;height:100%;top:0;left:50%;margin-left:-1000px;z-index:1;transform:scale(1.2);transition:transform 3s ease} .loaded #svisual-wrap #svisual #visImg .imgBox img {transform:scale(1)} #svisual-wrap .svis-slogan {position:absolute;top:85px;right:80px;z-index:1} #svisual-wrap .svis-slogan p {display:inline-block;color:#fff;font-size:19px;font-weight:300;letter-spacing:-.05em;line-height:1.473;vertical-align:top;} #svisual-wrap .svis-slogan .slogan {position:relative;} #svisual-wrap .svis-slogan .slogan:before {content:"";display:block;position:absolute;top:-28px;right:-10px;background:url(/resources/_Templet/Layout/layout_kor/_Img/star_bg01.png) no-repeat;width:26px;height:26px;animation:rotating 15s linear infinite} #svisual-wrap .svis-slogan .txt {margin:29px 0 0 -5px} #svisual-wrap .sig-logo {position:absolute;right:-140px;bottom:-56px;padding:31px 28px} #svisual-wrap .sig-logo:before {content:"";display:block;position:absolute;left:0;top:0;background:url(/resources/_Templet/Layout/layout_kor/_Img/sig_txt.png) no-repeat;width:213px;height:219px;animation: rotating 60s linear infinite} #svisual-wrap .sig-logo:after {content:"";display:block;position:absolute;right:-14px;top:-15px;background:url(/resources/_Templet/Layout/layout_kor/_Img/star_bg02.png) no-repeat;width:42px;height:42px;animation:rotating 30s linear infinite} @media all and (max-width:1399px) { #svisual-wrap .site-util .svis-left {left:30px} #svisual-wrap .sig-logo {right:-70px;} } @media all and (max-width:1099px) { #svisual-wrap {height:244px} #svisual-wrap .site-util .svis-left {top:55px;} #svisual-wrap .svis-slogan {top:60px} #svisual-wrap #svisual #visImg .imgBox img {width:1600px;margin-left:-800px} } @media all and (max-width:999px) { #svisual-wrap {z-index:3001} #svisual-wrap .site-util .svis-left {top:70px;left:0;width:100%;text-align:center;} #svisual-wrap #svisual #visImg .site-util .txtBox .txt1 {font-size:15px;} #svisual-wrap #svisual #visImg .site-util .txtBox .txt2 {font-size:40px;} #svisual-wrap .site-btns, #svisual-wrap .svis-slogan {display:none} } @media all and (max-width:768px) { #svisual-wrap {height:175px} #svisual-wrap .site-util .svis-left {top:43px} #svisual-wrap #svisual #visImg .imgBox img {width:1166px;margin-left:-583px} #svisual-wrap #svisual #visImg .site-util .txtBox .txt1 {font-size:11px;} #svisual-wrap #svisual #visImg .site-util .txtBox .txt2 {font-size:26px;} #svisual-wrap .sig-logo {right:-28px;bottom:-23px;padding:15px 14px;z-index:1001} #svisual-wrap .sig-logo:before {background-size:96px auto;width:96px;height:99px;} #svisual-wrap .sig-logo:after {display:none} #svisual-wrap .sig-logo p {width:71px;} #svisual-wrap .sig-logo p img {width:auto;max-width:100%} } /* contents */ #contents {margin-top:110px;min-height:600px;word-break:keep-all;word-wrap:break-word} #contents .cont-top {position:relative;margin-bottom:42px} #contents .cont-top.dpeth3-long {padding-top:50px;} #contents .cont-top .cont-tit {color:#111;font-size:40px;font-weight:500;letter-spacing:-0.05em;text-align:center} #contents .cont-top .cont-tit > span {display:inline-block;position:relative;} #contents .cont-top .cont-tit > span:before {content:"";display:block;background:url(/resources/_Templet/Layout/layout_kor/_Img/h2_bg.png) no-repeat;width:37px;height:23px;margin:0 0 10px 3px} /* cont-navi */ #cont-navi {display:block;position:absolute;width:1400px;left:50%;bottom:0;margin:0 0 0 -700px;height:55px;background:#f47b20;z-index:2} #cont-navi .cont-navi-inwr {position:relative;height:100%} #cont-navi .cont-navi-inwr:after {content:"";display:block;clear:both} #cont-navi .home {display:block;float:left;position:relative;z-index:1;width:65px;height:100%} #cont-navi .home:before, #cont-navi .home:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;transition:all .3s ease} #cont-navi .home:before {z-index:2;width:23px;height:21px;background:url(/resources/homepage/kor/_Img/Layout/layout_spr.png) no-repeat -70px -67px} #cont-navi .home:after {z-index:1;width:100%;height:100%;opacity:.3;background:#000} #cont-navi .home:focus:after, #cont-navi .home:hover:after {opacity:.4} #cont-navi dl {float:left;position:relative;z-index:5;min-width:250px;max-width:350px;width:auto;height:100%} #cont-navi dt {display:block;height:100%} #cont-navi dt a {display:block;position:relative;height:100%;padding:0 55px 0 30px;font-size:0} #cont-navi dt a:before {content:"";display:inline-block;width:0;height:100%;vertical-align:middle} #cont-navi dt a:after {content:"";display:block;position:absolute;width:13px;height:25px;right:0;top:15px;background:url(/resources/homepage/kor/_Img/Layout/layout_spr.png) no-repeat -103px -67px;opacity:.6;transition:all .3s ease} #cont-navi dt a .txt {display:inline-block;position:relative;font-size:17px;color:#fff;padding:0;max-width:95%;opacity:.6;vertical-align:middle;transition:all .3s ease} #cont-navi .over dt a:after {opacity:1;transform:rotate(90deg)} #cont-navi .over dt a .txt {opacity:1} #cont-navi .sub-list {position:absolute;top:100%;left:0;background:#f2f2f2;width:100%;display:none} #cont-navi .sub-list ul {display:block;margin:10px 20px 10px} #cont-navi .sub-list .mn_a1 {position:relative;display:block;font-size:16px;color:#333;padding:14px 30px 15px 0;border-bottom:1px solid #bbb} #cont-navi .sub-list li:last-child .mn_a1 {border-bottom:0} #cont-navi .sub-list .mn_a1:after {content:"";position:absolute;display:block;width:0;height:12px;background:url(/resources/homepage/kor/_Img/Layout/layout_spr.png) no-repeat -130px 0px;top:13px;left:100%;margin:0 0 0 -30px;transition:all .3s ease} #cont-navi .sub-list .mn_a1[target=_blank] span:after {display:inline-block;content:"";width:12px;height:10px;vertical-align:middle;margin:0 0 1px 10px;background:url(/resources/homepage/kor/_Img/Layout/layout_spr.png) no-repeat -157px -30px} #cont-navi .sub-list li.isOver {} #cont-navi .sub-list li.isOver a {border-bottom:3px solid #513d3b} #cont-navi .sub-list li.isOver a span {font-weight:500;color:#513d3b} #cont-navi .sub-list .isOver .mn_a1:after, #cont-navi .sub-list .mn_a1:hover:after {width:30px} #cont-navi .sub-list li:hover span {color:#513d3b} #cont-navi .cont-ctrl-btns {position:absolute;right:0;top:0;height:100%;font-size:0} #cont-navi .cont-ctrl-btns:after {content:"";display:block;clear:both} #cont-navi .cont-ctrl-btns .unit {display:block;float:left;position:relative;width:60px;height:100%} #cont-navi .cont-ctrl-btns .unit > button {position:relative;width:100%;height:100%;border:0;background:transparent} #cont-navi .cont-ctrl-btns .unit > button:before, #cont-navi .cont-ctrl-btns .unit > button:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;transition:all .3s ease} #cont-navi .cont-ctrl-btns .unit > button:before {width:30px;height:30px;background:url(/resources/homepage/kor/_Img/Layout/layout_spr.png) no-repeat;z-index:2} #cont-navi .cont-ctrl-btns .unit > button:after {width:100%;height:100%;background:#000;opacity:0;z-index:1} #cont-navi .cont-ctrl-btns .unit > button:focus:after, #cont-navi .cont-ctrl-btns .unit > button:hover:after {opacity:.1} #cont-navi .cont-ctrl-btns .unit .btn-share {} #cont-navi .cont-ctrl-btns .unit .btn-share:before {background-position:-126px -67px} #cont-navi .cont-ctrl-btns .unit .btn-share.is-open:after {opacity:.1} #cont-navi .cont-ctrl-btns .unit .btn-print {} #cont-navi .cont-ctrl-btns .unit .btn-print:before {background-position:-166px -67px} #cont-navi .cont-ctrl-btns .sns-list {display:none;position:absolute;top:100%;right:0;z-index:100;width:auto;font-size:0;white-space:nowrap;box-sizing:border-box;border:1px solid #ccc;padding:0 9px} #cont-navi .cont-ctrl-btns .sns-list li {display:inline-block;box-sizing:border-box;position:relative} #cont-navi .cont-ctrl-btns .sns-list li:after {content:"";display:block;position:absolute;width:1px;height:20px;right:0;top:50%;margin:-10px 0 0;background:#ccc} #cont-navi .cont-ctrl-btns .sns-list li:last-child:after {display:none} #cont-navi .cont-ctrl-btns .sns-list button {display:block;box-sizing:border-box;border:0;position:relative;background:none;width:40px;height:53px;font-size:0} #cont-navi .cont-ctrl-btns .sns-list button:before, #cont-navi .cont-ctrl-btns .sns-list button:after {content:"";display:block;position:absolute;transition:all .3s ease} #cont-navi .cont-ctrl-btns .sns-list button:before {width:24px;height:24px;background:url(/resources/homepage/kor/_Img/Layout/layout_spr.png) no-repeat;top:0;right:0;bottom:0;left:0;margin:auto} #cont-navi .cont-ctrl-btns .sns-list button:after {width:0px;left:50%;bottom:0;height:3px;background:#db5c1e} #cont-navi .cont-ctrl-btns .sns-list button:focus:before, #cont-navi .cont-ctrl-btns .sns-list button:hover:before {background-position-y:-34px} #cont-navi .cont-ctrl-btns .sns-list button:focus:after, #cont-navi .cont-ctrl-btns .sns-list button:hover:after {width:100%;left:0} #cont-navi .cont-ctrl-btns .sns-list .btn-fb {} #cont-navi .cont-ctrl-btns .sns-list .btn-fb:before {background-position:-224px 0px} #cont-navi .cont-ctrl-btns .sns-list .btn-tw {} #cont-navi .cont-ctrl-btns .sns-list .btn-tw:before {background-position:-258px 0px} #cont-navi .cont-ctrl-btns .sns-list .btn-insta {} #cont-navi .cont-ctrl-btns .sns-list .btn-insta:before {background-position:-292px 0px} #cont-navi .cont-ctrl-btns .sns-list .btn-nb {} #cont-navi .cont-ctrl-btns .sns-list .btn-nb:before {background-position:-326px 0px} @media all and (max-width:1400px) { #cont-navi {width:100%;left:0;margin:0} } @media all and (max-width:768px) { #cont-navi {display:none} } #contents #cont {padding-bottom:80px;color:#555;font-size:17px;letter-spacing:-0.025em;line-height:1.647;word-break:keep-all;word-wrap:break-word;min-height:400px} #contents #cont:after {clear:both;content:"";display:block} @media all and (max-width:999px){ #contents {width:auto;max-width:100%;margin-top:40px;float:none} #contents #cont {font-size:16px} #header-wrap {padding-left:0;height:auto} } @media all and (max-width:768px){ #contents {min-height:300px;margin-top:30px;} #container {margin-top:0;z-index:1} #contents #cont {min-height:auto;padding-bottom:40px;font-size:15px;line-height:1.6} #contents .cont-top {margin-bottom:10px;} #contents .cont-top .cont-tit {margin-bottom:15px;font-size:24px} #contents .cont-top .cont-tit > span:before {background-size:22px auto;margin-bottom:7px;width:22px;height:13px;} } @media all and (max-width:499px){ #contents #cont {padding-bottom:30px;font-size:14px;line-height:1.571} } /* 스마트 링크 ------------------------------------------------------ */ /* Navi */ #qNavi {display:block;position:absolute;right:0;top:150px;width:80px;margin-left:20px;text-align:center;z-index:3001} #qNavi.open {height:100%;background-color:#fff;} #qNavi .qnavi-btn {display:inline-block;position:relative;background-color:#c21a20;border:0;width:80px;height:80px;} #qNavi .qnavi-btn:after {content:"";display:block;position:absolute;bottom:10px;right:0;left:0;border-style:solid;border-color:#fff transparent transparent transparent;border-width:7px 5px 0 5px;width:0;height:0;margin:auto;transition:all .3s ease;} #qNavi .qnavi-btn.over:after {transform:rotate(180deg)} #qNavi .qnavi-btn span {position:relative;display:inline-block;margin-top:-6px;color:#fff;font-size:16px;letter-spacing:.04em;line-height:1.2;font-family:"univia-pro", sans-serif;} #qNavi .quick-navi {} #qNavi .quick-navi-list {display:none;/* margin-top:80px; */} #qNavi .quick-navi-list2 {margin-top:40px;} #qNavi .quick-navi-list li {padding:10px 0;} #qNavi .quick-navi-list button {display:block;position:relative;background:none;border:0;width:100%;height:60px;font-size:0;text-align:center;} #qNavi .quick-navi-list button:before {content:"";display:block;background:url(/resources/homepage/kor/_Img/Layout/quick_spr.png) no-repeat;width:35px;height:35px;margin:auto} #qNavi .quick-navi-list button.q01:before {background-position:0 0;} #qNavi .quick-navi-list button.q02:before {background-position:-45px 0;} #qNavi .quick-navi-list button.q03:before {background-position:-90px 0;} #qNavi .quick-navi-list button.q04:before {background-position:-135px 0;} #qNavi .quick-navi-list button span {display:inline-block;color:#000;font-size:15px;font-weight:700;} #qNavi .quick-navi-list .quick_cert {display:block;position:relative;background:none;border:0;width:100%;height:60px;font-size:0;text-align:center; margin-bottom:15px; font-family: 'Malgun Gothic','맑은 고딕','Nanum Gothic','나눔고딕',Dotum,Verdana;} #qNavi .quick-navi-list .quick_cert:before {content:"";display:block;background:url(/resources/homepage/kor/_Img/Layout/quick_ico_cert.png) no-repeat center center;width:35px;height:35px;margin:auto} #qNavi .quick-navi-list .quick_cert span {display:inline-block;color:#000;font-size:15px;font-weight:700;padding-top:3px} @media all and (max-width:999px) { #qNavi {display:none !important;top:110px;width:50px;margin-left:0;} #qNavi .qnavi-btn {width:50px;height:50px;} #qNavi .qnavi-btn:after {bottom:5px;} #qNavi .qnavi-btn span {font-size:14px;} #qNavi .quick-navi-list {margin-top:20px;} #qNavi .quick-scr-wr {display:none} } @media all and (max-width:768px) { #qNavi {top:105px;} #qNavi .quick-navi-list button {height:42px;} #qNavi .quick-navi-list button:before {background-size:auto 68px;width:25px;height:25px;} #qNavi .quick-navi-list button.q02:before {background-position:-32px 0;} #qNavi .quick-navi-list button.q03:before {background-position:-63px 0;} #qNavi .quick-navi-list button.q04:before {background-position:-95px 0;} } /* 사용자서비스 Body */ body.smartq-act {overflow-y:hidden !important} .u-guide-wr {display:none} #smart-quick-body {position:fixed;left:0;width:100%;z-index:9999;color:#444;font-size:16px;font-weight:400;line-height:1.75;visibility:hidden;overflow:hidden;transition:all .5s ease} #smart-quick-body.stable {visibility:visible;overflow-y:auto} #smart-quick-body.over {top:0 !important} #smart-quick-body .smartQ-bg {display:block;position:absolute;width:100%;height:100%;left:0;top:0;background:rgba(0, 0, 0, .6);opacity:0;z-index:1} #smart-quick-body .smartQ-bg.show {opacity:1;transition:all .3s ease .5s} #smart-quick-body .smartQ-bg.hide {opacity:0;transition:all .3s ease} #smart-quick-body .smart-in {position:relative;box-sizing:border-box;height:719px;padding:0;overflow:hidden;z-index:2} #smart-quick-body .smart-closer {display:block;position:absolute;right:0;top:0;border:0;background-color:#363636;width:100px;height:90px;z-index:3;transition:all .3s ease} #smart-quick-body .smart-closer:before {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:url(/resources/homepage/kor/_Img/Layout/quick_spr.png) no-repeat -180px 0;width:27px;height:27px;margin:auto;} #smart-quick-body .smart-closer span {width:1px;height:1px;overflow:hidden;position:absolute;top:-9999em;left:-9999em;display:block;text-indent:-9999em;font-size:0px;line-height:0} #smart-quick-body .smart-closer:focus, #smart-quick-body .smart-closer:hover {background-color:#0854ac} #smart-quick-body .inwr {position:relative;background-color:#fff;height:100%;padding-left:100px;box-sizing:border-box} #smart-quick-body .role-link {position:absolute;left:0;top:0;background-color:#0854ac;width:100px;z-index:3} #smart-quick-body .role-link ul {} #smart-quick-body .role-link ul li {position:relative;} #smart-quick-body .role-link ul li:before {content:"";display:block;position:absolute;left:0;bottom:0;right:0;background-color:rgba(255, 255, 255, .2);width:60px;height:1px;margin:auto} #smart-quick-body .role-link ul li:last-child:before {display:none} #smart-quick-body .role-link ul li button {display:block;background:transparent;border:0;width:100%;height:180px;text-align:center;box-sizing:border-box;transition:all .3s ease} #smart-quick-body .role-link ul li button span {display:inline-block;padding:0 31px;color:#fff;font-size:20px;font-weight:500;letter-spacing:0;line-height:1.2;vertical-align:middle;z-index:2;transition:all .3s ease} #smart-quick-body .role-link ul li.over button {background-color:#fff;} #smart-quick-body .role-link ul li.over button span {color:#162b48;font-size:24px;font-weight:700;} #smart-quick-body .role-body {position:relative;background-color:#f3f3f3;height:100%;box-sizing:border-box;z-index:2} #smart-quick-body .role-body .unit-box {height:100%;} #smart-quick-body .unit-box .unit-link {float:left;width:61%;height:100%;position:relative;background-color:#fff;padding:39px 0 0 67px;box-sizing:border-box} #smart-quick-body .unit-box .unit-photo {position:relative;float:right;width:39%;height:100%;} #smart-quick-body .unit-box .unit-link:before {content:"";display:block;position:absolute;left:0;top:0;background-color:#d8e4f1;border-bottom-right-radius:28px;width:100px;height:180px;} #smart-quick-body .unit-box .unit {display:none} #smart-quick-body .unit-box .unit.over {position:relative;display:block;padding:38px 0 0} #smart-quick-body .unit h4 {position:relative;margin:0 0 91px 4px;padding:13px 0 13px 70px;color:#1a3759;font-size:30px;font-weight:700;letter-spacing:-.05em;line-height:1.2;} #smart-quick-body .unit h4:before {content:"";display:block;position:absolute;left:0;top:0;background:url(/resources/homepage/kor/_Img/Layout/quick_spr.png) no-repeat;width:52px;height:52px;} #smart-quick-body .unit.n01 h4:before {background-position:0 -45px;} #smart-quick-body .unit.n02 h4:before {background-position:-62px -45px;} #smart-quick-body .unit.n03 h4:before {background-position:-124px -45px;} #smart-quick-body .unit.n04 h4:before {background-position:-186px -45px;} #smart-quick-body .unit-box ul {display:block;font-size:0;overflow:hidden;} #smart-quick-body .unit-box ul li {display:inline-block;width:20%;vertical-align:top;margin:0 0 66px} #smart-quick-body .unit-box ul li a {display:block;text-align:center} #smart-quick-body .unit ul li .ico {display:block;position:relative;background-color:#f3f3f3;border-bottom-right-radius:25px;width:120px;height:120px;margin:0 auto 17px} #smart-quick-body .unit ul li .ico:before {content:"";display:block;position:absolute;left:0;top:0;right:0;bottom:0;background:url(/resources/homepage/kor/_Img/Layout/quick_ico_spr.png) no-repeat;width:74px;height:74px;margin:auto} #smart-quick-body .unit.n01 ul li.n01 .ico:before {background-position:0 0} #smart-quick-body .unit.n01 ul li.n02 .ico:before, #smart-quick-body .unit.n04 ul li.n04 .ico:before {background-position:-84px 0} #smart-quick-body .unit.n01 ul li.n03 .ico:before, #smart-quick-body .unit.n04 ul li.n03 .ico:before {background-position:-168px 0} #smart-quick-body .unit.n01 ul li.n04 .ico:before {background-position:-252px 0} #smart-quick-body .unit.n01 ul li.n05 .ico:before {background-position:-336px 0} #smart-quick-body .unit.n01 ul li.n06 .ico:before, #smart-quick-body .unit.n02 ul li.n06 .ico:before, #smart-quick-body .unit.n03 ul li.n06 .ico:before{background-position:-420px 0} #smart-quick-body .unit.n01 ul li.n07 .ico:before, #smart-quick-body .unit.n02 ul li.n07 .ico:before {background-position:-504px 0} #smart-quick-body .unit.n01 ul li.n08 .ico:before {background-position:-588px 0} #smart-quick-body .unit.n01 ul li.n09 .ico:before, #smart-quick-body .unit.n02 ul li.n09 .ico:before {background-position:-672px 0} #smart-quick-body .unit.n02 ul li.n01 .ico:before {background-position:0 -84px} #smart-quick-body .unit.n02 ul li.n02 .ico:before {background-position:-84px -84px} #smart-quick-body .unit.n02 ul li.n03 .ico:before {background-position:-168px -84px} #smart-quick-body .unit.n02 ul li.n04 .ico:before {background-position:-252px -84px} #smart-quick-body .unit.n02 ul li.n05 .ico:before {background-position:-336px -84px} #smart-quick-body .unit.n02 ul li.n08 .ico:before, #smart-quick-body .unit.n03 ul li.n08 .ico:before {background-position:-420px -84px} #smart-quick-body .unit.n03 ul li.n01 .ico:before {background-position:0 -168px} #smart-quick-body .unit.n03 ul li.n02 .ico:before {background-position:-168px -168px} #smart-quick-body .unit.n03 ul li.n03 .ico:before {background-position:-252px -168px} #smart-quick-body .unit.n03 ul li.n04 .ico:before {background-position:-336px -168px} #smart-quick-body .unit.n03 ul li.n05 .ico:before {background-position:-420px -168px} #smart-quick-body .unit.n03 ul li.n07 .ico:before, #smart-quick-body .unit.n04 ul li.n05 .ico:before {background-position:-504px -168px} #smart-quick-body .unit.n04 ul li.n01 .ico:before {background-position:0 -252px} #smart-quick-body .unit.n04 ul li.n02 .ico:before {background-position:-84px -252px} #smart-quick-body .unit-box ul li a span {display:inline-block;font-size:18px;color:#333;letter-spacing:-.025em;line-height:1.2;transition:all .3s ease} #smart-quick-body .unit-box ul li a:focus span, #smart-quick-body .unit-box ul li a:hover span {text-decoration:underline;color:#162b48} #smart-quick-body .unit-photo .unit-photo-img {position:relative;width:480px;padding:90px 0 0 67px;box-sizing:border-box} #smart-quick-body .unit-photo-img:before {content:"";display:block;position:absolute;top:44px;right:-70px;background:url(/resources/homepage/kor/_Img/Layout/unit_logo.png) no-repeat;width:144px;height:146px;} #smart-quick-body .unit-photo .unit-photo-img img {width:auto;max-width:100%;border-bottom-right-radius:63px;} @media all and (max-width:1399px) { #smart-quick-body .unit-photo .unit-photo-img {width:70%;} #smart-quick-body .unit-box ul {margin-left:-40px;} #smart-quick-body .unit ul li .ico {width:100px;height:100px;} } @media all and (max-width:1199px) { #smart-quick-body .unit-box .unit-link {float:none;width:auto;padding-right:30px;} #smart-quick-body .unit-box .unit-photo {display:none} #smart-quick-body .unit-box ul {margin-left:0;} } @media all and (max-width:999px) { .u-guide-wr {display:block;padding:0 50px;line-height:1;text-align:center;box-sizing:border-box} .u-guide-wr button {background-color:#c21a20;width:100%;border:0;color:#fff;height:45px;} .u-guide-wr button span {display:inline-block;position:relative;font-size:15px;line-height:1.2;font-family:"univia-pro", sans-serif;letter-spacing:-.04em;} .u-guide-wr button span:after {content:"";display:inline-block;border-style:solid;border-color:#fff transparent transparent transparent;border-width:7px 5px 0 5px;width:0;height:0;margin:8px 0 0 8px;transition:all .3s ease;vertical-align:top;} #smart-quick-body .unit h4 {font-size:28px;} #smart-quick-body .unit-box ul li a span {font-size:16px;} } @media all and (max-width:899px) { .u-guide-wr {padding:0 20px} } @media all and (max-width:768px) { #smart-quick-body .smart-in {height:auto;} #smart-quick-body .smart-closer {top:60px;right:20px;width:40px;height:40px;} #smart-quick-body .inwr {padding-left:0;} #smart-quick-body .role-link {position:static;left:auto;top:auto;width:auto;} #smart-quick-body .role-link ul {overflow:hidden;} #smart-quick-body .role-link ul li {float:left;width:25%;} #smart-quick-body .role-link ul li:before {left:auto;width:1px;height:100%;} #smart-quick-body .role-link ul li button {height:50px;text-align:center;} #smart-quick-body .role-link ul li button span {font-size:13px;} #smart-quick-body .role-link ul li.over button span {font-size:15px;} #smart-quick-body .role-link ul li button span {padding:0;} #smart-quick-body .unit-box .unit.over {padding-top:0;} #smart-quick-body .unit h4 {padding:8px 0 9px 50px;font-size:22px;} #smart-quick-body .unit h4:before {background-size:auto 68px;width:36px;height:36px;} #smart-quick-body .unit.n01 h4:before {background-position:0 -32px;} #smart-quick-body .unit.n02 h4:before {background-position:-43px -32px;} #smart-quick-body .unit.n03 h4:before {background-position:-87px -32px;} #smart-quick-body .unit.n04 h4:before {background-position:-130px -32px;} #smart-quick-body .unit-box .unit-link {padding:20px} #smart-quick-body .unit-box .unit-link:before {display:none} #smart-quick-body .unit h4 {margin-bottom:5px;} #smart-quick-body .unit-box ul li {margin-bottom:15px;} #smart-quick-body .unit-box ul li a span {font-size:15px;} #smart-quick-body .unit ul li .ico {width:84px;height:84px;} #smart-quick-body .unit ul li .ico:before {background-size:auto 228px;width:52px;height:52px} #smart-quick-body .unit.n01 ul li.n01 .ico:before {background-position:0 0} #smart-quick-body .unit.n01 ul li.n02 .ico:before, #smart-quick-body .unit.n04 ul li.n04 .ico:before {background-position:-59px 0} #smart-quick-body .unit.n01 ul li.n03 .ico:before, #smart-quick-body .unit.n04 ul li.n03 .ico:before {background-position:-118px 0} #smart-quick-body .unit.n01 ul li.n04 .ico:before {background-position:-176px 0} #smart-quick-body .unit.n01 ul li.n05 .ico:before {background-position:-235px 0} #smart-quick-body .unit.n01 ul li.n06 .ico:before, #smart-quick-body .unit.n02 ul li.n06 .ico:before, #smart-quick-body .unit.n03 ul li.n06 .ico:before{background-position:-294px 0} #smart-quick-body .unit.n01 ul li.n07 .ico:before, #smart-quick-body .unit.n02 ul li.n07 .ico:before {background-position:-353px 0} #smart-quick-body .unit.n01 ul li.n08 .ico:before {background-position:-412px 0} #smart-quick-body .unit.n01 ul li.n09 .ico:before, #smart-quick-body .unit.n02 ul li.n09 .ico:before {background-position:-470px 0} #smart-quick-body .unit.n02 ul li.n01 .ico:before {background-position:0 -59px} #smart-quick-body .unit.n02 ul li.n02 .ico:before {background-position:-59px -59px} #smart-quick-body .unit.n02 ul li.n03 .ico:before {background-position:-118px -59px} #smart-quick-body .unit.n02 ul li.n04 .ico:before {background-position:-176px -59px} #smart-quick-body .unit.n02 ul li.n05 .ico:before {background-position:-235px -59px} #smart-quick-body .unit.n02 ul li.n08 .ico:before, #smart-quick-body .unit.n03 ul li.n08 .ico:before {background-position:-294px -59px} #smart-quick-body .unit.n03 ul li.n01 .ico:before {background-position:0 -118px} #smart-quick-body .unit.n03 ul li.n02 .ico:before {background-position:-118px -118px} #smart-quick-body .unit.n03 ul li.n03 .ico:before {background-position:-176px -118px} #smart-quick-body .unit.n03 ul li.n04 .ico:before {background-position:-235px -118px} #smart-quick-body .unit.n03 ul li.n05 .ico:before {background-position:-294px -118px} #smart-quick-body .unit.n03 ul li.n07 .ico:before, #smart-quick-body .unit.n04 ul li.n05 .ico:before {background-position:-353px -118px} #smart-quick-body .unit.n04 ul li.n01 .ico:before {background-position:0 -176px} #smart-quick-body .unit.n04 ul li.n02 .ico:before {background-position:-59px -176px} } @media all and (max-width:499px) { .u-guide-wr {padding:0 15px} #smart-quick-body .unit-box .unit-link {padding:20px 15px} #smart-quick-body .unit-box ul li {width:33.33%;} } @media all and (max-width:359px) { #smart-quick-body .unit-box ul li a span {font-size:13px;} } /* 스마트 검색 ------------------------------------------------------ */ body.smarts-act {overflow-y:hidden !important} #smart-search {position:fixed;left:0;width:100%;color:#444;font-size:16px;font-weight:400;line-height:1.75;visibility:hidden;overflow:hidden;z-index:9999;transition:all .5s ease} #smart-search.stable {visibility:visible;overflow-y:auto} #smart-search.over {top:0 !important} #smart-search .smartS-bg {display:block;position:absolute;left:0;top:0;background:rgba(0, 0, 0, .6);width:100%;height:100%;opacity:0;z-index:1} #smart-search .smartS-bg.show {opacity:1;transition:all .3s ease .5s} #smart-search .smartS-bg.hide {opacity:0;transition:all .3s ease} #smart-search .smart-in {position:relative;background:#004faa url(/resources/homepage/kor/_Img/Layout/smart_bg.jpg) no-repeat right top;height:815px;padding:0;overflow:hidden;box-sizing:border-box;z-index:2;} #smart-search .smart-in:after {content:"";display:block;position:absolute;left:0;bottom:0;background-color:#ededed;width:100%;height:333px;z-index:-1} #smart-search.is-open .smart-in:after {width:100%;height:100%;opacity:1} #smart-search .smart-top {position:relative;max-width:1200px;margin:0 auto;padding:70px 0 40px;box-sizing:border-box;z-index:5} #smart-search .smart-top .tit {position:relative;color:#fff;text-align:center;} #smart-search .smart-top .tit span {display:block;line-height:1.2} #smart-search .smart-top .tit .kor {margin-bottom:8px;font-size:36px;font-weight:500;line-height:1.2;letter-spacing:-.05em} #smart-search .smart-top .tit .sub-tit {color:rgba(255, 255, 255, .6);font-size:20px;font-weight:200;line-height:1.2;letter-spacing:-.05em} #smart-search .smart-closer {display:block;position:absolute;width:80px;height:80px;border:0;background:#1a1a1a url(/resources/homepage/kor/_Img/Layout/exit_btn.png) center center no-repeat;right:0;top:0;z-index:10;transition:all .3s ease} #smart-search .smart-closer:before {content:"";display:block;position:absolute;width:27px;height:27px;top:0;right:0;bottom:0;left:0;margin:auto} #smart-search .smart-closer span {width:1px;height:1px;overflow:hidden;position:absolute;top:-9999em;left:-9999em;display:block;text-indent:-9999em;font-size:0px;line-height:0} #smart-search .smart-closer:focus, #smart-search .smart-closer:hover {background:#aa7c51 url(/resources/homepage/kor/_Img/Layout/exit_btn.png) center center no-repeat} #smart-search .smart-keywd {position:relative;width:100%;max-width:1200px;padding:31px 0 45px;height:100%;margin:0 auto;box-sizing:border-box;z-index:5} #smart-search .smart-keywd .sch-head {position:relative;box-sizing:border-box;padding:0 600px 0 0} #smart-search .smart-keywd .sch-head:after {content:"";display:block;clear:both} #smart-search .search-box {position:relative;width:100%;height:65px;margin:0;box-sizing:border-box;padding:0 65px 0 130px;background:transparent;border:6px solid #fff} #smart-search .search-box .select {display:block;position:absolute;width:130px;height:100%;left:0;top:0} #smart-search .search-box .select select {display:block;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;box-sizing:border-box;padding:0 0 0 27px;border:0;color:#fff;background:#004faa url(/resources/homepage/kor/_Img/Layout/smart_bg2.png) no-repeat right 50%} #smart-search .search-box .input-box {display:block;height:100%} #smart-search .search-box .input-box input.text {display:block;width:100%;height:100%;border:0;box-sizing:border-box;font-size:18px;color:#fff;padding:0 10px;background:transparent;margin:0} #smart-search .search-box .input-box input.text::-webkit-input-placeholder {color:rgba(255, 255, 255, .7)} #smart-search .search-box .input-box input.text:-moz-placeholder {color:rgba(255, 255, 255, .7)} #smart-search .search-box .input-box input.text::-moz-placeholder {color:rgba(255, 255, 255, .7)} #smart-search .search-box .input-box input.text:-ms-input-placeholder {color:rgba(255, 255, 255, .7)} #smart-search .search-box .btn-search {display:block;position:absolute;width:65px;height:100%;border:0;background:transparent;right:0;top:0;transition:all .3s ease} #smart-search .search-box .btn-search:after {content:"";display:block;position:absolute;width:30px;height:30px;top:0;right:0;bottom:0;left:0;margin:auto;background:url(/resources/homepage/kor/_Img/Layout/smartS_spr.png) no-repeat 0px 0px} #smart-search .search-box .btn-search:focus, #smart-search .search-box .btn-search:hover {} #smart-search .period-box {display:block;position:absolute;right:0;top:0px} #smart-search .period-box .keywd-tab {display:block;position:absolute;width:auto;right:100%;top:0;margin:4px 20px 0 0} #smart-search .period-box .keywd-tab ul {display:block;text-align:center;font-size:0;white-space:nowrap} #smart-search .period-box .keywd-tab ul li {display:inline-block;vertical-align:top;margin:0 0 0 5px} #smart-search .period-box .keywd-tab ul li button {display:block;position:relative;background:transparent;width:60px;height:60px;line-height:1;box-sizing:border-box;border:2px solid rgba(255, 255, 255, .3);border-radius:50%;text-align:center;color:rgba(255, 255, 255, .6);font-size:17px;letter-spacing:-.075em;font-weight:400;transition:all .3s ease} #smart-search .period-box .keywd-tab ul li button.isOn {background:#aa7c51;border-color:#aa7c51;color:#fff} #smart-search .period-box .skeywd-choice {position:relative;float:right} #smart-search .period-box .skeywd-choice .btn-choice {position:relative;vertical-align:bottom;width:116px;height:50px;border:1px solid #fff;border-radius:25px;background:transparent;color:#fff;font-size:15px;letter-spacing:0.05em;line-height:51px;margin-right:70px;box-sizing:border-box;margin-right:18px} #smart-search .period-box .skeywd-choice .btn-choice.isOn {color:#087e8c;background:#fff} #smart-search .period-box .skeywd-choice .btn-choice.isOn:after {content:"";display:block;position:absolute;top:100%;left:50%;margin-left:-6px;width:0;border-width:6px;border-style:solid;border-color:#fff transparent transparent transparent} #smart-search .period-box .skeywd-choice .date {display:block;font-size:19px;color:#fff;line-height:1;padding:0 79px 0 0;border-bottom:2px solid rgba(255, 255, 255, .4)} #smart-search .period-box .skeywd-choice .date input {position:relative;width:107px;border:0;color:#fff;font-size:19px;font-weight:300;line-height:1;height:23px;padding:16px 20px 18px 0;margin:0;text-align:left;background:url(/resources/homepage/kor/_Img/Layout/smart_bg3.png) no-repeat right 50%} #smart-search .period-box .skeywd-choice .date span {display:inline-block;padding:0 25px 0 11px;color:#666;font-size:19px;font-weight:300} #smart-search .period-box .skeywd-choice .period-sch {display:block;position:absolute;font-size:14px;color:#fff;border:0;background:transparent;border:2px solid #fff;border-radius:999px;padding:7px 15px 9px;right:0;top:8px} #smart-search .smart-in .sch-result-wr {margin:45px 0 0;box-sizing:border-box} #smart-search .smart-in .sch-result-wr .sch-pkg-wr {display:block;box-sizing:border-box;position:relative;padding:0 340px 0 0} #smart-search .smart-in .sch-result-wr .sch-pkg-wr > div {display:block;box-sizing:border-box} #smart-search .smart-in .sch-result-wr .sch-pkg-wr .sch-result-box {background:#fff;padding:38px 50px 76px} #smart-search .smart-in .sch-result-wr .sch-pkg-wr .sch-collection-box {display:block;position:absolute;border-bottom-right-radius:45px;width:321px;height:100%;background:#fff;right:0;top:0;padding:38px 40px 0px} #smart-search .smart-in .sch-result-wr .keywdState-tit {display:block;position:relative;box-sizing:border-box;padding:0 0 0 35px;font-size:24px;letter-spacing:-.05em;text-align:left;color:#000;font-weight:500;line-height:1} #smart-search .smart-in .sch-result-wr .keywdState-tit:before {content:"";display:block;position:absolute;width:25px;height:25px;background:url(/resources/homepage/kor/_Img/Layout/smartS_spr.png) no-repeat -62px 0px;left:0;top:1px} #smart-search .smart-in .sch-result {position:relative;width:100%;margin:32px 0 0} #smart-search .smart-in .sch-result ul {display:block;position:relative;height:230px} #smart-search .smart-in .sch-result ul li {display:block;position:absolute} #smart-search .smart-in .sch-result ul li:after {content:"";display:block;position:absolute;width:100%;height:100%;left:0;top:0;background:rgba(0, 0, 0, .2);opacity:0;transition:all .3s ease} #smart-search .smart-in .sch-result ul li:hover:after {opacity:1} #smart-search .smart-in .sch-result ul li button {display:inline-block;position:relative;width:100%;height:100%;border:0;background:transparent;color:#fff;text-align:center;font-size:16px;letter-spacing:-.05em;box-sizing:border-box;padding:0 5px;line-height:1.3;z-index:2} #smart-search .smart-in .sch-result ul li button:before {content:"#";display:inline-block;vertical-align:middle;margin:-4px 3px 0 0} #smart-search .smart-in .sch-result ul li button:focus, #smart-search .smart-in .sch-result ul li button:hover {text-decoration:underline} #smart-search .smart-in .sch-result ul li.ks-b button {font-size:26px} #smart-search .smart-in .sch-result ul li.ks-m button {font-size:20px} #smart-search .smart-in .sch-collection {margin:25px 0 0} #smart-search .smart-in .sch-collection ol {display:block} #smart-search .smart-in .sch-collection ol li {display:block;margin:0 0 13px} #smart-search .smart-in .sch-collection ol li:last-child {margin:0} #smart-search .smart-in .sch-collection ol li a {display:block;position:relative;box-sizing:border-box;padding:0 0 0 28px} #smart-search .smart-in .sch-collection ol li a span {display:block;transition:all .3s ease} #smart-search .smart-in .sch-collection ol li a .num {font-size:12px;position:absolute;border-radius:50%;background:#43454d;width:21px;height:21px;line-height:21px;text-align:center;left:-5px;top:0px;color:#fff} #smart-search .smart-in .sch-collection ol li a .txt {font-size:17px;color:#666;letter-spacing:-.05em;line-height:1;width:auto;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal} #smart-search .smart-in .sch-collection ol li a:focus .txt, #smart-search .smart-in .sch-collection ol li a:hover .txt {color:#000;text-decoration:underline} /* - 개당 1넓이 : 13.15% - 개당 2넓이 : 27.63% - 개당 최소높이 : 70px - 개당 넓이 간격 : 1.31% (13.15 * 2) + (27.63 * 0) + (1.31 * 1) ------------------------------------------------------ */ /* 색상세트 1 */ #smart-search .smart-in .sch-result .rdm01 li.key01 {width:27.63%;height:70px; background:#158ec1;top:0;left:0} #smart-search .smart-in .sch-result .rdm01 li.key02 {width:13.15%;height:70px; background:#162b48;top:0;left:28.94%} #smart-search .smart-in .sch-result .rdm01 li.key03 {width:13.15%;height:150px; background:#7483a1;top:0;left:43.40%} #smart-search .smart-in .sch-result .rdm01 li.key04 {width:27.63%;height:70px; background:#0c3c7f;top:0;left:57.86%} #smart-search .smart-in .sch-result .rdm01 li.key05 {width:13.15%;height:70px; background:#c69871;top:0;left:86.80%} #smart-search .smart-in .sch-result .rdm01 li.key06 {width:13.15%;height:150px; background:#008daa;top:80px;left:0} #smart-search .smart-in .sch-result .rdm01 li.key07 {width:27.63%;height:70px; background:#c98341;top:80px;left:14.46%} #smart-search .smart-in .sch-result .rdm01 li.key08 {width:13.15%;height:70px; background:#999999;top:80px;left:57.86%} #smart-search .smart-in .sch-result .rdm01 li.key09 {width:13.15%;height:70px; background:#9c7445;top:80px;left:72.32%} #smart-search .smart-in .sch-result .rdm01 li.key10 {width:13.15%;height:150px; background:#db4348;top:80px;left:86.78%} #smart-search .smart-in .sch-result .rdm01 li.key11 {width:13.15%;height:70px; background:#999999;top:160px;left:14.46%} #smart-search .smart-in .sch-result .rdm01 li.key12 {width:13.15%;height:70px; background:#07bfcc;top:160px;left:28.92%} #smart-search .smart-in .sch-result .rdm01 li.key13 {width:27.63%;height:70px; background:#0d51b0;top:160px;left:43.38%} #smart-search .smart-in .sch-result .rdm01 li.key14 {width:13.15%;height:70px; background:#d96569;top:160px;left:72.32%} /* 색상세트 2 */ #smart-search .smart-in .sch-result .rdm02 li.key01 {width:27.63%;height:150px; background:#158ec1;top:0;left:0} #smart-search .smart-in .sch-result .rdm02 li.key02 {width:27.63%;height:70px; background:#162b48;top:0;left:28.94%} #smart-search .smart-in .sch-result .rdm02 li.key03 {width:13.15%;height:70px; background:#7483a1;top:0;left:57.88%} #smart-search .smart-in .sch-result .rdm02 li.key04 {width:13.15%;height:150px; background:#0c3c7f;top:0;left:72.34%} #smart-search .smart-in .sch-result .rdm02 li.key05 {width:13.15%;height:70px; background:#c69871;top:0;left:86.80%} #smart-search .smart-in .sch-result .rdm02 li.key06 {width:13.15%;height:70px; background:#008daa;top:80px;left:28.94%} #smart-search .smart-in .sch-result .rdm02 li.key07 {width:13.15%;height:70px; background:#c98341;top:80px;left:43.40%} #smart-search .smart-in .sch-result .rdm02 li.key08 {width:13.15%;height:150px; background:#999999;top:80px;left:57.86%} #smart-search .smart-in .sch-result .rdm02 li.key09 {width:13.15%;height:70px; background:#9c7445;top:80px;left:86.78%} #smart-search .smart-in .sch-result .rdm02 li.key10 {width:13.15%;height:70px; background:#db4348;top:160px;left:72.34%} #smart-search .smart-in .sch-result .rdm02 li.key11 {width:27.63%;height:70px; background:#999999;top:160px;left:0%} #smart-search .smart-in .sch-result .rdm02 li.key12 {width:13.15%;height:70px; background:#07bfcc;top:160px;left:28.94%} #smart-search .smart-in .sch-result .rdm02 li.key13 {width:13.15%;height:70px; background:#0d51b0;top:160px;left:43.40%} #smart-search .smart-in .sch-result .rdm02 li.key14 {width:13.15%;height:70px; background:#d96569;top:160px;left:86.78%} /* 색상세트 3 */ #smart-search .smart-in .sch-result .rdm03 li.key01 {width:27.63%;height:70px; background:#158ec1;top:0;left:0} #smart-search .smart-in .sch-result .rdm03 li.key02 {width:13.15%;height:70px; background:#162b48;top:0;left:28.94%} #smart-search .smart-in .sch-result .rdm03 li.key03 {width:13.15%;height:70px; background:#7483a1;top:0;left:43.40%} #smart-search .smart-in .sch-result .rdm03 li.key04 {width:13.15%;height:70px; background:#0c3c7f;top:0;left:57.86%} #smart-search .smart-in .sch-result .rdm03 li.key05 {width:13.15%;height:150px; background:#c69871;top:0;left:72.32%} #smart-search .smart-in .sch-result .rdm03 li.key06 {width:13.15%;height:150px; background:#008daa;top:0;left:86.80%} #smart-search .smart-in .sch-result .rdm03 li.key07 {width:13.15%;height:70px; background:#c98341;top:80px;left:0} #smart-search .smart-in .sch-result .rdm03 li.key08 {width:27.63%;height:70px; background:#999999;top:80px;left:14.46%} #smart-search .smart-in .sch-result .rdm03 li.key09 {width:13.15%;height:150px; background:#9c7445;top:80px;left:57.86%} #smart-search .smart-in .sch-result .rdm03 li.key10 {width:13.15%;height:70px; background:#db4348;top:80px;left:43.40%} #smart-search .smart-in .sch-result .rdm03 li.key11 {width:27.63%;height:70px; background:#999999;top:160px;left:72.32%} #smart-search .smart-in .sch-result .rdm03 li.key12 {width:13.15%;height:70px; background:#07bfcc;top:160px;left:0} #smart-search .smart-in .sch-result .rdm03 li.key13 {width:13.15%;height:70px; background:#0d51b0;top:160px;left:14.46%} #smart-search .smart-in .sch-result .rdm03 li.key14 {width:27.63%;height:70px; background:#d96569;top:160px;left:28.92%} @media all and (max-width:1200px) { #smart-search {} #smart-search .smart-in {height:90%} #smart-search .smart-in .smart-keywd {width:auto;padding:0;height:100%;margin:0 20px} #smart-search .smart-keywd .sch-head {padding:0 520px 0 0} #smart-search .smart-top {padding:30px 30px 40px;margin:0 20px} #smart-search .period-box .skeywd-choice .date {padding:0 60px 0 0} #smart-search .period-box .skeywd-choice .date input[type="text"] {padding:16px 15px 18px 0} #smart-search .period-box .skeywd-choice .date span {padding:0 10px 0 0px} #smart-search .smart-in .sch-result-wr .sch-pkg-wr .sch-result-box {padding:40px 30px 80px} #smart-search .smart-closer {top:30px} } @media all and (max-width:999px) { #smart-search .smart-keywd .sch-head {padding:0;text-align:center} #smart-search .search-box {width:486px;margin:0 auto 10px} #smart-search .period-box {display:inline-block;position:relative;top:auto;right:auto} #smart-search .period-box .keywd-tab {display:inline-block;position:relative;right:auto;top:auto;vertical-align:middle} #smart-search .period-box .keywd-tab ul li {margin:0 5px 0 0} #smart-search .period-box .skeywd-choice {display:inline-block;float:none;vertical-align:middle} #smart-search .smart-in .sch-result-wr {margin:20px 0 0} #smart-search .smart-in .sch-result-wr .sch-pkg-wr .sch-result-box {padding:20px 30px 20px} #smart-search .smart-in .sch-result ul {overflow:hidden;height:auto} #smart-search .smart-in .sch-result ul li {display:block;position:relative;float:left;width:32% !important;height:50px !important;top:auto !important;left:auto !important;margin:0 2% 10px 0} #smart-search .smart-in .sch-result ul li:nth-child(3n) {margin:0 0 10px} #smart-search .smart-in .sch-result ul li button {display:block;padding:0 5px} #smart-search .smart-in .sch-result ul li button:before {margin:-5px 3px 0 0} #smart-search .smart-in .sch-result-wr .sch-pkg-wr .sch-collection-box {padding:20px 30px} #smart-search .smart-in .sch-result {margin:20px 0 0} #smart-search .smart-in .sch-collection {margin:18px 0 0} #smart-search .smart-in .sch-collection ol li {margin:0 0 14px} #smart-search .smart-in .sch-collection ol li a .num {left:0;top:50%;transform:translateY(-50%)} } @media all and (max-width:799px) { #smart-search .smart-top {padding:20px 0} #smart-search .smart-closer {width:70px;height:70px;top:0} #smart-search .smart-top .tit .kor {font-size:26px} #smart-search .smart-top .tit .sub-tit {font-size:14px} #smart-search .search-box {max-width:466px;width:100%;border:3px solid #fff;height:50px} #smart-search .period-box .keywd-tab ul li button {width:50px;height:50px} #smart-search .smart-in .sch-result-wr .keywdState-tit {font-size:20px} #smart-search .smart-in .sch-result-wr .keywdState-tit:before {top:50%;transform:translateY(-50%)} #smart-search .smart-in .sch-result-wr .sch-pkg-wr .sch-result-box {padding:20px} #smart-search .smart-in .sch-result ul li button {font-size:14px} #smart-search .smart-in .sch-result-wr .sch-pkg-wr {padding:0 270px 0 0} #smart-search .smart-in .sch-result-wr .sch-pkg-wr .sch-collection-box {padding:20px;width:250px} #smart-search .smart-in .sch-collection ol li a .txt {font-size:16px} } @media all and (max-width:699px) { #smart-search .smart-in {height:auto;overflow-y:auto} #smart-search .smart-in .sch-result-wr .sch-pkg-wr {padding:0 0 20px} #smart-search .smart-in .sch-result-wr .sch-pkg-wr .sch-collection-box {position:relative;right:auto;top:auto;width:auto;margin:10px 0 0} } @media all and (max-width:499px) { #smart-search .smart-top .tit {text-align:left} #smart-search .smart-top .tit .eng {font-size:16px} #smart-search .smart-top .tit .kor {font-size:26px} #smart-search .smart-closer {width:50px;height:50px;} #smart-search .search-box {height:50px;border-width:3px;padding:0 44px 0 100px} #smart-search .search-box .select {width:100px} #smart-search .search-box .select select {padding:0 0 0 10px;min-width:0;background-color:transparent;font-size:15px} #smart-search .search-box .input-box input.text {font-size:15px;padding:0 5px} #smart-search .search-box .btn-search {width:44px} #smart-search .search-box .btn-search:after {width:21px;height:21px;background-size:61px auto} #smart-search .period-box .skeywd-choice .date {text-align:left;padding:0 48px 0 0} #smart-search .period-box .skeywd-choice .date input[type="text"] {font-size:15px;display:inline-block;padding:13px 0;width:100px} #smart-search .period-box .skeywd-choice .period-sch {padding:7px 10px;top:50%;transform:translateY(-50%)} #smart-search .period-box {display:block} #smart-search .period-box .keywd-tab {display:block;margin:0} #smart-search .period-box .keywd-tab ul {overflow:hidden} #smart-search .period-box .keywd-tab ul li {display:block;margin:0;width:49%} #smart-search .period-box .keywd-tab ul li:first-child {float:left} #smart-search .period-box .keywd-tab ul li:last-child {float:right} #smart-search .period-box .keywd-tab ul li button {width:100%;height:auto;padding:10px 0;border-radius:3px} #smart-search .period-box .skeywd-choice {display:block} } @media all and (max-width:399px) { #smart-search .search-box {padding:0 44px 0 87px} #smart-search .search-box .select {width:95px} #smart-search .smart-in .sch-result-wr .sch-pkg-wr .sch-result-box {padding:20px 10px 0} #smart-search .smart-in .sch-result-wr .sch-pkg-wr .sch-collection-box {padding:20px 10px} } /* global */ #global {position:relative;background-color:#ededed;height:40px;font-size:15px;z-index:700} #global .global-wrap {position:relative;max-width:1720px;margin:0 auto;box-sizing:border-box} #global .glnk-sec {float:left} #global .glnk-sec a {display:block;float:left;box-sizing:border-box;} #global .glnk-sec a > span {display:block;color:#fff;padding:13px 20px 12px;letter-spacing:-.04em;} #global .glnk-sec a:focus > span, #global .glnk-sec a:hover > span {text-decoration:underline} #global .glnk-sec a.link1 {background-color:#162b48;} #global .glnk-sec a.link2 {background-color:#00a3e8} #global .srvc-sec {display:block;float:right;position:relative;z-index:2200} #global .srvc-sec .srvcLink {position:relative;z-index:2} #global .srvc-sec .srvcLink > a {display:block;float:left;position:relative;color:#666;box-sizing:border-box} #global .srvc-sec .srvcLink > a > span, #global .srvcLink .toppop-ctrl .btn-wctrl span {display:block;position:relative;padding:13px 21px 12px 20px;box-sizing:border-box;letter-spacing:-.04em} #global .srvc-sec .srvcLink > a:focus > span, #global .srvc-sec .srvcLink > a:hover > span, #global .srvcLink .toppop-ctrl .btn-wctrl:hover span {text-decoration:underline} #global .srvc-sec .srvcLink > a:after {content:"";display:block;position:absolute;right:0;top:50%;background-color:#d1d1d1;width:1px;height:12px;margin:-6px 0 0} #global .srvc-sec .srvcLink > a.link3 span {letter-spacing:0} #global .srvcLink .toppop-ctrl {display:inline-block} #global .srvcLink .toppop-ctrl .btn-wctrl {background:none;border:0;color:#666;line-height:1;font-family:"Noto Sans KR",sans-serif;} #global .srvcLink .toppop-ctrl .btn-wctrl span {font-size:15px;padding-right:19px;} #global .srvcLink .toppop-ctrl .btn-wctrl span:after {content:"";position:absolute;right:0;top:50%;border-style:solid;border-color:transparent transparent #162b48 transparent;border-width:0 5px 6px 5px;width:0;height:0;margin:-3px auto 0} #global .srvc-sec .srvcLink .gsel-lang {display:block;float:left;box-sizing:border-box;position:relative;height:31px;display:none} #global .srvc-sec .srvcLink .gsel-lang dl {height:100%;overflow:hidden;transition:all .3s ease} #global .srvc-sec .srvcLink .gsel-lang dt a {position:relative;display:block;height:auto;font-size:13px;height:31px} #global .srvc-sec .srvcLink .gsel-lang dt a span {display:block;padding:8px 30px 8px 30px;line-height:1.2;box-sizing:border-box;position:relative;letter-spacing:0} #global .srvc-sec .srvcLink .gsel-lang dt a span:before, #global .srvc-sec .srvcLink .gsel-lang dt a span:after {content:"";display:block;position:absolute;background:url(/resources/_Templet/Layout/layout_kor/_Img/layout_spr.png) no-repeat;transition:all .3s ease} #global .srvc-sec .srvcLink .gsel-lang dt a span:before {width:14px;height:14px;background-position:-35px 0px;left:11px;top:8px} #global .srvc-sec .srvcLink .gsel-lang dt a span:after {width:9px;height:6px;background-position:-59px -0px;right:0;top:14px} #global .srvc-sec .srvcLink .gsel-lang dd {display:block;position:relative} #global .srvc-sec .srvcLink .gsel-lang dd:before {content:"";display:block;position:absolute;width:7px;height:0;background:url(/resources/_Templet/Layout/layout_kor/_Img/layout_spr.png) no-repeat -113px 0px;left:50%;bottom:100%;margin:0 0 0 -3px;transition:all .2s ease} #global .srvc-sec .srvcLink .gsel-lang dd ul {display:block;width:100%;background:#706160} #global .srvc-sec .srvcLink .gsel-lang dd li {display:block;box-sizing:border-box;border-bottom:1px solid rgba(255, 255, 255, .4)} #global .srvc-sec .srvcLink .gsel-lang dd li:last-child {border-bottom:0} #global .srvc-sec .srvcLink .gsel-lang dd a {display:block;padding:12px 0 13px;font-size:14px;text-align:center} #global .srvc-sec .srvcLink .gsel-lang dd a span {color:#b9a5a3;letter-spacing:0;transition:all .3s ease} #global .srvc-sec .srvcLink .gsel-lang dd a:hover span, #global .srvc-sec .srvcLink .gsel-lang dd a:focus span, #global .srvc-sec .srvcLink .gsel-lang dd a:active span {color:#fff} #global .srvc-sec .srvcLink .gsel-lang dl[isopen='1'] dt a span:after {transform:rotate(180deg)} #global .srvc-sec .srvcLink .gsel-lang dl[isopen='1'] dd:before {height:5px} #global .srvc-sec .srvcUtil {position:absolute;right:0;top:76px;margin:8px 0 0;z-index:1;transition:margin .3s ease} #global .srvc-sec .srvcUtil a {display:block;float:left;position:relative;width:40px;height:24px;margin-left:38px;font-size:0;box-sizing:border-box} #global .srvc-sec .srvcUtil .search {width:auto;padding-left:31px;color:#c21a20;font-size:15px;letter-spacing:-.05em;line-height:24px;} #global .srvc-sec .srvcUtil .search:before {content:"";display:block;position:absolute;top:0;bottom:0;left:0;background:url(/resources/_Templet/Layout/layout_kor/_Img/layout_spr.png) no-repeat -39px 0;width:24px;height:25px;margin:0 auto;z-index:2} #global .srvc-sec .srvcUtil .search > span {display:inline-block} #global .srvc-sec .srvcUtil .search:hover > span, #global .srvc-sec .srvcUtil .search:focus > span {text-decoration:underline} #global .srvc-sec .srvcUtil .amenu:before, #global .srvc-sec .srvcUtil .amenu:after, #global .srvc-sec .srvcUtil .amenu > span:before {content:"";display:block;background-color:#555;width:40px;height:2px;transition:all .3s ease;} #global .srvc-sec .srvcUtil .amenu:before {margin-bottom:9px} #global .srvc-sec .srvcUtil .amenu:after {margin-top:9px;} #global .srvc-sec .srvcUtil .userGuide {display:none;position:relative;background:#513d3b;} #global .srvc-sec .srvcUtil .userGuide:before {} #global .srvc-sec .srvcUtil .userGuide:after {background-position:-623px -125px} @media all and (max-width:1779px) { #global .global-wrap {padding:0 30px;} } @media all and (max-width:1660px) { #global .srvc-sec .srvcUtil {} #global .srvc-sec .srvcUtil .userGuide {display:none} } @media all and (max-width:1199px) { #global .srvc-sec .srvcUtil a {width:30px;margin-left:20px;} #global .srvc-sec .srvcUtil .amenu:before, #global .srvc-sec .srvcUtil .amenu:after, #global .srvc-sec .srvcUtil .amenu > span:before {width:30px;} } @media all and (max-width:1099px) { #global .srvc-sec .srvcUtil {top:66px;} } @media all and (max-width:999px) { #global .global-wrap {padding:0 50px} #global .srvc-sec .srvcUtil {display:none} } @media all and (max-width:899px) { #global .global-wrap {padding:0 20px;} } @media all and (max-width:768px) { #global {height:35px;} #global .glnk-sec a.link1 > span > span, #global .glnk-sec a.link2 {display:none} #global .glnk-sec a span {padding:10px 20px} #global .srvc-sec .srvcLink > a:after {height:9px;margin-top:-4px;} #global .srvc-sec .srvcLink > a > span {padding:11px 11px 11px 10px;font-size:13px;} #global .srvcLink .toppop-ctrl .btn-wctrl span {padding:11px 20px 11px 12px;font-size:13px;} } /* logo */ #header .logo {display:block;position:absolute;left:0;top:32px;z-index:501} #header .logo a, #header .logo a span {display:block} #header .logo a span em {display:inline-block;font-size:21px;font-style:normal;margin-left:7px;padding-bottom:5px;margin-bottom:3px;letter-spacing:-0.05em;vertical-align:bottom;display:none} @media all and (max-width:1779px) { #header .logo {left:30px} } @media all and (max-width:1399px) { #header .logo {width:241px;} #header .logo img {max-width:100%} } @media all and (max-width:1199px) { #header .logo {top:29px} #header .logo {width:211px;} } @media all and (max-width:1099px) { #header .logo {top:20px} } @media all and (max-width:999px) { #header .logo {left:50px;top:18px} } @media all and (max-width:899px) { #header .logo {left:20px} } /* header */ #header {display:block;position:relative;max-width:1720px;margin:0 auto;box-sizing:border-box} @media all and (max-width:1779px) { } @media all and (max-width:999px) { #header {height:70px;} } #menu-wrap .srch-btn {position:absolute;right:10px;top:25px;border:0;background:#fff;border-bottom:2px solid #57c928;z-index:1000} .isMain #menu-wrap .srch-btn {right:110px} #menu-wrap .srch-btn span {display:inline-block;font-size:14px;color:#53b02c;line-height:1;padding:10px 0 10px 22px;background:url(/resources/_Img/Templet/Layout/srch_ico.png) no-repeat 0 center} #menu-wrap .srch-btn.is-open span {background:url(/resources/_Img/Templet/Layout/srch_close.gif) no-repeat 0 center} #menu-wrap .mGnavi {display:none} /* 메뉴 */ #menu-wrap {display:inline-block;position:relative;background-color:#fff;width:100%;max-width:1720px;margin:0 auto;text-align:left;z-index:100} #menu-wrap:after {clear:both;display:block;content:""} #menu-wrap .menu-cont {width:76%;padding-left:24%} #mn-ctrs-btns {display:none} /* #mainNavi-wrap {height:800px !important;} #mainNavi .mn_li1:nth-child(4) .depth2-wrap {display:block !important} */ /* 주메뉴 */ @media all and (min-width:1000px) { #menu-wrap .mn-top, #menu-wrap .mem-btn, #menu-wrap .btn-close, #menu-wrap .tmn-box {display:none} #mainNavi-wrap {position:absolute;left:50%;top:0;background-color:#fff;margin:0 0 0 -1000px;width:2000px;height:110px;text-align:center;z-index:500;overflow:hidden;} #mainNavi-wrap.over #menu-wrap:after {content:"";display:block;position:absolute;width:2000px;height:1px;left:50%;bottom:-1px;background:#ddd;margin:0 0 0 -1000px} #mainNavi {height:110px;padding-left:262px;box-sizing:border-box} #mainNavi .depth1-ul {font-size:0;overflow:hidden;text-align:center} #mainNavi > ul > li:first-child {padding-left:8px} #mainNavi .mn_li1 {display:inline-block;text-align:center;margin:0 45px} #mainNavi .mn_li1:nth-child(1) { margin:0 45px 0 0;} #mainNavi .mn_a1 {position:relative;display:block;font-size:22px;font-weight:500;color:#000;padding:43px 0 45px;letter-spacing:-.05em;transition:padding .3s ease} #mainNavi .mn_a1:after {content:"";display:block;position:absolute;left:50%;bottom:14px;background:url(/resources/_Templet/Layout/layout_kor/_Img/layout_spr.png) no-repeat 0 0;width:29px;height:17px;margin-left:-20px;opacity:0;transition:all .3s ease} #mainNavi .mn_li1 .mn_a1:hover, #mainNavi .mn_li1 .mn_a1:hover span, #mainNavi .mn_li1.over .mn_a1 span {color:#c21a20;font-weight:700;} #mainNavi .mn_a1:hover:after, #mainNavi .mn_a1:focus:after, #mainNavi .mn_li1.over .mn_a1:after {opacity:1} #mainNavi .depth2-wrap {display:none;position:absolute;top:111px;left:0;z-index:1000;width:100%;padding-left:450px;text-align:left;font-weight:normal;box-sizing:border-box} #mainNavi .depth2-wrap .depth1-tit {position:absolute;top:0;left:0;width:450px;height:100%;padding-right:20px;box-sizing:border-box;} #mainNavi .depth2-wrap .depth1-tit:before, #mainNavi .depth2-wrap .depth1-tit:after {content:"";display:block;position:absolute} #mainNavi .depth2-wrap .depth1-tit:before {right:0;top:0;background:#fff url(/resources/_Templet/Layout/layout_kor/_Img/depth1_tit_bg.jpg) no-repeat right bottom; width:1000px;height:100%;} #mainNavi .depth2-wrap .depth1-tit:after {right:31px;bottom:33px;background:url(/resources/_Templet/Layout/layout_kor/_Img/depth1_tit_logo.png) no-repeat;width:118px;height:41px;} #mainNavi .depth2-wrap .depth1-tit strong {position:relative;display:block;margin-bottom:16px;padding-top:48px;color:#143158;font-size:30px;font-weight:700;letter-spacing:-.05em} #mainNavi .depth2-wrap .depth1-tit .stxt {position:relative;display:block;font-size:16px;line-height:1.375;color:rgba(22, 43, 72, .5);letter-spacing:-.05em;word-break:keep-all;} #mainNavi .depth2-wrap .depth1-tit .stxt span {display:block} #mainNavi .depth2-wrap .depth2-ul {display:block;position:relative;background-color:#fff;width:100%;padding:23px 0} #mainNavi .depth2-wrap .depth2-ul:before {content:"";display:block;position:absolute;left:100%;top:0;background-color:#ededed;width:2000px;height:100%;} #mainNavi .depth2-wrap .depth2-ul:after, #mainNavi .depth2-wrap .mn_li2:before {content:"";display:block;position:absolute;left:0;top:0;background-color:#0c3c7f;width:230px;height:100%;} #mainNavi .depth2-wrap .mn_li2 {position:relative;background-color:#fff;font-size:0;box-sizing:border-box;overflow:hidden;z-index:1;padding:0 0 0 230px;min-height:64px} #mainNavi .depth2-wrap .mn_a2 {display:block;position:absolute;width:230px;padding-left:40px;vertical-align:top;box-sizing:border-box;left:0;top:50%;transform:translateY(-50%)} #mainNavi .depth2-wrap .mn_a2:before {content:"";display:inline-block;width:0;height:100%;vertical-align:middle} #mainNavi .depth2-wrap .mn_a2 span {display:inline-block;position:relative;width:100%;padding:21px 40px 21px 8px;color:#fff;font-size:17px;font-weight:500;letter-spacing:-.04em;line-height:1.2;vertical-align:middle;box-sizing:border-box;transition:all .3s ease;word-break:keep-all} #mainNavi .depth2-wrap .mn_a2 span:before {content:"";display:block;position:absolute;left:0;bottom:0;background-color:#fff;width:0;height:3px;transition:all .3s ease} #mainNavi .depth2-wrap .mn_a2 span:after {content:"";display:block;position:absolute;right:20px;top:50%;background:url(/resources/_Templet/Layout/layout_kor/_Img/layout_spr.png) no-repeat -130px 0;width:9px;height:14px;margin-top:-7px;opacity:0;transition:all .3s ease} #mainNavi .depth2-wrap .over .mn_a2 span:before, #mainNavi .depth2-wrap .mn_a2:focus span:before, #mainNavi .depth2-wrap .mn_a2:hover span:before {width:100%} #mainNavi .depth2-wrap .over .mn_a2 span:after {opacity:1} #mainNavi .depth3-wrap {display:inline-block !important;background-color:#fff;width:100%;padding:0 100px 0 30px;vertical-align:top;box-sizing:border-box} #mainNavi .depth3-wrap .depth3-ul {border-bottom:1px solid rgba(0, 0, 0, .1);padding:15px 0;font-size:0;overflow:hidden;box-sizing:border-box} #mainNavi .mn_li2:last-child .depth3-wrap .depth3-ul {border-bottom:0} #mainNavi .depth3-wrap .mn_li3 {display:inline-block;margin:5px 16px 5px 0;} #mainNavi .depth3-wrap .mn_li3:last-child {margin-right:0;} #mainNavi .depth3-wrap .mn_a3 {position:relative;display:block;padding:2px 10px 2px 11px;box-sizing:border-box} #mainNavi .depth3-wrap .mn_a3:before {content:"";position:absolute;left:0;top:10px;background-color:rgba(22, 23, 72, .3);border-radius:50%;width:4px;height:4px;} #mainNavi .depth3-wrap .mn_a3 span {display:inline-block;position:relative;color:rgba(0, 0, 0, .7);font-size:16px;letter-spacing:-.04em;line-height:1.2;transition:all .3s ease} #mainNavi .depth3-wrap .over.mn_a3:before, #mainNavi .depth3-wrap .mn_a3.over:before, #mainNavi .depth3-wrap .mn_a3:hover:before, #mainNavi .depth3-wrap .mn_a3:focus:before {background-color:#a06936;} #mainNavi .depth3-wrap .over.mn_a3 span, #mainNavi .depth3-wrap .mn_a3.over span, #mainNavi .depth3-wrap .mn_a3:hover span, #mainNavi .depth3-wrap .mn_a3:focus span {color:#a06936;} #mainNavi .depth3-wrap .over.mn_a3 span, #mainNavi .depth3-wrap .mn_a3.over span {font-weight:500;} #mainNavi .mn_a1[target=_blank] span:after {display:none;content:"";width:13px;height:13px;vertical-align:middle;margin:-4px 0 0px 10px;background:url(/resources/homepage/kor/_Img/Layout/layout_spr.png) no-repeat -111px -30px} #mainNavi .mn_a1[target=_blank]:focus span:after, #mainNavi .mn_a1[target=_blank]:hover span:after {background-position:-134px -30px} #mainNavi .mn_a2[target=_blank] span:after {display:inline-block;content:"";width:12px;height:10px;vertical-align:middle;margin:0 0 4px 10px;background:url(/resources/homepage/kor/_Img/Layout/layout_spr.png) no-repeat -157px -30px} #mainNavi .mn_a2[target=_blank]:focus span:after, #mainNavi .mn_a2[target=_blank]:hover span:after {background-position:-179px -30px} #mainNavi .mn_a3[target=_blank] span:after {display:inline-block;content:"";width:12px;height:10px;vertical-align:middle;margin:0 0 4px 10px;background:url(/resources/homepage/kor/_Img/Layout/layout_spr.png) no-repeat -157px -30px} #mainNavi .mn_a3[target=_blank]:focus span:after, #mainNavi .mn_a3[target=_blank]:hover span:after {background-position:-179px -30px} #mainNavi .tgl-btn {display:none} #header-wrap .tmn-bg {position:absolute;left:0;top:128px;width:100%;height:0;background:#f3f4f7;border-bottom:1px solid #323b50;z-index:400} #menu-wrap .allmn-btn {position:absolute;left:0;top:20px;width:49px;height:48px;border:1px solid #ccc;background:#fff;display:none} #menu-wrap .allmn-btn:before, #menu-wrap .allmn-btn:after, #menu-wrap .allmn-btn .txt:before {content:"";display:block;width:21px;height:2px;background:#5a5a5a;margin-left:14px;transition:all .3s ease} #menu-wrap .allmn-btn:before {margin-bottom:5px;margin-top:16px} #menu-wrap .allmn-btn:after {margin-top:5px} #menu-wrap .allmn-btn:hover:before, #menu-wrap .allmn-btn:hover:after {width:14px;background:#0d5db2} #menu-wrap .allmn-btn:hover .txt:before {width:18px;margin-left:20px;background:#0d5db2} #mainNavi-wrap .toppop-ctrl {position:absolute;right:0;top:0;z-index:100} #mainNavi-wrap .toppop-ctrl button {float:left;border:0;width:90px;height:90px} #mainNavi-wrap .toppop-ctrl button.btn-search {background:#0d4b91 url(/resources/homepage/kor/_Img/Layout/layout_spr.png) no-repeat -90px -240px} #mainNavi-wrap .toppop-ctrl button.btn-wctrl {background-color:#346dad} .isSub #mainNavi-wrap .toppop-ctrl button.btn-wctrl {/*display:none;*/} #mainNavi-wrap .toppop-ctrl button.btn-wctrl span {display:block;color:#fff;font-size:16px;text-align:center} #mainNavi-wrap .toppop-ctrl button.btn-wctrl span:before {content:'';display:block;width:30px;height:35px;margin:0 auto 10px auto;background:url(/resources/homepage/kor/_Img/Layout/layout_spr.png) no-repeat -53px -200px} #mainNavi-wrap .toppop-ctrl button.btn-wctrl .num {position:absolute;left:0;top:0;width:24px;height:24px;text-align:center;font-style:normal;font-weight:600;color:#fff;background:#233f58} #mn-bg {position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.65;z-index:99} } @media all and (max-width:1779px) and (min-width:1000px) { #mainNavi .depth2-wrap {padding-left:25%;} #mainNavi .depth2-wrap .depth1-tit {width:25%;padding-left:30px;box-sizing:border-box} } @media all and (max-width:1719px) { #mainNavi-wrap {width:100%;left:50%;margin-left:-50%;} } @media all and (max-width:1599px) and (min-width:1000px) { #mainNavi {padding-left:190px;} #mainNavi .mn_li1 {margin:0 30px} } @media all and (max-width:1399px) and (min-width:1000px) { #mainNavi {padding-left:155px;} #mainNavi .mn_li1 {margin:0 20px} } @media all and (max-width:1199px) and (min-width:1000px) { #mainNavi {padding-left:100px;} #mainNavi .mn_a1 {font-size:20px;} #mainNavi .depth2-wrap {padding-left:25%;} #mainNavi .depth2-wrap .depth1-tit {width:25%} #mainNavi .depth2-wrap .depth1-tit strong {font-size:28px;} #mainNavi .depth2-wrap .mn_a2 {padding-left:20px;width:180px;} #mainNavi .depth2-wrap .depth2-ul {padding:18px 0} #mainNavi .depth2-wrap .depth2-ul:after, #mainNavi .depth2-wrap .mn_li2:before {width:180px;} #mainNavi .depth2-wrap .mn_li2 {padding-left:180px;} #mainNavi .depth2-wrap .mn_a2 span {padding:16px 30px 16px 8px;} #mainNavi .depth2-wrap .mn_a2 span:after {right:15px;} #mainNavi .depth3-wrap {padding-right:30px;} #mainNavi .depth3-wrap .depth3-ul {padding:10px 0} } @media all and (max-width:1099px) and (min-width:1000px) { #mainNavi {height:88px;} #mainNavi {padding-left:135px;} #mainNavi .mn_li1 {margin:0 15px} #mainNavi .mn_a1 {padding:34px 0 36px;font-size:18px;} #mainNavi .depth2-wrap {top:89px} #mainNavi .depth2-wrap .depth1-tit .stxt br {display:none} } @media only screen and (max-width:999px){ /* 메뉴 */ #mainNavi-wrap {overflow:inherit;position:absolute;top:0;right:0;left:auto;max-width:400px;margin-left:0;} #menu-wrap {position:absolute;right:-100%;top:-40px;left:auto;background-color:#fff;width:100%;height:9000px;z-index:8000;overflow-y:scroll;overflow-x:hidden;padding:0;margin:0;transition:right 0.3s ease;} #menu-wrap:before {content:"";display:block;position:absolute;top:0;left:0;background-color:#173353;width:150px;height:100%;} #menu-wrap .mGnavi {display:block;position:relative;background-color:#0042c7;height:95px;padding:29px 20px 0;font-size:0;box-sizing:border-box;} #menu-wrap .mGnavi .tit {color:#fff;font-size:20px;letter-spacing:-.025em;} #menu-wrap .mGnavi a {position:relative;display:inline-block;padding:17px 10px 10px;vertical-align:top;box-sizing:border-box} #menu-wrap .mGnavi a.m-home {padding-left:0;} #menu-wrap .mGnavi a span {position:relative;display:block;color:rgba(255, 255, 255, .65);font-size:13px;box-sizing:border-box;} #menu-wrap .mGnavi a.lang span:before {content:"";display:block;position:absolute;right:-17px;top:6px;background:url(/resources/_Templet/Layout/layout_kor/_Img/layout_spr.png) no-repeat -149px -20px;width:9px;height:5px;} #menu-wrap.mn-h-open {right:0;overflow:visible} #menu-wrap.mn-h-open .mn-top {position:relative;display:block;width:100%;color:#fff;z-index:8001;overflow:visible} #menu-wrap.mn-h-open .mn-top .mn-tit {font-size:18px;color:#fff;letter-spacing:-0.02em;font-weight:normal;line-height:1;text-align:center;background:#2b405b url(/resources/_Img/Templet/Layout/tmn_list.png) no-repeat 90% center;background-size:auto 20px;height:70px;line-height:70px} #menu-wrap.mn-h-open .btn-close {display:block;position:absolute;top:14px;right:7px;background:transparent;border:0;width:50px;height:50px;} #menu-wrap.mn-h-open .btn-close:before {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:url(/resources/_Templet/Layout/layout_kor/_Img/layout_spr.png) no-repeat -171px 0;width:25px;height:16px;margin:auto} #menu-wrap .tmn-box {background:#fff;padding:14px 0 13px 0;border-bottom:1px solid #b9b9b9;position:relative} #menu-wrap .tmn-box .btn-close {width:52px;height:28px;background:none;border:0;position:absolute;top:16px;right:0;display:block;border-left:1px solid #ccc} #menu-wrap .tmn-box .btn-close:before, #menu-wrap .tmn-box .btn-close:after {display:block;content:"";width:2px;height:24px;background:#5e5e5e;position:absolute;top:50%;left:50%;margin-top:-12px;margin-left:-1px} #menu-wrap .tmn-box .btn-close:before {transform:rotate(45deg);-ms-transform:rotate(45deg)} #menu-wrap .tmn-box .btn-close:after {transform:rotate(-45deg);-ms-transform:rotate(-45deg)} #menu-wrap .tmn-box .tmn-title {font-size:18px;font-weight:300;color:#fff;text-align:center} #menu-wrap .tmn-box .tmn-title img {height:32px} #menu-wrap .tmn-box .tmn-global {margin-top:10px} #menu-wrap .tmn-box .tmn-global li {display:inline-block;line-height:1} #menu-wrap .tmn-box .tmn-global li a {color:#fff;font-size:14px;padding:0 14px 0 14px} #menu-wrap .tmn-box .tmn-global li:first-child a {padding-left:0;position:relative} #menu-wrap .tmn-box .tmn-global li:first-child a:after{display:block;content:"";width:1px;height:14px;background:rgba(255,255,255,0.3);position:absolute;top:50%;right:0;margin-top:-7px} #menu-wrap .allmn-btn {display:none} #menu-wrap.mn-h-open #mainNavi {left:auto;right:0;top:0;width:100%} #mainNavi .depth1-tit, #mainNavi .mn_li1.over:before {display:none} #mainNavi .depth1-wrap {position:relative} #mainNavi li.mn_li1 {height:auto} #mainNavi .mn_li1 .mn_a1 {display:block;position:relative;border-bottom:1px solid rgba(255, 255, 255, .2);width:150px;height:auto;padding:25px 20px 27px;letter-spacing:-.05em;box-sizing:border-box;z-index:300;} #mainNavi .mn_li1 .mn_a1 span {display:block;color:#fff;font-size:17px;letter-spacing:-.05em;} #mainNavi .mn_li1.is-open {} #mainNavi .mn_li1.is-open .mn_a1 {} #mainNavi .mn_li1.is-open .mn_a1 span {font-weight:500} #mainNavi .mn_li1.is-close .tgl-btn {display:none;position:absolute;top:18px;right:15px;background:none;border:0;width:25px;height:25px;box-sizing:border-box;z-index:500;} #mainNavi .mn_li1.is-close .tgl-btn:before, #mainNavi .mn_li1.is-close .tgl-btn:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:#bfbfbf;width:2px;height:14px;margin:auto} #mainNavi .mn_li1.is-close .tgl-btn:before {transform:rotate(90deg);-ms-transform:rotate(90deg)} #mainNavi .depth2-wrap .mn_li2.has-sub .tgl-btn {display:block} #mainNavi .depth2-wrap .mn_li2.is-open .tgl-btn {} #mainNavi .depth2-wrap .mn_li2.is-open .tgl-btn:before, #mainNavi .depth2-wrap .mn_li2.is-open .tgl-btn:after {background-color:#0854ac} #mainNavi .depth2-wrap .mn_li2.is-open .tgl-btn:after {width:0} #mainNavi .depth2-wrap {display:none;position:absolute;top:0;left:0;width:100%;height:auto;padding-left:150px;transition:display .3s ease;box-sizing:border-box} #mainNavi .is-open .depth2-wrap {display:block} #mainNavi .depth2-ul {position:relative;box-sizing:border-box;z-index:100;} #mainNavi .mn_li1:first-child .depth2-ul {border-top:0} #mainNavi .mn_li2 {position:relative;border-bottom:1px solid #e2e2e2;padding:0;} #mainNavi .depth2-wrap .mn_a2 {position:relative;display:block;padding:22px 45px 22px 30px;color:#333;font-size:16px;letter-spacing:-.05em;} #mainNavi .depth2-wrap .mn_a2[target='_blank']:before, #mainNavi .depth2-wrap .mn_a2[target='_blank']:after {content:"";display:block;position:absolute} #mainNavi .depth2-wrap .mn_a2[target='_blank']:before {width:25px;height:25px;box-sizing:border-box;border:1px solid #a0a0a0;right:20px;top:13px} #mainNavi .depth2-wrap .mn_a2[target='_blank']:after {width:12px;height:10px;background:url(/resources/homepage/kor/_Img/Layout/layout_spr.png) no-repeat -157px -30px;right:26px;top:20px} #mainNavi .depth2-wrap .mn_a2 span {display:block;line-height:1} #mainNavi .depth2-wrap .mn_a2.over, #mainNavi .depth2-wrap .is-open .mn_a2, #mainNavi .depth2-wrap .mn_a2:hover {color:#0854ac;} #mainNavi .depth2-wrap .mn_li2.is-close .depth3-wrap {display:none} #mainNavi .depth2-wrap .mn_li2.is-open .depth3-wrap {display:block} #mainNavi .depth2-wrap .depth3-wrap {display:block;background:#dfdfdf;padding:11px 10px 10px} #mainNavi .depth2-wrap .depth3-wrap ul {background-color:#fff;padding:15px 0} #mainNavi .depth2-wrap .depth3-wrap li {padding:3px 20px} #mainNavi .depth2-wrap .depth3-wrap li a {position:relative;display:block;padding:3px 0 3px 15px} #mainNavi .depth2-wrap .depth3-wrap li a:before {content:"";display:block;position:absolute;top:11px;left:0;background-color:#d1d1d1;border:2px solid #fff;border-radius:50%;width:4px;height:4px;} #mainNavi .depth2-wrap .depth3-wrap .mn_li3.over a:before {background-color:#fff;border-color:#0854ac} #mainNavi .depth2-wrap .depth3-wrap li a span {position:relative;display:inline-block;padding:5px 0;color:#555;font-size:15px;letter-spacing:-.05em;} #mainNavi .depth2-wrap .depth3-wrap li a span:before {content:"";display:block;position:absolute;left:0;bottom:0;background-color:#0854ac;width:0;height:1px;transition:all .3s ease} #mainNavi .depth2-wrap .depth3-wrap .mn_li3.over a span:before, #mainNavi .depth2-wrap .depth3-wrap .mn_li3 a:hover span:before, #mainNavi .depth2-wrap .depth3-wrap .mn_li3 a:focus span:before {width:100%;} #mainNavi .depth2-wrap .depth3-wrap li a[target='_blank'] span:after {display:inline-block;content:"";width:12px;height:10px;vertical-align:middle;margin:-2px 0 0px 10px;background:url(/resources/homepage/kor/_Img/Layout/layout_spr.png) no-repeat -157px -30px} .body-slide-wr {position:relative;width:100%;height:100%;transition:margin 0.3s ease} .body-slider-ovclick {display:none;position:fixed;z-index:10;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.6);cursor:pointer;z-index:3001} #mn-ctrs-btns {display:block;position:absolute;right:50px;top:27px;z-index:1000} #mn-ctrs-btns .search {display:inline-block;width:24px;margin-right:10px;color:#c21a20;font-size:15px;letter-spacing:-.05em;line-height:24px;font-size:0;vertical-align:top} #mn-ctrs-btns .search:before {content:"";display:block;position:absolute;top:0;bottom:0;left:0;background:url(/resources/_Templet/Layout/layout_kor/_Img/layout_spr.png) no-repeat -39px 0;width:24px;height:25px;margin:auto;z-index:2} #mn-ctrs-btns .mn-ctrs-btn {display:inline-block;position:relative;background:none;border:0;width:25px;height:18px;font-size:0;box-sizing:border-box} #mn-ctrs-btns .mn-ctrs-btn:before, #mn-ctrs-btns .mn-ctrs-btn:after, #mn-ctrs-btns .mn-ctrs-btn > span:before {content:"";display:block;background-color:#555;width:25px;height:2px;transition:all .3s ease;} #mn-ctrs-btns .mn-ctrs-btn:before {margin-bottom:6px} #mn-ctrs-btns .mn-ctrs-btn:after {margin-top:6px;} #mainNavi-wrap .toppop-ctrl {position:absolute;right:85px;top:57px;z-index:1000} #mainNavi-wrap .toppop-ctrl button {float:left;position:relative;border:0;width:26px;height:26px;margin-left:20px;background-color:transparent} #mainNavi-wrap .toppop-ctrl button.btn-search {background:url(/resources/homepage/kor/_Img/Layout/layout_spr.png) no-repeat -26px -210px} #mainNavi-wrap .toppop-ctrl button.btn-wctrl span {display:inline-block;color:#fff;font-size:0;text-align:center} #mainNavi-wrap .toppop-ctrl button.btn-wctrl span:before {content:'';display:inline-block;width:26px;height:26px;background:url(/resources/homepage/kor/_Img/Layout/layout_spr.png) no-repeat 0 -210px} #mainNavi-wrap .toppop-ctrl button.btn-wctrl .num {position:absolute;right:-3px;bottom:-3px;width:15px;height:15px;text-align:center;font-style:normal;font-size:10px;font-weight:500;color:#fff;background:#233f58} } @media all and (max-width:899px) { #mn-ctrs-btns {right:20px;} } @media only screen and (max-width:640px){ #mainNavi-wrap .toppop-ctrl {right:70px} #mainNavi .depth2-wrap .depth3-wrap li a span:before{transition:none;} } @media all and (max-width:499px) { #mn-ctrs-btns {right:15px;} } @media all and (max-width:399px) { #mn-ctrs-btns {top:20px;right:0} #mn-ctrs-btns .search {line-height:45px} #mn-ctrs-btns .mn-ctrs-btn {width:45px;height:45px} #menu-wrap:before {width:110px} #mainNavi .mn_li1 .mn_a1 {width:110px;padding:25px 10px 27px} #mainNavi .depth2-wrap {padding-left:110px} #mainNavi .depth2-wrap .mn_a2 {padding-left:15px;} } #side-wrap {position:relative;max-width:1400px;margin:-65px auto 0;z-index:1} #side-wrap:before {content:"";display:block;position:absolute;top:0;left:0;background-color:rgba(0, 0, 0, .3);width:100%;height:65px;} #leftmenu {position:relative;} #leftmenu button {display:none} #leftmenu ul {font-size:0;text-align:center;} #leftmenu ul li {display:inline-block;vertical-align:top;} #leftmenu .lm_l1 > .lm_a1 {display:none} #leftmenu .lm_l2 {width:155px;padding:0 8px;box-sizing:border-box} #leftmenu .lm_l2 .lm_a2 {position:relative;display:block;color:#fff;height:65px;} #leftmenu .lm_l2 .lm_a2:before {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;} #leftmenu .lm_l2 .lm_a2 span {display:inline-block;vertical-align:middle;font-size:18px;line-height:1.2;letter-spacing:-.05em;word-break:keep-all} #leftmenu .lm_l2.is-open .lm_a2 {background-color:#0048db;font-weight:500;} #leftmenu .lm_l2.is-open .lm_a2:after {content:"";display:block;position:absolute;left:0;right:0;top:100%;border-style:solid;border-color:#0048db transparent transparent transparent;border-width:10px 10px 0 10px;width:0;height:0;margin:0 auto;z-index:1} #leftmenu .lm_l2 .lm_a2:hover span, #leftmenu .lm_l2 .lm_a2:focus span {text-decoration:underline} #leftmenu .depth3 {display:none;position:absolute;top:65px;left:0;background-color:#fff;border-left:2px solid #dcdcdc;border-right:2px solid #dcdcdc;width:100%;} #leftmenu .depth3:before {content:"";display:block;position:absolute;left:0;bottom:0;background-color:#dcdcdc;width:100%;height:2px;} #leftmenu .lm_a3 {position:relative;display:block;padding:26px 14px;color:#444;font-size:16px;line-height:1.2;letter-spacing:-.04em;transition:all .3s ease} #leftmenu .lm_a3:before {content:"";display:block;position:absolute;left:0;top:50%;background-color:rgba(0, 0, 0,.1);width:1px;height:15px;margin-top:-7px} #leftmenu .lm_a3:after {content:"";display:block;position:absolute;left:0;bottom:0;background-color:#004ce6;width:100%;height:0;} #leftmenu .lm_l3:first-child .lm_a3:before {display:none} #leftmenu .lm_a3:hover, #leftmenu .lm_a3:focus {color:#004ce6;text-decoration:underline} #leftmenu .lm_l3.over .lm_a3 {color:#004ce6;font-weight:500;} #leftmenu .lm_l3.over .lm_a3:after {height:4px;} @media all and (max-width:1399px) { #leftmenu .lm_l2 {width:145px;} } @media all and (max-width:1199px) { #leftmenu .lm_l2 {width:auto;} #leftmenu .lm_l2 .lm_a2 {padding:0 15px} } @media all and (max-width:999px){ #side-wrap {margin-top:-52px;padding:0 20px;z-index:2;} #side-wrap:before {display:none} .submenu .lm-tit {display:none} #leftmenu {height:52px} #leftmenu .lm_l1 {position:relative;display:block;background-color:rgba(0, 76, 230, .95)} #leftmenu .lm_l1 > .lm_a1 {display:block;position:relative;padding:0 30px;height:52px;font-size:0;z-index:1001} #leftmenu .lm_a1:before {content:"";display:inline-block;width:0;height:100%;vertical-align:middle} #leftmenu .lm_a1:after{content:"";display:block;position:absolute;left:0;right:0;top:100%;border-style:solid;border-color:#0048db transparent transparent transparent;border-width:10px 10px 0 10px;width:0;height:0;margin:0 auto;z-index:1} #leftmenu .lm_a1 span {display:inline-block;vertical-align:middle;position:relative;font-size:17px;color:#fff;line-height:1.3} #leftmenu .depth2 {display:none;position:absolute;top:100%;left:0;background-color:#fff;border:2px solid #dcdcdc;border-top:0;width:100%;padding:0 18px 5px;box-sizing:border-box;z-index:1000} #leftmenu .depth2 .lm_l2 {position:relative;display:block;border-bottom:1px solid #dcdcdc;width:auto;padding:0;box-sizing:border-box} #leftmenu .depth2 .lm_l2:last-child {border-bottom:0} #leftmenu .depth2 .lm_a2 {display:block;padding:0;height:50px;font-size:0;text-align:left;} #leftmenu .depth2 .lm_a2:before {content:"";display:inline-block;width:0;height:100%;vertical-align:middle} #leftmenu .depth2 .lm_a2 span {display:inline-block;position:relative;color:#333;font-size:16px;font-weight:500;letter-spacing:-.05em;vertical-align:middle;} #leftmenu .lm_l2.is-open .lm_a2 {background:none} #leftmenu .depth2 .is-open .lm_a2 span {color:#004ce6} #leftmenu .depth2 .is-open .lm_a2:after {display:none} #leftmenu .lm_l1 > .tgl-btn {position:absolute;top:50%;right:20px;width:43px;height:43px;background:none;z-index:500;transform:translateY(-50%);border:0} #leftmenu .lm_l1 > .tgl-btn:after {content:"";display:block;position:absolute;width:25px;height:13px;background:url(/resources/homepage/kor/_Img/Layout/layoutM_spr.png) no-repeat -111px 0px;top:0;right:0;bottom:0;left:0;margin:auto;transition:all .3s ease} #leftmenu .lm_l1.is-open > .tgl-btn:after {transform:rotate(180deg)} #leftmenu .lm_l2 > .tgl-btn {display:block;position:absolute;top:14px;right:0;background:none;border:0;width:25px;height:25px;z-index:500} #leftmenu .lm_l2.is-close > .tgl-btn:before, #leftmenu .lm_l2.is-close > .tgl-btn:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:2px;height:14px;background-color:#bfbfbf;margin:auto;transition:all .3s ease} #leftmenu .lm_l2.is-close > .tgl-btn:before {transform:rotate(90deg)} #leftmenu .lm_l2.is-open > .tgl-btn:after {transform:rotate(90deg)} #leftmenu .lm_l2.is-open > .tgl-btn:before, #leftmenu .lm_l2.is-open > .tgl-btn:after {background:#0854ac} #leftmenu .depth3 {display:none;position:static;top:auto;left:auto;background-color:#ededed;border:0;width:auto;padding:7px 15px;font-size:0;text-align:left;overflow:hidden;box-sizing:border-box} #leftmenu .depth3:before {display:none} #leftmenu .depth3 .lm_l3 {display:inline-block;width:50%;position:relative;vertical-align:top;min-height:35px;padding-right:20px;box-sizing:border-box} #leftmenu .depth3 .lm_l3 > .tgl-btn {display:none} #leftmenu .depth3 .lm_a3 {display:block;padding:8px 0;font-size:15px;} #leftmenu .depth3 .lm_a3:before {content:"";display:inline-block;width:0;height:100%;vertical-align:middle} #leftmenu .depth3 .lm_a3 span {display:inline-block;position:relative;padding-left:16px;color:#444;vertical-align:middle;box-sizing:border-box} #leftmenu .depth3 .lm_a3 span:before {content:"";display:block;position:absolute;left:0;top:5px;background-color:#d1d1d1;border:2px solid #ededed;border-radius:50%;width:4px;height:4px;} #leftmenu .depth3 .lm_a3[target='_blank']:after {content:"";display:block;position:absolute;width:12px;height:10px;background:url(/resources/homepage/kor/_Img/Layout/layout_spr.png) no-repeat -157px -30px;right:0;top:14px;} #leftmenu .depth3 .lm_l3.over .lm_a3 {} #leftmenu .lm_l3.over .lm_a3:after {height:1px;} #leftmenu .depth3 .lm_l3.over .lm_a3 span {color:#004ce6} #leftmenu .depth3 .lm_l3.over .lm_a3 span:before {background-color:#ededed;border-color:#004ce6} #leftmenu .depth4 {display:none} #leftmenu .lm_l1.is-open .lm_a1 span:after {transform:rotate(180deg);-ms-transform:rotate(180deg)} } @media all and (max-width:399px) { #leftmenu .depth3 {padding:7px 5px;} #leftmenu .depth3 .lm_l3 {height:auto;padding-right:5px;} #leftmenu .depth3 .lm_a3 {font-size:14px;} } /* footer */ #footer-wrap {position:relative;background-color:#29323e;padding:55px 0;z-index:3000} #footer-wrap .footer-wr {max-width:1400px;margin:0 auto} #footer-wrap .service-wrap {float:right;width:50%;box-sizing:border-box} #footer-wrap .service-wrap .topBt {position:fixed;bottom:-65px;right:15px;width:65px;height:65px;text-align:center;background:rgba(0, 0, 0, .3);border-radius:50%;z-index:3500;transition:all .3s ease} #footer-wrap .service-wrap .topBt span {display:inline-block;color:#fff;font-size:12px;padding:40px 0 0;position:relative} #footer-wrap .service-wrap .topBt span:before {display:block;content:"";width:14px;height:14px;border:2px solid transparent;border-top:2px solid #fff;border-left:2px solid #fff;position:absolute;top:22px;left:50%;margin-left:-8px;transform:rotate(45deg);-ms-transform:rotate(45deg)} #footer-wrap .service-wrap .topBt.over {bottom:45px} #footer-wrap .service-wrap .service-cont {border-bottom:1px solid rgba(255, 255, 255, .1);margin-bottom:32px;padding-bottom:28px;} #footer-wrap .service-wrap .service-list {display:block !important;font-size:0;overflow:hidden;} #footer-wrap .service-wrap .service-list .item {display:inline-block;width:33.33%;padding:9px 0;font-size:17px;box-sizing:border-box} #footer-wrap .service-wrap .service-list .item a {display:block;padding-right:15px} #footer-wrap .service-wrap .service-list .item:nth-child(1) a span {color:#ff5e10;} #footer-wrap .service-wrap .service-list .item a span {position:relative;color:rgba(208, 212, 211, .6);font-weight:300;letter-spacing:0;} #footer-wrap .service-wrap .service-list .item a span:after {content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1px;opacity:0;background:#fff;transition:all 0.3s ease} #footer-wrap .service-wrap .service-list .item a:focus span, #footer-wrap .service-wrap .service-list .item a:hover span {opacity:1;} #footer-wrap .service-wrap .service-list .item a:hover span:after, #footer-wrap .service-wrap .service-list .item a:focus span:after {opacity:1} #footer-wrap .family-site-wr {} #footer-wrap .family-site-wr .family-site {position:relative;float:left;width:214px;margin-right:80px;z-index:100;} #footer-wrap .family-site-wr .family-site:last-child {margin-right:0;} #footer-wrap .family-site-wr .family-site dl {} #footer-wrap .family-site-wr .family-site dt button {position:relative;display:block;background:none;border:0;width:100%;padding:0 0 0 52px;height:50px;color:#fff;font-size:17px;font-weight:500;letter-spacing:-.05em;text-align:left;transition:all .3s ease} #footer-wrap .family-site-wr .family-site dt button:before, #footer-wrap .family-site-wr .family-site dt button:after {content:"";display:block;position:absolute;background:url(/resources/_Templet/Layout/layout_kor/_Img/layout_spr.png) no-repeat;} #footer-wrap .family-site-wr .family-site dt button:before {left:0;top:50%;background-position: -181px -35px;width:35px;height:20px;margin-top:-7px;} #footer-wrap .family-site-wr .family-site dt button:after {right:0;top:50%;background-position: -180px -65px;width:21px;height:21px;margin-top:-7px;} #footer-wrap .family-site-wr .family-site dt button.is-open:after {transform:rotate(180deg);-ms-transform:rotate(180deg)} #footer-wrap .family-site-wr .family-site .isSelSub {display:none;position:absolute;bottom:100%;left:0;background:#4d5057;width:100%} #footer-wrap .family-site-wr .family-site .isSelSub ul {padding:10px 10px 10px 15px;height:150px;overflow-y:scroll;text-align:left} #footer-wrap .family-site-wr .family-site .isSelSub li .site-h1 {display:block;padding-top:7px;color:#fff;font-weight:500;font-size:15px;} #footer-wrap .family-site-wr .family-site .isSelSub li a {display:inline-block;color:#fff;padding:5px 0;font-size:13px;} #footer-wrap .family-site-wr .family-site .isSelSub li a:focus, #footer-wrap .family-site-wr .family-site .isSelSub li a:hover {text-decoration:underline} #footer-wrap .family-site-wr .family-site .isSelSub #fquick1_list ul {height:auto;padding:5px 0 5px 7px;overflow-y:hidden} #footer-wrap .family-site-wr .family-site .isSelSub .btn-fclose {display:block;position:absolute;top:0;right:100%;border:0;cursor:pointer;background:#4d5057;width:28px;height:28px} #footer-wrap .family-site-wr .family-site .isSelSub .btn-fclose:before, #footer-wrap .family-site-wr .family-site .isSelSub .btn-fclose:after {content:"";display:block;position:absolute;width:50%;height:2px;background:#fff;top:0;right:0;bottom:0;left:0;margin:auto;} #footer-wrap .family-site-wr .family-site .isSelSub .btn-fclose:before {transform:rotate(45deg)} #footer-wrap .family-site-wr .family-site .isSelSub .btn-fclose:after {transform:rotate(-45deg)} #footer-wrap .info-wrap {float:left;width:50%;box-sizing:border-box} #footer-wrap .info-wrap .footer {color:#fff;font-size:16px;line-height:1.375;font-weight:300;letter-spacing:0;} #footer-wrap .info-wrap .footer .flogo {margin-bottom:25px;} #footer-wrap .info-wrap .footer .flogo a {display:inline-block} #footer-wrap .info-wrap .footer .flogo a .m {display:none} #footer-wrap .info-wrap .footer address {display:block;margin-bottom:9px;font-weight:100;} #footer-wrap .info-wrap .cs-info {margin-bottom:15px;} #footer-wrap .info-wrap .cs-info li {display:inline-block;margin-right:10px} #footer-wrap .info-wrap .cs-info li.e-mail {display:none} #footer-wrap .info-wrap .footer .copyright {margin-bottom:27px;color:rgba(255, 255, 255, .3);font-size:15px;font-weight:100} #footer-wrap .f-sns-wr {float:left;} #footer-wrap .f-sns-wr .sns-list {display:inline-block;font-size:0;overflow:hidden} #footer-wrap .f-sns-wr .sns-list li {display:inline-block;margin-right:10px;} #footer-wrap .f-sns-wr .sns-list li:last-child {margin-right:0;} #footer-wrap .f-sns-wr .sns-list li a {display:block;background:url(/resources/_Templet/Layout/layout_kor/_Img/layout_spr.png) no-repeat;border-radius:50%;width:50px;height:50px;overflow:hidden;} #footer-wrap .f-sns-wr .sns-list li a.youtube {background-position:0 -35px;} #footer-wrap .f-sns-wr .sns-list li a.insta {background-position:-60px -35px;} #footer-wrap .f-sns-wr .sns-list li a.facebook {background-position:-120px -35px;} #footer-wrap .info-wrap .flic-wrap {display:inline-block;width:212px;margin-left:35px} #footer-wrap .flic-wrap li a {display:block} #footer-wrap .fsite {padding:0 30px;box-sizing:border-box} #footer-wrap .fsite .owl-nav {display:block} #footer-wrap .fsite .owl-nav button {position:absolute;top:50%;margin-top:0;font-size:0;} #footer-wrap .fsite .owl-nav .owl-prev {left:5px;} #footer-wrap .fsite .owl-nav .owl-next {right:5px;} #footer-wrap .fsite .owl-nav .owl-prev:after, #footer-wrap .fsite .owl-nav .owl-prev:before, #footer-wrap .fsite .owl-nav .owl-next:after, #footer-wrap .fsite .owl-nav .owl-next:before {content:"";position:absolute;top:50%;width:2px;height:14px;margin-top:-1px;background-color:rgba(255, 255, 255, .2);transition:all .3s ease} #footer-wrap .fsite .owl-nav .owl-prev:before {transform:rotate(45deg);margin-top:-10px;} #footer-wrap .fsite .owl-nav .owl-prev:after {transform:rotate(-45deg);} #footer-wrap .fsite .owl-nav .owl-next:before {transform:rotate(135deg);margin-top:-10px;} #footer-wrap .fsite .owl-nav .owl-next:after {transform:rotate(-135deg);} @media all and (max-width:1399px) { #footer-wrap {padding:50px} #footer-wrap .family-site-wr .family-site {margin-right:12px;} } @media all and (max-width:1199px) { #footer-wrap .service-wrap .service-list .item {font-size:16px;} } @media all and (max-width:999px) { #footer-wrap {padding:132px 50px 110px} #footer-wrap .info-wrap, #footer-wrap .service-wrap {float:none;width:auto;text-align:center;} #footer-wrap .info-wrap .footer {font-size:15px;} #footer-wrap .info-wrap .footer .flogo {border-bottom:1px solid rgba(220, 220, 220, .15);margin-bottom:21px;padding-bottom:15px;} #footer-wrap .info-wrap .footer .flogo a .pc {display:none} #footer-wrap .info-wrap .footer .flogo a .m {display:block} #footer-wrap .info-wrap .footer address {margin-bottom:4px;} #footer-wrap .info-wrap .cs-info {margin-bottom:10px} #footer-wrap .info-wrap .footer .copyright {margin-bottom:15px;} #footer-wrap .service-wrap .service-cont {position:absolute;left:0;top:0;background-color:#e1e1e1;border-bottom:0;width:100%;margin-bottom:0;padding:16px 50px;box-sizing:border-box} #footer-wrap .service-wrap .service-list {padding:0 20px;box-sizing:border-box} #footer-wrap .service-wrap .service-list .item {display:block;width:auto;font-size:16px;} #footer-wrap .service-wrap .service-list .item a {background-color:#fff;padding:17px 0;text-align:center;} #footer-wrap .service-wrap .service-list .item a span {color:#555;letter-spacing:-.08em;} #footer-wrap .service-wrap .service-list .item a.privacy span {color:#c21a20;font-weight:500;} #footer-wrap .service-wrap .service-list .item a span:after {display:none} #footer-wrap .service-wrap .service-list .owl-nav button {position:absolute;top:50%;margin-top:-10px} #footer-wrap .service-wrap .service-list .owl-nav button:before {content:"";display:block;background:url(/resources/homepage/kor/_Img/Layout/footer_spr_m.png) no-repeat;width:11px;height:20px;} #footer-wrap .service-wrap .service-list .owl-nav .owl-prev {left:0;} #footer-wrap .service-wrap .service-list .owl-nav .owl-next {right:0;} #footer-wrap .service-wrap .service-list .owl-nav .owl-next:before {background-position:-21px 0;} #footer-wrap .f-sns-wr {float:none;position:absolute;left:0;right:0;bottom:40px;margin:auto} #footer-wrap .family-site-wr {display:inline-block;border:1px solid rgba(255, 255, 255, .3);text-align:center;font-size:0;} #footer-wrap .family-site-wr .family-site {float:none;display:inline-block;width:198px;margin-right:0;vertical-align:top;box-sizing:border-box} #footer-wrap .family-site-wr .family-site:first-child {border-right:1px solid rgba(255, 255, 255 ,.1)} #footer-wrap .family-site-wr .family-site dt button {color:rgba(255, 255, 255, .6);height:48px;padding-left:30px;font-size:15px;} #footer-wrap .family-site-wr .family-site dt button:before {display:none} #footer-wrap .family-site-wr .family-site dt button:after {right:8px;background:url(/resources/homepage/kor/_Img/Layout/fsit_btn_arr.png) no-repeat;width:12px;height:7px;margin-top:-3px;} } @media all and (max-width:768px) { #footer-wrap {padding:100px 20px 130px} #footer-wrap .service-wrap .service-cont {padding:16px 20px} #footer-wrap .service-wrap .service-list .item {padding:0;font-size:15px;} } @media all and (max-width:499px) { #footer-wrap {padding-bottom:180px;} #footer-wrap .service-wrap .service-list .item, #footer-wrap .family-site-wr .family-site dt button {font-size:14px;} #footer-wrap .family-site-wr .family-site dt button {padding-left:15px;} #footer-wrap .family-site-wr .family-site {width:139px;} #footer-wrap .f-sns-wr .sns-list, #footer-wrap .info-wrap .flic-wrap {display:block;} #footer-wrap .info-wrap .flic-wrap {margin:15px auto 0 !important} } @media all and (max-width:399px) { #footer-wrap .info-wrap .footer address {width:290px;margin:0 auto 5px} #footer-wrap .info-wrap .cs-info li {display:block;width:auto;margin-right:0;} #footer-wrap .family-site-wr .family-site dt button {padding-left:10px;} } /* 애니메이션 */ @keyframes ico_ani { 0%,100% {transform:rotateZ(0deg);-webkit-transform:rotateZ(0deg)} 10%, 30%, 50%, 70%, 90% {transform:rotateZ(-5deg);-webkit-transform:rotateZ(-5deg)} 20%, 40%, 60%, 80% {transform:rotateZ(5deg);-webkit-transform:rotateZ(5deg)} } @-webkit-keyframes ico_ani { 0%,100% {transform:rotateZ(0deg);-webkit-transform:rotateZ(0deg)} 10%, 30%, 50%, 70%, 90% {transform:rotateZ(-5deg);-webkit-transform:rotateZ(-5deg)} 20%, 40%, 60%, 80% {transform:rotateZ(5deg);-webkit-transform:rotateZ(5deg)} } @keyframes ico_ani2 { 0%,50%,100% {transform:translateY(0);-ms-transform:translateY(0)} 25%,75% {transform:translateY(-7%);-ms-transform:translateY(-7%)} } @-webkit-keyframes ico_ani2 { 0%,50%,100% {transform:translateY(0);-ms-transform:translateY(0)} 25%,75% {transform:translateY(-7%);-ms-transform:translateY(-7%)} } @keyframes ico_ani3 { 0%,50%,100% {transform:translateY(0);-ms-transform:translateY(0)} 25%,75% {transform:translateY(-15%);-ms-transform:translateY(-15%)} } @-webkit-keyframes ico_ani3 { 0%,50%,100% {transform:translateY(0);-ms-transform:translateY(0)} 25%,75% {transform:translateY(-15%);-ms-transform:translateY(-15%)} } @keyframes ico_ani4 { 0% {transform:rotate(0deg);-webkit-transform:rotate(0deg)} 100% {transform:rotate(180deg);-webkit-transform:rotate(180deg)} } @-webkit-keyframes ico_ani4 { 0% {transform:rotate(0deg);-webkit-transform:rotate(0deg)} 100% {transform:rotate(180deg);-webkit-transform:rotate(180deg)} }