@charset "utf-8";
h4{position:relative;font-size:24px;color:#484394;margin:0 0 5px 0;font-weight:500;color:#000;}
h4:after{display:block;content:"";width:43px;height:2px;background:#484394;position:absolute;top:0;left:0;}
h5{font-size:22px;margin:0 0 10px 0;font-weight:500;background:url("/resource/1388/sub/h5.png") no-repeat left 9px;padding:0 0 0 23px;color:#484394;}
h6{background:url("/resource/1388/sub/h6.png") no-repeat 0 7px;font-size:20px;color:#000;padding:0 0 0 10px;margin:0 0 10px 15px;font-weight:500;}

.basic_p{font-size:16px;margin-bottom:20px;}

.basic_box{position:relative;margin-bottom: 30px;border:dashed 1px #ccc;background:#efefef;padding:10px;}
.basic_box div{background:#fff;padding:20px;}
.basic_box li,
.basic_ul li{background:url("/resource/1388/sub/li01.png") no-repeat left 9px;padding:0 0 0 10px;font-weight:300;font-size:16px;}
.basic_box li li,
.basic_ul li li{background:url("/resource/1388/sub/li02.png") no-repeat left 10px;padding:0 0 0 8px;}
.basic_box li li li,
.basic_ul li li li{background:url("/resource/1388/sub/li03.png") no-repeat left 10px;padding:0 0 0 8px;color:#555;}
.basic_ul{padding:0 0 40px 15px;}
.basic_ul .ul_box{background:#f1f1f1;border:solid 1px #ccc;padding:20px;border-radius:20px;margin-top:20px;}

.basic_tab{margin:0 0 20px 0;}
.basic_tab ul:after{display:block;content:"";clear:both;}
.basic_tab ul{border-top:solid 1px #ccc;border-left:solid 1px #ccc;}
.basic_tab ul li{float:left;width:50%;}
.basic_tab ul li a{display:block;border-right:solid 1px #ccc;border-bottom:solid 1px #ccc;padding:10px 15px;text-align:center;color:#000;font-weight:300;background:#f0f0f0;}
.basic_tab ul li.on a,
.basic_tab ul li a:hover,
.basic_tab ul li a:focus{background:#484394;color:#fff;}



.over_table{overflow-x:auto;margin-bottom:30px;}
.scroll_guide{position:relative;padding:10px 40px;background: #f5f5f5;margin-bottom:5px;text-align:center;}
.scroll_guide:before{position:absolute; top:50%; left:0px; width:20px; height:20px; margin-top:-10px; line-height:20px; font-weight:600; content:"〈";}
.scroll_guide:after{position:absolute; top:50%; right:0px; width:20px; height:20px; margin-top:-10px; line-height:20px; font-weight:600; content:"〉";}
.scroll_guide p{ text-align:center;color:#666;font-size:14px;}

.basic_table {width: 100%;min-width:800px;margin: 10px 0;border-top:solid 2px #484394;}
.basic_table thead th{padding: 15px 10px;background:#f2f1fa;color:#484394;border:solid 1px #aba9c8;font-size:16px;font-weight:300;text-align: center;vertical-align: middle}
.basic_table tbody th,
.basic_table tbody td {font-weight:300;padding: 15px 10px;border: 1px solid #dedede;border-top: none;vertical-align: middle;text-align: center;font-size: 16px;line-height: 1.5em;vertical-align: middle; word-break:keep-all}
.basic_table tbody th {background: #f7f7f7;}
.basic_table tbody td li{padding:0 0 0 10px;margin:0 0 5px 0;background:url("/resource/1388/sub/li01.png") no-repeat left 9px;text-align:left}
.basic_table tbody td li ul{margin:7px 0}
.basic_table tbody td li li{padding:0 0 0 8px;background:url("/resource/1388/sub/li02.png") no-repeat left 10px;}
.basic_table tbody td li li li{padding:0 0 0 8px;background:url("/resource/1388/sub/li03.png") no-repeat left 10px;}
.table_left td{text-align:left}
li .basic_table td{text-align:center}
li .basic_table td.txt_left{text-align:left}


/* 버튼 스타일 */
.basic_btn{text-align:center;margin:20px 0}
.basic_btn a{display:inline-block;text-align:left;font-size:16px;margin:0 5px 10px 5px;padding:0 0 0 50px;font-weight:300;border-radius:50px;}
.basic_btn span{display:block;background: #fff;padding: 10px 15px;color:#000;border: 1px solid #484394;border-radius:0 50px 50px 0;}
.btn_go,
.btn_new{display:inline-block;background:url("/resource/1388/sub/btn_new.png") no-repeat 20px center #484394;}
.btn_down{display:inline-block;background:url("/resource/1388/sub/btn_down.png") no-repeat 20px center #484394;}
.basic_btn a:hover span,
.basic_btn a:focus span{background:#484394;color:#fff; transition:all ease-out .7s}


.sbtn_go{display:inline-block;background:url("/resource/1388/sub/btn_new.png") no-repeat 10px center #484394;color: #484394;font-size:14px;margin:2px 5px 2px 0;padding:0 0 0 30px;border: 1px solid #484394;font-weight:300;}
.sbtn_new{display:inline-block;background:url("/resource/1388/sub/btn_new.png") no-repeat 10px center #484394;color: #484394;font-size:14px;margin:2px 5px 2px 0;padding:0 0 0 30px;border: 1px solid #484394;font-weight:300;}
.sbtn_down{display:inline-block;background: url("/resource/1388/sub/btn_down.png") no-repeat 10px center #484394;color: #484394;font-size:14px;margin:2px 5px 2px 0;padding: 0 0 0 30px;border: 1px solid #484394;font-weight:300;}
.sbtn_go span,
.sbtn_new span,
.sbtn_down span{display:block;background: #fff;padding: 2px 15px}
.sbtn_go:hover span,
.sbtn_go:focus span,
.sbtn_new:hover span,
.sbtn_new:focus span,
.sbtn_down:hover span,
.sbtn_down:focus span{border:1px solid #484394;background:#484394;color:#fff;transition:all ease-out .7s}

.txt_link,
.txt_link:hover,
.txt_link:focus{background: url("/resource/1388/sub/link_icon.png") no-repeat right 9px;padding:0 15px 0 0;color:#484394;text-decoration:underline;}




/* 이미지 코멘트 */
.comment{display:block;overflow:hidden;position:absolute;font-size:1.8em;left:-5000px;top:0;}

.map_area{border:1px solid #ccc}
.map_area img{width:100%}

/* 폰트 사이즈 : 기본적으로 작성은 되어있으나 사용여부는 디자이너 판단 */
.fs11{font-size:11px !important;}
.fs12{font-size:12px !important;}
.fs13{font-size:13px !important;}
.fs14{font-size:14px !important;}
.fs15{font-size:15px !important;}
.fs16{font-size:16px !important;}
.fs17{font-size:17px !important;}
.fs18{font-size:18px !important;}
.fs19{font-size:19px !important;}
.fs20{font-size:20px !important;}
.fs21{font-size:21px !important;}
.fs22{font-size:22px !important;}
.fs23{font-size:23px !important;}
.fs24{font-size:24px !important;}
.fs25{font-size:25px !important;}
.fs26{font-size:26px !important;}

/* 기본 마진 : 상황에 따라 추가 가능 */
.ml10{margin-left:10px}
.ml20{margin-left:20px}
.ml30{margin-left:30px}

.mr10{margin-right:10px}
.mr20{margin-right:20px}
.mr30{margin-right:30px}

.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}

.mb05{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb30{margin-bottom:30px !important}

/* 기본 패딩 : 상황에 따라 추가 가능 */
.p0{padding:0 !important;}
.pb0{padding-bottom:0px !important}
.pb10{padding-bottom:10px !important}
.pb20{padding-bottom:20px !important}
.pb30{padding-bottom:30px !important}

.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}

.pr10{padding-right:10px;}
.pr20{padding-right:10px;}
.pr30{padding-right:10px;}

.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}
.pt60{padding-top:60px !important;}
.pt70{padding-top:70px !important;}
.pt80{padding-top:80px !important;}
.pt100{padding-top:100px !important}

/* 배경 없앰 */
.bg_none{background:none !important;}

.va_top{vertical-align:top !important;}

/* 컨텐츠 float */
.f_left{float:left;}
.f_right{float:right;}

/* float 해제 */
.clear{clear:both}

/* 이미지 및 컨텐츠 정렬 시. */
.txt_center{text-align:center !important}
.txt_right{text-align:right !important}
.txt_left{text-align:left !important}




@media all and (min-width:768px){

	.basic_tab ul li{width:25%;}
	.basic_tab ul li a{font-size:16px;padding:10px 15px;}

}




@media all and (min-width:1280px){

	.con_box{margin-bottom:20px;}
	.con_box:after{display:block;content:"";clear:both;}
	.con_box h4{display:inline-block;width:300px;}
	.con_box h4 span{max-width:250px;}
	.con_box .inner{float:right;width:calc(100% - 350px);}

	.over_table .scroll_guide{display:none;}

	.basic_tab li,
	.basic_tab02 li{width:25%}
	.basic_tab .col5 li,
	.basic_tab02 .col5 li{width:20%}
	.basic_tab .col3 li,
	.basic_tab02 .col3 li{width:33.333%}
	.basic_tab .col2 li,
	.basic_tab02 .col2 li{width:50%}


}

/* 기본절차도 */
.basic_step li{background:url("/resource/1388/common/basic_step1.png") no-repeat center top !important;padding:20px 0 0 0 !important;margin:0 0 10px 0 !important;text-align:center;line-height:1.5em;}
.basic_step li:first-child{background:none;padding-top:0 !important}
.basic_step li strong{display:block;background: #484394;color:#fff;padding: 5px 15px;border-radius: 10px 10px 0 0;/* margin-bottom: 5px; */}
.basic_step li span{display:block;background:#f1f4f7;border: 1px solid #484394;padding: 10px;border-radius: 0 0 10px 10px;}
.basic_step li:last-child span{/* border:2px solid #00a094; *//* padding:13px; *//* font-weight:bold; *//* background:#fff; */}
.basic_step li span em{font-style:normal;font-size:14px}


@media all and (min-width:1280px){

	/* 기본절차도 */
	.basic_step{margin-bottom:30px;}
	.basic_step ol{overflow:hidden;display:flex;}
	.basic_step li{background: url("/resource/1388/common/basic_step2.png") no-repeat 4% center !important;padding:0 0 0 30px !important;box-sizing:border-box;}
	.basic_step li:first-child{background:none !important;padding:0 !important}
	.basic_step .col2 li{width:50%}
	.basic_step .col3 li{width:33.333%}
	.basic_step .col4 li{width:25%}
	.basic_step .col5 li{width:20%;}
	.basic_step li span{height:calc(100% - 34px);}

}


/*사이트맵*/
.sitemap h4{background:none;text-align:center;/*margin:0;*/}
.sitemap h4 a{display:block;color:#484394;border:solid 1px #484394;font-size:18px;padding:10px 0}
.sitemap h4:after{display:none;}
.sitemap div{/*padding-bottom:25px;*/padding-bottom:20px;}
.sitemap ul li{background:url("/resource/1388/sub/li02.png") no-repeat left 21px;padding:10px 0 10px 12px;font-size:16px;border-bottom:dashed 1px #ccc;}
.sitemap ul li ul{background:#f8f8f8;padding:15px;margin:10px 0 0 -6px;}
.sitemap ul li ul li{background:url("/resource/1388/sub/li03.png") no-repeat left 10px;padding:0 0 5px 8px;font-size:14px;border:none;}
.sitemap ul li ul li ul{border:solid 1px #ccc;background:#fff;}
.sitemap .new_win{display:inline-block;background: url("/resource/1388/common/icon_new.png") no-repeat center center;width: 12px;height:0;padding: 12px 0 0 0;margin-left: 3px;overflow:hidden;vertical-align:middle;}
@media all and (min-width:768px) {
	.sitemap:after{display:block;content:"";clear:both;}
	.sitemap div{float:left;width:50%;padding:0 7px 20px 7px;}
	.sitemap div div{float:none;width:100%;padding:0;}
}

@media all and (min-width:1200px) {

	.sitemap h4 a:hover,
	.sitemap h4 a:focus{background:#484394;color:#fff; transition:all ease-out .5s}
  	.sitemap div {width:25%;}
	.sitemap div div{width:100%;}
}