@charset "UTF-8";

/* common */
.h4-tit01{position:relative;padding:0 0 30px 26px;font-weight:700;font-size:24px;color:#172b4f;line-height:32px;}
.h4-tit01:before{content:'';display:block;position:absolute;top:15px;left:0;width:18px;height:4px;background:#ff8a00;}
.h5-tit01{position:relative;padding:0 0 10px 15px;font-weight:500;font-size:18px;color:#092e71;line-height:28px;}
.h5-tit01:before{content:'';position:absolute;top:10px;left:0;width:10px;height:10px;border:3px solid #092e71;border-radius:10px;box-sizing:border-box;}
.h5-tit02{position:relative;padding:0 0 10px 0;font-weight:500;font-size:18px;color:#092e71;line-height:28px;}
.h6-tit01{position:relative;padding:0 0 10px 10px;font-weight:500;font-size:16px;color:#092e71;line-height:26px;}
.h6-tit01:before{content:'';position:absolute;top:10px;left:0;width:4px;height:4px;background-color:#174db0;border-radius:4px;}
.con-box{padding:0 0 50px 0;}
.con-p01{padding:0 0 30px 0;color:#666;line-height:29px;}
.con-p01 a{color:#666;}
.slo-p{padding: 0 0 35px 0;font-weight:600;font-size:28px;line-height:36px;color:#222;}
.mark-p{position:relative;padding:0 0 0 20px;color:#999;line-height:24px;letter-spacing:-0.5px;}
.mark-p:before{content:'※';position:absolute;top:0;left:0;}
.mark-p a{color:#999;}
.img-box{text-align:center;}
.img-box.border{border:1px solid #e7e7e7;}
.img-box img{max-width:100%;}
.img-box .zoom-in{padding:10px 0 0;text-align:right;}
.no-pd{padding:0 !important;}
.no-mg{margin:0 !important;}
.txt-red{color:#ff0000;}
.ul-type01 > li{position:relative;padding:0 0 0 12px;line-height:25px;color:#666;}
.ul-type01 > li:last-of-type{padding-bottom:0;}
.ul-type01 > li:after{content:'';display:block;position:absolute;top:10px;left:0;width:3px;height:3px;background:#666;border-radius:50%;}
.ul-type02 > li{position:relative;padding:0 0 0 12px;line-height:25px;color:#666;}
.ul-type02 > li:last-of-type{padding-bottom:0;}
.ul-type02 > li:after{content:'';display:block;position:absolute;top:13px;left:0;width:4px;height:1px;background:#666;}
.ul-type03 > li{line-height:25px;color:#666;}
.ul-type04{padding:0 0 0 20px;}
.ul-type04 > li{line-height:25px;text-indent:-20px;color:#666;}
.ol-type01 > li{margin:0 0 0 18px;line-height:25px;list-style-type:decimal;color:#666;}


.mg-t10{margin:10px 0 0 0 !important;}
.mg-t20{margin:20px 0 0 0 !important;}
.mg-b10{margin:0 0 10px 0 !important;}
.mg-b20{margin:0 0 20px 0 !important;}
.pd-b10{padding:0 0 10px 0 !important;}
.pd-b20{padding:0 0 20px 0 !important;}

/* 링크박스 */
.link-box.d-ib ul li{display:inline-block;padding:0 6px 10px 0;}
.link-box.right ul li{text-align:right;}
.link-box ul li{display:block;padding:0 0 20px 0;}
.link-box ul li:last-of-type{padding:0;}
.link-box ul li a{display:inline-block;padding:17px 36px;background:#172b4f;font-weight:600;font-size:16px;color:#ff8a00;line-height:1;}
.link-box ul li a.normal:hover{background-color:#ff8a00;color:#172b4f;}
.link-box ul li a.down:hover{background-color:#ff8a00;color:#172b4f;}
.link-box ul li a.link:hover{background-color:#ff8a00;color:#172b4f;}

/* small link */
.s-btn{display:inline-block;margin:0 0 0 5px;padding:5px 10px;border:1px solid rgba(0,0,0,0.4);background-color:#fff;font-size:13px;color:#333;line-height:1;}
.s-link:hover{background-color:#172b4f;color:#ff8a00;}
.s-down:hover{background-color:#172b4f;color:#ff8a00;}

/* layout */
header{position:relative;z-index:30;}
.container{background:#f6f6f6;}
footer{position:relative;}
.slideMenu{display:none;}
.m-gnb-bg{display:none;}
.sub-container{margin:0 auto;padding:60px 0 120px;max-width:1200px;}
.sub-container:after{content:'';display:block;clear:both;}
.content-wrap{float:left;width:calc(100% - 300px);}
.content-wrap.no-lnb{float:none;padding:0;width:100%;}
.lnb-wrap{position:relative;z-index:10;float:left;padding:0 70px 0 0;width:230px;}

/* main content common */
.main-content-box{padding:0 0 50px;}
.main-content-box .main-mini-wrap{margin:0 auto;max-width:1200px;}
.main-content-box .main-title-box{padding:0 0 36px;}
.main-content-box .main-title-box h3{position:relative;font-size:32px;line-height:40px;color:#172b4f;}

/* sub content common*/
.img-con-box ul:after{content:'';display:block;clear:both;}
.img-con-box ul li{float:left;margin:0 44px 0 0;width:calc(50% - 22px);}
.img-con-box ul li:last-of-type{margin:0;}
.img-con-box ul li img{width:100%;}


@media screen and (max-width: 1024px){
	/* layout */ 
	.content-wrap{float:none;padding:0 10px;width:100%;box-sizing:border-box;}

	/* main content common */
	.main-content-box .main-mini-wrap{padding:0 10px;}
}
@media screen and (max-width: 768px){
	/* common */
	.h4-tit01{padding:0 0 15px 15px;font-size:18px;line-height:26px;}
	.h4-tit01:before{top:12px;width:10px;height:3px;}
	.h5-tit01{font-size:16px;line-height:24px;}
	.h5-tit01:before{width:8px;height:8px;}
	.h5-tit02{font-size:16px;line-height:24px;}
	.h6-tit01{font-size:15px;line-height:24px;}
	.con-box{padding:0 0 25px 0;}
	.con-p01{padding:0 0 12px 0;font-size:14px;line-height:22px;}
	.slo-p{padding:0 0 12px;font-size:18px;line-height:26px;}
	.mark-p{padding:0 0 0 12px;font-size:14px;line-height:22px;}
	.ul-type01 > li{padding:0 0 0 8px;font-size:14px;line-height:22px;}
	.ul-type01 > li:after{width:3px;height:3px;}
	.ul-type02 > li{padding:0 0 0 8px;font-size:14px;line-height:22px;}
	.ul-type02 > li:after{top:12px;}
	.ul-type03 > li{font-size:14px;line-height:22px;}
	.ul-type04 > li{font-size:14px;line-height:22px;}
	.ol-type01 > li{margin:0 0 0 15px; font-size:14px;line-height:22px;}		

	/* 링크박스 */
	.link-box.d-ib ul li{padding:0 6px 10px 0;}
	.link-box ul li{padding:0 0 20px 0;}
	.link-box ul li a{padding:7px 12px;font-size:14px;}

	/* small link */
	.s-btn{padding:4px 8px;font-size:12px;border-radius:4px;}

	/* layout */ 
	.sub-container{padding:30px 0 60px;}

	/* main content common */
	.main-content-box{padding:0 0 30px;}
	.main-content-box .main-title-box{padding:0 0 18px;}
	.main-content-box .main-title-box h3{font-size:20px;line-height:28px;}

	/* sub content common */
	.img-con-box ul li{margin:0 10px 0 0;width:calc(50% - 5px);}


}
@media screen and (max-width: 480px){
	/* sub content common */
	.img-con-box ul li{float:none;margin:0 0 10px;width:100%;}
}