@charset "utf-8";

/* Font */
@font-face {
	font-family:MalgunGothic; 
	src:url(/data/file/MalgunGothic.eot);
}
/* 나눔고딕 regular */
@font-face {
    font-family:'Nanum Gothic';	
    src: url('/tpl/webfont/NanumGothic.eot');
    src: url('/tpl/webfont/NanumGothic.eot?#iefix') format('embedded-opentype'),
         url('/tpl/webfont/NanumGothic.woff') format('woff'),
         url('/tpl/webfont/NanumGothic.ttf') format('truetype');   
}
/* 나눔고딕 Light */
@font-face {
    font-family:'Nanum Gothic';
    font-weight:300;
    src: url('/tpl/webfont/NanumGothicLight.eot');
    src: url('/tpl/webfont/NanumGothicLight.eot?#iefix') format('embedded-opentype'),
         url('/tpl/webfont/NanumGothicLight.woff') format('woff'),
         url('/tpl/webfont/NanumGothicLight.ttf') format('truetype');   
}
/* 나눔고딕 bold (굵기가 있는 경우) */
@font-face {
    font-family:'Nanum Gothic';
    font-weight:700;
    src: url('/tpl/webfont/NanumGothicBold.eot');
    src: url('/tpl/webfont/NanumGothicBold.eot?#iefix') format('embedded-opentype'),
         url('/tpl/webfont/NanumGothicBold.woff') format('woff'),
         url('/tpl/webfont/NanumGothicBold.ttf') format('truetype');   
}
@font-face {
    font-family:'Nanum Gothic';
    font-weight:900;
    src: url('/tpl/webfont/NanumGothicExtraBold.eot');
    src: url('/tpl/webfont/NanumGothicExtraBold.eot?#iefix') format('embedded-opentype'),
         url('/tpl/webfont/NanumGothicExtraBold.woff') format('woff'),
         url('/tpl/webfont/NanumGothicExtraBold.ttf') format('truetype');   
}


