@charset "utf-8";
@import url('/common/css/all_common.css');
/*@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');*/
/* @import url('https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css'); */
* {-webkit-text-size-adjust:none;}
::-moz-selection { background: #74c5cd; color: #fff; }
/* ::selection { background: #74c5cd; color: #fff } */
html, body, div, span, object, iframe,
em, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, p {margin:0; padding:0; border:0;line-height:21px;}
table,th,tr,td {border-collapse:collapse;}
body { font-size: 14px; line-height:1.5em;color:#333; font-family:'나눔고딕','NanumGothicWeb','Nanum Gothic','Arial','Helvetica','AppleGothic','Sans-serif'; } /* 폰트칼라 종류는 디자인에 따라 변경 가능 */
ol, ul, li {list-style: none;}
blockquote, q {quotes: none;}
header,footer,aside,nav,article,section{display:block;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0; border:0; font-size:1em; font-weight:600;}
textarea {overflow:auto;}
input, textarea, select {vertical-align:middle; font-family:inherit; }
img, a img, input.image {border:0 none;margin:0; padding:0;}
table  {border-collapse:collapse;width:100%;}
table caption{text-indent:-999px; overflow:hidden; width:0;height:0;font-size:0;line-height:0}
button{border: 0px;margin: 0;padding: 0;cursor:pointer;font-family:inherit; }
label { font-family:inherit; }
p { line-height: 180%; }
/* @font-face{
	font-family:'NanumGothicWeb';
	font-style:normal;
	font-weight:normal;
	src:url('NanumGothic.eot');
	src:local('☺'),url('NanumGothic.woff') format('woff'), url('NanumGothic.ttf') format('truetype');
	}

@font-face{
	font-family:'NanumGothicWebB';
	font-style:normal;
	font-weight:bold;
	src:url('NanumGothicBold.eot');
	src:local('☺'),url('NanumGothicBold.woff') format('woff'), url('NanumGothicBold.ttf') format('truetype');
	}

@font-face{
	font-family:'NanumMyeongjoB';
	font-style:normal;
	font-weight:bold;
	src:url('NanumMyeongjoBold.eot');
	src:local('☺'),url('NanumMyeongjoBold.woff') format('woff'), url('NanumMyeongjoBold.ttf') format('truetype');
	}
 */

/* width */
.w3 {width: 3% !important;}
.w4 {width: 4% !important;}
.w5 {width: 5% !important;}
.w6 {width: 6% !important;}
.w7 {width: 7% !important;}
.w8 {width: 8% !important;}
.w9 {width: 9% !important;}
.w10 {width: 10% !important;}
.w11 {width: 11% !important;}
.w12 {width: 12% !important;}
.w13 {width: 13% !important;}
.w14 {width: 14% !important;}
.w14-5 {width: 14.5% !important;}
.w15 {width: 15% !important;}
.w16 {width: 16% !important;}
.w17 {width: 17% !important;}
.w18 {width: 18% !important;}
.w19 {width: 19% !important;}
.w20 {width: 20% !important;}
.w21 {width: 21% !important;}
.w22 {width: 22% !important;}
.w23 {width: 23% !important;}
.w24 {width: 24% !important;}
.w25 {width: 25% !important;}
.w26 {width: 26% !important;}
.w27 {width: 27% !important;}
.w28 {width: 28% !important;}
.w29 {width: 29% !important;}
.w30 {width: 30% !important;}
.w31 {width: 31% !important;}
.w32 {width: 32% !important;}
.w33 {width: 33% !important;}
.w34 {width: 34% !important;}
.w35 {width: 35% !important;}
.w36 {width: 36% !important;}
.w37 {width: 37% !important;}
.w38 {width: 38% !important;}
.w39 {width: 39% !important;}
.w40 {width: 40% !important;}
.w43 {width: 43% !important;}
.w45 {width: 45% !important;}
.w46 {width: 46% !important;}
.w49 {width: 49% !important;}
.w50 {width: 50% !important;}
.w51 {width: 51% !important;}
.w59 {width: 59% !important;}
.w60 {width: 60% !important;}
.w63 {width: 63% !important;}
.w66 {width: 66% !important;}
.w68 {width: 68% !important;}
.w70 {width: 70% !important;}
.w71 {width: 71% !important;}
.w72 {width: 72% !important;}
.w75 {width: 75% !important;}
.w80 {width: 80% !important;}
.w81 {width: 81% !important;}
.w82 {width: 82% !important;}
.w90 {width: 90% !important;}
.w94 {width: 94% !important;}
.w99 {width: 99% !important;}
.w100 {width: 100% !important;}

/* 숨기기 */
.hidden{
	position:absolute;
	width:0;
	height:0;
	font-size:0;
	line-height:0;
	overflow:hidden;
	visibility:hidden;
	}
a,
a:hover,
a:focus{text-decoration:none;}

/* 대체텍스트 숨김 */
.txt_hidden { left: -9999px; top:auto; width: 1px; height: 1px; overflow:hidden; position: absolute; }

/* 본문바로가기 */
#jump_menu{
	height:0;
	position:relative;
	z-index:9999;
	font-weight: 600;
	}
#jump_menu > ul > li{
	text-align:center;
	}
