@charset "utf-8";

/* CSS Document */

* {margin:0; padding:0;}
ul,dl,ol,li {list-style:none;}
img {border:none; vertical-align:middle;}
a {text-decoration:none; color:#454545;}
a:hover {text-decoration:none; color:#333;}
html {height:100%;}
body {font-size:100%; height:100%; font-family: 'Noto Sans KR', sans-serif; overflow-x:hidden; line-height:1;}
.blinder {width:100%; height:100%; position:absolute; top:0; left:0; cursor:pointer; background:#fff; opacity:0; display:none;}
.of_hiddener {overflow:hidden;}

.wrapper {width:100%; position:relative; min-width:1400px;}

.header_wrap {width:100%; height:150px; overflow:hidden; position:absolute; top:0; left:0; background:url('/img/jj_header_wrap_bg.gif') 0 0 repeat-x; z-index:300;}
.header {width:1400px; height:100%; position:relative; margin:0 auto; z-index:100000;}
.header h1 {width:60px; height:49px; margin:0 auto; padding-top:15px;}
.header .txt_links {position:absolute; top:36px; overflow:hidden;}
.header .txt_links div {float:left; margin-left:7px; padding-left:16px; background:url('/img/jj_header_span_bg.gif') left center no-repeat;}
.header .txt_links div.coun a {padding-left:25px;}
.header .txt_links div.first {background:none; margin-left:0; padding-left:0;}
.header .txt_links div.coun_01 {background:none; margin-left:0; padding-left:0;}
.header .txt_links div.coun_01 a {background:url('/img/jj_left_top_country_03.gif') left center no-repeat;}
.header .txt_links div.coun_02 a {background:url('/img/jj_left_top_country_02.gif') left center no-repeat;}
.header .txt_links div.coun_03 a {background:url('/img/jj_left_top_country_04.gif') left center no-repeat;}
.header .txt_links div.coun_03_2 a {background:url('/img/jj_left_top_country_05.gif') left center no-repeat;}
.header .txt_links div.coun_03_3 a {background:url('/img/jj_left_top_country_06.gif') left center no-repeat;}
.header .txt_links div.coun_04 {background:none; margin-left:0; padding-left:0; color:#bba05c;}
.header .txt_links div.coun_04 a{background:none; margin-left:0; padding-left:0; color:#bba05c;}
.header .txt_links div a {font-size:12px; color:#acacac; display:block; text-transform:uppercase; font-weight:bold;}
.header .txt_links div a:hover {text-decoration: underline;}
.header .left_top {left:0;}
.header .right_top {right:0;}

/* gnb depth_01 */
.header .gnb {width:100%; height:211px; position:absolute; top:94px; left:0;}
.header .gnb .title {width:100%; height:56px; overflow:hidden; position:relative; display: flex; justify-content: space-around; align-items: center;}
.header .gnb .title a {font-family: 'Noto Sans KR', sans-serif;font-size: 16px; font-weight: 300; color: #fff; letter-spacing: -1px; line-height: 1.2;}
.header .gnb .title a:hover {color: #bba05c;}

/* gnb depth_02 */
.header .gnb .depth_02 {width:100%; height:155px; position:absolute; top:56px; left:0;}
.header .gnb .depth_02 .dep02 {width:100%; height:100%; position:absolute; top:0; left:0; display:none; overflow:hidden;}
.header .gnb .depth_02 .dep02 .img_area {float:left;}
.header .gnb .depth_02 .dep02 .list {width:740px; float:left; overflow:hidden; margin-left: 48px; padding-top: 26px; display: flex; justify-content: flex-start; flex-flow: row wrap;}
.header .gnb .depth_02 .dep02 .list .point { color: #fd3692;}
.header .gnb .depth_02 .dep02 .list .point:hover {color: #bba05c;}
.header .gnb .depth_02 .dep02 .list li { width:25%;}
.header .gnb .depth_02 .dep02 .list li a {background:url('/img/header_gnb_span.png') left center no-repeat; float:left; margin-bottom:20px; font-family: 'Noto Sans KR', sans-serif; font-size: 14px; font-weight: 400;
    color: #b8b8b8; letter-spacing: -1px; text-indent: 16px;}
.header .gnb .depth_02 .dep02 .list li a:hover {color: #bba05c;}


/*** header_white ver.2023 ***/
.header_white .header_wrap {width:100%; height:126px !important; position:fixed; top:0; left:0; background: #fff; z-index:9999; overflow: inherit;}
.header_white .header {width:96%; height:100%; position:relative; margin:0 auto; z-index:100000;}

.header_white .header h1 {width:58px; height:48px; margin:0 auto; padding:14px 0;}
.header_white .header .pl20 {padding-left:20px;}
.header_white .header .left_top {left:20px;}
.header_white .header .right_top {right:20px; overflow: inherit;}
.header_white .header .txt_links {position:absolute; top:28px;}
.header_white .header .txt_links div {float:left; padding-right: 20px; margin-left: 0px; padding-left: 20px; background: none;}
.header_white .header .txt_links div.black a {color: #000;}
.header_white .header .txt_links div.solid {background:url('/img/jj_header_span_solid.gif') right center no-repeat; display: flex;}
.header_white .header .txt_links div.link {padding-right: 12px; background:url('/img/jj_header_span_link.gif') right center no-repeat;}
.header_white .header .txt_links div.first {margin-left:0; padding-left:0;}

.header_white .header .txt_links div.QR {color: #111; font-weight: 400; margin-left: 20px; background:url('/img/jj_header_span_solid.gif') left center no-repeat; position: relative; z-index: 9999; padding-right: 2px; font-size: 12px;}
.header_white .header .txt_links div.QR ul {display: none; position: absolute; right: -20px; padding: 6px 6px; border: 1px solid #333; background: #fff; margin-top: 10px;}
.header_white .header .txt_links div.QR li {display: flex; flex-direction: column; align-items: center; padding: 10px 6px; color: #111; font-size: 11px; font-weight: 600;}
.header_white .header .txt_links div.QR img {width: 86px; height: 86px;}
.header_white .header .txt_links div.QR:hover {font-weight: 600; cursor: pointer;}
.header_white .header .txt_links div.QR:hover ul {display: block;}
.header_white .header .txt_links div.QR .coun_01 {width: 27px; height: auto; background:url('/img/jj_top_country_01.gif') left center no-repeat; color: #f6ab15;}
.header_white .header .txt_links div.QR .coun_02 {width: 46px; height: auto; background:url('/img/jj_top_country_02.gif') left center no-repeat; color: #045a50;}
.header_white .header .txt_links div.QR .coun_03 {width: 16px; height: auto; background:url('/img/jj_top_country_03.gif') left center no-repeat; color: #40a538;}
.header_white .header .txt_links div.QR .coun_04 {width: 34px; height: auto; background:url('/img/jj_top_country_04.gif') left center no-repeat; color: #8aba29;}

.header_white .header .txt_links div a {font-size:12px; color:#999; display:block; text-transform:uppercase; font-weight: 400;}
.header_white .header .txt_links div a:hover {font-weight: 600; text-decoration: none; cursor: pointer;}
.header_white .header .border {display: block; position: absolute; width: 1px; height: 10px; margin-top: 5px; background: #999;}

/** language **/
.header_white .header .language {position: relative; display: inline-block; z-index:999; margin-top: -3px; padding-right: 0px !important;}
.header_white .header .language .dropbtn { width: 110px; height: 24px; background: #fff; border: solid 1px #ddd; color: #999; font-size: 12px; font-weight: 300; text-align: left; padding-left: 20px; cursor: pointer;}
.header_white .header .language .dropbtn img{float: right; padding-top: 5px; padding-right: 20px;}
.header_white .header .language .dropdown-content {display: none; z-index:999; position: absolute; background: #fff; min-width: 76px; border: solid 1px #ddd; border-top: none; padding: 4px 16px;}
.header_white .header .language .dropdown-content a {padding: 4px 0; display: block;  padding-left: 28px;}
.header_white .header .language:hover .dropdown-content {display: block;}
.header_white .header .language .dropdown-content a:hover {font-weight: 500; color: #000;}
.header_white .header .language .coun_01 {background:url('/img/jj_top_country_01.gif') left center no-repeat;}
.header_white .header .language .coun_02 {background:url('/img/jj_top_country_02.gif') left center no-repeat;}
.header_white .header .language .coun_03 {background:url('/img/jj_top_country_03.gif') left center no-repeat;}
.header_white .header .language .coun_04 {background:url('/img/jj_top_country_04.gif') left center no-repeat;}
.header_white .header .language .coun_05 {background:url('/img/jj_top_country_05.gif') left center no-repeat;}
.header_white .header .language .coun_06 {background:url('/img/jj_top_country_06.gif') left center no-repeat;}

/* gnb depth_01 */
@import url('//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css');
.header_white .header .gnb {width:100%; height:48px; position:absolute; top:76px; left:0; border-top: solid 1px #eee; background: #fff;}
/*.header_white .header .fixed {position: fixed; left: 0; top: 0;}*/
.header_white .header .gnb .title {width:80%; height:48px; overflow:hidden; position:relative; margin: 0 auto; display: flex; justify-content: space-around; align-items: center;}
.header_white .header .gnb .title a {font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif','Noto Sans KR', sans-serif;font-size: 15px; font-weight: 400; color: #000; letter-spacing: -1px; line-height: 1.2;}
.header_white .header .gnb .title a:hover {text-decoration: underline; text-underline-offset: 17px; text-decoration-color: #bba05c; text-decoration-thickness: 2px;}
.header_white .header .gnb .title li.on a {text-decoration: underline; text-underline-offset: 17px; text-decoration-color: #bba05c; text-decoration-thickness: 2px;}

/* gnb depth_02 */
.header_white .header .gnb .depth_02 {width:100%; height:56px; position:absolute; top:48px; left:0; border-top: solid 1px #eee;}
.header_white .header .gnb .depth_02 .dep02 {width:100%; height:100%; position:absolute; top:0; left:0; display:none; overflow:hidden; background: #f5f5f5;}
.header_white .header .gnb .depth_02 .dep02 .list {width:80%; float: none; overflow:hidden; margin:0 auto; padding-top: 16px; display: flex; justify-content: center; flex-flow: row wrap; align-items: center;}
.header_white .header .gnb .depth_02 .dep02 .list .point { color: #bba05c;}
.header_white .header .gnb .depth_02 .dep02 .list .point:hover {color: #000;}
.header_white .header .gnb .depth_02 .dep02 .list li {padding: 0 10px; width: auto;}
.header_white .header .gnb .depth_02 .dep02 .list li a {background: none; float:left; margin-bottom:18px; font-family: 'Noto Sans KR', sans-serif; font-size: 14px; font-weight: 400;
    color: #777; letter-spacing: -1px; text-indent: 16px;}
.header_white .header .gnb .depth_02 .dep02 .list li a:hover {color: #000;}
.header_white .header .gnb .depth_02 .dep02 .list li.on a {color: #000;}



.footer_wrap {width:100%; background:#efe1de; padding:25px 0;}
.footer {width:1400px; height:100%; margin:0 auto; position:relative;}
.footer .foot_sitemap {width:100%; padding:20px 0 0; overflow:hidden; }
.footer .foot_sitemap div {float:left; width:127px; height:270px;}
.footer .foot_sitemap div p {font-size:16px; font-weight:bold; color:#7b5e56;}
.footer .foot_sitemap div ul {width:100%; margin-top:20px;}
.footer .foot_sitemap div ul li {margin-bottom:8px;}
.footer .foot_sitemap div ul li a {display:block; font-size:12px; color:#6f6f6f;}
.footer .foot_sitemap div ul li a:hover {text-decoration:underline;}
.footer .txts {width:100%; overflow:hidden; position:relative; padding-bottom:15px; border-bottom:1px solid #7b5d55;}
.footer .txts .links {overflow:hidden; position:relative; float:left;}
.footer .txts .links a {display:block; float:left; font-size:12px; color:#7b5d55; padding-left:9px; margin-left:8px;
background:url('/img/jj_footer_span_bg.gif') left center no-repeat;}
.footer .txts .links a.first {padding-left:0; margin-left:0; background:none;}
.footer .txts .links a:hover {text-decoration:underline;}
.footer .txts address {font-style:normal; font-size:12px; color:#7b5d55; display:block; float:right; text-align:center;}
.footer .foot_logo {text-align:center; margin-top:50px; width:100%;}


.footer_wrap_fw {width:100%; background:#1f2330; padding:25px 0;}
.footer_fw {width:1400px; height:100%; margin:0 auto; position:relative;}
.footer_fw .foot_sitemap {width:100%; padding:20px 0 0; overflow:hidden; border-top:1px solid #1f2330;}
.footer_fw .foot_sitemap div {float:left; width:127px; height:380px;}
.footer_fw .foot_sitemap div p {font-size:16px; font-weight:bold; color:#fff;}
.footer_fw .foot_sitemap div ul {width:100%; margin-top:20px;}
.footer_fw .foot_sitemap div ul li {margin-bottom:8px;}
.footer_fw .foot_sitemap div ul li a {display:block; font-size:12px; color:#999;}
.footer_fw .foot_sitemap div ul li a:hover {text-decoration:underline;}
.footer_fw .foot_sitemap .last {float: right; height: 162px; margin-top: -222px;}
.footer_fw .txts {width:100%; overflow:hidden; position:relative; padding-top: 80px; padding-bottom:15px; border-bottom:1px solid #333;}
.footer_fw .txts .links {overflow:hidden; position:relative; float:left;}
.footer_fw .txts .links a {display:block; float:left; font-size:12px; color:#666; padding-left:9px; margin-left:8px;
background:url('/img/jj_footer_span_bgfw.gif') left center no-repeat;}
.footer_fw .txts .links a.first {padding-left:0; margin-left:0; background:none;}
.footer_fw .txts .links a:hover {text-decoration:underline;}
.footer_fw .txts address {font-style:normal; font-size:12px; color:#666; display:block; float:right; text-align:center;}
.footer_fw .foot_logo {text-align:center; margin-top:50px; width:100%;}


/*** footer_black ver.2023 ***/
.footer_black .footer_wrap {width:100%; background:#111111; padding:50px 0 80px;}
.footer_black .footer {width:86%; height:auto; margin:0 auto; position:relative;}
.footer_black .footer .foot_sitemap {width:100%; padding: 0; display: flex; justify-content: space-between; flex-wrap: wrap; border: none;}
.footer_black .footer .foot_sitemap div {width:140px; height: auto;}
.footer_black .footer .foot_sitemap div p {font-size:15px; font-weight:400; color:#ddd;}
.footer_black .footer .foot_sitemap div ul {width:100%; margin-top:16px;}
.footer_black .footer .foot_sitemap div ul li {margin-bottom: 4px;}
.footer_black .footer .foot_sitemap div ul li a {display:block; font-size:13px; line-height: 1.6; color:#777;}
.footer_black .footer .foot_sitemap div ul li a:hover {text-decoration:underline;}
.footer_black .footer .foot_sitemap .last {position: absolute; right: 0; top: 150px;}
.footer_black .footer .txts {width:100%; overflow:hidden; position:relative; margin-top: 40px; padding:16px 0; border-bottom:1px solid #555; border-top: 1px solid #555;}
.footer_black .footer .txts .links {overflow:hidden; position:relative; float:left; padding-left: 40px; padding-top: 2px;}
.footer_black .footer .txts .links a {display:block; float:left; font-size:12px; font-weight: 400; color:#999; padding-left:20px; margin-left:20px;
	background:url('/img/jj_footer_span_bg.png') left center no-repeat;}
.footer_black .footer .txts .links a.first {padding-left:0; margin-left:0; background:none;}
.footer_black .footer .txts .links a:hover {text-decoration:underline;}
.footer_black .footer .txts .logo {float: left;}
.footer_black .footer .txts .model {float: right; padding-top: 16px; padding-left: 40px; padding-right: 12px; height: 42px; border-left: 1px solid #555; margin-top: -16px; margin-bottom: -32px;}
.footer_black .footer .txts .skin {float: right; padding-top: 16px; padding-left: 40px; padding-right: 12px; height: 42px; border-left: 1px solid #555; margin-top: -16px; margin-bottom: -32px;}
.footer_black .footer .txts .goto {margin-right: 40px; background:url('/img/jj_footer_span_link.gif') right 46% no-repeat;}
.footer_black .footer .txts .goto a {color: #fff; font-size: 12px; font-weight: 400;}
.footer_black .footer .txts .goto a:hover {text-decoration: underline;}
.footer_black .footer .txts .sns {float: right; padding-top: 16px; padding-left: 40px; height: 42px; border-left: 1px solid #555; margin-top: -16px; margin-bottom: -32px;}
.footer_black .footer .txts .sns ul {display: flex;}
.footer_black .footer .txts .sns ul li {margin-right: 16px;}
.footer_black .footer .txts .sns ul li a {opacity: .4;}
.footer_black .footer .txts .sns ul li a:hover {opacity: 1;}
.footer_black .footer .address {padding-top: 20px; font-size: 12px; font-weight: 400; color: #999;}
.footer_black .footer .address ul {display: flex; justify-content: flex-start;}
.footer_black .footer .address ul li {padding-right: 20px;}
.footer_black .footer .address .copyright {position: absolute; right: 0; bottom: 0;}
.footer_black .footer .foot_logo {text-align:center; margin-top:50px; width:100%;}



/***============================================= Äü¸Þ´º¸®´º¾ó 2025 =============================================***/
.quick2025 .quick_warp {width:80px; height: auto; position:fixed; right:6px; top:52%; margin:-320px 0 0 0; z-index:10000;text-align: center; overflow: visible;}
/** »ó´Ü **/
.quick2025 .quick_warp .quick_area {width:100%; height:100%; position:relative; background: #eee; padding-top: 30px; border-radius: 40px 40px 0 0; box-shadow: 0px 0px 6px rgb(0, 0, 0, 0.18);}
.quick2025 .quick_warp .quick_area li {width: 80px; height: auto; padding: 10px 0; position: relative;}
.quick2025 .quick_warp .quick_area li img {padding-bottom: 2px;}
.quick2025 .quick_warp .quick_area li p {color: #111; font-size: 12px; font-weight: 500; letter-spacing: -.05em; white-space: nowrap;}
.quick2025 .quick_warp .quick_area li:hover {background: rgb(0, 0, 0, 0.1); mix-blend-mode: multiply;}
/** Ä«Ä«¿Àä³ÎÃß°¡ **/
.quick2025 .quick_warp .quick_area .channel_btn { width: 80px; height: auto; margin: 0px; border: none; text-align: center; font-size: 12px; line-height: normal; cursor: pointer; background: #eee;}
.quick2025 .quick_warp .quick_area .channel_btn a {width: 80px; height: 43px; position: absolute; margin: 0px; opacity: 0; left: 0; top: 10px; padding: 0px;}
.quick2025 .quick_warp .quick_area li:hover .channel_btn {background: rgb(0, 0, 0, 0);}
/** ¹Ù·Î°¡±â **/
.quick2025 .quick_warp .quick_area .link li {cursor: pointer;}
.quick2025 .quick_warp .quick_area .link .open {width: 158px; height: 58px; background: #eee; position: absolute; top: 350px; right: 90px; border-radius: 30px 30px 0 30px; display: none; padding-left: 18px; box-shadow: 0px 0px 6px rgb(0, 0, 0, 0.18);}
.quick2025 .quick_warp .quick_area .link .open li {width: auto; padding: 16px 5px; float: left;}
.quick2025 .quick_warp .quick_area .link .open .last a {display: block; position: absolute; padding: 16px 45px 16px 0; top: 0;}
.quick2025 .quick_warp .quick_area .link .open img {opacity: .4;}
.quick2025 .quick_warp .quick_area .link:hover .open {display: block;}
.quick2025 .quick_warp .quick_area .link .open li:hover img {opacity: .9;}
.quick2025 .quick_warp .quick_area .link .open li:hover {mix-blend-mode: normal; background: none;}
/** ÇÏ´Ü **/
.quick2025 .quick_warp .quick_area_bot {width:100%; height:100%; position:relative; background: #535865; padding-bottom: 20px; border-radius: 0 0 40px 40px; box-shadow: 0px 0px 8px rgb(0, 0, 0, 0.15);}
.quick2025 .quick_warp .quick_area_bot li {width: 80px; height: auto; padding: 10px 0; position: relative;}
.quick2025 .quick_warp .quick_area_bot li a {color: #fff; font-size: 9pt; letter-spacing: -.05em;}
.quick2025 .quick_warp .quick_area_bot .call a {font-size: 15px; font-weight: 400;}
.quick2025 .quick_warp .quick_area_bot .line {border-top: solid 1px #eee;}
.quick2025 .quick_warp .quick_area_bot li:hover {mix-blend-mode: normal; background: none;}