/*Defalut */
* {margin:0; padding:0}
body, td, th, div, span, input, select, textarea { font-family:'NanumGothic','나눔고딕'; font-size: 14px;color:#7c7b7b; line-height:1.2; }
body { height:100%; overflow-y:scroll; *overflow-y:; -webkit-text-size-adjust:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,span,table,th,td,textarea {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
ul,ol,dl,dd,dt,li {list-style-type:none;}
img,th,td,fieldset,iframe { border:0; }
img {border:0;vertical-align:top;outline:none}
table,tbody,tfoot,thead,tr,th,td {border-collapse:collapse;}
textarea { border:1px solid #d1d1d1; height:120px; }
input,select,label { vertical-align:middle; }

/* Link */
a:link    { color:#7c7b7b; text-decoration: none; }
a:visited { text-decoration: none; }
a:hover   { color:#0b96d4; text-decoration: underline;  }
a:active  { color:#0b96d4; text-decoration: none;}

/* Common */
.bold_black { color:#000; font-weight:bold; }
.gray_font_11 { font-size: 11px; color: #797979; }
#main-wrap {
	width:100%; 
	background:url('/images/kor07-14-0166/main/main-visual.jpg') no-repeat center top/cover;
	background-attachment: fixed;
}
#header{width:100%; height:120px; background:url('/images/kor07-14-0166/common/header-bg.png') repeat-x center top;}
#header > div {position:relative; width:980px; margin:0 auto;}
#header > div:after {content:'';display:block;clear:both;}
#header h1 {float:left; margin-top:3px}
#topmenu {float:left; /* margin-left:70px; */}
#login {position:absolute; top:34px; right:0; width:250px; text-align:right;}
#login a { padding-left:6px; }
#login a:first-child {padding-left:0;}
#footer {width:100%; padding:10px 0; background:#dfdfdf;}

/* main visual */
#visual { width:980px; height:750px; margin:0 auto; text-align:center;}
#visual .visual-area {padding-top:200px;}
#visual .visual-area ul {display:flex; justify-content: center; margin-top: 80px;}
#visual .visual-area li {align-content: center; padding: 0 30px;}

/* sub visual */
#sub-visual { width:980px; height:210px; margin:0 auto; text-align:center;}
#sub-visual p {padding-top:80px;}

/* sub common */
#sub-wrap { width:100%; background: url('/images/kor07-14-0166/sub/sub-visual.jpg') no-repeat top center;}
.con_txt p {font-size:16px; color:#444; line-height:1.5; letter-spacing:-0.5px; word-break: keep-all; white-space: pre-line; margin-bottom:25px;}
.con_txt p:last-child {margin-bottom:0;}

/* sub1_1 */
.sub1_1 {display: flex; justify-content: space-between;}
.sub1_1 .text-area {padding-left: 30px;}
.sub1_1 .text-area p strong {color:#0c6c5f;}
.sub1_1 .text-area p span {color:#ed1c24; font-size: inherit;}
.con_txt.sub1_1 .text-area p:first-child {font-size:24px; font-weight:700; line-height:1.3;}

/* sub1_2 */
.sub1_2 table {width:100%; border-top:2px solid #222; margin-top:25px;}
.sub1_2 th {font-weight:500; color:#222 !important; background:#f9f9f9; text-align:center;}
.sub1_2 td {padding-left:30px !important;}
.sub1_2 td a {color:inherit}
.sub1_2 th, .sub1_2 td {
	height:50px; 
	font-size: 16px;
	color: #444;
	line-height: 1.3;
	letter-spacing: -0.5px;
	word-break: keep-all;	
	padding:5px;
	border-bottom:1px solid #ddd;
}

/* sub1_4 */
.sub1_4 .root_daum_roughmap {width:100%;}
.sub1_4 .root_daum_roughmap .cont {display:none;}
.sub1_4 table {width:100%; margin-top:20px; border:1px solid #e5e5e5;}
.sub1_4 table tr{border-top:1px solid #e5e5e5; height:45px;}
.sub1_4 table tr:first-child {border-top:0;}
.sub1_4 table th, .sub1_4 table td {font-size:16px; color:#444; letter-spacing:-0.5px;}
.sub1_4 table th {border-right:1px solid #e5e5e5; width:110px; padding-left:20px; text-align:left; font-weight:500; background-color:#f9f9f9;}
.sub1_4 table td {padding-left:20px; }
.sub1_4 table td a:link {color:#444;}
.sub1_4 table td a:hover {color:#ed1c24; text-decoration:none;}

/* sub2 */
.sub2 table {width:100%; border-collapse: collapse; border:1px solid #ddd;}
.sub2 table th,.sub2 table td {font-size:15px; color:#444; letter-spacing:-0.5px; line-height:1.3; padding:10px 20px; height:50px; word-break: keep-all;}
.sub2 table thead th {background:#9dc3be; color:#222 !important; text-align:center; border-left:1px solid #f3fffd;}
.sub2 table thead th:first-child {border-left:0;}
.sub2 table tbody th {color:#0c6c5f; font-weight:500; text-align:center;}
.sub2 table tbody th,.sub2 table tbody td {border-bottom:1px solid #ddd;}
.sub2 table tbody td {border-left:1px solid #ddd;}
.sub2 table tbody tr > td:nth-of-type(1) {text-align:center;}

/* sub2_2 */
.sub2_2 h4 {font-size:24px; font-weight:500; color:#222; margin-top:60px; margin-bottom:15px;}
.sub2_2 h4 span {font-size:inherit; color:inherit; font-weight:400;}
.sub2_2 > h4:nth-of-type(1) {margin-top:0;}
.sub2_2 > div:nth-of-type(2) {display:flex; justify-content: space-between;flex-wrap: wrap;}
.sub2_2 > div:nth-of-type(2) table {width:48%;}
.sub2_2 > div:nth-of-type(2) table:nth-of-type(1) {margin-right:2%;}


/* sub2_4 */
.sub2_4 h4 {font-size:24px; font-weight:500; color:#222; margin-top:60px; margin-bottom:15px;}
.sub2_4 > h4 {margin-top:0;}
.sub2_4 h4:before {content:'';display:block; width:40px; height:5px; background:#0c6c5f; margin-bottom:15px;}
.sub2_4 img {padding-top:40px;}