/* layout */ #wrap {position:relative; width:100%; overflow:hidden;} .container { position:relative;width:1200px; margin:0 auto; clear:both;} .container:after {clear:both;} .headinner {position:relative; width:1200px; margin:0 auto;} @media screen and (max-width:1200px) { .headinner {width:auto; margin:0; padding:0 5%;} .container { width:96%; margin:0 2%;} } /* Header */ #header {position:absolute; top:0; left:0; width:100%; background:#fff; height:70px; z-index:99999; border-bottom:1px solid #ddd;} #header > .headinner {height:5px; border-bottom:0px solid #f00} .ico-call {position:absolute; right:10px; top:13px; width:45px; height:45px;} .ico-call a {display:block; width:100%; height:100%; background:url(../images/common/ico_call.png) no-repeat center 0; background-size:cover;} @media screen and (max-width:640px) { #header > .headinner {z-index:10; height:60px;} } #header .logo {position:absolute; width:238px; height:54px;; left:50%;top:7px; margin-left:-169px; z-index:10;} #header .logo a {display:block; position:relative; z-index:10; width:100%; height:100%; background:url('/images/common/logo.png') no-repeat center top; background-size:cover; text-indent:-9999px;} @media screen and (max-width:800px) { #header .logo { width:200px; height:40px;top:16px; margin-left:-100px; } .ico-call {position:absolute; right:10px; top:16px; width:39px; height:39px;} } @media screen and (max-width:667px) { #header .logo { width:190px; height:37px;top:18px; margin-left:-95px; } } @media screen and (max-width:380px) { #header .logo { width:170px; height:33px; margin-left:-85px; } .ico-call {position:absolute; right:10px; top:16px; width:37px; height:37px;} } #header .lnb {display:none; position:absolute; top:0; left:0; z-index:20; width:100%; background-color:#fff; opacity:0.97} #header .lnb .lnb_wrap {position:relative;} #header .lnb .lnb_wrap .headinner {height:90px; background-color:#fff;} #header .lnb .lnb_mask {display:none; position:absolute; top:90px; left:0; width:100%; height:360px; background:url('../images/common/lnb_mask.png') repeat left top;} #header .lnb .top1m {padding-right:104px; transition:padding-right 0.5s ease-in-out; } #header .lnb .top1m .depth1 {float:left; position:relative; padding-top:36px;} #header .lnb .top1m .depth1.rule1 {width:24%;} #header .lnb .top1m .depth1.rule2 {width:24%;} #header .lnb .top1m .depth1.rule3 {width:24%;} #header .lnb .top1m .depth1.rule4 {width:24%;} #header .lnb .top1m .depth1.rule5 {width:20%;} #header .lnb .top1m .depth1 .depth1_tit {display:block; height:100%; color:#fff; font-size:20px; text-align:center;} #header .lnb .top1m .depth1 .top2m {display:none; position:absolute; top:90px; left:0; width:100%; padding-top:28px;} #header .lnb .top1m .depth1 .top2m .depth2 {margin-top:15px; padding-left:35px; transition:padding-left 0.5s ease-in-out;} #header .lnb .top1m .depth1 .top2m .depth2:first-child {margin-top:0;} #header .lnb .top1m .depth1:first-child .top2m .depth2 {padding-left:40px;} #header .lnb .top1m .depth1 .top2m .depth2 .depth2_tit {display:inline-block; padding-left:18px; background:url('../images/common/depth2_off.gif') no-repeat 9px 9px; color:#d5dae5; font-size:16px;} #header .lnb .top1m .depth1 .top2m .depth2.active .depth2_tit {background-image:url('../images/common/depth2_on.png'); background-position:left 5px; color:#ffffd5;} #header .lnb .top1m .depth1 .top3m {display:none;} #header .lnb .lnb_m_close {position:absolute; top:19px; right:10px; width:56px; height:51px; border:0px solid #6f98e5; z-index:9999} #header .lnb .lnb_m_close button {display:block; width:100%; height:100%; background:url('../images/common/lnb_close.png') no-repeat center center; text-indent:-9999px;} #header .lnb_m_open {display:none;} @media screen and (max-width:1200px) { #header .lnb_m_open { display:block; position:absolute; top:7px; left:5px; width:60px; height:60px;} #header .lnb_m_open button {display:block; width:100%; height:100%; background:url('../images/common/lnb_open.png') no-repeat center 25px; text-indent:-9999px;background-size:auto 40px;background-position:center center;} } @media screen and (max-width:380px) { #header .lnb_m_open { top:10px; left:5px; width:50px; height:50px;} #header .lnb_m_open button {background-size:auto 35px;} } @media screen and (max-width:1400px) { #header .lnb .headinner {padding:0;} #header .lnb .top1m .depth1 .top2m .depth2 {padding-left:10px;} #header .lnb .top1m .depth1:first-child .top2m .depth2 {padding-left:10px;} } @media screen and (max-width:1200px) { #header .lnb {left:auto; left:-70%; width:70%; display:none; position:absolute; top:0; left:0; z-index:20; background-color:#fff; opacity:0.97} #header .lnb .lnb_mask {position:fixed; top:0; height:100%; background:url('../images/common/lnb_m_mask.png'); cursor:pointer; display:none; width:100%;} #header .lnb .lnb_wrap .headinner {height:100000px; background-color:#fff;} #header .lnb .top1m {position:relative; overflow-y:scroll; padding-top:60px; padding-right:0;} #header .lnb .top1m .depth1 {float:none; padding-top:0; border-top:1px solid #ddd;} #header .lnb .top1m .depth1:first-child {border-top:0 none;} #header .lnb .top1m .depth1.rule1 {width:auto;} #header .lnb .top1m .depth1.rule2 {width:auto;} #header .lnb .top1m .depth1.rule3 {width:auto;} #header .lnb .top1m .depth1.rule4 {width:auto;} #header .lnb .top1m .depth1.rule5 {width:auto;} #header .lnb .top1m .depth1.rule6 {width:auto;} #header .lnb .top1m .depth1 .depth1_tit {position:relative; height:auto; padding:18px 0 18px 20px; font-size:18px; text-align:left; background:#666 url('../images/common/depth1_m_bu.png') no-repeat 90% ;} #header .lnb .top1m .depth1.active .depth1_tit {background-color:#0071bc; font-weight:600;} #header .lnb .top1m .depth1.active .depth1_tit:after {width:44px;border-left:1px solid #0071bc; background-color:#0071bc;} #header .lnb .top1m .depth1 .top2m {position:static; top:auto; left:auto; width:auto; padding-top:15px; padding-bottom:0px;} #header .lnb .top1m .depth1 .top2m .depth2 {margin-top:15px;padding-bottom:15px; padding-left:0; border-bottom:1px solid #ddd; } #header .lnb .top1m .depth1:first-child .top2m .depth2 {padding-left:0;} #header .lnb .top1m .depth1 .top2m .depth2 .depth2_tit {display:block; margin-left:16px; padding-left:18px; font-size:17px;color:#555;} #header .lnb .top1m .depth1 .top2m .depth2.active .depth2_tit {text-decoration:none; font-weight:600; } #header .lnb .top1m .depth1 .top3m {margin-top:15px; padding-top:20px; padding-left:33px; padding-bottom:20px; background-color:#283c5f;} #header .lnb .top1m .depth1 .top3m .depth3 {margin-top:15px; padding-left:13px; background:url('../images/common/depth3_m_bu.gif') no-repeat left 12px;} #header .lnb .top1m .depth1 .top3m .depth3:first-child {margin-top:0;} #header .lnb .top1m .depth1 .top3m .depth3 .depth3_tit {display:block; color:#555; font-size:15px;} #header .lnb .lnb_m_close {top:0; right:5px; border:0 none; width:55px; height:55px; background-color:transparent;} } style="color:#0071bc" #header.scroll .lnb {display:block; position:fixed;} #header.scroll .lnb .top1m .depth1 .top2m .depth2 {padding-left:45px;} #header.scroll .lnb .top1m .depth1:first-child .top2m .depth2 {padding-left:55px;} #header.scroll .lnb .lnb_m_close {display:none;} #header.scroll .lnb .top1m {padding-right:0;} @media screen and (max-width:1200px) { #header.scroll .lnb .headinner {padding:0 5%;} #header.scroll .lnb .top1m .depth1 .top2m .depth2 {padding-left:10px;} #header.scroll .lnb .top1m .depth1:first-child .top2m .depth2 {padding-left:10px;} } /* Footer */ #footer {position:relative; float:left; width:100%;z-index:20; margin-top:0px; background-color:#222;font-family:'OpenSans-Regular', 'NanumBarunGothic'; letter-spacing:-.02em !important} #footer .footinner {position:relative;padding-top:0px; padding-bottom:42px; width:1200px; margin:0 auto;} #footer .footer_etc {position:absolute; top:0; right:0; padding-left:23px; } #footer .footer_top { position:fixed; right:5px; bottom:5px; width:65px; height:65px; background-color:#000; text-align:center; z-index:333} #footer .footer_top a {display:block; width:100%; height:100%;} #footer .footer_top a img {display:inline-block; padding-top:23px;} #footer .footer_info { position:relative; float:left;padding:15px 0;} #footer .footer_info .address { color:#fff; font-size:13px; line-height:16px;} #footer .footer_info .address span { display:inline-block; padding:0 8px; text-align:center; color:#666;} #footer .footer_info .address a[href^=tel] {color:#fff; font-size:13px; line-height:16px;} #footer .footer_info .address br {display:none;} #footer .footer_info p {margin-top:8px; color:#b4b4b4; font-size:13px; line-height:14px;} @media screen and (max-width:1200px) { #footer .footinner {padding-top:0px; padding-bottom:42px; width:80%; margin:0 2%;} } @media screen and (max-width:667px) { #footer .footinner {padding-top:0px; padding-left:0; padding-right:0;width:90%; } #footer .footer_top { width:47px; height:47px;} #footer .footer_top a img {padding-top:15px; width:50%;} #footer .footer_link {padding-top:6px; padding-bottom:15px; } #footer .footer_link ul li { margin-left:10px; padding-left:10px;} #footer .footer_link ul li a { line-height:13px;} #footer .footer_etc {position:relative; top:auto; right:auto; padding-top:17px; padding-right:5%; padding-bottom:19px; padding-left:5%; border-bottom:1px solid #828485;} #footer .footer_info {padding-left:0%;padding:12px 0 20px; } #footer .footer_info .address {padding-right:0; letter-spacing:-.07em; line-height:13px; font-size:8px;} #footer .footer_info .address a[href^=tel] {color:#fff; font-size:9px;} #footer .footer_info .address br {display:inline;} } @media screen and (max-width:500px) { #footer .footer_info .address {line-height:20px; font-size:12px;} #footer .footer_info .address a[href^=tel] {font-size:12px;} } .lnb2 {overflow:hidden; width:100%; padding:0 0; border-top:1px solid #c9c9c9; border-bottom:0px solid #aaa; background:url(/m/images/common/mgnb_bg.png) repeat-x bottom; background-size:auto 40px;} .lnb2 .wrapper {overflow:hidden; position:relative;} .lnb2 .lnb_main {} .lnb2 ul {display:block; width:100%; box-sizing:border-box;} .lnb2 li {display:inline-block;float:left; position:relative; text-align:center; border-left:1px solid #5d5d5d;border-bottom:1px solid #5d5d5d; margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .lnb2 li a {display:block; line-height: 43px; font-size:14px;color:#fff; background:#444; letter-spacing:-.10em; } .lnb2 li.selected a {color:#fff; background:#0071bc; } .lnb2 li a.menu {position:relative; height:43px; padding:0 1%;} .lnb2 li.selected .menu:after {display:block; position:absolute; left:0; right:0; bottom:0; height:0px; border-bottom:0px solid #3757a7; content:""; z-index:10; color:#fff; background:#0071bc; } .lnb_sub {display:none; overflow:hidden; position:relative; width:100%; padding:0 5px; box-shadow:0 0 1px rgba(0, 0, 0, 0.8); box-sizing:border-box; z-index:110; background:none repeat scroll 0 0 #fff;} .lnb_sub ul {display:table; table-layout:fixed; width:100%;} .lnb_sub li {display:table-cell; width:50%;} .lnb_sub li a {display:block; position:relative; color:#333; font-size:15px; line-height:46px; text-align:center; white-space:nowrap;} .lnb_sub li a:after {position:absolute; left:100%; top:9px; width:1px; height:14px; content:""; background:none repeat scroll 0 0 #fff;} .lnb_sub li a:before {position:absolute; right:100%; top:9px; width:1px; height:25px; content:""; background:none repeat scroll 0 0 #efefef;} .lnb_sub li:first-child a:before {display:none;} .lnb_sub li.selected a {color:#2665f4;} /* */ .swipe {overflow:hidden; visibility:hidden; position:relative; width:100%; /*min-height:900px;*/ margin:0 auto;} .swipe-wrap {overflow:hidden; position:relative;min-height:900px;} .swipe-wrap > div {float:left; position:relative; width:100%;} .swipe0 {position:absolute; top:0; left:-100%;} .swipe1 {position:absolute; top:0; left:0;} .swipe2 {position:absolute; top:0; left:100%;} .bizn_list2, .lady_list3 {min-height:650px;} /* �������� ���� ���� ���� ���� */