@charset "utf-8";

@font-face {
    font-family: '12LotteMartHappyBold';
    src: url('fonts/12lottemart/12LotteMartHappyBold.eot');
    src: url('fonts/12lottemart/12LotteMartHappyBold.eot?#iefix') format('embedded-opentype'),
    url('fonts/12lottemart/12LotteMartHappyBold.woff') format('woff'),
    url('fonts/12lottemart/12LotteMartHappyBold.ttf') format('truetype');
    font-weight: lighter;
}

@font-face{
    font-family:'NanumGothic';
    src: url('fonts/NanumGothic/NanumGothic.eot');
    src: url('fonts/NanumGothic/NanumGothic.eot?#iefix') format('embedded-opentype'),
    url('fonts/NanumGothic/NanumGothic.woff') format('woff'),
    url('fonts/NanumGothic/NanumGothic.ttf') format('truetype');
}

@font-face {
    font-family: 'UniversBlack';
    src: url('fonts/UniversLTStd-Bold.eot/UniversLTStd-Bold.eot');
    src: url('fonts/UniversLTStd-Bold.eot/UniversLTStd-Bold.eot?#iefix') format('embedded-opentype'),
    url('fonts/UniversLTStd-Bold.eot/UniversLTStd-Bold.woff') format('woff'),
    url('fonts/UniversLTStd-Bold.eot/UniversLTStd-Bold.ttf') format('truetype');
}

