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

/*비전*/
.policies_img {margin-left:-100px; padding-top:20px; width : 630px;}

/* reset */
* {margin:0; padding:0;}
ul li {list-style-type:none;}
a {text-decoration:none; color:#333;}
img, fieldset {border:0;}
hr {display:none;}
table {border-collapse:collapse;}
.hidden {clear:both; position:absolute; top:-9999px;}



/* common */
/*::selection {color:#fff; background:#ac914a;}*/
html, body {width:100%; height:100%;}
body {font-family:"SimSun","돋움",Dotum,"굴림",Gulim,AppleGothic,sans-serif; font-size:14px; line-height:1; color:#333; letter-spacing:0;}
select {font-family:"SimSun","돋움",Dotum,"굴림",Gulim,AppleGothic,sans-serif; font-size:14px; vertical-align:middle;}



/* color */
.red {color:#c00 !important;}
.orange {color:#c55300 !important;}
.yellow {color:#ffdf50 !important;}
.cyan {color:#009999 !important;}
.skyblue {color:#2373b7 !important;}
.blue {color:#405acc !important;}
.purple {color:#6a4cce !important;}
.gold {color:#8d5b07 !important;}
.gray {color:#333134 !important;}
.khaki {color:#4e7f00 !important;}
.scarlet {color:#cc3366 !important;}
.pink {color:#cc0066 !important;}
.olive {color:#4e7f00 !important;}



/* background-color */
.bgcYellow {background-color:#fdfcc6 !important;}
.bgcBlue {background-color:#d6f3fe !important;}
.bgcGray {background-color:#757575 !important;}



/* margin & padding : space */
.mar_t0 {margin-top:0 !important;}
.mar_t2 {margin-top:2px !important;}
.mar_t3 {margin-top:3px !important;}
.mar_t5 {margin-top:5px !important;}
.mar_t7 {margin-top:7px !important;}
.mar_t8 {margin-top:8px !important;}
.mar_t10 {margin-top:10px !important;}
.mar_t12 {margin-top:12px !important;}
.mar_t13 {margin-top:13px !important;}
.mar_t14 {margin-top:14px !important;}
.mar_t15 {margin-top:15px !important;}
.mar_t16 {margin-top:16px !important;}
.mar_t17 {margin-top:17px !important;}
.mar_t18 {margin-top:18px !important;}
.mar_t19 {margin-top:19px !important;}
.mar_t20 {margin-top:20px !important;}
.mar_t22 {margin-top:22px !important;}
.mar_t23 {margin-top:23px !important;}
.mar_t25 {margin-top:25px !important;}
.mar_t30 {margin-top:30px !important;}
.mar_t35 {margin-top:35px !important;}

.mar_r0 {margin-right:5px !important;}
.mar_r10 {margin-right:10px !important;}

.mar_b0 {margin-bottom:0 !important;}
.mar_b5 {margin-bottom:5px !important;}
.mar_b20 {margin-bottom:20px !important;}
.mar_b25 {margin-bottom:25px !important;}
.mar_b30 {margin-bottom:30px !important;}

.mar_l0 {margin-left:0 !important;}
.mar_l5 {margin-left:5px !important;}
.mar_l10 {margin-left:10px !important;}
.mar_l11 {margin-left:11px !important;}
.mar_l14 {margin-left:14px !important;}
.mar_l15 {margin-left:15px !important;}
.mar_l18 {margin-left:18px !important;}
.mar_l20 {margin-left:20px !important;}
.mar_l50 {margin-left:50px !important;}
.mar_l60 {margin-left:60px !important;}

.pad_b0 {padding-bottom:0 !important;}
.pad_b3 {padding-bottom:3px !important;}
.pad_b5 {padding-bottom:5px !important;}
.pad_b10 {padding-bottom:10px !important;}
.pad_b15 {padding-bottom:15px !important;}
.pad_b20 {padding-bottom:20px !important;}
.pad_b22 {padding-bottom:22px !important;}
.pad_b25 {padding-bottom:25px !important;}
.pad_b30 {padding-bottom:30px !important;}
.pad_b32 {padding-bottom:32px !important;}

.pad_l0 {padding-left:0 !important;}
.pad_l10 {padding-left:10px !important;}
.pad_l15 {padding-left:15px !important;}
.pad_l16 {padding-left:16px !important;}
.pad_l18 {padding-left:18px !important;}



/* width */
ul.half {overflow:hidden;}
ul.half li {float:left; width:50%;}

.wps6 {width:6%;}
.wps9 {width:9%;}
.wps10 {width:10%;}
.wps12 {width:12%;}
.wps13 {width:13%;}
.wps15 {width:15%;}
.wps16 {width:16%;}
.wps18 {width:18%;}
.wps20 {width:20%;}
.wps25 {width:25%;}
.wps30 {width:30%;}
.wps31 {width:31%;}
.wps40 {width:40%;}
.wps45 {width:45%;}
.wps48 {width:48%;}
.wps50 {width:50%;}
.wps55 {width:55%;}
.wps60 {width:60%;}
.wps70 {width:70%;}
.wps80 {width:80%;}



/* array */
.txtL {text-align:left;}
.txtC {text-align:center;}
.txtR {text-align:right;}
.txtJ {text-align:justify;}
.txtT {vertical-align:top;}
.floatR {float:right !important;}
.floatL {float:left !important}
.clear {clear:both !important;}
.full {width:100%; overflow:hidden;}



/* span & strong */
.line {text-decoration:underline;}
.bold {font-weight:bold;}



/* button */
input.btnM {border:0;}

.btnL {display:inline-block; height:35px; padding:0 24px 0; border-radius:6px 6px; border:0; font-weight:normal; font-size:17px; line-height:31px; color:#fff; background:#00a3a8; letter-spacing:-0.08em;}
.btnM {display:inline-block; height:30px; padding:0 24px 0; border-radius:5px 5px; border:0; font-weight:bold; font-size:15px; line-height:29px; color:#fff; background:#00a3a8;}
.btnS {display:inline-block; height:19px; padding:0 24px 0; border-radius:4px 4px; border:0; font-weight:bold; font-size:12px; line-height:16px; color:#fff; background:#00a3a8;}

.btn_gray {height:22px; padding:0 12px 0; border-radius:4px 4px; border:0; font-weight:bold; font-size:12px; line-height:16px; color:#fff; background:#999;}

.btL {display:inline-block; height:31px; padding:0 24px 0; border:2px solid #00a3a8; border-radius:8px 8px; font-weight:bold; font-size:18px; line-height:27px; color:#00a3a8; background:#ebf8f8;}
.btM {display:inline-block; height:26px; padding:0 24px 0; border:2px solid #00a3a8; border-radius:6px 6px; font-weight:bold; font-size:15px; line-height:25px; color:#00a3a8; background:#ebf8f8;}
.btS {display:inline-block; height:17px; padding:0 24px 0; border:1px solid #00a3a8; border-radius:4px 4px; font-weight:bold; font-size:12px; line-height:14px; color:#00a3a8; background:#ebf8f8;}



/* 날짜기준 */
.standard {position:absolute; top:11px; right:0; font-weight:bold; font-size:0.6em; letter-spacing:0.03em;}



/* 단위 */
.unit {position:absolute; top:0; right:0; font-weight:normal; font-size:14px;}



/* 검색 */
.page_search {overflow:hidden; padding-bottom:10px;}
.page_search select {float:left; height:26px;}
.page_search input {float:left; margin-left:6px;}
.page_search input.txt {height:24px; border:1px solid #ccc;}
.page_search input.btn {height:26px; line-height:26px; padding:0 10px; border:0; border-radius:4px 4px; font-size:0.9em; color:#fff; background:#00a3a8;}



/* tabType */
.tabMenu {overflow:hidden; margin-bottom:37px;}
.tabMenu li {float:left; margin:0 3px 3px 0;}
.tabMenu li a {display:block; padding:0 10px; height:35px; line-height:35px; color:#444; background:#f8f8f8; border:1px solid #ccc;}
.tabMenu li a:hover,
.tabMenu li.active a {background:#066; border:1px solid #033; color:#fff;}

.box_mnu_wrap {overflow:hidden; margin-bottom:32px; border-top:2px solid #82a800; border-left:1px solid #999;}
.box_mnu {float:left; width:100%; overflow:hidden;}
.box_mnu li {float:left; width:25%;}
.box_mnu li.tab_bg_on {/*background:url('/design/ko/img/common/boxmnu_bg.gif') no-repeat 94% center;*/}
.box_mnu li.tab_bg_on a {font-weight:bold; color:#4a5f3e;}
.box_mnu li a {display:block; height:36px; line-height:36px; padding:0 0 0 12px; font-size:1em; letter-spacing:-0.1em; border-right:1px solid #999; border-bottom:1px solid #999;}
.box_mnu li a:hover {font-weight:bold; color:#4a5f3e;}


.tabType_01 {width:100%; overflow:hidden;}
.tabType_01 li {float:left; width:31.666%; margin:0 0 6px 2.5%; background:url('/design/ko/img/common/i_blank.gif') no-repeat 90% center;}
.tabType_01 li:nth-child(3n-2) {margin-left:0;}
.tabType_01 a {display:block; padding-bottom:3px; border:1px solid #ccc; font-size:0.95em; color:#333; text-align:center;}
.tabType_01 a:hover {padding-bottom:2px; border-bottom:2px solid #00a3a8; text-decoration:none !important; font-weight:bold; color:#00a3a8;}


/* 목록 */
.depth_01 {margin:0 0 15px 20px;}
.depth_01 > li,.dep_01 {margin:0; padding:0 0 0 11px; line-height:1.9; background:url('/design/ko/img/common/depth_01.gif') no-repeat 0 10px;}
.depth_01 > li.no {background:none !important;}

.depth_02 {margin:0;}
.depth_02 > li,.dep_02 {margin:0; padding:0 0 0 11px; background:url('/design/ko/img/common/depth_02.gif') no-repeat 0 14px;}
.depth_02 > li.no {background:none !important;}

.depth_03 {margin:0;}
.depth_03 > li,.dep_03 {margin:0; padding:0 0 0 11px; background:url('/design/ko/img/common/depth_03.gif') no-repeat 1px 12px;}
.depth_03 > li.no {background:none !important;}
.depth_03 > li > ul > li {padding:0;}
.depth_03 > li > ul > li > span.asterisk {vertical-align:middle; line-height:1;}

.depth_no {margin:0;}
.depth_no > li {margin:0; padding:0; background:none;}



/* table */
.table_01 {width:100%; margin:8px 0; border-top:1px solid #777; border-left:1px solid #999;}
.table_01 caption {position:absolute; top:-9999px;}
.table_01 thead th {padding:4px 0 8px 0; border-bottom:1px solid #999; border-right:1px solid #999; vertical-align:middle; text-align:center; background-color:#f7f7f7; color:#333;}
.table_01 tbody th {padding:4px 0 8px 0; border-bottom:1px solid #999; border-right:1px solid #999; vertical-align:middle; text-align:center; background-color:#fff;}
.table_01 tbody td {padding:4px 0 8px 0; border-bottom:1px solid #999; border-right:1px solid #999; vertical-align:middle; text-align:center;}
.table_01 tbody th.txtL,.table_01 tbody td.txtL {padding-left:12px; padding-right:12px; text-align:left;}
.table_01 tbody td.noSpace {padding:0;}
.table_01 tbody td img {vertical-align:middle;}
.table_01 tfoot th {padding:4px 0 8px 0; border-bottom:1px solid #999; border-right:1px solid #999; vertical-align:middle; text-align:center; background-color:#f5f5f5;}
.table_01 tfoot td {padding:4px 0 8px 0; border-bottom:1px solid #999; border-right:1px solid #999; vertical-align:middle; text-align:center;}

.table_02 {width:100%; margin:8px 0; border-right:1px solid #999;}
.table_02 caption {position:absolute; top:-9999px;}
.table_02 th {padding:4px 0 8px 0; border:1px solid #999; vertical-align:middle; text-align:center; background-color:#f7f7f7; color:#333;}
.table_02 tr:first-child th,
.table_02 tr:first-child td {border-top:1px solid #777;}
.table_02 td {padding:4px 0 8px 0; border:1px solid #999; vertical-align:middle; text-align:center;}
.table_02 th.txtL,.table_02 td.txtL {padding-left:12px; padding-right:12px; text-align:left;}
.table_02 td.noSpace {padding:0;}
.table_02 td img {vertical-align:middle;}

.table_03 {width:100%; margin:8px 0; border-top:2px solid #27697b; font-size:13px;}
.table_03 caption {display:none;}
.table_03 th {height:43px; padding:0 0 2px 12px; vertical-align:middle; border-bottom:1px solid #d5d5d5; text-align:left; background-color:#ebf6f1; color:#27697b;}
.table_03 th.txtC {text-align:center; padding-left:0;}
.table_03 td {height:43px; padding:0 0 2px 12px; vertical-align:middle; border-bottom:1px solid #999; text-align:left;}
.table_03 td {padding-left:12px; padding-right:12px; }

table td input {vertical-align:middle;} 
table.firstL td:first-of-type,
table.lastL td:last-of-type {padding-left:12px; padding-right:12px; text-align:left;}
table.tdL td {padding-left:12px; padding-right:12px; text-align:left !important;}
table.tdT td {vertical-align:top;}



/* box */
.br {border:1px solid #ccc;}
.basic_box {padding:12px 20px 16px 20px; border-top:1px solid #009999; border-bottom:1px solid #ddd; background:#fbfbfb;}

.txt_box01 {padding:17px 24px 21px 24px; border:1px solid #999; border-top:1px solid #777; background-color:#f7f7f7; overflow:hidden;}
.txt_box02 {padding:17px 24px 21px 24px; border:1px solid #999; border-top:1px solid #00a3a8; background-color:#edf9f9;}

.img_box {margin-bottom:19px; padding:0; line-height:0; border:1px solid #999; border-top:1px solid #777; text-align:center;}
.img_box01 {margin-bottom:19px; padding:30px 0; border:1px solid #999; border-top:1px solid #777; background:#f7f7f7; text-align:center;}
.img_box02 {margin-bottom:19px; padding:30px 0; border:1px solid #999; border-top:1px solid #777; background:#ffffff; text-align:center;}

.round_box01 {padding:12px 12px 0 12px; border:1px solid #999; border-top:1px solid #777; border-radius:6px 6px; background:#f7f7f7;}



/* heading tag */
h4,.h4 {position:relative; margin-top:35px; padding:7px 0 12px 0; font-size:1.6em; color:#333; background:url('/design/ko/img/common/h4_3.gif') no-repeat 0 0;}
h4:first-child {margin-top:0;}
h5,.h5 {position:relative; margin-top:30px; padding:0 0 0 40px; font-weight:600; font-size:1.6em; color:#333; background:url('/design/eng/img/common/h4.gif') no-repeat 0 4px;}
h6,.h6 {position:relative; padding:0 0 2px 20px; font-size:15px; color:#333; background:url('/design/eng/img/common/h5.gif') no-repeat 0 6px;}
.h6_1 {position:relative; padding:0 0 2px 15px; font-size:15px; background:url('/design/ko/img/common/h5_1.gif') no-repeat 0 10px;}



/* 관련사이트 */
.screen {min-height:193px; overflow:hidden; padding:50px; border:1px solid #999; border-top:1px solid #777; background-color:#f7f7f7;}
.screen dt.h4 {margin-top:0; letter-spacing:-0.06em;}
.screen dd {width:55%;}
.screen li span {display:inline-block; width:180px;}
.screen_1 {background:#f7f7f7 url('/design/ko/img/sub03/screen_1.png') no-repeat right 10px;}
.screen_2 {background:#f7f7f7 url('/design/ko/img/sub03/screen_2.png') no-repeat right 73px;}
.screen_4 {background:#f7f7f7 url('/design/ko/img/sub03/screen_4.png') no-repeat right 10px;}
.screen_5 {background:#f7f7f7 url('/design/ko/img/sub03/screen_5.png') no-repeat right 10px;}
.screen_6 {background:#f7f7f7 url('/design/ko/img/sub03/screen_6.png') no-repeat right 10px;}
.screen_7 {background:#f7f7f7 url('/design/ko/img/sub01/screen_7.png') no-repeat right 10px;}
.screen_8 {background:#f7f7f7 url('/design/ko/img/sub01/screen_8.png') no-repeat right 10px;}
.screen_9 {background:#f7f7f7 url('/design/ko/img/sub01/screen_9.png') no-repeat right 10px;}
.screen_qr {height:320px; padding-left:320px; background:#f7f7f7 url('/design/ko/img/sub03/screen_3.png') no-repeat 80px 50px;}
.screen_qr li:first-child {margin-right:60px;}



@media ( max-width: 880px ) {
.table_01 thead th {padding-bottom:6px; font-size:0.9em; line-height:1.5;}
.table_01 tbody th {padding-bottom:6px; font-size:0.9em; line-height:1.5;}
.table_01 tbody td {padding-bottom:6px; font-size:0.9em; line-height:1.5;}

.img_box02 img {width:90%;}


.mwp90 {width:90%;}
.mwp100 {width:100%;}


.tabType_01 li {width:49%; margin-left:2%; background-position:97% center;}
.tabType_01 li:nth-child(4) {margin-left:2%;}
.tabType_01 li:nth-child(2n-1) {margin-left:0;}
.tabType_01 li a {font-size:0.9em; letter-spacing:-0.08em;}

.screen {/*background-image:none;*/padding:300px 30px 40px 30px; background-position:center 0;}
.screen dd {width:100%;}
.screen_qr {height:314px; margin-left:0; padding-top:40px; padding-left:30px; background-image:none;}
.screen_qr ul {width:100%; overflow:hidden;}
.screen_qr li {width:50%;}
.screen_qr li:first-child {margin-right:0;}

}

/* 관련사이트 */
.siteWrap {padding:2.5% 2.5% 2.5% 0; border:1px solid #999; border-top:1px solid #777; overflow:hidden;}
.siteWrap .logo {float:left; /*display:table-cell;*/ width:32.5%; height:100%; padding:0 0 0 0 !important; text-align:center; font-size:0; line-height:0;}
.siteWrap .butn {float:right; display:inline-block; height:19px; margin-top:7px; padding:1px 24px 1px; border-radius:4px 4px; border:0; font-weight:bold; font-size:12px; line-height:16px; color:#fff; background:#00a3a8;}
.siteWrap > div {float:left; width:65%; padding-left:2.5%; background:url('/design/area/img/common/bgc_e6e6e6.gif') repeat-y 0 0; overflow:hidden;}
.siteWrap > div dl {float:left; width:100%; overflow:hidden;}
.siteWrap > div dl dt {margin:-7px 0 2px 0; font-weight:bold; font-size:1.16em;}
.siteWrap > div dl dd {float:left; margin:0 0 -5px 0; padding-bottom:1px;}
.siteWrap .cont {float:left; width:94%; margin-top:10px; padding:8px 3% 16px 3%; overflow:hidden; background:#f3f3f3;}
.siteWrap .cont li {float:left; width:45%; font-size:0.95em;}

/* width */
.w10 { width:10%; }
.w15 { width:15%; }
.w20 { width:20%; }
.w25 { width:25%; }
.w30 { width:30%; }
.w31 { width:31%; }
.w32 { width:32%; }
.w33 { width:33%; }
.w35 { width:35%; }
.w40 { width:40%; }
.w45 { width:45%; }
.w50 { width:50%; }
.w55 { width:55%; }
.w60 { width:60%; }
.w65 { width:66%; }
.w70 { width:70%; }
.w75 { width:75%; }
.w80 { width:80%; }
.w85 { width:85%; }
.w90 { width:90%; }
.w95 { width:95%; }
.w100 { width:100%; }
.w150 { width:150px; }
.w200 { width:200px; }
.w250 { width:230px; }
.w250 { width:250px; }
.w300 { width:300px; }
.w330 { width:330px; }
.w350 { width:350px !important; }
.w370 { width:370px !important; }
.w380 { width:380px !important; }
.w400 { width:400px; }
.w450 { width:450px; }
.w500 { width:500px; }
.w550 { width:550px; }
.w600 { width:600px; }
.w750 { width:750px; }
.w1000 { width:1000px; }

/*float*/
.flL	{ float:left !important; }
.flR	{ float:right !important; }
.flN	{ float:none !important; }

/* common */
.overH		{ overflow:hidden; }
.visibleH		{ visibility:hidden; }
.disN			{ display:none; }
.disB			{ display:block; }
.lstN			{ list-style:none; }
.hand			{ cursor:pointer; }
.clearB		{ clear:both; }
.overFa		{ overflow:auto; }
.ls1			{ letter-spacing:-1px; }
.noBG		{ background-image:none; }
.noBrd		{ border:0; }
.mg0a		{ margin:0 auto; }

/*heritage*/
#cultural_w01 { vertical-align: top;    width: 742px;}
#cultural_w01 img:nth-child(1) {margin-top: 20px;    vertical-align: top;    width: 742px; }