@charset "utf-8";
@font-face {
  font-family: 'Godo';
  font-style: normal;
  font-weight: 400;
  src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoM.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoM.woff') format('woff');
}

@font-face {
  font-family: 'Godo';
  font-style: normal;
  font-weight: 700;
  src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoB.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoB.woff') format('woff');
}

.godo * {
 font-family: 'Godo', 'Noto Sans KR Regular', 'Noto Sans CJK KR', 'Noto Sans KR', '맑은 고딕', sans-serif;
}
* {
    font-family: 'Noto Sans KR Regular', 'Noto Sans CJK KR', 'Noto Sans KR', '맑은 고딕', sans-serif;
    font-weight: 400;
	word-break: keep-all;
}
b, h1, h2, h3, h4, h5, h6, {
   , 'Noto Sans KR Bold', 'Noto Sans CJK KR', 'Noto Sans KR', '맑은 고딕', sans-serif;
    font-weight: 700 !important;
}
body {
    color: #333;
    font-size: 16px;
    word-spacing: -.5px;
    letter-spacing: -0.5px;
}

a{color:#333}
a:hover{color:#333;text-decoration:underline}

#wrap {position: relative; width: 100%; min-height: 100%; box-sizing: border-box;}

html, body{height:100%;}
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;}
table,th,tr,td {border-collapse:collapse;}

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:normal;}

textarea {overflow:auto;}

input, textarea, select {font-size:1em; vertical-align:middle;}
button {border:0px;cursor:pointer;}
img, a img, input.image {border:0 none;margin:0; padding:0;}
img{vertical-align: middle;}
hr     {display: none;}
table  {border-collapse:collapse;}

*{box-sizing: border-box;}


/* 숨기기 */
.hidden{
	position:absolute;
	width:0;
	height:0 !important;
	font-size:0 !important;
	line-height:0;
	text-indent:-9999px;
	overflow:hidden;
	}
/* 대체텍스트 숨김 */
.txt_hidden { left:-9999px; top:auto; width: 1px; height: 1px; overflow:hidden; position: absolute; }

/* 본문바로가기 */
#jump_menu{
	height:0px;
	position:relative;
	z-index:9999;
	}
#jump_menu > ul > li{
	text-align:center;
	}
#jump_menu > h1{
	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;
	line-height:30px;
	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;
	line-height:30px;
	padding:0 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;
	}

/* link */
a{
	text-decoration:none;
	}
input[type="submit"]{
	cursor:pointer;
	}

/* margin */
.mT0	{margin-top:0 !important;}
.mT3	{margin-top:3px !important;}
.mT5	{margin-top:5px !important;}
.mT10	{margin-top:10px !important;}
.mT15	{margin-top:15px !important;}
.mT20	{margin-top:20px !important;}
.mT25	{margin-top:25px !important;}
.mT27	{margin-top:27px !important;}
.mT30	{margin-top:30px !important;}
.mT35	{margin-top:35px !important;}
.mT40	{margin-top:40px !important;}
.mT50	{margin-top:50px !important;}
.mT60	{margin-top:60px !important;}
.mT70	{margin-top:70px !important;}
.mT85	{margin-top:85px !important;}

.mR0	{margin-right:0px !important;}
.mR5	{margin-right:5px !important;}
.mR8	{margin-right:8px !important;}
.mR10	{margin-right:10px !important;}
.mR15	{margin-right:15px !important;}
.mR20	{margin-right:20px !important;}
.mR25	{margin-right:25px !important;}
.mR30	{margin-right:30px !important;}
.mR35	{margin-right:35px !important;}
.mR40	{margin-right:40px !important;}

.mB0	{margin-bottom:0px !important;}
.mB5	{margin-bottom:5px !important;}
.mB10	{margin-bottom:10px !important;}
.mB15	{margin-bottom:15px !important;}
.mB20	{margin-bottom:20px !important;}
.mB25	{margin-bottom:25px !important;}
.mB30	{margin-bottom:30px !important;}
.mB35	{margin-bottom:30px !important;}
.mB40	{margin-bottom:40px !important;}
.mB50	{margin-bottom:50px !important;}
.mB60	{margin-bottom:60px !important;}
.mB70	{margin-bottom:70px !important;}

