/*-------------------------layout_kor.css------------------------------------*/ @charset "utf-8"; html, body {overflow:hidden;overflow-y:visible} #doc-wrap {position:relative;min-width:1400px;max-width:1920px;overflow:hidden;margin:0 auto} @media all and (max-width:1499px){ #doc-wrap {min-width:320px} } @media all and (max-width:999px){ #doc-wrap {font-size:17px} } @media all and (max-width:768px){ #doc-wrap {font-size:16px} } @media all and (max-width:499px){ #doc-wrap {font-size:15px} } /* 스킵네비게이션 */ #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} @media all and (min-width:1000px) { #header-wrap:before {display:block;content:'';position:absolute;top:140px;left:0;width:100%;height:0;background:rgba(0, 0, 0, .5);z-index:11;opacity:0;transition:opacity .3s ease} #header-wrap.bgShow:before {height:3000px;opacity:1} #header-wrap.bgHide:before {opacity:0} } @media all and (max-width:999px) { #header-wrap {height:auto} } /* svisual */ #svisual-wrap {position:relative;margin-left:100px;padding-right:100px;box-sizing:border-box;transition:all .3s ease;z-index:10} #svisual-wrap:before {content:"";display:block;position:absolute;right:100%;top:0;background-color:#fff;width:100px;height:100%;z-index:13} #svisual-wrap .svisualWrap {height:350px;z-index:1} #svisual-wrap .sVis {height:100%} #svisual-wrap .sVis .txt-box {display:block;position:relative;width:100%;max-width:1400px;margin:0 auto;box-sizing:border-box;z-index:2} #svisual-wrap .sVis .txt-box .txt-pkg {display:block;position:absolute;left:0;top:135px;width:100%;box-sizing:border-box} #svisual-wrap .sVis .txt-box .txt-pkg > span {display:block;color:#fff;line-height:1.2;opacity:0;transform:translateY(30px)} #svisual-wrap .sVis .txt-box .txt-pkg .txt1 {font-size:2.778em;font-weight:600;font-family:"SCoreDream", sans-serif;transition:all .4s ease .2s} #svisual-wrap .sVis .img-box {display:block;position:relative;height:100%;margin-right:-100px;overflow:hidden} #svisual-wrap .sVis .img-box img {display:block;position:absolute;top:0;left:0;width:auto;height:100%;z-index:1;transform:scale(1.2);transition:transform 3s ease} .loaded #svisual-wrap .sVis .txt-box .txt-pkg .txt1 {opacity:1;transform:translateY(0)} .loaded #svisual-wrap .sVis .img-box img {transform:scale(1)} @media all and (max-width:1699px){ #svisual-wrap .sVis .txt-box .txt-pkg {padding:0 50px} } @media all and (max-width:1439px) { #svisual-wrap {margin-left:50px;padding-right:50px} } @media all and (max-width:1299px) { #svisual-wrap .svisualWrap {height:315px} #svisual-wrap .sVis .txt-box .txt-pkg {top:120px} } @media all and (max-width:999px) { #svisual-wrap {margin-left:20px;padding-right:20px} #svisual-wrap:before {width:20px} #svisual-wrap .svisualWrap {height:270px} #svisual-wrap .sVis .txt-box .txt-pkg {top:100px} #svisual-wrap .sVis .txt-box .txt-pkg .txt1 {font-size:2.5em} } @media all and (max-width:768px) { #svisual-wrap .svisualWrap {height:200px} #svisual-wrap .sVis .txt-box .txt-pkg {top:72px;padding:0 27px} #svisual-wrap .sVis .txt-box .txt-pkg .txt1 {font-size:1.867em} } @media all and (max-width:599px) { #svisual-wrap .svisualWrap {height:150px} #svisual-wrap .sVis .txt-box .txt-pkg {top:53px} } /* cont-navi */ #cont-navi {display:block;position:relative;border-bottom:2px solid #ddd;margin-right:-100px;padding-right:100px;box-sizing:border-box;z-index:12} #cont-navi .contNavi {position:relative;width:100%;max-width:1400px;margin:0 auto;padding-left:150px;font-size:0;box-sizing:border-box} #cont-navi .contNavi:before {content:"";display:block;position:absolute;bottom:-2px;right:100%;background:#12213a;width:300px;height:140px} #cont-navi .home {display:block;position:absolute;left:0;bottom:-2px;background:#12213a;width:150px;height:140px;padding-top:40px;box-sizing:border-box} #cont-navi .home > span {display:block;color:#fff;font-size:18px;font-weight:700px;font-family:"basic-sans", sans-serif;letter-spacing:0;text-align:center} #cont-navi .home > span:before {content:"";display:block;background:url(/resources/_Templet/Layout/layout_kor/Img/layout_spr.png) no-repeat -42px 0;width:30px;height:28px;margin:0 auto 12px} #cont-navi dl {display:inline-block;position:relative;vertical-align:top;z-index:5} #cont-navi dl dt {} #cont-navi dl dt a {display:block;position:relative;background:#fff;width:300px;padding:15px 80px 15px 28px;font-size:0;transition:all .3s ease;box-sizing:border-box} #cont-navi dl dt a:before {content:"";display:inline-block;width:0;height:58px;vertical-align:middle} #cont-navi dl dt a:after {content:"";display:block;position:absolute;right:0;top:50%;background:#ddd;width:1px;height:58px;margin-top:-29px} #cont-navi dl dt a .txt {display:inline-block;position:relative;color:#333;font-size:20px;font-weight:500;font-family:"SCoreDream", sans-serif;line-height:1.2;letter-spacing:-.05em;vertical-align:middle;word-wrap:break-word;word-break:keep-all;white-space:normal;transition:all .3s ease} #cont-navi dl dt a .blt {display:block;position:absolute;top:0;right:30px;bottom:0;border:2px solid #767676;border-radius:50%;width:40px;height:40px;margin:auto;box-sizing:border-box} #cont-navi dl dt a .blt:after {content:"";display:block;position:absolute;top:0;right:0;left:0;bottom:0;border-style:solid;border-width:0 0 2px 2px;border-color:transparent transparent #767676 #767676;width:8px;height:8px;margin:auto;-ms-transform:translateY(-25%) rotate(-45deg);transform:translateY(-25%) rotate(-45deg);transition:all .3s ease} #cont-navi dl dt a:focus:before, #cont-navi dl dt a:hover:before {} #cont-navi dl:hover .blt:after, #cont-navi dl:focus .blt:after, #cont-navi dl.over dt a .blt:after {transform:translateY(25%) rotate(135deg)} #cont-navi dl.over dt a {background:#fff} #cont-navi dl.over dt a:after {border-color:#333} #cont-navi dl.over dt a .txt {color:#333} #cont-navi .sub-list {display:none;position:absolute;top:100%;left:0;background:#fff;border:2px solid #ddd;width:100%;box-shadow: 0px 15px 25px 0px rgba(172, 30, 37, 0.15);box-sizing:border-box} #cont-navi .sub-list ul {display:block} #cont-navi .sub-list li .mn_a1 {position:relative;display:block;height:60px;padding:1px 55px 0 31px;transition:color .15s ease;box-sizing:border-box} #cont-navi .sub-list li .mn_a1:before {content:"";display:inline-block;width:0;height:100%;vertical-align:middle} #cont-navi .sub-list li .mn_a1:after {content:"";display:block;position:absolute;top:0;right:30px;bottom:0;background:#fff url(/resources/_Templet/Layout/layout_kor/Img/layout_spr.png) 0 -49px;border-radius:50%;width:21px;height:21px;margin:auto;opacity:0;transition:background-position .3s} #cont-navi .sub-list li .mn_a1 > span {display:inline-block;font-size:19px;font-weight:400;font-family:"SCoreDream", sans-serif;letter-spacing:-.05em;vertical-align:middle} #cont-navi .sub-list li .mn_a1[target='_blank'] span:after {content:"";display:inline-block;background:url(/resources/_Img/Common/nwin_spr.png) no-repeat 0 -22px;width:12px;height:12px;vertical-align:middle;margin:0 0 1px 10px} #cont-navi .sub-list li.isOver a {background:#da262e;color:#fff} #cont-navi .sub-list li.isOver a:after {opacity:1} #cont-navi .sub-list li.isOver a:hover:after, #cont-navi .sub-list li.isOver a:focus:after {background-position-x:3px} #cont-navi .sub-list li:not(.isOver) .mn_a1:focus, #cont-navi .sub-list li:not(.isOver) .mn_a1:hover {background:#e8e8e8} #cont-navi .sub-list .cNaviCloser {display:block;position:absolute;width:30px;height:30px;border:2px solid #ddd;background:#fff;left:-2px;top:100%;background:#fff} #cont-navi .sub-list .cNaviCloser:before, #cont-navi .sub-list .cNaviCloser:after {content:"";display:block;position:absolute;width:14px;height:2px;background:#777;top:0;right:0;bottom:0;left:0;margin:auto;transition:all .3s ease} #cont-navi .sub-list .cNaviCloser:before {transform:rotate(45deg)} #cont-navi .sub-list .cNaviCloser:after {transform:rotate(135deg)} #cont-navi .sub-list .cNaviCloser:focus:before, #cont-navi .sub-list .cNaviCloser:hover:before {transform:rotate(135deg);background:#000} #cont-navi .sub-list .cNaviCloser:focus:after, #cont-navi .sub-list .cNaviCloser:hover:after {transform:rotate(225deg);background:#000} @media all and (max-width:1299px) { #cont-navi dl dt a {width:260px} } @media all and (max-width:1149px) { #cont-navi .contNavi {padding-left:120px} #cont-navi .home {width:120px} #cont-navi dl dt a {width:220px;padding-right:60px;padding-left:15px} #cont-navi dl dt a .blt {right:15px} } @media all and (max-width:999px) { #cont-navi {display:none} } #contUtil {position:relative;width:100%;max-width:1400px;margin:0 auto;z-index:15} #contUtil .boxUtil {position:absolute;bottom:16px;right:0;font-size:0} #contUtil .boxUtil > div {display:inline-block;vertical-align:top} #contUtil .boxUtil button {background:none;border:0;box-sizing:border-box} #contUtil .boxUtil .unit .btn-cast {position:relative;background:url(/resources/_Templet/Layout/layout_kor/Img/layout_spr.png);border-width:2px;border-style:solid;border-radius:50%;width:60px;height:60px;transition:background-color .3s ease, border-color .3s ease} #contUtil .boxUtil .unit .btn-print {background-color:#fff;background-position:-83px 0;border-color:#ddd} #contUtil .boxUtil .unit .btn-share {background-color:#da262e;border-color:#da262e;background-position:-155px 0;margin-left:-10px} #contUtil .boxUtil .unit .btn-cast.is-open, #contUtil .boxUtil .unit .btn-cast:hover, #contUtil .boxUtil .unit .btn-cast:focus {background-position-y:-70px} #contUtil .boxUtil .unit .btn-print:hover, #contUtil .boxUtil .unit .btn-print:focus {background-color:#12213a;border-color:#12213a} #contUtil .boxUtil .unit .btn-share.is-open, #contUtil .boxUtil .unit .btn-share:hover, #contUtil .boxUtil .unit .btn-share:focus {background-color:#fff} #contUtil .boxUtil .sns-list {display:none;position:absolute;top:100%;right:-20px;background:#fff;border:2px solid #da262e;border-radius:50px;margin:14px 0 0;padding:8px 7px 8px 23px;white-space:nowrap;box-sizing:border-box;z-index:100} #contUtil .boxUtil .sns-list:before, #contUtil .boxUtil .sns-list:after {content:"";display:block;border-style:solid;width:0;height:0;position:absolute;bottom:100%} #contUtil .boxUtil .sns-list:before {border-width:0 7px 11px;border-color:transparent transparent #da262e;right:42px} #contUtil .boxUtil .sns-list:after {border-width:0 5px 9px;border-color:transparent transparent #fff;right:44px} #contUtil .boxUtil .sns-list > * {display:inline-block;font-size:0;vertical-align:middle} #contUtil .boxUtil .sns-list .tit {margin-right:16px;color:#555;font-size:16px;font-weight:400;font-family:"SCoreDream", sans-serif;letter-spacing:-.05em} #contUtil .boxUtil .sns-list button {position:relative;width:40px;height:40px} #contUtil .boxUtil .sns-list ul {margin-right:10px;font-size:0;white-space:nowrap} #contUtil .boxUtil .sns-list li {display:inline-block;margin:0 5px 0 0;vertical-align:top} #contUtil .boxUtil .sns-list li:last-child {margin:0} #contUtil .boxUtil .sns-list li button {background:url(/resources/_Templet/Layout/layout_kor/Img/layout_spr.png) no-repeat -222px 0;border-radius:50%;font-size:0;transition:box-shadow .25s} #contUtil .boxUtil .sns-list li button:hover, #contUtil .boxUtil .sns-list li button:focus {box-shadow:0px 4px 4px 1px rgba(0, 0, 0, 0.3);} #contUtil .boxUtil .sns-list li .btn-face {background-color:#395999;background-position:-222px 0} #contUtil .boxUtil .sns-list li .btn-twit {background-color:#55acef;background-position:-222px -50px} #contUtil .boxUtil .sns-list li .btn-blog {background-color:#1dc800;background-position:-222px -100px} #contUtil .boxUtil .sns-list li .btn-band {background-color:#e42497;background-position:-222px -150px} #contUtil .boxUtil .sns-list .sns-closer:before, #contUtil .boxUtil .sns-list .sns-closer:after {content:"";display:block;background:#999;box-sizing:border-box;width:20px;height:2px;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;transition:all .3s ease} #contUtil .boxUtil .sns-list .sns-closer:before {transform:rotate(45deg)} #contUtil .boxUtil .sns-list .sns-closer:after {transform:rotate(135deg)} #contUtil .boxUtil .sns-list .sns-closer:hover:before, #contUtil .boxUtil .sns-list .sns-closer:focus:before {transform:rotate(135deg)} #contUtil .boxUtil .sns-list .sns-closer:hover:after, #contUtil .boxUtil .sns-list .sns-closer:focus:after {transform:rotate(225deg)} @media all and (max-width:1449px) { #contUtil .boxUtil {right:-30px} } @media all and (max-width:999px){ #contUtil {display:none} /* #contUtil .boxUtil .unit .btn-cast {width:40px;height:40px;background-size:170px auto;background-position:-45px -124px} #contUtil .boxUtil .unit .btn-share {background-position:-90px -124px} #contUtil .boxUtil .unit .btn-cast.is-open, #contUtil .boxUtil .unit .btn-cast:hover, #contUtil .boxUtil .unit .btn-cast:focus {background-position-y:-168px} #contUtil .boxUtil .sns-list .inwr:before {right:37px} #contUtil .boxUtil .sns-list .inwr:after {right:39px} #contUtil .boxUtil .sns-list li button {width:32px;height:32px;background-size:170px auto;background-position:0 -213px} #contUtil .boxUtil .sns-list li .btn-face {background-color:#395999;background-position:0 -213px} #contUtil .boxUtil .sns-list li .btn-twit {background-color:#55acef;background-position:-40px -213px} #contUtil .boxUtil .sns-list li .btn-blog {background-color:#1dc800;background-position:-80px -213px} #contUtil .boxUtil .sns-list li .btn-band {background-color:#e42497;background-position:-120px -213px} */ } /* contents */ #container-wrap {position:relative;z-index:1} #container {position:relative;max-width:1400px;margin:70px auto 0;z-index:9} #container:after {content:'';clear:both;display:block} #contents {width:100%;min-height:600px;word-break:keep-all;word-wrap:break-word} #contents .cont-top {position:relative;margin-bottom:40px} #contents .cont-top .cont-tit {color:#000;font-size:48px;font-weight:700;font-family:"SCoreDream", sans-serif;letter-spacing:0;line-height:normal;text-align:center} #contents #cont {padding:0 0 70px;font-size:18px;color:#555;letter-spacing:-.025em;line-height:1.389;word-break:keep-all;word-wrap:break-word;min-height:400px;font-weight:400} #contents #cont:after {clear:both;content:"";display:block} #contents #cont input, button, select, textarea {font-size:18px;color:#555;letter-spacing:-.05em;font-family:"Noto Sans KR"} @media all and (max-width:1440px) { #container {margin:53px 20px 0} } @media all and (max-width:999px){ #contents {width:auto;max-width:100%;float:none} #contents #cont {font-size:17px;padding-bottom:40px} #contents #cont input, button, select, textarea {font-size:16px} #contents .cont-top .cont-tit {font-size:34px;line-height:1.2} } @media all and (max-width:768px){ #container {margin-top:0;z-index:1} #contents #cont {font-size:16px} #contents .cont-top {padding:40px 0 30px;margin-bottom:0;border:0} #contents .cont-top .cont-tit {font-size:28px;position:relative} } @media all and (max-width:599px) { #contents #cont {padding-bottom:30px} #contents .cont-top {padding:40px 25px 27px} } @media all and (max-width:499px) { #contents #cont {font-size:15px} } @media all and (max-width:399px) { #contents .cont-top .cont-tit {font-size:22px} } /* 통합검색 */ #total-search-wrap {display:none;position:absolute;top:150px;left:0;width:100%;z-index:101} #total-search-wrap:focus:before {content:"";display:block;position:absolute;top:0;left:0;border:1px dashed #000;width:100%;height:100%;box-sizing:border-box} #total-search-wrap .total-search-inwr {background:#fff;border-top:2px solid #ddd;box-shadow:10px 10px 15px rgba(0, 0, 0, 0.1)} #total-search-wrap .total-frm {position:relative;max-width:1000px;margin:0 auto;text-align:center;padding:70px 0 86px} #total-search-wrap input {margin:0} #total-search-wrap button {margin:0;border:0;background:transparent} #total-search-wrap .sch-frm {position:relative;border-bottom:5px solid #000;margin:0 auto 46px} #total-search-wrap .sch-frm:before {content:"";display:block;position:absolute;bottom:25px;left:0;background:url(/resources/_Templet/Layout/layout_kor/Img/sch_spr.png) no-repeat;width:28px;height:16px} #total-search-wrap .tit {margin-bottom:60px;text-align:left} #total-search-wrap .tit span {display:block;line-height:1} #total-search-wrap .etit {color:#767676;font-weight:400;font-family:"basic-sans", sans-serif;letter-spacing:.05em;z-index:1} #total-search-wrap .ktit {margin-top:16px;color:#000;font-size:1.944em;font-weight:600;font-family:"SCoreDream", sans-serif;letter-spacing:0} #total-search-wrap .sch-frm .sch-input {border:0;width:100%;margin:0;height:72px;padding:0 50px 0 48px;font-size:1.056em;font-family:"SCoreDream", sans-serif;box-sizing:border-box} #total-search-wrap .sch-frm .sch-input::placeholder {color:#333} #total-search-wrap .sch-frm .sch-input:-ms-input-placeholder {color:#333} #total-search-wrap .sch-frm .sch-input::-ms-input-placeholder {color:#333} #total-search-wrap .sch-frm .btn-sch {width:50px;height:72px;position:absolute;right:0;bottom:0} #total-search-wrap .sch-frm .btn-sch:before {content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:url(/resources/_Templet/Layout/layout_kor/Img/sch_spr.png) -38px 0;width:33px;height:33px;margin:auto} #total-search-wrap .sch-keyword {display:flex;flex-flow:row wrap} #total-search-wrap .sch-keyword .stit {margin-top:12px;color:#da262e;font-size:1.111em;font-weight:500;font-family:"SCoreDream", sans-serif;letter-spacing:-.05em} #total-search-wrap .sch-keyword .stit:after {content:"";display:inline-block;background-color:#da262e;border-radius:50%;width:8px;height:8px;margin:0 7px;vertical-align:middle} #total-search-wrap .sch-keyword ul {display:flex;flex-flow:row wrap;width:calc(100% - 127px)} #total-search-wrap .sch-keyword li {display:inline-block;vertical-align:top;margin:2px;} #total-search-wrap .sch-keyword li button {border:1px solid #d7d7d7;border-radius:50px;padding:10px 20px;color:#555;font-size:.889em;letter-spacing:-.05em;font-family:"SCoreDream", sans-serif;box-sizing:border-box} #total-search-wrap .sch-keyword li button:before {display:inline;content:'#'} #total-search-wrap .sch-keyword li button:hover, #total-search-wrap .sch-keyword li button:focus {background:#d7d7d7;text-decoration:underline} #total-search-wrap .btn-close {position:absolute;top:0;right:0;background:none;border-radius:0;width:32px;height:32px;margin:70px 0 0} #total-search-wrap .btn-close:before, #total-search-wrap .btn-close:after {content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:#12213a;width:40px;height:4px;margin:auto} #total-search-wrap .btn-close:before {transform:rotate(45deg);-ms-transform:rotate(45deg)} #total-search-wrap .btn-close:after {transform:rotate(-45deg);-ms-transform:rotate(-45deg)} .layer-open {overflow:hidden !important} .layer-open:before {content:'';display:block;width:100%;height:100%;background:#000;opacity:.6;position:absolute;left:0;top:120px;z-index:10} #doc-wrap.mn-open #header-wrap {z-index:3002} @media all and (max-width:1399px) { #total-search-wrap .total-frm {margin:0 30px} } @media all and (max-width:999px) { #total-search-wrap {top:70px;opacity:0} #header-wrap.is-over #total-search-wrap {opacity:1;z-index:9999} #total-search-wrap .total-frm {padding:40px 0;margin:0 20px} #total-search-wrap .tit {margin-bottom:30px} #total-search-wrap .btn-close {width:40px;height:40px;left:auto;right:0;margin-left:0;margin-top:30px} #total-search-wrap .btn-close:before, #total-search-wrap .btn-close:after {width:18px} } /*-------------------------gnavi_kor.css------------------------------------*/ #global {position:relative;background:#fff;border-bottom:1px solid #e9e9e9;height:50px;box-sizing:border-box;z-index:12} #global .global-wrap {padding-left:100px;box-sizing:border-box} #global .glnk-sec {height:100%;font-size:0} #global .glnk-sec > * {display:inline-block;margin-right:10px;color:#444;font-size:14px;font-weight:500;font-family:"SCoreDream", sans-serif;letter-spacing:-.05em;vertical-align:top} #global .glnk-sec a.link1, #global .glnk-sec a.link2 {position:relative;padding:8px 0 11px 12px;box-sizing:border-box} #global .glnk-sec a.link1:before, #global .glnk-sec a.link2:before {content:"";display:block;position:absolute;right:12px;top:50%;width:10px;height:10px;margin-top:-7px} #global .glnk-sec a.link1:after, #global .glnk-sec a.link2:after {content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:1px} #global .glnk-sec a.link1 > span, #global .glnk-sec a.link2 > span {display:block;position:relative;padding-right:33px} #global .glnk-sec a.link1 > span:before, #global .glnk-sec a.link2 > span:before, #global .glnk-sec a.link1 > span:after, #global .glnk-sec a.link2 > span:after {content:"";display:block;position:absolute;top:9px;right:16px;background-color:#fff;width:2px;height:10px} #global .glnk-sec a.link1 > span:before, #global .glnk-sec a.link2 > span:before {} #global .glnk-sec a.link1 > span:after, #global .glnk-sec a.link2 > span:after {transform:rotate(90deg)} #global .glnk-sec em {font-style:normal} #global .glnk-sec .link1:before, #global .glnk-sec .link1:after {background:#e11838} #global .glnk-sec .link2:before, #global .glnk-sec .link2:after {background:#152a49} #global .glnk-sec .link1 em {color:#e11838} #global .glnk-sec .link2 em {color:#152a49} #global .srvc-sec {position:absolute;right:0;top:0;height:100%;z-index:2200} #global .srvc-sec > * {padding-right:137px} #global .srvc-sec .srvc-link {position:relative;z-index:1100;height:100%;font-size:0} #global .srvc-sec .srvc-link > * {display:inline-block;margin:0 9px;height:100%;font-family:"SCoreDream", sans-serif;vertical-align:top;box-sizing:border-box} #global .srvc-sec .srvc-link > a {position:relative} #global .srvc-sec .srvc-link > a:before {content:"";display:inline-block;width:0;height:100%;vertical-align:middle} #global .srvc-sec .srvc-link > a > span {display:inline-block;color:#555;font-size:16px;letter-spacing:-.05em;vertical-align:middle;transition:all .3s ease} #global .srvc-sec .srvc-link > a:focus > span, #global .srvc-sec .srvc-link > a:hover > span {text-decoration:underline;color:#000} #global .srvc-sec .srvc-link .lang-pkg {position:relative;margin-right:0} #global .srvc-sec .srvc-link .lang-pkg .caster {display:block;background:none;border:0;height:100%;font-size:0;padding:1px 16px 0 0;box-sizing:border-box} #global .srvc-sec .srvc-link .lang-pkg .caster:before {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;} #global .srvc-sec .srvc-link .lang-pkg .caster:after {content:"";display:block;position:absolute;width:0;height:0;right:0;top:23px;border:solid;border-width:5px 4px 0 4px;border-color:#535353 transparent transparent transparent;transition:all .3s ease} #global .srvc-sec .srvc-link .lang-pkg .caster span {display:inline-block;color:#333;font-size:14px;font-weight:500;font-family:"SCoreDream", sans-serif;vertical-align:middle;transition:all .3s ease} #global .srvc-sec .srvc-link .lang-pkg .caster:focus span, #global .srvc-sec .srvc-link .lang-pkg .caster:hover span {color:#000;text-decoration:underline} #global .srvc-sec .srvc-link .lang-pkg.over .caster:after {transform:rotate(180deg);border-color:#da262e transparent transparent transparent} #global .srvc-sec .srvc-link .lang-pkg.over .caster span {color:#da262e} #global .srvc-sec .srvc-link .lang-pkg .lang-set {display:none;position:absolute;width:100%;left:0;top:100%;box-sizing:border-box;padding:0 10px;border:1px solid #ddd;background:#fff} #global .srvc-sec .srvc-link .lang-pkg ul {display:block;} #global .srvc-sec .srvc-link .lang-pkg ul li {display:block;box-sizing:border-box;border-bottom:1px solid #ddd} #global .srvc-sec .srvc-link .lang-pkg ul li:last-child {border-bottom:0} #global .srvc-sec .srvc-link .lang-pkg a {display:block;text-align:center;padding:10px 0;line-height:1} #global .srvc-sec .srvc-link .lang-pkg a span {display:inline-block;font-size:15px;color:#666;line-height:1;transition:all .3s ease} #global .srvc-sec .srvc-link .lang-pkg a:focus span, #global .srvc-sec .srvc-link .lang-pkg a:hover span {color:#000;text-decoration:underline} #global .srvc-sec .srvc-link .lang-pkg .closer {display:block;position:absolute;width:20px;height:20px;right:0;top:100%;border:1px solid #ddd;border-top:0;background:#fff;margin:-1px -1px 0 0} #global .srvc-sec .srvc-link .lang-pkg .closer:before, #global .srvc-sec .srvc-link .lang-pkg .closer:after {content:"";display:block;position:absolute;width:10px;height:2px;background:#333;top:0;right:0;bottom:0;left:0;margin:auto;transition:all .3s ease} #global .srvc-sec .srvc-link .lang-pkg .closer:before {transform:rotate(45deg)} #global .srvc-sec .srvc-link .lang-pkg .closer:after {transform:rotate(135deg)} #global .srvc-sec .srvc-link .lang-pkg .closer:focus:before, #global .srvc-sec .srvc-link .lang-pkg .closer:hover:before {transform:rotate(135deg);background:#da262e} #global .srvc-sec .srvc-link .lang-pkg .closer:focus:after, #global .srvc-sec .srvc-link .lang-pkg .closer:hover:after {transform:rotate(225deg);background:#da262e} #global .srvc-sec .toppop-ctrl {position:absolute;top:0;right:0;/*right:-137px;*/height:auto;margin:0;padding-right:0} #global .srvc-sec .btn-wctrl {position:relative;background:#da262e;border:0;width:100px;height:150px;color:#fff;font-size:15px;font-weight:400;font-family:"SCoreDream", sans-serif;text-align:center;box-sizing:border-box} #global .srvc-sec .btn-wctrl > span {position:relative} #global .srvc-sec .btn-wctrl > span:before {content:"";display:block;background:url(/resources/_Templet/Layout/layout_kor/Img/layout_spr.png) no-repeat 0 0;width:32px;height:40px;margin:5px auto 15px} #global .srvc-sec .btn-wctrl i {display:block;position:absolute;right:-8px;top:25px;background-color:#930007;border-radius:50%;width:20px;height:20px;font-size:.933em;font-style:normal;text-align:center} #global .srvc-sec .srvc-util {display:block;position:absolute;right:0;top:77px;font-size:0;z-index:1001} #global .srvc-sec .srvc-util > a {display:inline-block;position:relative;border-radius:50%;width:46px;height:46px;vertical-align:top;box-sizing:border-box;transition:all .3s ease} #global .srvc-sec .srvc-util .search {background-color:#e01737;margin-right:-4px} #global .srvc-sec .srvc-util .search:before {content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;background:url(/resources/_Templet/Layout/layout_kor/Img/layout_spr.png) no-repeat -25px -81px;width:20px;height:20px;margin:auto} #global .srvc-sec .srvc-util .amenu {background-color:#3a4658} #global .srvc-sec .srvc-util .amenu:before, #global .srvc-sec .srvc-util .amenu span, #global .srvc-sec .srvc-util .amenu:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;width:22px;height:2px;font-size:0;transition:all .3s ease} #global .srvc-sec .srvc-util .amenu:before {margin:14px auto auto auto} #global .srvc-sec .srvc-util .amenu span {margin:auto} #global .srvc-sec .srvc-util .amenu:after {margin:auto auto 14px auto} #global .srvc-sec .srvc-util .amenu:focus, #global .srvc-sec .srvc-util .amenu:hover {background:#000} #global .srvc-sec .srvc-util .amenu:focus:before, #global .srvc-sec .srvc-util .amenu:focus span, #global .srvc-sec .srvc-util .amenu:focus:after, #global .srvc-sec .srvc-util .amenu:hover:before, #global .srvc-sec .srvc-util .amenu:hover span, #global .srvc-sec .srvc-util .amenu:hover:after {} @media all and (max-width:1439px) { #global .global-wrap {padding-left:50px} #global .srvc-sec > * {padding-right:76px} #global .srvc-sec .toppop-ctrl {/*right:-76px;*/} #global .srvc-sec .btn-wctrl {width:60px} } @media all and (max-width:999px) { #global {position:absolute;right:0;right:0;top:0;background:none;border:0;width:100%;height:auto;padding-right:20px} #global .global-wrap {padding-left:0} #global .glnk-sec, #global .srvc-sec .srvc-link {display:none;position:fixed;right:-100%;transition:right .5s ease} #global .glnk-sec {top:44px;height:auto} #global .glnk-sec > * {width:auto;margin-right:0;margin-left:10px} #global .glnk-sec a {padding:0} #global .srvc-sec {position:static;right:auto;top:auto} #global .srvc-sec .srvc-util {display:none} #global .srvc-sec .srvc-link {top:0;height:auto;padding-right:0} #global .srvc-sec .srvc-link > a > span {font-size:14px} #global .srvc-sec .toppop-ctrl {position:absolute;top:27px;right:20px;transition:display .5s ease} #global .srvc-sec .btn-wctrl {border-radius:50%;background:#ed2462;width:46px;height:46px} #global .srvc-sec .btn-wctrl > span {position:static;font-size:0} #global .srvc-sec .btn-wctrl > span:before {position:absolute;left:0;right:0;bottom:0;top:0;background-size:131px auto;width:16px;height:20px;margin:auto} #global .srvc-sec .btn-wctrl i {right:0;bottom:7px;top:auto;width:15px;height:15px;font-size:12px} /* #global.mn-h-open {max-width:400px;height:80px} #global.mn-h-open .glnk-sec, #global.mn-h-open .srvc-sec .srvc-link {right:20px} */ #global.mn-h-open .srvc-sec .toppop-ctrl {display:none} } @media all and (max-width:768px) { #global .srvc-sec .toppop-ctrl {top:18px} #global .srvc-sec .btn-wctrl {width:35px;height:35px} } /* ============================== * 학과/교내사이트 ================================= */ #layout-popup-wrap.quick-site #popup-wrap {left:0;right:0;top:50%;background:none;max-width:1400px;margin:0 auto;transform:translateY(-50%)} #layout-popup-wrap.quick-site #popup-wrap .pop-head {background:none;height:52px;padding:0;} #layout-popup-wrap.quick-site #popup-wrap .pop-cont {background:#fff;margin:0} #layout-popup-wrap.quick-site #popup-wrap .pop-head h1 {width:1px;height:1px;overflow:hidden;position:absolute;top:-9999em;left:-9999em;display:block;text-indent:-9999em;font-size:0px;line-height:0} #layout-popup-wrap.quick-site #popup-wrap .quick-site-close {background:none;width:auto;height:auto;color:#fff;font-family:"SCoreDream", sans-serif;text-indent:0} #layout-popup-wrap.quick-site #popup-wrap .quick-site-close > span {display:inline-block;vertical-align:middle} #layout-popup-wrap.quick-site #popup-wrap .quick-site-close:after {display:none} #layout-popup-wrap.quick-site #popup-wrap .quick-site-close .ico {position:relative;width:32px;height:32px;margin-left:16px} #layout-popup-wrap.quick-site #popup-wrap .quick-site-close .ico:before, #layout-popup-wrap.quick-site #popup-wrap .quick-site-close .ico:after {content:"";display:block;position:absolute;left:-4px;top:13px;background-color:#fff;width:40px;height:4px;margin:0 auto;transition:all .3s ease} #layout-popup-wrap.quick-site #popup-wrap .quick-site-close .ico:before {transform:rotate(45deg)} #layout-popup-wrap.quick-site #popup-wrap .quick-site-close .ico:after {transform:rotate(135deg)} .quick-site-wr {display:flex;flex-flow:row wrap;position:relative} .quick-site-wr:before {content:"";display:block;position:absolute;left:50%;top:0;background-color:#e7e7e7;width:2px;height:100%;margin-left:-1px} .quick-site-wr > div {width:50%;padding:0 40px 50px;box-sizing:border-box} .quick-site-wr > div h3 {margin-bottom:40px;padding:19px 10px 20px;color:#fff;font-size:1.389em;font-weight:600;font-family:"SCoreDream", sans-serif;letter-spacing:0;text-align:center;box-sizing:border-box} .quick-site-wr > div ul {display:flex;flex-flow:row wrap} .quick-site-wr > div ul > li {position:relative;width:50%;margin-top:13px;padding:0 10px 0 22px;box-sizing:border-box} .quick-site-wr > div ul > li:nth-child(-n+2) {margin-top:0} .quick-site-wr > div ul > li:before {content:"";display:block;position:absolute;left:0;top:13px;width:10px;height:2px} .quick-site-wr > div ul > li > a {display:block;color:#555;font-size:.944em;font-family:"SCoreDream", sans-serif;letter-spacing:-.05em;box-sizing:border-box} .quick-site-wr > div ul > li > a > span {position:relative;display:inline-block;max-width:100%;;padding-right:23px;box-sizing:border-box} .quick-site-wr > div ul > li > a > span:after {content:"";display:block;position:absolute;top:9px;right:0;border-style:solid;border-width:0 0 2px 2px;width:8px;height:8px;transform:rotate(-135deg);opacity:0;transition:all .3s ease} .quick-site-wr > div ul > li > a:focus > span:after, .quick-site-wr > div ul > li > a:hover > span:after {opacity:.3} .quick-site-wr .quick-dep h3, .quick-site-wr .quick-dep ul > li:before {background-color:#12213a} .quick-site-wr .quick-dep > li > a > span:after {border-color:transparent transparent #12213a #12213a;} .quick-site-wr .quick-site h3, .quick-site-wr .quick-site ul > li:before {background-color:#da262e} .quick-site-wr .quick-site > li > a > span:after {border-color:transparent transparent #da262e #da262e;} .quick-site-wr .quick-dep > div {display:flex;flex-flow:row wrap;margin-top:20px} .quick-site-wr .quick-dep > div:first-child {margin-top:0} .quick-site-wr .quick-dep > div h4 {display:flex;align-items:center;justify-content:center;border:1px solid #12213a;width:120px;color:#12213a;font-size:1.056em;font-weight:500;font-family:"SCoreDream", sans-serif;letter-spacing:-.05em;line-height:1.473;text-align:center;box-sizing:border-box} .quick-site-wr .quick-dep > div ul {width:calc(100% - 120px);padding:10px 0 10px 40px;box-sizing:border-box} @media all and (max-width:1399px) { #layout-popup-wrap.quick-site #popup-wrap {max-width:none} } @media all and (max-width:999px) { #layout-popup-wrap.quick-site #popup-wrap {right:auto;transform:none} .quick-site-wr {display:block} .quick-site-wr:before {display:none} .quick-site-wr > div {width:auto;padding:0 20px 30px} .quick-site-wr > div h3 {padding:14px 10px 15px} } @media all and (max-width:768px) { .quick-site-wr > div ul > li:before {top:10px} } @media all and (max-width:599px) { .quick-site-wr > div h3 {margin-bottom:20px} .quick-site-wr .quick-dep > div {display:block;margin-top:15px} .quick-site-wr .quick-dep > div h4 {display:block;width:auto;padding:5px 0} .quick-site-wr .quick-dep > div h4 br {display:none} .quick-site-wr .quick-dep > div ul {width:auto;padding:10px 0 0} .quick-site-wr > div ul > li {margin-top:10px} } @media all and (max-width:399px) { .quick-site-wr > div ul > li {width:100%} .quick-site-wr > div ul > li:nth-child(2) {margin-top:10px} } /*-------------------------logo_kor.css------------------------------------*/ #header {display:block;position:relative;height:100px;z-index:11;box-sizing:border-box} #header .logo {display:block;position:absolute;left:100px;top:50%;transform:translateY(-50%);z-index:501} #header .logo a {display:block} #header .logo a span {display:block} #header .logo a span img {display:block;height:auto;} #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:1439px) { #header .logo {left:50px} } @media all and (max-width:1299px) { #header .logo a span img {width:180px} } @media all and (max-width:999px) { #header .logo {left:20px} .mobile-sideMenu-open #header .logo {z-index:0} } @media all and (max-width:768px) { #header {height:70px} #header .logo a span img {width:141px} } /*-------------------------header_kor.css------------------------------------*/ #menu-wrap .mGnavi {display:none} #menu-wrap .mDeco {display:none} /* 메뉴 */ #menu-wrap {display:inline-block;position:relative;background:none;width:100%;z-index:100} #menu-wrap:after {content:"";clear:both;display:block} #menu-wrap .menu-cont {width:76%;padding-left:24%} #mn-ctrs-btns {display:none} #menu-wrap .menuReady {} /* 주메뉴 */ @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:0;top:0;width:100%;height:100px;margin:0;text-align:center;overflow:hidden;z-index:500;box-sizing:border-box} #mainNavi-wrap.over {} #mainNavi-wrap.decoShow:after {height:108px;opacity:1} #mainNavi-wrap.decoHide:after {opacity:0} #menu-wrap {} #mainNavi {height:100px;box-sizing:border-box} #mainNavi .depth1-wrap {display:block;position:relative;margin:0 auto;padding:0 100px;font-size:0;line-height:1;text-align:center;box-sizing:border-box} #mainNavi .depth1-ul {display:inline-block;overflow:hidden;box-sizing:border-box} #mainNavi > ul > li:first-child {padding-left:8px} #mainNavi .mn_li1 {display:inline-block;margin:0 32px;text-align:center} #mainNavi .mn_a1 {position:relative;display:block;padding:40px 0 39px} #mainNavi .mn_a1 > span {display:inline-block;font-size:22px;font-weight:500;font-family:"SCoreDream", sans-serif;color:#000;letter-spacing:-.05em;line-height:1;transition:all .3s ease} #mainNavi .mn_a1:after {content:"";display:block;position:absolute;top:31px;right:-9px;background:#da262e;border-radius:50%;width:0;height:0;transition:all .3s ease} #mainNavi .mn_a1[target=_blank]:after {display:none} #mainNavi .mn_a1.over span, #mainNavi .mn_a1:hover span, #mainNavi .mn_a1:focus span, #mainNavi .mn_li1.over .mn_a1 span {color:#da262e} #mainNavi .mn_a1:hover, #mainNavi .mn_a1:focus {outline-offset:-1px} #mainNavi .mn_li1 .mn_a1.over:after, #mainNavi .mn_a1:hover:after, #mainNavi .mn_a1:focus:after, #mainNavi .mn_li1.over .mn_a1:after {top:26px;right:-14px;width:10px;height:10px} #mainNavi .depth2-wrap {display:none;position:absolute;top:100px;left:0%;width:100%;min-height:200px;padding:20px 100px 45px;text-align:left;box-sizing:border-box;z-index:1000} #mainNavi .depth2-wrap:after {} #mainNavi .depth2-wrap .depth2-ul {display:block;width:100%;position:relative;font-size:0;overflow:hidden;box-sizing:border-box;padding:0;min-height:240px} #mainNavi .depth2-wrap .mn_li2 {display:inline-block;position:relative;width:17.68%;margin-right:2.9%;padding:23px 0 0;vertical-align:top;box-sizing:border-box} #mainNavi .depth2-wrap .mn_li2:nth-child(-n+5) {padding-top:0} #mainNavi .depth2-wrap .mn_li2:nth-child(5n) {margin-right:0} #mainNavi .depth2-wrap .mn_a2 {display:block;position:relative;background:#fff;border:1px solid #12213a;padding:0 30px 0 30px;font-size:0;text-align:left;box-sizing:border-box;transition:all .3s ease} #mainNavi .depth2-wrap .mn_a2:before {content:"";display:inline-block;width:0;height:58px;vertical-align:middle} #mainNavi .depth2-wrap .mn_a2:after {content:"";display:block;position:absolute;top:0;right:17px;bottom:0;border:solid;border-width:0 0 2px 2px;border-color:transparent transparent rgba(18, 33, 58, .5) rgba(18, 33, 58, .5);width:8px;height:8px;margin:auto 15px auto auto;transform:rotate(-135deg);transition:all .3s ease} #mainNavi .depth2-wrap .mn_a2 span {display:inline-block;position:relative;color:#333;font-size:19px;font-weight:500;font-family:"SCoreDream", sans-serif;letter-spacing:-.05em;line-height:1.2;vertical-align:middle;transition:all .3s ease} #mainNavi .depth2-wrap .over .mn_a2 {background:#12213a;border-color:#12213a} #mainNavi .depth2-wrap .mn_a2:hover, #mainNavi .depth2-wrap .mn_a2:focus {background:#12213a;border-color:#12213a} #mainNavi .depth2-wrap .over .mn_a2 span {color:#fff} #mainNavi .depth2-wrap .mn_a2:focus span, #mainNavi .depth2-wrap .mn_a2:hover span {color:#fff} #mainNavi .depth2-wrap .over .mn_a2:after {border-color:#fff} #mainNavi .depth2-wrap .mn_a2:focus:after, #mainNavi .depth2-wrap .mn_a2:hover:after {border-color:#fff} #mainNavi .depth3-wrap {display:block;padding:12px 0 0 30px;box-sizing:border-box} #mainNavi .depth3-wrap .depth3-ul {margin:9px 0 0 0 } #mainNavi .depth3-wrap .mn_li3 {position:relative;margin-top:3px;padding-left:20px} #mainNavi .depth3-wrap .mn_li3:first-child {margin-top:0} #mainNavi .depth3-wrap .mn_li3:before {content:"";display:block;position:absolute;left:0;top:15px;background:#12213a;width:10px;height:2px} #mainNavi .depth3-wrap .mn_a3 {display:block;padding:6px 0;box-sizing:border-box} #mainNavi .depth3-wrap .mn_a3 span {display:inline-block;position:relative;color:#555;font-size:17px;font-weight:400;font-family:"SCoreDream", sans-serif;letter-spacing:-.05em;line-height:1.2;word-wrap:break-word;word-break:keep-all;white-space:normal;transition:all .3s ease} #mainNavi .depth3-wrap .mn_a3 span:before {content:"";display:block;position:absolute;left:0;bottom:-4px;background-color:#da262e;width:0;height:1px;opacity:0;transition:all .3s ease} #mainNavi .depth3-wrap .over .mn_a3 span:before, #mainNavi .depth3-wrap .mn_a3:focus span:before, #mainNavi .depth3-wrap .mn_a3:hover span:before {width:100%;opacity:1} #mainNavi .depth3-wrap .over.mn_a3 span {color:#da262e} #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:#da262e} #mainNavi .depth3-wrap .mn_a3:hover, #mainNavi .depth3-wrap .mn_a3:focus {outline-offset:-1px} #mainNavi .mn_a1[target=_blank] span:after {content:"";display:inline-block;background:url(/resources/_Img/Common/nwin_spr.png) no-repeat 0 0;width:10px;height:10px;margin-left:5px;vertical-align:top} #mainNavi .mn_a1[target=_blank]:focus span:after, #mainNavi .mn_a1[target=_blank]:hover span:after, #mainNavi .mn_a1[target=_blank].over span:after {background-position-x:-20px} #mainNavi .mn_a2[target=_blank]:after {content:"";display:block;position:absolute;right:30px;background:url(/resources/_Img/Common/nwin_spr.png) no-repeat -60px 0;border:0;width:12px;height:12px;margin:auto 0;transform:none;transition:none} #mainNavi .mn_a2[target=_blank]:focus:after, #mainNavi .mn_a2[target=_blank]:hover:after, #mainNavi .mn_a2[target=_blank].over:after {background-position-x:-104px} #mainNavi .mn_a3[target=_blank] span:after {content:"";display:inline-block;background:url(/resources/_Img/Common/nwin_spr.png) no-repeat 0 -46px;width:10px;height:10px;margin:0 0 4px 5px;vertical-align:middle} #mainNavi .mn_a3[target=_blank]:focus span:after, #mainNavi .mn_a3[target=_blank]:hover span:after, #mainNavi .mn_a3[target=_blank].over span:after {background-position-x:-20px} #mainNavi .tgl-btn {display:none} #mainNavi .amenu {display:block;position:absolute;width:90px;height:90px;right:0;top:0;background:#0088a5;transition:all .3s ease} #mainNavi .amenu:before, #mainNavi .amenu span, #mainNavi .amenu:after {content:"";display:block;position:absolute;height:3px;background:#fff;top:0;right:0;bottom:0;left:0;font-size:0;transition:all .3s ease} #mainNavi .amenu:before {width:27px;margin:35px auto auto 32px} #mainNavi .amenu span {width:19px;margin:auto auto auto 32px} #mainNavi .amenu:after {width:27px;margin:auto auto 34px 32px} #mainNavi .amenu:focus span, #mainNavi .amenu:hover span {width:27px} .pc-topMenu-open #mainNavi-wrap {background:#fff;box-shadow:0 40px 30px 0 rgba(0, 0, 0, 0.2)} .pc-topMenu-open #menu-wrap {border-bottom:2px solid #ddd} .pc-topMenu-open #menu-wrap:after {opacity:0} .pc-topMenu-open #mainNavi .mn_a1 > span {color:#333} .pc-topMenu-open #mainNavi .mn_a1.over > span {color:#da262e} .pc-topMenu-open #mainNavi .mn_a1:after {background:#da262e} .pc-topMenu-open #mainNavi .mn_a1[target=_blank] span:after {background-position-x:0} .pc-topMenu-open #mainNavi .mn_a1[target=_blank]:focus span:after, .pc-topMenu-open #mainNavi .mn_a1[target=_blank]:hover span:after {background-position-x:-20px} .body-slider-ovclick {display:none} } @media all and (min-width:1440px) and (max-width:1699px) { #mainNavi .depth1-ul {padding-left:100px} } @media all and (min-width:1440px) and (max-width:1599px) { #mainNavi .mn_li1 {margin:0 19px} } @media all and (min-width:1000px) and (max-width:1699px) { #mainNavi .depth2-wrap {padding:20px 30px} } @media all and (min-width:1000px) and (max-width:1439px) { #mainNavi-wrap.decoShow:after {opacity:.5} #mainNavi .depth1-ul {padding-left:130px} #mainNavi .mn_li1 {margin:0 15px} #mainNavi .depth2-wrap .mn_a2 {padding:0 30px 0 10px} #mainNavi .depth2-wrap .mn_a2:before {height:54px} #mainNavi .depth2-wrap .mn_a2:after {right:0} #mainNavi .depth2-wrap .mn_a2 span {font-size:16px} #mainNavi .depth3-wrap {padding:0 0 0 15px} #mainNavi .depth3-wrap .mn_a3 span {font-size:15px} } @media all and (min-width:1000px) and (max-width:1299px) { #mainNavi .depth1-ul {padding-left:95px} #mainNavi .mn_a1 > span {font-size:20px} } @media all and (min-width:1000px) and (max-width:1199px) { #mainNavi .depth1-ul {padding-left:80px} #mainNavi .mn_li1 {margin:0 10px} #mainNavi .mn_a1:after {top:22px;right:-4px} #mainNavi .mn_a1.over span, #mainNavi .mn_a1:hover span, #mainNavi .mn_a1:focus span, #mainNavi .mn_li1.over .mn_a1 span {color:#da262e} #mainNavi .mn_li1 .mn_a1.over:after, #mainNavi .mn_a1:hover:after, #mainNavi .mn_a1:focus:after, #mainNavi .mn_li1.over .mn_a1:after {top:18px;right:-8px;width:8px;height:8px} #mainNavi .mn_a1 > span {font-size:18px} } @media all and (min-width:1000px) and (max-width:1099px) { #mainNavi .mn_li1 {margin:0 6px} #mainNavi .mn_a1 > span {font-size:17px} } @media all and (max-width:999px) { body.mobile-sideMenu-open {position:fixed;width:100%;height:100%;overflow:hidden} /* 메뉴 */ #mainNavi-wrap {overflow:inherit;position:absolute;top:0;right:0;width:100%;max-width:400px;height:0 !important} #mainNavi-wrap * {outline:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)} #menu-wrap {position:fixed;top:0;left:auto;right:-100%;background:#fff;width:100%;height:100%;max-width:400px;overflow-x:hidden;box-sizing:border-box;transition:right .5s ease, box-shadow .5s ease;z-index:8000} #menu-wrap.mn-h-open {right:0;box-shadow:-10px 0 15px rgba(0, 0, 0, .15)} #menu-wrap:before {content:"";;position:absolute;background:#12213a;top:0;left:0;width:150px;height:100%;box-sizing:border-box} #menu-wrap .mDeco {display:block;position:absolute;width:100%;height:100%;padding:80px 0 0 150px;box-sizing:border-box;transition:all .3s ease;z-index:-1} #menu-wrap .mDeco:after {content:"";display:block;position:relative;background:url(/resources/_Templet/Header/header_kor/Img/header_mDeco.png) no-repeat center;width:100%;height:162px;margin-top:130px} #menu-wrap.hide-mDeco .mDeco {opacity:0} .isMain #menu-wrap .mDeco {} .isMain #mainNavi .depth2-wrap .depth2-ul {} .isSub #menu-wrap .mDeco {} #menu-wrap .mGnavi {display:block;position:absolute;left:0;top:0;background:#fff;width:100%;padding:13px 20px 0 60px;height:80px;font-size:0;text-align:right;box-sizing:border-box;z-index:1} #menu-wrap .mGnavi ul {font-size:0} #menu-wrap .mGnavi ul li {display:inline-block;vertical-align:middle;box-sizing:border-box} #menu-wrap .mGnavi ul li:last-child {margin:0} #menu-wrap .mGnavi a, #menu-wrap .mGnavi .lang-pkg .caster {display:block;font-family:"SCoreDream", sans-serif;line-height:1} #menu-wrap .mGnavi .lang-pkg .caster {position:relative;background:none;border:0;margin-left:20px;padding-right:15px} #menu-wrap .mGnavi .lang-pkg .caster:after {content:"";display:block;position:absolute;width:0;height:0;right:0;top:4px;border:solid;border-width:5px 4px 0 4px;border-color:#535353 transparent transparent transparent;transition:all .3s ease} #menu-wrap .mGnavi a span, #menu-wrap .mGnavi .lang-pkg .caster span {display:block;font-size:14px} #menu-wrap .mGnavi a span {color:#555;letter-spacing:-.05em} #menu-wrap .mGnavi .lang-pkg .caster span {color:#333;font-weight:500;letter-spacing:0} #menu-wrap .mGnavi .m-glnk {margin-top:9px} #menu-wrap .mGnavi .lang-pkg .langSet { display:none;position:absolute;width:100%;left:0px;top:100%;box-sizing:border-box} #menu-wrap .mGnavi .m-glnk > * {display:inline-block;margin-left:10px;color:#444;font-size:14px;font-weight:500;font-family:"SCoreDream", sans-serif;letter-spacing:-.05em;vertical-align:top} #menu-wrap .mGnavi .m-glnk a {position:relative;padding-bottom:8px;box-sizing:border-box} #menu-wrap .mGnavi .m-glnk a:before {content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:1px} #menu-wrap .mGnavi .m-glnk a > span {display:inline-block;vertical-align:middle} #menu-wrap .mGnavi .m-glnk em {font-style:normal} #menu-wrap .mGnavi .m-glnk .link1:before {background:#e11838} #menu-wrap .mGnavi .m-glnk .link2:before {background:#152a49} #menu-wrap .mGnavi .m-glnk .link1 em {color:#e11838} #menu-wrap .mGnavi .m-glnk .link2 em {color:#152a49} #menu-wrap .btn-close {display:block;position:absolute;top:50%;left:20px;background:none;border:0;width:32px;height:32px;margin-top:-16px} #menu-wrap .btn-close:before, #menu-wrap .btn-close:after {content:"";display:block;position:absolute} #menu-wrap .btn-close:before {left:0;top:50%;background-color:#555;width:100%;height:3px;margin-top:-2px} #menu-wrap .btn-close:after {top:8px;right:2px;border-top:3px solid #555;border-left:3px solid #555;width:12px;height:12px;-ms-transform:rotate(135deg);transform:rotate(135deg)} #menu-wrap .allmn-btn {display:none} #mainNavi {display:block;position:absolute;width:100%;height:100%;box-sizing:border-box;padding:80px 0 0;overflow-y:auto;z-index:0} #mainNavi .mn_li1.over:before {display:none} #mainNavi .depth1-wrap {position:relative;width:100%;height:100%;overflow-y:auto;overflow-x:hidden} #mainNavi .depth1-ul {position:relative;z-index:1} #mainNavi .mn_li1 {height:auto} #mainNavi .mn_li1 .tgl-btn {display:none} #mainNavi .mn_li1 .mn_a1 {display:block;position:relative;border-bottom:1px solid rgba(255, 255, 255, .2);width:150px;height:auto;padding:0 19px;font-size:0;box-sizing:border-box;transition:all .3s ease;z-index:300} #mainNavi .mn_li1 .mn_a1:before {content:"";display:inline-block;width:0;height:80px;vertical-align:middle} #mainNavi .mn_li1 .mn_a1 span {display:inline-block;position:relative;color:#fff;font-size:17px;font-weight:500;font-family:"SCoreDream", sans-serif;line-height:1.294em;letter-spacing:-.05em;vertical-align:middle;word-wrap:break-word;word-break:keep-all;white-space:normal} #mainNavi .mn_li1 .mn_a1 span:before {} #mainNavi .mn_li1 .mn_a1[target='_blank'] span:after {content:"";display:inline-block;background:url(/resources/_Img/Common/nwin_spr.png) no-repeat 0 0;width:10px;height:10px;margin:3px 0 0 5px;vertical-align:top} #mainNavi .mn_li1.is-open {} #mainNavi .mn_li1 .mn_a1.over {} #mainNavi .mn_li1 .mn_a1.over span:after, #mainNavi .mn_li1.has-sub.is-open .mn_a1 span:after {content:"";display:block;position:absolute;right:-17px;top:-6px;background-color:#da262e;border-radius:50%;width:8px;height:8px} #mainNavi .mn_li1.has-sub .mn_a1 {} #mainNavi .mn_li1.has-sub.is-open .mn_a1 {} #mainNavi .mn_li1.has-sub.is-open .mn_a1 span {} #mainNavi .depth2-wrap {display:none;position:absolute;top:0;left:0;width:100%;height:auto;padding-left:150px;box-sizing:border-box;transition:display .3s ease} #mainNavi .depth2-wrap .depth2-tit {display:none} #mainNavi .depth2-ul {position:relative;padding:20px;box-sizing:border-box;z-index:100} #mainNavi .depth2-wrap .mn_li2 {position:relative;margin-top:10px;padding:0} #mainNavi .depth2-wrap .mn_li2:first-child {margin-top:0} #mainNavi .depth2-wrap .mn_li2.has-sub .tgl-btn {display:block;position:absolute;right:13px;top:10px;background:none;border:0;width:30px;height:30px;z-index:1} #mainNavi .depth2-wrap .mn_li2.has-sub .tgl-btn:before {content:"";display:block;position:absolute;left:0;right:0;top:7px;border-top:2px solid rgba(18, 33, 58, .5);border-left:2px solid rgba(18, 33, 58, .5);width:8px;height:8px;margin:0 auto;-ms-transform:rotate(-135deg);transform:rotate(-135deg);transition:all .3s ease} #mainNavi .depth2-wrap .mn_li2.has-sub.is-open {border-bottom:0} #mainNavi .depth2-wrap .mn_li2.has-sub.is-open .tgl-btn {} #mainNavi .depth2-wrap .mn_li2.has-sub.is-open .tgl-btn:before {top:11px;transform:rotate(45deg)} #mainNavi .depth2-wrap .mn_li2.has-sub.is-open .mn_a2 span {border-bottom:0} #mainNavi .is-open .depth2-wrap {display:block} #mainNavi .depth2-wrap .mn_a2 {display:block;position:relative;border:1px solid #12213a;font-size:0} #mainNavi .depth2-wrap .mn_a2 span {display:block;padding:17px 35px 15px 19px;color:#333;font-size:16px;font-weight:500;font-family:"SCoreDream", sans-serif;line-height:1;word-wrap:break-word;word-break:keep-all;white-space:normal} #mainNavi .depth2-wrap .mn_a2[target='_blank'] span:after {content:"";display:inline-block;background:url(/resources/_Img/Common/nwin_spr.png) no-repeat -60px 0;border:0;width:12px;height:12px;margin-left:4px} #mainNavi .depth2-wrap .mn_li2.is-open .mn_a2[target='_blank'] span:after {background-position-x;:-82px} #mainNavi .depth2-wrap .mn_li2 .tgl-btn {right:20px} #mainNavi .depth2-wrap .mn_li2.has-sub .mn_a2.over:after {display:none} #mainNavi .depth2-wrap .mn_a2.over, #mainNavi .depth2-wrap .is-open .mn_a2 {} #mainNavi .depth2-wrap .mn_a2.over span, #mainNavi .depth2-wrap .is-open .mn_a2 span {} #mainNavi .depth2-wrap .depth3-wrap {} #mainNavi .depth2-wrap .mn_li2.is-close .depth3-wrap {display:none} #mainNavi .depth2-wrap .depth3-wrap {padding:10px 0 11px;box-sizing:border-box} #mainNavi .depth2-wrap .depth3-wrap li {position:relative;padding-left:17px;box-sizing:border-box} #mainNavi .depth2-wrap .depth3-wrap li:before {content:"";position:absolute;left:0;top:14px;background:#12213a;width:8px;height:2px} #mainNavi .depth2-wrap .depth3-wrap li a {display:block;position:relative;padding:0;box-sizing:border-box} #mainNavi .depth2-wrap .depth3-wrap li a span {display:inline-block;position:relative;padding:7px 0;color:#555;font-size:15px;font-family:"SCoreDream", sans-serif;line-height:1.2;letter-spacing:-.02em} #mainNavi .depth2-wrap .depth3-wrap li a span:before {} #mainNavi .depth2-wrap .depth3-wrap li a[target='_blank'] span:after {content:"";display:inline-block;background:url(/resources/_Img/Common/nwin_spr.png) no-repeat 0 -46px;width:10px;height:10px;margin:0 0 4px 5px;vertical-align:middle} #mainNavi .depth2-wrap .depth3-wrap li.over a span {color:#da262e} #mainNavi .depth2-wrap .depth3-wrap li .mn_a3.over span:before {content:"";display:block;position:absolute;left:0;bottom:2px;background:#da262e;width:100%;height:1px} #mainNavi .depth2-wrap .depth3-wrap li a[target='_blank'].over span:after {background-position-x:-20px} #mn-ctrs-btns {display:block;position:absolute;right:62px;top:27px;font-size:0;z-index:0} #mn-ctrs-btns > .search, #mn-ctrs-btns .mn-ctrs-btn {display:inline-block;position:relative;border:0;border-radius:50%;width:46px;height:46px;margin-left:-4px;vertical-align:middle;box-sizing:border-box} #mn-ctrs-btns > .search {background:#e01737} #mn-ctrs-btns > .search:before {content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;background:url(/resources/_Templet/Layout/layout_kor/Img/layout_spr.png) no-repeat -21px -69px;background-size:223px auto;width:17px;height:17px;margin:auto} #mn-ctrs-btns .mn-ctrs-btn {background:#3a4658} #mn-ctrs-btns .mn-ctrs-btn:before, #mn-ctrs-btns .mn-ctrs-btn span, #mn-ctrs-btns .mn-ctrs-btn:after {content:"";display:block;position:absolute;width:14px;height:2px;background:#fff;top:0;right:0;bottom:0;left:0;font-size:0;transition:all .3s ease} #mn-ctrs-btns .mn-ctrs-btn:before {margin:16px auto auto auto} #mn-ctrs-btns .mn-ctrs-btn span {margin:auto} #mn-ctrs-btns .mn-ctrs-btn:after {margin:auto auto 16px auto} .body-slide-wr {position:relative;width:100%;height:100%;transition:margin 0.3s ease} .body-slider-ovclick {display:block;position:fixed;left:0;top:0;background:rgba(0, 0, 0, .7);width:100%;height:0;cursor:pointer;opacity:0;outline:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);transition:opacity .5s ease;z-index:8} .body-slider-ovclick.show {height:100%;opacity:1} .body-slider-ovclick.hide {opacity:0} } @media all and (max-width:768px) { #mn-ctrs-btns {top:18px;right:53px} #mn-ctrs-btns > .search, #mn-ctrs-btns .mn-ctrs-btn {width:35px;height:35px} #mn-ctrs-btns .mn-ctrs-btn:before {margin:12px auto auto auto} #mn-ctrs-btns .mn-ctrs-btn:after {margin:auto auto 11px auto} } @media all and (max-width:399px) { #menu-wrap:before {width:130px} #mainNavi .mn_li1 .mn_a1 {width:130px} #mainNavi .depth2-wrap {padding-left:130px} #mainNavi .depth2-ul {padding:20px 10px} } /*-------------------------submenu_kor.css------------------------------------*/ #side-wrap {display:none} @media all and (max-width:999px){ #side-wrap {display:block;width:100%;padding:0;position:absolute;left:0;bottom:0;height:0;z-index:2} #leftmenu {height:auto;} #leftmenu .lm-tit {display:none} #leftmenu .lm_l1 {display:block;box-sizing:border-box} #leftmenu .lm_l1 .lm_a1 {display:none} #leftmenu .lm_l1 > .tgl-btn {display:block;position:absolute;background:#12213a;left:50%;bottom:-20px;border:0;width:70px;height:40px;margin-left:-10px;transform:translateX(-50%);z-index:1001} #leftmenu .lm_l1 > .tgl-btn:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-style:solid;border-width:0 0 2px 2px;border-color:transparent transparent #fff #fff;transform:rotate(-45deg);width:11px;height:11px;margin:10px auto auto auto;transition:all .3s ease} #leftmenu .lm_l1.is-open > .tgl-btn:after {margin-top:17px;transform:rotate(135deg)} #leftmenu .lm_l1.is-open .depth2 {box-shadow:0 10px 25px rgba(0, 0, 0, .1)} #leftmenu .depth2-wr {display:none;position:absolute;top:100%;left:0;width:100%;max-height:400px;overflow-y:auto;box-sizing:border-box;z-index:1000;} #leftmenu .depth2 {background-color:#f6f6f6;transition:all .3s ease} #leftmenu .depth2 .lm_l2 {position:relative;border-bottom:1px solid #ededed;box-sizing:border-box} #leftmenu .depth2 .lm_l2:last-child {margin:0;} #leftmenu .depth2 .lm_l2 .tgl-btn {display:block;position:absolute;right:0;top:8px;background:none;border:0;width:40px;height:40px;z-index:1} #leftmenu .depth2 .lm_l2 .tgl-btn:before, #leftmenu .depth2 .lm_l2 .tgl-btn:after {content:"";display:block;position:absolute;width:14px;height:2px;background:#999;top:0;right:0;bottom:0;left:0;margin:auto;transition:all .3s ease} #leftmenu .depth2 .lm_l2 .tgl-btn:before {} #leftmenu .depth2 .lm_l2 .tgl-btn:after {transform:rotate(90deg)} #leftmenu .depth2 .lm_l2 .lm_a2 {display:block;position:relative;background:#fff;height:60px;padding:0 50px 0 24px;font-size:0;box-sizing:border-box;z-index:0;transition:all .3s ease} #leftmenu .depth2 .lm_l2 .lm_a2:before {content:"";display:inline-block;width:0;height:100%;vertical-align:middle} #leftmenu .depth2 .lm_l2 .lm_a2 span {display:inline-block;position:relative;width:100%;color:#222;font-size:17px;font-weight:400;font-family:"SCoreDream", sans-serif;letter-spacing:-.05em;line-height:1.2;vertical-align:middle;box-sizing:border-box} #leftmenu .depth2 .lm_l2 .lm_a2[target="_blank"] span:after {content:"";display:inline-block;background:url(/resources/_Img/Common/nwin_spr.png) no-repeat -66px -22px;width:14px;height:14px;vertical-align:middle;margin:0 0 3px 9px} #leftmenu .depth2 .lm_l2.over {border-bottom:0} #leftmenu .depth2 .lm_l2.over .lm_a2 {background:#da262e} #leftmenu .depth2 .lm_l2.over .lm_a2 span {color:#fff;font-size:18px;font-weight:500} #leftmenu .depth2 .lm_l2.over .tgl-btn:before, #leftmenu .depth2 .lm_l2.over .tgl-btn:after {background:#fff !important} #leftmenu .depth2 .lm_l2.over.is-open .tgl-btn:before {} #leftmenu .depth2 .lm_l2.over.is-open .tgl-btn:after {transform:rotate(0deg)} #leftmenu .depth2 .lm_l2.is-open .tgl-btn:before {} #leftmenu .depth2 .lm_l2.is-open .tgl-btn:after {transform:rotate(0deg);background:#aaa} #leftmenu .depth3-wr {padding:18px 0 9px;box-sizing:border-box} #leftmenu .depth3 {font-size:0} #leftmenu .depth3 .lm_l3 {display:inline-block;width:50%;padding-left:25px;box-sizing:border-box} #leftmenu .depth3 .lm_l3 .tbl-btn {} #leftmenu .depth3 .lm_l3 .lm_a3 {display:block;position:relative;padding:5px 0 5px 15px;line-height:1;box-sizing:border-box} #leftmenu .depth3 .lm_l3 .lm_a3:before {content:"";display:block;position:absolute;left:0;top:13px;background-color:#12213a;width:8px;height:2px} #leftmenu .depth3 .lm_l3 .lm_a3 span {display:inline-block;position:relative;max-width:100%;color:#666;font-size:15px;font-family:"SCoreDream", sans-serif;letter-spacing:-.05em;line-height:1.2;box-sizing:border-box} #leftmenu .depth3 .lm_l3 .lm_a3 span:before {content:"";display:block;position:absolute;left:0;bottom:-4px;background-color:#da262e;width:0;height:1px;opacity:0;transition:all .3s ease} #leftmenu .depth3 .lm_l3 .lm_a3[target="_blank"] span:after {content:"";display:inline-block;background:url(/resources/_Img/Common/nwin_spr.png) no-repeat 0 -46px;width:10px;height:10px;vertical-align:middle;margin:0 0 1px 7px} #leftmenu .depth3 .lm_l3.over .lm_a3 span {color:#da262e} #leftmenu .depth3 .lm_l3.over .lm_a3 span:before {width:100%;opacity:1} #doc-wrap.left-open #container-wrap {z-index:3001} #doc-wrap.left-open #container {position:relative} #doc-wrap #container:before {content:"";display:block;position:absolute;left:-20px;top:0;background:rgba(0, 0, 0, .7);width:calc(100% + 40px);height:0;transition:height .3s ease} #doc-wrap.left-open #container:before {height:200vh;z-index:100} } /*-------------------------footer_kor.css------------------------------------*/ #footer-wrap {position:relative;background:#1f1f1f;padding:50px 0;box-sizing:border-box;z-index:3000} #footer-wrap .ft-wr {position:relative;width:100%;;max-width:1400px;margin:0 auto;padding:0 420px 0 295px;line-height:1.2;box-sizing:border-box} #footer-wrap .fti-logo {position:absolute;left:0;top:0} #footer-wrap .fti-logo .flogo {text-align:right} #footer-wrap .fti-logo .flogo a {display:block} #footer-wrap .fti-logo .flogo a img {display:block;width:auto;height:auto} #footer-wrap .fti-logo .flogo a > span {display:block;margin-top:-9px;color:#fff;font-size:1.111em;font-weight:500;font-family:"SCoreDream", sans-serif;letter-spacing:-.05em} #footer-wrap .ft-svce {} /* #footer-wrap .ft-svce .topBt {position:fixed;bottom:-70px;right:0;width:70px;height:70px;text-align:center;background:#F87141;z-index:3500;transition:all .3s ease} #footer-wrap .ft-svce .topBt span {display:inline-block;color:#fff;font-size:12px;padding:40px 0 0;position:relative} #footer-wrap .ft-svce .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 .ft-svce .topBt.over {bottom:0} */ #footer-wrap .ft-svce .fts-link {} #footer-wrap .ft-svce .fts-link .arr {display:none} #footer-wrap .ft-svce .fts-link ul {display:block;font-size:0} #footer-wrap .ft-svce .fts-link ul li {display:inline-block;position:relative;margin:0 19px 10px 0;vertical-align:top;box-sizing:border-box} #footer-wrap .ft-svce .fts-link ul li:last-child {margin:0} #footer-wrap .ft-svce .fts-link a {display:block;color:#a0a0a0;font-size:14px;font-weight:300;font-family:"SCoreDream", sans-serif;letter-spacing:-.025em;transition:all .3s ease} #footer-wrap .ft-svce .fts-link a.privacy {color:#fff} #footer-wrap .ft-svce .fts-link a span {display:block;line-height:1} #footer-wrap .ft-svce .fts-link a:focus, #footer-wrap .ft-svce .fts-link a:hover {color:#fff} #footer-wrap .fts-fmls {display:block;position:absolute;right:0;top:0;font-size:0} #footer-wrap .fts-fmls > * {display:inline-block;vertical-align:middle} #footer-wrap .fts-fmls .fmlsPkg {margin-right:24px;font-size:0;height:52px} #footer-wrap .fts-fmls .fSite {display:inline-block;height:100%} #footer-wrap .fts-fmls .fSite dl {position:relative;height:100%;box-sizing:border-box} #footer-wrap .fts-fmls .fSite dl dt {height:100%} #footer-wrap .fts-fmls .fSite dl dt button, #footer-wrap .fts-fmls .fquick-site button {display:block;position:relative;background:none;border:1px solid rgba(255, 255, 255 ,.2);border-radius:50px;width:214px;height:100%;padding:0 50px 0 25px;text-align-last:left;transition:border-radius .3s ease;box-sizing:border-box} #footer-wrap .fts-fmls .fSite dl dt button:before, #footer-wrap .fts-fmls .fquick-site button:before {content:"";display:inline-block;width:0;height:100%;vertical-align:middle} #footer-wrap .fts-fmls .fSite dl dt button span, #footer-wrap .fts-fmls .fquick-site button span {display:inline-block;color:#fff;font-size:16px;font-weight:500;line-height:1;letter-spacing:-.05em;vertical-align:middle;word-wrap:break-word;word-break:keep-all;white-space:normal;transition:all .3s ease} #footer-wrap .fts-fmls .fSite dl dt button .arr, #footer-wrap .fts-fmls .fquick-site button .arr {display:block;position:absolute;top:0;bottom:0;right:30px;background:url(/resources/_Templet/Layout/layout_kor/Img/layout_spr.png) no-repeat 0 -81px;width:15px;height:15px;margin:auto;transition:all .3s ease} #footer-wrap .fts-fmls .fSite dl dt button.is-open {border-radius:0} #footer-wrap .fts-fmls .fSite dl dt button:focus span, #footer-wrap .fts-fmls .fSite dl dt button:hover span {} #footer-wrap .fts-fmls .fSite dl dt button.is-open .arr, #footer-wrap .fts-fmls .fSite dl dt button:focus .arr, #footer-wrap .fts-fmls .fSite dl dt button:hover .arr {} #footer-wrap .fts-fmls .fSite dl dd {display:none;position:absolute;width:100%;left:0;bottom:100%;box-sizing:border-box;background:#1c2838;box-sizing:border-box} #footer-wrap .fts-fmls .fSite dl dd .sel {box-sizing:border-box;height:200px;overflow-x:hidden;overflow-y:auto;padding:9px 2px 9px 18px} #footer-wrap .fts-fmls .fSite dl dd .sel ul {display:block;box-sizing:border-box} #footer-wrap .fts-fmls .fSite dl dd .sel ul li {display:block;box-sizing:border-box;border-top:1px solid rgba(255, 255, 255, .1);border-bottom:1px solid rgba(0, 0, 0, .5)} #footer-wrap .fts-fmls .fSite dl dd .sel ul li:first-child {border-top:0} #footer-wrap .fts-fmls .fSite dl dd .sel ul li:last-child {border-bottom:0} #footer-wrap .fts-fmls .fSite dl dd .sel a {display:block;color:#fff;opacity:.6;padding:10px 0;text-align:left;transition:all .3s ease} #footer-wrap .fts-fmls .fSite dl dd .sel a span {display:block;font-size:14px;letter-spacing:-.05em} #footer-wrap .fts-fmls .fSite dl dd button {display:block;position:absolute;width:26px;height:26px;left:0;bottom:100%;border:0;background:#1c2838} #footer-wrap .fts-fmls .fSite dl dd button:before, #footer-wrap .fts-fmls .fSite dl dd button:after {content:"";display:block;position:absolute;width:12px;height:2px;background:#fff;top:0;right:0;bottom:0;left:0;margin:auto} #footer-wrap .fts-fmls .fSite dl dd button:before {transform:rotate(45deg)} #footer-wrap .fts-fmls .fSite dl dd button:after {transform:rotate(135deg)} #footer-wrap .fts-sns {} #footer-wrap .fts-sns > ul {} #footer-wrap .fts-sns > ul > li {display:inline-block;margin-right:8px;vertical-align:top} #footer-wrap .fts-sns > ul > li:last-child {margin-right:0} #footer-wrap .fts-sns li > a {display:block;position:relative;background:rgba(182, 182, 182, .1);border-radius:50%;width:51px;height:51px;overflow:hidden;transition:all .3s ease;box-sizing:border-box} #footer-wrap .fts-sns li > a:before {content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;background:url(/resources/_Templet/Layout/layout_kor/Img/layout_spr.png);width:100%;height:100%} #footer-wrap .fts-sns li > a:hover, #footer-wrap .fts-sns li > a:focus {background:rgba(182,182,182, .8)} #footer-wrap .fts-sns li > .insta:before {background-position:0 -140px} #footer-wrap .fts-sns li > .facebook:before {background-position:-61px -140px} #footer-wrap .fts-sns li > .youtube:before {background-position:-122px -140px} #footer-wrap .fts-fmls .flic-wrap {display:block;margin-top:20px} #footer-wrap .fts-fmls .flic-wrap ul {text-align:right} #footer-wrap .fts-fmls .flic-wrap ul > li {display:inline-block;margin-left:10px;vertical-align:middle} #footer-wrap .fts-fmls .flic-wrap ul > li:first-child {margin-left:0} #footer-wrap .fts-fmls .flic-wrap ul > li > a {display:block} #footer-wrap .fts-fmls .flic-wrap ul > li > a > img {width:auto;max-width:100%} #footer-wrap .ftInfo {margin-top:15px} #footer-wrap .ftInfo .fti-addr {} #footer-wrap .ftInfo .fti-addr dl {} #footer-wrap .ftInfo .fti-addr dl dt {position:absolute;top:-9999em;left:-9999em;width:0;height:0;font-size:0;line-height:0;overflow:hidden;text-indent:-9999em;opacity:0;visibility:hidden} #footer-wrap .ftInfo .fti-addr dl dd {line-height:1.2;color:#fff;font-size:0;font-weight:300;font-family:"SCoreDream", sans-serif;letter-spacing:-.025em} #footer-wrap .ftInfo .fti-addr dl dd address {display:block;font-size:15px;white-space:normal;word-break:keep-all;word-wrap:break-word} #footer-wrap .ftInfo .fti-addr dl dd ul {display:inline-block;margin-top:10px;vertical-align:top} #footer-wrap .ftInfo .fti-addr dl dd ul li {display:inline-block;margin-right:31px;font-size:15px;letter-spacing:-.025em;word-wrap:break-word;word-break:keep-all;white-space:normal;vertical-align:top} #footer-wrap .ftInfo .fti-addr dl dd ul li:last-child {margin:0} #footer-wrap .ftInfo .fti-addr dl dd ul li span {} #footer-wrap .ftInfo .fti-copy {display:block;margin-top:25px;color:rgba(255, 255, 255 ,.4);font-size:13px;font-weight:200;font-family:"SCoreDream", sans-serif;letter-spacing:.05em;line-height:1.3;color:#8c8f93} #footer-wrap .ftInfo .fti-copy span {} @media all and (max-width:1439px) { #footer-wrap {padding:50px 30px} } @media all and (max-width:1199px) { #footer-wrap .ft-wr {padding-right:250px} #footer-wrap .fts-fmls > * {display:block} #footer-wrap .fts-fmls .fmlsPkg {margin-right:0;margin-bottom:20px} #footer-wrap .fts-sns > ul {text-align:right} } @media all and (max-width:999px) { .mobile-sideMenu-open #footer-wrap {z-index:0} #footer-wrap {padding:30px 20px} #footer-wrap .ft-wr {padding:0 100px 0 0} #footer-wrap .fti-logo {position:static;left:auto;top:auto} #footer-wrap .fti-logo .flogo {text-align:left} #footer-wrap .fti-logo .flogo a img, #footer-wrap .fti-logo .flogo a > span {display:inline-block;vertical-align:bottom} #footer-wrap .fti-logo .flogo a > span {margin:0 0 10px 10px} #footer-wrap .ft-svce {margin-top:10px} #footer-wrap .ft-svce .fts-link ul li {padding-top:10px} } @media all and (max-width:768px) { #footer-wrap {padding:25px 20px} #footer-wrap .ft-wr {padding:0} #footer-wrap .fti-logo .flogo a img {width:141px} #footer-wrap .fti-logo .flogo a > span {margin-left:5px} #footer-wrap .ft-svce .fts-link a {font-size:13px} #footer-wrap .ftInfo .fti-addr dl dd address, #footer-wrap .ftInfo .fti-addr dl dd ul li {font-size:14px;line-height:1.429} #footer-wrap .ftInfo .fti-addr dl dd ul {margin-top:7px} #footer-wrap .ftInfo .fti-copy {margin-top:8px} #footer-wrap .fts-fmls {position:static;right:auto;top:auto;text-align:center} #footer-wrap .fts-fmls .fSite {display:block;margin-top:25px} #footer-wrap .fts-fmls .fSite dl dt button, #footer-wrap .fts-fmls .fquick-site button {width:100%} #footer-wrap .fts-sns > ul, #footer-wrap .fts-fmls .flic-wrap ul {text-align:center} #footer-wrap .fts-fmls .flic-wrap ul > li > a {width:80%} } @media all and (max-width:399px) { #footer-wrap .ft-svce .fts-link ul li {margin-right:15px} }