@charset "utf-8";


/*common*/
#multipleDiv_templet_depart_02_33{background:url(/sites/templet_depart_02/images/bg_1.jpg) center;background-size:cover;}
#multipleDiv_templet_depart_02_35{background:url(/sites/templet_depart_02/images/bg_2.jpg) center;background-size:cover;}
#multipleContentsDiv_templet_depart_02_33,
#multipleContentsDiv_templet_depart_02_34,
#multipleContentsDiv_templet_depart_02_35{max-width:1600px;margin: 0 auto;overflow:hidden;padding:100px 0;}
@media all and (max-width:1280px){
	#multipleContentsDiv_templet_depart_02_33,
	#multipleContentsDiv_templet_depart_02_34,
	#multipleContentsDiv_templet_depart_02_35{max-width:92%;padding:50px 0;}
}
@media all and (max-width:768px){
	#multipleContentsDiv_templet_depart_02_33,
	#multipleContentsDiv_templet_depart_02_34,
	#multipleContentsDiv_templet_depart_02_35{padding:30px 0;}
}


/*슬로건 원본*//*
#menu7200_obj68{position:absolute;top:calc(50% - 160px) !important;width:1600px !important;left:50% !important;margin-left:-800px !important;}
.slogan{display:inline-block;color:#FFF;word-break:keep-all;padding:35px;background:rgba(0,0,0,0.5);}
.slogan .p_1{font-size:50px;font-family:'Noto Bold';color:#e8ad21;line-height:1;}
.slogan .p_1 strong{display:block;}
.slogan .p_2{font-size:20px;padding-top:20px;color:#FFF;line-height:1.5;}
.slogan .p_3{font-size:30px;font-family:'Noto Bold';padding-top:30px;color:#143971;}
@media all and (max-width:1600px){
	#menu7200_obj68{width:94% !important;left:3% !important;margin-left:0 !important;}
}
@media all and (max-width:768px){
	#menu7200_obj68{top:80px !important;}
	.slogan{display:block;text-align:center;padding:0;background:none;}
	.slogan .p_1{font-size:30px;color:#FFF;}

	.slogan .p_2{font-size:16px;}
	.slogan .p_3{font-size:20px;color:#FFF;}
}*/

