@charset "utf-8";

@import url("/sites/guide/style/css/guide.css");
@import url("/sites/guide/style/css/templet.css");
@import url("/sites/templet_01/style/css/layout.css");
@import url("main.css");
@import url("main_widjet.css");

/* 템플릿별로 개별 정의해야하는 CSS는 이 밑으로 작성하시면 최종적으로 적용 됩니다. **********/
/* 레이아웃은 같은 타입의 템플릿은 공통으로  적용되어 있습니다.**********/
/* 레이아웃 변경시에는 같은 템플릿은 같이 변경되오니 유의하여 주시고 변경하실 CSS는 각 템플릿의 샘플 템플릿의 layout.css를 수정하시면 됩니다.**********/
/* 개별적인 변경을 하실 경우에는 새로운 템플릿으로 추가해서 작업하시거나 style.css에서 !important처리로 작업하시기 바랍니다.**********/

.eQ01 #sub_visual {background: url(../../images/sub_visual_1.jpg) no-repeat center;}
.eQ02 #sub_visual {background: url(../../images/sub_visual_2.jpg) no-repeat center;}
.eQ03 #sub_visual {background: url(../../images/sub_visual_3.jpg) no-repeat center;}
.eQ04 #sub_visual {background: url(../../images/sub_visual_4.jpg) no-repeat center;}
.eQ05 #sub_visual {background: url(../../images/sub_visual_5.jpg) no-repeat center;}
.eQ06 #sub_visual {background: url(/sites/guide/images/sub_visual_100.jpg) no-repeat center;}

#headerSec .logo a span {
    font-size: 18px;
}

#headerSec .logo {
  width: 400px;
}

@media only screen and (min-width: 1025px){
  #mainNav nav#menuUItop {
	margin-left: 400px;
  }
}
@media only screen and (min-width: 1025px){
  #mainNav .a_1 {
	font-size: 16px;
	word-break:keep-all;
  }
}

.formContainer{}



.tabBtn{overflow:hidden;}

.tabBtn a{display:block;float:left;width:33.33%;box-sizing:border-box;background:#e6e6e6;text-align:center;font-size:16px;padding:15px 0;border-right:1px solid #FFF;}

.tabBtn a:last-child{border-right:0;}

.tabBtn a i{display:block;}

.tabBtn a:hover,

.tabBtn a.active{background:#0c4f8d;color:#FFF;font-weight:bold;}

.tabBtn_d5 a{width:20%;border-bottom:1px solid #FFF;}

.tabBtn_d2 a{width:50%;}





.formInner{background:#fdfdfd;border:1px solid #DDD;padding:60px 0;}



.formWrapper{margin: 0 auto;width:70%;}



.formWrapper legend{left:-9999px;font-size:0;}

.formWrapper input::-ms-input-placeholder{color:#666;font-size:13px;}

.formWrapper input::-webkit-input-placeholder{color:#666;font-size:13px;}

.formWrapper input::-moz-placeholder{color:#666;font-size:13px;}

.formWrapper input[type=radio],

.formWrapper input[type=checkbox],

.formWrapper select{-webkit-appearance:none;appearance:none;-moz-appearance:none;border:1px solid #898989;}

.formWrapper select::-ms-expand{display:none}

.formWrapper select{min-width:100px;min-height:40px;}

.formWrapper input[type=radio],

.formWrapper input[type=checkbox]{min-width:15px;min-height:15px;}

.formWrapper input[type=radio]:checked{background:url(../images/radio_bg.png) no-repeat center;}

.formWrapper input[type=checkbox]:checked{background:url(../images/check_bg.png) no-repeat center;}

.formWrapper dl{overflow:hidden;margin-bottom:10px;}

.formWrapper dt,

.formWrapper dd{float:left;}

.formWrapper dt{font-size:17px;padding-top:8px;width:35%;padding-right:5%;text-align:right;}

.formWrapper dd{width:60%;}

.formWrapper input{display:inline-block;box-sizing:border-box;}

.formWrapper dd input{width:100%;padding:0 5px;height:40px;border:1px solid #DDD;background:#FFF;}

.formWrapper input[type=button], .formWrapper input[type=submit]{border:0;background:#43484f;color:#FFF;cursor:pointer;margin-left:40%;margin-top:30px;display:inline-block;padding:10px 50px;}

.formWrapper input[type=button]:hover, .formWrapper input[type=submit]:hover{background:#252525;}



.formWrapperGrade{}

.formWrapperGrade input{max-width:100%;}



@media only screen and (max-width:730px){

	.formWrapper{width:90%;}

	.formWrapper dt,

	.formWrapper dd{float:none;}

	.formWrapper dt{font-size:15px;padding-top:8px;width:100%;padding-right:0;text-align:left;font-weight:bold;}

	.formWrapper dd{width:100%;margin-top:3px;}

	.formWrapper input[type=button], .formWrapper input[type=submit]{margin-left:0;width:100%;padding:15px 0;}

}