@charset "utf-8";
/* (주)한신정보기술 박남규 - 2020.09 */

/* 템플릿 사이트를 위한 임시 사용 */
.template_title{font-size:0;line-height:0;letter-spacing:0;}
.template_title h3, .template_title h4{display:inline-block;}
.template_title h4{margin:0;}

/* 제목 */
h3, h4, h5, h6, .h3, .h4, .h5, .h6{position:relative;}
h3, .h3{margin:40px 0 10px;font-size:22px;color:#222;line-height:30px;letter-spacing:-0.03em;}
.h3_subtitle{margin-left:10px;font-size:18px;color:#888;line-height:24px;letter-spacing:-0.03em;}

h4, .h4{margin:20px 0;font-size:20px;color:#268b63;line-height:28px;letter-spacing:-0.03em;}
.h4_subtitle{margin-left:10px;font-size:16px;color:#888;line-height:24px;letter-spacing:-0.03em;}

h5, .h5{margin:22px 0;padding-left:19px;font-size:18px;color:#2f2f2f;line-height:26px;letter-spacing:-0.03em;}
h5:before, .h5:before{display:block;position:absolute;top:9px;left:1px;width:12px;height:12px;background:url('../images/template/h5_icon.png') no-repeat left top;content:'';}
h6, .h6{margin:16px 0;font-size:16px;color:#2f2f2f;line-height:24px;letter-spacing:-0.03em;}

@media all and (max-width:640px){
    h3, .h3{font-size:20px;margin:16px 0;}
    h4, .h4{font-size:18px;margin:14px 0;}
    h5, .h5{font-size:17px;margin:12px 0;}
    h6, .h6{font-size:16px;margin:10px 0;}
}

/* 목록 */
.bu{margin:10px 0;font-size:16px;color:#444;line-height:26px;letter-spacing:0;font-weight:400;}
.bu > li, .num > li, .blt, .bu > dt, .num > dt{position:relative;}
.bu > li{margin-bottom:5px;}
.bu > li:before, .blt:before, .num > li:before, .bu > dt:before, .num > dt:before{display:block;position:absolute;}
.bu > li, .blt{padding-left:17px;}
.bu > li:before, .blt:before{top:11px;left:0;width:5px;height:5px;background-color:#666;border-radius:1px;transform:rotate(45deg);content:'';}
.bu > li .bu{margin-top:0;padding-left:12px;}
.bu > li .bu > li{padding-left:13px;}
.bu > li .bu > li:before{top:12px;left:0;width:5px;height:2px;background-color:#666;transform:rotate(0deg);}
.bu > li .bu > li .bu{margin-top:0;}
.bu > li .bu > li .bu > li{padding-left:12px;font-size:15px;color:#666;}
.bu > li .bu > li .bu > li:before{top:11px;left:0;width:2px;height:2px;border-radius:0;background-color:#000;transform:rotate(0deg);content:'';}
.blt{font-size:16px;color:#444;line-height:26px;}

@media all and (max-width:640px){
    .bu > li .bu{padding-left:0;}
}

/* 2020. 09. 28 - 프로그램 목록 */
.bu.float_list li.clearfix .point2{display:block;float:left;width:9%;margin-right:1%;word-break:keep-all;}
.bu.float_list li.clearfix .point_desc{display:block;float:left;width:90%;word-break:keep-all;}
@media all and (min-width:766px) and (max-width:1360px){
    .bu.float_list li.clearfix .point2{width:14%;margin-right:1%;}
    .bu.float_list li.clearfix .point_desc{width:85%;}
}
@media all and (max-width:765px){
    .bu.float_list li.clearfix .point2{width:100%;margin-right:0;}
    .bu.float_list li.clearfix .point_desc{width:100%;}
}

/* 순서가 있는 ol 숫자 나오게 */
ol.num, ul.num{margin:10px 0;}
ol.num li, ul.num li{position:relative;margin-top:6px;padding-left:34px;font-size:16px;color:#515151;line-height:24px;letter-spacing:-0.04em;font-weight:400;list-style:none;}
ol.num li:first-child, ul.num li:first-child{margin-top:0;}
ol.num li:before, ul.num li:before{display:block;position:absolute;top:0;left:0;width:26px;height:24px;background-color:#fff;border:1px solid #d9d9d9;box-sizing:border-box;font-size:14px;color:#444;line-height:22px;text-align:center;}
ol.num > li, ul.num > li{counter-increment:number;}
ol.num > li:before, ul.num > li:before{content:counter(number, decimal);}

ul.num li .bu, ul.num li .num, ol.num li .bu, ol.num li .num{margin-top:10px;margin-left:-11px;padding-left:12px;}
ul.num li .bu li, ul.num li .num li, ol.num li .bu li{margin-top:0;padding-left:13px;}
ul.num li .num li, ol.num li .num li{padding-left:25px;}
ul.num li .num li:before, ol.num li .num li:before{width:20px;height:20px;margin-top:3px;font-size:14px;line-height:20px;}
ul.num li .bu li:before, ol.num li .bu li:before{top:12px;left:0;width:5px;height:2px;background-color:#666;transform:rotate(0deg);}
ol.num li .bu li ul {margin-top:5px;}
ol.num li .bu li ul li{padding-left:10px;font-size:14px;color:#898989;}
ol.num li .bu li ul li:before{display:block;position:absolute;top:11px;left:0;width:5px;height:2px;background-color:#8c93ad;content:'';}

ul.num li .bu li .bu > li:before{top:11px;left:0;width:2px;height:2px;border-radius:0;background-color:#000;transform:rotate(0deg);content:'';}
@media all and (max-width:640px){
    ol.num li .bu, ol.num li .num{padding-left:0;}
}


/* 박스 타입1 */
.box{position:relative;margin-bottom:50px;border:1px solid #e2e2e2;}
.box:before{display:block;position:absolute;top:-1px;left:-1px;z-index:3;width:150px;height:10px;background-color:#459173;content:'';}
.box .box_wrap{min-height:169px;padding:34px 40px 39px 198px;}
.box .box_wrap .icon{display:block;position:absolute;top:48px;left:48px;width:84px;height:84px;background-color:#f4f4f4;border-radius:100%;}
.box .box_wrap .icon:before{display:block;position:absolute;top:0;left:0;width:84px;height:84px;background:url('../images/template/box_icon1.png') no-repeat center center;content:'';}
.box .box_wrap .box_title{margin-top:0;margin-bottom:9px;font-size:20px;color:#459173;line-height:30px;letter-spacing:-0.03em;}
.box .box_wrap .box_desc{font-size:16px;color:#555;line-height:24px;letter-spacing:-0.03em;word-break:keep-all;}

@media all and (max-width:640px){
    .box .box_wrap .icon{display:none;}
    .box .box_wrap{padding:5%;}
}

/* 박스 타입2 */
.box.type2:before{display:none;}
.box.type2 .box_wrap{padding:40px;}
@media all and (max-width:640px){
    .box.type2 .box_wrap{padding:5%;}
}

/* 박스 타입3 */
.box.type3{margin:15px 0;border:none;background-repeat:repeat-x, repeat-y, repeat-y, repeat-x; background-position:left bottom, right top, left top, left top; background-image:url('../images/template/hori_dot.png'), url('../images/template/verti_dot.png'), url('../images/template/verti_dot.png'), url('../images/template/hori_dot.png');}
.box.type3:before{display:none;}
.box.type3 .box_wrap{min-height:0;padding:28px 30px 25px;word-break:keep-all;}

.box.type3 .box_wrap .warning_line{margin-bottom:40px;padding-bottom:33px;border-bottom:1px solid #e2e2e2;}
.box.type3 .box_wrap .button_info{line-height:35px;}
.box.type3 .box_wrap .button_info .fake_button{display:inline-block;margin-right:10px;margin-left:16px;background-color:#797979;color:#fff;padding:0 16px;}

@media all and (max-width:640px){
    .box.type3 .box_wrap{padding:24px 3%;}
    .box.type3 .box_wrap .warning_line{margin-bottom:20px;padding-bottom:20px;}
    .box.type3 .box_wrap .button_info{line-height:24px;font-size:14px;}
    .box.type3 .box_wrap .button_info .fake_button{margin:0;}
}

/* step박스 */
.stepbox{width:100%;margin-bottom:40px;}
.stepbox .stepbox_list{width:100%;}
.stepbox .stepbox_list .stepbox_item{list-style:none;float:left;position:relative;width:calc((100% - 99.99px) / 4);margin-right:33.33px;margin-bottom:30px;box-sizing:border-box;text-align:center;}
.stepbox .stepbox_list .stepbox_item:nth-child(4n){margin-right:0;}
.stepbox .stepbox_list .stepbox_item:before{display:block;position:absolute;top:93px;right:-23px;width:11px;height:17px;background:url('../images/template/step_icon.png') no-repeat left top;content:'';}
.stepbox .stepbox_list .stepbox_item:nth-child(4n):before{display:none;}
.stepbox .stepbox_list .stepbox_item:last-child:before{display:none;}
.stepbox .stepbox_list .stepbox_item .step_wrap{padding:1px;background-color:#e2e2e2;box-sizing:border-box;}
.stepbox .stepbox_list .stepbox_item .step_wrap .step_item{display:table;width:100%;background-color:#fff;letter-spacing:-0.01em;line-height:22px;}
.stepbox .stepbox_list .stepbox_item .step_wrap .step_item.type2{margin-top:1px;}
.stepbox .stepbox_list .stepbox_item .step_wrap .step_item .cell_step{display:table-cell;padding:0 4%;line-height:22px;height:124px;vertical-align:middle;}
.stepbox .stepbox_list .stepbox_item .step_wrap .step_item .cell_step.type2{height:76px;}
.stepbox .stepbox_list .stepbox_item .step_wrap .step_item .title{display:block;margin-top:12px;margin-bottom:7px;font-size:16px;color:#459173;font-weight:600;}
.stepbox .stepbox_list .stepbox_item .step_wrap .step_item .desc{font-size:15px;color:#444;}

.stepbox .stepbox_list .stepbox_item:last-child .step_wrap{padding:3px;background-color:#cdddd0;}
.stepbox .stepbox_list .stepbox_item:last-child .step_wrap .step_item .cell_step{height:121px;}
.stepbox .stepbox_list .stepbox_item:last-child .step_wrap .step_item .cell_step.type2{height:75px;}
.stepbox .stepbox_list .stepbox_item:last-child .step_wrap .title{margin-top:8px;}

@media all and (max-width:800px){
    .stepbox .stepbox_list{padding:3%;}
    .stepbox .stepbox_list .stepbox_item{width:calc((100% - 50px) / 2);margin-right:50px;}
    .stepbox .stepbox_list .stepbox_item:before{top:calc(50% - 8px);right:-32px;}
    .stepbox .stepbox_list .stepbox_item:nth-child(2n){margin-right:0;}
    .stepbox .stepbox_list .stepbox_item:nth-child(2n):before{display:none;}
}

/* step박스2 */
.stepbox2{width:100%;margin-bottom:40px;}
.stepbox2 .stepbox_list{width:100%;}
.stepbox2 .stepbox_list .stepbox_item{list-style:none;float:left;position:relative;width:calc((100% - 99.99px) / 4);margin-right:33.33px;margin-bottom:30px;box-sizing:border-box;text-align:center;}
.stepbox2 .stepbox_list .stepbox_item:nth-child(4n){margin-right:0;}
.stepbox2 .stepbox_list .stepbox_item:before{display:block;position:absolute;top:30px;left:calc(50% - 13px);width:26px;border:1px solid #d9d9d9;text-align:center;font-size:14px;color:#444;line-height:24px;letter-spacing:0;content:counter(number, decimal);box-sizing:border-box;}
.stepbox2 .stepbox_list .stepbox_item:after{display:block;position:absolute;top:71px;right:-23px;width:11px;height:17px;background:url('../images/template/step_icon.png') no-repeat left top;content:'';}
.stepbox2 .stepbox_list .stepbox_item:nth-child(4n):after{display:none;}
.stepbox2 .stepbox_list .stepbox_item:last-child:after{display:none;}
.stepbox2 .stepbox_list .stepbox_item .step_wrap{padding:1px;background-color:#e2e2e2;box-sizing:border-box;}
.stepbox2 .stepbox_list .stepbox_item .step_wrap .step_item{display:table;width:100%;background-color:#fff;letter-spacing:-0.01em;line-height:22px;}
.stepbox2 .stepbox_list .stepbox_item .step_wrap .step_item .cell_step{display:table-cell;padding:62px 4% 0;line-height:22px;height:157px;vertical-align:top;}
.stepbox2 .stepbox_list .stepbox_item .step_wrap .step_item .title{display:block;margin-bottom:8px;font-size:16px;color:#459173;font-weight:600;}
.stepbox2 .stepbox_list .stepbox_item .step_wrap .step_item .desc{font-size:15px;color:#444;}
.stepbox2 .stepbox_list .stepbox_item:last-child .step_wrap{padding:3px;background-color:#cdddd0;}
.stepbox2 .stepbox_list .stepbox_item:last-child .step_wrap .step_item .cell_step{height:153px;padding-top:57px;}
.stepbox2 .stepbox_list .stepbox_item:last-child .step_wrap .step_item .title{margin-top:3px;margin-bottom:5px;}

@media all and (max-width:1360px){
    .stepbox2 .stepbox_list .stepbox_item .step_wrap .step_item .cell_step{height:180px;}
    .stepbox2 .stepbox_list .stepbox_item:last-child .step_wrap .step_item .cell_step{padding-top:58px;}
}
@media all and (max-width:1000px){
    .stepbox2 .stepbox_list .stepbox_item:last-child .step_wrap .step_item .cell_step{height:176px;}
}
@media all and (max-width:800px){
    .stepbox2 .stepbox_list{padding:3%;}
    .stepbox2 .stepbox_list .stepbox_item{width:calc((100% - 50px) / 2);margin-right:50px;}
    .stepbox2 .stepbox_list .stepbox_item:nth-child(2n){margin-right:0;}
    .stepbox2 .stepbox_list .stepbox_item:after{top:calc(50% - 8px);right:-32px;}
}

/* step박스 3개일 때 */
.stepbox.type3 .stepbox_list .stepbox_item{width:calc((100% - 90px) / 3);margin-right:45px;}
.stepbox.type3 .stepbox_list .stepbox_item:before{top:54px;right:-31px;}
.stepbox.type3 .stepbox_list .stepbox_item:nth-child(3n){margin-right:0;}
.stepbox.type3 .stepbox_list .stepbox_item:nth-child(3n):before{display:none;}
.stepbox.type3 .stepbox_list .stepbox_item:nth-child(4n):before{display:block;}
.stepbox.type3 .stepbox_list .stepbox_item:last-child:before{display:none;}
.stepbox.type3 .stepbox_list .stepbox_item .step_wrap .step_item .cell_step{height:122px;}
.stepbox.type3 .stepbox_list .stepbox_item:last-child .step_wrap .step_item .cell_step{height:118px;}
@media all and (max-width:800px){
    .stepbox.type3 .stepbox_list .stepbox_item:nth-child(2n):before{display:block;}
}
@media all and (max-width:640px){
    .stepbox.type3 .stepbox_list .stepbox_item{width:90%;margin:0 5% 30px;}
    .stepbox.type3 .stepbox_list .stepbox_item:before{top:calc(100% + 6px);right:calc(50% - 6px);transform:rotate(90deg);}
    .stepbox.type3 .stepbox_list .stepbox_item:last-child{margin-bottom:0;}
    .stepbox.type3 .stepbox_list .stepbox_item:last-child:before{display:none;}
    .stepbox.type3 .stepbox_list .stepbox_item .step_wrap .step_item .cell_step{height:98px;}
    .stepbox.type3 .stepbox_list .stepbox_item:last-child .step_wrap .step_item .cell_step{height:94px;}

}
@media all and (max-width:480px){
    .stepbox.type3 .stepbox_list .stepbox_item:nth-child(2n):before{display:block;}
    .stepbox.type3 .stepbox_list .stepbox_item:last-child:before{display:none;}
}

/* step박스 세로형 */
.stepbox.verti .stepbox_list .stepbox_item{float:none;}
.stepbox.verti .stepbox_list .stepbox_item{display:block;width:230px;margin:0 auto 30px;}
.stepbox.verti .stepbox_list .stepbox_item:last-child{margin-bottom:0;}
.stepbox.verti .stepbox_list .stepbox_item:before{top:calc(100% + 6px);right:calc(50% - 5px);transform:rotate(90deg);}
.stepbox.verti .stepbox_list .stepbox_item:last-child:before{display:none;}
.stepbox.verti .stepbox_list .stepbox_item .step_wrap .step_item .cell_step{height:121px;}
.stepbox.verti .stepbox_list .stepbox_item:last-child .step_wrap .step_item .cell_step{height:117px;}

@media all and (max-width:640px){
    .stepbox.verti .stepbox_list .stepbox_item .step_wrap .step_item .cell_step{height:100px;}
    .stepbox.verti .stepbox_list .stepbox_item:last-child .step_wrap .step_item .cell_step{height:94px;}
}

/* 세로형 타이틀 있는 경우 */
.stepbox.verti.type2 .stepbox_list .stepbox_item:nth-child(4n):before{display:block;}
.stepbox.verti.type2 .stepbox_list .stepbox_item .step_wrap .step_item .cell_step{height:51px;}
.stepbox.verti.type2 .stepbox_list .stepbox_item .step_wrap.step_title{background-color:#459173;}
.stepbox.verti.type2 .stepbox_list .stepbox_item .step_wrap.step_title .step_item .cell_step{height:51px;background-color:#459173;}
.stepbox.verti.type2 .stepbox_list .stepbox_item .step_wrap.step_title .step_item .title{margin:0;font-size:15px;color:#fff;font-weight:600;}
.stepbox.verti.type2 .stepbox_list .stepbox_item .step_wrap.step_title .step_item .title2 {font-size:18px;}
.stepbox.verti.type2 .stepbox_list .stepbox_item.point .step_wrap{padding:3px;background-color:#cdddd0;}
.stepbox.verti.type2 .stepbox_list .stepbox_item.point .step_wrap .step_item .cell_step{height:96px;}
.stepbox.verti.type2 .stepbox_list .stepbox_item.point .step_wrap .step_item .cell_step .title{margin:0;}
.stepbox.verti.type2 .stepbox_list .stepbox_item .step_wrap .step_item.type2{margin-top:0;}
.stepbox.verti.type2 .stepbox_list .stepbox_item .step_wrap .step_item.type2 .cell_step{height:35px;}
.stepbox.verti.type2 .stepbox_list .stepbox_item .step_wrap .step_line{width:100%;height:1px;background-color:#e2e2e2;}
.stepbox.verti.type2 .stepbox_list .stepbox_item:last-child .step_wrap{padding:1px;background-color:#e2e2e2;}

/* 세로형 타입3 */
.stepbox.verti.type3 .stepbox_list{padding:0 30px; }
.stepbox.verti.type3 .stepbox_list .stepbox_item{width:100%;}
.stepbox.verti.type3 .stepbox_list .stepbox_item .step_wrap .step_item .cell_step{height:auto; padding:0;}
.stepbox.verti.type3 .stepbox_list .stepbox_item .step_wrap .step_item .cell_step .title{margin:0; padding:22px 0; border-bottom:1px solid #e2e2e2; font-size:17px; line-height:19px; color:#2f3e51; font-weight:600;}
.stepbox.verti.type3 .stepbox_list .stepbox_item .step_wrap .step_item .cell_step .title.green{color:#43896f;}
.stepbox.verti.type3 .stepbox_list .stepbox_item .step_wrap .step_item .cell_step .title.red{color:#e2525b;}
.stepbox.verti.type3 .stepbox_list .stepbox_item .step_wrap .step_item .desc{padding:14px 37px; text-align:left;}
.stepbox.verti.type3 .stepbox_list .stepbox_item .step_wrap .step_item .desc .bu{font-size:15px;}
.stepbox.verti.type3 .stepbox_list .stepbox_item .step_wrap .step_item .desc .bu > li:before{top:9px;}
.stepbox.verti.type3 .stepbox_list .stepbox_item .step_wrap .step_item .desc .bu > li > .bu{margin-bottom:0;}
.stepbox.verti.type3 .stepbox_list .stepbox_item .step_wrap .step_item .desc .bu > li > .bu > li{margin-bottom:0;}
.stepbox.verti.type3 .stepbox_list .stepbox_item .step_wrap .step_item .desc .bu > li > .bu > li:before{top:11px;}
.stepbox.verti.type3 .stepbox_list .stepbox_item:last-child .step_wrap{padding:1px; background-color:#e2e2e2;}
.stepbox.verti.type3 .stepbox_list .stepbox_item.repeat .step_wrap{position:relative;}
.stepbox.verti.type3 .stepbox_list .stepbox_item.repeat .step_wrap:before{display:block; position:absolute; top:calc(50% - 9px); right:-25px; width:20px; height:17px; background:url('../images/template/step_icon02.png') no-repeat left top; content:'';}
.stepbox.verti.type3 .stepbox_list .stepbox_item.repeat .step_wrap:after{display:block; position:absolute; top:50%; right:-25px; width:1px; height:100%; background-color:#9f9f9f;}
.stepbox.verti.type3 .stepbox_list .stepbox_item.repeat_end .step_wrap{position:relative;}
.stepbox.verti.type3 .stepbox_list .stepbox_item.repeat_end .step_wrap:before{display:block; position:absolute; top:50%; right:-25px; width:20px; height:1px; background-color:#9f9f9f;}
.stepbox.verti.type3 .stepbox_list .stepbox_item.repeat_end .step_wrap:after{display:block; position:absolute; bottom:50%; right:-25px; width:1px; height:100%; background-color:#9f9f9f;}

@media all and (max-width:640px){
	.stepbox.verti.type3 .stepbox_list .stepbox_item .step_wrap .step_item .cell_step .title{padding:10px 0;}
	.stepbox.verti.type3 .stepbox_list .stepbox_item .step_wrap .step_item .desc{padding:15px;}
}

/* 컨텐츠 이미지 박스 */
.cts_imgbox{margin:50px 0;padding:40px;border:1px solid #e2e2e2;box-sizing:border-box;}
.cts_imgbox .photo_box{float:left;position:relative;width:260px;margin-right:40px;background-color:#f7f7f7;}
.cts_imgbox .photo_box .photo_wrap{height:180px;background-image:url('/site/art/images/program/member_profile1.jpg');background-repeat:no-repeat;background-position:center center;background-size:cover;}
.cts_imgbox .photo_box.noimage .photo_wrap{background-image:url('../images/template/imgbox_noimage.png');background-position:center center;background-size:auto;}

.cts_imgbox .photo_box .photo_img{display:block;position:absolute;top:0;left:0;width:0;height:0;line-height:0;}
.cts_imgbox .photo_box .photo_img img{width:0;height:0;}
.cts_imgbox .desc_box{float:left;width:calc(100% - 300px);}
.cts_imgbox .desc_box .title{margin-top:-5px;margin-bottom:12px;font-size:20px;color:#459173;line-height:26px;letter-spacing:-0.03em;font-weight:600;}
.cts_imgbox .desc_box .desc{font-size:15px;color:#555;line-height:24px;letter-spacing:-0.03em;word-break:keep-all;}
.cts_imgbox .link_box{margin-top:41px;text-align:right;}
.cts_imgbox .link_box .btn{margin:0;}
@media all and (max-width:1360px){
    .cts_imgbox{padding:5% 4%;}
    .cts_imgbox .photo_box{width:40%;margin-right:4%;}
    .cts_imgbox .photo_box .photo_wrap{height:0;padding:44% 0;}
    .cts_imgbox .desc_box{width:56%;}
}
@media all and (max-width:1000px){
    .cts_imgbox{padding:3%;}
    .cts_imgbox .photo_box{width:30%;}
    .cts_imgbox .desc_box{width:66%;}
    .cts_imgbox .link_box{margin-top:20px;}
}
@media all and (max-width:640px){
    .cts_imgbox{padding:4%;}
    .cts_imgbox .photo_box{float:none;width:40%;margin:0 auto 20px;}
    .cts_imgbox .photo_box .photo_wrap{padding:50% 0;}
    .cts_imgbox .desc_box{float:none;width:100%;}
    .cts_imgbox .desc_box br{display:none;}
    .cts_imgbox .link_box{text-align:center;}
}

.cts_imgbox.type2{padding-top:45px;padding-left:99px;}
.cts_imgbox.type2 .photo_box{width:165px;margin-right:73px;background-color:transparent;}
.cts_imgbox.type2 .photo_box .photo_wrap{display:table;padding:45px 42px 43px 9px;line-height:17px;width:100%;height:152px;background-image:url('../images/template/imgbox_icon.png');background-repeat:no-repeat;background-position:center center;}
.cts_imgbox.type2 .photo_box .photo_wrap .photo_title{display:table-cell;width:100%;height:64px;font-size:14px;color:#444;font-weight:600;vertical-align:middle;text-align:center;}
.cts_imgbox.type2 .desc_box{width:calc(100% - 238px);}
.cts_imgbox.type2 .desc_box .title{margin-top:-10px;}
.cts_imgbox.type2 .desc_box .link_box{margin-top:36px;text-align:left;}

@media all and (max-width:1360px){
    .cts_imgbox.type2{padding:5% 4%;}
    .cts_imgbox.type2 .photo_box{margin-right:4%;}
    .cts_imgbox.type2 .desc_box{width:calc(96% - 165px);}
}
@media all and (max-width:1000px){
    .cts_imgbox.type2{padding:3%;}
}
@media all and (max-width:640px){
    .cts_imgbox.type2{padding:4%;}
    .cts_imgbox.type2 .photo_box{margin:0 auto 20px;}
    .cts_imgbox.type2 .desc_box{width:100%;}
    .cts_imgbox.type2 .desc_box .link_box{margin-top:20px;text-align:center;}
}


/* 이미지 확대보기 */
.box_img {text-align:center; line-height:0;}
.box_img .inner {position:relative; display:inline-block; max-width:100%; line-height:0;}
.box_img img {max-width:100%;}
.box_img .img_zoom {display:none; position:absolute; right:0; bottom:0; z-index:10;}
.box_img.request .img_zoom {display:inline-block; position:absolute; right:0; bottom:0; z-index:10;}
.box_img .img_zoom a {display:inline-block; width:27px; height:27px; font-size:0; line-height:0; color:transparent; background:url(../images/template/img_zoom.png) center center no-repeat #459173;}
@media screen and (max-width:800px) {
    .box_img .img_zoom {display:inline-block;}
}

/* 사이트 바로가기 */
.site_box{width:490px;padding:40px 39px 38px;border:1px solid #e2e2e2;box-sizing:border-box;}
.site_box .site_item{position:relative;}
.site_box .site_item:before{display:block;position:absolute;top:0;left:0;width:39px;height:39px;background:#268b63 url('../images/template/site_box_icon.png') no-repeat center center;content:'';}
.site_box .site_item .site_desc{min-height:141px;margin-left:60px;}
.site_box .site_item .site_desc .title{margin-bottom:5px;font-size:20px;color:#459173;line-height:39px;letter-spacing:-0.03em;font-weight:600;}
.site_box .site_item .site_desc .desc{font-size:16px;color:#555;line-height:24px;letter-spacing:-0.03em;}
.site_box .site_item .site_desc .link_box{margin-top:14px;}
.site_box .site_item .site_desc .link_box .btn{margin:0;}
@media all and (max-width:1000px){
    .site_box{padding:3%;}
}
@media all and (max-width:800px){
    .site_box{width:90%;margin:0 auto;}
}
@media all and (max-width:640px){
    .site_box{padding:3%;}
    .site_box .site_item:before{display:none;}
    .site_box .site_item .site_desc{margin-left:0;}
}

.site_box.type2{width:100%;padding:0;border:none;}
.site_box.type2 .site_item{float:left;position:relative;width:calc((100% - 40px) / 2);margin-right:40px;margin-bottom:20px;padding:40px 39px 38px;border:1px solid #e2e2e2;box-sizing:border-box;}
.site_box.type2 .site_item:before{display:block;position:absolute;top:40px;left:39px;width:39px;height:39px;background:#268b63 url('../images/template/site_box_icon.png') no-repeat center center;content:'';}
.site_box.type2 .site_item:nth-child(2n){margin-right:0;}
.site_box.type2  .site_item .site_desc{min-height:141px;}
@media all and (max-width:1360px){
    .site_box.type2  .site_item .site_desc{min-height:190px;}
}
@media all and (max-width:1000px){
    .site_box.type2 .site_item{padding:3%;}
    .site_box.type2 .site_item:before{top:11%;left:6%;}
}
@media all and (max-width:800px){
    .site_box.type2 .site_item{float:none;width:90%;margin:0 5% 20px;}
    .site_box.type2 .site_item:before{top:12%;left:3.5%;}
    .site_box.type2 .site_item .site_desc{min-height:120px;}
}
@media all and (max-width:640px){
    .site_box.type2 .site_item{padding:3%;}
    .site_box.type2 .site_item:before{display:none;}
    .site_box.type2  .site_item .site_desc{margin-left:0;}
}

.site_box.type3{padding-bottom:39px;}
.site_box.type3 .site_item .site_desc{min-height:0;}
.site_box.type3 .site_item .site_desc .title{margin-bottom:0;}
.site_box.type3 .site_item .site_desc .link_box{position:absolute;top:2px;right:0;margin:0;}

@media all and (max-width:1360px){
    .site_box.type3{padding:3%;}
}

@media all and (max-width:640px){
    .site_box.type3{padding:0;}
    .site_box.type3 .site_item{padding:3% 28% 3% 3%;}
    .site_box.type3 .site_item .site_desc .link_box{top:calc(50% - 17px);right:21px;}
}

.site_box.type4{width:100%;padding:0;border:none;}
.site_box.type4 .site_item{float:left;position:relative;width:calc((100% - 40px) / 2);margin-right:40px;margin-bottom:20px;padding:40px 39px 38px;border:1px solid #e2e2e2;box-sizing:border-box;}
.site_box.type4 .site_item:before{display:block;position:absolute;top:40px;left:39px;width:39px;height:39px;background:#268b63 url('../images/template/site_box_icon.png') no-repeat center center;content:'';}
.site_box.type4 .site_item:nth-child(2n){margin-right:0;}
.site_box.type4 .site_item .site_desc{min-height:0;}
.site_box.type4 .site_item .site_desc .title{margin-bottom:0;}
.site_box.type4 .site_item .site_desc .link_box{position:absolute;top:42px;right:39px;margin:0;}
@media all and (max-width:800px){
    .site_box.type4 .site_item{float:none;width:90%;margin:0 5% 20px;padding:3% 25% 3% 3%;}
    .site_box.type4 .site_item:before{top:27%;left:3.5%;}
    .site_box.type4  .site_item .site_desc .link_box{top:calc(50% - 17px);right:21px;margin-left:0;}
}
@media all and (max-width:640px){
    .site_box.type4 .site_item:before{display:none;}
}


/* 강조 */
.point{display:inline;color:#df5353;font-weight:600;}
.point2{display:inline;color:#459173;font-weight:600;}
.warning, .warning.type2{display:block;position:relative;padding-left:28px;font-size:16px;color:#444;line-height:24px;letter-spacing:0;}
.warning:before, .warning.type2:before{display:block;position:absolute;top:1px;left:1px;width:22px;height:22px;background-image:url('../images/template/warning_sprite.png');background-repeat:no-repeat;content:'';}
@media all and (max-width:640px){
    .warning, .warning.type2{font-size:14px;}
}
.warning:before{background-position:left top;}
.warning.type2:before{background-position:-22px top;}

/* 라인 */
.line{display:block;width:100%;height:1px;background-image:url('../images/template/template_line.png');background-repeat:repeat;background-position:left top;}

/* 버튼 */
.btn{display:inline-block;position:relative;min-width:100px;margin:10px 0;padding:9px 10px 8px; border:1px solid #bbb;box-sizing:border-box;background-color:#fff;font-size:16px;line-height:26px;color:#444;text-align:center;transition:0.1s;vertical-align:middle;}
a.btn:hover{text-decoration:none;}
.btn:hover{border-color:#459173;background-color:#459173;color:#fff;}
.btn.type2:hover{border-color:#3a495c;background-color:#3a495c;}
.btn:before{display:block;position:absolute;content:'';}

.btn input[type="submit"], .btn input[type="button"]{position:relative;z-index:3;}

.btn.small{padding:4px 10px 3px;font-size:15px;}
.btn.b_btn{padding:0 10px;font-size:14px;line-height:23px;}

.btn.down, .btn.link, .btn.view, .btn.next{min-width:120px;}
.btn.down:before, .btn.link:before, .btn.view:before, .btn.next:before{top:9px;right:16px;width:16px;height:16px;background-image:url('../images/template/btn_sprite.png');background-repeat:no-repeat;}

.btn.down{padding-left:18px;padding-right:46px;}
.btn.down:before{background-position:left top;}
.btn.down:hover:before{background-position:left -16px;}

.btn.link{padding-left:17px;padding-right:46px;}
.btn.link:before{background-position:-16px top;}
.btn.link:hover:before{background-position:-16px -16px;}

.btn.view{padding-left:18px;padding-right:47px;}
.btn.view:before{background-position:-32px top;}
.btn.view:hover:before{background-position:-32px -16px;}

.btn.next{padding-left:18px;padding-right:47px;}
.btn.next:before{background-position:-48px top;}
.btn.next:hover:before{background-position:-48px -16px;}


/* 인풋, 체크, 라디오 */
input[type="search"], input[type="text"]{/*width:160px;*/height:40px;padding:9px 15px 5px;border:1px solid #bbb;font-size:16px;color:#444;line-height:24px;letter-spacing:-0.03em;}
input.temp_type2[type="password"]{height:40px;padding:9px 15px 5px;border:1px solid #bbb;font-size:16px;color:#444;line-height:24px;letter-spacing:-0.03em;}
input.temp_type2[type="search"], input.temp_type2[type="text"]{width:160px;height:40px;padding:9px 15px 5px;border:1px solid #bbb;font-size:16px;color:#444;line-height:24px;letter-spacing:-0.03em;}

input.disabled{background-color:#f8f8f8;border:1px solid #dadada;color:#828282;}
input[disabled]{background-color:#f8f8f8;border:1px solid #dadada;color:#828282;}
input[readonly]{background-color:#f8f8f8;border:1px solid #dadada;color:#828282;}

.temp_checkbox{position:relative; display:inline-block;}
.temp_checkbox label{color:#555555;}
/* ie9이상 적용사항 */
@media only all{
    .temp_checkbox input[type="checkbox"], .temp_checkbox input[type="radio"]{position:absolute; top:5px; left:2px; margin:0; z-index:1;}
    .temp_checkbox label{position:relative; display:inline-block; padding-left:27px;font-size:15px;color:#444;line-height:18px;letter-spacing:0;z-index:2;}
    .temp_checkbox label:before{position:absolute; top:0; left:0; display:block; width:18px; height:18px; box-sizing:border-box; content:'';}
    .temp_checkbox input[type="checkbox"] + label:before{background-repeat:no-repeat; background-position:left top; background-image:url(../images/template/checkbox.gif); transition:background-position 250ms ease-in-out;}
    .temp_checkbox input[type="checkbox"]:checked + label:before{background-position:-18px top;}
    .temp_checkbox input[type="radio"] + label:before{border:#bbb solid 1px; border-radius:18px; overflow:hidden; background-color:#fff; transition-property:border, background-color; transition-duration:250ms; transition-timing-function:ease-in-out;}
    .temp_checkbox input[type="radio"]:checked + label:before{border:#459173 solid 7px; background-color:#fff;}
    .temp_checkbox label:after{position:absolute; top:0; left:0; display:block; width:18px; height:18px; box-sizing:border-box; border-color:transparent; border-style:dashed; border-width:1px; content:''; z-index:3; transition:border-color 250ms ease-in-out;}
    .temp_checkbox input[type="checkbox"]:focus + label:after, .temp_checkbox input[type="radio"]:focus + label:after{border-color:#000;}
    .temp_checkbox input[disabled] + label:before{background-image:none;width:18px;height:18px;border:1px solid #dadada;background-color:#f8f8f8;}
    .temp_checkbox input[type="radio"][disabled] + label:before{background-image:none;width:18px;height:18px;border-radius:18px;border:1px solid #dadada;background-color:#f8f8f8;}
}

/* 셀렉트 */
.temp_select_box select::-ms-expand{display:none;}
.temp_select_box select{width:160px; padding:2px 10px;font-size:16px;color:#444;line-height:24px;letter-spacing:-0.03em;}
.temp_select_box.type2{display:inline-block;vertical-align:top;}

/* ie9이상 적용사항 */
@media only all{
    .temp_select_box select{height:40px;padding:9px 19px 5px;background:#fff url('../images/template/select_icon.png') no-repeat top 17px right 15px;border:1px solid #bbb;appearance:none;}
    .temp_select_box select[disabled]{background-color:#f8f8f8;border:1px solid #dadada;color:#828282;}
}
/* 스타일 셀렉트 */
.style_select_box{position:relative;z-index:10;width:160px;}
.style_select_box .search_select{display:block;position:relative;width:160px;height:40px;padding:9px 19px 5px;border:1px solid #bbb;font-size:16px;color:#444;line-height:24px;letter-spacing:-0.03em;text-align:left;}
.style_select_box .search_select:before{display:block;position:absolute;top:17px;right:15px;width:11px;height:7px;background:url('../images/template/select_icon.png') no-repeat left top;content:'';transition:all 0.3s linear;}
.style_select_box.active .search_select:before{transform:rotate(180deg);}
.style_select_box .search_list{display:none;position:absolute;top:40px;left:0;width:100%;background-color:#fff;border:1px solid #bbb;border-top:none;}
.style_select_box .search_list ul{padding:17px 21px;}
.style_select_box .search_list ul li{font-size:15px;color:#444;letter-spacing:-0.03em;}

/* 테이블 */
.table_scroll .table_unit{margin-bottom:0;text-align:right;}
.table_unit{margin-bottom:-20px; text-align:right;}
.table{width:100%;margin:20px 0;background-color:#fff;font-size:16px;line-height:23px;}
.table.fixed{table-layout:fixed;}

.table.break tbody td,.table.break thead th,.table.break tbody td,.table.break tbody th{word-break:break-all;}

.table thead th{padding:13px 10px 14px;border-top:1px solid #4d5360; border-left:1px solid #dadada; border-bottom:1px solid #dadada;background-color:#f2f2f2;color:#000;font-weight:600;text-align:center;}
.table thead th + th{border-left:1px solid #dadada;}
.table thead tr:first-child th:first-child{border-left:none;}
.table thead th:last-child{border-right:none;}

.table tbody th, .table tfoot th{background-color:#f8f8f8; color:#555; font-weight:400;}
.table tbody th{text-align:center;}
.table tbody th, .table tbody td, .table tfoot th, .table tfoot td{line-height:22px;padding:14px 10px 13px;border-bottom:1px solid #dadada; border-right:1px solid #dadada;}
.table tfoot td:first-child{border-left:none;}
.table tbody tr th:last-child{border-right:none;}
.table td:last-child{border-right:none;}
.table tbody th + td, .table tbody td + td, .table tfoot td{border-left:1px solid #dadada;}
.table tbody td, .table tfoot td{text-align:center;}
.table tbody td ul{margin-top:0; margin-bottom:0; padding-left:10px;}
.table tbody td ul.bu_clear{padding-left:0;}
.table tbody td ol{margin-top:0; margin-bottom:0;}
.table tbody td .blt{margin-left:10px; text-align:left;}
.table.tr_over tbody tr:first-child th, .table.tr_over tbody tr:first-child td{border-top:1px solid #4d5360;}

.table.type2 tbody th{background-color:#f8f8f8; color:#000;}
.table.type2 tbody tr:first-child th, .table.type2 tbody tr:first-child td{border-top:1px solid #4d5360;}
.table.type2 tbody td{text-align:left;}

.table_scroll{margin:30px 0 10px;}
.table_scroll table{margin:0;}
.table_scroll:before, .table_scroll_acitve:before{display: none;}
.table_scroll .scroll_notice{display: none;}

.call_table .head_text{display:none;}
@media all and (max-width:800px){
    .table_scroll{position:relative; max-width:100%; margin-top:20px; margin-bottom:30px; overflow-x:auto;}
    .table_scroll_acitve.table_scroll:before{display: none;}
    .table_scroll .scroll_notice{display: block;}
    .table_scroll table{min-width:800px;}
}
@media all and (max-width:640px){
    .table{font-size:14px;}
    .table .bu, .table .num,.table .dl,.table .dl2{margin-top:10px;margin-bottom:10px;}
    .table thead th{padding:10px 5px;}
    .table tbody th, .table tbody td, .table tfoot th, .table tfoot td{padding:10px;}
    table.table.responsive{border-top:#a6a6a6 solid 1px;}
    table.table.responsive thead{display:none;}
    table.table.responsive colgroup{display:none;}
    table.table.responsive tbody tr{position:relative; display:block; border-bottom:1px solid #d9d9d9;}
    table.table.responsive tbody tr:nth-child(2n-1){background-color:#f8f8f8;}

    table.table.responsive tbody tr:after{display:block; clear:both; content:"."; visibility:hidden; height:0;}
    table.table.responsive tbody td{display:block; float:left; width:100%; padding:4px 3%; border:none; text-align:left !important; box-sizing:border-box; background-color:transparent;}
    table.table.responsive tbody th{display:block; float:left; width:100%; padding:4px 3%; color:#555; text-align:left; vertical-align:middle; background-color:transparent; border:none;}
    table.table.responsive tbody tr:first-child td, table.table.responsive tbody tr:first-child th{border-top:none;}
    table.table.responsive tbody th:before, table.table.responsive tbody td:before{display:inline; content:attr(data-content)' : ';margin-right:4px;color:#000;font-weight:600;}
    table.table.responsive tfoot tr{position:relative; display:block; border-bottom:1px solid #d9d9d9;}
    table.table.responsive tfoot tr:after{display:block; clear:both; content:"."; visibility:hidden; height:0;}
    table.table.responsive tfoot tr:nth-child(odd){background:#f8f8f8;}
    table.table.responsive tfoot td{display:block; padding:4px 3%; border:none; text-align:left; box-sizing:border-box; background-color:transparent;}
    table.table.responsive tfoot th{display:block; padding:4px 3%; text-align:left; vertical-align:middle; background-color:transparent; border:none;}
    table.table.responsive tfoot tr:first-child td, table.table.responsive tfoot tr:first-child th{border-top:none;}
    table.table.responsive tfoot th:before, table.table.responsive tfoot td:before{display:inline; content:attr(data-content)' : ';}
    table.table.responsive.type2 tbody th:before, table.table.responsive.type2 tbody td:before{display:none;}
    table.table.responsive.type2 tfoot th:before, table.table.responsive.type2 tfoot td:before{display:none;}

    .call_table .head_text{display:inline;}
    table.table.responsive.call_table thead{display:block;}
    table.table.responsive.call_table thead tr{display:block;}
    table.table.responsive.call_table thead th{display:block;}
    table.table.responsive.call_table thead td{display:block;}
    table.table.responsive.call_table tbody tr.head_tr{display:none;}
    table.table.responsive.call_table tbody tr td .head_text a{font-weight:bold;}
}

/* 들여쓰기 */
.indent{margin-left:38px;}
.indent2 {margin-left:2px;}
.indent3 {margin-left:3px;}
.indent4 {margin-left:4px;}
.indent5 {margin-left:5px;}
.indent6 {margin-left:6px;}
.indent7 {margin-left:7px;}
.indent8 {margin-left:8px;}
.indent9 {margin-left:9px;}
.indent10 {margin-left:10px;}
.indent11 {margin-left:11px;}
.indent12 {margin-left:12px;}
.indent15 {margin-left:15px;}
.indent20 {margin-left:20px;}
.indent22 {margin-left:22px;}
.indent30 {margin-left:30px;}
.indent40 {margin-left:40px;}
.indent50 {margin-left:50px;}

/* 강조 글자 */
.small {font-size:0.92em;}
.large {font-size:1.167em; letter-spacing:-1px;}
.bold {font-weight:600;}
.underline {text-decoration:underline;}
.em_blue {display:inline; color:#2d53a1;}
.em_gray {display:inline; color:#969696;}
.em_green {display:inline; color:#07623e;}
.em_orange {display:inline; color:#df5353;}
.em_pink {display:inline; color:#c4426e;}
.em_red {display:inline; color:#e01a40;}
.em_black {display:inline; color:#000;}
.em_b_black {display:inline; color:#000; font-weight:600;}
.em_b_green {display:inline; color:#07623e; font-weight:600;}
.em_b_blue {display:inline; color:#0861bc; font-weight:600;}
.em_b_red {display:inline; color:#de2500; font-weight:600;}
.em_b_black {display:inline; color:#000; font-weight:600;}
.em_b_orange {display:inline; color:#df5353; font-weight:600;}


/* margin */
.margin_0{margin:0 !important;}
.margin_10{margin:10px !important;}
.margin_20{margin:20px !important;}
.margin_30{margin:30px !important;}

.margin_t_0{margin-top:0 !important;}
.margin_t_5{margin-top:5px !important;}
.margin_t_10{margin-top:10px !important;}
.margin_t_15{margin-top:15px !important;}
.margin_t_20{margin-top:20px !important;}
.margin_t_25{margin-top:25px !important;}
.margin_t_30{margin-top:30px !important;}
.margin_t_35{margin-top:35px !important;}
.margin_t_40{margin-top:40px !important;}
.margin_t_45{margin-top:45px !important;}
.margin_t_50{margin-top:50px !important;}
.margin_t_60{margin-top:60px !important;}

.margin_r_0{margin-right:0 !important;}
.margin_r_5{margin-right:5px !important;}
.margin_r_10{margin-right:10px !important;}
.margin_r_15{margin-right:15px !important;}
.margin_r_20{margin-right:20px !important;}
.margin_r_25{margin-right:25px !important;}
.margin_r_30{margin-right:30px !important;}
.margin_r_35{margin-right:35px !important;}
.margin_r_40{margin-right:40px !important;}
.margin_r_45{margin-right:45px !important;}
.margin_r_50{margin-right:50px !important;}
.margin_r_55{margin-right:55px !important;}
.margin_r_60{margin-right:60px !important;}

.margin_b_0{margin-bottom:0 !important;}
.margin_b_5{margin-bottom:5px !important;}
.margin_b_10{margin-bottom:10px !important;}
.margin_b_15{margin-bottom:15px !important;}
.margin_b_20{margin-bottom:20px !important;}
.margin_b_25{margin-bottom:25px !important;}
.margin_b_30{margin-bottom:30px !important;}
.margin_b_35{margin-bottom:35px !important;}
.margin_b_40{margin-bottom:40px !important;}
.margin_b_45{margin-bottom:45px !important;}
.margin_b_50{margin-bottom:50px !important;}
.margin_b_55{margin-bottom:55px !important;}
.margin_b_60{margin-bottom:60px !important;}

.margin_l_0{margin-left:0 !important;}
.margin_l_5{margin-left:5px !important;}
.margin_l_10{margin-left:10px !important;}
.margin_l_15{margin-left:15px !important;}
.margin_l_20{margin-left:20px !important;}
.margin_l_25{margin-left:25px !important;}
.margin_l_30{margin-left:30px !important;}
.margin_l_35{margin-left:35px !important;}
.margin_l_40{margin-left:40px !important;}
.margin_l_45{margin-left:45px !important;}
.margin_l_50{margin-left:50px !important;}
.margin_l_55{margin-left:55px !important;}
.margin_l_60{margin-left:60px !important;}

/* padding */
.padding_0{padding:0 !important;}
.padding_10{padding:10px !important;}
.padding_20{padding:20px !important;}
.padding_30{padding:30px !important;}
.padding_40{padding:40px !important;}
.padding_50{padding:50px !important;}

.padding_t_0{padding-top:0 !important;}
.padding_t_5{padding-top:5px !important;}
.padding_t_10{padding-top:10px !important;}
.padding_t_15{padding-top:15px !important;}
.padding_t_20{padding-top:20px !important;}
.padding_t_25{padding-top:25px !important;}
.padding_t_30{padding-top:30px !important;}
.padding_t_35{padding-top:35px !important;}
.padding_t_40{padding-top:40px !important;}
.padding_t_45{padding-top:45px !important;}
.padding_t_50{padding-top:50px !important;}
.padding_t_60{padding-top:60px !important;}

.padding_r_0{padding-right:0 !important;}
.padding_r_5{padding-right:5px !important;}
.padding_r_10{padding-right:10px !important;}
.padding_r_15{padding-right:15px !important;}
.padding_r_20{padding-right:20px !important;}
.padding_r_25{padding-right:25px !important;}
.padding_r_30{padding-right:30px !important;}
.padding_r_35{padding-right:35px !important;}
.padding_r_40{padding-right:40px !important;}
.padding_r_45{padding-right:45px !important;}
.padding_r_50{padding-right:50px !important;}

.padding_b_0 {padding-bottom:0 !important;}
.padding_b_5 {padding-bottom:5px !important;}
.padding_b_10 {padding-bottom:10px !important;}
.padding_b_15 {padding-bottom:15px !important;}
.padding_b_20 {padding-bottom:20px !important;}
.padding_b_25 {padding-bottom:25px !important;}
.padding_b_30 {padding-bottom:30px !important;}
.padding_b_35 {padding-bottom:35px !important;}
.padding_b_40 {padding-bottom:40px !important;}
.padding_b_45 {padding-bottom:45px !important;}
.padding_b_50 {padding-bottom:50px !important;}

.padding_l_0 {padding-left:0 !important;}
.padding_l_5 {padding-left:5px !important;}
.padding_l_10 {padding-left:10px !important;}
.padding_l_15 {padding-left:15px !important;}
.padding_l_20 {padding-left:20px !important;}
.padding_l_25 {padding-left:25px !important;}
.padding_l_30 {padding-left:30px !important;}
.padding_l_35 {padding-left:35px !important;}
.padding_l_40 {padding-left:40px !important;}
.padding_l_45 {padding-left:45px !important;}
.padding_l_50 {padding-left:50px !important;}

/* width */
.w5p {width:5% !important;}
.w8p {width:8% !important;}
.w10p {width:10% !important;}
.w15p {width:15% !important;}
.w20p {width:20% !important;}
.w25p {width:25% !important;}
.w30p {width:30% !important;}
.w35p {width:35% !important;}
.w40p {width:40% !important;}
.w45p {width:45% !important;}
.w50p {width:50% !important;}
.w55p {width:55% !important;}
.w60p {width:60% !important;}
.w65p {width:65% !important;}
.w70p {width:70% !important;}
.w75p {width:75% !important;}
.w80p {width:80% !important;}
.w85p {width:85% !important;}
.w90p {width:90% !important;}
.w95p {width:95% !important;}
.w100p {width:100% !important;}
@media all and (max-width:765px){
    .w-sm-5p {width:5% !important;}
    .w-sm-10p {width:10% !important;}
    .w-sm-15p {width:15% !important;}
    .w-sm-20p {width:20% !important;}
    .w-sm-25p {width:25% !important;}
    .w-sm-30p {width:30% !important;}
    .w-sm-35p {width:35% !important;}
    .w-sm-40p {width:40% !important;}
    .w-sm-45p {width:45% !important;}
    .w-sm-50p {width:50% !important;}
    .w-sm-55p {width:55% !important;}
    .w-sm-60p {width:60% !important;}
    .w-sm-65p {width:65% !important;}
    .w-sm-70p {width:70% !important;}
    .w-sm-75p {width:75% !important;}
    .w-sm-80p {width:80% !important;}
    .w-sm-85p {width:85% !important;}
    .w-sm-90p {width:90% !important;}
    .w-sm-95p {width:95% !important;}
    .w-sm-100p {width:100% !important;}
}

/* 정렬 */
.float_left {float:left;}
.float_right {float:right;}
.text_center {text-align:center !important;}
.text_right {text-align:right;}
.text_left {text-align:left !important;}
.vertical_top {vertical-align:top;}
.vertical_middle {vertical-align:middle;}
.vertical_bottom {vertical-align:bottom;}
.vertical_baseline {vertical-align:baseline;}

/* 컨텐츠 템플릿 */
.cts_h3{position:relative;display:block;width:732px;margin:0 auto 54px;padding:0 50px;border:15px solid #ededed;text-align:center;}
.cts_h3:before{display:block;position:absolute;top:-15px;left:50px;z-index:1;width:603px;height:109px;background-color:#fff;content:'';}
.cts_h3 h3{position:relative;z-index:2;margin:0;line-height:79px;font-weight:500;}
@media all and (max-width:1360px){
    .cts_h3{width:90%;margin:0 5% 21px;}
    .cts_h3:before{left:50px;width:518px;}
}
@media all and (max-width:1000px){
    .cts_h3:before{width:calc(100% - 100px);}
}
@media all and (max-width:640px){
    .cts_h3{margin-bottom:16px;}
    .cts_h3:before{height:75px;}
    .cts_h3 h3{line-height:45px;}
}
@media all and (max-width:480px){
    .cts_h3{padding:0;}
}

/* 다음지도 접근성 */
.roughmap_maker_label a{display:block;}
.wrap_btn_zoom button{position:relative;}
.wrap_btn_zoom button:before{display:block; position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; border-width:1px; border-style:dotted; border-color:transparent; content:'';}
.wrap_btn_zoom button:focus:before{border-color:#000;}

/* 비디오 자막박스 video_caption */
.box.type2.video_caption{height:220px;overflow-y:auto;}
.box.type2.video_caption .box_wrap{padding:30px 40px;}
.box.type2.video_caption p:nth-child(n+2){margin-top:15px;}
@media all and (max-width:640px){
	.box.type2.video_caption{height:40vh;font-size:15px;line-height:22px;}
	.box.type2.video_caption .box_wrap{padding:15px 4%;}
	.box.type2.video_caption p:nth-child(n+2){margin-top:10px;}
}

