@charset "utf-8";

/* 내용관리 */
#ctt {margin:10px ;padding:10px;background:#fff;min-height:200px;
webkit-box-shadow: 0 1px 4px #cbd1df;
  -moz-box-shadow: 0 1px 4px #cbd1df;
       box-shadow: 0 1px 4px #cbd1df;}
.ctt_admin {margin:0 5px;text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}


 




.cont_text_important2 {
    padding: 8px 20px;
    border-left: 5px solid #ddd;
    font-size: 2em;
    color: #957958;
    line-height: 2.0em;
    margin-bottom: 30px;
}

.content_txt_box {
    width: 100%;
    padding-top: 50px;
    clear: both;
}

.content_txt_box .title_text {
    float: left;
    display: block;
    line-height: 2.0em;
    width: 30%;
    color: #1a1a1a;
    font-size: 22px;
    letter-spacing: 0;
    text-align: left;
    font-weight: bold;
    margin: 0;
    padding: 0 0 0 30px;
    background-image: url(../img/title_icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    box-sizing: border-box;
}

.content_txt_box .sub_txt {
    float: right;
    width: 70%;
}

.lead {
    font-size: 16px;
    color: #555;
    letter-spacing: -0.02em;
    line-height: 2.0em;
    font-weight: 400;
}


.h2_title{padding:8px 20px;border-left:5px solid #000;font-size:22px;margin-bottom:20px;line-height:1.3em; color:#000;}
.h3_title{padding:8px 20px;border-left:5px solid #999;font-size:18px;margin-bottom:20px;line-height:1.3em; color:#333;}
.h2_title_center{text-align:center; font-size:30px;padding:8px 20px;margin-bottom:50px;line-height:1.3em; color:#000;}
.h2_title_center small{display:block;font-size:20px; font-weight:normal; color:#999;line-height:1.3em;}

.cont_text{font-size:14px; line-height: 1.8em; color:#666;overflow:hidden;clear:both;padding-bottom:15px;}
.cont_text_info{font-size:14px;line-height:1.6em; color:#666;overflow:hidden;padding:20px;border:2px dashed #ddd;clear:both;margin-bottom:15px;}
.cont_text_important{padding:8px 20px;border-left:5px solid #ddd;font-size:16px;color:#957958;line-height:1.3em;}

.cont_img_right50p{display:block;width:50%;float:right; margin:0 0 20px 20px}
.cont_img_left50p{display:block;width:50%;float:left; margin:0 20px 20px 0}

.cont_img_right{display:block;float:right; margin:0 0 20px 20px}
.cont_img_left{display:block;float:left; margin:0 20px 20px 0}



@media all and (max-width:980px)
{
	.h2_title{font-size:18px;padding:5px 15px;border-left:3px solid #000;}
	.h3_title{font-size:15px;padding:5px 15px;border-left:2px solid #999;}


	.cont_text{font-size:13px;line-height:1.8em;}
	.cont_text_info{font-size:13px;line-height:1.4em;}
	.cont_text_important{font-size:14px;padding:5px 15px;border-left:2px solid #ddd;}
	
}

@media all and (max-width:600px)
{
	.h2_title_center{font-size:20px;}
	.h2_title_center small{font-size:13px; font-weight:normal;}

	.cont_text{font-size:12px;}
	.cont_text_info{font-size:12px;}
	.cont_text_important{font-size:13px;}
	
}

.figure_list{width:100%;overflow:hidden;padding:30px 0;}
.figure_list li{width:25%; float:left; text-align:center;}
.figure_list li i{display:block;margin:10px auto; width:100px; height:100px; line-height:100px; border-radius:50%;background:#ddd; font-size:3em;}
.figure_list li strong{display:block; font-size:20px; color:#000; margin:5px;}
.figure_list li span{display:block; font-size:13px; color:#999; margin:5px;}



.figure2_list{width:100%;overflow:hidden;padding:30px 0;}
.figure2_list li{width:20%; float:left; text-align:center;}
.figure2_list li i{display:block;margin:10px auto; width:70px; height:70px; line-height:70px; border-radius:50%;background:#ddd; font-size:3em;}
.figure2_list li strong{display:block; font-size:20px; color:#000; margin:5px;}
.figure2_list li span{display:block; font-size:13px; color:#999; margin:5px;}

@media all and (max-width:800px)
{
	.figure2_list li{width:50%; float:left; text-align:center;}
	.figure2_list li i{display:block;margin:10px auto; width:100px; height:100px;line-height:100px; }
	
}

.mgb2 {margin-bottom:2px !important;}
.mgb3 {margin-bottom:3px !important;}
.mgb4 {margin-bottom:4px !important;}
.mgb5 {margin-bottom:5px !important;}
.mgb6 {margin-bottom:6px !important;}
.mgb7 {margin-bottom:7px !important;}
.mgb8 {margin-bottom:8px !important;}
.mgb9 {margin-bottom:9px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb12 {margin-bottom:12px !important;}
.mgb15 {margin-bottom:15px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb25 {margin-bottom:25px !important;}
.mgb30 {margin-bottom:30px !important; margin-top:30px !important;}
.mgb35 {margin-bottom:35px !important;}
.mgb40 {margin-bottom:40px !important;}
.mgb45 {margin-bottom:45px !important;}
.mgb50 {margin-bottom:50px !important;}
.mgb60 {margin-bottom:60px !important;}
.mgb65 {margin-bottom:65px !important;}
.mgb70 {margin-bottom:60px !important; font-size:14px;}
.mgb80 {margin-bottom:40px !important; margin-top:20px !important;}

.mgt15 {margin-top:15px !important;}
.mgt40 {margin-top:40px !important;}
 
.time {margin:0 auto}
.time caption {font-weight:bold;margin:20px;font-size:20px;color:#999}
.time table {width:100%; border-collapse:collapse; border-spacing:0px; font-size:15px; background:#fff;}
.time th {padding:5px 12px; background:#f7f7f7; border:1px solid #dadada;}
.time td {padding:8px 12px; font-size:14px; line-height:20px; text-align:center; border:1px solid #dadada;}
.time tr th:first-child,
.time tr td:first-child {border-left:0;}
.time tr th:last-child,
.time tr td:last-child {border-right:0;}
.time tr.etc td {text-align:left;}

.possible {position:relative; display:inline-block; padding:11px 0 0;}
.possible1 {position:relative; display:inline-block; padding:11px 0 0;color:red}
.possible:after {content:" "; width:10px; height:10px; position:absolute; top:0; left:50%; margin:0 0 0 -5px; border-radius:10px; background:#1075bd;}
.possible1:after {content:" "; width:10px; height:10px; position:absolute; top:0; left:50%; margin:0 0 0 -5px; border-radius:10px; background:#eb1c24;}



@media all and (max-width:650px)
{
	.figure_list li{width:50%; float:left; text-align:center;}
	.figure_list li i{display:block;margin:10px auto; width:100px; height:100px; line-height:100px; border-radius:50%;background:#ddd; font-size:3em;}
	.figure_list li strong{font-size:16px;}
	.figure_list li span{font-size:11px;}
	
}