/*Reset*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
address, big, cite, code, del, dfn, em, font, img, ins,
q, s, samp, small, strike, strong, sub, sup, tt, var, b,
u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: none 0; }
caption{text-indent:-10000px; display: none;}
.blind{overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;}
html, body { width:100%; height:100%;  }
body { /*background-color:#fff;*/ min-width: 1160px; min-height: 904px;}
body, input, button, textarea { font-size:14px; line-height:1.5em; font-family:"12LotteMartHappyBold", "NanumGothic", "Malgun Gothic", "돋움", Dotum, Verdana, Helvetica, AppleGothic; color:#333; letter-spacing:-0.05em;}
h1, h2, h3, h4, h5, h6 { font-size:14px; text-align:left;}
img, fieldset, iframe { border:0 none; }
table, div { border-collapse: collapse;}
select, textarea { border: 1px solid #B7B6B6; background: #FFFFFF; color: #202020; font-size: 14px; vertical-align: middle; }
textarea { overflow:auto; }
select, input, img, li { vertical-align: middle; text-align:left; }
address, caption, cite, code, dfn, em, strong, th, var { font-style : normal; font-weight : normal; }
ul, li, ol { list-style-type: none;}
legend,  caption { display: none; }
hr { border-collapse:collapse; display:none; }
a:link, a:visited { text-decoration:none; color: #333; }
a:hover { text-decoration:none; cursor:pointer; color: #0476aa;}

/* 메뉴, 본문 바로가기 */
.menu_direct_btn, .content_direct_btn {position: absolute; width: 100%; height: 20px;}
.menu_direct_btn a, .content_direct_btn a {display: block; height: 0px; text-indent: -9999px;}
.menu_direct_btn a:focus, .content_direct_btn a:focus {height: 20px; width: 100%; background-color: #fff; text-indent: 0px;}

/*wrap*/
.wrap_con{ position: relative; display: inline-block; width: 1160px; }
.main_header_wrap .wrap_con{ position: relative; display: inline-block; min-width: 1160px; width: 95%;}
.main_footer_wrap {position: absolute !important; top: 940px;}
.main_footer_wrap .wrap_con{ position: relative; display: inline-block; min-width: 1160px; width: 95%;}

/*header*/
.header{ position: absolute; width: 100%; z-index: 100; text-align: center; top:0;left:0;}
.header .logo{ position: absolute; margin-top: 32px; }
.header .logo .light{ display: block; }
.header .logo .dark{ display: none; }
.header .flag{ position: absolute; margin-top: 45px; left:300px; }
.header .direct{ position: absolute; margin-top: 18px; top: 0px; right: 0px; color: #fff; }
.header .direct li{ float: left; list-style-type: none; height: 10px; }
.header .direct li a{ color: #fff; opacity: 0.7; }
.header .direct li a:hover{ opacity: 1.0;}
.header .direct li.myspace{ font-family: "NanumGothic"; font-size: 12px; font-weight: bold; }
.header .direct li.sep{ width: 10px; margin-left: 10px; margin-right: 10px; opacity: 0.2; }
.header .direct li.lang a{ font-family: "UniversBlack"; font-size: 9.5px; }
.header .direct li.second{background: url('../images/common/line_gnb.png') left center no-repeat; padding-left:10px; height:20px;}

/*header - gnb*/
.header .gnb{ position: absolute; margin-top: 57px; top: 0px; right: 0px; color: #fff; }
.header .gnb li{ position: relative; float: left; list-style-type: none; margin-left: 12px; font-size: 16px; line-height: 17px; cursor: pointer; }
.header .gnb li span{ position: absolute; display: block; top: 56px; left: 0px; width: 100%; text-align: center; text-indent:-9999px;height:34px;}
.header .gnb .gnb_item_bg{ position: absolute; top: -3px; left: -3px; width: 116px; }
.header .gnb .gnb_item_bg.top{ height: 57px; overflow: hidden; }
.header .gnb .gnb_item_bg.bottom{ top: 54px; width: 116px; height: 58px;/*300px*/ overflow: hidden; }
.header .gnb .gnb_item_bg.bottom .tween_container{ position: absolute; top: 0px; left: 0px; width: 100%; }
.header .gnb .gnb_item_bg.bottom ul{ position: relative; left: 0px; top: 69px; }
.header .gnb .gnb_item_bg.bottom li{ width: 100%; margin: 0; padding: 8px 0 8px 0; text-align: center; background: url( ../images/gnb-sub-line.png ) 19px bottom no-repeat; }
.header .gnb .gnb_item_bg.bottom li.last{ background: none; }
.header .gnb .gnb_item_bg.bottom a:hover{ color:#fff; }
.header .gnb .gnb_item_header{ position: relative; top: 0px; left: 0px; width: 110px; height: 134px;white-space: nowrap; word-break: break-all; }

.header .gnb .gnb_item_bg.bottom a { text-indent: -9999px; display: block; height: 33px; }
.header .gnb .gnb_item_1 .gnb_item_header span { background: url(../images/gnb1_title.png) 50% 50% no-repeat; }

.header .gnb .gnb_item_2 .gnb_item_header span { background: url(../images/gnb2_title.png) 50% 50% no-repeat; }
.header .gnb .gnb_item_3 .gnb_item_header span { background: url(../images/gnb3_title.png) 50% 50% no-repeat; }
/*20250219_4depth메뉴 텍스트 비활성화*/
/*.header .gnb .gnb_item_4 .gnb_item_header span { background: url(../images/gnb4_title.png) 50% 50% no-repeat; }*/

.gnb_sub_1_1 { background: url(../images/gnb1_menu1_off.png) 50% 50% no-repeat; }
.gnb_sub_1_1:hover,.gnb_sub_1_1:focus { background: url(../images/gnb1_menu1_on.png) 50% 50% no-repeat; }
.gnb_sub_1_2 { background: url(../images/gnb1_menu2_off.png) 50% 50% no-repeat; }
.gnb_sub_1_2:hover,.gnb_sub_1_2:focus { background: url(../images/gnb1_menu2_on.png) 50% 50% no-repeat; }
.gnb_sub_1_3 { background: url(../images/gnb1_menu3_off.png) 50% 50% no-repeat; }
.gnb_sub_1_3:hover,.gnb_sub_1_3:focus { background: url(../images/gnb1_menu3_on.png) 50% 50% no-repeat; }

.gnb_sub_2_1 { background: url(../images/gnb2_menu1_off.png) 50% 50% no-repeat; }
.gnb_sub_2_1:hover,.gnb_sub_2_1:focus { background: url(../images/gnb2_menu1_on.png) 50% 50% no-repeat; }
.gnb_sub_2_2 { background: url(../images/gnb2_menu2_off.png) 50% 50% no-repeat; }
.gnb_sub_2_2:hover,.gnb_sub_2_2:focus { background: url(../images/gnb2_menu2_on.png) 50% 50% no-repeat; }
.gnb_sub_2_3 { background: url(../images/gnb2_menu3_off.png) 50% 50% no-repeat; height:50px !important;}
.gnb_sub_2_3:hover,.gnb_sub_2_3:focus { background: url(../images/gnb2_menu3_on.png) 50% 50% no-repeat; }
.gnb_sub_2_4 { background: url(../images/gnb2_menu4_off.png) 50% 50% no-repeat; }
.gnb_sub_2_4:hover,.gnb_sub_2_4:focus  { background: url(../images/gnb2_menu4_on.png) 50% 50% no-repeat; }

.gnb_sub_3_1 { background: url(../images/gnb3_menu1_off.png) 50% 50% no-repeat;height:16px !important; }
.gnb_sub_3_1:hover,.gnb_sub_3_1:focus { background: url(../images/gnb3_menu1_on.png) 50% 50% no-repeat; }
.gnb_sub_3_2 { background: url(../images/gnb3_menu2_off.png) 50% 50% no-repeat; }
.gnb_sub_3_2:hover,.gnb_sub_3_2:focus  { background: url(../images/gnb3_menu2_on.png) 50% 50% no-repeat; }
.gnb_sub_3_3 { background: url(../images/gnb3_menu3_off.png) 50% 50% no-repeat; }
.gnb_sub_3_3:hover,.gnb_sub_3_3:focus { background: url(../images/gnb3_menu3_on.png) 50% 50% no-repeat; }
.gnb_sub_3_4 { background: url(../images/gnb3_menu4_off.png) 50% 50% no-repeat; height:16px !important; }
.gnb_sub_3_4:hover,.gnb_sub_3_4:focus { background: url(../images/gnb3_menu4_on.png) 50% 50% no-repeat; }
.gnb_sub_3_5 { background: url(../images/gnb3_menu5_off.png) 50% 50% no-repeat; height:16px !important; }
.gnb_sub_3_5:hover,.gnb_sub_3_5:focus { background: url(../images/gnb3_menu5_on.png) 50% 50% no-repeat; }


.gnb_sub_4_1 { background: url(../images/gnb4_menu1_off.png) 50% 50% no-repeat; height:16px !important; }
.gnb_sub_4_1:hover,.gnb_sub_4_1:focus { background: url(../images/gnb4_menu1_on.png) 50% 50% no-repeat; }
.gnb_sub_4_2 { background: url(../images/gnb4_menu2_off.png) 50% 50% no-repeat; }
.gnb_sub_4_2:hover,.gnb_sub_4_2:focus { background: url(../images/gnb4_menu2_on.png) 50% 50% no-repeat; }
.gnb_sub_4_3 { background: url(../images/gnb4_menu3_off.png) 50% 50% no-repeat; }
.gnb_sub_4_3:hover,.gnb_sub_4_3:focus { background: url(../images/gnb4_menu3_on.png) 50% 50% no-repeat; }
.gnb_sub_4_4 { background: url(../images/gnb4_menu4_off.png) 50% 50% no-repeat; height: 50px !important;}
.gnb_sub_4_4:hover,.gnb_sub_4_4:focus { background: url(../images/gnb4_menu4_on.png) 50% 50% no-repeat; }

/*gnb pattern*/
.header .gnb li.gnb_item_1 .gnb_item_header.default{ background: url( ../images/gnb-1.png ) no-repeat; }
.header .gnb li.gnb_item_2 .gnb_item_header.default{ background: url( ../images/gnb-2.png ) no-repeat; }
.header .gnb li.gnb_item_3 .gnb_item_header.default{ background: url( ../images/gnb-3.png ) no-repeat; }
/*20250219_4depth메뉴_수정*/
.header .gnb li.gnb_item_4 .gnb_item_header.default{ background: url( ../images/2025-gnb-4.png ) no-repeat; }
.header .gnb li.gnb_item_4:hover .gnb_item_header.default{ background: url( ../images/2025-gnb-4-hover.png ) no-repeat; }

.header .gnb li.gnb_item_1 .gnb_item_header.selected{ background: url( ../images/gnb-1-selected.png ) no-repeat; }
.header .gnb li.gnb_item_2 .gnb_item_header.selected{ background: url( ../images/gnb-2-selected.png ) no-repeat; }
.header .gnb li.gnb_item_3 .gnb_item_header.selected{ background: url( ../images/gnb-3-selected.png ) no-repeat; }
.header .gnb li.gnb_item_4 .gnb_item_header.selected{ background: url( ../images/gnb-4-selected.png ) no-repeat; }

.header .gnb li.gnb_item_1>div.top{ background: url( ../images/gnb-1-over-bg.png ) no-repeat; }
.header .gnb li.gnb_item_2>div.top{ background: url( ../images/gnb-2-over-bg.png ) no-repeat; }
.header .gnb li.gnb_item_3>div.top{ background: url( ../images/gnb-3-over-bg.png ) no-repeat; }
.header .gnb li.gnb_item_4>div.top{ background: url( ../images/gnb-4-over-bg.png ) no-repeat; }

.header .gnb li.gnb_item_1 .tween_container{ background: url( ../images/gnb-1-over-bg.png ) 0 -57px no-repeat; height: 301px; }
.header .gnb li.gnb_item_2 .tween_container{ background: url( ../images/gnb-2-over-bg.png ) 0 -57px no-repeat; height: 352px; }
.header .gnb li.gnb_item_3 .tween_container{ background: url( ../images/gnb-3-over-bg.png ) 0 -107px no-repeat; height: 435px; }
.header .gnb li.gnb_item_4 .tween_container{ background: url( ../images/gnb-4-over-bg.png ) 0 -57px no-repeat; height: 352px; }

.header .gnb .gnb_sub_1 li a{ color: #ffc88f; }
.header .gnb .gnb_sub_1 + li a:focus{ display: block; top: 0; }
.header .gnb .gnb_sub_2 li a{ color: #becd5c; }
.header .gnb .gnb_sub_3 li a{ color: #88bdde; }
.header .gnb .gnb_sub_4 li a{ color: #588aca; }

/*footer*/
.footer{ position: relative; width: 100%; left: 0px; bottom: 0px; z-index:3; font-family:"NanumGothic"; text-align: center; margin-bottom: 32px; }
.footer .links{ position: relative; text-align: left; }
.footer .links li{ float: left; margin-right: 5px; }
.footer .links p{ clear: both; font-size: 14px; line-height: 22px; padding-top: 12px; }
.footer .links p .addr{ color: #707070; }
.footer .links p .tel{ color: #2e9ed2; font-weight: bold; }
.footer .links p .note{ display: inline-block; color: #b2b2b2; font-family: "돋움"; font-size: 10.5px; margin-top: 5px; }
.footer .logo{ position: absolute; top: 0px; right: 0px; }


/*바로 가기 메뉴*/
/*.child_menu{ position: absolute; top: -367px; right: 0px; font-family:"12LotteMartHappyBold"; }*/
.child_menu_wrap {
    position: absolute;
    left: 50%;
    margin-left: -580px;
    width: 1160px;
    top: 0px;
    height: 169px;
}

.child_menu{ position: absolute; top: -270px; right: 0px; font-family:"12LotteMartHappyBold"; }
.child_menu .lt{ display: block; }
.child_menu .rt{ display: none; }
.child_menu ul{ position: absolute; top: 3px; /*right: 22px;*/ right: 35px;font-size: 14px; line-height: 34px;z-index: 500 }
.child_menu ul a{ color: #fff; }


/*20250219_4depth메뉴_수정*/
.gnb_item_4 .gnb_item_header span{
	text-indent: 0 !important;
}

.gnb_item_4 .go-link{
	color: #fff;
	display: block;
}