.mL0	{margin-left:0px !important;}
.mL5	{margin-left:5px !important;}
.mL8	{margin-left:8px !important;}
.mL10	{margin-left:10px !important;}
.mL11	{margin-left:11px !important;}
.mL15	{margin-left:15px !important;}
.mL20	{margin-left:20px !important;}
.mL23	{margin-left:23px !important;}
.mL25	{margin-left:25px !important;}
.mL30	{margin-left:30px !important;}
.mL35	{margin-left:35px !important;}
.mL40	{margin-left:40px !important;}
.mL65	{margin-left:65px !important;}
.mL175	{margin-left:175px !important;}

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


/* padding */
.pT5	{padding-top:5px !important;}
.pT10	{padding-top:10px !important;}
.pT15	{padding-top:15px !important;}
.pT20	{padding-top:20px !important;}
.pT25	{padding-top:25px !important;}
.pT30	{padding-top:30px !important;}
.pT35	{padding-top:35px !important;}
.pT40	{padding-top:40px !important;}
.pT45	{padding-top:45px !important;}
.pT50	{padding-top:50px !important;}
.pT60	{padding-top:60px !important;}
.pT66	{padding-top:66px !important;}
.pT70	{padding-top:70px !important;}

.pR5	{padding-right:5px !important;}
.pR10	{padding-right:10px !important;}
.pR15	{padding-right:15px !important;}
.pR20	{padding-right:20px !important;}
.pR25	{padding-right:25px !important;}
.pR30	{padding-right:30px !important;}
.pR35	{padding-right:35px !important;}
.pR40	{padding-right:40px !important;}

.pB5	{padding-bottom:5px !important;}
.pB10	{padding-bottom:10px !important;}
.pB15	{padding-bottom:15px !important;}
.pB20	{padding-bottom:20px !important;}
.pB25	{padding-bottom:25px !important;}
.pB30	{padding-bottom:30px !important;}
.pB35	{padding-bottom:35px !important;}
.pB40	{padding-bottom:40px !important;}
.pB50	{padding-bottom:50px !important;}
.pB100	{padding-bottom:100px !important;}

.pL5	{padding-left:5px !important;}
.pL10	{padding-left:10px !important;}
.pL15	{padding-left:15px !important;}
.pL20	{padding-left:20px !important;}
.pL25	{padding-left:25px !important;}
.pL30	{padding-left:30px !important;}
.pL35	{padding-left:35px !important;}
.pL40	{padding-left:40px !important;}
.pL70	{padding-left:70px !important;}

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


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

/* table */
.tbl {margin-top: 10px;}

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

