@charset "utf-8";


/* list type */
#sub_cont h4,.h4 {margin:25px 0 7px; font-size:15px; padding-left:18px; font-weight:600; line-height:1.9; font-size:19px; color:#333; background:url('/S0007/en/img/basic/bul_h4.jpg') no-repeat 0 10px;}
#sub_cont h4:first-child {margin-top:0 !important;}
#sub_cont h5 {font-weight:600; font-size:16px; color:#027f40;}
#sub_cont h6,.h6 { font-size:16px; font-weight:600; background:url('/dokyong/ko/img/bul_h6.png') no-repeat left 8px; padding-left:17px; margin-bottom:3px; }
.explain {margin:9px 0 25px; padding:10px 15px; box-sizing:border-box; line-height:1.7; border:1px solid #ccc;}
.caution {overflow:hidden;}
.caution span.hide {float:left; display:block; padding-left:7px; background:url('/dokyong/ko/img/bul_caution.gif') no-repeat 0 6px; text-indent:-9999px;}

.noBl {background:none !important;}
.list_dep01 {margin-left:5px; overflow:hidden;}
.list_dep01 > li {padding-left:15px; background:url('/S0007/en/img/basic/bul_dep01.jpg') no-repeat 0 9px; margin:5px 0 !important;}
.list_dep02 > li {padding-left:13px; background:url('/dokyong/ko/img/page/bul_dep02.jpg') no-repeat 0 10px !important; margin:3px 0 !important; font-size:14px;}
.list_dep03 > li {padding-left:9px; background:url('/dokyong/ko/img/page/bul_dep03.jpg') no-repeat 0 11px !important;margin:1px 0 !important;font-size:14px;}
.list_dep04 > li {padding-left:9px; background:url('/dokyong/ko/img/page/bul_dep04.jpg') no-repeat 0 11px !important;margin:1px 0 !important;font-size:14px;}
.list_depN > li {padding-left:9px; background:none;margin:1px 0 !important;font-size:14px;}


.list_blue > li {padding-left:10px; background:url('/dokyong/ko/img/bul_blue.png') no-repeat 0 10px;}
.list_noBl > li {background:none;}


.list_dot2 > li {padding-left:9px; background:url('/dokyong/ko/img/bul_dot2.gif') no-repeat 0 11px;}
li a.blank {display:inline-block; padding-right:14px; background:url('/dokyong/ko/img/i_blank_blue.png') no-repeat right center;}

@media all and (max-width:480px){
.content h4 {margin-top:25px; font-size:19px; background-size:20px 20px; background-position:0 7px;}
.content h5 {padding-left:17px; font-size:16px; background-position:0 8px;}	
}


/* box */
.txt_box {padding:14px 20px; line-height:1.7; border:1px solid #d7d7d7; border-top:2px solid #027f40; background:#fafafa;}
.roundBox {width:100%; letter-spacing:-0.08em; text-align:center; vertical-align:top; background:#f4f4f4; border:1px solid #ccc; border-radius:10px 10px; box-sizing:border-box; overflow:hidden;}


/* table overflow scroll */
.tbl_wrap {overflow-x: auto; margin-top:10px;}


/* table common */
.thL tbody th,
.tdL td {padding-left:10px; text-align:left;}
.tdR td {padding-right:10px; text-align:right;}
.tbl_wrap .tbl_guide { display: none; }


/* table style1 */
.tbl_st1 {margin-left:-1px; min-width:100%; margin-top:7px; border-top:2px solid #027f40;}
.tbl_st1 th,
.tbl_st1 td {padding:6px 5px; font-size:14px; line-height:1.8; color:#5f5f5f; border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-top:0; text-align:center; border-spacing:0;}
.tbl_st1 thead th {font-weight:600; font-size:14px; background:#fafafb;}
.tbl_st1 tbody th,
.tbl_st1 tfoot th {font-weight:600; background:#fff;}
.tbl_st1 tbody td.txtL {text-align:left; padding-left:10px;}

/* table style2 : 오른쪽 정렬*/
.tbl_st2 {min-width:100%; margin-top:9px; border-left:1px solid #ccc; border-top:2px solid #0080c7;}
.tbl_st2 th,
.tbl_st2 td {padding-top:6px; padding-bottom:6px; font-weight:600; font-size:14px; line-height:1.8; color:#5f5f5f; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-top:0; text-align:center; border-spacing:0;}
.tbl_st2 thead th {font-weight:600; font-size:14px; background:#f0f8fc;}
.tbl_st2 tbody th {background:#f5f5f5;}
.tbl_st2 tbody td {text-align:right; padding-right:10px;}
.tbl_st2 tbody td.txtC {text-align:center; }

/* table style3 : 왼쪽 정렬*/
.tbl_st3 {min-width:100%; margin-top:9px; border-left:1px solid #ccc; border-top:2px solid #0080c7;}
.tbl_st3 th,
.tbl_st3 td {padding-top:6px; padding-bottom:6px; font-weight:600; font-size:14px; line-height:1.8; color:#5f5f5f; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-top:0; text-align:center; border-spacing:0;}
.tbl_st3 thead th {font-weight:600; font-size:14px; background:#f0f8fc;}
.tbl_st3 tbody th {background:#f5f5f5;}
.tbl_st3 tbody td {text-align:left; padding-left:10px;}
.tbl_st3 tbody td.txtC {text-align:center; padding-left:0px; }

/* table common */
.thL tbody th,
.tdL td {padding-left:10px; text-align:left;}
.tdR td {padding-right:10px; text-align:right;}
table tr th.bdR, table tr td.bdR {border-right:1px solid #ccc !important;}

/* img box */
.img_box {margin:29px 0;}
.img_box ul {overflow:hidden;}
.img_box li {float:left; font-size:0; line-height:0}
.img_box li img {width:100%; border:1px solid #ccc; box-sizing:border-box;}

.img_box.col2 li {width:49%; margin-left:2%;}
.img_box.col2 li:nth-of-type(2n-1) {margin-left:0;}
.img_box.col3 li {width:32%; margin-left:2%;}
.img_box.col3 li:nth-of-type(3n-2) {margin-left:0;}

@media all and (max-width:480px){
.img_box li {float:none; margin-top:10px;}
.img_box.col2 li,
.img_box.col3 li {width:100%; margin-left:0;}	
}


/* etc */
.unit {text-align:right; font-size:13px; color:#5f5f5f;}
.unit::after {content:""; display:block; width:100%; clear:both;}

/* iframe target*/
#hidden_frame {
	width: 0px;
	height: 0px;
	border-width: 0px;
	border: 0px;
	margin: 0px;
	overflow: hidden;
}

iframe {width:100%; min-width:100%; border:none; margin:0; overflow:hidden; overflow-y:auto;}

.map {padding:10px; border:1px solid #ccc;}
.map > iframe {height:450px;}


/*버튼*/

.bt_top { display: inline-block; padding:7px; border-radius:3px; border:1px solid #c8d1db; }
.bt_top span { padding:0 12px 0 2px;  font-weight: bold; background:#ffffff url('/dokyong/ko/img/button/i_top.png') no-repeat right; color:#333; letter-spacing:-0.05em;}

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

.bt_white { line-height:1.4em; display: inline-block; padding:5px 12px 5px 7px; border-radius:3px; border:1px solid #027f40; background:#fff; font-weight: bold; color:#333;}
.bt_white span.iMap{ font-size:14px; padding:3px 20px 3px 7px; background:url('/S0007/en/img/button/i_map.png') no-repeat right; }
.bt_white span.down { font-size:14px; padding:3px 12px 3px 7px; background:url('/dokyong/ko/img/button/i_down.png') no-repeat right; }
.bt_white span.site { font-size:14px; padding:0 20px 0 3px; background:url('/dokyong/ko/img/button/i_site.png') no-repeat right; }
.bt_white span.blank { font-size:14px; padding:0 18px 0 2px; background:url('/dokyong/ko/img/button/i_blank.png') no-repeat right; }

.bt_white_s { display: inline-block; padding:0 7px 0 5px; border-radius:3px; border:1px solid #c8d1db; background:#fff; font-size:13px; color:#333; }
.bt_white_s span.down { padding:0 20px 0 2px; background:url('/dokyong/ko/img/button/i_down.png') no-repeat right; }
.bt_white_s span.blank { padding:0 18px 0 2px; background:url('/dokyong/ko/img/button/i_blank.png') no-repeat right; }


.bt_green { line-height:1.4em; display: inline-block; padding:5px 12px 5px 7px; border-radius:3px; border:1px solid #027f40; background:#027f40; font-weight: bold; color:#fff; letter-spacing:-0.05em;}
.bt_greenL {padding:13px 30px;}
.bt_greenL > span { font-size:16px !important;}
.bt_green span.down { font-size:14px; padding:0 20px 0 2px; background:url('/dokyong/ko/img/button/i_down_w.png') no-repeat right; }
.bt_green span.site { font-size:14px; padding:0 20px 0 3px; background:url('/dokyong/ko/img/button/i_site_w.png') no-repeat right }
.bt_green span.blank { font-size:14px; padding:0 18px 0 2px; background:url('/dokyong/ko/img/button/i_blank_w.png') no-repeat right; }
.bt_green span.glasses { font-size:14px; padding:0 18px 0 2px; background:url('/dokyong/ko/img/button/i_glasses.png') no-repeat right; display:block; }


.bt_green_s { display: inline-block; padding:0 7px 0 5px; border-radius:3px; border:1px solid #027f40; background:#027f40; font-size:13px; color:#fff; }
.bt_green_s span.down { padding:0 20px 0 2px; background:url('/dokyong/ko/img/button/i_down_w.png') no-repeat right; }
.bt_green_s span.blank { padding:0 18px 0 2px; background:url('/dokyong/ko/img/button/i_blank_w.png') no-repeat right; }
.bt_green_s span.glasses { padding:0 18px 0 2px; background:url('/dokyong/ko/img/button/i_glasses.png') no-repeat right; }

.bt_gray_s { display: inline-block; padding:0 7px 0 5px; border-radius:3px; border:1px solid #4e4f4d; background:#4e4f4d; font-size:13px; color:#fff; }
.bt_gray_s:hover {font-weight:bold; color:#fff !important;}
.bt_gray_s span.down { padding:0 20px 0 2px; background:url('/dokyong/ko/img/button/i_down_w.png') no-repeat right; }
.bt_gray_s span.blank { padding:0 18px 0 2px; background:url('/dokyong/ko/img/button/i_blank_w.png') no-repeat right; }
.bt_gray_s span.glasses { padding:0 18px 0 2px; background:url('/dokyong/ko/img/button/i_glasses.png') no-repeat right; }

.bt_R_blank{color:#027f40; padding:0 18px 0 2px; background:url('/dokyong/ko/img/i_blank_blue.png') no-repeat right center; }

/* 이미지*/
.photo1 {}
@media all and (max-width:480px){
.photo1 { width:100%; margin-bottom:10px;}
}

.photo2 {overflow:hidden;}
.photo2 li { float:left; width:49%; text-align:center; box-sizing:border-box; }
.photo2 li.last {float:right;}
.photo2 li img {width:100%; box-sizing:border-box;}
.photo2 li span { display:block;  }
@media all and (max-width:480px){
.photo2 li { width:100%; margin-bottom:10px;}
}

.photo3 { overflow:hidden; }
.photo3 li { float:left; width:32%; margin-right:2%; text-align:center;}
.photo3 li.last {margin-right:0;}
.photo3 li img {width:100%;}
.photo3 li span { display:block;  }
@media all and (max-width:768px){
.photo3 li {width:49%; margin-right:1%; margin-bottom:10px;}
}
@media all and (max-width:480px){
.photo3 li { width:100%; }
}

.photo4 { overflow:hidden; }
.photo4 li { width:24.25%; margin-right:1%; float:left; margin-bottom:20px; }
.photo4 li.last {margin-right:0;}
.photo4 img { width:100%; height:140px;}
@media all and (max-width:768px){
.photo4 li { width:49%; margin-right:1%; margin-bottom:10px;}
}
@media all and (max-width:480px){
.photo4 li { width:100%; }
}

.img_brd,
.list_brd li {border:1px solid #ddd; box-sizing:border-box; line-height:0 !important;}
.img_pBrd,
.list_pBrd li {border:1px solid #ddd; box-sizing:border-box; padding:1%; line-height:0 !important;}
.wp100 {width:100% !important;}

.viewer { margin-bottom:3em; }
.viewer-section { display:table; clear:both; position:relative; width:100%; }
.viewer-section .viewer-ico { position:absolute; top:21px; left:0; width:50px; height:50px; }
.viewer-section .i1 { background:url('/dokyong/ko/img/page/ico_viewer_han.png') no-repeat 0 0; background-size:100% 100%; }
.viewer-section .i2 { background:url('/dokyong/ko/img/page/ico_viewer_pdf.png') no-repeat 0 0; background-size:100% 100%; }
.viewer-section .i3 { background:url('/dokyong/ko/img/page/ico_viewer_flash.png') no-repeat 0 0; background-size:100% 100%; }
.viewer-section .i4 { background:url('/dokyong/ko/img/page/ico_viewer_codec.png') no-repeat 0 0; background-size:100% 100%; }
.viewer-section .i5 { background:url('/dokyong/ko/img/page/ico_viewer_pp.png') no-repeat 0 0; background-size:100% 100%; }
.viewer-section .i6 { background:url('/dokyong/ko/img/page/ico_viewer_excel.png') no-repeat 0 0; background-size:100% 100%; }
.viewer-section .i7 { background:url('/dokyong/ko/img/page/ico_viewer_word.png') no-repeat 0 0; background-size:100% 100%; }
.viewer-section a { float:right; margin:0; }
.viewer-section dl { padding:0 0 0 63px; }
.viewer-section dt { padding-bottom:3px; color:#111; }
.viewer-section dt span { padding:0 5px; font-size:1.2em; font-weight:700; }
.viewer-section dd { padding:0 10px 0 5px; }
.table-row{display:table-row}
.cell { display:table-cell; padding:22px 0; border-bottom:1px solid #c2c2c2; vertical-align:middle; width:85%; }
@media all and (max-width:700px){
.cell {width:80%;}
}
@media all and (max-width:480px){
.cell {width:70%;}
}

.aC {text-align:center;}
.mar_t30 {margin-top:30px;}
.pad_t30 {padding-top:30px !important;}