#menu7200_obj68{position:absolute;top:calc(50% - 160px) !important; width:80% !important; left:50% !important; margin-left:-40% !important;}
.slogan{/*display:inline-block;*/margin:0 auto;width:80%;height:auto;color:#FFF;word-break:keep-all;padding:35px;background:rgba(0,0,0,0.5);display:flex;flex-direction:column;align-items:center;}
.slogan .p_1{font-size:50px;font-family:'Noto Bold';color:#e8ad21;line-height:1;}
.slogan .p_1 strong{display:block;}
.slogan .p_2{font-size:20px;padding-top:20px;color:#FFF;line-height:1.5;}
.slogan .p_3{font-size:30px;font-family:'Noto Bold';padding-top:30px;color:#143971;}

@media all and (max-width:1600px){
	#menu7200_obj68/*{width:94% !important;left:3% !important;margin-left:0 !important;}*/
  .slogan{display:block;text-align:center;padding:20px;}
}
@media all and (max-width:768px){
	#menu7200_obj68{top:80px !important;}
	.slogan{display:block;text-align:center;padding:10px;background:none;}
	.slogan .p_1{font-size:25px;color:#e8ad21;}
	.slogan .p_2{font-size:16px;}
	.slogan .p_3{font-size:15px;color:#FFF;}
}


/*영역1텍스트*/
.notice_text{color:#FFF;font-size:40px;font-family:'Noto Light';letter-spacing:-0.05em;line-height:1.3;margin-bottom:40px;}
.notice_text span{display:block;}
.notice_text span strong{font-family:'Noto Medium';}
@media all and (max-width:1024px){
	.notice_text{font-size:30px;margin-bottom:30px;}
}
@media all and (max-width:768px){
	.notice_text{font-size:18px;margin-bottom:20px;text-align:center;}
	.notice_text span strong{display:block;}
}


/* 슬라이더*/
.slider_1 .con{display:flex;justify-content:space-between;align-items:center;}
.slider_1 .con .item_1{width:50%;}
.slider_1 .con .item_2{width:50%;}
.slider_1 .con .item_1{background:#FFF;padding:0 100px 0 70px;}
.slider_1 .con .item_1 .p_1{font-family:'Noto Light';font-size:23px;display:block;margin-bottom:20px;}
.slider_1 .con .item_1 .p_2{color:#282a33;font-size:50px;line-height:1.1;}
.slider_1 .con .item_1 .p_2 span{display:block;}
.slider_1 .con .item_1 .p_2 strong{font-family:'Noto Medium';}
.slider_1 .con .item_1 .p_3{color:#666;font-size:23px;font-family:'Noto Regular';margin-top:40px;padding-top:40px;border-top:1px solid #888;}
.slider_1 .con .item_1 a{display:inline-block;margin-top:40px;padding:7px 50px 7px 10px;border:1px solid rgba(0,0,0,0.2);font-family:'Noto Regular';font-size:15px;background:url(/sites/style_guide/images/common/plus_0_b.png) 90% center no-repeat;}
.slider_1 .con .item_2{}
.slider_1 .con .item_2 img{}
.slider_1 .prev,
.slider_1 .next{display:inline-block;width:70px;height:70px;background:rgba(0,0,0,0.5) url(/sites/style_guide/images/common/arrow_8_w.png) no-repeat center;background-size:20px;position:absolute;top:calc(50% - 35px);text-indent:-9999px;border-radius:100%;}
.slider_1 .prev{transform:rotate(180deg);left:calc(50% - 35px);}
.slider_1 .next{right:0;}

@media all and (max-width:1280px){
	.slider_1 .con .item_1{width:50%;}
	.slider_1 .con .item_2{width:50%;}
	.slider_1 .con .item_1{padding:40px;}
	.slider_1 .con .item_1 .p_2{font-size:35px;}
	.slider_1 .con .item_1 .p_3{font-size:18px;margin-top:20px;padding-top:20px;}
	.slider_1 .con .item_1 a{margin-top:20px;}
	.slider_1 .prev,
	.slider_1 .next{width:60px;height:60px;top:calc(50% - 30px);background:rgba(0,0,0,0.5) url(/sites/style_guide/images/common/arrow_4_w.png) no-repeat center;}
}
@media all and (max-width:1024px){
	.slider_1 .con{flex-direction:column;}
	.slider_1 .con .item_1{width:90%;}
	.slider_1 .con .item_2{width:100%;}
	.slider_1 .con .item_2 img{width:100%;}
	.slider_1 .con .item_1{padding:30px;margin:-15% auto 0 auto;}
	.slider_1 .con .item_1 .p_1{font-size:18px;}
	.slider_1 .prev{left:2%;}
	.slider_1 .next{right:2%;}
}
@media all and (max-width:768px){
	.slider_1 .con .item_1{padding:20px;margin-top:-10%;}
	.slider_1 .con .item_1 .p_2{font-size:25px;}
	.slider_1 .prev,
	.slider_1 .next{width:40px;height:40px;background-size:10px;top:calc(50% - 20px);}
}


/*배너1*/
.ban_1{}
.ban_1 ul{display:flex;flex-wrap:wrap;}
.ban_1 ul li{border:1px solid #CCC;background:#FFF;width:23%;margin:1%;}
.ban_1 ul li a{padding:35px;display:flex;align-items:center;line-height:1.2;}
.ban_1 ul li a div{margin-left:20px;}
.ban_1 ul li a div strong{font-size:25px;font-family:'Noto Regular';}
.ban_1 ul li a div span{font-size:16px;font-family:'Noto Light';display:block;padding-top:10px;}
@media all and (max-width:1280px){
	.ban_1 ul{flex-wrap:wrap;}
	.ban_1 ul li{width:48%;margin:1%;}
	.ban_1 ul li a{padding:20px;}
	.ban_1 ul li a div strong{font-size:20px;}
}
@media all and (max-width:768px){
	.ban_1{padding:0;}
	.ban_1 ul{flex-wrap:wrap;}
	.ban_1 ul li a{padding:20px;}
}
@media all and (max-width:480px){
	.ban_1 ul li{width:100%;margin:0 0 1% 0;}
}


/*배너2*/
.ban_2{}
.ban_2 ul{display:flex;justify-content:space-between;}
.ban_2 ul li{width:50%;padding:70px 0;display:flex;}
.ban_2 ul li.item_1{background:url(/sites/templet_depart_02/images/bg_3.jpg) no-repeat center;background-size:cover;justify-content:flex-end;}
.ban_2 ul li.item_2{background:url(/sites/templet_depart_02/images/bg_4.jpg) no-repeat center;background-size:cover;justify-content:flex-start;}
.ban_2 ul li a{width:800px;display:flex;justify-content:center;}
.ban_2 ul li a div{color:#FFF;text-align:center;width:300px;}
.ban_2 ul li a div strong{font-size:28px;font-family:'Noto Regular';}
.ban_2 ul li a div span{font-size:18px;font-family:'Noto Light';display:block;padding:20px 0;}
@media all and (max-width:1600px){
	.ban_2 ul li a{width:100%;}
}
@media all and (max-width:768px){
	.ban_2 ul{flex-wrap:wrap;}
	.ban_2 ul li{width:100%;padding:30px;}
	.ban_2 ul li a{width:100%;}
	.ban_2 ul li a div strong{font-size:22px;}
	.ban_2 ul li a div span{font-size:16px;}
}

/*UL타입*/
.list_0 > li,
.list_1 > li,
.list_1_2 > li,
.list_2 > li,
.list_3 > li,
.list_4 > li,
.kList_1 > li,
.aList_1 > li,
.rList_1 > li,
.nList_0 > li,
.nList_1 > li,
.nList_2 > li,
.list_gCircle > li {position:relative; padding-bottom:7px}

.list_0 > li:last-child,
.list_1 > li:last-child,
.list_1_2 > li:last-child,
.list_2 > li:last-child,
.list_3 > li:last-child,
.list_4 > li:last-child,
.kList_1 > li:last-child,
.aList_1 > li:last-child,
.rList_1 > li:last-child,
.nList_0 > li:last-child,
.nList_1 > li:last-child,
.nList_2 > li:last-child,
.list_gCircle > li:last-child {padding-bottom:0}

.list_1 > li,
.list_1_2 > li, 
.list_gCircle > li {padding-left:20px}
.list_2 > li,
.list_3 > li,
.list_4 > li{padding-left:13px}
.nList_0 > li,
.nList_1 > li,
.nList_2 > li,
.kList_1 > li,
.aList_1 > li,
.rList_1 > li{padding-left:28px}

.list_1 > li:before,
.list_1_2 > li:before,
.list_2 > li:before,
.list_3 > li:before,
.list_4 > li:before,
.kList_1 > li:before,
.aList_1 > li:before,
.rList_1 > li:before,
.nList_0 > li:before,
.nList_1 > li:before,
.nList_2 > li:before,
.list_gCircle > li:before {content:"";display:block;position:absolute;left:0}

.list_1 > li:before {top:10px;width:8px;height:8px; }
.list_1_2 > li:before{top:10px;width:8px;height:8px; }
.list_2 > li:before,
.list_3 > li:before{background:#222}
.list_3.white > li:before{background:#fff}
.list_4 > li:before{top:12px; border-bottom:4px solid #222; border-left:3px solid transparent;border-right:3px solid transparent;width:0;transform:rotate(90deg);}
.list_4.white > li:before { border-bottom:4px solid #fff; }

.list_1 > li:before{background:#0d57a7;}
.list_1_2 > li:before{background:#888888;}
.list_2 > li:before{top:12px;width:4px;height:4px}
.list_3 > li:before{top:13px;width:5px;height:2px}
.list_4 > li:before{}
.kList_1 > li:before,
.aList_1 > li:before,
.rList_1 > li:before,
.nList_0 > li:before,
.nList_1 > li:before,
.nList_2 > li:before{top:1px;font-weight:400;}
.nList_1 > li:before,
.nList_2 > li:before{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:100%;font-size:14px;top:4px;color:#FFF;}
.nList_1 > li:before{background:#0a3ea1;}
.nList_2 > li:before{background:#999999;}
.list_gCircle > li::before {width:8px;height:8px;background:#c3d5ec;border-radius:100%;top:10px;}

/* hoBox */
.hoBox { display:flex; flex-flow:row wrap; justify-content:flex-start; }
.hoBox > .item { flex: 1 0 100%; display:flex; /*flex-flow:row wrap;*/ justify-content:flex-start; align-items:stretch; background: #F2F8FB; border: 1px solid #eee; margin-bottom:20px; }
.hoBox > .item > .tit { width:260px; padding:40px 20px; color:#222; font-weight:500; text-align:center; display:flex; justify-content:center; align-items:center; }
.hoBox > .item > .cont { width: calc(100% - 260px); background-color:#fff; padding:40px; display:flex; justify-content:flex-start; align-items:center; }
.hoBox > .item > .cont > div { flex-basis:100%; }
@media all and (max-width:1024px) {
	.hoBox > .item { flex-flow: column wrap; }
	.hoBox > .item > .tit { width:100%; padding:10px 15px; }
	.hoBox > .item > .cont { width:100%; padding:10px 15px; }
}

/*HOVER************************************************************/
@media all and (min-width:1281px) {
	.slider_1 .con .item_1 a:hover{border-color:#266ed4;color:#266ed4;}
	.slider_1 .prev:hover,
	.slider_1 .next:hover{}
}