/* All Device */ #rwd_header {display:none;} button {padding:0; border:none; background:transparent;} @media screen and (-webkit-min-device-pixel-ratio:1.5) { body, input, button, select, textarea, sub, h1, h2, h3, h4 {font-family:arial, sans-serif;} select {padding-right:20px; background:#fff url('/customized/images/common/ico_arrow.png') right 7px top 50% no-repeat; background-size:8px auto; -webkit-appearance:none; border-radius:0;} input[type="text"], input[type="password"], input[type="submit"], input[type="tel"], input[type="email"], textarea {-webkit-appearance:none; border-radius:0;} input[type="radio"] {border:1px solid #b9b9b9;} input[type="checkbox"] {border:1px solid #b9b9b9;} input[type="file"] {width:100%;} } @media screen and (max-width:1024px) { input, select, textarea {font-size:14px;} } @media screen and (max-width:620px) { body, input, button, select, textarea, sub {font-size:13px;} } #wrap {margin:0;padding:0;width:100%;min-width:1320px;overflow:hidden;} .wrapper { width:1320px; margin:0 auto; } .sitemap_wrap { position:relative; width:1320px; margin:0 auto;z-index:97; } /*레이어팝업 언어선택*/ .pop_wrap {position:relative; width:1320px; margin:0 auto;} a.btn_opn_lpopup {display: block;} div.popup {position: absolute;top:0;right: 0;background: #fff;border-radius:3px;border:2px solid #0062AB;padding:5px 10px;width: 700px;height: auto;box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);transition: all 0.5s;display:none;z-index: 999;} div.popup div.lpopup_menu a {display: inline-block;text-decoration: none;color: gray;margin: 0px;} div.lpopup_menu {text-align: right;} div.lpopup_menu img {position:absolute; right:0; top:0;} .lpopup_text {text-align: center;} .lpopup_text li a {float:left; display:block; padding:2px 3px; margin:3px 4px; border:1px solid #e6e6e6;} .lpopup_text li a:hover {color:#fff; background-color:#0062AB;} div.popup:target {display:block;} div.popup:target + .dim {position: fixed;z-index: 2;transition: all 0.5s;} /*header*/ #header { position:fixed;width:100%; z-index:3; border-bottom: 1px solid #d9d9d9; background-color:#EFEFEF; opacity:0.95;} #header .wrapper { padding:20px 0 0px 0; } #header .wrapper:after { display:block; clear:both; overflow:hidden; content:''; } #header h1 { float:left;} #header h1 img { width:100%; max-width:255px;} #header #nav { margin-top:20px; margin-right:20px; float:right; } #header #nav:after { display:block; clear:both; overflow:hidden; content:''; } #header #nav ul#lnb>li{ position:relative; z-index:21 !important; float:left; width:230px; letter-spacing:-1px; text-align:center; padding-bottom:33px; } #header #nav ul#lnb>li:last-child {background:none;} #header #nav ul#lnb>li>a{ padding-bottom:8px; font-size:18px; font-weight:600; color:#282828; } #header #nav ul#lnb>li>a:hover{ color:#2faf15; border-bottom:3px solid #2faf15; text-decoration:none; } #header #nav ul#lnb>li.on>a { color:#2faf15; border-bottom:3px solid #2faf15; text-decoration:none; transition: all 0.2s ease 0s;} #header #nav ul#lnb>li>ul.submenu:hover .wrapper { padding-bottom:0px; } #header #nav ul#lnb>li>div.submenu{transition: all 0.2s ease 0s;position:absolute; left:0px; z-index:21 !important; top:34px; width:230px; display:none; margin-top:20px; margin-bottom:-20px; margin-left:-1px; padding:10px 10px 0 10px; height:238px; background:#358715; border-left:1px solid #469726; border-right:1px solid #469726; text-align:left; } #header #nav ul#lnb>li>div.submenu:hover{ background:#286e0d; } #header #nav ul#lnb>li>div.submenu>ul>li>a{ color:#fff; border-bottom:none; padding:10px 0 0 7px; display:block; font-size:15px; background: url('/customized/images/common/gnb_dot.gif') no-repeat left 17px;} #header #nav ul#lnb>li>div.submenu>ul>li>a:hover{color:#fff; border-bottom:none; text-decoration:none; font-weight:600; } #header #nav div.submenu_bg { position:absolute; z-index:20 !important; display:none; top:93px; left:0; width:100%; height:250px; background:#358715; color:#fff; opacity:0.9; border-bottom:3px solid #2faf15; border-top:1px solid #d4d4d4;} /*gnb*/ #header #gnb {padding:0; background:#f9f9f9; border-bottom:1px solid #dadada; z-index:99;} #header #gnb .wrapper { position:relative;padding:0px; } #header #gnb ul.right { float:right; padding-right:10px; border-right:1px solid #dadada;} #header #gnb ul.right li { float:left;padding:13px 10px 0px 15px; height:30px;border-left:1px solid #dadada;} /* #header #gnb ul.right li:last-child { background: url('/customized/images/common/lang.png') no-repeat 10px 50%;padding-left:35px; } 언어 주석처리*/ #header #gnb ul.right li a { color:#767676; font-size:13px; font-weight:600;} #header #gnb ul.right li a.point { color:#555; } #header .btn_bar {position:absolute; display:block; top:-10px; right:0; z-index:20;} #header .btn_bar > button {display:block; width:42px; height:82px;} #header .btn_bar > button > span {position:relative; display:block; margin: 0 auto; width:20px; height:2px; background:#222; text-indent:-9999px;} #header .btn_bar > button > span:after, #header .btn_bar > button > span:before {position:absolute; display:block; right:0; width:20px; height:2px; background:#222;} #header .btn_bar > button > span:after {top:-7px; transition: all 0.3s ease; content:''; } #header .btn_bar > button > span:before {top:7px; transition: all 0.2s ease; content:'';} #header .btn_bar > button:hover > span:after, #header .btn_bar > button:hover > span:before {width:100%;} /* footer */ #footer_wrap {clear:both; width:100%; height:150px; background:#2b3237;} #footer_wrap #footer{position:relative; max-width:1320px; margin:0 auto; padding:20px 0 10px 0;} #footer_wrap #footer .footer_logo{position:absolute; top:10px; left:0;} #footer_wrap #cm_wrap {clear:both; width:100%; background:#353a3f; } #footer_wrap #copymenu {height:50px;display:block;width:1320px; margin:0 auto;} #footer_wrap #copymenu .cmenu li {float:left; background: url(/customized/images/common/copy_line.gif) no-repeat right 19px; padding:18px 5px 0 0;} #footer_wrap #copymenu .cmenu li span {font-weight:bold; color:#fff;} #footer_wrap #copymenu .cmenu li a {color:#fff; padding:0 10px 0 15px; width:30px; height:30px;} #footer_wrap #copymenu .cmenu li:last-child {background:none;} #footer_wrap #copymenu .right ul {float:right;position:relative;} #footer_wrap #copymenu .right li {background-image:none !important; float:left; } #footer_wrap #copymenu .right button{ padding:10px 0px 10px 0 !important; height:50px;background:none;border:none;color:#767676;font-size:13px; vertical-align:top;} #footer_wrap #copymenu .right .top a {display:block;padding:10px 20px 0px 20px; background:#f8f8f8;} #footer_wrap #copymenu .language {border-left:1px solid #d1d1d1;} #footer_wrap #copymenu .language button{display:block;width:170px;padding:0;font-size:1.0em;vertical-align:top;} #footer_wrap #copymenu .language ul{display:none;position:absolute;bottom:50px;width:170px;height:auto;background:#fff;border-top:1px solid #c4c4c4;border-right:1px solid #c4c4c4;border-bottom:1px solid #c4c4c4;z-index:99;} #footer_wrap #copymenu .language ul li{display:block;float:none;width:170px;padding:0;border-top:1px solid #e1e1e1;border-left:1px solid #c4c4c4; } #footer_wrap #copymenu .language ul li:first-child{border-top:none;} #footer_wrap #copymenu .language ul li a{display:block;width:94%;padding:7px 0 6px 6%;text-align:left;background:#fff url('/customized/images/common/ico_arrow_lang.gif') no-repeat 95% 50%;box-sizing:border-box;} #footer_wrap #footer .site_info{float:left; display:inline-block; padding:0px 10px 0 15px; color:#bbbbbb; font-size:1.2em; line-height:150%; font-weight:bold; } #footer_wrap #footer .site_info b{color:#fff!important; margin-bottom:10px;} #footer_wrap #footer .copyright{margin:7px 0 0 0; font-size:0.9em; color:#bbbbbb; } #footer_wrap #footer .copyright span{color:#fff; } #footer_wrap #footer .copy_logo {float:right; position:absolute; right:0; top:0px; border:1px solid #555; display:block;} #footer_wrap #footer .copy_logo2 {float:left; display:inline-block; margin-top:15px; } #footer_wrap #footer .copy_sns {right:0; top:30px;position:absolute; width:100px;} #footer_wrap #footer .copy_sns li {float:left; padding-left:12px;} /* 서브컨텐츠 */ #sub_container_wrap {position:relative;width:100%; height:auto; margin:0px auto;} #sub_container{width:100%; margin:0 auto; } #sub_contents {position:relative;width:100%; height:auto; margin:50px auto 0 auto;} /*서브비주얼*/ .sv_1 {position:relative; width:100%; height:450px;} #sub_visual_wrap {color:#fff; background:#EFEFEF url(/customized/images/sub/sv01.jpg) 50% top no-repeat; background-size:cover; } .sv_inner { width:1200px; margin:0 auto;} .bannerCopy{ padding-top:140px;} .active-slide .bannerCopy div{animation-name:fadeInUp;} .bannerCopy div:nth-child(1) {-webkit-animation-delay:0.5s;animation-delay:0.5s; font-family: 'GmarketSansMedium'; font-size:35px;color:#222; line-height:140%; letter-spacing:-1px;} .bannerCopy div:nth-child(2) {-webkit-animation-delay:1s;animation-delay:1s;font-family: 'GmarketSansBold'; font-size:42px; color:#2faf15; line-height:120%; letter-spacing:-1px;} .bannerCopy div:nth-child(3) {-webkit-animation-delay:2s;animation-delay:2s; font-family: 'GmarketSansMedium'; font-size:18px;color:#222; margin-top:20px;} .bannerCopy .bannerCopy2 b {color:#FF9600;} .bannerCopy div:nth-child(3) span {margin-left:3px; background-color:#222; color:#fff; font-size:14px; width:44px; height:36px; border-radius:50%; padding:6px 6px 3px 6px;} .nav_inner {width:100%; padding:15px 40px; margin:-40px auto 0 auto;margin:0 auto; background-color:#2faf15 ; box-shadow: 7px 6px 16px 0px rgba(0, 0, 0, 0.16);} #subTopBar .btnPrint{right:40px;background:url(/customized/images/sub/icon_btnPrint.gif) no-repeat;} #subTopBar .btnPrint:hover{background:url(/customized/images/sub/icon_btnPrint_over.gif) no-repeat;border-radius:16px;box-shadow:2px 3px 5px 0px rgba(0,0,0,0.1);} #subTopBar{position:relative;width:1200px; margin:0 auto;} #subNav:after{display:block;content:'';clear:both;} #subNav > li{display:block;float:left;position:relative;min-width:270px;height:32px;box-sizing:border-box; cursor:pointer;} #subNav > li:after{display:block;content:'';position:absolute;right:0;top:6px;height:20px;border-right:1px solid #5ED834;} #subNav > li.home{min-width:auto;width:45px;background:url(/customized/images/sub/icon_subNav_home.png) no-repeat 5px center;text-indent:-9999em;} #subNav > li.home a{background:none;} #subNav > li > a{display:block; cursor:pointer;padding:0 40px 0 20px;background:url(/customized/images/sub/icon_subNav_ar.png) no-repeat 92% center;font-size:17px;color:#fff;line-height:32px;} #subNav > li > a:hover{color:#fff;} #subNav ul{display:none;position:absolute;top:40px;left:-1px;right:0;padding:10px 0;background:#fff;border:1px solid #e5e5e5;box-sizing:border-box;z-index:9;box-shadow:2px 3px 5px 0px rgba(0,0,0,0.1);} #subNav ul li a:hover{background:#f6f6f6;color:#FF9600;} #subNav ul li a{display:block;padding:10px 10px 10px 20px;font-size:16px;line-height:120%;} /* #subNav ul li:first-child a{padding-right:40px;background:url(/customized/images/sub/icon_subNav_ar.gif) no-repeat 92% center;} #subNav ul li:first-child a:hover{background:#f6f6f6 url(/customized/images/sub/icon_subNav_ar.gif) no-repeat 92% center;} */ #subNav ul li:first-child a, #subNav ul li:first-child a:hover{padding-right:0;background:none;} #subNav > li.active ul{display:block;} #subNav > li.active > a{background:url(/customized/images/sub/icon_subNavOn_ar.png) no-repeat 92% center;} /* 서브네비게이션*/ #sub-nav_wrap {position: absolute; bottom:0px; width: 100%; height: 55px; z-index: 2; background-color:#2B9942;} #sub-nav { width: 1200px; margin:0px auto 0 auto; padding:0; } #sub-nav > div > a { display: inline-block; float: left; width: 70px; height: 55px; border-style: solid; border-color: #1A65E1; border-width: 0 1px; background-image: url(/customized/images/home-icon.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: auto; } #sub-nav > div > a i { display: none; } #sub-nav .nav-dep { display: inline-block; float: left; position: relative; width: 250px; border-style: solid; border-color: #1A65E1; border-width: 0 1px 0 0; } #sub-nav .nav-dep > a { display: block; padding: 16px 1.5em; font-weight: 300; font-size:15px; color:#fff; } #sub-nav .nav-dep > a:after { content: '▼'; display: block; position: absolute; top: 50%; right: 20px; -webkit-transform: rotate(0deg) translateY(-50%); -ms-transform: rotate(0deg) translateY(-50%); transform: rotate(0deg) translateY(-50%); font-size: 0.5em; } #sub-nav .nav-dep .dep_list li a:hover, #sub-nav .nav-dep.on > a { background: #1A65E1; font-weight: 400; color:#fff; } #sub-nav .nav-dep.on > a:after { -webkit-transform: rotate(180deg) translateY(35%); -ms-transform: rotate(180deg) translateY(35%); transform: rotate(180deg) translateY(35%); } #sub-nav .nav-dep .dep_list { display: none; position: absolute; top: 54px; left: -1px; width: 251px; border: 1px solid #1A65E1; background: #fff; z-index: 100; } #sub-nav .nav-dep .dep_list li a { display: block; height: 50px; line-height: 50px; padding: 0 1.5em; border-top: 1px solid #1A65E1; font-weight: 300; } #sub-nav .nav-dep .dep_list li a:first-child { border-top: 1px solid #f6f6f6; } /* 컨텐츠*/ .con_body{clear:both;height:auto;width:1200px; padding:0 0 0 0; margin:50px auto; } /* 사이트맵 */ .sitemap {display:none; z-index:1100; position:fixed; top:0; left:0; width:100%; background:#fff;} .sitemap.open {display:block} .sitemap .btn_close {position:absolute; top:50px; right:50px; text-indent:-9999px; width:70px; height:70px; background:url('/customized/images/common/btn_close.png') 0 0 no-repeat;} .sitemap .cont {overflow:hidden;} .sitemap .cont > li {overflow:hidden; float:left; display:table; width:25%; box-sizing:border-box; height:100vh; padding:0 40px; background:#fff; border-right:1px solid #e0e0e0; transition:background 0.3s ease-out;} /*.sitemap .cont > li:first-child {width:15.28%}*/ .sitemap .cont > li a {transition:all 0.3s ease-out;} .sitemap .cont > li .tx {display:table-cell; vertical-align:middle} .sitemap .cont > li .tx strong {display:block; margin-bottom:20px; padding-bottom:20px; font-size:23px; color:#222; border-bottom:2px solid #222; } .sitemap .cont > li .tx ol {height:530px;} .sitemap .cont > li .tx ol > li {letter-spacing:-0.8px; color:#444; font-size:18px; line-height:40px;} .sitemap .cont > li .tx ol > li ul {position:relative; margin:5px 0 15px 2px; padding-left:13px; border-left:1px solid #afafaf} .sitemap .cont > li .tx ol > li ul li {font-size:15px; line-height:26px; color:#777} .sitemap .cont > li:hover {background:#358715;} .sitemap .cont > li:hover:before {width:100%;} .sitemap .cont > li:hover a {color:#fff; text-decoration:none} .sitemap .cont > li:hover strong {border-color:#fff} .sitemap .cont > li .tx ol > li a:hover, .sitemap .cont > li .tx ol > li a:focus {padding-left:12px; } .sitemap .cont > li:hover .tx ol > li ul {border-color:#fff} .sitemap .cont > li .tx ol > li ul li a:hover {color:#fff; text-decoration:underline;} @media screen and (max-width:1700px) { /* 사이트맵 */ .sitemap .btn_close {top:15px; right:15px} .sitemap .cont > li {padding:0 25px} .sitemap .cont > li .tx strong {margin-bottom:10px; padding-bottom:10px; font-size:20px} .sitemap .cont > li .tx ol > li {font-size:16px; line-height:32px;} } @media screen and (max-width:1400px) { /* 사이트맵 */ .sitemap {padding:100px 60px; height:100vh; } .sitemap .btn_close {top:20px; right:45px} .sitemap .cont {overflow-y:scroll; overflow-x:hidden; height:80vh; } .sitemap .cont > li {float:none; display:block; width:100%; height:auto; margin-bottom:20px; padding:0; border:0 none} .sitemap .cont > li:first-child {width:100%;} .sitemap .cont > li .tx {display:block} .sitemap .cont > li .tx ol {height:auto;} .sitemap .cont > li:hover {background:none;} .sitemap .cont > li:hover a {color:#222} .sitemap .cont > li:hover strong {border-color:#222} .sitemap .cont > li a:hover {color:#0066B3; font-weight:500} .sitemap .cont > li:hover .tx ol > li ul {border-color:#999} .sitemap .cont > li .tx ol > li ul li a:hover {color:#222;} } @media screen and (max-width:800px) { #container {min-height:500px} /* 사이트맵 */ .sitemap {padding:50px 20px;} .sitemap .btn_close {top:10px; right:15px; width:40px; height:40px; background-size:40px; } .sitemap .cont > li .tx strong {margin-bottom:8px; padding-bottom:8px; font-size:22px} .sitemap .cont > li .tx ol > li {font-size:15px; line-height:25px;} } /* Tablet Device 최소 900 ~ 1199 */ @media (min-width:900px) and (max-width:1199px) { #wrap {min-width:100%; width:100%;} .wrapper { width:100%; } .nav_inner {width:96%; margin:0 auto;} /*서브비주얼*/ #sub-nav { width:100%;} #wrap {min-width:100%;} .wrapper { width:100%; } #header h1 { float:left; margin-left:10px;} #header {width:100%; margin:0 auto; height:100px; border-top:3px solid #2faf15; border-bottom:1px solid #d1d1d1;} #header #nav ul#lnb>li{ width:155px; } #header #nav ul#lnb>li>div.submenu{width:135px;} .top00 a {display:none;} #header #nav ul#lnb>li{ width:155px; } #header #nav ul#lnb>li>div.submenu{width:135px;} .top00 a {display:none;} /*���������� */ #sub_contents {width:100%; margin-top:50px;} #sub_container{width:100%;} .con_body{ width:98%;} /*서브비주얼*/ .sub_top_tit {margin:108px auto 0 auto;} #sub-nav { width:100%;} .sv_1 {position:relative; width:100%; padding-left:20px;} .sub_top_tit {padding: 110px 0 115px; margin-left:50px;width:100%;} #sub_visual_wrap {background-size:cover;} /*서브비주얼*/ #sub_visual_wrap { background-position: 65% 50%; } .sub_top_tit {padding: 80px 0 0; margin-left:20px;width:100%;} #subTopBar {padding:10px 10px;width:100%; box-sizing:border-box;} #footer_wrap #footer{ max-width:100%;text-align:center; } #footer_wrap #copymenu {width:100%;} #header .btn_bar > button {width:79px; height:79px;} #header .btn_sitemap {display:none} #header .btn_nav, #header .nav_close {display:block} #header .nav_close {z-index:110; position:fixed; top:0; right:-40px; display:block; transition: right 0.3s ease;} #header .nav_close > button {width:40px; height:40px; background:#111 url('/customized/images/common/ico_cancel.png') no-repeat 50%/18px; text-indent:-9999px; } #header.open .head_util {right:0; opacity:1;} #header.open .nav_close {right:290px;} #header.open .mask {position: fixed; z-index:100; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.5;} #header.open #gnb {right:0; overflow-y:auto;} #lnb {display:none;} /**/ /*모바일메뉴*/ #rwd_header {display:block; position:relative; z-index:56;} #rwd_header .gnb_btn {right:2%; top:-50px; width:54px; height:50px; position:absolute;} #rwd_header .gnb_btn a {display:block; width:54px; height:50px; display:block; background:#2faf15 url(/customized/images/common/mobile-top1.png) no-repeat center 50%;} .rwd_gnb {position:absolute; top:-85px; left:-220px; width:220px; background:#2b343d; z-index:10;} .rwd_gnb .link_site {width:90%; background:#767676; padding:8px 5%;} .rwd_gnb .link_site li {} .rwd_gnb .link_site li a {color:#f3f3f3; display:block; padding:3px 0 3px 10px; font-size:0.929em; background:url(/customized/images/common/rwd_link_bul.gif) no-repeat left 50%;} .rwd_gnb .lang_site {width:90%; background:#9a9d9e; padding:8px 5%;} .rwd_gnb .lang_site dt {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; visibility:hidden; overflow:hidden;} .rwd_gnb .lang_site dd {margin:0;} .rwd_gnb .lang_site dd ul {width:100%;} .rwd_gnb .lang_site dd ul:after {content:""; display:block; clear:both;} .rwd_gnb .lang_site dd ul li {float:left; width:32%; background:url(/customized/images/common/rwd_lang_bul.gif) no-repeat left 5px;} .rwd_gnb .lang_site dd ul li:first-child {background:none; width:36%;} .rwd_gnb .lang_site dd ul li a {display:block; color:#fff; font-size:0.929em; text-align:center;} .rwd_gnb h2, .rwd_gnb h3 {margin:0px; padding:0px;} .rwd_gnb h2 a {display:inline-block; width:95%; height:42px; padding-left:5%; line-height:42px; background:#2b343d url(/customized/images/common/rwd_gnb_depth1_bul.gif) no-repeat 93% 50%; color:#fff; border-bottom:1px solid #494c54; font-size:13px; text-decoration:none;} .rwd_gnb h2.on a {background:#2faf15 url(/customized/images/common/rwd_gnb_depth1_bul_ov.gif) no-repeat 93% 50%;} .rwd_gnb .depth1 {background:none; border-top:1px solid #494c54;} .rwd_gnb .depth2, .rwd_gnb .depth3 {display:none;} .rwd_gnb .depth2 li h3 a {display:inline-block; text-decoration:none; vertical-align:top; width:90%; height:35px; line-height:35px; padding-left:10%; color:#d2d2d2; background:#232830 url(/customized/images/common/rwd_gnb_depth2_bul.gif) no-repeat 6% 12px; border-bottom:1px solid #31353c; font-size:0.875em; letter-spacing:-0.5px;} .rwd_gnb .depth2 li h3.on a {background:#232830 url(/customized/images/common/rwd_gnb_depth2_bul_ov.gif) no-repeat 6% 12px;} .rwd_gnb .depth3 {background:#31353c;} .rwd_gnb .depth3 li:first-child {padding-top:8px;} .rwd_gnb .depth3 li:last-child {padding-bottom:8px;} .rwd_gnb .depth3 li {} .rwd_gnb .depth3 li a {display:inline-block; text-decoration:none; vertical-align:top; width:86%; padding-left:14%; height:25px; color:#c8c8c8; line-height:25px; background:#31353c url(/customized/images/common/rwd_gnb_depth3_bul.gif) no-repeat 10% 12px; font-size:0.938em;} .rwd_gnb .depth3 li.on a {font-weight:600;} .shadow_bg {width:100%; height:100%; position:fixed; left:0; top:0; background:#000; opacity:0.6; filter:alpha(opacity=60); z-index:9; display:none;} #footer_wrap #footer .copy_sns {right:60px; top:-35px; } #footer_wrap #footer .copy_sns li {float:left; padding-left:10px;} /*레이어팝업*/ .pop_wrap { width:100%; } div.popup {right:0%; width:70% ;} } /* Tablet Device 최소 1400 */ @media (max-width:1400px) { #wrap {min-width:100%;} } /* Tablet Device 최소 590 ~ 899 */ @media (min-width:590px) and (max-width:899px) { #wrap {min-width:100%;} .wrapper { width:100%; } #header h1 { float:left; margin-left:10px;} #header {width:100%; margin:0 auto; height:100px; border-top:3px solid #2faf15; border-bottom:1px solid #d1d1d1;} #header #gnb .gnb_mn{width:100%; margin:0 auto; z-index:10; } .inner {width: 100%;} /*서브콘텐츠 */ #sub_contents {width:100%;margin:20px 0;} #sub_container{width:100%; background-image:none;} #snb {display:none;} /*왼쪽메뉴*/ #con_header {width:98%;margin-left:1%; height:86px; margin-top:10px; } #con_header .sns {display:none;} .con_body{float:left; width:96%;margin-left:2%; } #sub_visual_wrap { background-position: 65% 50%; } /*서브비주얼*/ .sv_1 {height:450px; padding-left:20px;} .bannerCopy div:nth-child(1) { font-size:35px; } .bannerCopy div:nth-child(2) { font-size:35px; } .bannerCopy div:nth-child(3) { font-size:18px; margin-top:20px;} #lnb {display:none;} /**/ #footer_wrap { border-top:1px solid #d1d1d1; height:auto; padding:0px 0 20px 0;} #footer_wrap #footer{ max-width:100%; text-align:center;} #footer_wrap #cm_wrap {border-top:0;border-bottom:0;} #footer_wrap #footer .copy_logo2 {float:none; position:relative; text-align:center; right:0; top:15px;display:block;} #footer_wrap #footer .copy_sns {right:60px; top:-35px; } #footer_wrap #footer .copy_sns li {float:left; padding-left:10px;} #footer_wrap #copymenu {width:100%;} #footer_wrap #footer .site_info {float: none;} /*모바일메뉴*/ #rwd_header {display:block; position:relative; z-index:56;} #rwd_header .gnb_btn {right:2%; top:-55px; width:54px; height:50px; position:absolute;} #rwd_header .gnb_btn a {display:block; width:54px; height:50px; display:block; background:#2faf15 url(/customized/images/common/mobile-top1.png) no-repeat center 50%;} .rwd_gnb {position:absolute; top:-135px; left:-220px; width:220px; background:#2b343d; z-index:10;} .rwd_gnb .link_site {width:90%; background:#767676; padding:8px 5%;} .rwd_gnb .link_site li {} .rwd_gnb .link_site li a {color:#f3f3f3; display:block; padding:3px 0 3px 10px; font-size:0.929em; background:url(/customized/images/common/rwd_link_bul.gif) no-repeat left 50%;} .rwd_gnb .lang_site {width:90%; background:#9a9d9e; padding:8px 5%;} .rwd_gnb .lang_site dt {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; visibility:hidden; overflow:hidden;} .rwd_gnb .lang_site dd {margin:0;} .rwd_gnb .lang_site dd ul {width:100%;} .rwd_gnb .lang_site dd ul:after {content:""; display:block; clear:both;} .rwd_gnb .lang_site dd ul li {float:left; width:32%; background:url(/customized/images/common/rwd_lang_bul.gif) no-repeat left 5px;} .rwd_gnb .lang_site dd ul li:first-child {background:none; width:36%;} .rwd_gnb .lang_site dd ul li a {display:block; color:#fff; font-size:0.929em; text-align:center;} .rwd_gnb h2, .rwd_gnb h3 {margin:0px; padding:0px;} .rwd_gnb h2 a {display:inline-block; width:95%; height:42px; padding-left:5%; line-height:42px; background:#2faf15 url(/customized/images/common/rwd_gnb_depth1_bul.gif) no-repeat 93% 50%; color:#fff; border-bottom:1px solid #494c54; font-size:13px; text-decoration:none;} .rwd_gnb h2.on a {background:#2faf15 url(/customized/images/common/rwd_gnb_depth1_bul_ov.gif) no-repeat 93% 50%;} .rwd_gnb .depth1 {background:none; border-top:1px solid #494c54;} .rwd_gnb .depth2, .rwd_gnb .depth3 {display:none;} .rwd_gnb .depth2 li h3 a {display:inline-block; text-decoration:none; vertical-align:top; width:90%; height:35px; line-height:35px; padding-left:10%; color:#d2d2d2; background:#232830 url(/customized/images/common/rwd_gnb_depth2_bul.gif) no-repeat 6% 12px; border-bottom:1px solid #31353c; font-size:0.875em; letter-spacing:-0.5px;} .rwd_gnb .depth2 li h3.on a {background:#232830 url(/customized/images/common/rwd_gnb_depth2_bul_ov.gif) no-repeat 6% 12px;} .rwd_gnb .depth3 {background:#31353c;} .rwd_gnb .depth3 li:first-child {padding-top:8px;} .rwd_gnb .depth3 li:last-child {padding-bottom:8px;} .rwd_gnb .depth3 li {} .rwd_gnb .depth3 li a {display:inline-block; text-decoration:none; vertical-align:top; width:86%; padding-left:14%; height:25px; color:#c8c8c8; line-height:25px; background:#31353c url(/customized/images/common/rwd_gnb_depth3_bul.gif) no-repeat 10% 12px; font-size:0.938em;} .rwd_gnb .depth3 li.on a {font-weight:600;} .shadow_bg {width:100%; height:100%; position:fixed; left:0; top:0; background:#000; opacity:0.6; filter:alpha(opacity=60); z-index:9; display:none;} .nav_inner {width:100%; padding:10px 0px; } #subTopBar {padding:7px 0;width:100%;} #subNav > li{display:none;} #subNav > li:last-child{display:block;width:100%;} #subNav > li:after{display:none;} #subNav ul li a{padding:10px 5%;} #subNav > li > a{padding:0 5%;} #subNav ul{top:50px;} /*레이어팝업*/ .pop_wrap { width:100%; } div.popup {right:0%; width:70% ;} /*모바일탑*/ .top00 {bottom:100px;position: fixed;right: 10px; z-index: 99999; display:block;} .top00 a {display:block;} } /* Mobile Device 최소 ~ 최대 589 */ @media (max-width:589px) { #wrap {min-width:100%;} .wrapper { width:100%; } #header h1 {float:left; margin-left:10px; margin-top:5px; } #header h1 img { width:200px; } #header {width:100%; margin:0 auto; height:85px; border-top:3px solid #2faf15; border-bottom:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;} .inner {width: 100%;} #lnb {display:none;} /**/ #header #gnb .gnb_mn{width:100%; margin:0 auto; z-index:10; } #footer_wrap { border-top:1px solid #d1d1d1; height:auto; padding:0px 0 20px 0;} #footer_wrap #footer{ max-width:100%; text-align:center; padding: 0px 0 0px 0;} #footer_wrap #cm_wrap {border-top:0;border-bottom:0;} #footer_wrap #footer .copy_logo { top:-15px;} #footer_wrap #footer .copy_logo2 {float:none; position:relative; text-align:center; right:0; top:0px;display:block;} #footer_wrap #footer .copy_sns {display:none;} #footer_wrap #footer .site_info{font-size:1.0em; float:none;} #footer_wrap #copymenu {width:100%;} /*서브콘텐츠 */ #sub_contents {width:92%;margin:20px 4%;} #sub_container{width:100%; background-image:none;} #snb {display:none;} /*왼쪽메뉴*/ #con_header {width:98%;margin-left:1%; height:86px; margin-top:10px; } #con_header .sns {display:none;} .con_body{float:left; width:92%;margin:40px 4% 10px 4%;} /*서브비주얼*/ #sub_visual_wrap {background-size:100%; background:#EFEFEF url(/customized/images/sub/sv01_m.jpg) 50% bottom no-repeat;} .sv_1 {height:450px;padding-left:20px;} #subTopBar {padding:7px 0;width:100%;} #subNav > li{display:none;} #subNav > li:last-child{display:block;width:100%;} #subNav > li:after{display:none;} #subNav ul li a{padding:10px 5%;font-size: 14px;} #subNav > li > a{padding:0 5%; font-size: 14px;} #subNav ul{top:44px;} .bannerCopy { padding-top: 120px;} .bannerCopy div:nth-child(1) { font-size:19px; } .bannerCopy div:nth-child(2) { font-size:19px; } .bannerCopy div:nth-child(3) { font-size:14px; margin-top:10px;} .nav_inner {width:100%; padding:5px 0px; } /*모바일메뉴*/ #rwd_header {display:block; position:relative; z-index:56;} #rwd_header .gnb_btn {right:2%; top:-50px; width:54px; height:50px; position:absolute;} #rwd_header .gnb_btn a {display:block; width:54px; height:50px; display:block; background:#2faf15 url(/customized/images/common/mobile-top1.png) no-repeat center 50%;} .rwd_gnb {position:absolute; top:-75px; left:-220px; width:220px; background:#2b343d; z-index:10;} .rwd_gnb .link_site {width:90%; background:#767676; padding:8px 5%;} .rwd_gnb .link_site li {} .rwd_gnb .link_site li a {color:#f3f3f3; display:block; padding:3px 0 3px 10px; font-size:0.929em; background:url(/customized/images/common/rwd_link_bul.gif) no-repeat left 50%;} .rwd_gnb .lang_site {width:90%; background:#9a9d9e; padding:8px 5%;} .rwd_gnb .lang_site dt {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; visibility:hidden; overflow:hidden;} .rwd_gnb .lang_site dd {margin:0;} .rwd_gnb .lang_site dd ul {width:100%;} .rwd_gnb .lang_site dd ul:after {content:""; display:block; clear:both;} .rwd_gnb .lang_site dd ul li {float:left; width:32%; background:url(/customized/images/common/rwd_lang_bul.gif) no-repeat left 5px;} .rwd_gnb .lang_site dd ul li:first-child {background:none; width:36%;} .rwd_gnb .lang_site dd ul li a {display:block; color:#fff; font-size:0.929em; text-align:center;} .rwd_gnb h2, .rwd_gnb h3 {margin:0px; padding:0px;} .rwd_gnb h2 a {display:inline-block; width:95%; height:42px; padding-left:5%; line-height:42px; background:#2b343d url(/customized/images/common/rwd_gnb_depth1_bul.gif) no-repeat 93% 50%; color:#fff; border-bottom:1px solid #494c54; font-size:13px; text-decoration:none;} .rwd_gnb h2.on a {background:#2faf15 url(/customized/images/common/rwd_gnb_depth1_bul_ov.gif) no-repeat 93% 50%;} .rwd_gnb .depth1 {background:none; border-top:1px solid #494c54;} .rwd_gnb .depth2, .rwd_gnb .depth3 {display:none;} .rwd_gnb .depth2 li h3 a {display:inline-block; text-decoration:none; vertical-align:top; width:90%; height:35px; line-height:35px; padding-left:10%; color:#d2d2d2; background:#232830 url(/customized/images/common/rwd_gnb_depth2_bul.gif) no-repeat 6% 12px; border-bottom:1px solid #31353c; font-size:0.875em; letter-spacing:-0.5px;} .rwd_gnb .depth2 li h3.on a {background:#232830 url(/customized/images/common/rwd_gnb_depth2_bul_ov.gif) no-repeat 6% 12px;} .rwd_gnb .depth3 {background:#31353c;} .rwd_gnb .depth3 li:first-child {padding-top:8px;} .rwd_gnb .depth3 li:last-child {padding-bottom:8px;} .rwd_gnb .depth3 li {} .rwd_gnb .depth3 li a {display:inline-block; text-decoration:none; vertical-align:top; width:86%; padding-left:14%; height:25px; color:#c8c8c8; line-height:25px; background:#31353c url(/customized/images/common/rwd_gnb_depth3_bul.gif) no-repeat 10% 12px; font-size:0.938em;} .rwd_gnb .depth3 li.on a {font-weight:600;} .shadow_bg {width:100%; height:100%; position:fixed; left:0; top:0; background:#000; opacity:0.6; filter:alpha(opacity=60); z-index:9; display:none;} /*모바일탑*/ .top00 {bottom:100px;position: fixed;right: 10px; z-index: 99999; display:block;} .top00 a {display:block;} /*레이어팝업 언어선택*/ .pop_wrap { width:100%; } div.popup {right:0%; width:80% ;} .lpopup_text li a {padding:1px 1px; margin:2px 2px; border:1px solid #e6e6e6;} .bannerCopy div:nth-child(3) span {padding:5px 5px 2px 5px;} }