@charset "utf-8";

@import url("/sites/guide/style/css/guide.css");
@import url("/sites/templet_12/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(../../images/sub_visual_6.jpg) no-repeat center;}
.eQ07 #sub_visual {background: url(/sites/guide/images/sub_visual_100.jpg) no-repeat center;}

#headerSec .logo {width: 360px;}

#headerSec .logo a span {
    vertical-align: -16px;
	letter-spacing:-2px;
    font-weight: bold;
}

.ipsiBox_1{position:relative;}
.ipsiBox_1:before,
.ipsiBox_1:after{content:"";display:block;width:27px;height:27px;position:absolute;}
.ipsiBox_1:before{background: url(/sites/ipsi/images/clamp_r.png);right:0;top:0;}
.ipsiBox_1:after{background: url(/sites/ipsi/images/clamp_l.png);left:0;bottom:0;}
.ipsiBox_1 h3{text-align:center;color:#385da1;font-size:29px;font-weight:bold;}
.ipsiBox_1 h3:after{content:"";display:block;width:30px;height:3px;background:#385da1;margin:10px auto 30px auto;}
.ipsiBox_1 ul{font-size:0;padding:0 20px;}
.ipsiBox_1 ul li{display:inline-block;font-size:16px;width:50%;vertical-align:top;padding:5px 10px;position:relative;box-sizing:border-box;}
.ipsiBox_1 ul li span{font-weight:bold;margin-right:10px;}
.ipsiBox_1 ul li:before{content:"";display:block;width:3px;height:3px;position:absolute;background:#385da1;left:0;top:16px;}
.ipsiBox_1 p{text-align:center;color:#000;font-size:22px;font-weight:bold;}
.ipsiBox_1 p span{display:block;font-weight:normal;}
.btnGup{text-align:right;}
.btnPdf,
.btnHwp{display:inline-block;border:1px solid #DDD;font-size:14px;padding:10px 20px;box-sizing:border-box;}
.btnPdf:before,
.btnHwp:before{content:"";display:inline-block;width:22px;height:22px;vertical-align:-7px;margin-right:10px;}
.btnPdf:before{background:url(/sites/ipsi/images/icon_pdf.png) no-repeat left center;}
.btnHwp:before{background:url(/sites/ipsi/images/icon_hwp.png) no-repeat left center;}
.btnPdf{background:#0956ad;color:#FFF !important;border-color:#0956ad;}
.btnHwp{background:#f3f7fc;}
.btnPdf:hover{background:#2e475d;}
.btnHwp:hover{background:#DDD;}
@media only screen and (max-width:1024px){
	.ipsiBox_1 ul li span{display:block;}
}
@media only screen and (max-width:730px){
	.ipsiBox_1 h3{font-size:25px;}
	.ipsiBox_1 ul li{font-size:16px;}
	.btnGup{text-align:center;}
}
@media only screen and (max-width:480px){
	.ipsiBox_1 h3{font-size:22px;}
	.ipsiBox_1 ul li{font-size:15px;width:100%;}
	.btnPdf,
	.btnHwp{width:100%;margin:5px 0;}
}