@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* CSS Document */

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

.wrapper {width:100%; min-width:320px; position:relative; margin:0 auto; background-color:#fff;}

.header_wrap {width:100%; height:66px; position:fixed; top:0; left:0; background:#060b1c; z-index:150; overflow:hidden;}
.header {width:100%; min-width:320px; height:100%; margin:0 auto; position:relative;}
.header > h1 {width:190px; margin:0 auto; padding:13px 0 0 0; line-height:1;}
.header .center_top {position:absolute; top:0; margin:0; padding:0; width:110px;}
.header .center_logo{ margin:0 auto; text-align:center; width:110px; height:26px; top:0;}
.header .center_flag{ margin:0 auto; text-align:center; width:100%; height:17px; top:0;}
.header .ul { display: block; text-align:center; width:110px; height:26px; top:0; overflow: auto;} 
.header .li {  float:left; overflow:hidden; list-style:none;}
.header .left_top {position:absolute; top:0; left:0;}
.header .right_top {position:absolute; top:0; right:0;}


/** header_white ver.2023 **/
.header_white .header_wrap {width:100%; height:64px; position:fixed; top:0; left:0; background:#fff; z-index:150; overflow:hidden; border-bottom: solid 1px #eee;}
.header_white .header {width:100%; min-width:320px; height:100%; margin:0 auto; position:relative;}
.header_white .header > h1 {width:190px; margin:0 auto; padding:10px 0; line-height:1;}
.header_white .header .center_top {position: relative; margin:0 auto; padding:0;}
.header_white .header .center_logo{ margin:0 auto; text-align:center; width:100px; height:21px;}
.header_white .header .center_logo img {width: 100px; height: auto;}
.header_white .header .center_flag{ margin:0 auto; text-align:center; width:100%; height:15px; padding-top: 8px; display: flex; justify-content: center;}
.header_white .header .center_flag img {width: 26px; height: auto; padding:0 3px;}
.header_white .header .left_top {position:absolute; top:0; left:0; width: 40px; height: 40px; padding: 8px; margin: 4px; text-align: center;}
.header_white .header .left_top img {width: 30px; padding: 3px 0 5px 0;}
.header_white .header .right_top {position:absolute; top:0; right:0; width: 40px; height: 40px; padding: 8px; margin: 4px; text-align: center;}
.header_white .header .right_top img {width: 30px; padding-bottom: 4px;}
.header_white .header .left_top a, .right_top a {color: #000; font-size: 12px; font-weight: 500;}
.header_white .header .left_top:hover, .right_top:hover {background: #eee; border-radius: 50%;}



.footer_wrap {width:100%; position:relative;}
.footer_wrap .bns_01 {width:92.5%; max-width:592px; margin:0 auto; overflow:hidden; position:relative;}
.footer_wrap .bns_01 div {float:left; width:48.98648648648649%; margin-left:2.027027027027027%; position:relative;}
.footer_wrap .bns_01 div.bn_01 {margin-left:0;}
.footer_wrap .bns_01 div a {display:block; width:100%;}
.footer_wrap .bns_01 div a img {width:100%;}
.footer_wrap .bns_02 {width:92.5%; max-width:592px; margin:20px auto 0; overflow:hidden; position:relative;}
.footer_wrap .bns_02 div {float:left; width:24.66216216216216%; margin-left:0.4391891891891892%; position:relative;}
.footer_wrap .bns_02 div.bn_01 {margin-left:0;}
.footer_wrap .bns_02 div a {display:block; width:100%;}
.footer_wrap .bns_02 div a img {width:100%;}
.footer_wrap .footer {width:100%; margin-top:20px; background:#060b1c url('/img/jm_foot_bg.gif') 0 0 repeat-x; position:relative;}
.footer_wrap .footer .links {width:100%; max-width:640px; height:43px; margin:0 auto; position:relative; overflow:hidden;}
.footer_wrap .footer .links div {float:left; width:33.33333333333333%; height:100%; background:url('/img/jm_footer_bg_1px.gif') right 0 repeat-y;}
.footer_wrap .footer .links div a {display:block; width:100%; height:100%; background:url('/img/jm_footer_bg_1px.gif') right 0 repeat-y;
font-size:16px; font-weight:bold; color:#fff; text-align:center; line-height:43px;}
.footer_wrap .footer .links div.first a {background:none;}
.footer_wrap .footer .txts {width:100%; max-width:640px; padding:20px 0; position:relative; text-align:center; margin:0 auto;}
.footer_wrap .footer .txts .foo_tit {width:100%; text-align:center;}
.footer_wrap .footer .txts address {font-style:normal; font-size:14px; color:#fff; margin-top:15px;}
.footer_wrap .footer .txts p {font-size:12px; color:#6f6f6f; margin-top:10px;}


/** footer_black ver.2023  **/
.footer_black .footer_wrap {width:100%; position:relative; background: #fff;}
.footer_black .footer_wrap .bns_01 {width:95%; max-width:592px; margin:0 auto; overflow:hidden; position:relative; padding-top: 10px; display: flex; justify-content: space-between;}
.footer_black .footer_wrap .bns_01 div {float:left; width:50%; position:relative; margin:0 5px;}
.footer_black .footer_wrap .bns_01 .bn_01 {text-align: center; background: #fae100; border-radius: 8px;}
.footer_black .footer_wrap .bns_01 .bn_02 {text-align: center; background: #000; border-radius: 8px;}
.footer_black .footer_wrap .bns_01 .bn_02 a {color: #fff;} 
.footer_black .footer_wrap .bns_01 div a {display:block; width:100%; color: #000; font-size: 16px; font-weight: 500; padding: 16px 0;}
.footer_black .footer_wrap .bns_01 div a:hover {background: #000; color: #fff; border-radius: 8px;}
.footer_black .footer_wrap .bns_01 .small {padding-top: 8px; font-size: 13px; font-weight: 400;}
.footer_black .footer_wrap .bns_02 {width:95%; max-width:592px; margin:0 auto; overflow:hidden; position:relative; display: flex; justify-content: space-between;}
.footer_black .footer_wrap .bns_02 div {float:left; width:22.3%; margin:0 4px; position:relative; text-align: center; background: #f5f5f5; border-radius: 8px; padding: 10px 0;}
.footer_black .footer_wrap .bns_02 div a {display: flex; font-size: 13px; color: #000; font-weight: 400; flex-direction: column; align-items: center;}
.footer_black .footer_wrap .bns_02 div a img {width: 36px; height: auto; text-align:center; margin:0 auto; padding: 0 12px; padding-bottom: 6px;}
.footer_black .footer_wrap .bns_02 div:hover {background: #ddd;}

.footer_black .footer_wrap .footer {width:100%; margin-top:20px; background:#000; position:relative;}
.footer_black .footer_wrap .footer .links {width:100%; max-width:640px; height: auto; margin:0 auto; position:relative; overflow:hidden; display: flex;}
.footer_black .footer_wrap .footer .logo {padding: 10px 0 0 10px; width: 100%;}
.footer_black .footer_wrap .footer .logo img {width: 40%; float: left; padding: 20px;}
.footer_black .footer_wrap .footer .links ul {width: 41%; height: auto; border: 1px solid #555; border-left: none; padding: 20px 20px 20px 10px; margin-left: 20px;}
.footer_black .footer_wrap .footer .links ul a {color: #999; font-size: 14px; font-weight: 400; line-height: 1.8;}
.footer_black .footer_wrap .footer .links ul a:hover {text-decoration: underline;} 
.footer_black .footer_wrap .footer .links .right {margin-left: 0; margin-right: 20px; padding: 0; border-right: none;}
.footer_black .footer_wrap .footer .links .model {padding: 30px 0 30px 20px;}
.footer_black .footer_wrap .footer .links .model a {color: #fff; font-size: 14px; font-weight: 400;
	background:url('/img/jm_footer_span_link.gif') right 58% no-repeat; background-size: 9px; padding-right: 14px;}
.footer_black .footer_wrap .footer .links .model a:hover {text-decoration: underline;}
.footer_black .footer_wrap .footer .links .sns {}
.footer_black .footer_wrap .footer .links .sns ul {padding: 30px 0 30px 20px; margin: 0; width: 87%; border-right: none; border-bottom: none; display: flex; justify-content: flex-start;}
.footer_black .footer_wrap .footer .links .sns li {padding-right: 8px; opacity: .5;}
.footer_black .footer_wrap .footer .links .sns li:hover {opacity: 1;}
.footer_black .footer_wrap .footer .links div {float:left; width:33.33333333333333%; height:100%; background:url('/img/jm_footer_bg_1px.gif') right 0 repeat-y;}
.footer_black .footer_wrap .footer .links div a {display:block; width:100%; height:100%; background:url('/img/jm_footer_bg_1px.gif') right 0 repeat-y;
	font-size:16px; font-weight:bold; color:#fff; text-align:center; line-height:43px;}
.footer_black .footer_wrap .footer .txts {width:100%; max-width:640px; padding:20px 20px 100px 20px; position:relative; margin: 0; text-align: left;}
.footer_black .footer_wrap .footer .txts ul {padding-left: 10px;}
.footer_black .footer_wrap .footer .txts li {color: #999; font-size: 14px; font-weight: 400; line-height: 1.6;}



/* 좌측 메뉴 */
.menu_wrap {width:100%; height:100%; position:fixed; top:0; left:0; z-index:200; display:none;}
.menu_wrap > div {height:100%; min-width:320px; width:100%; position:relative; margin:0 auto; overflow-x:hidden;}
.gnb_bg {position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.7; z-index:190; display:none;}
.menu_wrap .menu_area {width:80%; position:absolute; top:0; left:-80%;}
.menu_wrap .menu_area > .height_finder {width:100%; height:0px;}
.menu_wrap .menu_area .row_01 {width:100%; height:66px; overflow:hidden;}
.menu_wrap .menu_area .row_01 a {width:66px; height:66px; display:block; float:left;}
.menu_wrap .menu_area .row_02 {width:100%;}
.menu_wrap .menu_area .row_02 > li {width:100%; border-bottom:1px solid #797a7f; overflow:hidden; hei ght:46px;}
.menu_wrap .menu_area .row_02 > li > a {display:block; width:100%; height:40px; line-height:40px; color:#adadad; font-weight:bold; text-indent:10px; font-size:16px;
background:#414247 url('/img/xxm_gnb_arrow_off.gif') 93% center no-repeat;}
.menu_wrap .menu_area .row_02 > li.selected > a {background:#c2934e url('/img/xxm_gnb_arrow_on.gif') 93% center no-repeat; color:#fff;}
.menu_wrap .menu_area .row_02 > li > ul {width:100%; background:#26272c;}
.menu_wrap .menu_area .row_02 > li > ul > li {width:100%;}
.menu_wrap .menu_area .row_02 > li > ul > li > a {display:block; width:100%; height:36px; line-height:36px; color:#fff; text-indent:15px; font-size:15px; }

/** header_white ver.2023 **/
.header_white .menu_wrap {width:100%; height:100%; position:fixed; top:0; left:0; z-index:200; display:none;}
.header_white .menu_wrap > div {height:100%; min-width:320px; width:100%; position:relative; margin:0 auto; overflow-x:hidden;}
.header_white .gnb_bg {position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.7; z-index:190; display:none;}
.header_white .menu_wrap .menu_area {width:100%; position:absolute; top:0;}
.header_white .menu_wrap .menu_area > .height_finder {width:100%; height:0px;}
.header_white .menu_wrap .menu_area .row_01 {width:100%; height:64px; overflow:hidden; background: #fff;}
.header_white .menu_wrap .menu_area .row_01 .close a {width: 40px; height:40px; display:block; float:left; padding: 8px; margin: 4px; text-align: center;
												color: #000; font-size: 12px; font-weight: 500; display: flex; flex-direction: column; align-items: center;}
.header_white .menu_wrap .menu_area .row_01 .close a img {width: 24px; padding-bottom: 4px;}
.header_white .menu_wrap .menu_area .row_01 .close a:hover {background: #eee; border-radius: 50%;}
.header_white .menu_wrap .menu_area .row_01 .link {padding-right: 20px;}
.header_white .menu_wrap .menu_area .row_01 .link a {width: auto; height: auto; float: right; color: #000; font-size: 14px; font-weight: 400; padding: 25px 14px 25px 0;
	background:url('/img/jm_menu_span_link.png') right 52% no-repeat; background-size: 10px;}
.header_white .menu_wrap .menu_area .row_01 .solid {padding-right: 20px;}
.header_white .menu_wrap .menu_area .row_01 .solid a {width: auto; height: auto; float: right; color: #999; font-size: 14px; font-weight: 400; padding: 25px 0px 25px 14px;
 background:url('/img/jm_menu_span_solid.png') left 52% no-repeat; background-size: 1.5px; margin-left: 20px;}
.header_white .menu_wrap .menu_area .row_01 .solid .sec {background: none; margin: 0;}
.header_white .menu_wrap .menu_area .row_01 .link a:hover, .solid a:hover {text-decoration: underline;}

.header_white .menu_wrap .menu_area .row_02 {width:100%; padding-bottom: 40px; background: #fff; border-bottom: 1px solid #eee;}
.header_white .menu_wrap .menu_area .row_02 > li {width:100%; border-bottom:1px solid #eee; overflow:hidden;}
.header_white .menu_wrap .menu_area .row_02 > li > a {display:block; width:100%; height:40px; line-height:40px; color:#000; font-weight: 400; text-indent:20px; font-size:16px;
														background:#fff url('/img/jm_menu_span_down.png') 96% center no-repeat; background-size: 16px;}
.header_white .menu_wrap .menu_area .row_02 > li.selected > a {background:#c2934e url('/img/jm_menu_span_up.png') 96% center no-repeat; background-size: 16px; color:#fff;}
.header_white .menu_wrap .menu_area .row_02 > li > ul {width:100%; background:#eee;}
.header_white .menu_wrap .menu_area .row_02 > li > ul > li {width:100%;}
.header_white .menu_wrap .menu_area .row_02 > li > ul > li > a {display:block; width:100%; height:36px; line-height:36px; color:#000; text-indent:24px; font-size:15px; }
.header_white .menu_wrap .menu_area .row_02 > li > ul > li > a:hover {background: #ddd;}




/* .right 메뉴 */
.right_wrap {width:100%; height:100%; position:fixed; top:0; left:0; z-index:500; display:none;}
.right_wrap > div {/*max-width:640px;*/ height:100%; min-width:320px; width:100%; position:relative; margin:0 auto; overflow-x:hidden;}
.right_wrap .bg {width:100%; height:100%; background:#000; opacity:0.7; z-index:501; position:absolute; top:0; left:0;}
.right_wrap .right_area {width:100%; position:absolute; top:0; right:-100%; z-index:510;}
.right_wrap .right_area > .height_finder {width:100%; height:0px;}
.right_area .top_area {width:100%; height:66px; position:relative; overflow:hidden;/* background:#333;*/ }
.right_area .top_area .close_bn {float:right;}
.right_area .metros {width:100%; overflow:hidden; background:#8fc1cf; padding:20px 0;}
.right_area .metros > div {width:25%; float:left; text-align:center;}
.right_area .metros > div a {display:block;}
.right_area .metros > div a img {width:80px; height:80px; text-align:center; margin:0 auto;}


/** header_white ver.2023 **/
.header_white .right_wrap {width:100%; height:100%; position:fixed; top:0; left:0; z-index:500; display:none;}
.header_white .right_wrap > div {height:100%; min-width:320px; width:100%; position:relative; margin:0 auto; overflow-x:hidden;}
.header_white .right_wrap .bg {width:100%; height:100%; background:#000; opacity:0.7; z-index:501; position:absolute; top:0; left:0;}
.header_white .right_wrap .right_area {width:100%; position:absolute; top:0; right:0; opacity: 1; z-index:510;}
.header_white .right_wrap .right_area > .height_finder {width:100%; height:0px;}
.header_white .right_area .top_area {width:100%; height:64px; position:relative; overflow:hidden; background: #fff; }
.header_white .right_area .top_area .close_bn {float:right; width: 40px; height: 40px; padding: 8px; margin: 4px; text-align: center;}
.header_white .right_area .top_area .close_bn:hover {background: #eee; border-radius: 50%;}
.header_white .right_area .top_area .close_bn a {color: #000; font-size: 12px; font-weight: 500; display: flex; flex-direction: column; align-items: center;}
.header_white .right_area .top_area .close_bn img {width: 24px; padding-bottom: 4px;}
.header_white .right_area .metros {width:96%; overflow:hidden; background:#fff; padding:0 8px 12px 8px; display: flex; justify-content: space-around; border-bottom: solid 1px #eee;}
.header_white .right_area .metros > div {width:20%; text-align:center; margin: 4px; padding: 6px; background: #f5f5f5; border-radius: 8px;}
.header_white .right_area .metros > div a {display: flex; font-size: 13px; color: #000; font-weight: 400; flex-direction: column; align-items: center;}
.header_white .right_area .metros > div a img {width: 36px; height: auto; text-align:center; margin:0 auto; padding: 0 12px; padding-bottom: 6px;}
.header_white .right_area .metros > div:hover {background: #ddd;}



/* 서브페이지 lnb 메뉴 */
.sub_lnb_wrap {width:100%; height:41px; position:fixed; top:64px; left:0; background:#fff; z-index:180; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.sub_lnb {max-width:640px; min-width:320px; width:100%; height:41px; margin:0 auto; ove rflow:hidden; position:relative;}
.sub_lnb > div {width:50%; height:100%; float:left; position:relative;}
.sub_lnb > div.depths_01 {border-right: 1px solid #ddd; width: 49%;}
.sub_lnb > div.depths_02 {}
.sub_lnb > div p.title {width:100%; height:100%;}
.sub_lnb > div p.title > .txt {width: 85%; display:block; line-height:41px; font-size:15px; font-weight:normal; color:#111; text-indent:10px; letter-spacing: -1px; white-space: nowrap; float:left;}
.sub_lnb > div p.title > .arrow {display:block; float:right; margin-right:8px;}
.sub_lnb > div p.title > .arrow img {padding-top:17px;}

.sub_lnb > ul {width:49%; height:0; position:absolute; top:41px; overflow-y:auto; overflow-x:hidden;}
.sub_lnb > ul.lnb_ul li {width:100%; background:#f5f5f5; font-size:15px; border-bottom:1px solid #dadada;}
.sub_lnb > ul.lnb_ul li.on {background:#c2934e;}
.sub_lnb > ul.lnb_ul li.on > a {color:#fff;}
.sub_lnb > ul.lnb_ul li > a {font-size:14px; width:100%; height:32px; line-height:32px; display:block; text-indent:10px; color:#333;}
.sub_lnb > ul.lnb_ul li > a:active {background:#c2934e; color:#fff;}

.sub_lnb > ul.ul_01 {left:0;}
.sub_lnb > ul.ul_02 {right:0; width: 51%;}
.sub_lnb > ul.ul_02 > li {width:100%; position:absolute; top:0; left:100%;}
.sub_lnb > ul.ul_02 > li.li_01 {left:0;}