@charset "utf-8";

@import "reset.css";
@import "layout.css";
@import "main.css";
@import "sub_layout.css";
@import "content.css";
@import "apply_bbs.css";


/* skipNav */
#accessibility-contents {position:absolute;width:100%;height:0;}
#skipNav {position:absolute;left:0;top:0;width:100%;z-index:999;}
#skipNav a {display:block;width:100%;height:0px;background:#333;line-height:30px;color:#fff;text-align:center;font-weight:bold;overflow:hidden;}
#skipNav a:focus, #skipNav a:active {height:30px;}


.show {display:block;}
.hide {display:none;}
.clearAfter {display:block;overflow:visible;width:auto;clear:both;*zoom:1;}
.clearAfter:after {display:block;visibility:hidden;height:0;font-size:0;clear:both;content:'';}

.screen_out {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px;} /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */
.longdesc_hidden { overflow:hidden;position:absolute;height:1px;left:-10000px;}


::placeholder {color:#a7a7a7;}
:-ms-input-placeholder {color:#a7a7a7;} /* Internet Explorer */
::-webkit-input-placeholder {color:#a7a7a7;} /* Edge */

/* 공통 */
.m_ver,
.m_block {display:none;}


/* 컨텐츠 타이틀 */
.con_tit {margin:40px 0 15px;padding-left:30px;font-size:20px;background:url(../images/sub/con_tit_ico.gif) no-repeat 0 4px;}
.con_box {padding-left:30px;}
.con_txt {margin:7px 0;word-break: keep-all;word-wrap:break-word;}
.con_stxt {color:#777;font-size:14px;word-break: keep-all;word-wrap:break-word;}


/* 공통 리스트 */
.list_type1 {margin:20px 0 0;}
.list_type1 > li {margin-top:20px;padding-left:15px;background:url(../images/sub/con_dep1_ico.png) no-repeat left 9px;word-break: keep-all;word-wrap:break-word;}
.list_type1 > li:first-child {margin-top:0;}

.list_type2 {margin:5px 0;}
.list_type2 > li {margin-top:5px;padding-left:15px;color:#555;background:url(../images/sub/con_dep2_ico.gif) no-repeat left 12px;word-break: keep-all;word-wrap:break-word;}
.list_type2 > li:first-child {margin-top:0;}

.list_type3 {margin:3px 0;}
.list_type3 > li {padding-left:10px;color:#777;font-size:14px;background:url(../images/sub/con_dep3_ico.gif) no-repeat left 9px;word-break: keep-all;word-wrap:break-word;}
.list_type3 > li:first-child {margin-top:0;}

.conList .no_all {padding-left:0;background:none;}
.conList .no_bg {background:none;}
.conList .list_tit {display:block;}
.conList .list_txt {margin:3px 0;}


/* 공통 탭 */
#tabBox {margin:40px 0 40px 0;width:100%;}
#tabBox .tab_active_tit {display:none;position:relative;padding:10px 40px 10px 10px;width:100%;background:#fff;border:1px solid #c8c8c8;text-align:left;color:#353c47;font-size:1em;}
#tabBox .tab_active_tit:after {content:"";display:block;position:absolute;top:50%;right:10px;margin-top:-7px;width:7px;height:7px;border:solid #000;border-width:0 2px 2px 0;transform:rotate(45deg); -webkit-transform:rotate(45deg);}
#tabBox .tab_table {display:table;width:100%;table-layout:fixed;border-top:1px solid #c8c8c8;border-left:1px solid #c8c8c8;}
#tabBox .tab_row {display:table-row;width:100%;}
#tabBox .tab_col {position:relative;display:table-cell;border:1px solid #c8c8c8;border-top:0;border-left:0;background-color:#eee;text-align:center;vertical-align:middle;}
#tabBox .tab_col a {display:block;padding:13px 5px;color:#555;}
#tabBox .active {background-color:#15b9b1;border:0;}
#tabBox .active:after {content:"";position:absolute;top:-1px;left:-1px;display:block;width:100%;height:100%;border:solid #15b9b1;border-width:1px 0 0 1px;}
#tabBox .active a {color:#fff;}
#tabBox .tab_col.active:last-child:after {display:none;}


/* 내부 탭 */
#subTabBox {margin:20px 0 10px;width:101%;}
#subTabBox:after {content:"";display:block;height:0;clear:both;}
#subTabBox a {float:left;display:block;margin-right:1%;margin-bottom:10px;padding:0 20px;width:24%;height:45px;color:#555;border:1px solid #ccc;background-color:#fff;box-sizing:border-box;text-align:center;}
#subTabBox a:last-child {margin-right:0;}
#subTabBox a:after {content:"";display:inline-block;height:100%;vertical-align:middle;}
#subTabBox a span {display:inline-block;line-height:1.3;vertical-align:middle;}
#subTabBox a.active {color:#009b93;font-weight:bold;border-color:#009b93;}
.tab_contents {display:none;margin:25px 0;}
.tab_contents.active {display:block;} 


/* 공통 테이블 */
.tbl_wrap {margin:20px 0;}
.tbl_basic {width:100%;border-collapse:collapse;table-layout:fixed;border-top:2px solid #3a5fa0;}
.tbl_basic caption span {position:absolute;left:-10000px;height:1px;overflow:hidden;}
.tbl_basic th {padding:10px;border-bottom:1px solid #ccc;border-left:1px solid #ccc;text-align:center;background:#f5f5f5;color:#333;word-break: keep-all;word-wrap:break-word;}
.tbl_basic td {padding:10px;border-bottom:1px solid #ccc;border-left:1px solid #ccc;color:#555;font-weight:normal;word-break: keep-all;word-wrap:break-word;}
.tbl_basic td button {text-align:left;}

.tbl_basic tbody .list_type2 li,
.tbl_basic tbody .list_type3 li {margin-top:0;}
.tbl_basic tfoot th,
.tbl_basic tfoot td {font-weight:bold;background:#f4f5f9;}

.tbl_basic .bg_none {background:none;}
.tbl_basic .bdl_none {border-left:0;}

.tbl_all_td_center td {text-align:center;}
.tbl_all_td_left td {text-align:left;}
.tbl_all_td_right td {text-align:right;}

.tbl_basic .txt_left {text-align:left;}
.tbl_basic .txt_center {text-align:center;}
.tbl_basic .txt_right {text-align:right;}

.tbl_note {font-size:14px;font-weight:normal;}
.tbl_note ~ .tbl_wrap {margin:7px 0 20px;}
.tbl_wrap ~ .tbl_note {margin:-15px 0 10px;}

.tbl_scroll_txt {display:none;}
.tbl_scroll {padding-right:1px;width:100%;overflow-x:auto;}


/* 컨텐츠 버튼 */
.cont_btn_wrap {margin:10px 0;text-align:center;}
.cont_btn_wrap:after {content:"";display:block;height:0;clear:both;}
.cont_btn_wrap .btn {display:inline-block;margin:3px 0;padding:6px 20px 10px;color:#666;border:1px solid;border-radius:3px;box-sizing:border-box;text-align:center;}
.cont_btn_wrap .btn:hover {box-shadow:3px 3px 7px rgba(0, 0, 0, 0.2);}

.cont_btn_wrap .btn .ico {position:relative;display:inline-block;line-height:1;vertical-align:middle;}
.cont_btn_wrap .btn .down {padding-right:20px;background:url(../images/sub/btn_ico_down.png) no-repeat 99% center;}
.cont_btn_wrap .btn .new {padding-right:20px;background:url(../images/sub/ico_new_win_black.png) no-repeat 99% center;}
.cont_btn_wrap .btn .prev {padding-left:25px;}
.cont_btn_wrap .btn .prev:after {content:"";display:block;position:absolute;top:2px;left:0;width:7px;height:7px;border-right:1px solid #747474;border-bottom:1px solid #747474;transform:rotate(-225deg); -webkit-transform:rotate(-225deg);}

.cont_btn_wrap .bg_white {border-color:#ccc;background-color:#fff;}
.cont_btn_wrap .bg_white .down {background:url(../images/sub/btn_ico_down_black.png) no-repeat 99% center;}
.cont_btn_wrap .bg_gray {color:#fff;border-color:#666;background-color:#666;}
.cont_btn_wrap .bg_gray .down {background:url(../images/sub/btn_ico_down_white.png) no-repeat 99% center;}
.cont_btn_wrap .bg_gray .new {background:url(../images/sub/ico_new_win_white.png) no-repeat 99% center;}
.cont_btn_wrap .bg_green {color:#fff;border-color:#009b93;background-color:#009b93;}
.cont_btn_wrap .bg_green .down {background:url(../images/sub/btn_ico_down_white.png) no-repeat 99% center;}
.cont_btn_wrap .bg_green .new {background:url(../images/sub/ico_new_win.png) no-repeat 99% center;}
.cont_btn_wrap .bg_blue {color:#fff;border-color:#075c9c;background-color:#075c9c;}



/* 컨텐츠 공통요소 */
.stxt {font-size:14px;}



/* 공통 텍스트 */
.txt_left {text-align:left;}
.txt_center {text-align:center;}
.txt_right {text-align:right;}
.txt_emph {margin:10px 0;}
.txt_gray {color:#555;}

/*  */
.m_cut {display:none;}
.pc_cut {display:block;}

/* 가로 정렬 */
.clearAfter:after{content:"";display:block;clear:both;}
.floatL {float:left !important;}
.floatR {float:right !important;}

/*박스*/
.con_wrap .box {padding:30px;background:#f5f5f5;}





@media screen and ( max-width:1024px ){
    
    /*  */
       
}




@media screen and ( max-width:768px ){
    
    /* 공통 */
	.pc_ver,
	.pc_block {display:none;}

	.m_ver,
	.m_block {display:block;}


	/* 공통 탭 */
	#tabBox {position:relative;margin:20px 0 20px 0;z-index:3;}
    #tabBox .tab_active_tit {display:block;}
    #tabBox .tab_table {position:absolute;top:100%;left:0;right:0;width:auto;display:none;max-height:300px;overflow-y:auto;}
    #tabBox .tab_row {display:block;}
    #tabBox .tab_col {display:block;width:100%;text-align:left;box-sizing:border-box;}
    #tabBox .tab_row:first-child .tab_col:first-child {border-top:0;}	
    #tabBox .tab_col a {padding:10px 15px;font-size:0.875em;}
    #tabBox .active:after {display:none;}


	/* 컨텐츠 타이틀 */
	.con_tit {margin:20px 0 10px;font-size:1.125em;background-position:0 2px;}
	.con_txt {font-size:0.93em;}
	.con_stxt {font-size:13px;}
	.con_box {padding-left:5px;}


	/* 공통 리스트 */
	.list_type1 > li {font-size:14px;background-position:0 7px;}
	.list_type1 > li .stxt {font-size:13px;}

	.list_type2 > li {font-size:14px;background-position:0 9px;}
	.list_type2 > li .stxt {font-size:13px;}

	.list_type3 > li {font-size:13px;}

	
	/* 공통 테이블 */
	.tbl_basic th,
	.tbl_basic td {padding:5px;font-size:0.929em;word-break:break-all;}
	.tbl_basic td .list_type2 li {padding-left:7px;font-size:13px;}
	.tbl_basic td button {font-size:1em;}
	.tbl_note {font-size:0.875em;}
	.tbl_scroll_txt {display:block;font-size:0.875em;color:#555;font-weight:normal;text-align:right;}
	.tbl_scroll_txt ~ .tbl_wrap {margin:5px 0 20px;}
	.tbl_scroll .tbl_basic {min-width:740px;} 
	
	/*  */
	.m_cut {display:block;}
	.pc_cut {display:none;}

	/*박스*/
	.con_wrap .box {margin:0 auto;width:96%;padding:20px;box-sizing:border-box;}

    
}




@media screen and ( max-width:320px ){
    
    /*  */
    
}