#jump_menu > h1{
	width:0;
	height:0;
	overflow:hidden;
	white-space:nowrap;
	}
#jump_menu > ul > li > a {
	position:absolute;
	display: block;
	color:#fff;
	font-size:1.5em;
	top:-10000px;
	left:0px;
	box-sizing: border-box;
	border:2px solid #e8405f;
	z-index:9999;
	}
#jump_menu > ul > li > a:hover,
#jump_menu > ul > li > a:focus,
#jump_menu > ul > li > a:active {
	position:absolute;
	top:0px;
	height:7px;
	padding:12px 0 31px;
	background:#ed4766;
	z-index:9999;
	width:100%;
	overflow: hidden;
	}
/* #jump_menu{
	height:0px;
	position:relative;
	z-index:9999;
	}
#jump_menu > ul > li{
	text-align:center;
	}
#jump_menu > h3{
	width:0;
	height:0;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
	}
#jump_menu > ul > li > a	{
	position:absolute;
	display: block;
	color:#555;
	font-weight:bold;
	font-size:.92em;
	top:-10000px;
	left:0px;
	border-left:2px solid #262626;
	border-right:2px solid #262626;
	border-bottom:2px solid #262626;
	z-index:9999;
	}
#jump_menu > ul > li > a:hover,
#jump_menu > ul > li > a:focus,
#jump_menu > ul > li > a:active {
	position:absolute;
	top:0px;
	height:7px;
	padding:0 10px 20px 10px;
	background:#fcfcfc;
	font-weight:bold;
	z-index:9999;
	} */
hr{
	position:absolute;
	left:-9999em;
	width:0;
	height:0;
	font-size:0;
	line-height:0;
	visibility:hidden;
	}

/* margin */
.mT5		{margin-top:5px;}
.mT10	{margin-top:10px;}
.mT15	{margin-top:15px;}
.mT20	{margin-top:20px !important;}
.mT30	{margin-top:30px !important; margin-left:-10px;}
.mT40	{margin-top:40px !important;}
.mT50	{margin-top:50px !important;}

.mR5		{margin-right:5px;}
.mR10	{margin-right:10px;}
.mR15	{margin-right:15px;}

.mB5		{margin-bottom:5px;}
.mB10	{margin-bottom:10px;}
.mB15	{margin-bottom:15px;}
.mB20	{margin-bottom:20px;}
.mB30	{margin-bottom:30px;}

.mL0	{margin-left:0 !important;}
.mL5	{margin-left:5px;}
.mL10	{margin-left:10px;}
.mL15	{margin-left:15px;}

.mT0 {margin-top:0px !important;}

/* padding */
.pT5	{padding-top:5px;}
.pT10	{padding-top:10px;}
.pT15	{padding-top:15px;}
.pB10 	{padding-bottom: 10px;}
.pB15 	{padding-bottom: 15px;}
.pB20 	{padding-bottom: 20px;}


/* position */
.posRel	{position:relative;}
.posAbs	{position:absolute;}


/* align */
.taC	{text-align:center;}
.taL	{text-align:left;}
.taR	{text-align:right;}
.jutF { text-align: justify; }

/* float */
.fL		{float:left;}
.fR		{float:right;}