/* font */
.black	{color:#000000;}
.white	{color:#ffffff;}
.gray	{color:#999999;}
.blue	{color:#186dc4 !important;}
.red	{color:#d32532 !important;}
.em {color: #f88037;}
.orange {color:#ff5426;}

/* font-size */
.fsz12{font-size:12px;}
.fsz20{font-size:20px;}
.fsz25{font-size:25px;}
.fsz30{font-size:30px;}

/* width */
.wp3 { width: 3% }
.wp4 { width: 4% }
.wp5 { width: 5%; }
.wp6 { width: 6%; }
.wp7 { width: 7%; }
.wp8 { width: 8%; }
.wp9 { width: 9%; }
.wp10 { width: 10%; }
.wp11 { width: 11%; }
.wp12 { width: 12%; }
.wp13 { width: 13%; }
.wp14 { width: 14%; }
.wp15 { width: 15%; }
.wp16 { width: 16%; }
.wp17 { width: 17%; }
.wp18 { width: 18%; }
.wp19 { width: 19%; }
.wp20 { width: 20%; }
.wp21 { width: 21%; }
.wp22 { width: 22%; }
.wp23 { width: 23%; }
.wp24 { width: 24%; }
.wp25 { width: 25%; }
.wp26 { width: 26%; }
.wp27 { width: 27%; }
.wp28 { width: 28%; }
.wp29 { width: 29%; }
.wp30 { width: 30%; }
.wp31 { width: 31%; }
.wp32 { width: 32%; }
.wp33 { width: 33%; }
.wp34 { width: 34%; }
.wp35 { width: 35%; }
.wp36 { width: 36%; }
.wp37 { width: 37%; }
.wp38 { width: 38%; }
.wp39 { width: 39%; }
.wp40 { width: 40%; }
.wp45 { width: 45%; }
.wp50 { width: 50%; }
.wp60 { width: 60%; }
.wp70 { width: 70%; }
.wp80 { width: 80%; }
.wp90 { width: 90%; }
.wp100 { width:100%; }

/* width */
.w1 { width: 1% }
.w2 { width: 2% }
.w3 { width: 3% }
.w4 { width: 4% }
.w5 { width: 5% }
.w6 { width: 6% }
.w7 { width: 7% }
.w8 { width: 8% }
.w9 { width: 9% }
.w10 { width: 10% }
.w11 { width: 11% }
.w12 { width: 12% }
.w13 { width: 13% }
.w14 { width: 14% }
.w15 { width: 15% }
.w16 { width: 16% }
.w17 { width: 17% }
.w18 { width: 18% }
.w19 { width: 19% }
.w20 { width: 20% }
.w21 { width: 21% }
.w22 { width: 22% }
.w23 { width: 23% }
.w24 { width: 24% }
.w25 { width: 25% }
.w26 { width: 26% }
.w27 { width: 27% }
.w28 { width: 28% }
.w29 { width: 29% }
.w30 { width: 30% }
.w31 { width: 31% }
.w32 { width: 32% }
.w33 { width: 33% }
.w34 { width: 34% }
.w35 { width: 35% }
.w36 { width: 36% }
.w37 { width: 37% }
.w38 { width: 38% }
.w39 { width: 39% }
.w40 { width: 40% }
.w41 { width: 41% }
.w42 { width: 42% }
.w43 { width: 43% }
.w44 { width: 44% }
.w45 { width: 45% }
.w46 { width: 46% }
.w47 { width: 47% }
.w48 { width: 48% }
.w49 { width: 49% }
.w50 { width: 50% }
.w51 { width: 51% }
.w52 { width: 52% }
.w53 { width: 53% }
.w54 { width: 54% }
.w55 { width: 55% }
.w56 { width: 56% }
.w57 { width: 57% }
.w58 { width: 58% }
.w59 { width: 59% }
.w60 { width: 60% }
.w61 { width: 61% }
.w62 { width: 62% }
.w63 { width: 63% }
.w64 { width: 64% }
.w65 { width: 65% }
.w66 { width: 66% }
.w67 { width: 67% }
.w68 { width: 68% }
.w69 { width: 69% }
.w70 { width: 70% }
.w71 { width: 71% }
.w72 { width: 72% }
.w73 { width: 73% }
.w74 { width: 74% }
.w75 { width: 75% }
.w76 { width: 76% }
.w77 { width: 77% }
.w78 { width: 78% }
.w79 { width: 79% }
.w80 { width: 80% }
.w81 { width: 81% }
.w82 { width: 82% }
.w83 { width: 83% }
.w84 { width: 84% }
.w85 { width: 85% }
.w86 { width: 86% }
.w87 { width: 87% }
.w88 { width: 88% }
.w89 { width: 89% }
.w90 { width: 90% }
.w91 { width: 91% }
.w92 { width: 92% }
.w93 { width: 93% }
.w94 { width: 94% }
.w95 { width: 95% }
.w96 { width: 96% }
.w97 { width: 97% }
.w98 { width: 98% }
.w99 { width: 99% }
.w100 { width: 100% }

.wb_ka{word-break: keep-all;}
.wb_ka *{word-break: keep-all !important;}

.cB:after { content: ''; display: block; clear: both;}

.on {display:block;}
.hide {position: absolute; left: -5000px; width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden;}

/* conts */
#conts h4 ~ div, #conts h4 ~ p, #conts h4 ~ .list_ul, #conts h4 ~ .list_num, #conts h4 ~ .step {margin: 15px 0 0 30px;}
#conts h5 ~ div, #conts h5 ~ p, #conts h5 ~ .list_ul, #conts h5 ~ .list_num, #conts h5 ~ .step {margin: 15px 0 0 40px;}

/* box */
.box_h4, .box_h5{font-size: 15px;}

/* #conts h6 ~ div, #conts h6 ~ p, #conts h6 ~ .list_ul, #conts h6 ~ .list_num, #conts h6 ~ .step {margin: 15px 0 0 47px;} */

.Thead tbody tr:first-child td, .Thead tbody tr:first-child th {border-top: 2px solid #6c85bd;}
.tbl thead th {border-bottom: none;}


/* 개인정보수집동의 */
.pt_b { font-size:16px; font-weight:600; display:inline-block; }


/* 테이블 */
.tbl_guide {display: none; text-align:left;}


/* 이미지 */
.conts img {max-width: 100%; height: auto;}
.box_img img {max-width: 100%;}
.img_respon {position: relative;}
.box_img {margin-top: 20px; text-align: center;}
.img_respon .img_bigView {display: none;}
.box_line {border: 2px solid #d7d9dd; padding: 10px; text-align: center;}

@media screen and (max-width:768px) {
	.img_respon .img_bigView, .img_respon a[target="_blank"].img_bigView {text-indent: -9999px; display: block; width: 30px; height: 30px; background: rgba(0, 0, 0, 0.5) url(/common/images/common/ico_bigView.png) no-repeat center center !important; padding: 0 !important; position: absolute; top:calc(50% - 15px); left:calc(50% - 15px);}


}

/* 반응형 */
@media screen and (max-width:767px) {
	.box, .tbl_h4, h4 + .tbl_wrap, .tbl_h5, h5 + .tbl_wrap, .tbl_h6, h6 + .tbl_wrap, .conts h6 ~ div, .h4, .h5, .h6, .box_img {margin-left: 0 !important;}

}
@media screen and (max-width:768px) {
	.box, .tbl_h4, h4 + .tbl_wrap, .tbl_h5, h5 + .tbl_wrap, .tbl_h6, h6 + .tbl_wrap, .conts h6 ~ div, .h4, .h5, .h6, .box_img {margin-left: 23px;}
	.table_st { width: 100%; overflow: hidden; overflow-x: scroll;}
	.tbl_guide { display: block; padding: 4px 0 0 18px; color: #3547ad; font-size: 13px; background: url(/common/images/common/ico_tbl_guide.gif) 2px 8px no-repeat; line-height: 1.5em;}
	.table_st .tbl {width: 729px;}
	#conts h4 ~ div, #conts h4 ~ p, #conts h4 ~ .list_ul, #conts h4 ~ .list_num, #conts h4 ~ .step, #conts h5 ~ div, #conts h5 ~ p, #conts h5 ~ .list_ul, #conts h5 ~ .list_num, #conts h5 ~ .step, #conts h5 ~ .down_list, #conts h5, #pop_container h5, #conts h6, #pop_container h6,#conts h6 ~ div, #conts h6 ~ p, #conts h6 ~ .list_ul, #conts h6 ~ .list_num, #conts h6 ~ .step {margin-left: 10px;}
}

label, select, input{font-family:'나눔고딕','NanumGothicWeb','Nanum Gothic', "굴림","돋움","Arial","Helvetica","AppleGothic","Sans-serif"; letter-spacing:-1px;}