@charset "utf-8"; /* ////////////// 미르넷 웹코딩 3.0 작성자 : 이혜진 //////////////////////// ============= 코딩 CSS.3.0. HTML.5.0. 크롬최적화 익스 11. 최적화 ================ ////////////// 2020.05.01 /////////////////////// */ #doc-wrap {z-index: 1;position:relative;min-width:1200px;overflow:hidden;} .div-cont {position:relative;max-width:1200px;min-height: 60px;margin:0 auto;} button, select {font-family:"Noto Sans KR", "맑은고딕","돋움",arial,Dotum,Verdana,helvetica,clean,sans-serif !important} @media all and (max-width:1200px){#doc-wrap {min-width:320px;z-index: 0;} .div-cont {margin:0 30px}} @media all and (max-width:768px){.div-cont {margin:0 20px}} /* 스킵네비게이션 */ #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: 0;z-index: 9999;} #mcontainer-wrap {position:relative;width:100%} #container {position:relative;max-width:1200px;margin:56px auto 0 auto} #container:after {content:'';clear:both;display:block} /*header-fix*/ #doc-wrap.header-fix #header {position:fixed;top:0;left:0;width:100%;transition:all .5s ease;z-index:15} #doc-wrap.header-fix #cont-navi {transition:all .5s ease} #doc-wrap.header-fix #smart-search {top: 90px;} @media all and (max-width:999px) { #doc-wrap.header-fix #cont-navi {top:71px} #doc-wrap.header-fix #smart-search {top:70px;} } /* 2차메뉴 */ .div-navi .cnavi1{position:relative;display: block;text-align: center;} .div-navi .cnavi1>li{position:relative;display: block;float: left;vertical-align: top;box-sizing: border-box;width: 16%;} .isSub05 .div-navi .cnavi1>li{position:relative;display: block;float: left;vertical-align: top;box-sizing: border-box;width: 16.657778%;} .isSub06 .div-navi .cnavi1.Li30>li{position:relative;display: block;float: left;vertical-align: top;box-sizing: border-box;width: 16%;} .isSub06 .div-navi .cnavi1.Li30>li:nth-child(2){position:relative;display: block;float: left;vertical-align: top;box-sizing: border-box;width: 36%;} .div-navi .cnavi1>li:after {content:"";position:absolute;left:0;bottom:0;background-color: #e8e8e8;width: 1px;height: 100%;} .div-navi .cnavi1>li>a{position:relative;display: block;padding: 20px 12px;} .div-navi .cnavi1>li>a:before{content:"";position: absolute;display: block;padding: 0;bottom: 0;left: 0;background: #1e2c5d;width: 0;height: 2px;transition: all .3s ease;} .div-navi .cnavi1>li>a .txt{position:relative;display: block;padding: 0;margin: 0;font-size: 20px;color: #333;font-weight: 500;letter-spacing: -1px;} .div-navi .cnavi1>li>a:hover .txt, .div-navi .cnavi1>li>a.over .txt{position:relative;color: #5266af;} .div-navi .cnavi1>li>a:hover:before, .div-navi .cnavi1>li>a.over:before{content:"";position: absolute;display: block;padding: 0;bottom: 0;left: 0;background: #1e2c5d;width: 100%;height: 2px;transition: all .3s ease;} .isSub07 .div-navi .cnavi1.Li30>li{position:relative;display: block;float: left;vertical-align: top;box-sizing: border-box;width: 100%;} /* svisual */ #svisual-wrap {position:relative;width:100%;height:310px;background:url(/resources/_Img/Templet/Layout/svis01.jpg) no-repeat 50% 0} #svisual-wrap #visImgWrap {width:100%;position:relative} #svisual-wrap #visImgWrap #visImg {position:relative;height:260px} #svisual-wrap #visImgWrap #visImg .vis-img {display:block;width:2000px;height:auto;position:absolute;top:0;left:50%;margin-left:-1000px} #svisual-wrap .slogan {max-width:1200px;position:absolute;top:0;left:50%;margin-left:-700px;width:100%;text-align:center} #svisual-wrap .slogan img {max-width:100%;display:inline-block;margin-top:50px} #svisual-wrap .lm-tit {position:absolute;left:0;top:145px;width:100%;text-align:center;display:none} #svisual-wrap .lm-tit span {display:block;color:#fff;text-shadow:0 0 5px rgba(0, 0, 0, .8)} #svisual-wrap .lm-tit .tit {font-size:40px;letter-spacing:-.025em;line-height:1.1;font-weight:500;transform:translateY(30px);opacity:0;transition:all .3s ease} #svisual-wrap .lm-tit .txt {font-size:16px;font-weight:300;line-height:1.3;margin:14px 0 0;transform:translateY(30px);opacity:0;transition:all .3s ease .15s} body.loaded #svisual-wrap .lm-tit .tit, body.loaded #svisual-wrap .lm-tit .txt {transform:translateY(0px);opacity:1} @media all and (max-width:1200px) { #svisual-wrap .slogan {max-width:none;left:0;margin-left:0} } @media all and (max-width:999px) { #svisual-wrap {height:220px} #svisual-wrap #visImgWrap #visImg {height:220px} #svisual-wrap #visImgWrap #visImg .vis-img {width:auto;height:100%;margin:0 0 0 -758px} #svisual-wrap .slogan {left:0;margin:0} #svisual-wrap .slogan img {width:295px;height:auto;margin-top:50px} #svisual-wrap .lm-tit {top:80px} #svisual-wrap .lm-tit .tit {font-size:30px} #svisual-wrap .lm-tit .txt {font-size:14px;margin-top:10px} } @media all and (max-width:768px) { #svisual-wrap {height:180px} #svisual-wrap #visImgWrap #visImg {height:180px} #svisual-wrap #visImgWrap #visImg .vis-img {margin:0 0 0 -620px} #svisual-wrap .slogan img {width:240px;height:auto;margin-top:30px} } /* contents */ @media only screen and (min-width:1200px) { #contents {width:100%;min-height:600px;word-break:keep-all;word-wrap:break-word} } #contents .cont-top {position:relative;margin-bottom:43px;height:50px} #contents .cont-top .cont-tit {color:#111;font-size:45px;font-weight:500;letter-spacing:-0.075em;text-align:center} #contents .cont-top > a {position:absolute;top:0;bottom:0;display:block;margin:auto} #contents .cont-top .prev-cont-tit, #contents .cont-top .next-cont-tit {display:none} #contents .cont-top .prev-cont-tit {left:0} #contents .cont-top .next-cont-tit {right:0} #contents .cont-top .prev-cont-tit:before, #contents .cont-top .next-cont-tit:after {content:"";display:inline-block;background:url(/resources/_Templet/Submenu/submenu_kor/_Img/submenu_spr.png) no-repeat;width:19px;height:35px;margin-top:8px} #contents .cont-top .prev-cont-tit:before {background-position:-28px -34px} #contents .cont-top .next-cont-tit:after {background-position:-57px -34px} #contents .cont-top > a span {display:inline-block;border-radius:25px;padding:15px 30px 17px;height:50px;color:#767676;font-size:20px;letter-spacing:-.05em;text-align:center;vertical-align:top;box-sizing:border-box;box-sizing:border-box;transition:all .3s ease} #contents .cont-top > a:hover span, #contents .cont-top > a:focus span {background-color:#015c61;margin:0 20px;padding:16px 24px;/* min-width:142px; */color:#fff;font-size:20px} /* cont-navi */ #cont-navi {position: relative;background: transparent;width:100%;height:60px;margin-top: -30px;z-index:10;} #cont-navi .div-navi{position:relative;max-width:1200px;min-height: 60px;margin:0 auto;background: #fff;box-shadow: 0px 0px 15px rgba(0, 0, 0, .35);} #cont-navi .home {float:left;position:relative;display: none;border-left:1px solid #dfdfdf;width:58px;height:60px;text-align:center;} #cont-navi .home:before {content:"H";position:absolute;top:0;left:0;width:58px;height:auto;font-size:18px;color:#015c61;font-weight:700;line-height:60px;font-family:"sofia-pro"} #cont-navi dl {float:left;position:relative;width:auto;min-width:205px;height:60px;box-sizing:border-box} #cont-navi dl.cnavi2{float:left;position:relative;width:auto;min-width: 246px;height:60px;box-sizing:border-box;} #cont-navi dl.cnavi3{float:left;position:relative;width:auto;min-width: 340px;height:60px;box-sizing:border-box;} #cont-navi dt {position:relative} #cont-navi .home:after, #cont-navi dt:after {content:"";position:absolute;top:0;right:0;background-color:#dfdfdf;width:1px;height:100%} #cont-navi dt a {position:relative;display:block;height:60px;padding-left:30px} #cont-navi dt a .txt {position:relative;display:block;color:#333;font-weight:500;font-size:18px;letter-spacing:-.05em;padding:20px 50px 0 0} #cont-navi dt a .txt:after {content:"";position:absolute;top:24px;right:30px;background:url(/resources/_Templet/Submenu/submenu_kor/_Img/submenu_spr.png) no-repeat 0 -34px;width:18px;height:10px} #cont-navi .sub-list {position:absolute;top:59px;left:-1px;background:#fff;min-width:206px;display:none} #cont-navi .sub-list#cnavi_2{position:absolute;top:59px;left:-1px;background:#fff;min-width: 247px;display:none;} #cont-navi .sub-list#cnavi_3{position:absolute;top:59px;left:-1px;background:#fff;min-width: 341px;display:none;} #cont-navi .sub-list ul {background:#fff;border:1px solid #c3c3c3;border-top:0} #cont-navi .sub-list .mn_a1 {position:relative;display:block;border-bottom:1px solid #ececec;padding:16px 15px 16px 20px;color:#555;font-size:17px} #cont-navi .sub-list#cnavi_3 .mn_a1 {position:relative;display:block;border-bottom:1px solid #ececec;padding: 16px 16px 16px 20px;color:#555;font-size:17px;white-space: nowrap;} #cont-navi .sub-list li:last-child .mn_a1 {border-bottom:0} #cont-navi .sub-list .mn_a1:after {display:none;content:"";position:absolute;top:50%;right:22px;border:2px solid transparent;border-top:2px solid #fff;border-left:2px solid #fff;width:6px;height:6px;margin-top:-3px;transform:rotate(135deg);-ms-transform:rotate(135deg)}} #cont-navi .sub-list .mn_a1[target=_blank] span:after {display:inline-block;content:"";width:11px;height:11px;vertical-align:middle;margin-left:10px;background:url(/resources/_Img/Common/ico_nw.png) no-repeat 0 0} #cont-navi .sub-list .mn_a1:hover, #cont-navi .sub-list .mn_a1:focus, #cont-navi .sub-list li.isOver {background:#006769} #cont-navi .sub-list .mn_a1:hover span, #cont-navi .sub-list .mn_a1:focus span, #cont-navi .sub-list li.isOver a span {color:#fff} #cont-navi .sub-list .mn_a1:hover:after, #cont-navi .sub-list .mn_a1:focus:after, #cont-navi .sub-list li.isOver a:after{display:block} #cont-navi .cont-ctrl-btns {position:absolute;right:0;top:0;height:60px;font-size:0;z-index:1} #cont-navi .cont-ctrl-btns button {position:relative;background-color:transparent;border:0;border-bottom:1px solid rgba(255, 255, 255, .3);width:60px;height:59px;transition:all .3s ease} #cont-navi .cont-ctrl-btns .btn-share {background-color:#ea7400} #cont-navi .cont-ctrl-btns .btn-print {background-color:#007781} #cont-navi .cont-ctrl-btns button:before {content:"";display:block;position:absolute;top:0;bottom:0;right:0;left:0;background-image:url(/resources/_Templet/Submenu/submenu_kor/_Img/submenu_spr.png);width:24px;height:24px;margin:auto} #cont-navi .cont-ctrl-btns .btn-share:before {background-position:0 0} #cont-navi .cont-ctrl-btns .btn-print:before {background-position:-35px 0} #cont-navi .cont-ctrl-btns .sns-list {display:none;position:absolute;top:59px;left:0;z-index:3;width:60px} #cont-navi .cont-ctrl-btns .sns-list button {background:none;display:block;width:60px;height:60px;background-color:#ea7400;transition:all .3s ease} #cont-navi .cont-ctrl-btns .sns-list button:before {display:none} #cont-navi .cont-ctrl-btns .sns-list button span {position:relative;display:block;border-radius:50%;width:41px;height:41px;margin:0 auto;font-size:0;transition:all .3s ease} #cont-navi .cont-ctrl-btns .sns-list button span:before {content:"";position:absolute;left:0;right:0;top:0;bottom:0;background-image:url(/resources/_Templet/Submenu/submenu_kor/_Img/submenu_spr.png);width:21px;height:21px;margin:auto;transition:background-color .3s ease} #cont-navi .cont-ctrl-btns .sns-list .btn-fb span:before {background-position:-85px 0} #cont-navi .cont-ctrl-btns .sns-list .btn-insta span:before {background-position:-116px 0} #cont-navi .cont-ctrl-btns .sns-list .btn-nb span:before {background-position:-147px 0} #cont-navi .cont-ctrl-btns .sns-list button:hover span, #cont-navi .cont-ctrl-btns .sns-list button:focus span {background-color:#fff} #cont-navi .cont-ctrl-btns .sns-list .btn-fb:hover span:before {background-position:-85px -31px} #cont-navi .cont-ctrl-btns .sns-list .btn-insta:hover span:before {background-position:-116px -31px} #cont-navi .cont-ctrl-btns .sns-list .btn-nb:hover span:before {background-position:-147px -31px} @media all and (max-width:1200px){ #cont-navi .div-cont {margin:0} } @media all and(max-width:999px) { #cont-navi {position:relative;top:auto;bottom:auto;right:auto;left:auto;margin:-30px 15px 0;width:auto} #cont-navi .div-cont {margin:0} #cont-navi dl {min-width:190px} #cont-navi dl:after {top:13px;height:30px} #cont-navi dl.is-last:after {display:block} #cont-navi dt a {padding-left:10px} #cont-navi dt a .txt {font-size:15px;padding-top:17px} #cont-navi .sub-list {min-width:210px} #cont-navi .sub-list .mn_a1 {font-size:14px;padding:12px 10px 15px 10px} } @media all and (max-width:999px){ #container {margin-top:30px} #contents {width:auto;max-width:100%;float:none} #contents .cont-top {height:40px;margin-bottom:30px} #contents .cont-top .cont-tit {font-size:40px} #contents .cont-top > a span {height:40px;padding:9px 30px 10px} #header-wrap {padding-left:0;} } @media all and (max-width:768px){ #cont-navi {display:none} #container {margin-top:0} #contents #cont {padding-bottom:40px} #contents .cont-top {margin:14px 0 12px;padding:20px 0 20px;margin-bottom:0;border:0} #contents .cont-top .cont-tit {position:relative;font-size:30px} #contents .cont-top .prev-cont-tit:before, #contents .cont-top .next-cont-tit:after {background-size:191px auto;width:15px;height:28px;margin-top:22px} #contents .cont-top .prev-cont-tit:before {background-position:-22px -27px} #contents .cont-top .next-cont-tit:after {background-position:-45px -27px} #contents .cont-top > a span {display:none} #header-wrap {height:auto;} } #contents #cont {padding:0 0 50px 0;font-size:17px;font-weight:400;color:#555;letter-spacing:-0.05em;line-height:1.647;word-break:keep-all;word-wrap:break-word;min-height:400px} #contents #cont button, #contents #cont select, #contents #cont input[type="text"], #contents #cont input[type="password"] {font-size:17px;font-weight:400;color:#555;line-height:1} #contents #cont textarea {font-size:17px;font-weight:400;color:#555} #contents #cont:after {clear:both;content:"";display:block} @media all and (max-width:799px) { #contents #cont {font-size:16px;line-height:1.5} #contents #cont button, #contents #cont select, #contents #cont input[type="text"], #contents #cont input[type="password"] {font-size:16px} #contents #cont textarea {font-size:16px;line-height:1.5} } @media all and (max-width:599px){ #contents #cont {padding-bottom:30px;font-size:15px;line-height:1.467} #contents #cont button, #contents #cont select, #contents #cont input[type="text"], #contents #cont input[type="password"] {font-size:15px} #contents #cont textarea {font-size:15px;line-height:1.467} } /*-------------------------gnavi_kor.css------------------------------------*/ /* global */ #global {position:relative;background:#fff;text-align:right;z-index:6} #global .glink-left {position:absolute;left:0;top:0;font-size:0;} #global .glink-left a {display:inline-block;min-width:120px;font-size:14px;line-height:44px;text-align:center;transition:all .3s ease} #global .glink-left a.link1 {background-color:#015c61;color:#fff} #global .glink-left a.link2 {background-color:#f0f0f0;color:#333;letter-spacing:-.05em} #global .glink-left a:hover, #global .glink-left a:focus {text-decoration:underline} #global .srvc-link {display:inline-block} #global .srvc-link a {position:relative;display:inline-block;padding:0 15px;font-size:14px;color:#222;line-height:2.142;vertical-align:middle} #global .srvc-link a:after, #global .srvc-link > a:hover, #global .srvc-link > a:focus {text-decoration:underline} #global .gsel-lang dl:after {content:"";position:absolute;left:-2px;top:50%;background-color:#4b4442;width:3px;height:3px} #global .srvc-link a:first-child:after {display:none} #global .gsel-lang {position:relative;display:inline-block;line-height:1.35em;height:44px;vertical-align:middle} #global .gsel-lang dl {height:100%;transition:height .2s ease;overflow:hidden} #global .gsel-lang dt a {position:relative;display:block;padding:7px 27px 0 15px;height:44px;color:#222;font-size:14px;box-sizing:border-box} #global .gsel-lang dt a:before {content:"";position:absolute;display:block;right:0;top:14px;width:24px;height:24px;vertical-align:middle;background:url(/resources/homepage/kor/_Img/Layout/layout_spr.png) no-repeat -41px 0} #global .gsel-lang dd {width:100%;overflow:hidden} #global .gsel-lang dd ul {background-color:#fff;border:1px solid #979797;width:98px;padding:8px 0 9px 0;box-sizing:border-box} #global .gsel-lang dd a {display:block;font-size:13px;text-align:center;line-height:1.923} #global .gsel-lang dd a span {position:relative;color:#555} #global .gsel-lang dd a span:before {content:"";display:block;position:absolute;left:0;bottom:-1px;background-color:#00acb2;width:0;height:1px;transition:all .3s ease} #global .gsel-lang dd a:hover span, #global .gsel-lang dd a:focus span, #global .gsel-lang dd a:active span {color:#00acb2} #global .gsel-lang dd a:hover span:before, #global .gsel-lang dd a:focus span:before, #global .gsel-lang dd a:active span:before {width:100%} #global .gsel-lang .is-open dd {height:11.5em} @media all and (max-width:1200px) { } @media all and (max-width:999px) { #global {position:absolute;left:-30000px;height:40px} #global .div-cont {margin:0} #global .sns-lnk a {height:40px;width:45px} #global .sns-lnk a.fb {background-position:-2px -66px} #global .sns-lnk a.tw {background-position:-2px -116px} #global .sns-lnk a.blog {background-position:-2px -166px} #global .employ-btn {height:40px} #global .employ-btn span {line-height:40px;font-size:13px} #global .gsel-lang {height:40px} #global .gsel-lang dt a {padding:8px 10px 0 10px;height:32px} } @media all and (max-width:460px){ #global .employ-btn {padding:0 10px} #global .employ-btn span:before {display:none} #global .gsel-lang dt a:before {display:none} } @media all and (max-width:320px){ #global .sns-lnk a {width: 38px} #global .sns-lnk a.fb {background-position:-6px -66px} #global .sns-lnk a.tw {background-position:-6px -116px} #global .sns-lnk a.blog {background-position:-6px -166px} } /* 로고 마우스 오버시 이미지 변화 */ #header-wrap #logo{position:relative;background-color: transparent;max-width:1200px;height:0;margin:0 auto;} #doc-wrap #header-wrap #logo .logo {position:absolute;left:0;top:23px;display:block;width: 247px;z-index:5;transition: all .3s ease;} #doc-wrap.header-fix #header-wrap #logo .logo {position:absolute;left: 60px;top: 10px;display:block;width: 160px;z-index:5;transition: all .3s ease;} #doc-wrap #header-wrap #logo .logo a, #doc-wrap #header-wrap #logo .logo a span {display:block;position: relative;padding: 0;margin: 0;} #doc-wrap #header-wrap #logo .logo a span{position: relative;display: block;padding: 0;margin: 0;width: 247px;height: 91px;background: url(/astro/_Img/_All-Img/Top-Logo.png)no-repeat;background-size: 100%;box-sizing: border-box;overflow: hidden;transition: all .3s ease;} #doc-wrap.header-fix #header-wrap #logo .logo a span{position: relative;display: block;padding: 0;margin: 0;width: 160px;height: 61px;background: url(/astro/_Img/_All-Img/Top-Logo.png)no-repeat;background-size: 100%;box-sizing: border-box;overflow: hidden;transition: all .3s ease;} #doc-wrap #header-wrap.over #logo .logo a span{position: relative;display: inline-block;padding: 0;margin: 0;width: 247px;height: 91px;background: url(/astro/_Img/_All-Img/Top-Logo-over.png)no-repeat;background-size: 100%;box-sizing: border-box;overflow: hidden;transition: all .3s ease;} #doc-wrap.header-fix #header-wrap.over #logo .logo a span{position: relative;display: block;padding: 0;margin: 0;width: 160px;height: 61px;background: url(/astro/_Img/_All-Img/Top-Logo-over.png)no-repeat;background-size: 100%;box-sizing: border-box;overflow: hidden;transition: all .3s ease;} #header-wrap #logo .logo a span>img{background:url(/astro/_Img/_All-Img/Top-Logo.png);display: none;} #header-wrap #logo .logo a span em {display:none} @media all and (max-width:1220px){ #header-wrap #logo{position:relative;background-color: transparent;max-width:1200px;height:0;margin:0 auto;} #doc-wrap #header-wrap #logo .logo{position:absolute;left: 35px;top: 15px;display:block;width: 247px;z-index:5;transition: all .3s ease;} } @media all and (max-width:1200px){ #header-wrap #logo{position:relative;background-color: transparent;max-width:1200px;height:0;margin:0 auto;} #header-wrap #logo .logo{left:15px} } @media all and (max-width:999px){ #header-wrap #logo {border-bottom:1px solid #c3c3c3;max-width: 100%;width:auto;height:auto;text-align:center;} #header-wrap #logo .logo {position:static;display:inline-block;margin: 0;} #doc-wrap #header-wrap #logo .logo{position:absolute;left: 50%;top: 15px;display:block;width: 190px;z-index:5;margin-left: -80px;transition: all .3s ease;} #header-wrap #logo .logo a img {height:35px} #doc-wrap #header-wrap #logo .logo a span{position: relative;display: block;padding: 0;margin: 0;width: 163px;height: 60px;background: url(/astro/_Img/_All-Img/Top-Logo.png)no-repeat;background-size: cover;box-sizing: border-box;overflow: hidden;transition: all .3s ease;} #doc-wrap.header-fix #header-wrap #logo .logo {position:absolute;left: 50%;top: 10px;display:block;width: 160px;z-index:5;transition: all .3s ease;} } @media all and (max-width:640px){ } /* 헤더 */ #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:after {clear:both;display:block;content:""} #menu-wrap .menu-cont {width:76%;padding-left:24%} #mn-ctrs-btns {display:none} /* 천문대주메뉴 */ @media all and (min-width:1000px) { #menu-wrap .mn-top, #menu-wrap .mem-btn, #menu-wrap .btn-close {display:none} #menu-wrap .tmn-box {position:absolute;left:-30000px} #mainNavi-wrap {position:relative;/* background:#fff; */border-top:1px solid #dcdcdc;width:100%;height: 130px;box-sizing:border-box;z-index:1;overflow: hidden;transition: all .3s ease;} #mainNavi-wrap:before {content:"";z-index: 1;position:absolute;left:0;top: 128px;width: 100%;height: 1px;background: transparent;transition: all .3s ease;} #doc-wrap.header-fix #mainNavi-wrap:before {content:"";z-index: 1;position:absolute;left:0;top: 88px;width: 100%;height: 1px;background: transparent;transition: all .3s ease;} #mainNavi-wrap:after {content:"";position:absolute;top: 0;left:0;background-color:#dcdcdc;width:100%;height: 100%;z-index:-1;background:rgba(19, 19, 19, 0.43);transition: all .3s ease;} #doc-wrap.header-fix #mainNavi-wrap:after {content:"";position:absolute;top: 0;left:0;background-color:#dcdcdc;width:100%;height: 100%;z-index:-1;background: rgba(51, 51, 51, 0.45);transition: all .3s ease;} #mainNavi-wrap.over {border-bottom:1px solid #dcdcdc} #mainNavi-wrap.over:before {display:block;background: #ddd;transition: all .3s ease;} #doc-wrap.header-fix #mainNavi-wrap.over:before {display:block;background: #ddd;transition: all .3s ease;} #mainNavi-wrap.over:after {display:block;background: rgb(255, 255, 255);transition: all .3s ease;} #doc-wrap.header-fix #mainNavi-wrap.over:after {display:block;background: rgb(255, 255, 255);transition: all .3s ease;} #menu-wrap {position:relative;width:auto;max-width:1200px;margin:0 auto;padding-left: 260px;padding-right: 100px;box-sizing:border-box;} #mainNavi {height: 130px;transition: all .3s ease;} #doc-wrap.header-fix #mainNavi{height: 90px;transition: all .3s ease;} #mainNavi .depth1-ul {overflow:hidden;text-align: left;display: inline-block;} #mainNavi > ul > li:first-child {padding-left:8px} #mainNavi .mn_li1 {display:inline-block;text-align:center;margin: 0;padding: 0;} #mainNavi .mn_a1 {position:relative;display:block;padding: 50px 30px;font-size:22px;font-weight: 400;color: #fff;line-height:1.363;letter-spacing:-.05em;transition: all .3s ease;} #doc-wrap.header-fix #mainNavi .mn_a1 {position:relative;display:block;padding: 29px 30px;font-size:22px;font-weight: 400;color: #fff;line-height:1.363;letter-spacing:-.05em;transition: all .3s ease;} #mainNavi-wrap.over #mainNavi .mn_a1 {color: #484848;} #mainNavi .mn_a1:after {content:"";position:absolute;left: 50%;bottom: 10px;background: #587db7;height: 10px;margin-left: -5px;border-radius: 50%;transition:all .3s ease;} #doc-wrap.header-fix #mainNavi .mn_a1:after {content:"";position:absolute;left: 50%;bottom: 0px;background: #587db7;height: 10px;margin-left: -5px;border-radius: 50%;transition:all .3s ease;} #mainNavi .mn_li1 .mn_a1:hover, #mainNavi .mn_li1 .mn_a1:hover span, #mainNavi .mn_li1.over .mn_a1 span {} #mainNavi .mn_a1:hover:after, #mainNavi .mn_a1:focus:after, #mainNavi .mn_li1.over .mn_a1:after {width: 10px;bottom: 30px;} #doc-wrap.header-fix #mainNavi .mn_li1.over .mn_a1:after {width: 10px;bottom: 10px;} #mainNavi .mn_li1.over .depth2-wrap {display:block !important;} #mainNavi .depth2-wrap {display:none;position:absolute;top: 129px;left:0;width:100%;min-height: 100px;padding: 0 0 0 300px;margin: 0;text-align:left;font-weight:normal;box-sizing:border-box;z-index:1000;} #doc-wrap.header-fix #mainNavi .depth2-wrap {display:none;position:absolute;top: 89px;left:0;width:100%;min-height: 100px;padding: 0 0 0 300px;margin: 0;text-align:left;font-weight:normal;box-sizing:border-box;z-index:1000;} #mainNavi .depth2-wrap:before {content:"";display:block;position:absolute;top:0;left:50%;background-color:#fff;width:2000px;margin:0 0 0 -1000px;z-index:-1;} #mainNavi .depth2-wrap:after{content:"";display:block;position:absolute;top:0;left:50%;background-color:#fff;width:2000px;margin:0 0 0 -1000px;z-index:-1} #mainNavi .depth2-wrap .depth2-ul {position:relative;display:table;border-left: 1px solid #e1e1e1;width:100%;min-height: 100px;overflow:hidden;} #mainNavi .depth2-wrap .depth2-ul:before {content:"";display:block;position:absolute;left:0;top:0;background: transparent;height:100%;z-index:-1;} #mainNavi .depth2-wrap .mn_li2 {/* border-bottom:1px solid #ebebeb; */display: inline-block;padding: 0;margin: 0;} #mainNavi .depth2-wrap .mn_li2:after {content:"";clear:both;display:block} #mainNavi .depth2-wrap .mn_li2:last-child {border-bottom:0} #mainNavi .depth2-wrap .mn_li2 .mn_a2 {display: block;position:relative;padding: 29px 30px 30px 20px;vertical-align:middle;transition:all .3s ease;} #mainNavi .mn_li1:nth-child(3) .depth2-wrap .mn_li2 .mn_a2 {display: block;position:relative;padding: 29px 25px 30px 17px;vertical-align:middle;transition:all .3s ease;} #mainNavi .depth2-wrap .mn_li2 .mn_a2 span {position:relative;display:inline-block;padding: 10px 10px 10px 0;color:#333;font-size: 20px;font-weight:500;letter-spacing:-.05em;transition:all .3s ease;} #mainNavi .depth2-wrap .mn_li2 .mn_a2:after {display:none;content:"";position:absolute;top:50%;right: 20px;margin: 0;border:2px solid transparent;border-top:2px solid rgba(255, 255, 255, .5);border-left:2px solid rgba(255, 255, 255, .5);width:6px;height:6px;margin-top:-3px;transform:rotate(135deg);-ms-transform:rotate(135deg);} #mainNavi .depth2-wrap .mn_li2 .mn_a2:hover, #mainNavi .depth2-wrap .mn_li2 .mn_a2:focus, #mainNavi .depth2-wrap .mn_li2.over .mn_a2{background-color:#7b93b1} #mainNavi .depth2-wrap .mn_li2 .mn_a2:hover span, #mainNavi .depth2-wrap .mn_li2 .mn_a2:focus span, #mainNavi .depth2-wrap .mn_li2.over .mn_a2 span{color:#fff} #mainNavi .depth2-wrap .mn_li2 .mn_a2:after {display:block} #mainNavi .depth2-wrap .mn_li2 .mn_a2:hover:after, #mainNavi .depth2-wrap .mn_li2 .mn_a2:focus:after, #mainNavi .depth2-wrap .mn_li2.over .mn_a2:after {display:block} #mainNavi .depth2-wrap .depth1-tit {position:absolute;top:0;left: 0;width: 300px;height: 99px;padding: 0;box-sizing:border-box;} #mainNavi .depth2-wrap .depth1-tit .depth1-tel {position:relative;background-color:#edf2f2;height: 100%;padding: 0;margin: 0;vertical-align: middle;box-sizing:border-box;} #mainNavi .depth2-wrap .depth1-tit .depth1-tel:after {content:"";position:absolute;top:0;bottom:0;right:14px;width:82px;height: 58px;margin:auto;} #mainNavi .depth2-wrap .depth1-tit .depth1-tel .tit {padding: 30px 30px 31px;margin: 0;color: #334767;font-weight:500;font-size: 30px;letter-spacing:-.05em;line-height:1.2;} #mainNavi .depth2-wrap .depth1-tit .depth1-tel .tel {color:#1b4e50;font-size:32px;font-weight:500;font-family:"sofia-pro"} #mainNavi .depth2-wrap .depth1-tit ul {overflow:hidden;font-size:0} #mainNavi .depth2-wrap .depth1-tit ul li {display:inline-block;width:50%;box-sizing:border-box} #mainNavi .depth2-wrap .depth1-tit ul li:first-child {border-right:1px solid #e1e1e1} #mainNavi .depth2-wrap .depth1-tit ul li a {display:block;text-align:center} #mainNavi .depth2-wrap .depth1-tit ul li span {display:block} #mainNavi .depth2-wrap .depth1-tit ul li .depth01-tit-icon {position:relative;background-color:#f2f2f2;border-radius:50%;width:80px;height:80px;margin:15px auto 16px} #mainNavi .depth2-wrap .depth1-tit ul li .depth01-tit-icon:before {content:"";display:block;position:absolute;left:0;right:0;top:0;background:url(/resources/homepage/kor/_Img/Layout/layout_spr.png) no-repeat;width:48px;height:48px;bottom:0;margin:auto} #mainNavi .depth2-wrap .depth1-tit ul li .depth01-tit-icon01:before {background-position:-92px -40px} #mainNavi .depth2-wrap .depth1-tit ul li .depth01-tit-icon02:before {background-position:-150px -40px} #mainNavi .depth2-wrap .depth1-tit ul li .txt {margin:0 0 22px -1px;color:#333;font-weight:500;font-size:17px;letter-spacing:-.05em} #mainNavi .depth2-wrap .depth1-tit ul li a:hover .depth01-tit-icon, #mainNavi .depth2-wrap .depth1-tit ul li a:focus .depth01-tit-icon {-webkit-animation: rotate 1.5s ease-in-out infinite;-moz-animation: rotate 1.5s ease-in-out infinite;animation: rotate 1.5s ease-in-out infinite} #mainNavi .depth3-wrap {display: none;width: 0;} #mainNavi .depth3-wrap .depth3-ul {padding:0 20px 10px 18px;font-size:0} #mainNavi .depth3-wrap .mn_li3 {display:inline-block;margin-top:15px;vertical-align:top} #mainNavi .depth3-wrap .mn_a3 {position:relative;display:block;padding:1px 10px 2px 8px} #mainNavi .depth3-wrap .mn_a3:before {opacity:0;content:"";position:absolute;left:0;top:8px;background-color:#00696d;border-radius:50%;width:3px;height:3px;transition:all .3s ease} #mainNavi .depth3-wrap .mn_a3 span {position:relative;display:inline-block;font-size:15px;color:#666;letter-spacing:-.05em} #mainNavi .depth3-wrap .mn_a3 span:before {content:"";position:absolute;left:0;bottom:-4px;width:0;height:1px;background:#00696d;transition:all .3s ease} #mainNavi .depth3-wrap .mn_a3.over:before, #mainNavi .depth3-wrap .mn_a3:hover:before, #mainNavi .depth3-wrap .mn_a3:focus:before {opacity:1} #mainNavi .depth3-wrap .mn_a3.over span, #mainNavi .depth3-wrap .mn_a3:hover span, #mainNavi .depth3-wrap .mn_a3:focus span {color:#00696d} #mainNavi .depth3-wrap .mn_a3.over span:before, #mainNavi .depth3-wrap .mn_a3:hover span:before, #mainNavi .depth3-wrap .mn_a3:focus span:before {width:100%} #mainNavi .mn_a1[target=_blank] span:after, #mainNavi .mn_a2[target=_blank] span:after, #mainNavi .mn_a3[target=_blank] span:after {display:inline-block;content:"";width:10px;height:10px;vertical-align:middle;margin-left:10px;/*background:url(/resources/_Templet/TMPL01/_Img/Layout/header_spr.png) no-repeat -22px 0*/} #mainNavi .mn_a1[target=_blank].over span:after, #mainNavi .mn_a2[target=_blank].over span:after, #mainNavi .mn_a3[target=_blank].over span:after, #mainNavi .mn_a1[target=_blank]:hover span:after, #mainNavi .mn_a2[target=_blank]:hover span:after, #mainNavi .mn_a3[target=_blank]:hover span:after, #mainNavi .mn_a1[target=_blank]:focus span:after, #mainNavi .mn_a2[target=_blank]:focus span:after, #mainNavi .mn_a3[target=_blank]:focus span:after, #mainNavi .mn_a1[target=_blank]:active span:after, #mainNavi .mn_a2[target=_blank]:active span:after, #mainNavi .mn_a3[target=_blank]:active span:after {background-position:-34px 0} #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} } @media all and (min-width:1000px) { .pc_n { display:none !important} #mainNavi .mn_a1 {position:relative;display:block;padding: 50px 10px;font-size: 20px;font-weight: 400;color: #fff;line-height:1.363;letter-spacing:-.05em;transition: all .3s ease;} #doc-wrap.header-fix #mainNavi .mn_a1 {position:relative;display:block;padding: 30px 3px;font-size: 20px;font-weight: 400;color: #fff;line-height:1.363;letter-spacing:-.05em;transition: all .3s ease;} #mainNavi-wrap.over #mainNavi .mn_a1 {color: #484848;} } @media all and (min-width:1040px) { #mainNavi .mn_a1 {position:relative;display:block;padding: 50px 3px;font-size: 19px;font-weight: 400;color: #fff;line-height:1.363;letter-spacing:-.05em;transition: all .3s ease;} #doc-wrap.header-fix #mainNavi .mn_a1 {position:relative;display:block;padding: 30px 2px;font-size: 20px;font-weight: 400;color: #fff;line-height:1.363;letter-spacing:-.05em;transition: all .3s ease;} #mainNavi-wrap.over #mainNavi .mn_a1 {color: #484848;} } @media all and (min-width:1100px) { #mainNavi .mn_a1 {position:relative;display:block;padding: 50px 15px;font-size: 19px;font-weight: 400;color: #fff;line-height:1.363;letter-spacing:-.05em;transition: all .3s ease;} #doc-wrap.header-fix #mainNavi .mn_a1 {position:relative;display:block;padding: 30px 5px;font-size: 20px;font-weight: 400;color: #fff;line-height:1.363;letter-spacing:-.05em;transition: all .3s ease;} #mainNavi-wrap.over #mainNavi .mn_a1 {color: #484848;} } @media all and (min-width:1110px) { #mainNavi .mn_a1 {position:relative;display:block;padding: 50px 8px;font-size: 19px;font-weight: 400;color: #fff;line-height:1.363;letter-spacing:-.05em;transition: all .3s ease;} #doc-wrap.header-fix #mainNavi .mn_a1 {position:relative;display:block;padding: 30px 10px;font-size: 19px;font-weight: 400;color: #fff;line-height:1.363;letter-spacing:-.05em;transition: all .3s ease;} #mainNavi-wrap.over #mainNavi .mn_a1 {color: #484848;} } @media all and (min-width:1200px) { #mainNavi .mn_a1 {position:relative;display:block;padding: 50px 18px;font-size: 19px;font-weight: 400;color: #fff;line-height:1.363;letter-spacing:-.05em;transition: all .3s ease;} #doc-wrap.header-fix #mainNavi .mn_a1 {position:relative;display:block;padding: 30px 17px;font-size: 19px;font-weight: 400;color: #fff;line-height:1.363;letter-spacing:-.05em;transition: all .3s ease;} #mainNavi-wrap.over #mainNavi .mn_a1 {color: #484848;} } @media all and (min-width:1240px) { #mainNavi .mn_a1 {position:relative;display:block;padding: 50px 20px;font-size: 19px;font-weight: 400;color: #fff;margin: 0px 1px;line-height:1.363;letter-spacing:-.05em;transition: all .3s ease;} #doc-wrap.header-fix #mainNavi .mn_a1 {position:relative;display:block;padding: 30px 20px;font-size: 19px;font-weight: 400;color: #fff;line-height:1.363;letter-spacing:-.05em;transition: all .3s ease;} #mainNavi-wrap.over #mainNavi .mn_a1 {color: #484848;} } @media all and (max-width:1500px) and (min-width:1000px) { } @media all and (max-width:1200px) and (min-width:1000px) { #menu-wrap {padding-left: 295px;padding-right: 150px;text-align:center;} #mainNavi .depth2-wrap {padding:0;width:100%} #mainNavi .depth2-wrap .depth1-tit {display:none} #mainNavi .mn_li1 {margin: 0;} #topBtnCtrl {right:15px} } /* 검색 및 사이트맵 버튼*/ #topBtnCtrl {position:relative;width:100%;height:0;max-width:1200px;margin:0 auto;z-index:5} #topBtnCtrl .topbtn-ctrl {position:absolute;right:0;top: 34px;overflow:hidden;transition: all .3s ease;} #doc-wrap.header-fix #topBtnCtrl .topbtn-ctrl {position:absolute;right:0;top: 14px;overflow:hidden;transition: all .3s ease;} #topBtnCtrl .topbtn-ctrl button, #topBtnCtrl .topbtn-ctrl a {position:relative;display:inline-block;margin: 0;font-size:0;vertical-align:middle;} #topBtnCtrl .topbtn-ctrl button {background:transparent;border:0;width: 55px;height:55px;padding: 0;outline: none;} #topBtnCtrl .topbtn-ctrl button>i{border:0;width:31px;height:55px;padding: 0;font-size: 32px;color: #fff;top: 12px;left: -1px;position: relative;transition:all .3s ease;} #topBtnCtrl .topbtn-ctrl .btn-search {margin-right: 0;} #topBtnCtrl .topbtn-ctrl .btn-search:before {content:"";z-index: -1;display:block;position:absolute;left: 0;top:0;background-color: rgba(11, 15, 105, 0.27);width:55px;height:55px;opacity:0;border-radius: 50%;} #topBtnCtrl .topbtn-ctrl .btn-search:after {content:"";display:block;width:31px;height:31px;} #topBtnCtrl .topbtn-ctrl .btn-search.is-open:before {opacity:1;} #topBtnCtrl .topbtn-ctrl .btn-search.is-open:after{position:absolute;top:0;bottom:0;left:0;right:0;background-position:-69px 0;width:20px;height:20px;margin:auto} #topBtnCtrl .topbtn-ctrl .allmn-btn {width:30px;height:22px} #topBtnCtrl .topbtn-ctrl .allmn-btn span {display:block;width:1px;height:1px;font-size:0px;line-height:0;overflow:hidden;text-indent:-9999em} #topBtnCtrl .topbtn-ctrl .allmn-btn:before, #topBtnCtrl .topbtn-ctrl .allmn-btn:after, #topBtnCtrl .topbtn-ctrl .allmn-btn span:before {display:block;content:"";position:absolute;left:50%;background: #ffffff;width:30px;height:2px;margin-left:-15px;transition:all .3s ease;} #topBtnCtrl .topbtn-ctrl .allmn-btn:before {top:0} #topBtnCtrl .topbtn-ctrl .allmn-btn:after {top:10px} #topBtnCtrl .topbtn-ctrl .allmn-btn span:before {top:20px} #topBtnCtrl .topbtn-ctrl .allmn-btn:hover:before, #topBtnCtrl .topbtn-ctrl .allmn-btn:hover span:before {width:22px} #topBtnCtrl .topbtn-ctrl .allmn-btn:hover:after {width:26px;margin-left:-5px} #topBtnCtrl .topbtn-ctrl .engbx {position: relative;display: inline-block;} #topBtnCtrl .topbtn-ctrl .engbx .engIcon{position: relative;display: block;width: 41px;box-sizing: border-box;} #topBtnCtrl .topbtn-ctrl .engbx .engIcon>i{position: relative;display: block;top: 7px;box-sizing: border-box;font-size: 30px;margin: 0 0 0 14px;color: #fff;} #topBtnCtrl .topbtn-ctrl .Eng-btn {width: 55px;height: auto;margin: 0;top: -2px;} #topBtnCtrl .topbtn-ctrl .Eng-btn>.txt {position: relative;display: block;padding: 0;margin: 0;color: #bcbeff;font-size: 17px;line-height: 20px;} #topBtnCtrl .topbtn-ctrl .Eng-btn>.txt:hover { color:#fff500 } @media all and (max-width:1200px){ #topBtnCtrl .topbtn-ctrl {position:absolute;right: 15px;top: 39px;overflow:hidden;transition: all .3s ease;} } @media all and (max-width:1000px){ #topBtnCtrl .topbtn-ctrl {position:absolute;right: 10px;top: 13px;overflow:hidden;transition: all .3s ease;} } header.over #topBtnCtrl .topbtn-ctrl button>i{color: #555;transition:all .3s ease;} header.over #topBtnCtrl .topbtn-ctrl .allmn-btn:before, header.over #topBtnCtrl .topbtn-ctrl .allmn-btn:after, header.over #topBtnCtrl .topbtn-ctrl .allmn-btn span:before{background: #333;transition:all .3s ease;} header.over #topBtnCtrl .topbtn-ctrl .engbx .engIcon>i {color:#333;transition:all .3s ease;} #smart-search {display:none;position:absolute;left:0;top: 130px;background-color: #fff;width:100%;padding: 15px 0;box-sizing:border-box;} #smart-search .tit {position:relative;margin-bottom:40px;color: #333;font-size:22px;text-align:center;letter-spacing:.5em;font-family:"sofia-pro";overflow:hidden;display: none;} #smart-search .tit:before, #smart-search .tit:after {content:"";position:absolute;top:50%;display:block;background-color: #333;width:91.58%;height:1px;} #smart-search .tit:before {left:60%;} #smart-search .tit:after {right:60%} #smart-search .search-box {position:relative;background-color: #c5d0da;border-radius:35px;width:60%;max-width:700px;margin:0 auto;padding:14px 34px 18px;box-sizing:border-box;} #smart-search .search-box .input-box {width:80%} #smart-search .search-box .input-box input.text {background-color: #c5d0da;border:0;width:100%;height:30px;color: #4a5c67;font-size:17px;letter-spacing:-.05em;line-height:1.764;outline: none;} #smart-search .search-box .btn-search {position:absolute;top:50%;right:30px;border:0;width:31px;height:31px;margin-top:-15px;background: transparent;} #smart-search .search-box .btn-search>i{width: 30px;height: 30px;font-size: 30px;background: transparent;color: #fff;} @media only screen and (max-width:1009px){ /* 메뉴 */ /*#mainNavi-wrap {overflow:inherit;position:absolute;top:0;right:0;width:100%;height:auto !important}*/ #mainNavi-wrap {position: absolute;/* background:#fff; */border-top:1px solid #dcdcdc;width:100%;height: 90px !important;box-sizing:border-box;z-index: 1;transition: all .3s ease;} .over-open #mainNavi-wrap {position: absolute;/* background:#fff; */border-top:1px solid #dcdcdc;width:100%;height: 90px !important;box-sizing:border-box;z-index: 35;transition: all .3s ease;} #mainNavi-wrap:after {content:"";position:absolute;top: 0;left:0;background-color:#dcdcdc;width:100%;height: 100%;z-index:-1;background: rgba(0, 0, 0, 0.59);transition: all .3s ease;} #menu-wrap {position:absolute;top:0;left:-100%;right:auto;background-color: rgba(2, 2, 2, 0.86);width:100%;max-width:400px;height:9000px;padding:0;margin:0;overflow-y:scroll;overflow-x:hidden;transition:left 0.3s ease;z-index:8000;} #menu-wrap:before {display:block;content:"";position:absolute;top:0;left:0;background-color: rgba(4, 66, 136, 0.51);width: 200px;height: 150%;margin: 70px 0 0 0;} #menu-wrap.mn-h-open {left: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 {background:none;border:0} #menu-wrap.mn-h-open #mainNavi {position:absolute;right:auto;left:0;top:70px;width:100%;z-index:1} #menu-wrap .mem-btn {overflow:hidden;background:#2b405b;border-top:1px solid rgba(255,255,255,0.2)} #menu-wrap .mem-btn a {float:left;width:50%;text-align:center;font-size:13px;padding:10px 5px;color:#fff;box-sizing:border-box} #menu-wrap .mem-btn a span {display:inline-block;padding:1px 0 1px 23px} #menu-wrap .mem-btn a span.login {background:url(/resources/_Img/Templet/Layout/mlogin_ico.png) no-repeat 0 50%} #menu-wrap .mem-btn a span.mypage {background:url(/resources/_Img/Templet/Layout/my_ico.png) no-repeat 0 50%} #menu-wrap .tmn-box {position:relative;background-size:cover;height:70px;padding:17px 20px 23px 0;text-align:right;box-sizing:border-box;z-index:3;background-image: linear-gradient(135deg, rgba(79, 24, 167, 0.99) 0%, rgb(11, 30, 84) 65%, rgb(9, 81, 123) 110%);} #menu-wrap .tmn-box .btn-close {position:absolute;top:13px;left:20px;background: #015c61;border:0;display:block;width:46px;height:46px;} #menu-wrap .tmn-box .btn-close {position:absolute;right: 0;left: auto;top:0;width: 70px;height: 70px;border:0;background:transparent;} #menu-wrap .tmn-box .btn-close .blind {display:block;width:15px;height:15px;top:0;right:0;bottom:0;left:0;margin:auto;z-index:1;border-bottom:2px solid #fff;border-left:2px solid #fff;transform: rotate(45deg);transition:all .3s ease .5s;} #menu-wrap .tmn-box .btn-close:after {content:"";display:block;position:absolute;width:1px;height:36px;background:rgba(255, 255, 255, .4);left: -10px;top:50%;margin:-18px 0 0;} #menu-wrap .tmn-box .tmn-global{display:inline-block;margin-top:10px} #menu-wrap .tmn-box .global-mlink, #menu-wrap .tmn-box .gsel-lang {display:inline-block;vertical-align:top} #menu-wrap .tmn-box .gsel-lang {position:relative} #menu-wrap .tmn-box .tmn-global li {position:relative;display:inline-block;line-height:1} #menu-wrap .tmn-box .tmn-global li:after {content:"";position:absolute;right:-2px;top:50%;background-color:rgba(25, 68, 66, .6);width:2px;height:2px} #menu-wrap .tmn-box .tmn-global li a {color:#fff;font-size:14px;padding:0 12px} #menu-wrap .tmn-box .tmn-global li:first-child a {padding-left:0} #menu-wrap .tmn-box .gsel-lang {} #menu-wrap .tmn-box .gsel-lang dl {height:20px;min-height:20px;transition:height .2s ease;overflow:hidden} #menu-wrap .tmn-box .gsel-lang dt a {position:relative;display:inline-block;padding:0 26px 0 12px;height:20px;color:#fff;font-size:14px;box-sizing:border-box} #menu-wrap .tmn-box .gsel-lang dt a:before {content:"";position:absolute;display:block;right:0;top:0;width:17px;height:17px;vertical-align:middle;background:url(/resources/homepage/kor/_Img/Layout/layout_spr.png) no-repeat -42px 0} #menu-wrap .tmn-box .gsel-lang dd {/* display:none; */width:100%;overflow:hidden} #menu-wrap .tmn-box .gsel-lang dd ul {border:1px solid #979797;background-color:#fff;width:100%;padding:5px 0 10px 0;box-sizing:border-box} #menu-wrap .tmn-box .gsel-lang dd ul li {display:block} #menu-wrap .gsel-lang dd a {display:block;padding:0 !important;font-size:13px !important;text-align:center;line-height:1.923} #menu-wrap .gsel-lang dd a span {position:relative;color:#555} #menu-wrap .gsel-lang dd a span:before {content:"";display:block;position:absolute;left:0;bottom:-1px;background-color:#00acb2;width:0;height:1px;transition:all .3s ease} #menu-wrap .gsel-lang dd a:hover span, #menu-wrap .gsel-lang dd a:active span {color:#00acb2} #menu-wrap .gsel-lang dd a:hover span:before, #menu-wrap .gsel-lang dd a:focus span:before, #menu-wrap .gsel-lang dd a:active span:before {width:100%} #menu-wrap .tmn-box .gsel-lang .is-open dd {height:11.5em} #mainNavi .depth1-tit, #mainNavi .mn_li1.over:before {display: none;} #mainNavi .depth1-wrap {position:relative} #mainNavi li.mn_li1 {position: relative;display: inline-block;width: 400px;min-height: 70px;padding: 0;margin: 0;height: 100%;} #mainNavi .mn_li1 .mn_a1 {display: block;position:relative;border-bottom:1px solid rgba(255, 255, 255, .3);height:70px;padding: 24px 19px 19px 19px;margin: 0 200px 0 0;font-size:17px;color:#fff;letter-spacing:-.05em;box-sizing:border-box;z-index:300;} #mainNavi .mn_li1 .mn_a1:before {display:block;content:"";position:absolute;top:50%;right:22px;border-top:2px solid #fff;border-right:2px solid #fff;width:7px;height:7px;margin-top:-4px;transform:rotate(45deg);-ms-transform:rotate(45deg);transition:all .3s ease;opacity:0} #mainNavi .mn_li1.is-open {height:100%} #mainNavi .mn_li1.is-open .mn_a1 {color:#fff} #mainNavi .mn_li1.is-open .mn_a1:before {opacity:1} #mainNavi .mn_li1.is-close .tgl-btn {display:none;position:absolute;top:15px;right:16px;background:none;border:0;width:25px;height:25px;z-index:500;box-sizing:border-box} #mainNavi .mn_li1.is-close .tgl-btn:before, #mainNavi .mn_li1.is-close .tgl-btn:after {content:"";display:block;position:absolute;top:50%;left:50%;width:2px;height:16px;background-color:#949494;margin-top:-7px;margin-left:-1px;transition:all .3s ease} #mainNavi .mn_li1.is-close .tgl-btn:before {transform:rotate(90deg);-ms-transform:rotate(90deg)} #mainNavi .depth2-wrap {display:none;position:absolute;top: 50px;left:0;width:100%;height:auto;padding-left: 200px;/* transition:display .3s ease; */box-sizing:border-box;} .mn-h-open #mainNavi .depth2-wrap {display: none;position:absolute;top: 0;right: 0;left: auto;width: 200px;height: 100%;padding: 0;transition:display .3s ease;box-sizing:border-box;z-index: 467;word-break: break-all;} #mainNavi .depth2-wrap .mn_li2.has-sub .tgl-btn {display:block} #mainNavi .depth2-wrap .mn_li2.is-open .tgl-btn:before {background-color:#008486} #mainNavi .depth2-wrap .mn_li2.is-open .tgl-btn:after {width:0} #mainNavi .is-open .depth2-wrap {display:block} #mainNavi .depth2-ul {position:relative;display: block;z-index: 182;/* background: #fff; */padding: 0;margin: 0;} #mainNavi .mn_li1:first-child .depth2-ul {border-top:0} #mainNavi .mn_li2 {position:relative;display: block;padding:0;border-bottom: 1px solid rgba(255, 255, 255, 0.15);} #mainNavi .mn_li2:first-child {display: block;border-top: 1px solid rgba(255, 255, 255, 0.15);} #mainNavi .depth2-wrap .mn_li2 .mn_a2 {position:relative;display:block;padding: 26px 20px 26px;color: #fbfbfb;font-size: 17px;letter-spacing:-.05em;/* background: #fff; */} #mainNavi .depth2-wrap .mn_li2:first-child .mn_a2 {position:relative;display:block;padding: 25px 20px 26px;color: #fbfbfb;font-size: 17px;letter-spacing:-.05em;/* background: #fff; */} #mainNavi .depth2-wrap .mn_a2.over, #mainNavi .depth2-wrap .is-open .mn_a2, #mainNavi .depth2-wrap .mn_a2:hover {color:#c980ff} #mainNavi .depth2-wrap .depth3-wrap {} #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-color:#dfdfdf;border-top:1px solid #c3c3c3;padding:10px} #mainNavi .depth2-wrap .depth3-wrap ul {background-color:#fff;padding:15px 0} #mainNavi .depth2-wrap .depth3-wrap li {padding:5px 18px} #mainNavi .depth2-wrap .depth3-wrap li a {position:relative;display:block;padding:5px 0 5px 12px;color:#555;font-size:15px;letter-spacing:-.05em} #mainNavi .depth2-wrap .depth3-wrap li a:before {content:"";position:absolute;display:block;top:9px;left:0;background-color:#d1d1d1;border:2px solid #fff;border-radius:50%;width:8px;height:8px;box-sizing:border-box} #mainNavi .depth2-wrap .depth3-wrap li.over a:before {background-color:#fff;border-color:#008486} #mainNavi .depth2-wrap .depth3-wrap li a span {position:relative} #mainNavi .depth2-wrap .depth3-wrap li a span:after {content:"";display:block;position:absolute;left:0;bottom:-3px;background-color:#008486;width:0;height:1px;transition:all .3s ease} #mainNavi .depth2-wrap .depth3-wrap li a:hover span:after, #mainNavi .depth2-wrap .depth3-wrap li a:focus span:after {width:100%} .body-slide-wr {position:relative;width:100%;height:100%;transition:margin 0.3s ease} .body-slider-ovclick {display:none;position:fixed;left:0;top:0;background-color:rgba(0,0,0,0.6);width:100%;height:100%;cursor:pointer;z-index:3001} #mn-ctrs-btns {display:block;position:absolute;left: 30px;top: 30px;z-index:1000;} #mn-ctrs-btns:before {} #mn-ctrs-btns .mn-ctrs-btn {position:relative;display:block;width:30px;height:30px;border:0;background:transparent} #mn-ctrs-btns:after, #mn-ctrs-btns .mn-ctrs-btn:before, #mn-ctrs-btns .mn-ctrs-btn:after {content:"";position:absolute;left:0;background-color: #fff;width:30px;height:2px;} #mn-ctrs-btns:after {top:4px} #mn-ctrs-btns .mn-ctrs-btn:before {top:14px} #mn-ctrs-btns .mn-ctrs-btn:after {top:24px} #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} #topBtnCtrl {position:absolute;top:7px;right:9px} #topBtnCtrl .topbtn-ctrl button {margin:0} #topBtnCtrl .topbtn-ctrl .btn-search {width: 55px;margin-right:0;text-align:center;top: 0;} #topBtnCtrl .topbtn-ctrl .allmn-btn {display:none} #topBtnCtrl .topbtn-ctrl .btn-search:before {left:0} #topBtnCtrl .topbtn-ctrl .btn-search:after {display:inline-block} #topBtnCtrl .topbtn-ctrl button>i{border:0;width:31px;height:55px;padding: 0;font-size: 32px;color: #fff;top: 12px;left: -1px;position: relative;transition:all .3s ease;} #smart-search {top: 91px;padding:20px 0;} #smart-search>.div-cont{top: 0;min-height: 47px;padding: 0;margin: 0 20px;} #smart-search .tit {margin-bottom:15px;font-size:16px} #smart-search .tit:before {left:70%} #smart-search .tit:after {right:70%} #smart-search .search-box {width:100%} } @media only screen and (max-width:599px){ #smart-search .search-box {padding:8px 15px} #smart-search .search-box .input-box input.text {font-size:14px} #smart-search .search-box .btn-search {right:15px} } @media only screen and (max-width:640px){ } @media only screen and (max-width:339px){ #menu-wrap .tmn-box .tmn-global li a {padding:0 6px} #menu-wrap .tmn-box .gsel-lang {} #menu-wrap .tmn-box .gsel-lang dt a {padding:0 26px 0 6px} } /* css motion */ @keyframes rotate { 0% {transform: rotateY(0deg)} 100% {transform: rotateY(360deg)} } @-webkit-keyframes rotate { 0% {-webkit-transform:rotateY(0deg)} 100% {-webkit-transform:rotateY(360deg)} } @-moz-keyframes rotate { 0% {-moz-transform:rotateY(0deg)} 100% {-moz-transform:rotateY(360deg)} } /*-------------------------submenu_kor.css------------------------------------*/ #side-wrap {display:none} @media all and (min-width:1199px){ #side-wrap {display:none} } @media all and (max-width:768px){ #side-wrap {display:block} .submenu .lm-tit {display:none} #leftmenu {height:60px} #leftmenu .lm_l1 {position:relative;background-color:#015c61} #leftmenu .lm_a1 {display:block;padding:0 19px;font-size:18px;color:#fff;line-height:60px;letter-spacing:-.05em} #leftmenu .lm_a1 span {display:block;position:relative} #leftmenu .depth2 {display:none;position:absolute;top:60px;left:0;width:100%;box-shadow:0 5px 10px rgba(0, 0, 0, .2);z-index:2} #leftmenu .depth2 .lm_l2 {position:relative;background-color:#dfdfdf;border-top:1px solid #c3c3c3} #leftmenu .depth2 .lm_l2.is-open {padding-bottom:20px} #leftmenu .depth2 .lm_l2:last-child.is-open {padding-bottom:10px} #leftmenu .depth2 .lm_a2 {display:block;background-color:#fff;padding:16px 19px 17px;font-size:16px;color:#333;letter-spacing:-.05em} #leftmenu .depth2 .is-open .lm_a2 {color:#00979c} #leftmenu .lm_l1 > .tgl-btn {position:absolute;top:12px;right:20px;width:30px;height:30px;border:0;background:none;z-index:500} #leftmenu .lm_l1 > .tgl-btn span {position:relative;display:block;width:30px;height:30px;font-size:0;} #leftmenu .lm_l2 > .tgl-btn {position:absolute;top:9px;right:14px;background:none;border:0;width:28px;height:28px;z-index:500} #leftmenu .lm_l2.is-open > .tgl-btn {} #leftmenu .lm_l2.is-close > .tgl-btn:before, #leftmenu .lm_l2.is-close > .tgl-btn:after {content:"";display:block;position:absolute;top:50%;left:50%;background-color:#949494;width:2px;height:16px;margin-top:-6px;margin-left:-1px} #leftmenu .lm_l2.is-close > .tgl-btn:before {transform:rotate(90deg);-ms-transform:rotate(90deg)} #leftmenu .lm_l2.is-open > .tgl-btn:after {background-color:#00979c;transform:rotate(90deg);-ms-transform:rotate(90deg)} #leftmenu .lm_l2.is-open > .tgl-btn:before, #leftmenu .lm_l2.is-open > .tgl-btn:after {} /* #leftmenu .lm_l3 > .tgl-btn {position:absolute;top:5px;right:5px;width:20px;height:20px;border:1px solid #b5b5b5;background:none;z-index:500} #leftmenu .lm_l3.is-open > .tgl-btn {} #leftmenu .lm_l3.is-close > .tgl-btn:before, #leftmenu .lm_l3.is-close > .tgl-btn:after {display:block;content:"";width:2px;height:10px;background:#b5b5b5;position:absolute;top:50%;left:50%;margin-top:-5px;margin-left:-1px} #leftmenu .lm_l3.is-close > .tgl-btn:before {transform:rotate(90deg);-ms-transform:rotate(90deg)} #leftmenu .lm_l3.is-open > .tgl-btn:after {transform:rotate(90deg);-ms-transform:rotate(90deg)} #leftmenu .lm_l3.is-open > .tgl-btn:before, #leftmenu .lm_l3.is-open > .tgl-btn:after {} */ #leftmenu .depth3 {display:none;background-color:#fff;margin:20px 20px 0;font-size:0;overflow:hidden} #leftmenu .depth3 .lm_l3 {position:relative;display:inline-block;background-color:#fff;width:50%;vertical-align:top} #leftmenu .depth3 .lm_a3 {position:relative;display:block;padding:16px 0 10px 20px;color:#555;font-size:15px;letter-spacing:-.05em;transition:all .3s ease} #leftmenu .depth3 .lm_l3:nth-last-child(n+3){border-bottom:1px solid #dfdfdf} #leftmenu .depth3 .lm_a3:before {content:"";display:none;position:absolute;left:20px;top:18px;background-color:#fff;border:2px solid #00979c;border-radius:50%;width:8px;height:8px;box-sizing:border-box} #leftmenu .depth3 .lm_l3:nth-child(odd) .lm_a3:after {display:block;content:"";position:absolute;right:0;top:0;bottom:0;background-color:#b7b7b7;width:1px;height:13px;margin:auto} #leftmenu .depth3 .lm_a3 span {position:relative;display:inline-block;padding-bottom:4px} #leftmenu .depth3 .lm_a3 span:after {content:"";position:absolute;left:0;bottom:-2px;background-color:#00979c;width:0;height:1px;transform:width .3s ease} #leftmenu .depth3 .lm_l3.over .lm_a3, #leftmenu .depth3 .lm_l3 .lm_a3:hover, #leftmenu .depth3 .lm_l3 .lm_a3:focus {color:#006376;padding-left:35px} #leftmenu .depth3 .lm_l3.over .lm_a3:before, #leftmenu .depth3 .lm_l3 .lm_a3:hover:before, #leftmenu .depth3 .lm_l3 .lm_a3:focus:before {display:block} #leftmenu .depth3 .lm_l3.over .lm_a3 span:after, #leftmenu .depth3 .lm_l3 .lm_a3:hover span:after, #leftmenu .depth3 .lm_l3 .lm_a3:focus span:after{width:100%} #leftmenu .lm_l1.is-open .lm_a1 span:after {transform:rotate(180deg);-ms-transform:rotate(180deg)} } /* 풋터 재구성 */ #footer-wrap {position:relative;z-index: 10;} #footer-wrap .footer-wr {background: #2b2b2b;padding:0 0 33px 0;line-height:1.2;} #footer-wrap .service-wrap{position:relative;display: block;min-height: 70px;border-bottom: 1px solid #121212;} #fsitelink-wr{position: absolute;display: block;padding: 0;margin: 0;right: 0;top: 0;} #fsitelink-wr .fsitelink-wr {max-width:1200px;margin:0 auto;text-align:left;box-sizing:border-box} #fsitelink-wr .fsitelink-wr:after {clear:both;content:"";display:block} #fsitelink-wr .fsitelink-wr .fsitelink {position:relative;float:left} #fsitelink-wr .fsitelink-wr .fsitelink.sel1 {background:#007e89;width:805px} #fsitelink-wr .fsitelink-wr .fsitelink.sel2 {background:#086464;width:192px} #fsitelink-wr .fsitelink-wr .fsitelink.sel3 {background: #1b1b1b;width: 270px;} #fsitelink-wr .fsitelink-wr .fsitelink h5 {font-weight:400} #fsitelink-wr .fsitelink-wr .fsitelink .tit a {position:relative;display:block;padding: 25px 26px 24px;font-size:18px;color:#fff;letter-spacing:-.05em;z-index:2;} #fsitelink-wr .fsitelink-wr .fsitelink .tit:after {content:"";position:absolute;top:50%;right:15px;margin-top:-13px;width:24px;height:24px;border:1px solid rgba(255,255,255,.6);transition:all .3s ease;z-index:1} #fsitelink-wr .fsitelink-wr .fsitelink .tit a:before, #fsitelink-wr .fsitelink-wr .fsitelink .tit a:after {content:"";position:absolute;top: 33px;right: 16px;width:12px;height:12px;border-top:2px solid #fff;transform:translateX(-50%);} #fsitelink-wr .fsitelink-wr .fsitelink .tit a:after {top: 27px;right: 28px;transform:rotate(90deg);} #fsitelink-wr .fsitelink-wr .fsitelink.sel1 .tit:after {right:18px} #fsitelink-wr .fsitelink-wr .fsitelink.sel1 .tit a:before {right:18px} #fsitelink-wr .fsitelink-wr .fsitelink.sel1 .tit a:after {right:30px} #fsitelink-wr .fsitelink-wr .fsitelink.is-open .tit:after {border-color:rgba(255,255,255,1)} #fsitelink-wr .fsitelink-wr .fsitelink.is-open .tit a:before {display:none} #fsitelink-wr .fsitelink-wr .fsitelink.is-open .tit a:after {top: 36px;right: 22px;border-top:1px solid #fff;border-left:1px solid #fff;width:10px;height:10px;transform:rotate(45deg);-ms-transform:rotate(45deg);margin-top:-4px;} #fsitelink-wr .fsitelink-wr .fsitelink.sel1.is-open .tit a:after {right:25px} #fsitelink-wr .fsitelink-wr .fsitelink .fsitelink-cate-box {position:absolute;bottom:65px;left:0;background-color:#3d4350;width:100%;height:0;padding:0 15px;font-size:0;overflow:hidden;transition:all .3s ease;box-sizing:border-box} #fsitelink-wr .fsitelink-wr .fsitelink .fsitelink-cate-box .fsitelink-dep {display:inline-block;vertical-align:top;width:25%;padding:0 15px;font-size:0;box-sizing:border-box} #fsitelink-wr .fsitelink-wr .fsitelink .fsitelink-cate-box ul {margin:38px 10px 10px} #fsitelink-wr .fsitelink-wr .fsitelink .fsitelink-cate-box li {padding:5px 0 6px} #fsitelink-wr .fsitelink-wr .fsitelink .fsitelink-cate-box li a {display:block;padding:2px 0} #fsitelink-wr .fsitelink-wr .fsitelink .fsitelink-cate-box li a span {position:relative;display:inline-block;font-size:15px;color:#b7cfe6;letter-spacing:-.05em;transition:all .3s ease} #fsitelink-wr .fsitelink-wr .fsitelink .fsitelink-cate-box li a:hover span, #fsitelink-wr .fsitelink-wr .fsitelink .fsitelink-cate-box li a:focus span, #fsitelink-wr .fsitelink-wr .fsitelink .fsitelink-cate-box li a:active span {text-decoration:underline;color:#fff} #fsitelink-wr .fsitelink-wr .fsitelink .fsitelink-cate-box .fsitelink-dep .fsite-cate-tit {position:relative;padding:32px 0 13px 1px;color:#fff;font-size:16px;font-weight:500;letter-spacing:-.05em} #fsitelink-wr .fsitelink-wr .fsitelink .fsitelink-cate-box .fsitelink-dep .fsite-cate-tit:after {content:"";display:block;position:absolute;left:0;bottom:0;background-color:rgba(237, 237, 237, .2);width:100%;height:1px} #fsitelink-wr .fsitelink-wr .fsitelink .fsitelink-cate-box .fsitelink-dep ul {margin:0;padding:12px 0 0 0} #fsitelink-wr .fsitelink-wr .fsitelink.is-open .fsitelink-cate-box {display:block;height:290px;overflow-y:auto} .service-list-wr{position:relative;display: block;padding: 0;margin: 0;} .service-list-inwr{position:relative;display: block;padding: 0;margin: 0;} .service-list-wr .service-cont {position:relative;height:60px;border-bottom:1px solid rgba(0, 0, 0, .3)} .service-list-wr .service-cont .btn-prev, .service-list-wr .service-cont .btn-next {display:none} .service-list-wr .service-list {position:relative;padding: 0;line-height:1;} .service-list-wr .service-list li {display:inline-block;padding: 0;} .service-list-wr .service-list li>a{position:relative;display:block;padding: 0;text-align: center;} .service-list-wr .service-list li>a:after{content:"";position:absolute;display:none;} .service-list-wr .service-list li:first-child>a{position:relative;display:block;padding: 0;text-align: center;background: #5266af;} .service-list-wr .service-list li:first-child>a:before{content:"";position:absolute;left: 15px;top: 34px;width: 15px;border-top: 2px solid #1bcac3;transform: rotate(45deg);} .service-list-wr .service-list li:last-child a {padding-right:0} .service-list-wr .service-list li>a>span {position:relative;display: block;padding: 26px 40px 25px;font-size: 18px;letter-spacing:-0.05em;color:#fff;} .service-list-wr .service-list li>a>span:after {content:"";position:absolute;left:0;bottom: 0px;background: rgba(255, 255, 255, .6);width:100%;height:1px;opacity: 0;transition:all 0.3s ease;} .service-list-wr .service-list li>a>span.Privacy {color: #8ea6fe;} .service-list-wr .service-list li>a>span.Privacy:after {background: #8ea6fe;} .service-list-wr .service-list li>a>span.highlight {color: rgba(255, 255, 255, .6);} .service-list-wr .service-list li>a>span.highlight:after {background: rgba(255, 255, 255, .6);} .service-list-wr .service-list li>a:hover span:after, .service-list-wr .service-list li>a:focus span:after {opacity:1} .service-list-wr .family-site-wr {position:absolute;top:0;right:0;font-size:0} .service-list-wr .family-site-wr .family-site {font-size:13px;display:inline-block;background:transparent;width:190px;z-index:100;position:relative} .service-list-wr .family-site-wr .center-site {width:150px} .service-list-wr .family-site-wr .family-site dt button {position:relative;display:block;background:none;border:0;width:100%;height:60px;padding:0 33px 0 0;color:rgba(255, 255, 255, .8);font-size:16px;font-weight:500;text-align:right;vertical-align:middle;transition:all 0.3s ease} .service-list-wr .family-site-wr .family-site dt button:after {content:"";position: absolute;right:0;top:0;bottom:0;width:24px;height:24px;margin:auto;background:url(/resources/_Img/Templet/Layout/footer_spr.png) no-repeat 0 0;transition:all .3s ease} .service-list-wr .family-site-wr .family-site dt button.is-open:after {transform:rotate(180deg);-ms-transform:rotate(180deg)} .service-list-wr .family-site-wr .family-site .isSelSub {position:absolute;bottom:60px;left:0;display:none;background:#4d5057;width:100%} .service-list-wr .family-site-wr .family-site .isSelSub ul {padding:10px 10px 10px 15px;height:150px;overflow-y:scroll} .service-list-wr .family-site-wr .family-site .isSelSub li a {display:inline-block;color:#fff;padding:5px 0} .service-list-wr .family-site-wr .family-site .isSelSub li a:hover, .service-cont .family-site .isSelSub li a:focus, .service-cont .family-site .isSelSub li a:active {text-decoration:underline} .service-list-wr .family-site-wr .family-site .btn-fclose {display:none;position:absolute;top:0;right:-27px;border:0;cursor:pointer;background:url(/resources/_Img/Templet/Layout/btn_fclose.gif) no-repeat 0 0;width:28px;height:28px} #footer-wrap .footer {position:relative;min-height: 170px;margin-top: 50px;font-size:16px;font-weight:300;color:rgba(255, 255, 255, .7);word-break:keep-all;line-height:1.625em;} #footer-wrap .footer-info {display: block;position:relative;padding: 0;margin: 0 0 30px 0px;} #footer-wrap .foot-uL{position: relative;display:block;padding: 0;margin: 0;} #footer-wrap .foot-uL>li{position: relative;display: inline-block;/*width: 31.3%;*/padding: 0;margin: 0 6px;vertical-align: top;} #footer-wrap .foot-uL>li .footh3{position: relative;display:block;font-size: 25px;line-height: 30px;margin: 0 0 10px 0;} #footer-wrap .foot-uL>li address {display:block} #footer-wrap .foot-uL>li address span {display:block} #footer-wrap .foot-uL>li address .name-bx{display:block;font-size: 17px;letter-spacing: -1px;} #footer-wrap .foot-uL>li address .adds-bx{display:block;font-size: 17px;letter-spacing: -1px;} #footer-wrap .cs-info {position: relative;display: block;padding: 0;margin: 0;} #footer-wrap .cs-info>li{position: relative;display: block;padding: 0;margin: 0;font-size: 17px;letter-spacing: -0.5px;} #footer-wrap .cs-info>li>span{display: inline-block;padding: 0;margin: 0;} #footer-wrap .cs-info>li>p {width: 100%;position: relative;display: block;} #footer-wrap .cs-info>li>p b {text-align: right;position: relative;display: inline-block;float: right;} #footer-wrap .cs-info>li>p:nth-child(1) b { color:#91a2ff } #footer-wrap .cs-info>li>p:nth-child(2) b { } #footer-wrap .foot-uL>li:nth-child(1) {width: 31.3%;} #footer-wrap .foot-uL>li:nth-child(2) {width: 23% ;} #footer-wrap .foot-uL>li:nth-child(3) {width: 13% ;} #footer-wrap .foot-uL>li:nth-child(4) {width: 26% ; } #footer-wrap .Ft-snsuL{position: relative;display: inline-block;float: right;padding: 0;margin: 10px 0 0 0;} #footer-wrap .Ft-snsuL>li{position: relative;display: inline-block;padding: 0;margin: 0 7px;vertical-align: top;} #footer-wrap .Ft-snsuL>li>a{position: relative;display: block;width: 50px;height: 50px;padding: 0;margin: 0;} #footer-wrap .Ft-snsuL>li>a .Fsns-bx{position: relative;display: block;width: 46px;height: 46px;padding: 0;margin: 0;background: transparent;border-radius: 50%;border: 2px solid #fff;} #footer-wrap .Ft-snsuL>li>a .Fsns-bx>i{position: relative;font-size: 30px;top: 8px;left: 8px; color: #fff;} #footer-wrap .Ft-snsuL>li>a .Fsns-bx>i:hover{ color: #6d87e6;} #footer-wrap .Ft-snsuL>li>a .Fsns-bx>i.Icons01{position: relative;} #footer-wrap .Ft-snsuL>li:nth-child(3)>a .Fsns-bx{position: relative;display: block;width: 46px;height: 46px;padding: 0;margin: 0;background: transparent;border-radius: 50%;border: 2px solid #3dd207;} #footer-wrap .Ft-snsuL>li:nth-child(3)>a .Fsns-bx>i{position: relative;font-size: 30px;top: 8px;left: 8px;color: #3dd207;} #footer-wrap .footer .copyright {margin-top:4px;color: #a3a6b3;font-size: 15px;text-transform:uppercase;margin-left: 7px;line-height: 1.3em;clear: both;} #footer-wrap .topBt {position:fixed;bottom:-70px;right:50%;margin-right:-700px;width:70px;height:70px;text-align:center;background:#4d4f54;border-radius:50%;z-index:3500;transition:all .3s ease} #footer-wrap .topBt span {display:inline-block;color:#fff;font-size:12px;padding:40px 0 0;position:relative} #footer-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 .topBt.over {bottom:45px} @media all and (max-width:1200px) { #fsitelink-wr .fsitelink-wr .fsitelink.sel1 {width:65%} #fsitelink-wr .fsitelink-wr .fsitelink.sel2 {width:16%} #fsitelink-wr .fsitelink-wr .fsitelink.sel3 {width: 270px;} #footer-wrap .service-cont {height:auto;box-sizing:border-box;padding:0;} #footer-wrap .service-cont .btn-prev, #footer-wrap .service-cont .btn-next {display:block;border:0;background:0;width:45px;height:52px;position:absolute;top:0} #footer-wrap .service-cont .btn-prev {left:0} #footer-wrap .service-cont .btn-next {right:0} #footer-wrap .service-cont .btn-prev:before, #footer-wrap .service-cont .btn-next:before {display:block;content:"";width:10px;height:10px;border-left:1px solid #fff;border-bottom:1px solid #fff;position:absolute;top:50%;left:50%;margin-top:-5px;margin-left:-5px;z-index:2} #footer-wrap .service-cont .btn-prev:before {transform:rotate(45deg);-ms-transform:rotate(45deg)} #footer-wrap .service-cont .btn-next:before {transform:rotate(-135deg);-ms-transform:rotate(-135deg)} #footer-wrap .service-cont button:after {content:"";position:absolute;top:0;display:block;width:50px;height:48px;z-index:1} #footer-wrap .service-cont .btn-prev:after {left:0;background:linear-gradient(to left, rgba(57, 59, 65, 0) 0, #292f3d 50%)} #footer-wrap .service-cont .btn-next:after {right:0;background:linear-gradient(to right, rgba(57, 59, 65, 0) 0, #292f3d 50%)} #footer-wrap .service-list-wr {position:relative;width: calc(100% - 272px);overflow-x: auto;} #footer-wrap .service-list-wr .service-list-inwr {width:100%;box-sizing:border-box;} /* #footer-wrap .service-list {box-sizing:border-box;overflow:hidden;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch} */ #footer-wrap .service-list {padding: 0;white-space:nowrap;} #footer-wrap .service-list:after {display:none} #footer-wrap .service-list li {padding: 0;margin:0;} .mCSB_horizontal.mCSB_inside > .mCSB_container {margin-bottom:10px} #footer-wrap .footer address {display:block} #footer-wrap .cs-info {right:0} #footer-wrap .topBt {right:30px;margin-right:0} #footer-wrap .footer-mark-wr {padding:0 30px} .service-list-wr .service-list li>a>span {position:relative;display: block;padding: 27px 10px 27px;font-size: 16px;letter-spacing:-0.05em;color:#fff;} .service-list-wr .service-list li:first-child>a:before{content:"";position:absolute;left: 8px;top: 34px;width: 15px;border-top: 2px solid #1bcac3;transform: rotate(45deg);} } @media all and (max-width:1100px) { #footer-wrap .footer-info {display:block;box-sizing:border-box;padding: 0;} #footer-wrap .footer address .eng {font-size:15px} #footer-wrap .cs-info {position:relative;right:auto;top:auto} } @media all and (max-width:999px) { #fsitelink-wr{position: relative;display: block;width: 100%;padding: 0;margin: 0;right: 0;top: 0;} #fsitelink-wr .fsitelink-wr .fsitelink.sel3 {width: 100%;} #footer-wrap .service-list-wr {position:relative;width: 100%;/* overflow-x: hidden; */overflow: hidden;} #fsitelink-wr .fsitelink-wr .fsitelink .tit:after {right:20px} #fsitelink-wr .fsitelink-wr .fsitelink .tit a:before, #fsitelink-wr .fsitelink-wr .fsitelink .tit a:after {right:20px} #fsitelink-wr .fsitelink-wr .fsitelink .tit a:after {right:32px} #fsitelink-wr .fsitelink-wr .fsitelink.is-open .tit a:after {right:26px} #fsitelink-wr .fsitelink-wr .fsitelink .tit a {padding:23px 10px 24px;font-size:16px} #fsitelink-wr .fsitelink-wr .fsitelink .fsitelink-cate-box {bottom:57px} #fsitelink-wr .fsitelink-wr .fsitelink .fsitelink-cate-box ul {margin:15px 0} #fsitelink-wr .fsitelink-wr .fsitelink .fsitelink-cate-box .fsitelink-dep {padding:0 7px} #fsitelink-wr .fsitelink-wr .fsitelink .fsitelink-cate-box .fsitelink-dep .fsite-cate-tit {padding-top:15px} #footer-wrap .family-site-wr {} #footer-wrap .family-site-wr .family-site {} #footer-wrap .footer {padding:0;text-align:center} #footer-wrap .footer-info {width:auto;padding:0} #footer-wrap .footer-info br {display:block} #footer-wrap .footer-mark-wr {display:none} #footer-wrap .foot-uL>li address .name-bx{display:block;font-size: 15px;letter-spacing: -1px;} #footer-wrap .foot-uL>li address .adds-bx{display:block;font-size: 15px;letter-spacing: -1px;} #footer-wrap .cs-info>li{position: relative;display: block;padding: 0;margin: 0;font-size: 15px;letter-spacing: -0.5px;line-height: 20px;} #footer-wrap .foot-uL>li address {display:block;line-height: 20px;} #footer-wrap .Ft-snsuL>li>a .Fsns-bx>i{position: relative;font-size: 30px;top: 8px;left: 0px;color: #fff;} #footer-wrap .Ft-snsuL>li:nth-child(3)>a .Fsns-bx>i{position: relative;font-size: 30px;top: 8px;left: 0px;color: #3dd207;} #footer-wrap .foot-uL>li{position: relative;display: inline-block;width: 30.38%;padding: 0;margin: 0 6px;vertical-align: top;} #footer-wrap .foot-uL>li:nth-child(4){position: relative;display: block;clear: both;width: 100%;padding: 0;margin: 14px 0;vertical-align: top;} #footer-wrap .foot-uL>li:nth-child(4) .Ft-snsuL{position: relative;display: block;float: none;padding: 0;margin: 0 auto;} } @media all and (max-width:768px) { #fsitelink-wr .fsitelink-wr .fsitelink {float:none;width:auto !important} #fsitelink-wr .fsitelink-wr .fsitelink .tit:after {top:13px;right:20px !important;margin-top:0} #fsitelink-wr .fsitelink-wr .fsitelink .tit a {padding:15px 10px;font-size:15px} #fsitelink-wr .fsitelink-wr .fsitelink .tit a:before {top:25px !important;right:21px !important} #fsitelink-wr .fsitelink-wr .fsitelink .tit a:after {top:19px !important;right:33px !important} #fsitelink-wr .fsitelink-wr .fsitelink.is-open .tit a:after {top:28px !important;right:27px !important} #fsitelink-wr .fsitelink-wr .fsitelink .fsitelink-cate-box {position: relative;left:auto;bottom:auto} #fsitelink-wr .fsitelink-wr .fsitelink.is-open .fsitelink-cate-box {height:auto;max-height:390px} #footer-wrap .service-cont {border-bottom-color:rgba(0, 0, 0, .3);margin:0;padding:0} #footer-wrap .service-list-wr {width:100%} #footer-wrap .service-list {padding: 0;overflow-x: hidden;box-sizing: border-box;position: relative;display: block;margin: 0;white-space: normal;} #footer-wrap .service-list li {padding: 0;width: 50%;float: left;box-sizing: border-box;display: block;position: relative;} #footer-wrap .service-list li:nth-child(n+2) {padding: 0;width: 50%;float: left;box-sizing: border-box;/* border-bottom: 1px solid #fff; */} #footer-wrap .service-list li:nth-child(n+2):before{content:'';position: absolute;display: block;padding: 0;width: 100%;height: 1px;box-sizing: border-box;background: rgba(255, 255, 255, 0.21);bottom: 0px;left: 0;} #footer-wrap .service-list li:nth-child(2n+2):after{content:'';position: absolute;display: block;padding: 0;width: 1px;height: 100%;box-sizing: border-box;background: rgba(255, 255, 255, 0.21);top: 0px;left: 0;} #footer-wrap .service-cont .btn-prev, #footer-wrap .service-cont .btn-next, #footer-wrap .service-cont button:after {width:30px;height:45px} #footer-wrap .family-site-wr {position:static;bottom:auto;border-top:1px solid rgba(0, 0, 0, .3);width:auto} #footer-wrap .family-site-wr .family-site {border-left:1px solid rgba(0, 0, 0, .3);width:50%;box-sizing:border-box} #footer-wrap .family-site-wr .family-site.center-site {border-left:0} #footer-wrap .family-site-wr .family-site dt button {height:40px;padding:0 15px 0 20px;color:rgba(255, 255, 255, .8);font-weight:400;font-size:13px;text-align:left;letter-spacing:-.02em} #footer-wrap .family-site-wr .family-site dt button:after {right:15px;background:none;border-left:2px solid rgba(255, 255, 255, .3);border-bottom:2px solid rgba(255, 255, 255, .3);width:6px;height:6px;transform:rotate(-45deg)} #footer-wrap .footer {margin-top:20px} #footer-wrap .footer address, #footer-wrap .cs-info {color:rgba(254, 254, 254, .6);font-size:13px;line-height:1.538} #footer-wrap .footer address .eng {font-size:13px} #footer-wrap .footer .copyright {margin-top:12px;color:rgba(255, 255, 255, .3);font-size:11px;line-height:1.636;clear: both;} #footer-wrap .topBt {width:60px;height:60px} #footer-wrap .topBt span {font-size:13px;padding:22px 0} #footer-wrap .topBt span:before {display:none} #footer-wrap .foot-uL>li:nth-child(1n){position: relative;display: block;width: 32.38%;float: left;padding: 0;margin: 0;vertical-align: top;} #footer-wrap .foot-uL>li:nth-child(4){position: relative;display: block;width: 100%;padding: 0;margin: 20px 0;vertical-align: top;text-align: center;clear: both;} #footer-wrap .Ft-snsuL{position: relative;display: block;float: none;padding: 0;margin: 20px auto;} .mCSB_horizontal.mCSB_inside > .mCSB_container {margin-bottom:10px;width: 100% !important;overflow: hidden;} } /* 공공누리 일반뷰 내용 관련 Div 2019.06.20 */ .Gnuri-box{position:relative;display: block;padding: 20px 20px 20px 70px;margin: 10px 0;border: 1px solid #ddd;} .Gnuri-box .Gnuri-info-ic{position: absolute;display: block;top: 24px;left: 11px;color: #ff8f00;padding: 0;margin: 0;} .Gnuri-box .Gnuri-info-ic>i{position: relative;display: block;font-size: 48px;padding: 0;margin: 0;} .Gnuri-box .Gnuri-uL{position:relative;display: block;/* height: 73px; */padding: 0;margin: 0;vertical-align: top;} .Gnuri-box .Gnuri-uL>li.Gn-Li-iC{position: absolute;padding: 0;margin: 0;} .Gnuri-box .Gnuri-uL>li{position:relative;display: block;padding: 0;margin: 0;} .Gnuri-box .Gnuri-uL>li:nth-child(2){position:relative;display: block;width: auto;padding: 3px 82px 0 200px;overflow: hidden;min-height: 55px;word-break: break-all;} .Gnuri-box .Gn-img-iC{position:relative;display: block;padding: 0;margin: 0;} .Gnuri-box .Gn-img-iC>i{position:relative;display: block;width: 174px;height: 60px;line-height: 60px;text-align: right;font-size: 50px;padding: 0 5px 0 0;margin: 0;color: #fff;border-radius: 0 30px 30px 0;background: #535b63;} .Gnuri-box .Gn-img-iC>img{position:relative;display: block;width: 190px;padding: 0;margin: 0 0 0 10px;top: -5px;} .Gnuri-box .Gn-txt{/* position:relative; */line-height: 27px;} .Gnuri-box .Gn-txt .Gn-txt-no{padding: 0;} .Gnuri-box .Gn-txt .Gn-txt-list{padding: 0;text-align: left;display: block;margin: 0 0 0 30px;} @media all and (max-width:767px){ /* 공공누리 일반뷰 내용 관련 Div 2019.06.20 */ .Gnuri-box{position:relative;display: block;padding: 20px 20px 20px 70px;margin: 10px 0;border: 1px solid #ddd;} .Gnuri-box .Gnuri-info-ic{position: absolute;display: block;top: 24px;left: 11px;color: #ff8f00;padding: 0;margin: 0;} .Gnuri-box .Gnuri-info-ic>i{position: relative;display: block;font-size: 48px;padding: 0;margin: 0;} .Gnuri-box .Gnuri-uL{position:relative;display: block;/* height: 73px; */padding: 0;margin: 0;vertical-align: top;} .Gnuri-box .Gnuri-uL>li.Gn-Li-iC{position: relative;width: 100%;padding: 0;margin: 0;} .Gnuri-box .Gnuri-uL>li{position:relative;display: block;padding: 0;margin: 0;} .Gnuri-box .Gnuri-uL>li:nth-child(2){position:relative;display: block;width: 100%;padding: 13px 0;overflow: hidden;min-height: 55px;word-break: break-all;} .Gnuri-box .Gn-img-iC{position:relative;display: block;padding: 0;margin: 0;} .Gnuri-box .Gn-img-iC>i{position:relative;display: block;width: 100%;height: 60px;line-height: 60px;text-align: right;font-size: 50px;padding: 0 5px 0 0;margin: 0;color: #fff;border-radius: 0 30px 30px 0;background: #535b63;} .Gnuri-box .Gn-img-iC>img{position:relative;display: block;width: 190px;padding: 0;margin: 0;} .Gnuri-box .Gn-txt{/* position:relative; */line-height: 27px;} #footer-wrap .foot-uL>li:nth-child(1n){position: relative;display: block;width: 100%;float: left;padding: 0;vertical-align: top;} #footer-wrap .foot-uL>li:nth-child(3) { margin:10px 0; } #footer-wrap .cs-info>li>p {width:auto; position: relative;display: block;} #footer-wrap .cs-info>li>p b {position: relative;display: inline-block;float:none; margin-left:10px;} } .btn{display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;/*-ms-touch-action:manipulation;touch-action:manipulation;*/cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:12px;font-size: 17px;line-height:1.42857143;border-radius:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;/*user-select:none*/outline: none;} .btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px} .btn:hover,.btn:focus,.btn.focus{color:#ffffff;text-decoration:none} .btn:active,.btn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)} .btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;opacity:0.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none} /*a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}*/ .btn-1{display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;/*-ms-touch-action:manipulation;touch-action:manipulation;*/cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:10px 20px 10px 15px;font-size:15px;line-height:1.42857143;border-radius:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;/*user-select:none*/} .btn-1:focus,.btn-1:active:focus,.btn-1.active:focus,.btn-1.focus,.btn-1:active.focus,.btn-1.active.focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px} .btn-1:hover,.btn-1:focus,.btn-1.focus{color:#ffffff;text-decoration:none} .btn-1:active,.btn-1.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)} .btn-1.disabled,.btn-1[disabled],fieldset[disabled] .btn-1{cursor:not-allowed;opacity:0.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none} /*a.btn-1.disabled,fieldset[disabled] a.btn-1{pointer-events:none}*/ .btn-2{display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;/*-ms-touch-action:manipulation;touch-action:manipulation;*/cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:10px 18px 10px 15px;font-size:15px;line-height:1.42857143;border-radius:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;/*user-select:none*/} .btn-2:focus,.btn-2:active:focus,.btn-2.active:focus,.btn-2.focus,.btn-2:active.focus,.btn-2.active.focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px} .btn-2:hover,.btn-2:focus,.btn-2.focus{color:#ffffff;text-decoration:none} .btn-2:active,.btn-2.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)} .btn-2.disabled,.btn-2[disabled],fieldset[disabled] .btn-2{cursor:not-allowed;opacity:0.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none} /*a.btn-2.disabled,fieldset[disabled] a.btn-2{pointer-events:none}*/ .btn-3{display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;/*-ms-touch-action:manipulation;touch-action:manipulation*/;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:2px 18px 8px 15px;font-size:15px;line-height:1.42857143;border-radius:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;/*user-select:none*/} .btn-3:focus,.btn-3:active:focus,.btn-3.active:focus,.btn-3.focus,.btn-3:active.focus,.btn-3.active.focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px} .btn-3:hover,.btn-3:focus,.btn-3.focus{color:#ffffff;text-decoration:none} .btn-3:active,.btn-3.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)} .btn-3.disabled,.btn-3[disabled],fieldset[disabled] .btn-3{cursor:not-allowed;opacity:0.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none} .btn-default{color:#333333;background-color:#ffffff;border-color:#dddddd; padding: 15px 30px;border-radius: 99px;} .btn-default:focus,.btn-default.focus{color:#333333;background-color:#e6e6e6;border-color:#9d9d9d} .btn-default:hover{color:#333333;background-color:#e6e6e6;border-color:#bebebe} .btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{color:#333333;background-color:#e6e6e6;border-color:#bebebe} .btn-default:active:hover,.btn-default.active:hover,.open>.dropdown-toggle.btn-default:hover,.btn-default:active:focus,.btn-default.active:focus,.open>.dropdown-toggle.btn-default:focus,.btn-default:active.focus,.btn-default.active.focus,.open>.dropdown-toggle.btn-default.focus{color:#333333;background-color:#d4d4d4;border-color:#9d9d9d} .btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{background-image:none} .btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled.focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default.focus{background-color:#ffffff;border-color:#dddddd} .btn-default .badge{color:#ffffff;background-color:#333333} .btn-primary{/*color:#333;background-color:#e4e4e4;border-color:#e1e1e1*/color:#ffffff;background-color:#2780e3;border-color:#2780e3;padding: 15px 30px;border-radius: 99px;} .btn-primary:focus,.btn-primary.focus{color:#ffffff;background-color:#1967be;border-color:#10427b} .btn-primary:hover{color:#ffffff;background-color:#1967be;border-color:#1862b5} .btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{color:#ffffff;background-color:#1967be;border-color:#1862b5} .btn-primary:active:hover,.btn-primary.active:hover,.open>.dropdown-toggle.btn-primary:hover,.btn-primary:active:focus,.btn-primary.active:focus,.open>.dropdown-toggle.btn-primary:focus,.btn-primary:active.focus,.btn-primary.active.focus,.open>.dropdown-toggle.btn-primary.focus{color:#ffffff;background-color:#15569f;border-color:#10427b} .btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{background-image:none} .btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled.focus,.btn-primary[disabled].focus,fieldset[disabled] .btn-primary.focus{background-color:#2780e3;border-color:#2780e3} .btn-primary .badge{color:#2780e3;background-color:#ffffff} .btn-beaner{/*color:#333;background-color:#e4e4e4;border-color:#e1e1e1*/ color:#333;background-color:#FFF; font-weight:bold; } .btn-beaner:focus,.btn-beaner.focus{color:#333;background-color:#FFF; } .btn-beaner:hover{color:#333;background-color:#FFF; } .btn-beaner:active,.btn-beaner.active,.open>.dropdown-toggle.btn-beaner{color:#333;background-color:#FFF;} .btn-beaner:active:hover,.btn-beaner.active:hover,.open>.dropdown-toggle.btn-beaner:hover,.btn-beaner:active:focus,.btn-beaner.active:focus,.open>.dropdown-toggle.btn-beaner:focus,.btn-beaner:active.focus,.btn-beaner.active.focus,.open>.dropdown-toggle.btn-beaner.focus{color:#333;background-color:#FFF;} .btn-beaner:active,.btn-beaner.active,.open>.dropdown-toggle.btn-beaner{background-image:none} .btn-beaner.disabled:hover,.btn-beaner[disabled]:hover,fieldset[disabled] .btn-beaner:hover,.btn-beaner.disabled:focus,.btn-beaner[disabled]:focus,fieldset[disabled] .btn-beaner:focus,.btn-beaner.disabled.focus,.btn-beaner[disabled].focus,fieldset[disabled] .btn-beaner.focus{color:#333;background-color:#FFF;} .btn-beaner .badge{color:#2780e3;background-color:#ffffff} .btn-primary-un{/*color:#333;background-color:#e4e4e4;border-color:#e1e1e1*/ color:#ffffff;background-color:#999;border-color:#999;} .btn-primary-un:focus,.btn-primary-un.focus{color:#ffffff;background-color:#666;border-color:#666;} .btn-primary-un:hover{color:#ffffff;background-color:#666;border-color:#666;} .btn-primary-un:active,.btn-primary-un.active,.open>.dropdown-toggle.btn-primary-un{color:#ffffff;background-color:#1967be;border-color:#1862b5} .btn-primary-un:active:hover,.btn-primary-un.active:hover,.open>.dropdown-toggle.btn-primary-un:hover,.btn-primary-un:active:focus,.btn-primary-un.active:focus,.open>.dropdown-toggle.btn-primary-un:focus,.btn-primary-un:active.focus,.btn-primary-un.active.focus,.open>.dropdown-toggle.btn-primary-un.focus {color:#ffffff;background-color:#666;border-color:#666;} .btn-primary-un:active,.btn-primary-un.active,.open>.dropdown-toggle.btn-primary-un{background-image:none} .btn-primary-un.disabled:hover,.btn-primary-un[disabled]:hover,fieldset[disabled] .btn-primary-un:hover,.btn-primary-un.disabled:focus,.btn-primary-un[disabled]:focus,fieldset[disabled] .btn-primary-un:focus,.btn-primary-un.disabled.focus,.btn-primary-un[disabled].focus,fieldset[disabled] .btn-primary-un.focus{background-color:#666;border-color:#666;} .btn-primary-un .badge{color:#666;background-color:#ffffff} .btn-primary2{ color:#333;background-color:#e4e4e4;border-color:#e1e1e1;padding: 15px 30px; border-radius: 99px; } .btn-primary2:focus,.btn-primary2.focus{color:#ffffff;background-color:#d6d5d5;border-color:#d6d5d5} .btn-primary2:hover{color:#ffffff;background-color:#d6d5d5;border-color:#d6d5d5} .btn-primaryg{ color:#fff; background-color: #888; border-color: #777; } .btn-primaryg:focus,.btn-primaryg.focus{color:#ffffff;background-color:#1967be;border-color:#10427b} .btn-primaryg:hover{color:#ffffff;background-color:#555;border-color:#444} .btn-success{color:#ffffff !important;background-color:#3fb618;border-color:#3fb618;padding: 15px 30px;border-radius: 99px;} .btn-success:focus,.btn-success.focus{color:#ffffff;background-color:#2f8912;border-color:#184509} .btn-success:hover{color:#ffffff;background-color:#2f8912;border-color:#2c8011} .btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{color:#ffffff;background-color:#2f8912;border-color:#2c8011} .btn-success:active:hover,.btn-success.active:hover,.open>.dropdown-toggle.btn-success:hover,.btn-success:active:focus,.btn-success.active:focus,.open>.dropdown-toggle.btn-success:focus,.btn-success:active.focus,.btn-success.active.focus,.open>.dropdown-toggle.btn-success.focus{color:#ffffff;background-color:#24690e;border-color:#184509} .btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{background-image:none} .btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled.focus,.btn-success[disabled].focus,fieldset[disabled] .btn-success.focus{background-color:#3fb618;border-color:#3fb618} .btn-success .badge{color:#3fb618;background-color:#ffffff} .btn-info{color:#ffffff !important;background-color:#9954bb;border-color:#9954bb; padding: 15px 30px; border-radius: 99px; } .btn-info:focus,.btn-info.focus{color:#ffffff;background-color:#7e3f9d;border-color:#522967} .btn-info:hover{color:#ffffff;background-color:#7e3f9d;border-color:#783c96} .btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{color:#ffffff;background-color:#7e3f9d;border-color:#783c96} .btn-info:active:hover,.btn-info.active:hover,.open>.dropdown-toggle.btn-info:hover,.btn-info:active:focus,.btn-info.active:focus,.open>.dropdown-toggle.btn-info:focus,.btn-info:active.focus,.btn-info.active.focus,.open>.dropdown-toggle.btn-info.focus{color:#ffffff;background-color:#6a3484;border-color:#522967} .btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{background-image:none} .btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled.focus,.btn-info[disabled].focus,fieldset[disabled] .btn-info.focus{background-color:#9954bb;border-color:#9954bb} .btn-info .badge{color:#9954bb;background-color:#ffffff} .btn-mmu{color:#ffffff !important;background-color:#2e509d;border-color: #012882;padding: 15px 30px; border-radius: 99px;} .btn-mmu:focus,.btn-mmu.focus{color:#ffffff;background-color:#012882;border-color:#012882} .btn-mmu:hover{color:#ffffff;background-color:#012882;border-color:#012882} .btn-mmu:active,.btn-mmu.active,.open>.dropdown-toggle.btn-mmu{color:#ffffff;background-color:#2e509d;border-color:#783c96} .btn-mmu:active:hover,.btn-mmu.active:hover,.open>.dropdown-toggle.btn-mmu:hover,.btn-mmu:active:focus,.btn-mmu.active:focus,.open>.dropdown-toggle.btn-mmu:focus,.btn-mmu:active.focus,.btn-mmu.active.focus,.open>.dropdown-toggle.btn-mmu.focus{color:#ffffff;background-color:#6a3484;border-color:#522967} .btn-mmu:active,.btn-mmu.active,.open>.dropdown-toggle.btn-mmu{background-image:none} .btn-mmu.disabled:hover,.btn-mmu[disabled]:hover,fieldset[disabled] .btn-mmu:hover,.btn-mmu.disabled:focus,.btn-mmu[disabled]:focus,fieldset[disabled] .btn-mmu:focus,.btn-mmu.disabled.focus,.btn-mmu[disabled].focus,fieldset[disabled] .btn-mmu.focus{background-color:#9954bb;border-color:#9954bb} .btn-mmu .badge{color:#9954bb;background-color:#ffffff} .btn-warning{color:#ffffff !important;background-color:#ff7518;border-color:#ff7518; padding: 15px 30px; border-radius: 99px; } .btn-warning:focus,.btn-warning.focus{color:#ffffff;background-color:#e45c00;border-color:#983d00} .btn-warning:hover{color:#ffffff;background-color:#e45c00;border-color:#da5800} .btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{color:#ffffff;background-color:#e45c00;border-color:#da5800} .btn-warning:active:hover,.btn-warning.active:hover,.open>.dropdown-toggle.btn-warning:hover,.btn-warning:active:focus,.btn-warning.active:focus,.open>.dropdown-toggle.btn-warning:focus,.btn-warning:active.focus,.btn-warning.active.focus,.open>.dropdown-toggle.btn-warning.focus{color:#ffffff;background-color:#c04d00;border-color:#983d00} .btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{background-image:none} .btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled.focus,.btn-warning[disabled].focus,fieldset[disabled] .btn-warning.focus{background-color:#ff7518;border-color:#ff7518} .btn-warning .badge{color:#ff7518;background-color:#ffffff} .btn-danger{color:#ffffff !important;background-color:#ff0039;border-color:#ff0039; padding: 15px 30px; border-radius: 99px; } .btn-danger:focus,.btn-danger.focus{color:#ffffff;background-color:#cc002e;border-color:#80001c} .btn-danger:hover{color:#ffffff;background-color:#cc002e;border-color:#c2002b} .btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{color:#ffffff;background-color:#cc002e;border-color:#c2002b} .btn-danger:active:hover,.btn-danger.active:hover,.open>.dropdown-toggle.btn-danger:hover,.btn-danger:active:focus,.btn-danger.active:focus,.open>.dropdown-toggle.btn-danger:focus,.btn-danger:active.focus,.btn-danger.active.focus,.open>.dropdown-toggle.btn-danger.focus{color:#ffffff;background-color:#a80026;border-color:#80001c} .btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{background-image:none} .btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled.focus,.btn-danger[disabled].focus,fieldset[disabled] .btn-danger.focus{background-color:#ff0039;border-color:#ff0039} .btn-danger .badge{color:#ff0039;background-color:#ffffff} .btn-link{color:#2780e3 !important;font-weight:normal;border-radius:0} .btn-link,.btn-link:active,.btn-link.active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none} .btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent} .btn-link:hover,.btn-link:focus{color:#165ba8;text-decoration:underline;background-color:transparent} .btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#999999;text-decoration:none} .btn-lg,.btn-group-lg>.btn{padding:18px 30px;font-size:19px;line-height:1.3333333;border-radius:0} .btn-sm,.btn-group-sm>.btn{padding:5px 10px;font-size: 15px;line-height:1.5;border-radius:0;} .btn-sm-1,.btn-group-sm>.btn{padding:5px 10px;font-size:13px;line-height:1.5;border-radius:50px;} .btn-xs,.btn-group-xs>.btn{padding:1px 5px;font-size:13px;line-height:1.5;border-radius:0} .btn-xs-1{padding:1px 4px 2px;font-size:13px;line-height:1.5;border-radius:100px;} .btn-block{display:block;width:100%} .btn-block+.btn-block{margin-top:5px} input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%} .fade{opacity:0;-webkit-transition:opacity 0.15s linear;-o-transition:opacity 0.15s linear;transition:opacity 0.15s linear} .fade.in{opacity:1} .collapse{display:none} .collapse.in{display:block} tr.collapse.in{display:table-row} tbody.collapse.in{display:table-row-group} .collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-property:height, visibility;-o-transition-property:height, visibility;transition-property:height, visibility;-webkit-transition-duration:0.35s;-o-transition-duration:0.35s;transition-duration:0.35s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease} .caret{display:inline-block;width:0;height:0;margin-left:10px;vertical-align:middle;border-top:4px dashed;border-top:4px solid ;border-right:4px solid transparent;border-left:4px solid transparent} .dropup,.dropdown{position:relative} .dropdown-toggle:focus{outline:0} .dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:15px;text-align:left;background-color:#ffffff;border:1px solid #cccccc;border:1px solid rgba(0,0,0,0.15);border-radius:0;-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175);-webkit-background-clip:padding-box;background-clip:padding-box} .dropdown-menu.pull-right{right:0;left:auto} .dropdown-menu .divider{height:1px;margin:9.5px 0;overflow:hidden;background-color:#e5e5e5} .dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:1.42857143;color:#333333;white-space:nowrap} .dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{text-decoration:none;color:#ffffff;background-color:#2780e3} .dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#ffffff;text-decoration:none;outline:0;background-color:#2780e3} .dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#999999} /*.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);cursor:not-allowed}*/ .open>.dropdown-menu{display:block} .open>a{outline:0} .dropdown-menu-right{left:auto;right:0} .dropdown-menu-left{left:0;right:auto} .dropdown-header{display:block;padding:3px 20px;font-size:13px;line-height:1.42857143;color:#999999;white-space:nowrap} .dropdown-backdrop{position:fixed;left:0;right:0;bottom:0;top:0;z-index:990} .pull-right>.dropdown-menu{right:0;left:auto} @media all and (max-width:640px){ #footer-wrap .service-list li a span {font-size:13px} #footer-wrap .topBt {width:40px;height:40px} #footer-wrap .topBt span {padding:12px 0 13px} } @media all and (max-width:499px){ #fsitelink-wr .fsitelink-wr .fsitelink .fsitelink-cate-box .fsitelink-dep {width:50%} } /* 빼글빼글 애니메이션 */ @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)} } /* 20221006 최종수정 */