/* font */
.black	{color:#000000;}
.white	{color:#ffffff;}
.gray	{color:#999999;}
.blue	{color:#186dc4;}
.red	{color:#d32532;}
.bold { font-weight: 600;}
.em { color: #e47a2d;}
.ffd { font-family: 'Dotum';}

/* col width */
.cw15 { width: 15%; }
.cw20 { width: 20%; }
.cw25 { width: 25%; }
.cw33 { width: 33.33333333333333%; }
.cw40 { width: 40%; }
.cw50 { width: 50%; }

/* button */
.btn_gray { background: #bdbdbd; border: 1px solid #a9a9a9; border-radius: 8px; color: #fff; font-weight: 600; padding: 15px; transition:all 1s; margin-left: 5px; }
.btn_gray:hover { background: #535466; border: 1px solid #46475a;}
.btn_gray.small { padding: 4px 15px; font-size: 14px; border-radius: 4px; letter-spacing: -0.5pt;}
.btn_wrap { position: relative; margin: -20px 0 40px; padding-bottom: 30px; }
.btn_wrap .btn_top { background: #bdbdbd; border: 1px solid #a9a9a9; border-radius: 20px; color: #fff; font-weight: 600; padding: 4px 15px; transition:all 1s; }
.btn_wrap .btn_top:hover { background: #535466; border: 1px solid #46475a;}
.btn_blue { background-color: #069eb4;
    border: 1px solid #017e81 !important;
    color: #fff !important;
    cursor: pointer;
    font-size: 14px !important;
    font-weight: 600;
    height: 28px;
    letter-spacing: -1px;
    line-height: 170%;
    margin: 0;
    padding: 7px 13px !important;
    border-radius: 4px;
    vertical-align: top;
    transition:all 1s; font-family:'나눔고딕','NanumGothicWeb','Nanum Gothic','Arial','Helvetica','AppleGothic','Sans-serif' !important;
}
.btn_blue:hover, .btn_ok:hover, .btn_cancel:hover, .bod_foot .btn_cancel:hover { background: #57748a; border: 1px solid #4b6980 !important; color: #fff;}
.btn_cancel { font-size: 14px !important; border-radius: 4px; font-family:'나눔고딕','NanumGothicWeb','Nanum Gothic','Arial','Helvetica','AppleGothic','Sans-serif' !important; }
.btn_ok { font-size: 14px !important; border-radius: 4px; padding: 5px 10px; background-color: #069eb4; border: 1px solid #017e81 !important;font-family:'나눔고딕','NanumGothicWeb','Nanum Gothic','Arial','Helvetica','AppleGothic','Sans-serif' !important; letter-spacing: -0.5pt;}


/* sitemap */
.sitemapLeft h4.sitemap_title, .sitemapRight  > ul > li > a, .sitemapRight > ul > li > div > ul > li > a,
.ready_msg01 { font-family:'나눔고딕','NanumGothicWeb','Nanum Gothic','Arial','Helvetica','AppleGothic','Sans-serif' !important; }
.sitemapRight  > ul > li > a { color: #666; background-position: left 13px;}
.sitemapLeft h4.sitemap_title:before { display: none;}

/* 서비스 준비중 */
.wrap_ready { border: none; background: url('../img/common/bg_ready.png') center 40% no-repeat; }
.ready_msg01 { color: #8ea0a6; font-size: 32px; font-weight: 600; margin-top: 240px;}
.ready_msg02 { color: #7f9298; font-size: 17px; font-weight: normal; padding: 3px 0 100px;}

div[id^="chorus_mem"] + .btn_wrap,
.chorus_mem + .btn_wrap {margin-top:0; clear:both;}
div[id^="chorus_mem"] + .btn_wrap .btn_top:before,
.chorus_mem + .btn_wrap .btn_top:before {display:none;}


/* 레이어팝업 */
.popup_layer .clFix.ctrl {display:block; height:35px; width:100%;background-color:#31312f;color:#ffffff; ine-height: 2; position: relative;top: -6px;}
.popup_layer .clFix.ctrl .fL {line-height:2.5;}
.popup_layer .clFix.ctrl .btn_close { position:relative; float:right; margin:3px 10px 3px 0; border:1px solid #ffffff; color:#ffffff; padding:3px 5px; cursor:pointer; background:#333;}

@media all and (max-width:1024px) {
	.popup_layer {top: 115px !important;left: 0 !important; width:100% !important;}
	.popup_layer img {width:100% !important;}
}