@charset "utf-8"; .contents-floor3 {width: 1400px;margin: 0 auto;height: 430px;} .dim_overlay {display: none;position: fixed; top: 0; left: 0;width: 100%; height: 100%;background: rgba(0, 0, 0, 0.8); z-index: 2;} #lnb {float: left; box-sizing: border-box; width: 260px; font-size: 18px;z-index:1;} .lnb h2 { width: 100%; height: 125px; font-size: 28px; font-weight: 500; text-align: center; color: #fff } .so1 h2 { background: #003237 url(bg_lnb_01.png) center center no-repeat; background-size: cover } .so2 h2 { background: #003237url(bg_lnb_01.png) center center no-repeat; background-size: cover } .so3 h2 { background: #003237 url(bg_lnb_01.png) center center no-repeat; background-size: cover } .so4 h2 { background: #003237 url(bg_lnb_01.png) center center no-repeat; background-size: cover } .so5 h2 { background: #003237 url(bg_lnb_01.png) center center no-repeat; background-size: cover } .so6 h2 { background: #003237 url(bg_lnb_01.png) center center no-repeat; background-size: cover } .so7 h2 { background: #003237 url(bg_lnb_01.png) center center no-repeat; background-size: cover } .so8 h2 { background: #003237 url(bg_lnb_01.png) center center no-repeat; background-size: cover } .lnb h2 span { display: block; padding-top: 46px } .lnb #left_submenu > li > a { display: block; padding: 16px 0 16px 7%; color: #414141; border-bottom: 1px solid #dfdfdf; font-size: 18px; line-height: 16px; font-weight: 400; text-decoration: none; background: url(bul_lnb_plus.gif) 87% center no-repeat } .lnb #left_submenu > li > a:hover { color: #fff; background: #484c5b; } .lnb #left_submenu > li > a.on:hover, .lnb #left_submenu > li > a.on { color: #fff; background: #484c5b; } .lnb #left_submenu > li > a.empty { background: none; color: #414141 } .lnb #left_submenu > li > a.empty:hover { background: #484c5b; color: #fff } .lnb #left_submenu > li > a.on.empty { background: #1d4759; color: #fff } .lnb #left_submenu > li > ul { background-color: #f3f4f7; padding: 5px 0; border-bottom: 1px solid #dfdfdf } .lnb #left_submenu > li > ul > li > a { display: block; color: #414141; padding: 6px 0px 6px 13%; font-size: 16px; letter-spacing: 1.1px; } .lnb #left_submenu > li > ul > li > a > span { padding-left: 17px; background: url(bul_lnb_3depth.png) left center no-repeat } .lnb #left_submenu > li > ul > li > a:hover > span, .lnb #left_submenu > li > ul > li > a.on > span { color: #d40419; font-weight: 600; background: url(bul_lnb_3depth_ov.png) left center no-repeat; text-decoration: underline } /* Sub Content **********************************************************************************************************************************************************************************************/ #sub_content { position:relative; width:100%; float:left; padding:0px 0px 20px 260px; font-size:12px; color:#666; overflow:hidden;border-right:1px solid #c7c7c7;} #sub_content .title { position:relative; width:100%; height:125px; overflow:hidden; border-bottom:1px solid #c7c7c7;background: #fff url(bg_13.png) no-repeat right center;} #sub_content .title h3 { position:relative; width:100%; padding:40px 0 0 30px; font-size:30px; color:#222; font-weight:400; } #sub_content .title p.lo { position:absolute; top:20px; right:20px; font-size:16px; color:#959595; } #sub_content .title p.lo span.arrow { padding:0 3px; font-weight:bold; } #sub_content .title p.lo img {vertical-align:middle;} #sub_content .title p.prev {display:none;} #sub_content .title p.next {display:none;} #sub_content .content_w { position:relative; width:100%; min-height:660px; padding:0px; font-size:16px; color:#666; padding:30px 10px 0px 20px;} #sub_content .content_w1 { position:relative; width:100%; min-height:760px; padding:0px; font-size:16px; color:#666; padding:30px 10px 0px 20px;} .sub_z1 {width: 50px; vertical-align: middle; margin-right: 8px;} .s_lc {position: relative;width: 100%;height: auto;margin: 0 auto;background: url(lm_bg.gif) repeat-y left top;overflow: hidden;} #lnb {overflow: hidden;position: absolute;top: 0;left: 0;width: 100%;} #lnb {float: left; box-sizing: border-box; width: 260px; font-size: 18px;z-index:1;} .lnb h2 { width: 100%; height: 125px; font-size: 28px; font-weight: 500; text-align: center; color: #fff } .so1 h2 { background: #131d54 url(bg_lnb_01.png) center center no-repeat; background-size: cover } .so2 h2 { background: #003237 url(bg_lnb_01.png) center center no-repeat; background-size: cover } .so3 h2 { background: #003237 url(bg_lnb_01.png) center center no-repeat; background-size: cover } .so4 h2 { background: #003237 url(bg_lnb_01.png) center center no-repeat; background-size: cover } .so5 h2 { background: #003237 url(bg_lnb_01.png) center center no-repeat; background-size: cover } .so6 h2 { background: #003237 url(bg_lnb_01.png) center center no-repeat; background-size: cover } .so7 h2 { background: #003237 url(bg_lnb_01.png) center center no-repeat; background-size: cover } .so8 h2 { background: #003237 url(bg_lnb_01.png) center center no-repeat; background-size: cover } .lnb h2 span { display: block; padding-top: 46px } .lnb #left_submenu > li > a { display: block; padding: 14px 0 14px 7%; color: #414141; border-bottom: 1px solid #dfdfdf; font-size: 18px; line-height: 16px; font-weight: 400; text-decoration: none; background: url(bul_lnb_plus.gif) 87% center no-repeat } .lnb #left_submenu > li > a:hover { color: #fff; background: #484c5b; } .lnb #left_submenu > li > a.on:hover, .lnb #left_submenu > li > a.on { color: #fff; background: #484c5b; } .lnb #left_submenu > li > a.empty { background: none; color: #414141 } .lnb #left_submenu > li > a.empty:hover { background: #484c5b; color: #fff } .lnb #left_submenu > li > a.on.empty { background: #1d4759; color: #fff } .lnb #left_submenu > li > ul { background-color: #f3f4f7; padding: 5px 0; border-bottom: 1px solid #dfdfdf } .lnb #left_submenu > li > ul > li > a { display: block; color: #414141; padding: 6px 0px 6px 13%; font-size: 16px; letter-spacing: 1.1px; } .lnb #left_submenu > li > ul > li > a > span { padding-left: 17px; background: url(bul_lnb_3depth.png) left center no-repeat } .lnb #left_submenu > li > ul > li > a:hover > span, .lnb #left_submenu > li > ul > li > a.on > span { color: #d40419; font-weight: 600; background: url(bul_lnb_3depth_ov.png) left center no-repeat; text-decoration: underline } /* footer */ .layout {width: 100%;max-width: 1400px;margin: 0 auto;position: relative;} #footer{padding-bottom:5px; font-family: 'Nanum Barun Gothic'; background-color:#3e3730;margin-bottom: 20px;} #footer>.layout{max-width:1400px;} #footer>.layout>.line-1{display:flex; flex-wrap:wrap; align-items:center; padding:5px 0; border-bottom:1px solid rgba(217, 212, 220, 0.3);} #footer>.layout>.line-1>ul{display:flex; flex-wrap:wrap; margin-right:auto;width: 100%;} #footer>.layout>.line-1>ul>li{margin-top:5px; margin-bottom:5px;} #footer>.layout>.line-1>ul>li:not(:last-child){margin-right:35px;} #footer>.layout>.line-1>ul>li>a{line-height:1.5; font-size:17px; color:#fff;} #footer>.layout>.line-1>ul>li>a>strong{color:#ffa345;} #footer>.layout>.line-1>div{display:flex; padding:10px 0;} #footer>.layout>.line-1>div>select{width:165px; height:34px; padding:0 10px; font-size:15px; border:none; color:#fff; background-color:rgba(255,255,255,0.07); background-image:url(select.svg); background-repeat:no-repeat; background-position:right 10px center;appearance:none;-webkit-appearance:none; -moz-appearance:none;} #footer>.layout>.line-1>div>select::-ms-expand { display: none; } #footer>.layout>.line-1>div>select:not(:last-child){margin-right:10px;} #footer>.layout>.line-1>div>.select{position:relative; z-index:1000;} #footer>.layout>.line-1>div>.select:not(:last-child){margin-right:5px;} #footer>.layout>.line-1>div>.select>.head{width:165px; height:34px;} #footer>.layout>.line-1>div>.select>.head>button{width:100%; height:100%; padding:0 10px; cursor:pointer; text-align:left; font-size:15px; border:none; color:#fff; background-color:rgba(255,255,255,0.07); background-image:url(select.svg); background-repeat:no-repeat; background-position:right 10px center; appearance:none;-webkit-appearance:none;-moz-appearance:none;} #footer>.layout>.line-1>div>.select>.midd{display:none; overflow:auto; position:absolute; left:0; top:100%; width:100%; max-height:160px; border-top:1px solid rgba(255,255,255,0.5); background-color:rgb(76 69 63);} #footer>.layout>.line-1>div>.select>.midd>ul{padding:5px 0;} #footer>.layout>.line-1>div>.select>.midd>ul>li>a{display:block; padding:5px 10px; font-size:14px; color:#fff;} #footer>.layout>.line-1>div>.select[data-open="yes"]>.midd{display:block;} #footer>.layout>.line-2{display:flex; padding:25px 0 35px;} #footer>.layout>.line-2::before{content:""; flex-shrink:0; width:288px; height:55px; margin-right:30px; background-image:url(logo_f.png); background-repeat:no-repeat; background-position:left top; background-size:contain;} #footer>.layout>.line-2>div address{font-style:normal; font-size:16px; color:#fff; line-height: 1.5;} #footer>.layout>.line-2>div address>span{/*display:inline-flex; align-items:center;*/ line-height:1.5;} #footer>.layout>.line-2>div address>span:not(:last-child)::after{content:""; width:1px; height:12px; margin:0 10px 4px 10px; background-color:rgba(217, 212, 220,0.3);} #footer>.layout>.line-2>div .copy{margin-top:10px; font-style:normal; font-size:16px; color:rgba(255,255,255,0.5);} #footer>.layout>.line-2>div:nth-child(2){flex-shrink:0; margin-left:auto;} #footer>.layout>.line-2>div:nth-child(2)>ul{display:flex;} #footer>.layout>.line-2>div:nth-child(2)>ul>li:not(:last-child){margin-right:12px;} #footer>.layout>.line-2>div:nth-child(2)>ul>li>a{display:flex; width:35px; height:35px; background-color:rgba(255,255,255,0.2); border-radius:50%;-webkit-transition:background-color 0.3s linear; transition:background-color 0.3s linear;} #footer>.layout>.line-2>div:nth-child(2)>ul>li>a::before{content:""; width:5em; height:5em; margin:auto; font-size:6px; background-image:url(layout.svg); background-repeat:no-repeat; background-size:150em auto;} #footer>.layout>.line-2>div:nth-child(2)>ul>li>a.y::before{background-position:0 -70em;} #footer>.layout>.line-2>div:nth-child(2)>ul>li>a.f::before{background-position:-5em -70em;} #footer>.layout>.line-2>div:nth-child(2)>ul>li>a.i::before{background-position:-10em -70em;} #footer>.layout>.line-2>div:nth-child(2)>ul>li>a.b::before{background-position:-15em -70em;} #footer>.layout>.line-2>div:nth-child(2)>ul>li>a.c::before{background-position:-20em -70em;} #footer>.layout>.line-2>div:nth-child(2)>ul>li>a>span{position:absolute; font-size:0; color:transparent;} #footer>.layout>.line-2>div:nth-child(2)>ul>li>a:hover{background-color:rgba(255,255,255,1);} #footer>.layout>.line-2>div:nth-child(2)>ul>li>a.y:hover::before{background-position:0 -75em;} #footer>.layout>.line-2>div:nth-child(2)>ul>li>a.f:hover::before{background-position:-5em -75em;} #footer>.layout>.line-2>div:nth-child(2)>ul>li>a.i:hover::before{background-position:-10em -75em;} #footer>.layout>.line-2>div:nth-child(2)>ul>li>a.b:hover::before{background-position:-15em -75em;} #footer>.layout>.line-2>div:nth-child(2)>ul>li>a.c:hover::before{background-position:-20em -75em;} @media screen and (max-width:1360px) { #footer>.layout>.line-1{display:block; padding:5px 0 8px 0;} #footer>.layout>.line-1>div>.select>.head{width:200px;} } @media only screen and (max-width:1024px) { #footer>.layout{width:calc(100% - 60px); max-width:100%; margin:0 30px;} #footer{padding-bottom:50px;} #footer>.layout>.line-2{display:block;} #footer>.layout>.line-2::before{display:block;} #footer>.layout>.line-2>div{margin-top:20px;} } @media only screen and (max-width:650px) { #footer{padding-bottom:30px;} #footer>.layout{width:calc(100% - 40px); margin:0 20px;} } @media only screen and (max-width:600px) { #footer>.layout>.line-1>ul>li:not(:last-child){margin-right:20px;} #footer>.layout>.line-1>ul>li>a{font-size:15px;} #footer>.layout>.line-1>div>.select{width:100%;} #footer>.layout>.line-1>div>.select>.head{width:100%;} #footer>.layout>.line-2>div address{font-size:15px;} #footer>.layout>.line-2>div address>span:nth-child(1){width:100%;} #footer>.layout>.line-2>div address>span:nth-child(1)::after{display:none;} #footer>.layout>.line-2>div .copy{font-size:15px;} } /* .header-top {background: #dde8cb !important; height: 40px;}*/ .con {position: relative; max-width: 1400px;width:100%; margin: 0 auto; background:#fff;height: 40px; border-bottom: solid 1px #d9d2d2;} .left-wrap {float: left;} .tab-list li {position: relative;float: left; display: block; padding: 0 20px; height: 40px; color: #373636; font-size: 15px;line-height: 40px; font-weight: 500; letter-spacing: -.03em; } .tab-list li:before {content: ''; position: absolute;top: 50%;left: 0; width: 1px; height: 9px; margin-top: -4px; background: #9B9192;} .right-wrap {position: absolute;right: 0; bottom: 20px;} .split-list li {position: relative; float: left; display: block; padding: 0 20px; height: 40px; color: #373636; font-size: 16px; line-height: 40px; font-weight: 500; letter-spacing: -.03em;} .split-list > li + li:before {content: ''; position: absolute; top: 50%; left: 0; width: 1px; height: 9px; margin-top: -4px; background: #9B9192;} /* Reset */ html, body {height:100%; width: 100%;} body {line-height:1.3; color:#353535; font-family: 'Noto Sans KR', sans-serif; font-size:16px;} ul, ol, li {list-style: none;} a {text-decoration: none;} img {border: 0;} #contents, #gnb, #footerWrap {outline: none;} #gnb{padding-right: 50px;} .container {position:relative; z-index:0; max-width:1400px; margin:0 auto;} .container_a {position:relative; z-index:0; max-width:1400px; margin:0 auto;} ::placeholder {color: #a5a5a5; opacity: 1;} :-ms-placeholder {color: #a5a5a5; opacity: 1;} ::-ms-placeholder {color: #a5a5a5; opacity: 1;} .container_a {position:relative; z-index:0; max-width:1400px; margin:0 auto;} /* SkipNavi */ #SkipNavi{position: fixed; top: 0; left: 0; right: 0; z-index: 99999;} #SkipNavi li a{ display: block; width: 100%; height: 0; line-height: 23px; color: #fff; background: #2b2b2b;text-align: center;overflow: hidden;} #SkipNavi li a:focus { height:25px;} /* Common */ body.clip {overflow-y: hidden;} .cust_clearboth {clear: both; width: 0; height: 0; overflow: hidden; font-size: 0; padding: 0; border: 0; margin: 0;} .cont_inner {width: 100%; max-width: 1200px; padding-bottom: 70px; margin: 0 auto;} /* WA Fix Nav */ #wa_nav {position: fixed; top: 0; left: 0; right: 0; z-index: 100;} #wa_nav li {width: 100%;} #wa_nav li a {display: block; width: 100%; height: 0; line-height: 23px; box-sizing: border-box; font-size: 16px; color: #000; background: #fff; text-align: center; overflow: hidden;} #wa_nav li a:focus {height: 25px; border: 1px solid #000;} /* Header */ #hd_wrap {position: fixed; /*position: relative;*/ width: 100%; top: 0; z-index: 50; transition:top .2s ease; background:#FFFFFF;} #hd_wrap #header > .container{z-index: 1;} #hd_wrap #main_nav.view{border-bottom:0;} .util_nav{position: relative; top: 0; left: 0; height:80px; /*border-bottom:1px solid #dbdbdb;*/ } .util_nav .logo {display: inline-block;position: absolute;top: 10px;left: 0;} #hd_wrap.fixed .util_nav .logo {height:60px; top: 100px;} .util_nav .serch_ver { display: block; position: absolute; top: 46px; left: 50%; transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); overflow: hidden; width: 32%; height: 45px; border: 2px solid #696969; border-radius: 50px; background: #fff; z-index: 10;} .serch_ver .head_serch {display: inline-block; width: 80%; height: 41px; border: 0; margin-left: 25px;} .serch_ver .head_serch::placeholder{color:#8F8F8F;} .serch_ver .btn_newserch {position: absolute; right: 23px; top: 10px; font-size: 0; width: 21px; height: 20px; display: block; background: url(searchBt.png) no-repeat;} #header .link_nav{overflow:hidden; margin-top:20px;} #header .link_nav li{display: inline-block; vertical-align: middle; float:left;} #header .link_nav li {width: 15.7%; height: 45px; line-height: 43px; border: 1px solid #2f6bb1; box-sizing: border-box; text-align: center;} #header .link_nav li:nth-of-type(1){border: 1px solid #c77777;} #header .link_nav li:nth-of-type(2){border: 1px solid #9d8c90;} #header .link_nav li:nth-of-type(3){border: 1px solid #8a9a38;} #header .link_nav li:nth-of-type(4){border: 1px solid #d4ca95;} #header .link_nav li:nth-of-type(5){border: 1px solid #bb9b72;} #header .link_nav li:nth-of-type(6){border: 1px solid #b0cbc7;} #header .link_nav li:nth-of-type(7){border: 1px solid #959d8c;} #header .link_nav li:not(:last-of-type) {margin-right: 1.15%;} #header .link_nav li a {display: block; width: 100%; height: 100%; color: #292929; font-size: 1.063em; font-weight: 300;} #header .link_nav li a:hover, #header .link_nav li a:focus{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; color:#fff;} ype(1) a:hover, #header .link_nav li:nth-of-type(1) a:focus{background:#c77777;} #header .link_nav li:nth-of-t#header .link_nav li:nth-of-type(2) a:hover, #header .link_nav li:nth-of-type(2) a:focus{background:#9d8c90;} #header .link_nav li:nth-of-type(3) a:hover, #header .link_nav li:nth-of-type(3) a:focus{background:#8a9a38;} #header .link_nav li:nth-of-type(4) a:hover, #header .link_nav li:nth-of-type(4) a:focus{background:#d4ca95;} #header .link_nav li:nth-of-type(5) a:hover, #header .link_nav li:nth-of-type(5) a:focus{background:#bb9b72;} #header .link_nav li:nth-of-type(6) a:hover, #header .link_nav li:nth-of-type(6) a:focus{background:#b0cbc7;} #header .link_nav li:nth-of-type(7) a:hover, #header .link_nav li:nth-of-type(7) a:focus{background:#959d8c;} /* 회원정보 */ #hd_search_form {display: none; position: absolute; width: 300px; right: 31px; bottom: -5px; border: 1px solid #d2d2d2; border-radius: 26px; box-sizing: border-box; background-color: #fff;} #hd_search_form.on {display: block;} #hd_search_form input[type="text"] {display: inline-block; vertical-align: top; width: 255px; height: 33px; padding-left: 8px; border: 0; background: transparent; box-sizing: border-box; outline: none;} #hd_search_form #hd_search_btn {display: inline-block; vertical-align: top; width: 35px; height: 33px; border: 0; font-size: 0; background-image: url('icn_search.png'); background-repeat: no-repeat; background-size: 16px auto; background-position: center; background-color: transparent; cursor: pointer;} #header #hd_search_form a.close {display: none;} .util_nav .user { position: absolute; right: 0; bottom: 40px;} .util_nav .user li{display:inline-block;} .util_nav .user li a {padding:0 21px; font-size:0.875em; color:#292929;} .util_nav .user li.info a {color:#235788;} .util_nav .user li:first-child a {padding:0 21px 0 0;} .util_nav .user li:after{content: "|"; display: inline-block; margin-top: -5px; color: #cecece; font-size: 12px; vertical-align: middle;} .util_nav .user li:last-child:after{display:none; content:" ";} .util_nav .user li:last-child a{padding: 0 0 0 21px;} /* menu button */ #main_nav {position: relative; border-top:1px solid #dbdbdb; /*border-bottom:1px solid #dbdbdb;*/height: 75px; background: #031560;} #main_nav .view_wrap{position: absolute; right: 2px; top: 13px; background: #31312e; width: 45px; height: 45px; border-radius: 50%;} #main_nav button.view {display: block; width: 26px; height: 20px; font-size: 0; position: absolute; top: 13px; right:9px;} #main_nav button.view span {position: absolute; display: block; height: 2px; right: 0; background-color: #ffffff; transition: width .3s ease;} #main_nav button.view span:nth-of-type(1) {width: 23px; top: 0;} #main_nav button.view span:nth-of-type(2) {width: 18px; top: 9px;} #main_nav button.view span:nth-of-type(3) {width: 12px; top: 18px;} #main_nav button.view:hover span {width: 100%;} #hd_wrap.fixed #main_nav .depth1{margin-left:200px;} #hd_wrap.fixed #main_nav .depth1 > li{ margin-left:0;} #hd_wrap.fixed #main_nav .depth1 > li:first-child{width: 14.2%;} /* gnb */ #main_nav .depth1 > li {display: inline-block;width: 14.28%;height: 100%;padding: 0; float:left;} #main_nav .depth1 > li:first-child{width:14.28%; margin-left:0px;} #main_nav .depth1 > li.box {position: absolute; z-index: 1;} #main_nav .depth1 > li > a {position:relative; display: block; width: 100%; height: auto; padding: 23px 0; border: 1px solid transparent; color: #fff; text-align: center; font-size: 1.3em; font-weight: 500; box-sizing: border-box;} #main_nav .depth1 > li:first-child a:before {display: none;} #main_nav .depth1 > li > a:before {content: "";display: block;position: absolute;left: 0;top: 50%;margin-top: -8.5px;width: 1px;height: 17px;background: #4f71a1;} /* #main_nav .depth1 > li > a:after {content: ""; position: absolute; bottom: -2px; left: 50%; width: 1px;height: 5px; transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;} #main_nav .depth1 > li > a.on:after { width: 100%; transform: translate(-50%, 0); -webkit-transform:translate(-50%, 0); -ms-transform: translate(-50%, 0); } */ #main_nav .depth1 > li:nth-of-type(1):hover > a:after{ background:#959d8c;} #main_nav .depth1 > li:nth-of-type(2):hover > a:after{background:#b0cbc7;} #main_nav .depth1 > li:nth-of-type(3):hover > a:after{background:#bb9b72;} #main_nav .depth1 > li:nth-of-type(4):hover > a:after{background:#d4ca95;} #main_nav .depth1 > li:nth-of-type(5):hover > a:after{background:#8a9a38;} #main_nav .depth1 > li:nth-of-type(6):hover > a:after{background:#9d8c90;} #main_nav .depth1 > li:nth-of-type(7):hover > a:after{background:#b3648d;} #main_nav .depth1 > li:nth-of-type(8):hover > a:after{background:#6864b3;} #main_nav .depth1 > li:nth-of-type(7){margin-left:0px; width:14.2%;} #main_nav .depth1 > li.hide_menu{display: none;} #main_nav .depth1 > li.hide_menu > a{padding:12px 0 25px; } #main_nav .close {position: absolute; display: none; top: 25px; right: 5px; padding: 0; z-index: 2; } #main_nav .close .btn_close{position: relative; display: block; width: 28px; height: 29px;padding: 0; border: 0; margin: 0; font-size: 0; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(icn_close.png); z-index: 1;} .m_close{ position: absolute; display: none; top: 110px; right: 88%; z-index: 1001;} .m_close .btn_close{ position: relative; display: block; width: 28px; height: 29px; font-size: 0; background-repeat: no-repeat; background-position: center; background-size: cover;background-image: url(m_icn_close.png);} /* sitemap all_menu */ #sitemap{overflow: hidden; display: none;} #sitemap.all_menu{position: absolute; top: 0;left: 0;display: block;width: 100%;/* height: 100vh;*/ background: #efeff0; line-height: 1; z-index: 2;padding-left:0px;} #sitemap > li{float:left; width: 14.286%;} #sitemap > li:nth-child(n+7){margin-top:0px;} #sitemap > li:nth-child(7) .tit {padding-right:60px;} #sitemap > li .tit{ display: block; padding: 27px 0;text-align: center; font-size: 1.250em; color: #fff; font-weight: 500;line-height: 1;background: #031560;} #sitemap > li .depth2{display: block; padding-top:12px; position: relative; ; margin-top:2px;border-right: 1px solid #b9b9b9;min-height: 450px;padding-left: 12px;} #sitemap > li:nth-child(1) .depth2{border-left: 1px solid #b9b9b9;} #sitemap > li .depth2 > li{width: 100%;margin-top: 10px; text-align: left;} #sitemap > li .depth2 > li:first-child{margin-top:0;} #sitemap > li .depth2 > li > a{display: inline-block; border-bottom: 0px solid #9f9b9b; font-size: 1.063em; color: #2b2b2b; padding-bottom: 6px; font-weight: 400;letter-spacing: -1px} #sitemap > li .depth2 > li > a:hover, #sitemap > li .depth2 > li > a:focus{border-bottom: 1px solid #bd5c5b; color: #bd5c5b;} .gnb_bg{display: none; position: absolute; top: 75px; left: 0; z-index: -1; height:calc(100% - 81px); width: 100%; /*border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;*/ background:#efeff0;} #sitemap > li .depth2 > li > a.s_sub {padding-left:10px; font-size: 1em; color: #2b2b2b; padding-bottom: 6px; font-weight: 300;letter-spacing: -1px} /* 12.15 sns_list 추가 */ /* .sns_list{float: right;} */ .sns_list{position: absolute;right: 0;top: 20px;} .sns_list ul li{float: left; margin-left: 5px;} .sns_list ul li:first{margin-left: 0;} /* #hd_wrap.fixed */ #hd_wrap.fixed {position: fixed; top: -196px; background: #0c1a3d;} #hd_wrap.fixed #header > .container{z-index: 1;} #hd_wrap.fixed #main_nav{border-bottom:0;} #hd_wrap.fixed #main_nav .depth1 > li > a {color: #bebdbd;} #hd_wrap.fixed #main_nav .depth1 > li > a:hover{color:#fff;} #hd_wrap.fixed #main_nav button.view span {background: #fff;} /* m_menu */ .m_gnb_wrap {display: none; position: fixed; right: 0; top: 75px; z-index: 3; overflow-y: auto; width: 100%; max-width: 85%; height: 100%; padding: 0; background-color: #fff;} .m_gnb_wrap.view{display: block;} .m_gnb .top_box{padding: 20px 30px; background:#c77777; color:#ffffff;} .m_gnb{ display: block; clear: both; position: relative; top: 0; left: 0; width: 100%; border: 0 none; z-index: 1000; background:none;overflow: hidden; border-top: 1px solid #dedede;} .m_gnb li.on {width: 100%;} .m_gnb li a{display: block; padding: 0; margin: 0;} .m_gnb li a.gnb_lv1{width:100%; padding: 15px 30px; color: #000; background:#eeeeee url(bar_on2.png) no-repeat right 30px center; border-bottom: 1px solid #dedede; text-align: left; text-decoration: none; z-index: 10010;} .m_gnb li a.gnb_lv1.on{background: #eeeeee url(bar_on.png) no-repeat right 20px center;} .m_gnb li a.gnb_lv1:hover{ font-weight: normal;} .m_gnb li ul.m_sub_gnb {display:none;} .m_gnb li.on ul.m_sub_gnb {display:block;} .m_gnb li ul.m_sub_gnb > li{width: 100%; padding: 0; background-color: #fff; border-bottom: 0 none; border-bottom: 1px solid #c8c8cb;} .m_gnb li ul.m_sub_gnb li a{display: block; margin: 0 0 0 10px; padding:15px 20px;color: #262626; font-size: 0.938em; text-align: left;} .m_gnb li ul.m_sub_gnb li .snbsub{ display: none; width: 100%; min-height: auto; padding: 0; border: 0 none; margin: 0 0 0 15px; padding: 0 0 17px 24px;} .m_gnb li ul.m_sub_gnb li .snbsub li{padding-bottom:15px;} .m_gnb li ul.m_sub_gnb li .snbsub li:last-child{padding-bottom:0;} .m_gnb li ul.m_sub_gnb li .snbsub a{ padding: 0 0 0 4%; font-size: 0.875em; position:relative; padding-left:10px; margin:0;} .m_gnb li ul.m_sub_gnb li .snbsub li:last-child a {padding: 0 0 0 4%; padding-left:10px;} .m_gnb li ul.m_sub_gnb li .snbsub a:before{content:''; position:absolute; top:38%; left:0; width:2px; height:2px; background: #000;} .m_gnb li ul.m_sub_gnb li .snbsub a.on{color: #125fb7;} .m_gnb_bg{display: none; position: fixed; left: 0; top: 100px; z-index: 1; width: 100%; height: 100%; background-color: #000; opacity: 0;} /* footer */ .footer_wrap{display: block; height: 193px;} .ftsns_list{position: absolute; top: 5px; right: 0;} .ftsns_list li{float:left; margin-left:7px;} .footer_bottom .left {vertical-align: middle; display: inline-block; width: 100%; margin-top: 12px;} .footer_bottom .left li{display:inline-block; float:left; margin-right:32px;} .footer_bottom .left li a {font-size:0.938em; color:#9f9f9f; font-weight: 300;} .footer_bottom .left li.info a {color:#235788;} .footer_bottom .left li:last-child{margin-right: 0;} .footer_bottom .left li:last-child:after{display:none; content:" ";} .footer_bottom .right .foot_site_box {position:absolute; right:0; top:16px; z-index:1; float:right;} .footer_bottom .right .foot_site_btn {display:block; position:relative; width:175px; height:26px; line-height:26px; padding:0 40px 0 18px; border:1px solid #e7e7e7; color:#000; font-size:0.933em; text-align:left;} .footer_bottom .right .foot_site_btn .arr {position:absolute; right:7px; top:50%; width:22px; height:11px; margin-top:-5px; font-size:12px; background:url("dn_arrow.png") no-repeat 0; } .footer_bottom .right .foot_site_btn.on .arr {transform:rotate(180deg);} .contop_btn {position:fixed; bottom:0; right:0; width:60px; height:60px; opacity: 0; background:#959d8c url(contop_img.png) no-repeat center; transition: opacity .25s linear, visibility .25s linear;} .contop_btn.on {opacity: 1; visibility: visible;} .footer_bottom {position:relative; padding:33px 0 76px; border-top: 1px solid #585858; background:#242424;} .footer_bottom .footer_logo {position:absolute; top:10px; left:0;} .footer_bottom .addr_txt {padding-left:200px; position: relative;} .footer_bottom .addr_txt .left li:nth-child(2) a{color:#f0f0f0;} .footer_bottom .addr_txt p {margin-top:7px; font-size:0.875em; color:#7a7a7a;} .footer_bottom .addr_txt p a{color:#7a7a7a;} .footer_bottom .con_mark {position:absolute; top:0px; right:20px;} .footer_bottom .con_mark li {float:left; padding-left:17px;} .mft_list{display: none;} .mslt_btn{display: none;} .sns_menu li{float:left; padding-right:16px;} .slt_chk {position: relative; display: inline-block; vertical-align: middle; width: 202px; height: 45px;} .slt_chk label{position: absolute; left: -9999px; text-indent: 9999px; width: 0; height: 0; border: 0;overflow: hidden; font-size: 0;line-height: 0;} .slt_chk select {padding-left: 42px; width: 100%; height: 45px; line-height: 43px; font-size: 0.938em; color: #a0a0a0; border-color:#585858; text-align: left; background: #242424; } .slt_chk select {appearance : none ; -webkit-appearance : none ; -moz-appearance : none ; } .slt_chk select::-ms-expand {display : none ;} .slt_chk .arr{position: absolute; top: 0; right: 0; display: inline-block; width: 45px; height: 45px;border-left: 1px solid #696969;} .slt_chk .arr img {position: absolute; top:20px; right:15px; transform:rotate(180deg); transition:all 0.3s; } .slt_chk .arr.on img {transform:rotate(0deg);} /* 이동 버튼 */ .slt_btn{color: #a0a0a0; border: 1px solid #585858; width: 60px; height: 45px; display: inline-block; vertical-align: middle; line-height: 43px;} /* .ft_list */ .ft_list {position: relative; display:inline-block; vertical-align: middle; width: 208px; border: 1px solid #696969; background: #242424 url(img/common/select_arrow.png) right 3px center no-repeat;} .ft_list .foot_site_btn {display:block; width:100%; height:42px; line-height:40px; color:#a0a0a0; text-align:center; overflow:hidden; padding-right:46px;} .ft_list .foot_site_btn .arr{position: absolute; top: 0; right: 0; display: inline-block; width: 45px; height: 43px; border-left: 1px solid #696969;} .ft_list .foot_site_btn .arr img { transform:rotate(180deg); transition:all 0.3s; position: absolute; right:15px; top:17px; } .ft_list .foot_site_btn.on .arr img {transform:rotate(0deg);} .ft_list .foot_site_menu {display:none; position:absolute; left:0; bottom:43px; z-index:1; overflow:auto; width:100%; background-color:#fff; border:1px solid #b5b5b5;} .ft_list .foot_site_menu li{border-bottom: 1px solid #b5b5b5;} .ft_list .foot_site_menu li:last-child{border-bottom:0;} .ft_list .foot_site_menu li a {display:block; height: 45px; line-height: 45px; padding: 0 40px 0 35px; color:#a0a0a0; font-size:0.938em; background-color:#242424;} .ft_list .foot_site_menu li.info a {color:#235788;} .ft_list .foot_site_menu li a:hover, .foot_site_menu li a:focus {background-color:#fff; color:#000;} .family_list{position: relative;display: inline-block;vertical-align: middle;position: absolute;right: 250px;top:0;} .family_list .foot_site_btn {display: inline-block; vertical-align: middle; position: relative; padding-right: 40px; padding-left: 20px; width: 208px; height: 45px; line-height: 43px; color: #a0a0a0; border: 1px solid #585858; text-align: left; background: #242424;} .family_list .foot_site_btn .arr{position: absolute; top: 0; right: 0; display: inline-block; width: 45px; height: 43px; border-left: 1px solid #696969;} .family_list .foot_site_btn .arr img { transform:rotate(180deg); transition:all 0.3s; position: absolute; right:15px; top:17px; } .family_list .foot_site_btn.on .arr img {transform:rotate(0deg);} .family_list .foot_site_menu {display:none; position:absolute; left:0; bottom:43px; z-index:1; overflow:auto; width:100%; background-color:#fff; border:1px solid #b5b5b5;} .family_list .foot_site_menu li{border-bottom: 1px solid #b5b5b5;} .family_list .foot_site_menu li:last-child{border-bottom:0;} .family_list .foot_site_menu li a {display:block; height: 45px; line-height: 45px; padding-left:20px; color:#9f9f9f/*#585858*/; font-size:0.938em; background-color:#242424;} .family_list .foot_site_menu li.info a {color:#235788;} .family_list .foot_site_menu li a:hover, .foot_site_menu li a:focus {background-color:#fff; color:#000;} .util_nav.mb{display: none;} /* gnb new */ .dropdown{position: absolute;top: 74px;left: 0;z-index: 9995;width: 100%;display: table;background-color: #fff;display: none;min-height:420px;} .dropdown.on{display: table;} .dropdown .head {display: table-cell;vertical-align: top;width: 300px;height: 245px;padding: 47px 25px;background-color: #f2f2f2;text-align: left;background-repeat: no-repeat;background-position: bottom 14px center;background-image: url(menu_bg_01.png);} #main_nav .depth1 > li:nth-child(2) .dropdown{min-height:400px;} #main_nav .depth1 > li:nth-child(3) .dropdown{min-height:350px;} #main_nav .depth1 > li:nth-child(4) .dropdown{min-height:400px;} #main_nav .depth1 > li:nth-child(5) .dropdown{min-height:400px;} #main_nav .depth1 > li:nth-child(6) .dropdown{min-height:400px;} #main_nav .depth1 > li:nth-child(7) .dropdown{min-height:400px;} #main_nav .depth1 > li:nth-child(2) .dropdown .head{background-image: url(menu_bg_02.png);} #main_nav .depth1 > li:nth-child(3) .dropdown .head{background-image: url(menu_bg_03.png);} #main_nav .depth1 > li:nth-child(4) .dropdown .head{background-image: url(menu_bg_04.png);} #main_nav .depth1 > li:nth-child(5) .dropdown .head{background-image: url(menu_bg_05.png);} #main_nav .depth1 > li:nth-child(6) .dropdown .head{background-image: url(menu_bg_06.png);} #main_nav .depth1 > li:nth-child(7) .dropdown .head{background-image: url(menu_bg_07.png);} .dropdown .head .title{color:#2b2b2b; font-size: 1.8em; font-weight: 700; display: block; text-align: center;} .dropdown .head .description{font-size: 1.125em;font-weight: 300;color: #3e3d3d;margin-top: 17px;text-align: center;} .dropdown .body {padding: 30px 30px;overflow: hidden;display: table-cell;vertical-align: top;} .dropdown .body .item{float: left;margin-right: 10px;position: relative;margin-bottom: 30px;white-space: nowrap;width: 24%;} .dropdown .body .item:first-child{margin-top:0;} .dropdown .body .title{display: block;font-size: 1.250em;color: #1f1f1f;font-weight: 500;line-height: 1;border: 1px solid #ccc;width: 100%;height: 48px;padding-left: 30px;line-height: 47px;} .dropdown .body .title:hover { background-color:#c1c88f;} .dropdown .body>ul>li:nth-child(4n+1) {clear: both;} .dropdown .body .contents{position: relative;display: block;margin-top: 12px;overflow: hidden;} .dropdown .body .contents .text{float: left;width: 100%;margin-right:2.2%;margin-top:8px;} /*.dropdown .body .contents .text:nth-child(4n){margin-right:0;} .dropdown .body .contents .text:nth-child(-n+4){margin-top:0;}*/ /* 자동 정렬 하고 싶을 때*/ .dropdown .body .contents.tbl_align .text{display: table-cell;width: auto;float: none;} .dropdown .body .contents.tbl_align{margin-top:8px; display: table; table-layout: fixed; width: 100%;} .dropdown .body .contents.tbl_align:first-child{margin-top: 0;} .dropdown .body .contents .text a{color:#616161;font-weight: 300;display: block; font-size:18px; letter-spacing:1px;} .dropdown .body .contents .text a:hover {color:#333;font-weight: 500;display: block;} /* 헤더 수정 240708 */ #header .link_nav {display:none;} #hd_wrap.fixed {top:-82px;} #hd_wrap.fixed .util_nav .serch_ver, #hd_wrap.fixed .util_nav .sns_list, #hd_wrap.fixed .util_nav .user {display:none;} .util_nav .user li a {font-weight:500;padding:0 16px;} .util_nav .user li:last-child a {padding-left:13px;} .util_nav .user li a.main-site {padding:0 16px 0 20px;background:url(ico_offer.png) left center no-repeat;color:#3C69D0;} .popup-wrap {display:none;z-index:9999;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0, 0, 0, 0.5)} .popup-msite .popup-box {position:absolute;top:50%;left:50%;display:flex;width:calc(100% - 40px);max-width:1000px;height:540px;transform:translate(-50%,-50%);background-color:#fff;} .popup-msite .popup-head {width:340px;background:url(img_msite_bg.png) left top no-repeat;} .popup-msite .popup-head .popup-title {padding:40px;line-height:40px;font-size:26px;font-weight:500;color:#fff;} .popup-msite .popup-head .text-01 {position:absolute;left:30px;bottom:34px;} .popup-msite .popup-head .btn-popup-close {position:absolute;top:10px;right:10px;display:inline-block;width:52px;height:52px;text-indent:-9999px;overflow:hidden;background:url(ico_x_01.png) center no-repeat;transition:.2s ease-out;} .popup-msite .popup-head .btn-popup-close:hover, .popup-msite .popup-head .btn-popup-close:focus {transform:rotate(90deg);} .popup-msite .popup-body {width:calc(100% - 340px);padding:62px 64px;} .popup-msite .list-msite {display:flex;gap:16px;flex-wrap:wrap;} .popup-msite .list-msite > li {width:calc(50% - 8px);} .popup-msite .list-msite > li a {position:relative;display:flex;width:100%;height:92px;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.08);transition:.2s ease-out;} .popup-msite .list-msite > li a:after {content:'';position:absolute;top:8px;right:5px;display:inline-block;width:24px;height:24px;background:url(ico_blank.png) center no-repeat;} .popup-msite .list-msite > li a:focus, .popup-msite .list-msite > li a:hover {border-color:#111;} .popup-msite .list-msite > li .img-logo {width:100%;align-self:center;text-align:center;} /* Responsive */ @media screen and (max-width: 1400px) { /* gnb */ #main_nav .depth1 > li{width: 14.29%;} #main_nav .depth1 > li:nth-child(2){width: 15%;} #main_nav .depth1 > li > a{font-size: 1.250em; padding: 23px 0;} #main_nav .depth1 > li:first-child {width: 13%;margin-left: 0;} #hd_wrap.fixed #main_nav .depth1 > li:first-child{width:14.3%;} .container {width: 100%;} .container_a {width: 100%;} .contents-floor3 {width: 99%;} } .footer_bottom .left{margin-top: 9px;} } @media screen and (max-width: 1280px) { #hd_wrap.fixed .util_nav .logo{height: 50px;} /* link_nav */ #header .link_nav li a{font-size:1em;} .gnb_bg{top:68px;} #main_nav .close{top:20px;} /* main_nav */ #hd_wrap.fixed #main_nav .depth1{margin-left: 150px;} #main_nav .depth1 > li > a{font-size: 1.125em; padding:21px 0;} #main_nav .view_wrap{position: absolute;right: 10px;top: 50%;transform: translate(0,-50%);-ms-transform: translate(0,-50%);-webkit-transform: translate(0,-50%);} .ser_open_btn{top:10px;} } @media screen and (max-width: 1200px) { /* .ftsns_list */ .ftsns_list{top: 40px; } .footer_bottom .con_mark{top:90px;} /* .family_list */ .family_list{display: block; margin-top:15px;} /* sitemap */ #sitemap > li{width:14.285%;} #sitemap > li:nth-child(n+5){margin-top:0px;} /* gnb*/ .dropdown .body .contents .text{width: 31.8%;margin-right:2.2%;} .dropdown .body .contents .text:nth-child(3n){margin-right:0;} .dropdown .body .contents .text:nth-child(4n){margin-right:2.2%;} .dropdown .body .contents .text:nth-child(-n+4){margin-top:8px;} .dropdown .body .contents .text:nth-child(-n+3){margin-top:0;} } @media screen and (max-width: 1030px) { #sitemap > li:nth-child(2) .tit {font-size: 1em;} } @media screen and (max-width: 1024px) { .s_lc {position: relative;width: 100%;height: auto;min-height: 500px;margin: 0 auto;background: none;} #lnb {display: none;} #sub_content {position: relative; width: 100%;float: left;padding: 0px 15px 20px 15px;font-size: 12px;color: #666;overflow: hidden;border-right: 1px solid #ececec;} #hd_wrap.fixed{top:0;} #hd_wrap.fixed .util_nav .logo{top:50%; height: 60px;} /* #main_nav */ #main_nav{border-top:0;} /* link_nav */ #header .link_nav{display: none;} .util_nav{display: none;} .util_nav.mb{display:block; height:75px; } .util_nav.mb .logo{left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);} .util_nav.mb .serch_ver{display: none; right: auto; left: 75px; top:50%; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%);} .util_nav.mb .serch_ver.serch_on{display: block;} .util_nav.mb .ser_open_btn{position: absolute;left: 10px;top: 50%;transform: translate(0,-50%);-ms-transform: translate(0,-50%);-webkit-transform: translate(0,-50%);width: 45px;height: 45px;font-size: 0;} #main_nav .depth1{display: none;} /* .family_list */ .family_list{display: block; margin-top:15px;} #header .m_link_nav{ overflow: hidden; margin-top:20px; padding: 0 20px;} #header .m_link_nav li{display: inline-block; vertical-align: middle; float:left; } #header .m_link_nav li {width: 48.2%; margin-right: 3.6%; margin-bottom:15px; height: 45px; line-height: 43px; border: 1px solid #2f6bb1; box-sizing: border-box; text-align: center;} #header .m_link_nav li:nth-child(2n){margin-right: 0;} #header .m_link_nav li:nth-of-type(1){border: 1px solid #c77777;} #header .m_link_nav li:nth-of-type(2){border: 1px solid #9d8c90;} #header .m_link_nav li:nth-of-type(3){border: 1px solid #8a9a38;} #header .m_link_nav li:nth-of-type(4){border: 1px solid #d4ca95;} #header .m_link_nav li:nth-of-type(5){border: 1px solid #bb9b72;} #header .m_link_nav li:nth-of-type(6){border: 1px solid #b0cbc7;} #header .m_link_nav li:nth-of-type(7){border: 1px solid #959d8c;} /* #header .m_link_nav li:not(:last-of-type) {margin-right: 1.15%;} */ #header .m_link_nav li a {display: block; width: 100%; height: 100%; color: #292929; font-size: 1em; font-weight: 300;} #header .m_link_nav li a:hover{-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;color:#fff;} #header .m_link_nav li:nth-of-type(1) a:hover{background:#c77777;} #header .m_link_nav li:nth-of-type(2) a:hover{background:#9d8c90;} #header .m_link_nav li:nth-of-type(3) a:hover{background:#8a9a38;} #header .m_link_nav li:nth-of-type(4) a:hover{background:#d4ca95;} #header .m_link_nav li:nth-of-type(5) a:hover{background:#bb9b72;} #header .m_link_nav li:nth-of-type(6) a:hover{background:#b0cbc7;} #header .m_link_nav li:nth-of-type(7) a:hover{background:#959d8c;} /*모바일 로그인 */ .new_mgnb_top{overflow: hidden;padding: 30px 0px 16px;border-top:1px solid #dedede;display: table;table-layout: fixed;border-spacing: 10px 0;width: 100%;} .new_mgnb_top p{display: table-cell;max-width: 135px;background: #31312e;} .new_mgnb_top p:first-child{margin-left: 0;} .new_mgnb_top p a {display: inline-block;width: 100%;height: 35px;line-height: 35px;color: #ffffff;font-weight: 300;text-align: center;} /* 헤더 수정 240708 */ .popup-msite {display:none !important;} } @media screen and (max-width: 960px) { #sitemap > li .depth2 {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} #sitemap > li .tit { font-size: 1rem;} .footer_bottom{padding:33px 0;} .ftsns_list{top: 40px; right: 15px;} .footer_bottom .con_mark{top:0px; right:15px;} .footer_bottom .footer_logo{display: none;} .footer_bottom .addr_txt{padding-left:0;} } @media screen and (max-width: 767px) { #hd_wrap.fixed .util_nav .logo{height: 50px;} /* .util_nav.mb */ .util_nav.mb{height:80px;} .util_nav.mb .serch_ver{left:55px;} .util_nav.mb .ser_open_btn{width:35px; height:35px;} .util_nav.mb .logo a img{max-width:100%;} .m_close{top: 90px;} .m_gnb_wrap{top:80px; } .m_gnb_bg{top:80px;} #main_nav .view_wrap{width:35px; height:35px;} #main_nav button.view{width: 17px; height: 20px; top: 10px; right: 9px;} #main_nav button.view span:nth-of-type(1){width: 17px;} #main_nav button.view span:nth-of-type(2){width: 12px; top: 6px;} #main_nav button.view span:nth-of-type(3){width: 6px; top: 12px;} #main_nav button.view:hover span{width:100%;} /* .footer_bottom .footer_logo */ .footer_bottom .addr_txt .left{display: none;} /* .contop_btn */ .contop_btn{width:50px; height:50px;} /* 이동 버튼 */ .mslt_btn{color: #3b3b3b; border: 1px solid #585858; width: 60px; height: 45px; display: inline-block; vertical-align: middle; line-height: 43px;} /* mft_list */ .mft_list {position:relative; display: block;} .mft_list .foot_site_btn {display:inline-block; vertical-align: middle; position:relative; padding-left: 20px; width:100%; height: 45px;line-height: 43px; color: #a0a0a0; border:1px solid #585858;text-align: left;background: #242424;} .mft_list .foot_site_btn span{font-size: 0.938em; color:#f0f0f0;} .mft_list .foot_site_btn .arr{position: absolute; top: 0; right: 0; display: inline-block; width: 44px;height: 44px;border-left: 1px solid #585858; } .mft_list .foot_site_btn .arr img {position:absolute; transform:rotate(180deg); left:15px; top:50%; margin-top:-3px; font-size:12px; transition:all 0.3s;} .mft_list .foot_site_btn.on .arr img { margin-top:-4px; transform:rotate(0deg);} .mft_list .foot_site_menu {display:none; position:absolute; left:0; bottom:43px; z-index:1; overflow:auto; width:100%; background-color:#242424; border:1px solid #585858;} .mft_list .foot_site_menu li{border-bottom: 1px solid #585858;} .mft_list .foot_site_menu li:last-child{border-bottom:0;} /* .mft_list .foot_site_menu li:first-child a{color:#f0f0f0;} */ .mft_list .foot_site_menu li a {display:block; height: 45px; line-height: 45px; padding-left:20px; color:#f0f0f0; font-size:0.938em; background-color:#242424;} .mft_list .foot_site_menu li.info a {color:#235788;} .mft_list .slt_btn{color: #a0a0a0; border: 1px solid #585858; width: 60px; height: 45px; display: inline-block; vertical-align: middle; line-height: 43px;} .mft_list .foot_site_menu li:nth-child(2) a{color:#f0f0f0;} /* .family_list */ .family_list{display: block; margin-top:5px; position: relative; right: 0;} .family_list .foot_site_btn{ width: 100%; padding-left:20px; } .family_list .foot_site_menu{width: 100%;} .family_list .foot_site_menu li a{padding-left:20px;} .mft_list2 {position: relative; display: inline-block; vertical-align: middle; width: 202px; height: 45px; } .mft_list2 label{ position: absolute; left: -9999px; text-indent: 9999px; width: 0; height: 0; border: 0; overflow: hidden; font-size: 0; line-height: 0;} .mft_list2 select { padding-right: 58px; padding-left:13px; width: 100%; height: 45px; line-height: 43px; font-size: 0.938em; color: #3b3b3b; border-color:#585858; text-align: left; background: #fff; } .mft_list2 select {appearance : none ;-webkit-appearance : none ;-moz-appearance : none ; } .mft_list2 select::-ms-expand {display : none ;} .mft_list2 .arr{position: absolute; top: 0; right: 0; display: inline-block; width: 45px; height: 45px; border-left: 1px solid #696969; } .mft_list2 .arr img {position: absolute; top:20px; right:15px; transform:rotate(180deg); transition:all 0.3s; } .mft_list2 .arr.on img {transform:rotate(0deg);} /* .ftsns_list */ .ftsns_list{position: static; text-align: center; margin-top: 15px;} .ftsns_list li{float:none; display: inline-block; font-size:0; margin-left:15px;} .ftsns_list li:first-child{margin-left:0;} .ftsns_list li a{display: block;} /* .footer_bottom */ .footer_bottom{padding:15px 0;} .footer_bottom .addr_txt p{text-align: center; margin-top:14px;} /* con_mark */ .con_mark{display: none;} .footer_bottom .addr_txt{padding-right: 0;} .footer_bottom .addr_txt p{word-break: keep-all;} } @media screen and (max-width: 479px) { /* .util_nav.mb */ .util_nav.mb{height:60px;} .ser_open_btn{left:10px; top:13px;} .m_gnb_wrap{top:60px; padding-bottom: 200px;} .m_gnb_bg{top:60px;} .m_gnb li a.gnb_lv1{padding:15px 20px; background-position: right 20px center;} .m_gnb .top_box{padding:15px 20px;} #header .m_link_nav{padding:0 10px;} } @media screen and (min-width: 320px) and (max-width: 339px){ /* .util_nav.mb */ .util_nav.mb .serch_ver{left:55px;} /* .alert_area */ .alert_area .alert_cont .alert_tit{width:24.9%;} }