@charset "utf-8";

/* before{content:"";display:block;position:absolute;width:8px;height:8px;border-radius:100%;background:#4D8DE7;top:5px;left:0;} */

/*
{font-family:'gmarket';}
{font-family:'themario';}
{font-family:'ntk';}
{font-family:'Nanum Squar';}

*/
.list_1st li{word-break: keep-all;}
.main_ir{margin: 0 auto;background-image: url(/images/contents/main_ir.png);background-repeat: no-repeat;font-size: 0 !important;}
.layout{max-width:1240px;margin:0 auto;padding-bottom: 200px;}
#txt{padding-top:80px;}
input[type="text"], input[type="password"], input[type="file"], input[type="search"], input[type="submit"],
input[type="button"], input[type="reset"]{border-radius: 4px;}
input[type="text"]:hover, select:hover, button:hover,
input[type="text"]:focus, select:focus, button:focus,
input[type="text"]:active, select:active, button:active,
input[type="text"]:visited, select:visited, button:visited{border-color: #4D8DE7; outline: 0 none;}
textarea:hover,
textarea:focus,
textarea:active,
textarea:visited{outline: 0 none;}
.form-control#placeholderColor::placeholder {color: red;}

.fs_22:before{content: "";display: block;top: 8px;}
#toggle-btn {cursor: pointer;text-align: center; margin-bottom:0px;}
@media all and (max-width:1240px){
.layout{max-width: 100%;width: 90%;}
#txt{padding-top:10%;}

}

li .count{display:block;position:absolute;bottom:20px;right:20px;color:#888;font-size:15px;width: 100px;text-align: right;}

/* 서브 비주얼 */
#sub_visual{overflow:hidden;width:100%;height:auto;padding:50px 0;background:#ecf2fa;position:relative;}
#sub_visual:before{content:"";display:block;position:absolute;width:270px;height:150px;background:url(/images/contents/sub_visual_bg1.png) no-repeat 0 0;
                bottom:0;left:0;}
#sub_visual:after{content:"";display:block;position:absolute;width:410px;height:230px;background:url(/images/contents/sub_visual_bg2.png) no-repeat 0 0;
                top:0;right:0;}
#sub_visual .visual_wrap{text-align:center;max-width:1240px;margin:0 auto;}
#sub_visual .visual_wrap .sub_title{font-family:'gmarket';font-size:35px;font-weight:600;color:#345b8c;position:relative;z-index:0;width: 250px;margin:auto;}
#sub_visual .visual_wrap .sub_title:before{content:"";display:block;position:absolute;width:100%;height:12px;background:#a5c8f2;opacity: 0.5;bottom:4px;left:0;z-index:-1;}  
#sub_visual .visual_wrap .sub_title.type1{width:100px;}
#sub_visual .visual_wrap .sub_title.type2{width:170px;}
#sub_visual .visual_wrap .sub_text{font-family:'gmarket';font-size:24px;font-weight:400;color:#434950;margin-top:20px;margin-bottom:0px;}
#sub_visual .visual_wrap ul.step{margin-top:40px;}
#sub_visual .visual_wrap ul.step li{background:#fff;border:0;}
#sub_visual .visual_wrap ul.step li span.icn{background: url(/images/contents/step_icn.png) no-repeat 0 0;}
#sub_visual .visual_wrap ul.step li span.icn.ico1{background-position:0 0;}
#sub_visual .visual_wrap ul.step li span.icn.ico2{background-position:-45px 0;}
#sub_visual .visual_wrap ul.step li span.icn.ico3{background-position:-90px 0;}
#sub_visual .visual_wrap ul.step li span.icn.ico4{background-position:-135px 0;}


@media all and (max-width:1400px){
#sub_visual:before{background-size: 100%;width: 187px;height: 104px;}
#sub_visual:after{background-size: 100%;width: 220px;height: 128px;}

}

@media all and (max-width:1240px){
#sub_visual .visual_wrap{max-width:100%;width:90%;}
#sub_visual .visual_wrap ul.step li{min-height: 124px;}
#sub_visual .visual_wrap ul.step li strong{word-break: keep-all;line-height: 25px;}

}

@media all and (max-width:1100px){
#sub_visual .visual_wrap ul.step li strong{font-size: 16px;line-height: 21px;}

}

@media all and (max-width:980px){
#sub_visual .visual_wrap ul.step li{width: 22%;padding: 15px 15px 15px 55px;min-height: 0;}
#sub_visual .visual_wrap ul.step li span.icn{left: 6px;}
#sub_visual .visual_wrap ul.step li strong{font-size: 15px;line-height: 20px;}
#sub_visual .visual_wrap ul.step li:after{background-size: 100%;width: 28px;height: 36px;top: 31px;}

}

@media all and (max-width:768px){
#sub_visual{padding: 30px 0;}
#sub_visual:before{width: 130px;height:72px;}
#sub_visual:after{width: 126px;height: 74px;}
#sub_visual .visual_wrap .sub_title{width: 110px;font-size: 28px;}
#sub_visual .visual_wrap .sub_text{font-size: 17px;margin-top: 10px;}

#sub_visual .visual_wrap ul.step{margin-top: 26px;}
#sub_visual .visual_wrap ul.step li{width: 21.2%;padding: 55px 15px 15px 15px; min-height: 134px;margin-bottom:0;}
#sub_visual .visual_wrap ul.step li span.icn{top: 10px;left: 34%;}
#sub_visual .visual_wrap ul.step li p{text-align: center;}
#sub_visual .visual_wrap ul.step li strong{text-align: center;font-size: 14px;line-height: 18px;}
#sub_visual .visual_wrap ul.step li:after{top: 38%;right: -22%;}

}

@media all and (max-width:600px){
#sub_visual .visual_wrap ul.step li{width: 45%;margin-bottom: 5%;padding-top:45px;min-height: 110px;}
#sub_visual .visual_wrap ul.step li:after{width: 21px;height: 26px;top: 44%; right: -11%;}
#sub_visual .visual_wrap ul.step li span.icn{top: 5px;left: 41%;}
#sub_visual .visual_wrap ul.step li:nth-child(3), #sub_visual .visual_wrap ul.step li:nth-child(4)
{margin-bottom:0;}

}

@media all and (max-width:500px){
#sub_visual:before{width: 96px;height:52px;}
#sub_visual:after{width: 96px;height: 52px;}
#sub_visual .visual_wrap .sub_title{width: 110px;font-size: 24px;}
#sub_visual .visual_wrap .sub_text{font-size: 15px; margin-top: 5px;line-height: 19px;}
#sub_visual .visual_wrap ul.step li{padding:10px;min-height: 75px;}
#sub_visual .visual_wrap ul.step li span.icn{display:none;}

}

/*
@media all and (max-width:470px){
#sub_visual .visual_wrap .sub_title{width: 110px;font-size: 24px;}	
#sub_visual .visual_wrap ul.step li{min-height: 65px;}
#sub_visual .visual_wrap ul.step li:after{right: -12.5%;}

}
*/


/* 2차메뉴 */
#body_wrap{position:relative;}
#body_wrap .lnb_wrap{overflow:hidden;width:100%;height:60px;margin:0 auto;background:#2c5f9f;}
#body_wrap .lnb_wrap .layout{max-width:1240px;clear:both;overflow:hidden;position: relative;padding-bottom: 0;}
#body_wrap .lnb_wrap .layout .depth2_ul{overflow:hidden;float:left;}
#body_wrap .lnb_wrap .layout .depth2_ul li{width:195px;float:left;margin-left:-1px;}
#body_wrap .lnb_wrap .layout .depth2_ul li:first-child{margin-left:0;}
#body_wrap .lnb_wrap .layout .depth2_ul li a{display:block;width:100%;height:100%;line-height:60px;padding:0px 30px;color:#fff;font-size:18px;font-weight:600;
                                        position:relative;text-align:center;border-left:1px solid #5c7fad;border-right:1px solid #5c7fad;}
#body_wrap .lnb_wrap .layout .depth2_ul li a:hover:before,
#body_wrap .lnb_wrap .layout .depth2_ul li.on a:before{content:"";display:block;position:absolute;width:100%;border-bottom:8px solid #4D8DE7;bottom:0;left:0;}
/*

#body_wrap .lnb_wrap .layout .depth2_ul li a:hover:after,
#body_wrap .lnb_wrap .layout .depth2_ul li.on a:after{background-position:-27px 0;}*/

#body_wrap .lnb_wrap .layout .utile_wrap{position: absolute;top: 0;right: 0;width: auto;}
#body_wrap .lnb_wrap .layout .utile_wrap ul.location{overflow:hidden;padding:0 30px;float: left;}
#body_wrap .lnb_wrap .layout .utile_wrap ul.location li{float: left;position: relative;line-height: 60px;padding: 0 17px;}
#body_wrap .lnb_wrap .layout .utile_wrap ul.location li.home{padding-left:30px;}
#body_wrap .lnb_wrap .layout .utile_wrap ul.location li.home:before{content:"";display:block;position:absolute;width:24px;height:21px;left: 0px; top: 20px;
                                                                background:url(/images/contents/lnb_wrap_ir.png) no-repeat -58px 0;}
#body_wrap .lnb_wrap .layout .utile_wrap ul.location li:after{content:"";display:block;position:absolute;width:16px;height:16px;right: -13px;top: 22px;
                                                                background:url(/images/contents/lnb_wrap_ir.png) no-repeat -85px 0;}
#body_wrap .lnb_wrap .layout .utile_wrap ul.location li:last-child:after{display:none;}
#body_wrap .lnb_wrap .layout .utile_wrap ul.location li a{width:100%;height:100%;display:block;color:#fff;font-size:15px;font-weight:300;}

#body_wrap .lnb_wrap .layout .utile_wrap ul.print_wrap{overflow:hidden;float: left;}
#body_wrap .lnb_wrap .layout .utile_wrap ul.print_wrap li{margin-left:-1px;float: left;position: relative;}
#body_wrap .lnb_wrap .layout .utile_wrap ul.print_wrap li:first-child{margin-left:0;}
#body_wrap .lnb_wrap .layout .utile_wrap ul.print_wrap li a{display: block; width: 60px;height: 60px;padding: 10px;font-size: 0;
text-align: center;border-left: 1px solid #5c7fad;border-right: 1px solid #5c7fad;background:url(/images/contents/lnb_wrap_ir.png) no-repeat 0 0 #2c5f9f;}
#body_wrap .lnb_wrap .layout .utile_wrap ul.print_wrap li.n1 a,
#body_wrap .lnb_wrap .layout .utile_wrap ul.print_wrap li.n1 a:hover{background-position:0 -21px;}
#body_wrap .lnb_wrap .layout .utile_wrap ul.print_wrap li.n2 a,
#body_wrap .lnb_wrap .layout .utile_wrap ul.print_wrap li.n2 a:hover{background-position:-59px -21px;}
#body_wrap .lnb_wrap .layout .utile_wrap ul.print_wrap li a:hover{background:url(/images/contents/lnb_wrap_ir.png) no-repeat 0 0 #4D8DE7;border-left:1px solid #4D8DE7;
                                                                border-right:1px solid #4D8DE7;}



@media all and (max-width:980px){
#body_wrap .lnb_wrap .layout .depth2_ul li{width: 150px;}
#body_wrap .lnb_wrap .layout .depth2_ul li a{padding: 0px 15px;}
#body_wrap .lnb_wrap .layout .depth2_ul li a:after{right: 10px;}
#body_wrap .lnb_wrap .layout .utile_wrap ul.location{padding: 0 10px;}

}

@media all and (max-width:768px){
#body_wrap .lnb_wrap{height: auto;}
#body_wrap .lnb_wrap .layout .depth2_ul {float:none;display:block;width:100%;border-bottom: 1px solid #5c7fad;margin-bottom:0 !important;}
#body_wrap .lnb_wrap .layout .utile_wrap{position:relative;display:block;width:100%;}
#body_wrap .lnb_wrap .layout .utile_wrap ul.location,
#body_wrap .lnb_wrap .layout .utile_wrap ul.print_wrap{margin-bottom:0 !important;}


}

@media (max-width: 500px){
#body_wrap .lnb_wrap .layout{width:100%;max-width:100%;}
#body_wrap .lnb_wrap .layout .depth2_ul li{width: 50%;}
#body_wrap .lnb_wrap .layout .depth2_ul.t3 li{width: 33.3%;}
#body_wrap .lnb_wrap .layout .depth2_ul li a{font-size:16px;padding-left: 11%;}
#body_wrap .lnb_wrap .layout .depth2_ul li:first-child a{border-left:0;}
#body_wrap .lnb_wrap .layout .depth2_ul li:last-child a{border-right:0;} 
#body_wrap .lnb_wrap .layout .depth2_ul li a:after{right:11%;}
#body_wrap .lnb_wrap .layout .utile_wrap{background:#1f4c85;height:60px;}
#body_wrap .lnb_wrap .layout .utile_wrap ul.location{padding-right: 16.8%;padding-left:0;background:#1f4c85;margin-left:5%;}
#body_wrap .lnb_wrap .layout .utile_wrap ul.print_wrap{float:right;margin-right: 3%;}
#body_wrap .lnb_wrap .layout .utile_wrap ul.print_wrap li a{background-color:#1f4c85;border-left:0;border-right:0;width: 55px;}
#body_wrap .lnb_wrap .layout .utile_wrap ul.print_wrap li a:hover{width: 55px;}
#body_wrap .lnb_wrap .layout .utile_wrap ul.print_wrap li.n1 a, #body_wrap .lnb_wrap .layout .utile_wrap ul.print_wrap li.n1 a:hover{background-position: -3px -21px;}
#body_wrap .lnb_wrap .layout .utile_wrap ul.print_wrap li.n2 a, #body_wrap .lnb_wrap .layout .utile_wrap ul.print_wrap li.n2 a:hover{background-position: -62px -21px;}

}

@media all and (max-width:470px){
#body_wrap .lnb_wrap .layout .depth2_ul li a{font-size: 15px;font-weight:400;}
#body_wrap .lnb_wrap .layout .utile_wrap ul.location{padding:0;margin-left:3%;}
#body_wrap .lnb_wrap .layout .utile_wrap ul.location li.home{padding-left:10px;}
#body_wrap .lnb_wrap .layout .utile_wrap ul.location li.home:before{display:none;}
#body_wrap .lnb_wrap .layout .utile_wrap ul.print_wrap li a{width: 54px;padding: 10px 0px;}
#body_wrap .lnb_wrap .layout .utile_wrap ul.print_wrap li.n1 a, #body_wrap .lnb_wrap .layout .utile_wrap ul.print_wrap li.n1 a:hover{background-position: -3px -21px;}
#body_wrap .lnb_wrap .layout .utile_wrap ul.print_wrap li.n2 a, #body_wrap .lnb_wrap .layout .utile_wrap ul.print_wrap li.n2 a:hover{background-position: -62px -21px;}

}




/* 공유하기 */

#snsOpen{position:relative;}
.sns_pop, .sns_close {display:block; width: 210px; height: 50px;position: absolute;right: 0;top: 0;background: #525252;padding: 18px;color:#fff;}
.sns_close,  .sns_close a,  .sns_close a:hover {opacity: 1;}
.sns_pop a, .sns_close a, 
.sns_pop a:link, .sns_close a:link,
.sns_pop a:visited, .sns_close a:visited,
.sns_pop a:hover, .sns_close a:hover,
.sns_pop a:focus, .sns_close a:focus,
.sns_pop a:active, .sns_close a:active{}
.sns_pop:hover, .sns_close:hover {cursor:pointer;}

.cont_list {display:none;position:absolute;top:60px; right:330px;width:410px;height:auto;visibility:hidden;padding: 20px;z-index: 12;background: #fff;border: 1px solid #ccc;}
.cont_list .box {display: flex;align-items: center;margin-bottom: 15px;}
.cont_list .box:last-child {margin-bottom: 0;}
.cont_list .box h6 {position: relative;width: 80px;font-size: 16px;font-weight: 700;color: #333;}
.cont_list .box h6::after {display: block;position: absolute;top: 1px;right: 10px;width: 1px;height: 20px;background: #999;content: '';}
.cont_list .box .copy input {color: #555;background: #fff;font-size: 14px;}
.cont_list .box .copy button {background: #818d9d;color: #fff;height: 39px;padding: 0 15px;margin-left: -3px;border-radius: 8px;}

.cont_list .list {width: 123px;overflow:hidden;}
.cont_list .list li {float:left;width:30%;margin-right:1%;}
.cont_list .list li:last-child{margin-right:0;}
.cont_list .list li a{position: relative;display:block;background: url(/images/contents/sns_ir.png) no-repeat 0 0;font-size:0;height:35px;line-height:35px;}
.cont_list .list li a.kakao{background-position:0 0;}
.cont_list .list li a.fa{background-position:-37px 0;}
.cont_list .list li a.band{background-position:-73px 0;}
.cont_list .list li a.ins{background-position:-110px 0;}
.cont_list .list li a:hover {text-decoration:underline;cursor:pointer;}



/* 공유하기 2*/
.sns_pop1, .sns_close1{display:inline-block;background: #fff;position:relative;}
.sns_close1,  .sns_close1 a,  .sns_close1 a:hover {opacity: 1;}
.sns_pop1 a, .sns_close1 a, 
.sns_pop1 a:link, .sns_close1 a:link,
.sns_pop1 a:visited, .sns_close1 a:visited,
.sns_pop1 a:hover, .sns_close1 a:hover,
.sns_pop1 a:focus, .sns_close1 a:focus,
.sns_pop1 a:active, .sns_close1 a:active{}
.sns_pop1:hover, .sns_close1:hover {cursor:pointer;}

.cont_list1 {display:none;position:absolute;top: 60px; right: 0;width:410px;height:auto;visibility:hidden;padding: 20px;z-index: 12;background: #fff;border: 1px solid #ccc;}
.cont_list1 .box {display: flex;align-items: center;gap: 10px;margin-bottom: 15px;}
.cont_list1 .box:last-child {margin-bottom: 0;}
.cont_list1 .box h6 {position: relative;width: 80px;font-size: 16px;font-weight: 700;color: #333;text-align: left;}
.cont_list1 .box h6::after {content: '';display: inline-block;width: 1px;height: 20px;background: #999;vertical-align: middle;margin-left: 10px;}
.cont_list1 .box .copy input {color: #555;background: #fff;font-size: 14px;}
.cont_list1 .box .copy button {background: #818d9d;color: #fff;height: 39px;padding: 0 15px;border-radius: 8px;}
.cont_list1 .list1 {overflow:hidden;margin: 0;}
.cont_list1 .list1 li {width: 35px;height: 35px;border-radius: 50%;padding: 0;}


.cont_list1 .list1 li:last-child{margin-right:0;}
.cont_list1 .list1 li a{display:block;background: url(/images/contents/sns_ir.png) no-repeat 0 0;font-size:0;width: 35px;height:35px;line-height:35px;}
.cont_list1 .list1 li a.kakao{background-position:-1px -1px;}
.cont_list1 .list1 li a.fa{background-position: -38px -1px;}
.cont_list1 .list1 li a.band{background-position: -75px -1px;}
.cont_list1 .list1 li a.ins{background-position:-110px 0;}
.cont_list1 .list1 li a:hover {cursor:pointer;}
.cont_list1 .sns_close1 {position: absolute;width: 20px;height: 20px;top: 12px;right: 12px;}
.cont_list1 .sns_close1::before,
.cont_list1 .sns_close1::after {content: '';position: absolute;top: 0;left: 50%;width: 1.5px;height: 18px;background: #333;}
.cont_list1 .sns_close1::before {transform: rotate(45deg);}
.cont_list1 .sns_close1::after {transform: rotate(-45deg);}




@media all and (max-width:1900px){
	.cont_list{right:16%;}
}

@media all and (max-width:1600px){
	.cont_list{right:10%;}
}

@media all and (max-width:1400px){
	.cont_list{right:5%;}
}

@media all and (max-width:768px){
	.cont_list {top:121px;right:4%;}
	.cont_list1 {top: 82px;}
}

@media all and (max-width:700px){
	.cont_list1 {top: 95px;right: 50%;transform: translateX(50%);}
}

@media all and (max-width:500px){
	.cont_list{width: 100%;right:0%;}
	.cont_list1 {width: 100%;}
	.cont_list .box, .cont_list1 .box {display: block;}
	.cont_list .box h6, .cont_list1 .box h6 {margin-bottom: 5px;}
	.cont_list .box h6::after, .cont_list1 .box h6::after {display: none;}
	.cont_list1 .box .copy {float: left;}
}




/* 탭 버튼 */

.tab_btn{overflow:hidden;margin-bottom:50px;padding-bottom:20px;}
.tab_btn li{position:relative;width:10.7%;margin-right:2%;float:left;}
.tab_btn li:last-child{margin-right:0;}
.tab_btn.n6 li{width: 13.2%;}
.tab_btn.n7 li{width: 10.7%;}
.tab_btn li a{display:block;width:100%;height:100%;border:1px solid #c9d3d6;border-radius:15px;padding:20px 0 25px 0;min-height:125px;}
.tab_btn li a:hover{border:3px solid #4d8de7;box-shadow: 4px 4px 5px 3px rgba(0,0,0,0.1);padding:18px 0 24px 0;}
.tab_btn li.on a{border:3px solid #4d8de7;box-shadow: 4px 4px 5px 3px rgba(0,0,0,0.1);padding:18px 0 24px 0;}
.tab_btn.n6 li a{padding:25px 40px;}
.tab_btn.n6 li.on a{padding:23px 38px;}
.tab_btn.n6 li a:hover{padding:23px 38px;}

.tab_btn li a .icn{display:block;width:60px;height:60px;background:url(/images/contents/tab_btn_icn.png) no-repeat 0 0;margin: 0 auto;}
.tab_btn li a .icn.ico1{background-position:0 0;}
.tab_btn li a .icn.ico2{background-position:-60px 0;}
.tab_btn li a .icn.ico3{background-position:-120px 0;}
.tab_btn li a .icn.ico4{background-position:-180px 0;}
.tab_btn li a .icn.ico5{background-position:-240px 0;}
.tab_btn li a .icn.ico6{background-position:-300px 0;}
.tab_btn li a .icn.ico7{background-position:-360px 0;}
.tab_btn li a .icn.ico8{background-position:-420px 0;}
.tab_btn li a .icn.ico9{background-position:-480px 0;}
.tab_btn li a .icn.ico10{background-position:-540px 0;}
.tab_btn li a .icn.ico11{background-position:-600px 0;}
.tab_btn li a h4{margin-bottom:0px;padding-left:0px;text-align: center;color: #000;}
.tab_btn li a h4:before{display:none;}

.button_group {position: relative;margin-top: 32px;}

.tab-02 {width: 40%;}
.tab-02.left {display: inline-block;float: left;}
.tab-02:after {display: block;clear: both;content: '';}
.tab-02 li {float: left;width: 50%;text-align: center;}
.tab-02 li a {display: block;padding: 15px 0px;background-color: #f7f7f7;text-align: center;border: 1px solid #ddd;border-bottom: 2px solid #4e81d9;font-size: 18px;}
.tab-02 li a.on {background-color: #fff;border: 2px solid #4e81d9;border-left: 3px solid #4e81d9;color: #4e81d9;border-bottom: 0px;}

.tab-03 {width: 60%;}
.tab-03.left {display: inline-block;float: left;}
.tab-03:after {display: block;clear: both;content: '';}
.tab-03 li {float: left;width: 30%;text-align: center;}
.tab-03 li a {display: block;padding: 15px 0px;background-color: #f7f7f7;text-align: center;border: 1px solid #ddd;border-bottom: 2px solid #4e81d9;font-size: 18px;}
.tab-03 li a.on {background-color: #fff;border: 2px solid #4e81d9;border-left: 3px solid #4e81d9;color: #4e81d9;border-bottom: 0px;}


@media all and (max-width:1240px){
.tab_btn li a{padding: 10px;min-height: 0;}
.tab_btn li a:hover, .tab_btn li.on a{padding:8px 10px;}
.tab_btn.n6 li a{padding:20px 10px;}
.tab_btn.n6 li.on a{padding:18px 8px;}
.tab_btn.n6 li a:hover{padding:18px 8px;}

}

@media all and (max-width:980px){
.tab_btn li a h4{font-size: 17px;}

}

@media all and (max-width:768px){
.tab_btn li{margin-bottom: 3%;min-height: 103px;}
.tab_btn.n6 li,
.tab_btn.n7 li{width: 16.7%;}
.tab_btn.n6 li:nth-child(5),
.tab_btn.n7 li:nth-child(5){margin-right:0;}

.tab_btn.n6 li a{padding:10px;}
.tab_btn.n6 li.on a{padding:8px 10px;}
.tab_btn.n6 li a:hover{padding:8px 10px;}

.tab-02 {width: 50%;}
.tab-02 li a {font-size: 16px;}

.tab-03 {width: 75%;}
.tab-03 li a {font-size: 16px;}
}

@media all and (max-width:700px){
.button_group.right.mt_60 {margin-top: 0 !important;}
.button_group.right {text-align: center !important;}
.button_box.right {text-align: center !important;}

.tab-02 {width: 100%;height: 50px;}
.tab-03 {width: 100%;height: 50px;}
.button_group.right .btn.btn_medi.navy.bottom.m-mt-30 {margin-top: 30px;}
}

@media all and (max-width:500px){
.tab_btn{margin-bottom: 0px;}
.tab_btn.n6 li,
.tab_btn.n7 li{width: 22%;}
.tab_btn.n6 li:nth-child(4),
.tab_btn.n7 li:nth-child(4){margin-right:0;}
.tab_btn.n6 li:nth-child(5),
.tab_btn.n7 li:nth-child(5){margin-right:4%;}
.tab-02 li a {font-size: 15px;}

}

@media all and (max-width:470px){
.tab_btn li{min-height:0;}
.tab_btn li a {padding:0 7px 7px 7px;}
.tab_btn li a:hover, .tab_btn li.on a{padding: 0px 5px 3px 5px;}
.tab_btn li a .icn{width: 50px;height:50px;background-size:cover;}
.tab_btn li a .icn.ico1{background-position: 0 0;}
.tab_btn li a .icn.ico2{background-position: -48px 0;}
.tab_btn li a .icn.ico3{background-position: -100px 0;}
.tab_btn li a .icn.ico4{background-position: -150px 0;}
.tab_btn li a .icn.ico5{background-position: -200px 0;}
.tab_btn li a .icn.ico6{background-position: -248px 0;}
.tab_btn li a .icn.ico7{background-position: -300px 0;}
.tab_btn li a .icn.ico8{background-position: -350px 0;}
.tab_btn li a .icn.ico9{background-position: -400px 0;}
.tab_btn li a .icn.ico10{background-position:-450px 0;}
.tab_btn li a .icn.ico11{background-position:-500px 0;}
.tab_btn li a h4{font-size: 15px;}
.tab_btn.n6 li{width: 30.6%;}
.tab_btn.n6 li:nth-child(3n){margin-right:0;}
.tab_btn.n6 li:nth-child(4){margin-right:4%;}

}


/* 검색 */
.search_box{overflow:hidden;clear:both;width:100%;height:auto;margin-bottom:30px;padding:0 20px;background:#f9f9f9;}
.search_box .total{font-family: 'NanumSquareNeo-Variable',sans-serif; float:left;margin-right:13px;color:#010101;font-size:18px;font-weight:300;padding:25px 0;}
.search_box .total b{font-weight:600;}
.search_box .value_tab{overflow:hidden;float:left;padding:25px 0;margin-bottom: 0;}
.search_box .value_tab li{padding:0 10px;position:relative;float:left;}
.search_box .value_tab li:after{content:"";display:block;position:absolute;width:1px;height:90%;background:#010101;top:1px;right:0;}
.search_box .value_tab li:last-child:after{display:none;}
.search_box .value_tab li.on{padding-left:30px;}
.search_box .value_tab li.on a{font-weight:600;}
.search_box .value_tab li.on:before{content:"";display:block;position:absolute;width:10px;height:10px;background:#fa5064;top:4px;left:13px;border-radius:100%;}
.search_box .value_tab li a{ font-family: 'NanumSquareNeo-Variable',sans-serif; display:block;width:100%;height:100%;color:#010101;font-size:18px;font-weight:300;}
.search_box .search{float:right;padding-top: 15px;} 
.search_box .search ul{overflow:hidden;}
.search_box .search ul li{float:left;}
.search_box .search ul li input[type="text"]{font-family: 'NanumSquareNeo-Variable',sans-serif; margin-right:10px; width:307px;height:40px;padding:0 15px;border-radius:5px;}
.search_box .search ul li input[type="submit"]{border-radius: 33px; font-family: 'NanumSquareNeo-Variable',sans-serif; background:#4d8de7;color:#fff;font-size:16px;font-weight:400;text-align:center;height:40px;padding:0 15px;margin-left:-7px;border:0;}
.search_box .search ul li input[type="button"]{background:#818d9d;color:#fff;font-size:16px;font-weight:400;text-align:center;height:40px;padding:0 15px;margin-left:-7px;border:0;}
.search_box .search ul li .selectBox{font-family: 'NanumSquareNeo-Variable',sans-serif; margin-right:10px; width:120px;padding:0 15px;height:40px;border-radius:5px;}
.search_box .search .col ul li .selectBox{font-size:14px;padding: 0;}


@media all and (max-width: 1024px){
    .prog_cont .search_box fieldset {flex-wrap: wrap;}
    .prog_cont .search_box .search {width: 100%;margin-top: 8px;}
    .search_box .value_tab li a {font-size: 16px;}
}

@media all and (max-width: 768px){
    .prog_cont .search_box fieldset {flex-wrap: wrap;}
    .prog_cont .search_box .search {width: 100%;margin-top: 8px;}
    .search_box .value_tab li a {font-size: 16px;}
    .prog_cont .search_box .search ul li {width: 100%;}
    .prog_cont .search_box .search ul li input[type="text"] {width: calc(100% - 201px);}
}

@media all and (max-width: 520px){
    .prog_cont .search_box .search ul li .selectBox {display: block;margin: 12px 0 8px;}
    .prog_cont .search_box .search ul li input[type="text"] {width: calc(100% - 64px);}
}


/* 프로그램 리스트 */
.prog_list{z-index: 0; overflow:hidden;}
.prog_list > li{width:30.6%;margin-right:4%;margin-bottom:4%;float:left;} 
.prog_list > li:nth-child(3n){margin-right:0;}

.prog_list > li .item a{width:100%;height:100%;display:block;background:#fff;    border: 1px solid #e2e2e2;
    border-radius: 30px; overflow:hidden;}
.prog_list > li .item a .img{position: relative;width:100%;/*height:210px*/; overflow:hidden;}
.prog_list > li .item a .img img{position: absolute;top: 50%;left: 50%;min-width: 100%;max-width: 100%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.prog_list > li .item a .text_box{height: auto;padding:15px 30px;overflow:hidden;}
.prog_list > li .item a .text_box.hope_text_box{height: 200px}
.prog_list > li .item a .text_box h4{display:block;font-size:18px;font-weight:600;color:#000;line-height:26px;padding-left:0;margin-bottom: 0;
                            text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:100%;overflow:hidden;}
.prog_list > li .item a .text_box h4:before{display:none;}
.prog_list > li .item a .text_box h4.title_type1 {white-space:normal;min-height:52px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

.prog_list > li .item a .text_box h4.title_type1 > b {font-family: 'NanumSquareNeo-Variable',sans-serif;}
.prog_list > li .item a .text_box p{height: 30px;margin-bottom:0;font-size:15px;font-weight:400;color:#2d2d2d;white-space: normal;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.prog_list > li .item a .text_box .cont{border-top:1px solid #c9d3d6;padding-top:15px;margin-top: 18px;overflow:hidden;}
.prog_list > li .item a .text_box .cont .l_box{float:left; width: 50%; height:auto;position: relative;}


.prog_list > li .item a .text_box .cont .day_num2 {color:#737373;padding-top:0px;display:block;text-align:right;}

.prog_list .tit_box {position:relative;width:100%;display:block;padding:20px 0;}
.prog_list .tit_box h4{margin:0;font-size:22px;color:#333;}
.prog_list .tit_box a.more{position:absolute;top:13px;right:0;width:37px;height:37px;background:url(/images/contents/mokkoji_more.png) no-repeat 0 0;font-size:0;}
.prog_list .text_box p{text-align:left;margin-bottom:0;font-size:15px;font-weight:400;color:#2d2d2d;}


/* hover */
.prog_list > li .item a:hover{    box-shadow: 4px 4px 8px rgb(0 0 0 / 10%);
    transition: all 0.4s;}



@media all and (max-width:1240px){
/*.prog_list > li .item a .img {height: 195px;}*/
.prog_list > li .item a .text_box{padding: 20px;}
.prog_list > li .item a .text_box h4{font-size: 16px;line-height: 21px;}
.prog_list > li .item a .text_box.hope_text_box {height: 235px;}
.prog_list > li .item a .text_box .cont .bull_box{float: left;margin-top:10px;}

.bull_box.type1 .bull.result{padding:0 5px;}
.prog_list.vid-list > li .item a .img {height: 188px;}
}

@media all and (max-width:1024px){
/*.prog_list > li .item a .img {height: 160px;}*/
.prog_list.vid-list > li .item a .img {height: 154px;}
}

@media all and (max-width:980px){
/*.prog_list > li .item a .img {height: 155px;}*/
.prog_list > li .item a .text_box h4.title_type1{min-height: 44px;}
.prog_list > li .item a .text_box .bull_box .bull{padding: 0 10px;}
.prog_list > li .item a .text_box .cont{margin-top: 12px;padding-top: 10px;}
.prog_list > li .item a .text_box .cont .day_num2{padding-top: 0px;}
.prog_list.vid-list > li .item a .img {height: 148px;}

}

@media all and (max-width:768px){
.prog_list > li{width: 48%;margin-bottom: 10%;}
.prog_list > li:nth-child(1n) {margin-right: 4%;}
.prog_list > li:nth-child(2n) {margin-right: 0;}
/*.prog_list > li .item a .img {height: 188px;}*/
.prog_list.vid-list > li .item a .img {height: 180px;}
.prog_list > li .item a .text_box.hope_text_box {height: 220px;}
}

@media all and (max-width:600px){
/*.prog_list > li .item a .img {height: 145px;}*/
.prog_list.vid-list > li .item a .img {height: 140px;}
}

@media all and (max-width:500px){
/*.prog_list > li .item a .img {height: 120px;}*/
.prog_list > li .item a .text_box .bull_box .bull{font-size: 14px;}
.prog_list > li .item a .text_box h4{font-size: 15px;line-height: 19px;}
.prog_list > li .item a .text_box h4.title_type1{min-height: 37px;}
.prog_list.vid-list > li .item a .img {height: 116px;}
}

@media all and (max-width:470px){
.prog_list > li{width: 100%;margin-right:0;}
.prog_list > li:nth-child(3){margin-right:0;}
/*.prog_list > li .item a .img {height: 217px;}*/
.prog_list > li .item a .text_box.hope_text_box{height: auto;}
.prog_list > li .item a .text_box .cont .bull_box{float:right;}
.prog_list.vid-list > li .item a .img {height: 208px;}
.prog_list > li .item a .text_box .cont .bull_box {margin-top: 0;}

}



/* 가로형 */
.prog_list.wtype > li{width:100%;position:relative;border:1px solid #c9d3d6;overflow:hidden;}
.prog_list.wtype > li .item a{border:0;}
.prog_list.wtype > li .item a .img{float: left;width:370px;height:228px;padding: 0;display:block;overflow:hidden;}
.prog_list.wtype > li .item a .img img {width:100%;}

.prog_list.wtype > li .item a .box_group {display:block;overflow:hidden;}
.prog_list.wtype > li .item a .box_group .text_box {padding:4% 5%;background:#f4f7f8;}
.prog_list.wtype > li .item a .box_group .text_box h4 {display:block;width: 100%;padding:3px 0 3px 20px;float:left;}
.prog_list.wtype > li .item a .box_group .text_box p {clear:both;line-height:25px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
.prog_list.wtype > li .item a .box_group .text_box .bull_box {float:left;margin-bottom: 0;}

.prog_list.wtype > li .item a .box_group .cont {padding:2% 5%;overflow:hidden;}
.prog_list.wtype > li .item a .box_group .cont .l_box {float:left;width: auto;height: 30px;}
.prog_list.wtype > li .item a .box_group .cont .l_box .veiw_icn {overflow:hidden;}
.prog_list.wtype > li .item a .box_group .cont .l_box .veiw_icn li {float:left;padding:8px 0;margin:0 10px 0 0;}
.prog_list.wtype > li .item a .box_group .cont .l_box .veiw_icn li span.point {margin-left:5px;}
.prog_list.wtype > li .item a .box_group .cont .bull_box {float: right;height: 30px;line-height: 30px;margin: 0;}

.prog_list.wtype > li .item a .box_group .range {float: right;height: 30px;line-height: 30px;margin-right: 20px}
.prog_list.wtype > li .item a .box_group .range span {position: relative;padding: 0 10px;}
.prog_list.wtype > li .item a .box_group .range span:last-child {padding-right: 0;}
.prog_list.wtype > li .item a .box_group .range span:before {position: absolute;top: 3px;left: 0;display: inline-block;content: '';width: 1px;height: 20px;background: #ccc;}
.prog_list.wtype > li .item a .box_group .range span:first-child:before {display: none}

/* hover */
.prog_list.wtype > li:hover{box-shadow:8px 8px 8px rgba(0,0,0,0.1);transition: 0.5s;}

@media all and (max-width:1240px){
.prog_list.wtype > li .item a .box_group .cont {padding:3% 5%;}

}

@media all and (max-width:1100px){
.prog_list.wtype > li .item a .img{width: 325px;height: 190px;}
.prog_list.wtype > li .item a .box_group .text_box{padding: 3% 5%;}
}
 

@media all and (max-width:980px){
.prog_list.wtype > li .item a .img{width: 100%; height: 325px;}
.prog_list.wtype > li .item a .box_group{width: 100%;}
.prog_list.wtype > li .item a .box_group .cont{padding: 5%;}
}

@media all and (max-width:500px){
.prog_list.wtype > li .item a .img{height: 250px;}
.prog_list.wtype > li .item a .box_group .text_box h4{margin-top: 5px;}
.prog_list.wtype > li .item a .box_group .cont .bull_box.type1 .bull{font-size:14px;}
.prog_list.wtype > li .item a .box_group .range {width: 100%;text-align: right;margin: 5px 5px 0 0;}
}


/* 막대그래프 */
.bar-graph {height: 4px;background-color: #e2e2e2;}
.bar-graph-wgj {display: inline-block;max-width: 100%;height: 100%;background-color: #E593B8;vertical-align: top;}
.bar-graph-percent {display: none; position: absolute;top: 8px;right: 10px;}

/* 막대그래프 - result */
.result-graph {position: relative;height: 25px;margin: 5px 0 25px;background-color: #e8e8e8;border-radius: 25px;}
.result-graph-wgj {display: inline-block;height: 100%;background-color: #4D8DE7;text-align: right;vertical-align: top;border-radius: 25px;}
.result-graph-percent {position: absolute;top: -26px;right: 20px;font-size:18px;font-weight: 400;color:#555;}


/* 페이지 번호 */
.page_num{margin: 20px 0;text-align: center;line-height: 45px;}
.page_num:after { content:""; display:block; clear:both; }
.page_num li{display:inline-block;list-style:none;vertical-align:middle;}
.page_num li a {border-radius: 36px; display:block; width:45px; height:45px;background:#fff;border:1px solid #ccc;line-height:45px; text-align:center; vertical-align:middle;color:#666;}
.page_num .dir a{background:url(/images/contents/page_arr.png) no-repeat 0 0 #fff; font-size:0;line-height:0;vertical-align:middle;border:1px solid #ccc; border-radius: 40px;}
.page_num .dir a span {height:0; font-size:0;}
.page_num .dir.first a{background-position:0px -1px;}
.page_num .dir.prev a{background-position:-45px -1px;margin-right:10px;}
.page_num .dir.next a{background-position:-90px -1px;margin-left:10px;}
.page_num .dir.last a{background-position:-135px -1px;}
.page_num .dir a:hover,
.page_num .dir a:focus,
.page_num .dir a:active{background-color:#efefef;}
.page_num li.dir.active a,
.page_num li.dir a:hover,
.page_num li.dir a:focus,
.page_num li.dir a:active{background-color:#fff;border:1px solid #55555b; color:#fff;text-decoration:none;border-radius:40px;}
.page_num span.on { display:inline-block; width:34px; height:26px; padding:8px 0 0 0; border:1px solid #55555b; text-align:center; background:#55555b; color:#fff; text-decoration:none; vertical-align:middle; }

.page_num li.active a,
.page_num li a:hover,
.page_num li a:focus,
.page_num li a:active{border-radius: 40px; background-color:#4d8de7;border:1px solid #4d8de7; color:#fff;text-decoration:none;}

.prog_cont{position:relative;width: 100%;margin-top: 80px;}
.prog_cont .bottom{position:absolute;bottom:10px;right:0;}  
.prog_cont .search_box legend {font-size: 0;}
.prog_cont .search_box fieldset {display: flex;justify-content: space-between;align-items: center;padding: 24px 0;}
.prog_cont .search_box .total {padding: 0;font-size: 15px;}
.prog_cont .search_box .value_tab {margin-right: auto;padding: 0;}
.prog_cont .search_box .search {padding-top: 0;}

@media all and (max-width:1240px){
.prog_cont .bottom{bottom: 0;}

}

@media all and (max-width:768px){
.page_num li a{font-size: 14px;width: 35px;height: 35px;line-height: 35px;}
.page_num .dir.first a{background-position: -4px -5px;}
.page_num .dir.prev a{background-position: -49px -5px;margin-right: 10px;}
.page_num .dir.next a{background-position: -95px -5px;margin-left: 10px;}
.page_num .dir.last a{background-position: -140px -5px;}

}



/* sub01_01 */
.prog_list li .item a .text_box .cont .l_box .veiw_icn{overflow:hidden;}
.prog_list li .item a .text_box .cont .l_box .veiw_icn li{padding-right: 10px; float:left;position:relative;padding-left:25px; min-height: 33px;}
.prog_list li .item a .text_box .cont .l_box .veiw_icn .icn {width:34px;height:34px;display:block;position:absolute;top:0;left:0;}
.prog_list li .item a .text_box .cont .l_box .veiw_icn .icn.ico1 {background:url(/images/contents/like_up.png) no-repeat 0 0;}
.prog_list li .item a .text_box .cont .l_box .veiw_icn .icn.ico2 {background:url(/images/contents/like_down.png) no-repeat 0 0;}
.prog_list li .item a .text_box .cont .l_box .veiw_icn .icn.ico3 {background:url(/images/contents/list_icon.png) no-repeat 0 0;}
.prog_list li .item a .text_box .cont .l_box .veiw_icn .icn.ico4 {background: url(/images/newsub/view_icon07.png) no-repeat; background-position-y:-2px;}
.prog_list li .item a .text_box .cont .l_box .veiw_icn .icn.ico5 {background: url(/images/newsub/view_icon06.png) no-repeat;}
.prog_list li .item a .text_box .cont .l_box .veiw_icn .bull_type2.day{float:right;width:30%;height:auto;}


@media all and (max-width:768px){
.btn.btn_medi.navy.bottom{font-size:16px;margin-left:0;}

}

@media all and (max-width:500px){
.prog_list li .item a .text_box .cont .l_box .veiw_icn li{font-size:14px;}
.prog_list li .item a .text_box .cont .l_box .veiw_icn .icn{top: -2px;}
.btn.btn_medi.navy.bottom{font-size:15px; font-weight:400; }

}

@media all and (max-width:470px){


}


/* view title*/
.view_tit{position:relative;margin-bottom: 40px;}       
.view_tit h2{font-family: 'NanumSquareNeo-Variable',sans-serif; padding:20px 0;border-bottom:2px solid #052138;margin-bottom:0;word-break: keep-all;}
.view_tit .tit_info{overflow:hidden;padding:30px 0 30px 30px;}
/*.view_tit .tit_info li{float:left;margin-right:4%;position:relative;}*/
.view_tit .tit_info li{display: inline-block;position:relative;margin-right:4%;}
.view_tit .tit_info li.name{padding-left:45px;}
.view_tit .tit_info li span.icn{position: relative;width:35px;height:35px;background:#fff;display:inline-block;border:1px solid #e5e5e5;border-radius:100%;overflow:hidden;
                                                    vertical-align: middle;}
.view_tit .tit_info li span.icn img {position: absolute;transform: translate(-50%, -50%);top: 50%;left: 50%;min-width: 100%;min-height: 100%;width: auto;height:auto;}


/*
.view_tit .tit_info li span.icn{display:block;width:35px;height:35px;background:url(/images/contents/mypage_icn.png) no-repeat 0 0;margin: 0 auto;
                                position:absolute;top:-8px;left:0;}                         
.view_tit .tit_info li span.icn .ico1{background-position:0 0;}
*/
.view_tit .tit_info li span.icn2{display:block;width:35px;height:35px;background:url(/images/app/Icon-36.png) no-repeat 0 0;margin: 0 auto;
                                position:absolute;top:-8px;left:0;}    
.view_tit .tit_info li span.icn .ico1{background-position:0 0;}                                  
.view_tit .tit_info li span.text{font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:18px;font-weight:400;color:#fff;vertical-align: middle;}
.view_tit .tit_info li:last-child span.text{margin-right:0;}
.view_tit .tit_info li span.text b{    font-family: 'NanumSquareNeo-Variable',sans-serif; margin-right:15px;font-size: 20px;}
.view_tit .tit_info li span.text strong.medal{    font-family: 'NanumSquareNeo-Variable',sans-serif; position: relative;/*height: 35px;display: inline-block;*/padding-left: 40px;}
.view_tit .tit_info li span.text strong.medal > span {display:block;width:35px;height:35px;margin: 0 auto;
                                position:absolute;top:-8px;left:0;}
.view_tit .tit_info li span.text strong.medal > span.gold{background:url(/images/contents/icon_gold.png) no-repeat 0 0;}
.view_tit .tit_info li span.text strong.medal > span.silver{background:url(/images/contents/icon_silver.png) no-repeat 0 0;}
.view_tit .tit_info li span.text strong.medal > span.bronze{background:url(/images/contents/icon_bronze.png) no-repeat 0 0;}

.view_tit .tit_info li span.text strong.medal > span.level11 {background: url(/images/contents/my_info_icn_11.png) no-repeat 0 0; background-size: 40px;width:40px;height:40px; }
.view_tit .tit_info li span.text strong.medal > span.level12 {background: url(/images/contents/my_info_icn_12.png) no-repeat 0 0; background-size: 40px;width:40px;height:40px;}
.view_tit .tit_info li span.text strong.medal > span.level13 {background: url(/images/contents/my_info_icn_13.png) no-repeat 0 0; background-size: 40px;width:40px;height:40px;}
.view_tit .tit_info li span.text strong.medal > span.level21 {background: url(/images/contents/icon_bronze.png) no-repeat 0 0;}
.view_tit .tit_info li span.text strong.medal > span.level22 {background: url(/images/contents/icon_silver.png) no-repeat 0 0;}
.view_tit .tit_info li span.text strong.medal > span.level23 {background: url(/images/contents/icon_bronze.png) no-repeat 0 0;}


.view_tit .file > a{display:block;position:absolute;bottom:25px;right:20px;}
.view_tit .file > a .btn_down{display: inline-block; vertical-align: middle;margin-right: 10px;width:25px;height:25px;background:url(/images/contents/down_icn.png) no-repeat 0 0;}


/* view title - gallery*/
.view_tit.gallery {margin-bottom:0;}
.view_tit.gallery .tit_info{background:#4D8DE7;}
.view_tit.gallery .file{display: block;
    position: relative;
    border-bottom: 1px solid #eef0f2;
    overflow: hidden;
    padding: 20px 30px;}
.view_tit.gallery .file span{margin-right: 10px;display: inline-block;line-height: 24px;}
.view_tit.gallery .file span a{vertical-align: middle;}

@media all and (max-width:1240px){
.view_tit .tit_info{padding-left:0;}
.view_tit .tit_info li{margin-right: 2%;}

}

@media all and (max-width:980px){
.view_tit a{font-size: 14px;right: 0;}
.view_tit .tit_info li span.text{font-size: 16px;}
.view_tit .tit_info li span.text b{font-size: 16px;margin-right: 10px;}

}

@media all and (max-width:850px){
.view_tit a {left: 5px;bottom: 12px;}
.view_tit.gallery .tit_info li.name, .view_tit.gallery .tit_info li.date{margin-bottom:10px;}
.view_tit.gallery .tit_info li.inq_cnt{padding-left:5px}

}

@media all and (max-width:768px){
.view_tit h2{padding: 15px 0;line-height: 37px;}
.view_tit .tit_info{padding: 15px 0;}
.view_tit .tit_info li.name{padding-left: 5px;}
.view_tit .tit_info li span.icn{display:none;}

}

@media all and (max-width:600px){
.view_tit .tit_info li{display:block;width:100%;margin-right:0;margin-bottom:10px;padding-left:5px;}
.view_tit .tit_info li:last-child{margin-bottom:0;}

}


/* view slider*/
.view_slider{overflow:hidden;background:#f7f9fb;width:100%;height:800px;padding:180px 200px 0;position:relative;}
/*.view_slider:after{content:"";display:block;position:absolute;width:453px;height:123px;bottom:0;left:50%;margin-left:-18%;
                    background:url(/images/contents/view_bg.png) no-repeat 0 0 #f7f9fb;}*/

/* slick */
/*
.view_slider .item{background:url(/images/contents/view_slider01.jpg) no-repeat 0 0 #3b589a;background-size: cover; background-position: center;height: auto;
                    padding:55px 95px;border-radius:5px;cursor:initial;}
*/                    
.view_slider .item.edu{background:url(/images/contents/view_slider_edu.jpg) no-repeat;background-size: cover; background-position: center;height: auto;
                    padding:55px 95px;border-radius:5px;cursor:initial;}
.view_slider .item.envi{background:url(/images/contents/view_slider_envi.jpg) no-repeat;background-size: cover; background-position: center;height: auto;
                    padding:55px 95px;border-radius:5px;cursor:initial;}
.view_slider .item.safe{background:url(/images/contents/view_slider_safe.jpg) no-repeat;background-size: cover; background-position: center;height: auto;
                    padding:55px 95px;border-radius:5px;cursor:initial;}
.view_slider .item.culture{background:url(/images/contents/view_slider_culture.jpg) no-repeat;background-size: cover; background-position: center;height: auto;
                    padding:55px 95px;border-radius:5px;cursor:initial;}
.view_slider .item.sports{background:url(/images/contents/view_slider_sports.jpg) no-repeat;background-size: cover; background-position: center;height: auto;
                    padding:55px 95px;border-radius:5px;cursor:initial;}
.view_slider .item.it{background:url(/images/contents/view_slider_it.jpg) no-repeat;background-size: cover; background-position: center;height: auto;
                    padding:55px 95px;border-radius:5px;cursor:initial;}
.view_slider .item.etc{background:url(/images/contents/view_slider_etc.jpg) no-repeat;background-size: cover; background-position: center;height: auto;
                    padding:55px 95px;border-radius:5px;cursor:initial;}
.view_slider .item h2{font-family:'themario';font-size:35px;font-weight:300;color:#fff;text-align:center;margin-top:0;margin-bottom: 30px;}
.view_slider .item .bull_box{margin-bottom: 25px;}
.view_slider .item .layer{width:100%;height:auto;position: relative;}
/*
.view_slider .item .layer:before, .view_slider .item .layer:after
    {content:"";display:block;position:absolute;width:48px;height:40px;background:url(/images/contents/mark.png) no-repeat 0 0;z-index:2;}
.view_slider .item .layer:before{content:"";display:block;top: -25px;left: 33px;}
.view_slider .item .layer:after{content:"";display:block;bottom:-25px;right:33px;transform: rotate(180deg);}
*/
.view_slider .item .layer .text_box{width:100%;height:280px;border-radius:5px;background:#fff;padding:35px 40px;text-align:left;position:relative;}
.view_slider .item .layer .text_box h3
    {font-family:'themario';font-size:24px;font-weight:300;color:#3b589a;margin-top:0;margin-bottom: 20px;padding-bottom: 15px;border-bottom:1px solid #b3b4ce;}
.view_slider .item .layer .text_box p{font-size:20px;font-weight:400;color:#3c4855;margin:0;line-height:32px;}

/* ??? */
.view_slider .slick-next, .view_slider .slick-prev{width:63px;height:63px;background: url(/images/contents/slide_arr.png) no-repeat #fff 0px -3px !important;
            border:1px solid #c5c5c5;border-radius:100%;font-size:0;display:block;position:absolute;}
.view_slider .slick-next{right:6%;transform: rotate(180deg);margin-top: -2%;}
.view_slider .slick-prev{left:6%;}
.view_slider .slick-next:before, .view_slider .slick-prev:before{content: '';}
.view_slider .slick-next:hover,
.view_slider .slick-prev:hover{background:url(/images/contents/slide_arr.png) no-repeat #fff 0px -3px;}

/* ???? */
.view_slider .slick-dots{position: absolute;top:-98px;bottom: initial;width: 100%;padding: 0;margin: 0;}
.view_slider .slick-dots li{position:relative;width: 25%;height: 50px;margin: 0;}
.view_slider .slick-dots li:after{content:"";display:block;position:absolute;width:99%;height:2px;background:#c6c6c6;bottom:-5px;left:1px;}
.view_slider .slick-dots > li > button {line-height:normal;width:auto;height:auto;font-size:20px;font-weight:600;color:#444;padding-top:10px;margin: auto;}
.view_slider .slick-dots > li > button:before {display:none;}
.view_slider .slick-dots > li.slick-active button{color:#448adf;}
.view_slider .slick-dots > li.slick-active:after{background:#448adf;}



@media all and (max-width:1240px){
.view_slider{padding: 180px 120px 0;}
.view_slider .slick-prev{left: 3%;}
.view_slider .slick-next{right: 3%;}

}

@media all and (max-width:980px){
.view_slider{padding:180px 6% 0;}
.view_slider:after{background-size: 100%;width: 364px;height: 99px;margin-left: -25%;}
.view_slider .item{padding: 8%;}
.view_slider .item .layer .text_box{padding: 5%;}
.view_slider .item .layer .text_box p{font-size: 17px;line-height: 26px;}

}

@media all and (max-width:768px){
.view_slider {background:#fff;height: auto;padding: 100px 0% 0;}
.view_slider:after{display:none;}
.view_slider .slick-dots > li > button{font-size: 17px;}
.view_slider .slick-next, .view_slider .slick-prev{width: 50px;height: 50px;top: 50%;background-position:-7px -8px !important;}
.view_slider .slick-prev{margin-top:11%;}
.view_slider .slick-next{margin-top: 7%;}
.slick-dotted.slick-slider{margin-bottom: 0;}
.view_slider .item .bull_box{margin-bottom: 20px;}
.view_slider .item h2{font-size: 30px;margin-bottom: 20px;}

}

@media all and (max-width:600px){
.view_slider{padding: 70px 0 0;}
.view_slider .slick-next, .view_slider .slick-prev{width: 40px;height: 40px;background-position: 0px -1px !important;background-size: 95% !important;}
.view_slider .slick-dots{top: -76px;}
.view_slider .slick-dots > li{height: 43px;}
.view_slider .slick-dots > li > button{font-size: 16px;}
.view_slider .item{padding: 5% 8%;}
.view_slider .item .bull_box .bull{font-size: 13px;line-height: 26px;}
.view_slider .item h2{font-size: 26px;}
.view_slider .item .layer .text_box h3{font-size: 22px;margin-bottom: 15px;padding-bottom: 13px;}
.view_slider .item .layer .text_box p{font-size: 15px;line-height: 23px;}

}

@media all and (max-width:470px){
.view_slider .slick-dots > li > button{font-size: 15px;}
.view_slider .slick-prev{left: 3px;margin-top:17%;}
.view_slider .slick-next{right: 3px;margin-top: 11%;}
.view_slider .item h2{margin-bottom: 10px;}
.view_slider .item .layer:before, .view_slider .item .layer:after{display:none;}
.view_slider .item .layer .text_box{height:200px;}
.view_slider .item .layer .text_box h3{font-size: 18px;margin-bottom: 8px;padding-bottom: 8px;}
.view_slider .item .layer .text_box p{font-size: 14px;line-height: 20px;}

}


/* gallery slider*/
.gallery_slider{overflow:hidden;background:#fff;width:100%;height:auto;padding:60px 60px 0;position:relative;} 

/* slick */
.gallery_slider .slick-next, .gallery_slider .slick-prev
    {width:48px;height:48px;background:#fff !important;border:1px solid #ccc;border-radius:100%;box-shadow: 4px 4px 5px 1px rgba(0,0,0,0.1);bottom: 4%;top:50%;z-index: 1;}
.gallery_slider .slick-prev{left:-25px;}
.gallery_slider .slick-next{right:-25px;}
.gallery_slider .slick-next:after, .gallery_slider .slick-prev:after
{content:"";display:block;width: 18px;height: 18px;border-left: 1px solid #9c9c9c;border-bottom: 1px solid #9c9c9c;position:absolute;top: 14px;}
.gallery_slider .slick-prev:after{transform: rotate(45deg);-webkit-transform: rotate(45deg);left: 20px;}
.gallery_slider .slick-next:after{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);left: 11px;}
.gallery_slider .slick-next:hover, .gallery_slider .slick-prev:hover{background:#fff;}

/*
.gallery_slider .slider-nav .slick-active{border:3px solid #4D8DE7;}
*/


@media all and (max-width:768px){
.gallery_slider{padding: 5% 5% 0 5%;}
.gallery_slider .slick-slider{margin-bottom:20px !important;}
.gallery_slider .slider-nav{margin-bottom:0px !important;}
.gallery_slider .slick-next, .gallery_slider .slick-prev{width: 35px;height: 35px;}
.gallery_slider .slick-next:after, .gallery_slider .slick-prev:after{width: 11px;height: 11px;top: 12px;}
.gallery_slider .slick-next:after{left: 10px;}
.gallery_slider .slick-prev:after{left: 16px;}

}

@media all and (max-width:600px){
.gallery_slider .slick-next{right: -12px;}
.gallery_slider .slick-prev{left: -15px;}

}



/* ??? ??? */
.button_box{padding:60px 0;position:relative;text-align:center;}
.button_box .r_box{position: absolute;right: 0;display: inline-block;float: right;}
.button_box h4.type1{font-family:'themario';font-size:22px;padding:20px;color:#333;font-weight:500;position:relative;float:left;}
.button_box h4.type1:before{content: "";display:block;position:absolute;width:8px;height:8px;border-radius:100%;background:#4D8DE7;top:27px;left:0;}


@media all and (max-width:1240px){
.button_box{padding: 5% 0;text-align:left;}

}

@media all and (max-width:768px){
.button_box{padding-top:20px;padding-bottom:50px;}
.button_box .btn_medi,
.button_box .btn_large{font-size: 16px;padding: 20px 35px;}
}

@media all and (max-width:700px){
.button_box {text-align: center;}
.button_box .r_box {position: inherit;float: inherit;margin-top: 15px;text-align: center;}
}

@media all and (max-width:600px){
.button_box .btn.btn_line.view{padding:20px 20px 20px 50px;}
.button_box .btn.btn_line.view .icn{left: 9px;}

}

@media all and (max-width:500px){
.button_box .btn_medi,
.button_box .btn_large{font-size:15px; font-weight:400;}

}

@media all and (max-width:470px){
.button_box .btn.btn_line.view{padding:20px 10px 20px 35px;}
.button_box .btn.btn_line.view .icn{left: 5px;}

}


/* board */
.details_box{overflow:hidden;width:100%;height:auto;padding:60px;margin-top:0;border-bottom:1px solid #eef0f2;}
.details_box p{font-family: 'NanumSquareNeo-Variable',sans-serif; margin:0;font-size: 18px;}
.vod_box{text-align:center;margin: auto;margin-top: 60px;position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
.vod_box img{width:100%;} 
.vod_box #youTubePlayer {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}



@media all and (max-width:980px){
.details_box{padding:5%;}

}

@media all and (max-width:768px){
.details_box p{font-size:16px;}

}

@media all and (max-width:600px){
.details_box p{font-size:14px;}

}

/* board2 추가 */
.details_box2{overflow:hidden;width:100%;height:auto;padding:30px;margin-top:0;border-bottom:1px solid #eef0f2;}
.details_box2 p{font-family: 'NanumSquareNeo-Variable',sans-serif; margin:0;font-size: 18px;}
.vod_box{text-align:center;margin: auto;margin-top: 60px;position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
.vod_box img{width:100%;} 
.vod_box #youTubePlayer {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}



@media all and (max-width:980px){
.details_box2{padding:5%;}

}

@media all and (max-width:768px){
.details_box2 p{font-size:16px;}

}

@media all and (max-width:600px){
.details_box2 p{font-size:14px;}

}



/* topbox */
.top_box.typeOne {margin-bottom:50px;padding:50px 70px;}


@media all and (max-width:980px){
.top_box.typeOne{padding: 5%;}
.top_box.typeOne strong {padding-bottom:17px;padding-right:0;word-break: keep-all;line-height: 32px;}
.top_box.typeOne .list_1st{margin-top:14px !important}

}

@media all and (max-width:768px){
.top_box.typeOne strong{font-size: 20px;line-height: 27px;}

}

@media all and (max-width:650px){
.top_box.typeOne strong span.icn{top: -6px;}

}



/* 쓰기 */
/* .write_tit {width:100%;display:block;overflow:hidden;padding-bottom:20px;margin-bottom:45px;border-bottom:2px solid #818d9d;}
.write_tit h2{margin:0;} */
/* .write_cont {overflow:hidden;} */
.write_cont .col{width:100%;display:block;padding-left:240px;position:relative;margin-bottom:80px;}
.write_cont .col:last-child{margin-bottom:0;}
.write_cont .col .tit{font-family:'themario';font-size:22px;font-weight:300;color:#333;position:absolute;top:0;left:0;padding:17px 0 0 50px;}
.write_cont .col .tit:after{content:"";display:block;position:absolute;width:100%;min-width:150px;height:15px;bottom:-17px;left:0;
                            background:url(/images/contents/write_line.png) no-repeat 0 0;}
.write_cont .col .tit .icn{display:block;position:absolute;width:43px;height:43px;background:url(/images/contents/write_icn.png) no-repeat 0 0;top:5px;left:0;}
.write_cont .col .tit .icn.ico1{background-position:0 0;}
.write_cont .col .tit .icn.ico2{background-position:-43px 0;}
.write_cont .col .tit .icn.ico3{background-position:-86px 0;}
.write_cont .col .tit .icn.ico4{background-position:-129px 0;}
.write_cont .col .tit .icn.ico5{background-position:-172px 0;}

/* .write_cont .col ul{overflow:hidden;} */
.write_cont .col ul li{width:100%;display:block;margin-bottom:20px;padding-left: 180px;position:relative;}
.write_cont .col ul li:last-child{margin-bottom:0;}
.write_cont .col ul li > label{margin:0;display:block;position:absolute;top:18px;left:0;font-size:16px;font-weight: 600;color:#333;}
.write_cont .col ul li > b {display: block;margin-bottom: 10px;padding-top: 15px;}
.write_cont .col ul li .input, .write_cont .col ul li .selectBox{width:100%;padding:0 20px;height: 46px;border-radius:5px;}
.write_cont .col ul li .input-wrap {margin: 20px 0;}
.write_cont .col ul li .school-input {width: 270px;}
.write_cont .col ul li .input.w_1{width: 79.9%;}
.write_cont .col ul li .input.w_2{width: 93%;margin-top: 8px;}
.write_cont .col ul li .count {bottom: 7px;}
.write_cont .col ul li .date{width: 100%;display: inline-block;}
.write_cont .col ul li .date .form_db, .write_cont .col ul li .date .mid{display: inline-block;vertical-align: middle;}
.write_cont .col ul li .date .form_db input[type=text].datepicker
    {width:180px;display: inline-block;background: url(/images/contents/date.png) right 10px center no-repeat;padding: 0 30px 0 15px;margin: 5px 0;height:50px;font-size: 18px;}
.write_cont .col ul li .date .mid{margin:0 15px;}

.write_cont .col ul li .form_btn{height: 50px;border-radius:5px;overflow:hidden;margin-left: 15px;display: inline-block;vertical-align: middle;}
.write_cont .col ul li .form_btn .button{float: left;background:#f4f4f4;color:#8b8b8b;padding:0 20px;line-height:47px;margin-left:-1px;
                                    border:1px solid #e6e6e6;}
.write_cont .col ul li .form_btn .button:first-child{margin-left:0;}
.write_cont .col ul li .form_btn .button.on{background:#4D8DE7;color:#fff;border:1px solid #4D8DE7;}
.write_cont .col ul li .goal{margin-top:20px;}
.write_cont .col ul li .goal p{font-size:15px;color:#666;margin-bottom:10px;line-height: 15px;}

.write_cont span.input-wrap:first-child{margin-left:0 !important;}
input[type="checkbox"]+label, input[type="radio"]+label{word-break: keep-all;}
.write_cont .col ul li .input-wrapper {display: inline;margin-left: 15px;}
.write_cont .col ul li .m-input-wrapper {display: inline;}

.input-wrap .discussion_area {display: none;border: 1px solid #5e7cbe;border-radius: 8px;padding: 25px;margin-bottom: 15px;}
.input-wrap h3#btn-select-area {display: inline-block; margin-right: 15px;padding: 8px 20px;background: #5e7cbe;border-radius: 20px;font-size: 18px;font-weight: 400;color: #fff;cursor: pointer;}
.input-wrap .discussion_area .discussion_area_item_wrap > div:last-child {margin-right: 0;}
.input-wrap .discussion_area .discussion_area_item_wrap > div {display: inline-block;margin-right: 30px;}
.input-wrap .discussion_area .discussion_area_item_wrap .discussion_area_item label {font-size: 18px;color: #000;margin-right: 20px;}
.input-wrap .discussion_area .discussion_area_item_wrap .discussion_area_item select {padding: 10px;border-radius: 5px;}
.input-wrap .discussion_area .discussion_area_item_wrap .discussion_area_item span > label {margin-right: 10px;font-size: 16px;color: #666;}

.input-wrap .discussion_school {display: none;border: 1px solid #4d8de7;border-radius: 8px;padding: 25px;}
.input-wrap h3#btn-select-school {display: inline-block;padding: 8px 20px;background: #4d8de7;border-radius: 20px;font-size: 18px;font-weight: 400;color: #fff;cursor: pointer;}
.input-wrap .discussion_school > div:last-child {margin-right: 0;}
.input-wrap .discussion_school .discussion_school_item_wrap > div {display: inline-block;margin-right: 30px;}
.input-wrap .discussion_school .discussion_school_item_wrap > div:last-child {margin-right: 0;}
.input-wrap .discussion_school .discussion_school_item_wrap .discussion_school_item label {font-size: 18px;color: #000;margin-right: 20px;}
.input-wrap .discussion_school .discussion_school_item_wrap .discussion_school_item select {padding: 10px;border-radius: 5px;}
.input-wrap .discussion_school .discussion_school_item_wrap .discussion_school_item button {height: 50px;padding: 0 10px;background: #4d8de7;color: #fff;border-radius: 5px;}

/* 설문 등록하기 예시 스타일 설정*/
.write_cont .col ul li .marker {position: absolute;top: 56%;transform: translateY(-50%);left: 85px;width: 25px;height: 25px;line-height: 25px;background: #818d9d;color: #fff;text-align: center;font-weight: 600;border-radius: 50%;font-size: 14px;cursor: pointer;}
.write_cont .col .example {display: none;position: absolute;top: -100px;left: 150px;width: 300px;padding: 30px;background: #f3f3f3;z-index: 1;} 
.write_cont .col .example > b {display: block;margin-bottom: 15px;color: #333;} 
.write_cont .col .example ul li {margin-bottom: 0;padding-left: 15px;line-height: 1.5;color: #434343;}
.write_cont .col .example ul li:last-child{margin-bottom: 10px;}

/* .input-wrap .discussion_school .selected_school {display: inline-block;padding: 3px 15px;margin: 30px 15px 0 0;background: #ddd;border-radius: 20px;font-size: 15px;}
.input-wrap .discussion_school .selected_school .school_close-btn {position: relative;width: 20px;height: 20px;cursor: pointer;}
.input-wrap .discussion_school .selected_school .school_close-btn:before, .input-wrap .discussion_school .selected_school .school_close-btn:after {
display: block;content: '';position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 1px;height: 16px;background: #555;}
.input-wrap .discussion_school .selected_school .school_close-btn:before {transform: rotate(-45deg)}
.input-wrap .discussion_school .selected_school .school_close-btn:after {transform: rotate(45deg)} */

.input-wrap .discussion_school .school_close-btn {position: relative;display: inline-block;padding: 8px 35px 8px 20px;margin: 30px 15px 0 0;background: #ddd;border-radius: 20px;font-size: 15px;cursor: pointer;}
.input-wrap .discussion_school .school_close-btn:before, .input-wrap .discussion_school .school_close-btn:after {
display: block;content: '';position: absolute;top: 7px;right: 20px;width: 1px;height: 16px;background: #555;}
.input-wrap .discussion_school .school_close-btn:before {transform: rotate(-45deg)}
.input-wrap .discussion_school .school_close-btn:after {transform: rotate(45deg)}

.write_cont .flex-box {display: flex;flex-wrap: wrap;}
.write_cont .flex-box__item:first-child {flex: 0 0 300px;margin-right: 24px;}

@media all and (max-width:1240px){
.write_cont .col{padding-left: 19% ;}
.write_cont .col ul li{padding-left: 18% ;}
.write_cont .col ul li .date .form_db{width:auto;}
.write_cont .col ul li .date .form_db input[type=text].datepicker{width: 150px;}
.write_cont .col ul li .form_btn{margin-left: 10px;}
.write_cont .btn.btn_medi.upload{padding: 15px 20px;}
.write_cont .col ul li .input, .write_cont .col ul li .selectBox{padding: 0 5px;margin-bottom:5px;}
.write_cont .btn.plus.up, .write_cont .btn.plus.down{padding: 20px;margin-left: 5px;}
.write_cont .w400 {width:50% !important;}
.input-wrap .discussion_area .discussion_area_item_wrap > div {display: block;margin-bottom: 15px;}
.input-wrap .discussion_area .discussion_area_item_wrap > div:last-child {margin-bottom: 0;}
}

@media all and (max-width:1100px){
.write_cont .col{padding-left:0px;padding-top:80px;}
}

@media all and (max-width:980px){
.write_cont .col{margin-bottom: 60px;}
.write_cont .col ul li .input.w_2{width:90% !important;}
.write_cont .col ul li .date .form_db input[type=text].datepicker {width: 140px;font-size: 16px;}
.write_cont .col ul li .form_btn .button {padding: 0 18px;font-size: 14px;}
.write_cont .btn.btn_medi.upload{margin-left:0;margin-top:5px;}
.write_cont .btn.btn_medi.blue{padding: 15px;margin-top: -4px;}
.write_cont .btn.plus.up, .write_cont .btn.plus.down{margin-left: 0px;}
.input-wrap .discussion_school .discussion_school_item_wrap > div:first-child {display: block;margin-bottom: 15px;}
}

@media all and (max-width:768px){
.write_cont .col{padding-top: 55px;margin-bottom: 30px;}
.write_cont .col .tit{font-size: 21px;}
.write_cont .col ul li{padding-left: 0;padding-top: 48px;margin-bottom: 10px;font-size: 15px;}
.write_cont .col ul li > label{font-size: 17px;}
.write_cont .col ul li .selectBox{height: 45px;font-size:14px;padding: 0;}
.write_cont .col ul li .input{font-size:14px;padding: 0 10px;}
.write_cont .col ul li .date .form_db input[type=text].datepicker{padding:0 5px;width: 130px;font-size:14px;}
.write_cont .col ul li .date .mid{margin: 0 5px;}
.write_cont .col ul li .goal p{font-size:14px;line-height:20px;margin-bottom:5px;}
.write_cont .col ul li .form_btn .button{font-size:14px;}
.write_cont .btn.btn_medi.upload{font-size:15px;padding: 0px 10px;margin-top: -4px;line-height:49px;}
.write_cont .btn.btn_large.blue{font-size:15px;padding: 20px;}
.write_cont .btn.btn_medi.blue{font-size:14px;font-weight:400;margin-left:0;margin-top:5px;}
.write_cont .w200 {width:100% !important;}
.write_cont .w400{width: 40% !important;min-width:200px;}
input[type="checkbox"]+label, input[type="radio"]+label{margin-left:3px !important;}
.write_cont .col ul li > .input-wrapper {margin-bottom: 10px;}
.write_cont .col ul li .m-input-wrapper {display: block;margin: 15px 0;}
.write_cont .col ul li .m-input-wrapper .input-wrapper:first-child {margin-left: 0;}


.write_cont .col ul li .marker {top: 15px;left: 70px;transform: none;}
.write_cont .col .example {top: 25px;left: 120px;}
.write_cont .col .example ul li {padding-top: 0;}

}

@media all and (max-width:590px){
.write_cont .col ul li .date .form_db input[type=text].datepicker {width: 120px;font-size: 13px;}
.write_cont .col ul li .form_btn .button {padding: 0 10px;font-size: 12px;}
.write_cont .col ul li .input-wrap {margin: 10px 0;}
.input-wrap .discussion_area .discussion_area_item_wrap .discussion_area_item label {display: block;margin-bottom: 8px;}
}

@media all and (max-width:470px){
.write_cont .col ul li .input-wrapper {display: block;margin: 0 0 15px 0;}
.write_cont span.input-wrap:first-child {margin: 15px 0;}
.write_cont .col ul li .input {margin-bottom: 0;}
.write_cont .col ul li .date .form_db input[type=text].datepicker{width: 105px;height: 45px;font-size: 12px;}
.write_cont .col ul li .form_btn {height: 45px;margin-left: 3px;}
.write_cont .col ul li .form_btn .button {padding: 0px 2px;line-height: 45px;font-size: 11px;}
.write_cont .col ul li .selectBox{min-width:95px !important;}
.write_cont .col ul li .school-input {width: 79%;}
.write_cont .btn.btn_medi.upload {font-size: 14px;padding: 0px 5px;font-weight:400;line-height:48px;}
.write_cont .btn.btn_large.blue{font-size: 14px;}
.write_cont .col ul li .input.w_2 {width:87% !important;}

.write_cont .col .example {width: 95%;top: 50px;left: 10px;}
}


@media all and (max-width:414px){
.write_cont .col ul li .school-input {width: 58%;}

}

/* 쓰기 */
.write_cont2 {overflow:hidden;}
.write_cont2 .col{width:100%;display:block; position:relative;margin-bottom:80px;}
.write_cont2 .col:last-child{margin-bottom:0;}
.write_cont2 .col .tit{font-family:'themario';font-size:22px;font-weight:300;color:#333;position:absolute;top:0;left:0;padding:17px 0 0 50px;}
.write_cont2 .col .tit:after{content:"";display:block;position:absolute;width:100%;min-width:150px;height:15px;bottom:-17px;left:0;
                            background:url(/images/contents/write_line.png) no-repeat 0 0;}
.write_cont2 .col .tit .icn{display:block;position:absolute;width:43px;height:43px;background:url(/images/contents/write_icn.png) no-repeat 0 0;top:5px;left:0;}
.write_cont2 .col .tit .icn.ico1{background-position:0 0;}
.write_cont2 .col .tit .icn.ico2{background-position:-43px 0;}
.write_cont2 .col .tit .icn.ico3{background-position:-86px 0;}
.write_cont2 .col .tit .icn.ico4{background-position:-129px 0;}
.write_cont2 .col .tit .icn.ico5{background-position:-172px 0;}

.write_cont2 .col ul{overflow:hidden;}
.write_cont2 .col ul li{width:100%;display:block;margin-bottom:20px;padding-left:240px;position:relative;}
.write_cont2 .col ul li:last-child{margin-bottom:0;}
.write_cont2 .col ul li > label{padding-left: 25px; font-family: 'NanumSquareNeo-Variable',sans-serif; margin:0;display:block;position:absolute;top:18px;left:0;font-size:20px;font-weight: 600;color:#333;}
.write_cont2 .col ul li > label:before{content:"";display:block;position:absolute;background:url('/images/newsub/bullet_new0130.png') no-repeat;width:15px;height:15px;top: 2px;left:0;border-radius:100%;}
.write_cont2 .col ul li .input, .write_cont2 .col ul li .selectBox{font-family: 'NanumSquareNeo-Variable',sans-serif; width:100%;padding:0 20px;height:50px;border-radius:5px;}
.write_cont2 .col ul li .input.w_1{width: 79.9%;}
.write_cont2 .col ul li .input.w_2{width: 93%;margin-top: 8px;}

.write_cont2 .col ul li .date{width: 100%;display: inline-block;}
.write_cont2 .col ul li .date .form_db, .write_cont2 .col ul li .date .mid{display: inline-block;vertical-align: middle;}
.write_cont2 .col ul li .date .form_db input[type=text].datepicker
    {width:180px;display: inline-block;background: url(/images/contents/date.png) right 10px center no-repeat;padding: 0 30px 0 15px;margin: 5px 0;height:50px;font-size: 18px;}
.write_cont2 .col ul li .date .mid{margin:0 15px;}

.write_cont2 .col ul li .form_btn{height: 50px;border-radius:5px;overflow:hidden;margin-left: 15px;display: inline-block;vertical-align: middle;}
.write_cont2 .col ul li .form_btn .button{float: left;background:#f4f4f4;color:#8b8b8b;padding:0 20px;line-height:47px;margin-left:-1px;
                                    border:1px solid #e6e6e6;}
.write_cont2 .col ul li .form_btn .button:first-child{margin-left:0;}
.write_cont2 .col ul li .form_btn .button.on{background:#4D8DE7;color:#fff;border:1px solid #4D8DE7;}
.write_cont2 .col ul li .goal{margin-top:20px;}
.write_cont2 .col ul li .goal p{font-size:15px;color:#666;margin-bottom:10px;line-height: 15px;}

.write_cont2 span.input-wrap:first-child{margin-left:0 !important;}
input[type="checkbox"]+label, input[type="radio"]+label{word-break: keep-all;}


@media all and (max-width:1240px){
.write_cont2 .col{padding-left: 19% ;}
.write_cont2 .col ul li{padding-left: 18% ;}
.write_cont2 .col ul li .date .form_db{width:auto;}
.write_cont2 .col ul li .date .form_db input[type=text].datepicker{width: 150px;}
.write_cont2 .col ul li .form_btn{margin-left: 10px;}
.write_cont2 .btn.btn_medi.upload{padding: 15px 20px;}
.write_cont2 .col ul li .input, .write_cont2 .col ul li .selectBox{padding: 0 5px;margin-bottom:5px;}
.write_cont2 .btn.plus.up, .write_cont2 .btn.plus.down{padding: 20px;margin-left: 5px;}
.write_cont2 .w400 {width:50% !important;}

}

@media all and (max-width:1100px){
.write_cont2 .col{padding-left:0px;padding-top:80px;}

}

@media all and (max-width:980px){
.write_cont2 .col{margin-bottom: 60px;}
.write_cont2 .col ul li .form_btn{margin-left:0;margin-top:5px;}
.write_cont2 .col ul li .input.w_2{width:90% !important;}
.write_cont2 .btn.btn_medi.upload{margin-left:0;margin-top:5px;}
.write_cont2 .btn.btn_medi.blue{padding: 15px;margin-top: -4px;}
.write_cont2 .btn.plus.up, .write_cont2 .btn.plus.down{margin-left: 0px;}

}

@media all and (max-width:768px){
.write_cont2 .col .tit{font-size: 21px;}
.write_cont2 .col ul li{padding-left: 23%;font-size: 15px;}
.write_cont2 .col ul li > label{font-size: 17px;}
.write_cont2 .col ul li .selectBox{font-size:14px;padding: 0;}
.write_cont2 .col ul li .input{font-size:14px;padding: 0 10px;}
.write_cont2 .col ul li .date .form_db input[type=text].datepicker{font-size:14px;}
.write_cont2 .col ul li .form_btn .button{font-size:14px;}
.write_cont2 .btn.btn_medi.upload{font-size:15px;padding: 0px 10px;margin-top:0;line-height:50px;}
.write_cont2 .btn.btn_large.blue{font-size:15px;padding: 20px;}
.write_cont2 .btn.btn_medi.blue{font-size:15px;}
.write_cont2 .w400{width: 40% !important;min-width:200px;}
input[type="checkbox"]+label, input[type="radio"]+label{margin-left:3px !important;}

}

@media all and (max-width:650px){
.write_cont2 .col{padding-top: 55px;margin-bottom: 30px;}
.write_cont2 .col ul li{padding-left: 0;padding-top: 48px;margin-bottom: 10px;}
.write_cont2 .col ul li .date .form_db input[type=text].datepicker{padding:0 5px;width: 130px;}
.write_cont2 .col ul li .date .mid{margin: 0 5px;}
.write_cont2 .col ul li .goal p{font-size:14px;line-height:20px;margin-bottom:5px;}
.write_cont2 .btn.btn_medi.upload{margin-top: -4px;line-height:49px;}
.write_cont2 .btn.btn_medi.blue{font-size:14px;font-weight:400;margin-left:0;margin-top:5px;}
.write_cont2 .w200 {width:100% !important;}

}

@media all and (max-width:470px){
.write_cont2 .col ul li .date .form_db input[type=text].datepicker{width: 129px;}
.write_cont2 .col ul li .selectBox{min-width:95px !important;}
.write_cont2 .btn.btn_medi.upload {font-size: 14px;padding: 0px 5px;font-weight:400;line-height:48px;}
.write_cont2 .btn.btn_large.blue{font-size: 14px;}
.write_cont2 .col ul li .input.w_2 {width:87% !important;}

}


/* 댓글 */   
textarea{resize: vertical;min-height:122px;font-size: 16px !important;color: #666 !important;} 
    
.comment_warp{overflow:hidden;}
.comment_warp .entry_box{width:100%;height:auto; padding:50px 50px;margin-bottom: 50px; border-top: 2px solid #052138;}
.comment_warp .entry_box .all{font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:20px;font-weight:600;color:#333;}
.comment_warp .entry_box .all .num{color:#fa5064;}
.comment_warp .entry_box .entry{overflow:hidden;width:100%;min-height:122px;padding-left:130px;position:relative;}
.comment_warp .entry_box .entry > p {margin-bottom: 20px;}
.comment_warp .entry_box .entry .info{display:block;position:absolute;top:0;left:0;}
.comment_warp .entry_box .entry .info.r1{top:22px;}
.comment_warp .entry_box .entry .info .icn{position: relative;width:64px;height:64px;background:#fff;display:block;margin:0 auto;border:1px solid #e5e5e5;border-radius:100%;overflow:hidden;}
.comment_warp .entry_box .entry .info .icn img{position: absolute;transform: translate(-50%, -50%);top: 50%;left: 50%;min-width: 100%;min-height: 100%;width: auto;height:auto;}
.comment_warp .entry_box .entry .info p{font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:17px;font-weight:400;color:#333;margin-bottom:7px;line-height: 14px;text-align:center;}
.comment_warp .entry_box .entry .info p.name{margin-top:15px;}
.comment_warp .entry_box .entry .info p.speak{margin-bottom:0;}
.comment_warp .entry_box .entry .info p.school{font-size: 15px;}
.comment_warp .entry_box .entry .info p.speak .red{color:#fa5064;}

.comment_warp .entry_box .entry .text_box{position:relative;width:82%;display:inline-block;vertical-align: top;}
.comment_warp .entry_box .entry .text_box textarea{resize: none; font-family: 'NanumSquareNeo-Variable',sans-serif; height:122px;border:1px solid #e5e5e5;padding:20px 30px;padding-right: 100px;}
.comment_warp .entry_box .entry .text_box .count{display:block;position:absolute;bottom:20px;right:20px;color:#888;font-size:15px;width: 100px;text-align: right;}
.comment_warp .entry_box .entry .btn.btn_large.navy.boot{ padding: 17px 50px;font-size: 18px;font-weight: 600;}
.comment_warp .entry_box .entry .btn.btn_large.navy.boot:hover{color:#fff !important;}

.comment_warp .entry_box .entry .btn.btn_large.navy {margin-left: 10px; width: 100px;height:54px;line-height: 54px;padding: 0;}

.comment_warp .comment_list{overflow:hidden;}
.comment_warp .comment_list > li{display:block;width:100%;height:auto;padding:50px;border-bottom:1px solid #e5e5e5;}
.comment_warp .comment_list > li .text{width:100%;}
.comment_warp .comment_list > li .text ul{overflow:hidden;}
.comment_warp .comment_list > li .text ul li{float:left;width:auto;min-height:45px;display:block;position:relative;padding:0;border-bottom:0;line-height: 45px;}
.comment_warp .comment_list > li .text ul li.name{font-size:17px;font-weight:600;color:#333;padding-right: 7px;}
.comment_warp .comment_list > li .text ul li.name .icn{position: relative;width:45px;height:45px;background:#fff;display:inline-block;border:1px solid #e5e5e5;border-radius:100%;overflow:hidden;
                                                    vertical-align: middle;}
.comment_warp .comment_list > li .text ul li.name .icn img {position: absolute;transform: translate(-50%, -50%);top: 50%;left: 50%;min-width: 100%;min-height: 100%;width: auto;height:auto;}
.comment_warp .comment_list > li .text ul li.date{font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px;font-weight:400;color:#c3c3c3;padding-left: 25px;}
.comment_warp .comment_list > li .text ul li.date:before{content:"";display:block;position:absolute;width:1px;height:15px;background:#c3c3c3;top:16px;left:0;margin:0 10px;}
.comment_warp .comment_list > li .text ul li.edit {margin-left: 20px;font-weight: bold;text-align: center;font-size: 15px;}
.comment_warp .comment_list > li .text ul li.edit::after {content: '|';margin-left: 10px;font-size: 15px;}
.comment_warp .comment_list > li .text ul li.delete {font-weight: bold;text-align: center;margin-left: 10px;font-size: 15px;}
.comment_warp .comment_list > li .text p{margin:5px 0 20px 0;padding-left:45px;font-size: 18px;}
.comment_warp .comment_list > li .text .cont {font-size: 18px;}
.comment_warp .comment_list > li .btn_box{padding-left:45px;position:relative;}
.comment_warp .comment_list > li .btn_box .r_box{display:block;position:absolute;top:0px;right:0;}

.comment_warp .comment_list > li .text ul li.name > span:nth-child(2) {font-family: 'NanumSquareNeo-Variable',sans-serif;}
.comment_warp .comment_list > li .text > p {font-family: 'NanumSquareNeo-Variable',sans-serif;}


/* 대댓글 입력 */
.comment_warp .comment_list  .entry_box.type1{position:relative;}
.comment_warp .comment_list  .entry_box.type1:before{content:"";display:block;position:absolute;width:20px;height:20px;top:30px;left:40px;
                                    background:url(/images/contents/entry_box.png) no-repeat 0 0;}
.btn.close{display:block;position:absolute;width:20px;height:20px;top: 20px;right:20px;background:url(/images/contents/entry_box.png) no-repeat -20px 0;font-size:0;}
.comment_warp .comment_list  .entry_box .text ul li{float:left;width:auto;min-height:45px;display:block;position:relative;padding:0;border-bottom:0;line-height: 45px;}
.comment_warp .comment_list  .entry_box .text ul li.name{font-size:17px;font-weight:600;color:#333;padding-right: 7px;}
.comment_warp .comment_list  .entry_box .text ul li.name .icn{width:45px;height:45px;background:#fff;display:inline-block;border:1px solid #e5e5e5;border-radius:100%;overflow:hidden;
                                                    vertical-align: middle;}                                  
.comment_warp .comment_list  .entry_box .text ul li.date{font-size:16px;font-weight:400;color:#c3c3c3;padding-left: 25px;}
.comment_warp .comment_list  .entry_box .text ul li.date:before{content:"";display:block;position:absolute;width:1px;height:15px;background:#c3c3c3;top:16px;left:0;margin:0 10px;}
.comment_warp .comment_list  .entry_box .btn_box{padding-left:45px;position:relative;}
.comment_warp .comment_list  .entry_box .btn_box .r_box{display:block;position:absolute;top:0px;right:0;}
.comment_warp .comment_list  .entry_box .text p{margin:5px 0 20px 0;padding-left:45px;font-size: 18px;}
    

/* 대댓글 */
.comment_warp .comment_list.list01{margin-top:40px;background:#f8f8f8;}
.comment_warp .comment_list.list01 li{border-bottom:1px dashed #e5e5e5;}
.comment_warp .comment_list.list01 li:first-child{border-top:1px dashed #e5e5e5;}
.comment_warp .comment_list.list01 li:last-child{border-bottom:0;}
.comment_warp .comment_list.list01 li .text ul li{border-top:0;}


/* 댓글 신고 레이어 */
.comment_report_cont {z-index: 100;display: none;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 95%;max-width: 550px;height: auto;padding: 32px;background: #fff;text-align: left;box-shadow: 0px 2px 20px 2px rgb(0 0 0 / 10%);border-radius: 30px;font-family: 'NanumSquareNeo-Variable',sans-serif;}
.comment_report_tit {margin-bottom: 24px;color: #333;font-size: 22px;font-weight: 800;}
.comment_report_close_btn {position: absolute;top: 24px;right: 30px;width: 30px;height: 30px;margin: 0;cursor: pointer;}
.comment_report_close_btn:before,
.comment_report_close_btn:after {content: '';position: absolute;top: 0;left: 50%;width: 2px;height: 100%;background: #000;}
.comment_report_close_btn:before {transform: rotate(-45deg)}
.comment_report_close_btn:after {transform: rotate(45deg)}
.comment_report_list > li:nth-child(2) {margin-bottom: 20px;}
.comment_report_list h5::before {display: none;}
.comment_report_item {line-height: 1.5;}
.comment_report_item:not(:last-child) {margin-bottom: 8px;}
.comment_report_item h5 {display: inline-block;width: 90px;font-size: 18px;font-weight: 400;color: #333;}
.comment_report_item span {font-size: 16px;color: #777;}
.comment_report_item_reason {padding-top: 20px;border-top: 1px solid #ccc;}
.comment_report_item_reason h5 {display: inline-block;width: 90px;font-size: 18px;font-weight: 400;color: #333;}
.comment_report_item_reason span {width: calc(100% - 90px);font-size: 16px;color: #777;line-height: 1.6;}
.comment_report_item_reason ul {margin: 15px 0 0 80px;line-height: 1.8;}
.comment_report_reason_select input[type="radio"] {display: none;}
.comment_report_reason_select input[type="radio"] + label span {background: #fff;;border: 1px solid #ccc;transition: none;}
.comment_report_reason_select input[type="radio"]:checked + label span {border: 7px solid #4D8DE7;transition: none;}
.comment_report_item_btn {padding: 20px 0;text-align: center;background: #fff;}
.comment_report_item_btn button {width: 120px;height: 45px;border-radius: 74px;}
.comment_report_item_btn .comment_btn_report {margin-right: 5px;background: #4D8DE7;color: #fff;}
.comment_report_item_btn .comment_btn_cancel {background: #fff;color: #777;border: 1px solid #aaa;}



/* 본문  신고 레이어 */
.contents_report_cont {
    overflow: hidden;
    z-index: 100;display: none;position: fixed;top: 50%;left: 50%;
    transform: translate(-50%, -50%);width: 95%;max-width: 563px;height: auto;
    background: #fff;text-align: left;box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;font-family: 'NanumSquareNeo-Variable',sans-serif;}
.contents_report_tit {display: flex;align-items: center; margin: 0;padding: 80px 60px 60px;background: #333;color: #fff;font-size: 32px;}
.contents_report_tit::before {content: '';display: inline-block;width: 45px;height: 45px;margin-right: 20px;background: url(/images/newsub/icon_report.png);}
.contents_report_close_btn {position: absolute;top: 30px;right: 34px;width: 30px;height: 30px;margin: 0;cursor: pointer;}
.contents_report_close_btn:before, .contents_report_close_btn:after {content: '';position: absolute;top: 0;left: 50%;width: 2px;height: 100%;background: #fff;}
.contents_report_close_btn:before {transform: rotate(-45deg)}
.contents_report_close_btn:after {transform: rotate(45deg)}
.contents_report_list {padding: 70px 50px;}
.contents_report_list h5::before {display: none;}
.contents_report_item,
.contents_report_item_reason {display: flex;flex-wrap: wrap; line-height: 1.5;}

.contents_report_item:not(:last-child) {margin-bottom: 24px;}
.contents_report_item h5,
.contents_report_item_reason h5 {display: inline-block;width: 70px;font-size: 14px;font-weight: 800;color: #333;}
.contents_report_item span,
.contents_report_item_reason span {width: calc(100% - 70px);font-size: 14px;color: #777;line-height: 1.6;}
/* .contents_report_item_reason {padding-top: 20px;border-top: 1px solid #ccc;} */
/* .contents_report_item_reason h5 {display: inline-block;width: 90px;font-size: 18px;font-weight: 400;color: #333;}
.contents_report_item_reason span {font-size: 15px;color: #999;} */
.contents_report_item_reason ul {margin: 20px 0 0 72px;line-height: 1.8;}
.contents_report_reason_select input[type="radio"] {display: none;}
.contents_report_reason_select input[type="radio"] + label span {background: #fff;;border: 1px solid #ccc;transition: none;}
.contents_report_reason_select input[type="radio"]:checked + label span {border: 7px solid #4D8DE7;transition: none;}
.contents_report_item_btn {padding: 0 0 80px;text-align: center;background: #fff;}
.contents_report_item_btn button {width: 120px;height: 45px;border-radius: 74px;}
.contents_report_item_btn .contents_btn_report {margin-right: 5px;background: #333;color: #fff;}
.contents_report_item_btn .contents_btn_cancel {background: #fff;color: #777;border: 1px solid #aaa;}


@media all and (max-width:1240px){
.comment_warp .entry_box{padding: 5%;}
.comment_warp .entry_box .entry .info p{font-size: 14px;margin-bottom: 4px;}
.comment_warp .entry_box .entry .btn_large{padding: 20px;}
.comment_warp .entry_box .entry .text_box{width: 80%;}
.comment_warp .entry_box .entry .btn.btn_large.navy.boot{padding: 17px 25px;}
}

@media all and (max-width:980px){
textarea{font-size: 14px !important;}
.comment_warp .entry_box{padding: 4%;}
.comment_warp .entry_box .entry .text_box{width: 70%;}
.comment_warp .entry_box .entry .text_box .count{font-size: 13px;}

.comment_warp .comment_list > li{padding: 5%;}
.comment_warp .comment_list > li .text p{font-size: 16px;}
.comment_warp .entry_box.type1:before{top: 10px;left: 10px;}
.comment_warp .btn.close{top: 10px; right: 10px;}

}

@media all and (max-width:768px){
.comment_warp .entry_box .all{font-size: 17px;margin-bottom: 15px;}
.comment_warp .entry_box .entry{padding-left:0;padding-top:62px;}
.comment_warp .entry_box .entry .info p{display: inline-block;}
.comment_warp .entry_box .entry .info .icn{width: 52px;height: 52px;display: inline-block;vertical-align: middle;}

.comment_warp .entry_box .entry .btn_large{font-size:16px;}
.comment_warp .entry_box .entry .text_box {width: 100%;}
.comment_warp .entry_box .entry .text_box::after {display: block;content: '';width: 100%;height: 40px;border-width: 0 1px 1px 1px;border-style: solid;border-color: #ddd;background: #fff;}
.comment_warp .entry_box .entry .text_box textarea{padding: 15px;border-radius: 0;}
.comment_warp .entry_box .entry .text_box .count {right: auto;left: -20px;bottom: 15px;}
.comment_warp .entry_box .entry .btn.btn_large.navy {position: absolute;bottom: 0;right: 0;height: 40px;line-height: 40px;border-radius: 0;float: right;font-size:14px;font-weight:400;}
}

@media all and (max-width:600px){
.comment_warp .entry_box .all{font-size: 16px;}
.comment_warp .entry_box .entry .btn_large{padding:15px;font-size: 14px;font-weight:400;}
.comment_warp .comment_list > li .text ul li.name{font-size: 15px;padding-right: 0;}
.comment_warp .comment_list > li .text ul li.date{font-size: 14px;padding-left: 20px;}
.comment_warp .comment_list > li .text p{padding-left:0;font-size: 14px;line-height: 18px;}
.comment_warp .comment_list > li .btn_box{padding-left:0;}
.comment_warp .comment_list .btn{margin-left: 5px;}
.comment_warp .comment_list .btn.red,
.comment_warp .comment_list .btn.navy{font-size: 14px;padding: 8px;}
.comment_warp .comment_list .btn.line{font-size: 14px;padding: 8px;}
.comment_warp .comment_list .btn.line.smile{padding-left: 30px;padding-right:8px;}
.comment_warp .comment_list .btn.smile .icn{top: 4px;left: 6px;}
.comment_warp .entry_box .entry .btn.btn_large.navy.boot{font-size: 15px !important;margin-top:10px;}
.tab .comment_warp .entry_box .entry .info {top: -18px}
.comment_warp .comment_list > li .text ul li.edit, .comment_warp .comment_list > li .text ul li.edit::after, .comment_warp .comment_list > li .text ul li.delete {font-size: 14px;}
.comment_report_cont {width: 95%;}
.comment_report_item_reason span {display: block;margin-top: 8px;}
.comment_report_item_reason ul {margin-left: 0;}
.contents_report_item h5,
.contents_report_item_reason h5 {display: block;font-size: 17px;font-weight: 600;}
.contents_report_item:not(:last-child) {margin-bottom: 10px;}
.contents_report_item_reason ul {margin: 15px 0 0 0;}

.contents_report_item,
.comment_report_item {flex-wrap: wrap;}
.contents_report_item span,
.comment_report_item span,
.contents_report_item_reason span {width: 100%;}

.contents_report_tit {padding: 40px 24px;font-size: 30px;}
.contents_report_list {padding: 40px 24px;}
}

@media all and (max-width:470px){
.comment_warp .entry_box .entry .btn_large{padding:10px;}
.comment_warp .comment_list > li .text ul li{min-height:0;line-height:30px;}
.comment_warp .comment_list > li .text ul li.name{font-size: 14px;margin-right:10px;}
.comment_warp .comment_list > li .text ul li.name .icn{width: 37px;height: 37px;}
.comment_warp .comment_list > li .text ul li.date{padding-left:0;display:block;}
.comment_warp .comment_list > li .text ul li.date:before{display:none;}
.comment_warp .entry_box .entry .btn.btn_large.navy.boot{padding:12px;}

.comment_report_item h5, .comment_report_item span, .comment_report_item_reason h5 {font-size: 15px;}
.comment_report_reason_select input[type="radio"] + label {font-size: 14px}
.comment_report_item span {display: block;margin-top: 8px;}

}


/* 제안결과 상세보기 */
.result_details {padding: 60px;margin-bottom: 50px;border: 1px solid #2267b5;border-radius: 10px;text-align: center;}
.result_details h3 {font-size: 25px;color: #111;letter-spacing: 0.1px;}
.result_details h3 span {color: #2267b5;}
.result_details ul {width: 80%;margin: 50px auto 0 auto;}
.result_details ul:after {display: block;clear: both;content: '';}
.result_details ul li {position: relative;float: left;width: 25%;font-size: 20px;color: #111;font-weight: 500;}
.result_details ul li:before {display: block;content: '';width: 35px;height: 35px;margin: 0 auto 8px auto;}
.result_details ul li:nth-child(1):before {background: url(/images/contents/result_details_ico_01.png) no-repeat center;background-size: contain;}
.result_details ul li:nth-child(2):before {background: url(/images/contents/result_details_ico_02.png) no-repeat center;background-size: contain;}
.result_details ul li:nth-child(3):before {background: url(/images/contents/result_details_ico_03.png) no-repeat center;background-size: contain;}
.result_details ul li:nth-child(4):before {background: url(/images/contents/result_details_ico_04.png) no-repeat center;background-size: contain;}
.result_details ul li:after {display: block;content: '';position: absolute;top: 50%;transform: translateY(-50%);right: 0;width: 1px;height: 80%;background: #aaa;}
.result_details ul li:last-child:after {display: none;}
.result_details ul li span {display: block;margin-top: 10px;color: #2267b5;font-size: 17px;}





/* 댓글결과 */
.comment_result{overflow:hidden;border:1px solid #e5e5e5;font-family: 'NanumSquareNeo-Variable',sans-serif;}
.comment_result .result_box{width:100%;height:auto;background:#f7f9fb;padding: 16px 24px;border-bottom:1px solid #e5e5e5;}
.comment_result .result_box .all{font-size: 18px;font-weight:600;color:#333;margin-bottom:0;}
.comment_result .result_box .all .num{color:#fa5064;}

.comment_result .result_list{overflow:hidden;}
.comment_result .result_list > li{display:block;width:100%;height:auto;padding: 32px;border-bottom:1px solid #e5e5e5;}
.comment_result .result_list > li:last-child{border-bottom:0;}
.comment_result .result_list > li .info{width:100%;position:relative;border-bottom:1px solid #e5e5e5;padding-bottom: 10px; margin-bottom: 40px;}
.comment_result .result_list > li .info ul{overflow:hidden;}
.comment_result .result_list > li .info ul li{float:left;width:auto;min-height:45px;display:block;position:relative;padding:0;line-height: 45px;}
.comment_result .result_list > li .info ul li.name{font-size:17px;font-weight:600;color:#333;padding-right: 7px;}
.comment_result .result_list > li .info ul li.name .icn{position: relative;width:35px;height:35px;background:#fff;display:inline-block;border:1px solid #e5e5e5;border-radius:100%;overflow:hidden;
                                                    vertical-align: middle;}
.comment_result .result_list > li .info ul li.name .icn img {position: absolute;transform: translate(-50%, -50%);top: 50%;left: 50%;min-width: 100%;min-height: 100%;width: auto;height:auto;}
.comment_result .result_list > li .info ul li.name b{margin:0 10px;}
.comment_result .result_list > li .info ul li.date{font-size:16px;font-weight:400;color:#c3c3c3;padding-left: 25px;}
.comment_result .result_list > li .info ul li.date:before{content:"";display:block;position:absolute;width:1px;height:15px;background:#c3c3c3;top:16px;left:0;margin:0 10px;}
.comment_result .result_list > li .info p{margin:5px 0 20px 0;padding-left:45px;}
.comment_result .result_list > li .info .r_box{display:block;position:absolute;top:0px;right:0;}

.comment_result .result_list > li .cont{width:100%;margin-top: 30px;font-size: 18px;line-height: 1.5;}
.comment_result .result_list > li .cont h5{font-size:18px;font-weight:600;color:#555;margin-bottom:40px;}
.comment_result .result_list > li .cont .down_box{width:100%;line-height:50px;padding:10px 30px;background:#f4f7fb;border-radius:50px;}
.comment_result .result_list > li .cont .down_box .tit{margin-right: 20px;position:relative;}
.comment_result .result_list > li .cont .down_box .tit .icn{display: inline-block; vertical-align: middle;margin-right: 10px;width:25px;height:25px;
                                                            background:url(/images/contents/down_icn1.png) no-repeat 0 -1px;}
.comment_result .result_list > li .cont .down_box .file {margin-top: 0;margin-bottom: 8px;font-size: 15px;}
/* .comment_result .result_list > li .cont .down_box .tit:after{content:"";display:block;position:absolute;width:1px;height:17px;background:#bfbfbf;top:3px;right:-15px;} */
.comment_result .result_list > li .cont .vod_box{margin-top:0;}

.comment_result .result_list > li .vid-wrapper {position: relative;padding-bottom: 56.25%;height: 0;}
.comment_result .result_list > li .vid-wrapper .youtube {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} 

.comment_result_tit h4 {font-size: 28px;}

@media all and (max-width:1240px){
.comment_result .result_list > li .cont .vod_box{width:100%;}
.result_details ul {width: 100%;}
.comment_result_tit h4 {font-size: 24px;}
}

@media all and (max-width:980px){
.comment_result .result_list > li{padding: 4%;}
.comment_result .result_list > li .cont .vod_box{height:auto;}

}

@media all and (max-width:768px){
.comment_result .result_box{padding: 10px 30px;}
.comment_result .result_box .all{font-size: 17px;}
.comment_result .result_list > li{padding: 2% 4%;}
.comment_result .result_list > li .info{margin-bottom: 20px;}
.comment_result .result_list > li .cont {margin-top: 20px;font-size: 16px;}
.comment_result .result_list > li .cont h5{margin-bottom: 10px;font-size: 17px;line-height: 24px;word-break: keep-all;}
.comment_result .result_list > li .cont p{margin-bottom: 10px;}
.comment_result .result_list > li .cont .down_box{line-height: 25px;padding: 10px 20px;}
.comment_result .result_list > li .cont .down_box .tit{font-size: 15px;}
.comment_result .result_list > li .cont .down_box a{font-size: 14px;}

.result_details {padding: 50px 0;}
.result_details ul {margin: 30px auto 0 auto;}
.result_details h3 {font-size: 23px;}
.result_details ul li {font-size: 18px;}
.result_details ul li span {font-size: 16px;}
}

@media all and (max-width:600px){
.comment_result .result_list > li .info ul li.name{font-size: 15px;padding-right: 0;}
.comment_result .result_list > li .info ul li.date{font-size: 14px;padding-left: 20px;}
.comment_result .btn.red,
.comment_result .btn.navy{font-size: 14px; padding: 8px;}
.comment_result .result_list > li .cont{font-size: 14px;}
.comment_result .result_list > li .cont .down_box{margin-bottom:20px;}

.result_details {padding: 40px 0;}
.result_details h3 {font-size: 21px;}
.result_details ul li {font-size: 16px;}
.result_details ul li span {font-size: 14px;}
.result_details ul li:before {width: 30px;height: 30px;}


}

@media all and (max-width:470px){
.button_box .btn_large.btn_line.like{padding: 20px 20px 20px 55px;}
.button_box .btn_large.btn_line.like .icn{left: 11px;}
.comment_result .result_list > li .info ul li.name {font-size: 14px;}
.comment_result .result_list > li .info ul li.name .icn {display: none}
.comment_result .result_list > li .info ul li.name b {margin-left: 0;}
.comment_result .result_list > li .info ul li.date {font-size: 13px;}
.comment_result .result_list > li .info .r_box{top:auto;right:auto;bottom:10px;left:0;}
.comment_result .result_list > li .info .r_box a{margin-left:5px;}
.result_details ul li {font-size: 15px;}
.result_details ul li span {font-size: 12px;}
.comment_result .result_box {padding: 12px;}
}


/* 찬반댓글 */
.comment_warp .comment_list.vote > li{display:block;width:100%;height:auto;border:1px solid #e5e5e5;padding:0;margin:20px 0;}
.comment_warp .comment_list.vote > li:first-child{margin-top:0;}
.comment_warp .comment_list.vote > li:last-child{margin-bottom:0;}
.comment_warp .comment_list.vote > li .text{width:100%;overflow:hidden;position:relative;padding-left:125px;}

.comment_warp .comment_list.vote > li .text .profile{display:block;position:absolute;background:#f9f9f9;padding:30px 35px;top:0;left:0;width:125px;height:100%;}    
.comment_warp .comment_list.vote > li .text .profile .icn{position: relative;width:45px;height:45px;background:#fff;display:block;border:1px solid #e5e5e5;border-radius:100%;overflow:hidden;}
.comment_warp .comment_list.vote > li .text .profile .icn img{position: absolute;top: 50%;left: 50%;width: 100%;height: auto;transform: translate(-50%,-50%);}

.comment_warp .comment_list.vote > li .text .cont{width:100%;float:left;padding:40px 45px;border-left:1px solid #e5e5e5;position:relative;}
.comment_warp .comment_list.vote > li .text .cont:before
    {content:"";display:block;position:absolute;width:30px;height:45px;background:url(/images/contents/co_arr.png) no-repeat 0 0;top:33px;left:-24px;}
.comment_warp .comment_list.vote > li .text .cont ul{overflow:hidden;margin-bottom: 20px;}
.comment_warp .comment_list.vote > li .text .cont ul li{float:left;min-height:0;display:block;position:relative;padding:0;line-height: 30px;}
.comment_warp .comment_list.vote > li .text .cont ul li.name{font-size:17px;font-weight:600;color:#333;padding-right: 7px;}
.comment_warp .comment_list.vote > li .text .cont ul li.name .v_box {padding:0 15px;background:#4D8DE7;color:#fff;font-size:16px;font-weight:400;display:inline-block;
    border-radius:15px;overflow:hidden;vertical-align: middle;margin-right:10px;}
.comment_warp .comment_list.vote > li .text .cont ul li.name .v_box.t1{background:#fa5064;}

.comment_warp .comment_list.vote > li .text .cont ul li.date{font-size:16px;font-weight:400;color:#c3c3c3;padding-left: 25px;}
.comment_warp .comment_list.vote > li .text .cont ul li.date:before
    {content:"";display:block;position:absolute;width:1px;height:15px;background:#c3c3c3;top:9px;left:0;margin:0 10px;}
.comment_warp .comment_list.vote > li .text .cont p{margin:5px 0 20px 0;padding-left:0;}

.comment_warp .comment_list.vote > li .text .cont .btn_box{padding-left:0;position:relative;}
.comment_warp .comment_list.vote > li .text .cont .btn_box .r_box{display:block;position:absolute;top:0px;right:0;}


/* 반대 on */
.comment_warp .comment_list.vote > li.on .text {padding-left: 0;padding-right: 125px;}
.comment_warp .comment_list.vote > li.on .text .profile {left: auto;right: 0}
.comment_warp .comment_list.vote > li.on .text .cont:before {left: auto;right: -24px;transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.comment_warp .comment_list.vote > li.on .text .cont p {text-align: right;}
.comment_warp .comment_list.vote > li.on .text .cont ul li.name {float: right;padding-left: 7px;padding-right: 0;}
.comment_warp .comment_list.vote > li.on .text .cont ul li.date {float: right;padding-right: 25px;padding-left: 0;}
.comment_warp .comment_list.vote > li.on .text .cont ul li.date:before {left: auto;right: 0}
.comment_warp .comment_list.vote > li.on .text .cont ul li.edit {float: right;margin-left: 0;margin-right: 20px;}
.comment_warp .comment_list.vote > li.on .text .cont ul li.edit::after {display: none;}
.comment_warp .comment_list.vote > li.on .text .cont ul li.edit::before {content: '|';margin-right: 10px;font-size: 15px;}
.comment_warp .comment_list.vote > li.on .text .cont ul li.delete {float: right;margin-left: 0;margin-right: 10px;}
.comment_warp .comment_list.vote > li.on .text .cont .btn_box .btn {float: right;}
.comment_warp .comment_list.vote > li.on .text .cont .btn_box .r_box {display: flex;right: auto;left: 0;}


@media all and (max-width:980px){
.comment_warp .comment_list.vote{margin-top:30px;}

}

@media all and (max-width:768px){
.comment_warp .comment_list.vote > li .text{padding-left:77px;}
.comment_warp .comment_list.vote > li .text .profile{width: 77px;padding: 15px;}
.comment_warp .comment_list.vote > li .text .cont{padding: 4%;}
.comment_warp .comment_list.vote > li .text .cont:before{top: 65px;}
.comment_warp .comment_list.vote > li.on .text{padding-right:77px;}
.comment_warp .comment_list.vote > li.on .text .profile{width: 77px;padding: 15px;}
.comment_warp .comment_list.vote > li.on .text .cont{padding: 4%;}
.comment_warp .comment_list.vote > li.on .text .cont:before{top: 65px;}

}

@media all and (max-width:600px){
.comment_warp .comment_list.vote > li .text .cont ul{margin-bottom: 10px;}
.comment_warp .comment_list.vote > li .text .cont ul li.name{font-size: 15px;padding-right: 0;}
.comment_warp .comment_list.vote > li .text .cont ul li.name .v_box{font-size: 14px;padding: 0 10px;border-radius: 10px;line-height: 22px;margin-right: 5px;}
.comment_warp .comment_list.vote > li .text .cont ul li.date{font-size: 14px;padding-left: 10px;}
.comment_warp .comment_list.vote > li .text .cont ul li.date:before{display:none;}
.comment_warp .comment_list.vote > li.on .text .cont ul{margin-bottom: 10px;}
.comment_warp .comment_list.vote > li.on .text .cont ul li.name{font-size: 15px;padding-left: 0;}
.comment_warp .comment_list.vote > li.on .text .cont ul li.name .v_box{font-size: 14px;padding: 0 10px;border-radius: 10px;line-height: 22px;margin-left: 5px;}
.comment_warp .comment_list.vote > li.on .text .cont ul li.date{font-size: 14px;padding-right: 10px;}
.comment_warp .comment_list.vote > li.on .text .cont ul li.date:before{display:none;}

.comment_warp .entry_box .entry > p{margin-bottom: 10px;}
.comment_warp .entry_box .entry .info.r1{top: 0px;}
}

@media all and (max-width:470px){
.comment_warp .comment_list.vote > li .text{padding-left:0;}
.comment_warp .comment_list.vote > li .text .profile{display:none;}
.comment_warp .comment_list.vote > li .text .cont{border-left:0;}
.comment_warp .comment_list.vote > li .text .cont:before{display:none;}
.comment_warp .comment_list.vote > li.on .text{padding-right:0;}
.comment_warp .comment_list.vote > li.on .text .profile{display:none;}
.comment_warp .comment_list.vote > li.on .text .cont{border-right:0;}
.comment_warp .comment_list.vote > li.on .text .cont:before{display:none;}
}


/* sub02_01_view */

.discuss{overflow:hidden;margin-top:60px;padding:65px;background:#f7f9fb;text-align:center;}
.discuss .bull_box {margin-bottom: 25px;}
.discuss h2{font-family:'themario';font-weight:300;margin-top: 0;margin-bottom: 55px;word-break: keep-all;}
.discuss .cont_box{width:100%;height:auto;padding:50px 80px;background:#fff;text-align:left;}
.discuss .cont_box h3 {margin-bottom: 40px;}
.discuss .cont_box ul{overflow:hidden;}
.discuss .cont_box ul li{display:block;width:100%;min-height:150px;padding-top:15px;padding-left:180px;position:relative;margin-bottom:30px;}
.discuss .cont_box ul li:last-child{margin-bottom:0;}
.discuss .cont_box ul li span.icn{display:block;position:absolute;width:140px;height:140px;top:5px;left:0;
                                    background:url(/images/contents/finger_icn.png) no-repeat 0 0;}
.discuss .cont_box ul li span.icn.ico1{background-position:0 0;}
.discuss .cont_box ul li span.icn.ico2{background-position:-140px 0;}
.discuss .cont_box ul li span.icn.ico3{background-position:-280px 0;}
.discuss .cont_box ul li h4:before{content:"";display:block;background:#448adf;}
.discuss .cont_box ul li .text{display:block;width:100%;border:1px solid #eef0f2;border-radius:5px;padding:25px 30px;}
.discuss .cont_box ul li .text p{font-size: 20px;color: #3e3e3e;margin-bottom: 0;}



@media all and (max-width:1240px){
.discuss{padding: 4%;}
.discuss .bull_box{margin-bottom: 20px;}
.discuss h2{margin-bottom: 40px;}
.discuss .cont_box{padding: 5%;}

}

@media all and (max-width:980px){
.discuss .cont_box ul li .text p{font-size: 16px;}

}

@media all and (max-width:768px){
.discuss h2{margin-bottom: 30px;line-height: 35px;}
.discuss .cont_box h3 {margin-bottom: 20px;}
.discuss .cont_box ul li{padding-left: 140px;min-height: 118px;margin-bottom: 20px;}
.discuss .cont_box ul li span.icn{width: 110px;height: 110px;background-size: cover;}
.discuss .cont_box ul li span.icn.ico2{background-position: -110px 0;}
.discuss .cont_box ul li span.icn.ico3{background-position: -220px 0;}
.discuss .cont_box ul li .text{padding: 10px;}

}

@media all and (max-width:600px){
.discuss .bull_box .bull{font-size:14px;}
.discuss h2{font-size: 24px;line-height: 30px;margin-bottom: 20px;}
.discuss .cont_box h4{font-size: 16px;margin-bottom: 10px;}
.discuss .cont_box ul li{padding-left: 105px;}
.discuss .cont_box ul li span.icn{width: 90px;height: 90px;}
.discuss .cont_box ul li span.icn.ico2 {background-position: -89px 0;}
.discuss .cont_box ul li span.icn.ico3 {background-position: -180px 0;}

}

@media all and (max-width:470px){
.discuss h2{font-size: 20px;line-height: 25px;}
.discuss .cont_box h3 {margin-bottom: 10px;}
.discuss .cont_box ul li{padding-left:0;min-height:0;}
.discuss .cont_box ul li span.icn{display:none;}
.discuss .cont_box ul li .text p{font-size: 14px;}

}


/* sub03_01_view */

.map{overflow:hidden;margin-top:60px;padding:65px;background:#f7f9fb;text-align:center;}
.map .bull_box {margin-bottom: 25px;}
.map h2{font-family:'themario';font-weight:300;margin-top: 0;margin-bottom: 55px;}
.map .img{width:100%;height:700px;}


@media all and (max-width:1240px){
.map .img{height:auto;}

}

@media all and (max-width:980px){
.map{padding: 5%;}
.map h2{margin-bottom: 40px;}

}

@media all and (max-width:600px){
.map .bull_box{margin-bottom: 10px;}
.map .bull_box .bull{font-size: 14px;}
.map h2{font-size: 24px;line-height: 30px;margin-bottom: 20px;}

}

@media all and (max-width:470px){
.map h2{font-size: 20px;line-height: 25px;}

}




/* sub03_02_view */

.support{overflow:hidden;text-align:center;}
.support .bull_box{margin-bottom:25px;}
.support h2{margin-top:0; margin-bottom: 55px;font-size: 32px;font-weight: 600; color: #333;word-break: keep-all;}
.support .cont_box{overflow:hidden;margin-bottom:40px;}
.support .cont_box .img, .support .cont_box .text{width:49%;float:left;}
.support .cont_box .img{margin-right:2%;overflow:hidden;height: 312px;}
.support .cont_box .img img{width:100%;}
.support .cont_box .text{border:1px solid #ccc;padding:40px 45px;text-align:left;min-height: 312px;}
.support .cont_box .text ul li h4{margin-top:0;font-size: 20px;color: #333;font-weight: 500;margin-bottom: 20px;}
.support .cont_box .text ul li p{padding-left:20px;margin-bottom: 30px;line-height: 25px;font-size: 17px}
.support .cont_box .text ul li:last-child p{margin-bottom:0;}
.support .cont_box .text .bull_box .bull.day {padding: 5px 25px;font-weight: 500;}



@media all and (max-width:1240px){
.support .cont_box .img{height: auto;}
.support .cont_box .text{padding:5% 3%;min-height:0;}
.support .cont_box .text ul{margin-bottom:0;}
.support .cont_box .text ul li h4{margin-bottom: 15px;}
.support .cont_box .text ul li p{margin-bottom: 20px;}

}

@media all and (max-width:980px){
.support .cont_box .text ul li h4{font-size: 18px; margin-bottom: 10px;}
.support .cont_box .text ul li p{padding-left: 0;line-height: 22px;margin-bottom: 15px;}

}

@media all and (max-width:768px){
.support h2{font-size: 28px;margin-bottom: 30px;}
.support .cont_box .img, .support .cont_box .text{float:none;display:block;width:100%;}
.support .cont_box .text{padding: 5%;}
.support .bull_box{margin-bottom: 20px;}

}

@media all and (max-width:600px){
.support h2{font-size: 24px;margin-bottom:20px;}
.support .bull_box{margin-bottom: 15px;}
.support .bull_box .bull {font-size: 14px;}

}



/* 버튼 */
.button_box .btn.btn_large.btn_line.share.boot{border: 1px solid #e5e5e5;}
.button_box .btn.btn_large.navy.boot{padding: 17px 50px;font-size: 18px;font-weight: 600;}

.button_box a.btn.navy:link, 
.button_box a.btn.navy:visited,
.button_box a.btn.red:link, 
.button_box a.btn.red:visited,
.button_box a.btn.gray:link, 
.button_box a.btn.gray:visited,
.button_box a.btn.bluegray:link, 
.button_box a.btn.bluegray:visited,
.button_box a.btn.blue:link, 
.button_box a.btn.blue:visited{color: #fff !important;}

/* @media all and (max-width:768px){
.button_box .btn.btn_large.navy.boot,
.button_box .btn.btn_large.bluegray.boot{padding: 17px !important;font-size:16px !important;}

}

@media all and (max-width:500px){
.button_box .btn.btn_large.navy,
.button_box .btn.btn_large.bluegray,
.button_box .btn.btn_large.upload,
.button_box .btn.btn_large.navy.boot,
.button_box .btn.btn_large.red,
.button_box .btn.btn_large.gray,
.button_box .btn.btn_large.bluegray.boot{padding: 15px 30px !important;font-size:15px !important;font-weight:400;}

} */

.comment_warp .comment_list > li .btn_box .btn.navy:link,
.comment_warp .comment_list > li .btn_box .btn.navy:visited,
.comment_warp .comment_list > li .btn_box .btn.red:link,
.comment_warp .comment_list > li .btn_box .btn.red:visited{color: #fff !important;}


.tab_link a:hover,
.tab_link a:focus,
.tab_link a:active{text-decoration:none !important;}




/* 애니메이션, 포인트 */
.support_point{overflow:hidden;}
.support_point h2{font-family:'themario';font-size:33px;font-weight:300;color:#3c4855;margin-top:0;margin-bottom:10px;text-align:center;}
.support_point h2 .num{font-family:'ntk';font-size:54px;font-weight:600;color:#4D8DE7;margin:0 10px;}
.support_point p{text-align:center;font-size:20px;font-weight:400;color:#8e8e8e;}
.support_point span{font-weight: 700;color: #08883b;font-size: 22px;}
.support_point .img {width:100%;max-width:100%;height: 230px;margin-top: 30px;background: url('//images/contents/sub03_02_view_bg.png')}
.support_point .img-relative {position: relative;width: 40%;height: 230px;margin: 0 auto;}
.support_point .img p {position: absolute;top: 18px;z-index: 1;color: #fff;font-weight: bold;font-size: 16px;}
.support_point .img p::before {position: absolute;top: -2px;left: 50%;transform: translateX(-50%);margin-left: -57px;display: block;content: '';z-index: -1;width: 164px;height: 199px;background: url('//images/contents/sub03_02_view_num.png')}
.support_point .img .bar {position: absolute;bottom: 15px;left: 50%;transform: translateX(-50%);width: 100%;height: 5px;background: #dadbdc;border-radius: 50px;}
.support_point .img .bar::after {position: absolute;bottom: 0;left: 0;display: block;content:'';height: 5px;background: #4D8DE7;border-radius: 50px;}

/* 애니메이션 위치 조절 */
.support_point .img p {left: 0%;}
.support_point .img .bar::after {width: 0%;}

@media all and (max-width:980px){
.support_point h2{font-size: 28px;}
.support_point h2 .num{font-size: 43px;}
.support_point .img p::before {top: -4px;}
.support_point .img-relative {width: 60%;}

}

@media all and (max-width:768px){
.support_point h2{font-size: 22px;}
.support_point h2 .num{font-size: 36px;}
.support_point p{font-size: 18px;}

}

@media all and (max-width:500px){
.support_point h2{font-size: 20px;}
.support_point h2 .num{font-size: 30px;}
.support_point p{font-size: 15px;}
.support_point .img {margin-top: 50px;}
}



/* 탭메뉴 */
.tab .tab_container{border:0 !important;}
.tab .cont{padding: 50px 70px;}
.tab .cont .tab_list{overflow:hidden;}
.tab .cont .tab_list > li{border-bottom:1px solid #e5e5e5;display:block;padding: 40px 0;}
.tab .cont .tab_list > li:first-child{padding-top:0;}
.tab .cont .tab_list > li:last-child{border-bottom:0;}
.tab .cont .tab_list > li .text_box{width:100%;height:auto;min-height:124px;padding-left:150px;position:relative;font-size: 18px;}          
.tab .cont .tab_list > li .text_box .tit{display:block;min-width: 72px;height:120px;font-size:24px;font-weight:400;color:#444;font-family:'themario';
                        position:absolute;top:0px;left:0px;text-align: center;}
.tab .cont .tab_list > li .text_box .tit .icn{display:block;width:55px;height:55px;background:url(/images/contents/tab_icn.png) no-repeat 0 0;margin:auto;margin-bottom: 15px;}
.tab .cont .tab_list > li .text_box .tit .icn.ico1{background-position:0 0;}
.tab .cont .tab_list > li .text_box .tit .icn.ico2{background-position:-55px 0;}
.tab .cont .tab_list > li .text_box .tit .icn.ico3{background-position:-110px 0;}
.tab .cont .tab_list > li .text_box p:last-child{margin-bottom: 0;}

.tab .cont .tab_list > li .text_box .tab_link{overflow:hidden;padding: 15px 0;}
.tab .cont .tab_list > li .text_box .tab_link li{width:26%;margin-right:4%;float:left;position:relative;}   
.tab .cont .tab_list > li .text_box .tab_link li a{display:block;border:1px solid #e5e5e5;border-radius:5px;padding:15px 40px;font-size:18px;font-weight:400;color:#5c5c5c;}    
.tab .cont .tab_list > li .text_box .tab_link li a .icn{display:block;position:absolute;width:14px;height:20px;border-radius:100%;
                        background: url(/images/contents/tab_arr.png) no-repeat 0 0;top: 18px;right: 17px;}

.tab .cont .tab_list > li .text_box .bull_box {padding: 0;}
.tab .cont .tab_list > li .text_box .bull_box .bull.etc {width: 45%;margin-bottom: 30px;}
.tab .cont .tab_list > li .text_box .bull_box .bull.etc:nth-child(2n) {margin-right: 0}
.tab .cont .tab_list > li .text_box .bull_box .bull.etc a {border: none;border-radius: none;color: #fff;}
.tab .cont .tab_list > li .text_box .bull_box .bull.etc a .icn{background: url(/images/contents/tab_arr.png) no-repeat -15px 0;}

.tab .cont .tab_list > li .text_box .bull_box .bull.etc a:hover,
.tab .cont .tab_list > li .text_box .bull_box .bull.etc a:focus,
.tab .cont .tab_list > li .text_box .bull_box .bull.etc a:active{background:#ed8f1e;border:1px solid #ed8f1e;}  

.tab .cont .tab_list > li .text_box .tab_link li a:hover,
.tab .cont .tab_list > li .text_box .tab_link li a:focus,
.tab .cont .tab_list > li .text_box .tab_link li a:active{background:#2c5f9f;border:1px solid #2c5f9f;color:#fff;}  

.tab .cont .tab_list > li .text_box .tab_link li a:hover .icn,
.tab .cont .tab_list > li .text_box .tab_link li a:focus .icn,
.tab .cont .tab_list > li .text_box .tab_link li a:active .icn{background-position:-14px 0;}

.hope_tab .text_box .tit {width: 130px;font-size: 22px;}


@media all and (max-width:1240px){
.tab .cont{padding: 50px;}
.tab .cont .tab_list > li .text_box .tab_link li{width:30.5%;}
.tab .cont .tab_list > li .text_box .tab_link li:last-child{margin-right:0;}
.tab .cont .tab_list > li .text_box .tab_link li a{padding:15px;}

}

@media all and (max-width:980px){
.tab .cont{padding: 7% 4%;}
.tab .cont .tab_list > li .text_box{padding-left: 110px;}
.tab .cont .tab_list > li .text_box .tit{height: auto;font-size: 20px;}
.tab .cont .tab_list > li .text_box .tab_link li a{padding: 10px;font-size: 15px;}
.tab .cont .tab_list > li .text_box .tab_link li a .icn{top:11px;}
.hope_tab .text_box .tit {width: auto;}
}

@media all and (max-width:768px){
.tab .cont .tab_list > li .text_box{font-size: 16px;}
.tab .cont .tab_list > li .text_box .bull_box .bull.etc {width: 100%; margin-right: 0;}
}

@media all and (max-width:600px){
.tab .cont .tab_list > li .text_box{padding-top: 70px;padding-left: 0;font-size: 14px;}
.tab .cont .tab_list > li .text_box .tit .icn{display: inline-block;vertical-align: middle;margin-bottom: 0;margin-right:10px;}
.tab .cont .tab_list > li .text_box .tab_link li{width:100%;display:block;margin-bottom:5px;}
.tab .cont .tab_list > li .text_box .tab_link li:last-child{margin-bottom:0;}

}


/* 희망 후원하기 팝업창 modal */
.support_pop {display:none;position: fixed;width: 90%;max-width: 563px;;background:#fff;box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;font-family: 'NanumSquareNeo-Variable',sans-serif;z-index: 10;}
.support_pop .modal-dialog-top {padding: 80px 60px 60px;background: #E593B8;}
    .support_pop h3 {margin-bottom: 16px;font-size:32px;font-weight:800;color:#fff;font-weight: 800;}
/* .support_pop h3:before{content: "";display: block;position: absolute;width: 120px;height: 15px;bottom: -12px;left: -5px;background: url(/images/contents/write_line.png) no-repeat 0 0;} */
.support_pop p{margin-bottom: 0px;font-size:16px;line-height: 1.5;font-weight:400;color:#fff;}

.support_pop .input_box{padding: 70px 80px;}   
.support_pop .input_box li{display: flex;
    justify-content: space-between;
    align-items: center;margin-bottom:10px;position:relative;clear:both;}
.support_pop .input_box li:last-child{margin-bottom:0;}
.support_pop .input_box li label{flex-shrink: 0; font-size:20px;font-weight: 500;color:#333;}
/* .support_pop .input_box li label:before{content:"";display:block;position:absolute;background:#e593b8;width:6px;height:6px;top: 8px;left:0;border-radius:100%;} */
/* .support_pop .input_box li.input label:before{top:16px;} */

.support_pop .input_box li.input input[type="text"]{text-align: right;
    font-size: 20px;
    letter-spacing: -0.05em;
    width: 180px;
    margin-left: auto;}
#inputAmount {border: 2px solid #000;padding: 0 8px;}
.support_pop .input_box li span{
    flex-shrink: 0;
    text-align: center;
    width: 24px;
    height: 24px;
    margin-left: 16px;
    border: 2px solid #333333;
    border-radius: 50%;
    font-weight: 800;
    font-size: 14px;
    color: #333;
}
.support_pop .input_box li span.text{display: inline-block;width:135px;text-align:right;}
.support_pop .button_box{padding: 0 0 80px;}      

.modal{
    left:50% !important; top:50% !important; 
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);}

.support_pop .button_box .btn.btn_large.navy.boot{padding: 17px 50px;font-size: 18px;font-weight: 600;}
.support_pop .button_box .btn.btn_large.bluegray.boot{padding: 17px 50px;font-size: 18px;font-weight: 600;}

.support_pop .button_box a:hover,
.support_pop .button_box a:focus, 
.support_pop .button_box a:active{color:#fff !important;}

.support_pop .close{position: absolute;top: 30px;right: 34px;width: 36px;height: 36px;font-size: 0;}
.support_pop .close::before,
.support_pop .close::after {content: '';position: absolute;top: 0;left: 50%;width: 2px;height: 100%;background: #fff;}
.support_pop .close::before {transform: rotate(45deg);}
.support_pop .close::after {transform: rotate(-45deg);}


@media all and (max-width: 1240px){
    .support_pop .button_box {text-align: center;}
}
@media all and (max-width: 600px){
    .support_pop .modal-dialog-top {padding: 48px 32px;}
    .support_pop .input_box {padding: 32px;}
    .support_pop .input_box li.input input[type="text"] {max-width: 120px;margin-left: auto;}
    .support_pop .button_box {padding: 0 0 40px;}
}


/* chart */

.chart{position:relative;padding:50px 0px 50px 0px;}
.chart h2{font-family:'themario';font-size:30px;font-weight:400;color:#333;text-align:center;margin-bottom:0px;position:absolute;top:40px;left:0;z-index:2;}
.chart h2:before{content:"";display:block;position:absolute;width:100%;height:15px;background: url(/images/contents/write_line.png) no-repeat 0 0;bottom:-12px;left: 6px;
                margin-left: -6%;z-index: -1;}
.chart-txt {text-align: center;}

@media all and (max-width:768px){
.chart h2{top: 5px;font-size: 22px;}
.chart-txt {text-align: left;}

}



/* 학생설문 */
.question_box{background:#f7f9fb;border:1px solid #e6e6e6;padding:70px;}
.question_box ul{overflow:hidden;}
.question_box ul li{width:100%;display:block;margin-bottom:60px;}
.question_box ul li:last-child{margin-bottom:0;}
.question_box ul li h2{font-size:20px;font-weight:400;color:#333;margin:0;position:relative;line-height: 48px;}
.question_box ul li h2 .tit_num{font-size:21px;font-weight:600;margin-right:10px;padding-left:44px;vertical-align: top;}
.question_box ul li h2 .tit_num .icn{display:block;position:absolute;width:32px;height:32px;top:5px;left:0;
                            background:url(/images/contents/write_icn.png) no-repeat 0 0;}                
.question_box ul li h2 .tit_num .icn.ico1{background-position:0 -43px;}
.question_box ul li h2 .tit_num .icn.ico2{background-position:-50px -43px;}
.question_box ul li h2 .tit_num .icn.ico3{background-position:-100px -43px;}
.question_box ul li h2 .tit_num .icn.ico4{background-position:-179px -57px;}
.question_box ul li h2 .text{display:inline-block;line-height:28px;}

.question_box ul li .check{width:100%;background:#fff;border:1px solid #e6e6e6;padding:30px 40px;border-radius:5px;}
.question_box ul li .check p {font-size:18px;}
.question_box ul li .check p:last-child{margin-bottom:0;}
.question_box ul li textarea{padding:20px 40px;}



@media all and (max-width:1240px){
.question_box{padding: 5%;}
.question_box .button_box{text-align:center;}

}

@media all and (max-width:980px){
.question_box ul li h2 .text{width: 78%;}
.question_box ul li h2 .text br{display:none;}
.question_box ul li textarea{padding:20px;}

}

@media all and (max-width:768px){
.question_box ul li{margin-bottom: 40px;}
.question_box ul li h2 .tit_num{font-size: 19px;}
.question_box ul li h2 .text{width:96%;display:block;font-size: 17px;line-height: 23px;margin: 10px;}
.question_box ul li .check{padding: 4%;}
.question_box ul li .check p{margin-bottom: 15px;}
input[type="checkbox"]+label, input[type="radio"]+label{font-size: 15px;}

}


@media all and (max-width:470px){
.question_box ul li h2 .tit_num{padding-left:0;font-size:17px;}
.question_box ul li h2 .tit_num .icn{display:none;}
.question_box ul li h2 .text{margin-top:0;font-size: 15px;}
input[type="checkbox"]+label, input[type="radio"]+label{font-size:14px;}

}



/* 학생설문 - 결과 */
.question_result{border-top:1px solid #e5e5e5;}
.question_result .result_box{padding:40px 0;}
.question_result .result_box h4{display: inline-block;font-family:'themario';font-weight:300;color:#333;font-size:26px;margin:0 30px 0 0;vertical-align: middle;}
.question_result .result_box span{font-size:18px;color:#555;}
.question_result ul{overflow:hidden;border:1px solid #e5e5e5;}
.question_result ul li{width:100%;display:block;}
.question_result ul li .tit_box{background:#f7f9fb;padding:40px 0 0 60px;}
.question_result ul li .tit_box h2{font-size:20px;font-weight:400;color:#333;margin:0;position:relative;line-height: 48px;}
.question_result ul li .tit_box h2 .tit_num{font-size:21px;font-weight:600;margin-right:10px;padding-left:44px;vertical-align: top;}
.question_result ul li .tit_box h2 .tit_num .icn{display:block;position:absolute;width:32px;height:32px;top:5px;left:0;
                            background:url(/images/contents/write_icn.png) no-repeat 0 0;}                
.question_result ul li .tit_box h2 .tit_num .icn.ico1{background-position:0 -43px;}
.question_result ul li .tit_box h2 .tit_num .icn.ico2{background-position:-50px -43px;}
.question_result ul li .tit_box h2 .tit_num .icn.ico3{background-position:-100px -43px;}
.question_result ul li .tit_box h2 .tit_num .icn.ico4{background-position:-179px -57px;}
.question_result ul li .tit_box h2 .text{display:inline-block;line-height:28px;}
.question_result ul li .graph{width:100%;background:#fff;padding:40px 110px;position:relative;}
.question_result ul li .graph p {font-size:18px;margin-bottom:0;}
.question_result ul li .graph span.text{font-size:18px;}
.question_result ul li .graph span.bull_square{position:absolute;top:28px;right:110px;}


@media all and (max-width:1240px){
.question_result ul li .tit_box{padding: 20px 0 0 40px;}
.question_result ul li .graph{padding: 40px 60px;}
.question_result ul li .graph span.bull_square{right: 60px;}

}

@media all and (max-width:980px){
.question_result .result_box{padding-bottom: 20px;}
.question_result ul li .tit_box{padding: 20px 0 0 30px;}
.question_result ul li .graph{padding: 5%;}
.question_result ul li .graph span.bull_square{right: 30px;}
.question_result ul li .tit_box h2 .text{width: 78%;}

}

@media all and (max-width:768px){
.question_result .result_box{padding-top:20px;}
.question_result .result_box h4{margin-right:10px;}
.question_result .result_box span{font-size: 16px;}
.question_result ul li .tit_box{padding:10px;}
.question_result ul li .tit_box h2 .tit_num{font-size: 19px;}
.question_result ul li .tit_box h2 .text{width: 96%;display: block;font-size: 17px;line-height: 23px;margin: 5px 0 0 10px;}
.question_result ul li .tit_box h2 .text br{display:none;}
.question_result ul li .graph{padding: 3%;}
.question_result ul li:last-child .graph{padding:25px 3%;}
.question_result ul li .graph p{font-size: 16px;}
.question_result ul li .graph span.bull_square{top: 12px;font-size:14px;}
.question_result ul li .graph span.text{font-size: 16px;}
.result-graph{margin-bottom:15px;height: 18px;}
.result-graph-percent{font-size: 14px;top: -20px;}

}

@media all and (max-width:600px){
table.tbl_basic .num, table.tbl_basic .hit, table.tbl_basic .date {display: none}
}

@media all and (max-width:470px){
table.tbl_basic .writer {display: none}
.question_result ul li .tit_box h2{line-height:30px}
.question_result ul li .tit_box h2 .tit_num{padding-left:0px;font-size:17px;}
.question_result ul li .tit_box h2 .tit_num .icn{display:none;}
.question_result ul li .tit_box h2 .text{margin-top: 0;margin-left: 0;font-size: 15px;line-height:21px;}
.question_result ul li .graph span.bull_square{right: 10px;}

}


/* 모꼬지 sub*/
.society {overflow:hidden;}
.society::after {display: block;clear: both;content: '';}
.society .info{float:left;width:14%;margin-right:4%;}
.society .info .img{position: relative;display:block;width:130px;height:130px;border-radius:100%;overflow:hidden;margin:0 auto;}
.society .info .img img{position: absolute;transform: translate(-50%, -50%);top: 50%;left: 50%;min-width: 100%;min-height: 100%;width: auto;height:auto;}
.society .info .member{overflow:hidden;margin-top:20px;}
.society .info .member > li{display:block;margin-bottom:5px;line-height:20px;height:20px;}
.society .info .member > li:last-child{margin-bottom:0;} 
.society .info .member > li span{font-size:16px;color:#555;}
.society .info .member > li .mem_tit{float:left;position:relative;padding-left:25px;}
.society .info .member > li .mem_tit .icn{display:block;position:absolute;width:20px;height:20px;top:0px;left:0;
                                        background:url(/images/contents/mem_info.png) no-repeat 0 0;}
.society .info .member > li .mem_tit .icn.ico1{background-position:0 0;}
.society .info .member > li .mem_tit .icn.ico2{background-position:-20px 0;}
.society .info .member > li .mem_cont{float:right;}
.society .info a.btn.join{width:100%;margin-left:0;margin-top:15px;padding: 15px 35px;font-size: 18px;font-weight: 600;line-height: 1.5;}
.society .info .tab_menu{overflow:hidden;margin-top: 60px;}
.society .info .tab_menu > li{display:block;margin-bottom:10px;position:relative;height: 64px;}
.society .info .tab_menu > li a{display:block;width:100%;height:100%;font-size:18px;font-weight:400;color:#333;padding:20px 0px 20px 70px;border-radius:5px;
                                border:1px solid #e5e5e5;}
.society .info .tab_menu > li a .icn{display:block;position:absolute;width:25px;height:25px;top:17px;left:27px;background:url(/images/contents/mokkoji_tab.png) no-repeat 0 0;}
.society .info .tab_menu > li a .icn.ico1{background-position:0 0;}
.society .info .tab_menu > li a .icn.ico2{background-position:-25px 0;}
.society .info .tab_menu > li a .icn.ico3{background-position:-50px 0;}
.society .info .tab_menu > li a .icn.ico4{background-position:-75px 0;}
.society .info .tab_menu > li a .icn.ico5{background-position:-100px 0;}
.society .info .tab_menu > li a .icn.ico6{background-position:-125px 0;}
.society .info .tab_menu > li a .icn.ico7{background-position:-150px 0;}
.society .info .tab_menu > li a .icn.ico8{background-position:-175px 0;}
.society .info .tab_menu > li a .icn.ico9{background-position:-200px 0;}
.society .info .tab_menu > li a .icn.ico10{background-position:-225px 0;}
.society .info .tab_menu > li a .icn.ico11{background-position:-250px 0;}
.society .info .tab_menu > li a .icn.ico12{background-position:-275px 0;}
.society .info .tab_menu > li a:hover{border:3px solid #4d8de7;box-shadow:4px 4px 5px 3px rgba(0,0,0,0.1);padding:18px 0px 18px 68px;}
.society .info .tab_menu > li.on a{border:3px solid #4d8de7;box-shadow:4px 4px 5px 3px rgba(0,0,0,0.1);padding:18px 0px 18px 68px;}
.society .link_box{float:left;width:100%;}/* margin-left:40px;*/
.society .link_box .topbox{border-radius: 10px; width:100%;display:block;background: url('/images/contents/mokkoji_bg02.png') no-repeat, #acdaff;
                            border:1px solid #e5e5e5;padding:80px; background-position: 500px 9px;}
.society .link_box .topbox h2{overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 525px; font-family:'themario';font-size:26px;font-weight:300;color:#fff;margin: 30px 0 10px;}
.society .link_box .topbox p{    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 422px;
font-size:18px;font-weight:400;color:#555;margin-bottom:0; font-family: 'NanumSquareNeo-Variable',sans-serif;}

.society .link_box .tit_box{position:relative;width:100%;display:block;padding:20px 0;}
.society .link_box .tit_box h4{display:inline-block; padding-left:0px; position:relative; font-family: 'NanumSquareNeo-Variable',sans-serif; margin:0;font-size:20px;color:#333;}
.society .link_box .tit_box h4:before {content: '';
    display: inline-block;
    width: 100%;
    height: 2px;
    margin-right: 6px;
    background: #333;
    transform: rotate(-135deg);
    vertical-align: middle;
    display: inherit;
    transform: inherit;
    position: absolute;
    top: -4px;}
.society .link_box .tit_box a.more{position:absolute;top:13px;right:0;width:37px;height:37px;background:url(/images/contents/mokkoji_more.png) no-repeat 0 0;font-size:0;}

.society .link_box .uibox {margin-bottom: 60px;margin-left: 15px;}
.society .link_box .uibox h3 {margin-bottom: 20px;}

.society .prog_list > li .item a .img{height: 153px;}
.society .prog_list > li .item a .text_box{padding: 20px;}



@media all and (max-width:1240px){
.society .info {border-top:2px solid #345b8c;}
.society .info, .society .link_box{float:none;width:100%;}
.society .info{overflow:hidden;padding:3%;}
.society .info .img, .society .info .member, .society .info a.btn.join, .society .info .tab_menu{display:inline-block;}
.society .info .img{width: 100px;height:100px;}
.society .info .member{vertical-align: top;width: 160px;margin-top:20px;margin-left:2%;}
.society .info a.btn.join{width: auto;vertical-align: top;margin-top:20px;margin-left:3%;}
.society .info .tab_menu{margin-top:20px;margin-left: 0%;padding-bottom:15px;}
.society .info .tab_menu > li{float:left;width: 175px;margin-right: 15px;margin-bottom: 0;}
.society .info .tab_menu > li:last-child{margin-right:0;}
/*.society .prog_list > li .item a .img{height: auto;}*/
.society .prog_list > li .item a .text_box{padding: 20px;}
.society .comment_warp .entry_box .entry .info {border-top: none;padding: 0;width: auto;}

}


@media all and (max-width:980px){
.society .info .tab_menu > li{width: 148px;}
.society .info .tab_menu > li a{padding-left:50px;}
.society .info .tab_menu > li a:hover{padding-left: 48px;}
.society .info .tab_menu > li.on a{padding-left:48px;}
.society .info .tab_menu > li a .icn{top: 20px;left: 18px;background-size:cover;}
.society .link_box .topbox{/*height: 220px;*/padding: 5%;margin-bottom: 40px;background-size:35%;}
}

@media all and (max-width:768px){
.society .info .tab_menu > li{width: 112px;height: auto;}
.society .info .tab_menu > li a{font-size:16px;padding-left:38px;}
.society .info .tab_menu > li a:hover{padding-left:36px;}
.society .info .tab_menu > li.on a{padding-left:36px;}
.society .info .tab_menu > li a .icn{width: 20px;height: 20px;top: 22px;left: 13px;}
.society .info .tab_menu > li a .icn.ico2 {background-position: -19px 0;}
.society .info .tab_menu > li a .icn.ico3 {background-position: -39px 0;}
.society .info .tab_menu > li a .icn.ico4 {background-position: -59px 0;}
.society .info a.btn.join{padding: 15px;font-size:16px;}
/* .society .link_box .topbox{height: 185px;} */
.society .link_box .topbox h2{margin-top:15px;font-size: 22px;}
.society .link_box .topbox p{font-size:16px;}

}

@media all and (max-width:600px){
.society .info .tab_menu{width:100%;}
.society .info .tab_menu > li{width:49%;margin-right:2%;margin-bottom:2%;}
.society .info .tab_menu > li:nth-child(2n){margin-right:0;}
.society .info a.btn.join{display: block;margin: 0 0 10px;padding: 15px;font-size:15px;}
/* .society .link_box .topbox {height: 144px;} */
.society .link_box .topbox h2{margin-top: 10px;margin-bottom: 5px;font-size: 19px;}
.society .link_box .topbox p{font-size: 14px;line-height:18px;}

}

@media all and (max-width:470px){
.society .info .img{width: 65px;height: 65px;}
.society .info .member{width: 130px;margin-left:5px;margin-top:10px;}
.society .info .member > li span{font-size:14px;}
.society .info a.btn.join{font-size:14px;padding:15px 10px;margin-top:10px;font-weight:400;}
.society .info .tab_menu > li a{font-size:15px;}
}

/* tab- type1 */

.tab .tabs.type1{width:50%;margin:70px auto 40px;height: 130px;}    
.tab .tabs.type1 li{width:21%;float: left;cursor: pointer;position:relative;margin:0 6%;padding:0;}
.tab .tabs.type1 li:first-child{margin-left:6%;}
.tab .tabs.type1 li a{background: #fff;border:15px solid #abb8c6;color: #abb8c6;font-size:22px;font-weight:300;font-family:'themario';text-align:center;
                        border-radius:100%;line-height:39px;}
.tab .tabs.type1 li a:before{content:"";display:block;position:absolute;width:40px;border:1px solid #abb8c6;top:50%;left:-39px;}
.tab .tabs.type1 li a:after{content:"";display:block;position:absolute;width:40px;border:1px solid #abb8c6;top:50%;right:-39px;}
.tab .tabs.type1 li a:hover{color: #4D8DE7 !important; border-color:#4D8DE7;background:#fff;}
.tab .tabs.type1 li a:hover:before,
.tab .tabs.type1 li a:hover:after{border-color:#4D8DE7;}

.tab .tabs.type1 li.active a{display: block;background: #fff;color: #4D8DE7;border-color:#4D8DE7;height: 129px;border-bottom: 15px solid #4D8DE7 !important;}
.tab .tabs.type1 li.active a:hover{color:#4D8DE7 !important;}
.tab .tabs.type1 li.active:before{content:"";display:none;}
.tab .tabs.type1 li.active a:before{border-color:#4D8DE7;background:#4D8DE7;left: -51px;height:1px;top:50%;width:40px;}
.tab .tabs.type1 li.active a:after{border-color:#4D8DE7;right: -51px;}

/* 학생토론 tab */
.tab .tabs.type1.tab_step2 {display: flex;width: 418px;}
.tab .tabs.type1.tab_step2 li {width: 130px;height: 129px;margin-left: 12%;}
.tab .tabs.type1.tab_step2 li:last-child {margin-bottom: 2px;}

@media all and (max-width:1240px){
.tab .tabs.type1{width: 70%;height:auto;text-align:center;}
.tab .tabs.type1 li{width:130px;height:130px;display:inline-block;float:none;margin: 0 5%;}
.tab .tabs.type1 li:first-child{margin-left:5%;}
.tab .tabs.type1 li.active a:before,
.tab .tabs.type1 li.active a:after{margin-top: 0%;}
.tab .tabs.type1 li.active a:before{left: -53px;}
.tab .tabs.type1 li.active a:after{right: -53px;}

}

@media all and (max-width:980px){
.tab .tabs.type1{}
.tab .tabs.type1 li{width:100px;height:100px;}
.tab .tabs.type1 li a{line-height:10px;}
.tab .tabs.type1 li.active a{height:100px;}

.tab .tabs.type1.tab_step2 {width: 364px;}
.tab .tabs.type1.tab_step2 li {width: 100px;height: 100px;margin-left: 16%;}

}

@media all and (max-width:768px){
.tab .tabs.type1{width: 100%;}
.tab .tabs.type1 li a{line-height:29px;font-size:19px;}

}

@media all and (max-width:500px){
.tab .tabs.type1 li{margin: 0 4%;}
.tab .tabs.type1 li a{font-size: 17px;line-height:40px;border:10px solid #abb8c6;}
.tab .tabs.type1 li a:before,
.tab .tabs.type1 li a:after{width: 20px;}
.tab .tabs.type1 li a:before{left: -19px;}
.tab .tabs.type1 li a:after{right:-19px;}
.tab .tabs.type1 li.active a{border-bottom: 10px solid #4D8DE7 !important;}
.tab .tabs.type1 li.active a:before,
.tab .tabs.type1 li.active a:after{width: 20px;}
.tab .tabs.type1 li.active a:before{left: -29px;}
.tab .tabs.type1 li.active a:after{right:-29px;}

.tab .tabs.type1.tab_step2 {width: 270px;}
.tab .tabs.type1.tab_step2 li {margin-left: 7%;}
}

@media all and (max-width:470px){
.tab .tabs.type1 li{width:84px;height:84px;margin:0 3%;}
.tab .tabs.type1 li a{font-size:16px;}
.tab .tabs.type1 li a{line-height:24px;}
.tab .tabs.type1 li.active a{height:84px;}
.tab .tabs.type1 li a:before,
.tab .tabs.type1 li a:after{width: 12px;}
.tab .tabs.type1 li a:before{left: -12px;}
.tab .tabs.type1 li a:after{right:-12px;}
.tab .tabs.type1 li.active a:before,
.tab .tabs.type1 li.active a:after{width: 12px;}
.tab .tabs.type1 li.active a:before{left: -21px;}
.tab .tabs.type1 li.active a:after{right:-21px;}

.tab .tabs.type1.tab_step2 {width: 240px;}
.tab .tabs.type1.tab_step2 li {margin-left: 5%;height: 84px;}
}


/* 마일리지 */

.my_info{overflow:hidden;border:1px solid #e5e5e5;padding:55px 60px;position:relative;margin-top: 35px;}
.my_info:before{content:"";display:block;position:absolute;width:100%;height:7px;background:#4d8de7;top:0 ;left:0;}
.my_info > li{width:50%;float:left;position:relative;}
.my_info > li:first-child{padding-left:170px;}
.my_info > li:before{content:"";display:block;position:absolute;width:1px;height:150px;background:#e5e5e5;top:-16px ;left:0;}
.my_info > li:first-child:before{display:none;}
.my_info > li .icn11,.my_info > li .icn12,.my_info > li .icn13,.my_info > li .icn21,.my_info > li .icn22,.my_info > li .icn23 {display:block;position:absolute;width:130px;height:130px;border-radius:100%;top:0 ;left:0;}
.my_info > li .icn11 {background: url(/images/contents/my_info_icn_11.png) no-repeat 0 0 #f8f8f8;}
.my_info > li .icn12 {background: url(/images/contents/my_info_icn_12.png) no-repeat 0 0 #f8f8f8;}
.my_info > li .icn13 {background: url(/images/contents/my_info_icn_13.png) no-repeat 0 0 #f8f8f8;}
.my_info > li .icn21 {background: url(/images/contents/my_info_icn_21.png) no-repeat 0 0 #f8f8f8;}
.my_info > li .icn22 {background: url(/images/contents/my_info_icn_22.png) no-repeat 0 0 #f8f8f8;}
.my_info > li .icn23 {background: url(/images/contents/my_info_icn_23.png) no-repeat 0 0 #f8f8f8;}

.my_info > li p{margin-bottom:4px;color:#333;}
.my_info > li .name{font-size:25px;margin-top: 10px;}
.my_info > li .school{font-size:18px;}
.my_info > li a{width:116px;font-size:18px;color:#333;display:block;position:relative;margin-top:20px;}
.my_info > li a .arr{display:block;position:absolute;width:15px;height:20px;background: url(//images/contents/tab_arr.png) no-repeat 0 0;top:-1px;right:0;}
.my_info > li a:hover{font-weight:600;}

.my_info > li .mileage{overflow:hidden;padding-left:80px;}
.my_info > li .mileage li {display: flex;justify-content: space-between;align-items: center;margin-bottom: 6px;}
.my_info > li .mileage li:last-child{margin-bottom:0;}
.my_info > li .mileage li span{font-size:18px;font-weight:400;color:#333;}
.my_info > li .mileage li .num .point{font-size:30px;color:#4D8DE7;}

.my_info > li .mileage li.all{margin-bottom: 20px;}
.my_info > li .mileage li.all span{font-size:22px;font-weight:600;}
.my_info > li .mileage li.all .num{color:#4D8DE7;font-weight:400;}


@media all and (max-width:1240px){
.my_info{padding: 4% 5% 5%;}
.my_info > li .mileage{padding-left: 10%;}

}

@media all and (max-width:980px){
.my_info > li:first-child{padding-left: 19%;}
.my_info > li:before{height:110px;top: 0px;}
.my_info > li .icn{background-size:cover;width: 110px;height: 110px;}
.my_info > li .name, .my_info > li .mileage li.all span{font-size: 19px;}
.my_info > li .school, .my_info > li a{font-size: 16px;}
.my_info > li a{margin-top: 15px;}

.my_info > li .mileage li{margin-bottom:5px;}
.my_info > li .mileage li.all{margin-bottom: 15px;}
.my_info > li .mileage li span{font-size: 15px;}
.my_info > li .mileage li .tit{font-size: 16px;}
.my_info > li .mileage li .num .point{font-size: 26px;}

.my_info > li .icn21 {width: 76px;height: 76px;background-size: contain;}


}

@media all and (max-width:768px){
.my_info{padding:4% 3% 3%;}
.my_info > li:before{height:90px;top:5px;}
.my_info > li .icn{width:85px; height: 85px;}
.my_info > li .name, .my_info > li .mileage li.all span{font-size: 16px;}
.my_info > li .school, .my_info > li a{font-size: 14px;}
.my_info > li .name, .my_info > li .school{line-height: 18px;}
.my_info > li a{margin-top: 10px;}
.my_info > li .mileage li.all{margin-bottom: 10px;}
.my_info > li .mileage li .num .point{font-size: 20px;}
.my_info > li .mileage li span{font-size: 14px;}
.my_info > li .mileage li .tit{font-size: 15px;width:50%;}

}

@media all and (max-width:600px){
.my_info > li{width:100%;float:none;display:block;margin-bottom:7%;}
/*.my_info > li:first-child{padding-left: 15%;}*/
.my_info > li:last-child{margin-bottom:0;}
.my_info > li:before{width:100%;height:1px;top:0;}
.my_info > li .icn {width: 55px;height: 55px;top: -9px;}
.my_info > li .name{padding-top:9px;}
.my_info > li .mileage{padding-left: 0;padding-top:20px;}

}

@media all and (max-width:470px){
.my_info > li .icn21 {width: 48px;height: 48px;}

}



.my_list {margin: 50px 0;}
.date_box .form_db input[type=text].datepicker {border: 1px solid #ddd;}
.my_list fieldset {border: 0;}
.my_list .his_btn{display:block;padding-bottom:15px;margin-bottom:20px;}
.my_list .his_btn a{margin-left:0;}
.my_list .his_btn a:hover{background:#4D8DE7;color:#fff;}
.my_list .his_btn .btn_arr{position:relative;display:inline-block;padding:20px 50px;margin-right:20px;border:1px solid #4D8DE7;color:#4D8DE7;font-size:18px;font-weight:400;
            text-align:center;}
.my_list .his_btn .btn_arr.on{background:#4D8DE7;color:#fff;}

.date_box {margin-bottom: 16px;}
.date_box .form_db, .date_box .mid{display: inline-block;vertical-align: middle;}
.date_box .form_db{margin-left:20px;}
.date_box .form_db input[type=text].datepicker{width:200px;display: inline-block;background: url(/images/contents/date.png) right 10px center no-repeat;
               padding: 0 30px 0 15px;margin: 5px 0;height:50px;font-size: 18px;}
.date_box .form_db.form_db_mypage {margin: 5px 0 0 0;}
.date_box .form_db.form_db_mypage #searchStartDe {margin-left: 0;}
.date_box .form_db.form_db_mypage input[type="text"] {height: 50px;}
.date_box .form_db.form_db_mypage .wrap_search {margin-left: 15px;}
.date_box .form_db.form_db_mypage .wrap_search .btn {margin-left: 15px;}
.date_box .form_btn{height: 50px;border-radius:5px;overflow:hidden;margin-right: 15px;display: inline-block;vertical-align: middle;}
.date_box .form_btn .button{float: left;width: 90px;background:#f4f4f4;color:#8b8b8b;padding:0 20px;line-height:47px;margin-left:-1px;
                           border:1px solid #e6e6e6;}
.date_box .form_btn .button:first-child{margin-left:0;}
.date_box .form_btn .button.on{background:#4D8DE7;color:#fff;border:1px solid #4D8DE7;}
.date_box .mid{margin:0 15px;}
.date_box a {padding: 16px 50px;height: 50px;margin-left:20px;}

.date_box .input, .date_box .selectBox{width:240px;padding:0 20px;height:50px;border-radius:5px;border: 1px solid #ddd;}
.date_box .input.w_1{width: 79.9%;}
.date_box .input.w_2{width: 93%;margin-top: 8px;}

.my_list .tab_menu {display: flex;flex-wrap:wrap;gap: 10px;}
.my_list .tab_menu > li{position: relative;width: calc(20% - 8px);height: 60px;}
.my_list .tab_menu > li a {display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;font-size: 18px;font-weight: 400;color: #333;border-radius: 5px;border: 1px solid #e5e5e5;}
.my_list .tab_menu > li a .icn {display: block;width: 25px;height: 25px;background: url(/images/contents/mokkoji_tab.png) no-repeat 0 0;margin-right: 5px;}
.my_list .tab_menu > li a .icn.ico1{background-position:0 0;}
.my_list .tab_menu > li a .icn.ico2{background-position:-25px 0;}
.my_list .tab_menu > li a .icn.ico3{background-position:-50px 0;}
.my_list .tab_menu > li a .icn.ico4{background-position:-75px 0;}
.my_list .tab_menu > li a .icn.ico5{background-position:-100px 0;}
.my_list .tab_menu > li a .icn.ico6{background-position:-125px 0;}
.my_list .tab_menu > li a .icn.ico7{background-position:-150px 0;}
.my_list .tab_menu > li a .icn.ico8{background-position:-175px 0;}
.my_list .tab_menu > li a .icn.ico9{background-position:-200px 0;}
.my_list .tab_menu > li a .icn.ico10{background-position:-225px 0;}
.my_list .tab_menu > li a .icn.ico11{background-position:-250px 0;}
.my_list .tab_menu > li a .icn.ico12{background-position:-275px 0;}
.my_list .tab_menu > li a:hover{border:2px solid #4d8de7;box-shadow:4px 4px 5px 3px rgba(0,0,0,0.1);padding:0;}
.my_list .tab_menu > li.on a{border:2px solid #4d8de7 !important;box-shadow:4px 4px 5px 3px rgba(0,0,0,0.1);padding:0 !important;}

@media all and (max-width:1240px){
.date_box .form_btn{margin-right:10px;}
.date_box .form_btn .button{width: 72px;padding: 0 10px;}
.date_box .form_db{margin-left:0;}
.date_box .form_db input[type=text].datepicker{width: 157px;}
.date_box .mid{margin: 0 5px;}
.date_box a{margin-left: 10px;}
}

@media all and (max-width:900px){
	
.my_list .tab_menu > li{width: calc(25% - 8px);}
.date_box .form_btn {display: block;}
.date_box .form_db.form_db_mypage .wrap_search {display: block;margin: 5px 0 0 0;}
}

@media all and (max-width:768px){
.my_list .tab_menu > li a{font-size:16px;}
.my_list .his_btn .btn_arr{padding: 20px;font-size: 16px;margin-right: 10px;}
.my_list .his_btn .btn_arr.on:after{margin-left: -11%;}
.date_box .form_btn .button{font-size: 14px;}
.date_box .form_db input[type=text].datepicker{font-size: 14px;}
.date_box .btn.btn_large.blue{padding: 0 16px;line-height: 50px;font-size: 16px;font-weight:400;}

}

@media all and (max-width:600px){
.my_list .tab_menu{width:100%;}
.my_list .tab_menu > li{width: calc(50% - 8px);}
.my_list .his_btn .btn_arr{padding: 15px;}
.my_list .his_btn .btn_arr.on:after{margin-left: -15%;}
.date_box .form_btn{margin-bottom:5px;}

}

@media all and (max-width:470px){
.date_box .form_db input[type=text].datepicker{width: 125px;padding-left:10px;}
.date_box .btn.btn_large.blue{margin-left:5px;font-size: 14px;}
.my_list .tab_menu > li a{font-size:15px;}
}


/* table */
.my_list .tbl_list{width:100%;position:relative;border-bottom:1px solid #eef0f2;}
.my_list .tbl_list tbody td{padding:0;border-top:1px solid #eef0f2;text-align:center;font-size:18px;color:#333;height:120px;vertical-align: middle;}
.my_list .tbl_list tbody td a{color:#333;}
.my_list .tbl_list tbody td a:hover{color:#4d8de7;}
/*.my_list .tbl_list tbody tr:hover td{background-color:#f6fcff;}*/
.my_list .tbl_list .bull_box{margin-bottom:0;}
.my_list .month{position:relative;margin-bottom: 70px;}
.my_list .month h3{display:block;position:absolute;width:130px;height:35px;top:-20px;left:50%;margin-left: -4%;background:#fff;padding:10px 20px;z-index:1;}
.my_list .more{position:relative;display:block;margin:auto;font-size:0;width:70px;height:70px;border-radius:100%; background:#f0f0f0;}
.my_list .more:before{content:"";display:block;position:absolute;top:26px;left:25px;width:22px;height:22px;transform: rotate(45deg);
                            background:url(/images/contents/entry_box.png) no-repeat -22px 0;}
 
@media all and (max-width:980px){
.m_table{overflow-x: auto;}
.m_table .tbl_list{width:1240px;}
.m_table::-webkit-scrollbar { -webkit-appearance: none; }
.m_table::-webkit-scrollbar:vertical { width: 12px; }
.m_table::-webkit-scrollbar:horizontal { height: 12px; }
.m_table::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .5); border-radius: 10px; border:0; }
.m_table::-webkit-scrollbar-track { border-radius: 10px; background-color: #ccc; }

}

@media all and (max-width:768px){
.my_list .tbl_list{
    -webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/
     -moz-text-size-adjust: none; /*Firefox*/
     -ms-text-size-adjust: none;  /*Ie*/
     -o-text-size-adjust: none; /*old versions of Opera*/
}

.my_list .tbl_list thead th{font-size: 17px;padding: 15px 0;}
.my_list .tbl_list tbody td{font-size: 15px; height: 100px;}
.my_list .tbl_list tbody td:nth-child(2){padding-left:20px;}
.my_list .tbl_list .bull_box .bull{font-size:14px;line-height: 27px;padding:0 15px;}

}

@media all and (max-width:500px){
.my_list .tbl_list tbody td{height: 90px;}
.my_list .more{width: 50px;height: 50px;}
.my_list .more:before{top: 17px;left: 17px;}

}


/* 마이페이지 공통 s */
.mypage{/*background:#eef3f8;*/}
.mypage .layout{padding-top:80px;text-align:center;}
.mypage .layout h2{font-family: 'NanumSquareRound',sans-serif;font-size:35px;font-weight:600;color:#4D8DE7;margin-top:30px;}
.mypage .layout p{font-size:20px;color:#666;margin-bottom:50px;}
/* 마이페이지 공통 e */

.mypage .layout .cont_box{position:relative;display:block;margin:auto;width:600px;height:auto;background:#fff;padding:70px;text-align:center;}
.mypage .layout .cont_box .icn1{display:block;width:153px;height:153px;background:url(/images/contents/self_icn.png) no-repeat 0 0;margin:auto;}
.mypage .layout .cont_box .text{width:100%;padding:20px;background:#fff5f5;margin:30px 0;}
.mypage .layout .cont_box .text p{margin-bottom:0;font-size:16px;line-height:24px;}

.mypage .layout .cont_box .btn.navy{margin-left:0;}
.mypage .layout .cont_box .text_1{position:relative;margin:20px 0 50px;color:#4D8DE7;font-size:15px;padding-left:20px;text-align: left;}
.mypage .layout .cont_box .text_1 .icn2{position:absolute;display:block;width:16px;height:16px;top:8px;left:0;
            background:url(/images/contents/self_icn1.png) no-repeat 0 0}
.mypage .layout .cont_box .button_box{padding:0}



@media all and (max-width:980px){
.mypage .layout .cont_box .text_1 .icn2{top: 5px;}

}

@media all and (max-width:768px){
.mypage .layout{padding-top:40px;}
.mypage .layout h2{font-size: 30px;margin-bottom: 10px;}
.mypage .layout p{font-size: 18px;}
.mypage .layout .cont_box{width: 90%;padding: 7%;}
.mypage .layout .cont_box .text{padding:10px;}
.mypage .layout .cont_box .text p{font-size: 15px;line-height: 20px;}
.mypage .layout .cont_box .btn.navy{font-size:16px;}
.mypage .layout .cont_box .text_1{margin-bottom:40px;}
.mypage .layout .cont_box .text_1 .icn2{top: 4px;}
.mypage .layout .cont_box .button_box{text-align:center !important;}

}

@media all and (max-width:600px){
.mypage .layout h2{font-size: 25px;margin-bottom: 5px;}
.mypage .layout p{font-size: 16px;margin-bottom: 35px;}
.mypage .layout .cont_box .icn1{background-size:cover;width: 125px;height: 125px;}
.mypage .layout .cont_box .text{margin: 15px 0;}
.mypage .layout .cont_box .text_1{font-size:14px;margin-bottom: 30px;}

}

@media all and (max-width:500px){
.mypage .layout .cont_box .btn.navy,
.mypage .layout .cont_box .btn.line{font-size:15px;font-weight:400;}
.mypage .layout .cont_box .btn.btn_large{padding: 15px;}

}

@media all and (max-width:470px){
.mypage .layout .cont_box .icn1{width: 100px;height: 100px;}
.mypage .layout .cont_box .text{margin: 10px 0;}
.mypage .layout .cont_box .text p{font-size:14px;line-height:20px;}
.mypage .layout .cont_box .text_1{margin: 10px 0;font-size:13px;}

}

/* 회원정보 write */

.mypage .layout .info_box{position:relative;display:block;margin:auto;width:100%;height:auto;background:#fff;padding:100px 160px;}
.mypage .layout .info_box .write_cont .col{padding-left:0;}
.mypage .layout .info_box .write_cont .col ul li{text-align:left;}
.mypage .layout .info_box .write_cont .col ul li .input{width:60%;}
.mypage .layout .info_box .write_cont .col ul li .mail select{margin-left:10px;}
.mypage .layout .info_box .write_cont .col ul li .mail .mail_mid{display:inline-block;margin:0 5px;font-weight:600;color:#000;}
.mypage .layout .info_box .write_cont .col ul li .phone .phone_mid{display:inline-block;margin:0 5px;}


.mypage .layout .info_box .write_cont .col ul li .search_box{display:inline-block;background:#fff;width:35%;padding:0;margin-left: 10px;margin-bottom:0;vertical-align: middle;}
.mypage .layout .info_box .write_cont .col ul li .search_box.myaction_search_box {width: auto;margin-left: 0;}
.mypage .layout .info_box .write_cont .col ul li .search_box .search{float:none;padding-top:0;}
.mypage .layout .info_box .write_cont .col ul li .search_box .search ul li{width:auto;padding-left:0;margin-bottom:0;display:inline-block;}

.mypage .layout .info_box .write_cont .col ul li .search_box .search ul li input[type="text"]{width: 183px;height: 50px;}
.mypage .layout .info_box .write_cont .col ul li .search_box .search ul li input[type="submit"]{height: 50px;}
.mypage .layout .info_box .write_cont .col ul li .search_box .search  button {height: 50px;padding: 0 10px;background: #4d8de7;color: #fff;border-radius: 5px;}
.mypage .layout .info_box .write_cont .col ul li .search_box label:before{display:none;}


.school_list.myaction_school_list #school_ul label span {width: auto;}
@media all and (max-width:1240px){
.mypage .layout .info_box{padding:5%;}
.mypage .layout .info_box .write_cont .col{padding-top:0;}
.mypage .layout .info_box .write_cont .col ul li .input{width: 40%;}
.mypage .layout .info_box .write_cont .col ul li .search_box{width:56%;vertical-align: top;}

}

@media all and (max-width:980px){
.mypage .layout .info_box .write_cont .col ul li{padding-left:0;padding-top:50px;}
.mypage .layout .info_box .write_cont .col ul li .search_box .search ul li{padding-top:0;}

}

@media all and (max-width:600px){
.mypage .layout .info_box .write_cont .col ul li .input{width:100%;}
.mypage .layout .info_box .write_cont .col ul li .input.wp40{width:38% !important;}
.mypage .layout .info_box .write_cont .col ul li .search_box{width:100%;margin-left:0;}

}

@media all and (max-width:470px){
.mypage .layout .info_box .write_cont .col ul li .input.wp40{width:50% !important;}
.mypage .layout .info_box .write_cont .col ul li .input.wp25,
.mypage .layout .info_box .write_cont .col ul li .selectBox.wp25{width:35% !important;}
.mypage .layout .info_box .write_cont .col ul li .input.wp15{width:25% !important;}

}


/*나의 활동내역*/

.my_action{overflow:hidden;}
.my_action .info{float:left;width:14%;margin-right:4%;}
.my_action .info .img{position: relative;display:block;width:130px;height:130px;border-radius:100%;overflow:hidden;margin:0 auto;}
.my_action .info .img img{position: absolute;transform: translate(-50%, -50%);top: 50%;left: 50%;min-width: 100%;min-height: 100%;width: auto;height: auto;}
.my_action .info .member{overflow:hidden;margin-top:20px;}
.my_action .info .member > li{display:block;margin-bottom:5px;line-height:20px;height:20px;}
.my_action .info .member > li:last-child{margin-bottom:0;} 
.my_action .info .member > li span{font-size:16px;color:#555;}
.my_action .info .member > li .mem_tit{float:left;position:relative;padding-left:25px;}
.my_action .info .member > li .mem_tit .icn{display:block;position:absolute;width:20px;height:20px;top:0px;left:0;
                                        background:url(/images/contents/mem_info.png) no-repeat 0 0;}
.my_action .info .member > li .mem_tit .icn.ico1{background-position:0 0;}
.my_action .info .member > li .mem_tit .icn.ico2{background-position:-20px 0;}
.my_action .info .member > li .mem_cont{float:right;}
.my_action .info a.btn.join{width:100%;margin-left:0;margin-top:15px;}
.my_action .info .tab_menu{overflow:hidden;margin-top: 60px;}
.my_action .info .tab_menu > li{display:block;margin-bottom:10px;position:relative;height: 64px;}
.my_action .info .tab_menu > li a{display:block;width:100%;height:100%;font-size:18px;font-weight:400;color:#333;padding:15px 0px 15px 67px;border-radius:5px;
                                border:1px solid #e5e5e5;}
.my_action .info .tab_menu > li a .icn{display:block;position:absolute;width:25px;height:25px;top:19px;left:27px;background:url(/images/contents/mokkoji_tab.png) no-repeat 0 0;}
.my_action .info .tab_menu > li a .icn.ico1{background-position:0 0;}
.my_action .info .tab_menu > li a .icn.ico2{background-position:-25px 0;}
.my_action .info .tab_menu > li a .icn.ico3{background-position:-50px 0;}
.my_action .info .tab_menu > li a .icn.ico4{background-position:-75px 0;}
.my_action .info .tab_menu > li a .icn.ico5{background-position:-100px 0;}
.my_action .info .tab_menu > li a .icn.ico6{background-position:-125px 0;}
.my_action .info .tab_menu > li a .icn.ico7{background-position:-150px 0;}
.my_action .info .tab_menu > li a .icn.ico8{background-position:-175px 0;}
.my_action .info .tab_menu > li a .icn.ico9{background-position:-200px 0;}
.my_action .info .tab_menu > li a .icn.ico10{background-position:-225px 0;}
.my_action .info .tab_menu > li a .icn.ico11{background-position:-250px 0;}
.my_action .info .tab_menu > li a .icn.ico12{background-position:-275px 0;}
.my_action .info .tab_menu > li a:hover{border:3px solid #4d8de7;box-shadow:4px 4px 5px 3px rgba(0,0,0,0.1);padding:18px 0px 18px 68px;}
.my_action .info .tab_menu > li.on a{border:3px solid #4d8de7;box-shadow:4px 4px 5px 3px rgba(0,0,0,0.1);padding:18px 0px 18px 68px;}
.my_action .link_box{float:left;width:82%;}
.my_action .link_box .topbox{width:100%;height:280px;display:block;background: url(/images/contents/mokkoji_bg.png) no-repeat right bottom #f7f7f7;
                            border:1px solid #e5e5e5;padding:80px;margin-bottom:60px;}
.my_action .link_box .topbox h2{font-family:'themario';font-size:26px;font-weight:300;color:#333;margin: 30px 0 10px;}
.my_action .link_box .topbox p{font-size:18px;font-weight:400;color:#555;margin-bottom:0;}

.my_action .link_box .tit_box{position:relative;width:100%;display:block;padding:20px 0;}
.my_action .link_box .tit_box h4{margin:0;font-size:22px;color:#333;}
.my_action .link_box .tit_box a.more{position:absolute;top:13px;right:0;width:37px;height:37px;background:url(/images/contents/mokkoji_more.png) no-repeat 0 0;font-size:0;}

/*.my_action .date_box{margin-bottom:60px;}
.my_action .date_box .form_db, .my_list .date_box .mid{display: inline-block;vertical-align: middle;}
.my_action .date_box .form_db{margin-left:10px;}
.my_action .date_box .form_db input[type=text].datepicker{width:150px;display: inline-block;background: url(/images/contents/date.png) right 10px center no-repeat;
                        padding: 0 10px 0 10px;margin: 5px 0;height:50px;font-size: 18px;}
.my_action .date_box .form_db.form_db_mypage {margin: 5px 0 0 0;}
.my_action .date_box .form_db.form_db_mypage #searchStartDe {margin-left: 0;}
.my_action .date_box .form_db.form_db_mypage input[type="text"] {height: 50px;}
.my_action .date_box .form_db.form_db_mypage .wrap_search {margin-left: 15px;}
.my_action .date_box .form_db.form_db_mypage .wrap_search .btn {margin-left: 15px;}
.my_action .date_box .form_btn{height: 50px;border-radius:5px;overflow:hidden;margin-right: 15px;display: inline-block;vertical-align: middle;}
.my_action .date_box .form_btn .button{float: left;width: 90px;background:#f4f4f4;color:#8b8b8b;padding:0 20px;line-height:47px;margin-left:-1px;
                                    border:1px solid #e6e6e6;}
.my_action .date_box .form_btn .button:first-child{margin-left:0;}
.my_action .date_box .form_btn .button.on{background:#4D8DE7;color:#fff;border:1px solid #4D8DE7;}
.my_action .date_box .mid{margin:0 15px;}
.my_action .date_box a {padding: 16px 50px;height: 50px;margin-left:20px;}

.my_action .date_box .input, .my_list .date_box .selectBox{width:50px;padding:0 20px;height:50px;border-radius:5px;}
.my_action .date_box .input.w_1{width: 79.9%;}
.my_action .date_box .input.w_2{width: 93%;margin-top: 8px;}*/

.my_action .prog_list > li .item a .img{height: 178px;}
.my_action .prog_list > li .item a .text_box{padding: 20px;}



@media all and (max-width:1240px){
.my_action .info {border-top:2px solid #345b8c;}
.my_action .info, .my_action .link_box{float:none;width:100%;}
.my_action .info{overflow:hidden;padding:3%;}
.my_action .info .img, .my_action .info .member, .my_action .info a.btn.join, .my_action .info .tab_menu{display:inline-block;}
.my_action .info .img{width: 100px;height:100px;}
.my_action .info .member{vertical-align: top;width: 160px;margin-top:20px;margin-left:2%;}
.my_action .info a.btn.join{width: auto;vertical-align: top;margin-top:20px;margin-left:3%;}
.my_action .info .tab_menu{margin-top:20px;margin-left: 0%;padding-bottom:15px;}
.my_action .info .tab_menu > li{float:left;width: 175px;margin-right: 15px;margin-bottom: 0;}
.my_action .info .tab_menu > li:last-child{margin-right:0;}
.my_action .prog_list > li .item a .img{height: auto;}
.my_action .prog_list > li .item a .text_box{padding: 20px;}
.my_action .comment_warp .entry_box .entry .info {border-top: none;padding: 0;width: auto;}

}


@media all and (max-width:980px){
.my_action .info .tab_menu > li{width: 148px;}
.my_action .info .tab_menu > li a{padding-left:50px;}
.my_action .info .tab_menu > li a:hover{padding-left: 48px;}
.my_action .info .tab_menu > li.on a{padding-left:48px;}
.my_action .info .tab_menu > li a .icn{top: 20px;left: 18px;background-size:cover;}
.my_action .link_box .topbox{height: 220px;padding: 5%;margin-bottom: 40px;background-size:35%;}
}

@media all and (max-width:768px){
.my_action .info .tab_menu > li{width: 112px;height: auto;}
.my_action .info .tab_menu > li a{font-size:16px;padding-left:38px;}
.my_action .info .tab_menu > li a:hover{padding-left:36px;}
.my_action .info .tab_menu > li.on a{padding-left:36px;}
.my_action .info .tab_menu > li a .icn{width: 20px;height: 20px;top: 22px;left: 13px;}
.my_action .info .tab_menu > li a .icn.ico2 {background-position: -19px 0;}
.my_action .info .tab_menu > li a .icn.ico3 {background-position: -39px 0;}
.my_action .info .tab_menu > li a .icn.ico4 {background-position: -59px 0;}
.my_action .info a.btn.join{padding: 15px;font-size:16px;}
.my_action .link_box .topbox{height: 185px;}
.my_action .link_box .topbox h2{margin-top:15px;font-size: 22px;}
.my_action .link_box .topbox p{font-size:16px;}

}

@media all and (max-width:600px){
.my_action .info .tab_menu{width:100%;}
.my_action .info .tab_menu > li{width:49%;margin-right:2%;margin-bottom:2%;}
.my_action .info .tab_menu > li:nth-child(2n){margin-right:0;}
.my_action .info a.btn.join{padding: 15px;font-size:15px;}
.my_action .link_box .topbox {height: 144px;}
.my_action .link_box .topbox h2{margin-top: 10px;margin-bottom: 5px;font-size: 19px;}
.my_action .link_box .topbox p{font-size: 14px;line-height:18px;}

}

@media all and (max-width:470px){
.my_action .info .img{width: 65px;height: 65px;}
.my_action .info .member{width: 130px;margin-left:5px;margin-top:10px;}
.my_action .info .member > li span{font-size:14px;}
.my_action .info a.btn.join{font-size:14px;padding:15px 10px;margin-top:10px;font-weight:400;}
.my_action .info .tab_menu > li a{font-size:15px;}
}



/* 로그인 */
.login-page {background: #4D8DE71A;}
.mypage .login {display: block;width: 90%;max-width: 500px;margin: 120px auto 0;text-align: center;font-family: 'NanumSquareRound',sans-serif;}
.mypage .login h2 {margin: 0 0 16px;font-weight: 800;color: #4D8DE7;font-size: 36px;font-family: 'NanumSquareRound',sans-serif;}
.mypage .login .text {margin-bottom: 32px;font-size: 20px;color: #666;}
.mypage .login .inp_box {display: flex;flex-wrap: wrap;align-items: center;gap: 10px 0;margin-bottom: 16px;}
/* .mypage .login .inp_box label {width: 80px;font-size: 16px;text-align: left;color: #333;font-weight: 600;} */
.mypage .login .inp_box label {opacity: 0;position: absolute;clip: rect(0 0 0 0);width: 1px;height: 1px;}
.mypage .login .inp_box .input {width: 100%;height: 53px;padding: 8px 24px;border: 0;background: #fff;border-radius: 78px;font-size: 16px;}
.mypage .login .btn.navy {margin-bottom: 56px;padding: 16px 50px;background: #4D8DE7;border: 1px solid #4D8DE7;border-radius: 74px;color: #fff;}
.mypage .login .find {display: flex;justify-content: space-between;margin-bottom: 48px;font-size: 15px;}
.mypage .login .find input[type="checkbox"] {display: none;}
.mypage .login .text_1 {margin-bottom: 16px;font-size: 15px;line-height: 1.4;}
.mypage .login .join {color: #4d8de7;font-weight: 600;font-size: 16px;text-decoration: underline;text-underline-position: under;}

/*  아이디 / 비번 찾기 */
.mypage .id_pw {display: block;max-width: 600px;margin: 120px auto 0;text-align: center;font-family: 'NanumSquareRound',sans-serif;}
.mypage .id_pw .tab .tabs.t2 > li {list-style: none;}
.mypage .id_pw .tab .tabs > li a {position: relative;height: auto;padding: 20px 0;border: 0;border-bottom: 0;color: #828282;background-color: rgba(237, 237, 237, 0.6);border-radius: 10px 10px 0 0;font-size: 17px;font-weight: 800;}
.mypage .id_pw .tab .tabs > li a:hover {color: #4D8DE7 !important;}
.mypage .id_pw .tab .tabs > li.active a {background-color: #fff;border: 2px solid #4D8DE7;border-bottom: 0;color: #4D8DE7;}
.mypage .id_pw .tab .tabs > li.active a::before {display: none;}
.mypage .id_pw .tab .cont {padding: 24px 24px 40px;}
.mypage .id_pw .tab .cont h2 {font-size: 36px;font-weight: 800;}
.mypage .id_pw .tab .cont .text {margin-bottom: 32px;padding-top: 0;font-size: 20px;color: #666;}
.mypage .id_pw .inp_box {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: 10px 0;}
.mypage .id_pw .inp_box.message {display: block;}
.mypage .id_pw .inp_box label {width: 100px;font-size: 15px;text-align: left;color: #555;font-weight: 600;}
.mypage .id_pw .inp_box input,
.mypage .id_pw .inp_box select {width: calc(100% - 100px);height: 40px;padding: 8px;background: #4d8de70d;border: 0;color: #333;}

@media all and (max-width:768px){
    .mypage .login {margin: 140px auto 0;}
    .mypage .id_pw .tab .cont h2 {margin-bottom: 16px;}
}

@media all and (max-width: 520px){
    .mypage .login .text,
    .mypage .id_pw .tab .cont .text {font-size: 16px;}
    .mypage .login .btn.navy {padding: 14px 50px;}
    .mypage .login .text_1 {font-size: 14px;}

    .mypage .id_pw .inp_box input, .mypage .id_pw .inp_box select {width: 100%;}
    .mypage .id_pw .inp_box label {width: 100%;}
}




/* 비밀번호 재설정 */


.mypage .layout .id_pw .cont .reset h2{color:#333;margin-bottom:20px;}
.mypage .layout .id_pw .cont .reset .text_box{width:100%;background:#fff5f5;padding:20px;margin-bottom:30px;}
.mypage .layout .id_pw .cont .reset .text_box p{font-size:16px;margin-bottom:0px;position:relative;padding-left:15px;text-align:left;line-height: 25px;}
.mypage .layout .id_pw .cont .reset .text_box p:before{content:"";display:block;position:absolute;width:3px;height:3px;border-radius:100%;background:#666;top:14px;left:0;}
.mypage .layout .id_pw .cont .reset .inp_box{margin:20px 0;overflow: hidden;}
.mypage .layout .id_pw .cont .reset .inp_box label{width: 166px;line-height:50px;padding:0px 20px;color:#333;font-size:18px;float:left;text-align: left;}
.mypage .layout .id_pw .cont .reset .inp_box .input{width: 62%;height:50px;float:left;margin-bottom:10px;}
.mypage .layout .id_pw .cont .reset .pw_box{margin:20px 0;padding-left: 20px;}
.mypage .layout .id_pw .cont .reset .pw_box p{font-size:15px;margin-bottom:0px;position:relative;padding-left:15px;text-align:left;line-height: 24px;}
.mypage .layout .id_pw .cont .reset .pw_box p:before{content:"";display:block;position:absolute;width:3px;height:3px;border-radius:100%;background:#666;top:11px;left:0;}


@media all and (max-width:768px){
.mypage .layout .id_pw .cont .reset h2{font-size: 30px;margin-bottom: 10px;}
.mypage .layout .id_pw .cont .reset .text_box{padding: 10px;margin:20px 0;}
.mypage .layout .id_pw .cont .reset .text_box p, .mypage .layout .id_pw .cont .reset .pw_box p{padding-top:0;}
.mypage .layout .id_pw .cont .reset .inp_box label{font-size:16px;padding:0;line-height: 30px;width:100%;}
.mypage .layout .id_pw .cont .reset .inp_box .input{font-size:16px;width:80%;}
.mypage .layout .id_pw .cont .reset .pw_box{margin:0;}

}

@media all and (max-width:600px){
.mypage .layout .id_pw .cont .reset h2{font-size: 25px;margin-bottom: 5px;}
.mypage .layout .id_pw .cont .reset .text_box{margin:10px 0;}
.mypage .layout .id_pw .cont .reset .text_box p{font-size:15px;line-height: 22px;}
.mypage .layout .id_pw .cont .reset .text_box p:before{top: 9px;}
.mypage .layout .id_pw .cont .reset .inp_box{margin:10px 0;}
.mypage .layout .id_pw .cont .reset .inp_box label, .mypage .layout .id_pw .cont .reset .inp_box .input{font-size:14px;}
.mypage .layout .id_pw .cont .reset .pw_box{padding:0;}
.mypage .layout .id_pw .cont .reset .pw_box p{padding-left: 10px;font-size:14px;line-height:19px;}

}

@media all and (max-width:500px){
.mypage .layout .id_pw .cont .btn.btn_large{font-size: 15px;font-weight:400;}


}

@media all and (max-width:470px){
.mypage .layout .id_pw .cont .reset .text_box p{font-size: 14px;line-height: 20px;}
.mypage .layout .id_pw .cont .reset .inp_box{margin-bottom:0;}

}



/* 회원가입 */
/* 회원가입 공통 s */
.mypage .layout .join{} 
.mypage .layout .join .join_box{width:100%;height:auto;background:#fff;padding:50px 100px;font-family: 'ntk', sans-serif;} 
.mypage .layout .join .join_box .tab_join{overflow:hidden;width:80%;margin:20px auto 100px;}
.mypage .layout .join .join_box .tab_join > li{position:relative;width:calc(20% - 5%);float:left;margin-left:5%;}
.mypage .layout .join .join_box .tab_join > li:first-child{margin-left:0;}
.mypage .layout .join .join_box .tab_join > li:after{content:"";display:block;position:absolute;width:70px;height:20px;top:34px;right:-51px;background:url(/images/contents/join_arr.png) no-repeat 100%  0;}
.mypage .layout .join .join_box .tab_join > li.on:after{background-position:100% -20px;}
.mypage .layout .join .join_box .tab_join > li:last-child:after{display:none;}
.mypage .layout .join .join_box .tab_join > li a{display:block;width:100%;height:100%;}
.mypage .layout .join .join_box .tab_join > li a .icn_box{display:block;width:90px;height:90px;border-radius:100%;border:10px solid #98a5b2;margin:0 auto 10px;}
.mypage .layout .join .join_box .tab_join > li a .icn_box .icn{display:block;width:90px;height:90px;background:url(/images/contents/join_icon_ir.png) no-repeat 0 0;}
.mypage .layout .join .join_box .tab_join > li a .icn_box .icn.ico1{background-position:-9px -61px;}
.mypage .layout .join .join_box .tab_join > li a .icn_box .icn.ico2{background-position:-104px -61px;}
.mypage .layout .join .join_box .tab_join > li a .icn_box .icn.ico3{background-position:-199px -61px;}
.mypage .layout .join .join_box .tab_join > li a .icn_box .icn.ico4{background-position:-290px -61px;}
.mypage .layout .join .join_box .tab_join > li a .icn_box .icn.ico5{background-position: -383px -61px;}





.mypage .layout .join .join_box .tab_join > li a p {margin-bottom:0;font-family: 'NanumSquareRound',sans-serif;font-size: 19px;color:#98a5b2;font-weight: 600;}

.mypage .layout .join .join_box .tab_join > li a:hover .icn_box{border-color:#4D8DE7;}
.mypage .layout .join .join_box .tab_join > li a:hover .icn_box .icn.ico1{background-position:-9px -150px;}
.mypage .layout .join .join_box .tab_join > li a:hover .icn_box .icn.ico2{background-position:-104px -150px;}
.mypage .layout .join .join_box .tab_join > li a:hover .icn_box .icn.ico3{background-position:-199px -150px;}
.mypage .layout .join .join_box .tab_join > li a:hover .icn_box .icn.ico4{background-position:-290px -150px;}
.mypage .layout .join .join_box .tab_join > li.on a .icn_box .icn.ico5,
.mypage .layout .join .join_box .tab_join > li a:hover .icn_box .icn.ico5{background-position:-383px -150px;}
.mypage .layout .join .join_box .tab_join > li a:hover p{color:#4D8DE7;}
.mypage .layout .join .join_box .tab_join > li:after a:hover{content:"";display:block;background-position:0 -20px;}

.mypage .layout .join .join_box .tab_join > li.on a .icn_box{border-color:#4D8DE7;}
.mypage .layout .join .join_box .tab_join > li.on a .icn_box .icn.ico1{background-position:-9px -150px;}
.mypage .layout .join .join_box .tab_join > li.on a .icn_box .icn.ico2{background-position:-104px -150px;}
.mypage .layout .join .join_box .tab_join > li.on a .icn_box .icn.ico3{background-position:-199px -150px;}
.mypage .layout .join .join_box .tab_join > li.on a .icn_box .icn.ico4{background-position:-290px -150px;}
.mypage .layout .join .join_box .tab_join > li.on a p{color:#4D8DE7;}
.mypage .layout .join .join_box .tab_join > li.on:after{content:"";display:block;background-position:0 -20px;}
.mypage .layout .join .join_box .tab_join > li.on:last-child:after{display:none;}

/* 회원가입 공통 e */


@media all and (max-width:1240px){
.mypage .layout .join .join_box{padding: 4% 7%;}
.mypage .layout .join .join_box .tab_join{width: 95%;margin: 2% auto 8%;}

}

@media all and (max-width:980px){
.mypage .layout .join .join_box .tab_join{width: 100%;}
.mypage .layout .join .join_box .tab_join > li:after{right: -24%;width: 54px;background-position: top right;}
.mypage .layout .join .join_box .tab_join > li.on:after{background-position: -38px -20px;}
.mypage .layout .join .join_box .tab_join > li a p{font-size: 20px;}

}

@media all and (max-width:768px){
.mypage .layout .join .join_box .tab_join > li:after{right: -24px;width: 31px;top: 29px;}
.mypage .layout .join .join_box .tab_join > li a p{font-size: 18px;}

}

@media all and (max-width:600px){
.mypage .layout .join .join_box .tab_join > li a .icn_box{border:2px solid #98a5b2;width: 75px;height: 75px;background:#fff;}

}

@media all and (max-width:500px){
.mypage .layout .join .join_box .tab_join > li:after{right: -28px;}
.mypage .layout .join .join_box .tab_join > li a p{font-size: 16px;}

}

@media all and (max-width:470px){
.mypage .layout .join .join_box .tab_join > li a .icn_box{margin-bottom: 0px;border:0;width:63px;height:63px;}
.mypage .layout .join .join_box .tab_join > li a p{font-size: 14px;}

}



/* 약관동의 */

.mypage .layout .join .join_box .agree{width:100%;height:auto;background:#f7f9fb;padding:20px 40px;position:relative;}
.mypage .layout .join .join_box .agree:after{content:"";display:block;position:absolute;width:250px;height:140px;bottom:-3px;right:30px;background:url(/images/contents/agree_bg.png) no-repeat 0 0;}
.mypage .layout .join .join_box .agree p{margin-bottom:10px;text-align:left}
.mypage .layout .join .join_box .agree p.text{margin-bottom:0;padding-left: 14px;color:#666;font-size:16px;}
.mypage .layout .join .join_box h3{text-align: left;margin: 48px 0 24px;font-family: 'NanumSquareRound',sans-serif;font-weight: 600;}

.mypage .layout .join .join_box .clause{display:block;width:100%;height:300px;border:1px solid #e5e5e5;padding: 24px 40px;overflow-y: scroll;text-align:left;}
.mypage .layout .join .join_box .clause p {margin-bottom:10px;font-size:15px;line-height: 1.6;}
.mypage .layout .join .join_box .clause b {display: block;margin-bottom:5px;font-size:15px;line-height:1.6;}
.mypage .layout .join .join_box .clause h5 {margin-bottom: 5px;font-size: 18px;}
.mypage .layout .join .join_box .clause > div {margin-bottom: 30px;}
.mypage .layout .join .join_box .clause > div ul {margin-bottom:10px;line-height: 1.4;}
.mypage .layout .join .join_box .clause > div ul li {margin-bottom: 5px;}
.mypage .layout .join .join_box .clause > div ul li > ul {margin-left: 10px}
.mypage .layout .join .join_box .clause > div ul li > ul li > ul {margin-left: 10px}


.mypage .layout .join .join_box .clause_check{overflow:hidden;width:100%;display:block;margin-top:20px;}
.mypage .layout .join .join_box .clause_check .ask{float:left;width: calc(100% - 200px);font-size:18px;color:#666;position:relative;text-align: left;line-height: 30px;}
.mypage .layout .join .join_box .clause_check .ask .prere{display: inline-block;width: 58px;height: 30px;line-height: 30px;background: #fa5064;color: #fff;font-size: 14px;border-radius: 15px;vertical-align: middle;font-family: 'NanumSquareRound',sans-serif;font-weight: 800;text-align: center;}
/* .mypage .layout .join .join_box .clause_check .ask .prere:before{content:"";display:block;position:absolute;width:4px;height:4px;
border-radius:100%;background:#fff;top:13px;left:11px;} */
.mypage .layout .join .join_box .clause_check .ask .red{margin-left:5px;font-size:14px;}
.mypage .layout .join .join_box .clause_check .check_box{float:right;width: 200px;text-align:right;}



@media all and (max-width:1240px){
.mypage .layout .join .join_box h3{margin-bottom: 15px;}
.mypage .layout .join .join_box .clause{padding: 3%;}
.mypage .layout .join .join_box .clause_check .ask{float: none; width: 100%;}
.mypage .layout .join .join_box .clause_check .check_box {float: none;width: 100%;margin-top: 8px;text-align: left;}

}

@media all and (max-width:980px){
.mypage .layout .join .join_box input[type="checkbox"]+label, input[type="radio"]+label{font-size: 17px;}
.mypage .layout .join .join_box .agree{padding: 2%;}
.mypage .layout .join .join_box .agree p{margin-bottom:0;}
.mypage .layout .join .join_box .agree p.text{font-size: 15px;}
.mypage .layout .join .join_box .agree:after{background-size:100%;width: 171px;height: 96px;right: -7px;}
.mypage .layout .join .join_box .clause_check .ask{font-size: 16px;}

}

@media all and (max-width:768px){
.mypage .layout .join .join_box input[type="checkbox"]+label, input[type="radio"]+label{font-size: 15px;}
.mypage .layout .join .join_box .agree:after{display:none;}
.mypage .layout .join .join_box .agree p.text{font-size: 14px;padding-left: 0;line-height:20px;}
.mypage .layout .join .join_box .clause{min-height: 220px;}
.mypage .layout .join .join_box .clause_check .ask,
.mypage .layout .join .join_box .clause_check .check_box{width:100%;text-align:left;margin-top:10px;float:left;}
.mypage .layout .join .join_box .clause_check .ask{word-break: keep-all;line-height: 20px;}
.mypage .layout .join .join_box .clause_check .ask .red{display: block;line-height: 22px;margin-left: 0;}

}

@media all and (max-width:500px){
.mypage .layout .join .join_box .button_box .btn.line{padding: 17px !important;}
.mypage .layout .join .join_box .button_box .btn.btn_large{padding: 20px;font-size: 15px;font-weight: 400;}
.mypage .layout .join .join_box .clause p, .mypage .layout .join .join_box .clause b{font-size:14px;line-height:22px;}

}

@media all and (max-width:470px){
.mypage .layout .join .join_box .agree p.text{margin-top:5px;}
.mypage .layout .join .join_box .clause{min-height: 190px;}
.mypage .layout .join .join_box .clause_check .ask{font-size: 14px;}
}


/* 가입인증 */

.mypage .layout .join .join_box .join_btn ul{display:flex;gap:2%;overflow:hidden;padding-bottom:10px;margin-bottom:60px;}
.mypage .layout .join .join_box .join_btn ul li{position:relative;display:flex;flex-direction:column;width:calc(34%  - 2%);height:400px;margin-right:0;}
.mypage .layout .join .join_box .join_btn ul li:after{display:none}
.mypage .layout .join .join_box .join_btn ul li a{display:block;width:100%;height:100%;border:1px solid #e5e5e5;padding:40px 40px 200px;}
.mypage .layout .join .join_box .join_btn ul li a:after{content:"";display:block;position:absolute;width:120px;height:163px;
    background:url(/images/contents/icon_student_14.png) no-repeat center / contain;bottom:0px;right:50px;}
.mypage .layout .join .join_box .join_btn ul li:last-child a:after{width:140px;background-image:url(/images/contents/icon_teacher.png);}
.mypage .layout .join .join_box .join_btn ul li:nth-of-type(2) a:after{width:140px;background-image:url(/images/contents/icon_student.png);}

.mypage .layout .join .join_box .join_btn ul li a h3{font-size:20px;color:#333;margin-top:0px;margin-bottom:10px;}
.mypage .layout .join .join_box .join_btn ul li a h3 .blue{color:#4d8de7;}
.mypage .layout .join .join_box .join_btn ul li a p{margin-bottom:0;padding-left:0;text-align: left;font-size:18px;line-height: 24px;}
.mypage .layout .join .join_box .join_btn ul li a:hover{border:2px solid #4D8DE7;box-shadow: 4px 4px 5px 3px rgba(0,0,0,0.1);}
.mypage .layout .join .join_box .join_btn ul li.on a{border:2px solid #4D8DE7;box-shadow: 4px 4px 5px 3px rgba(0,0,0,0.1);}

.mypage .layout .join .join_box .confirm_box{position:relative;display:block;background:#fff;text-align:center;margin-top: 25px;border:1px solid #e5e5e5;padding:80px 110px;}
.mypage .layout .join .join_box .confirm_box .icn1{display:block;width:153px;height:153px;background:url(/images/contents/self_icn.png) no-repeat 0 0;margin:auto;}
.mypage .layout .join .join_box .confirm_box .text1{width:100%;margin:30px 0;}
.mypage .layout .join .join_box .confirm_box .text1 strong{display:block;text-align:center;margin-bottom:20px;font-size:22px;color:#333;}
.mypage .layout .join .join_box .confirm_box .text1 p{margin-bottom:0;font-size:18px;line-height:26px;}
.mypage .layout .join .join_box .confirm_box .btn.navy{margin-left:0;}

/* 250825수정 */
.mypage .layout .join.join_identity .join_btn{display:flex;flex-direction:column;align-items:center;width:100%;border:1px solid #e5e5e5;padding:50px 50px 80px;}
.mypage .layout .join.join_identity .join_btn::before{content:"";display:block;width:153px;height:153px;background:url(/images/contents/join_identity_ico.png) no-repeat;}
.mypage .layout .join.join_identity p{margin-bottom:20px;}
.mypage .layout .join.join_identity ul.info{display:flex;flex-direction:column;margin:40px 0 0;border-top:1px solid #e5e5e5;}
.mypage .layout .join.join_identity ul.info li{display:flex;flex-direction:row;width:auto;height:auto;padding:10px 20px;border-bottom:1px solid #e5e5e5;}
.mypage .layout .join.join_identity ul.info li b{width:200px;text-align:left}
.ico_txt{display:flex;align-items:center;gap:2px;}
.confirm{color:#57BBAD;}
.ico_confirm{display:block;width:24px;height:24px;background:url(/images/contents/ico_confirm.png) no-repeat;}

/* 250825수정 end */



@media all and (max-width:1240px){
.mypage .layout .join .join_box .join_btn ul li a{padding: 9%;}
.mypage .layout .join .join_box .join_btn ul li:after{right: 4px;}
.mypage .layout .join .write_cont .col ul li .input{width: 40%;}
.mypage .layout .join .join_box .join_btn ul li:after {width: 90px;height: 122px;}
.mypage .layout .join .join_box .join_btn ul li:last-child:after {width: 100px;height: 118px;}

}

@media all and (max-width:980px){
.mypage .layout .join .join_box .join_btn ul li{height: 165px;}
.mypage .layout .join .join_box .join_btn ul li a h3{font-size: 18px;}
.mypage .layout .join .join_box .join_btn ul li a p{font-size: 15px;line-height: 20px;}
.mypage .layout .join .join_box .join_btn ul li:after{width: 80px;height: 80px;background-size: contain;}
.mypage .layout .join .join_box .join_btn ul li:last-child:after{width: 80px;background-size: contain;}
.mypage .layout .join .join_box .confirm_box{padding: 8%;}
.mypage .layout .join .join_box .confirm_box .text1 strong{word-break: keep-all;font-size: 19px;line-height: 28px;margin-bottom: 10px;}
.mypage .layout .join .join_box .confirm_box .text1 p{font-size: 16px;line-height: 20px;}
.mypage .layout .join .join_box .confirm_box .btn.navy{font-size: 16px;width:auto !important;}

}

@media all and (max-width:600px){
.mypage .layout .join .join_box .join_btn ul li a h3 {font-size: 16px;}
.mypage .layout .join .join_box .join_btn ul li a p {font-size: 14px;line-height: 19px;}
.mypage .layout .join .join_box .confirm_box .icn1{width: 135px;height: 135px;background-size: cover;}
.mypage .layout .join .join_box .confirm_box .text1{margin: 15px 0;}
.mypage .layout .join .join_box .confirm_box .text1 strong{font-size: 16px;line-height: 24px;margin-bottom:8px;}
.mypage .layout .join .join_box .confirm_box .text1 p{font-size: 14px;line-height: 18px;}

}

@media all and (max-width:500px){
.mypage .layout .join .join_box .join_btn ul{margin-bottom:0;}
.mypage .layout .join .join_box .join_btn ul li{width:100%;height: 145px;float:none;margin-right:0;margin-bottom:4%;}
.mypage .layout .join .join_box .confirm_box{padding: 5%;}
.mypage .layout .join .join_box .confirm_box .btn.navy{padding: 20px;font-size: 15px;font-weight: 400;}
.mypage .layout .join .join_box .button_box{text-align:center !important;}

}

@media all and (max-width:470px){
.mypage .layout .join .join_box .join_btn ul li{height: 135px;}
.mypage .layout .join .join_box .join_btn ul li:after{width: 70px;height: 70px;}
.mypage .layout .join .join_box .join_btn ul li:last-child:after {right: -4px;}
.mypage .layout .join .join_box .confirm_box .icn1{width:100px;height:100px;}
.mypage .layout .join .join_box .confirm_box .text1 strong{margin-bottom:5px;font-size:15px;line-height:20px;}

}


/* 회원정보입력 */ 

.mypage .layout .join .join_box .join_btn.type1 ul li{width:31.3%;height: 150px;line-height: 150px;margin-right:2%;}
.mypage .layout .join .join_box .join_btn.type1 ul li:after{display:none}
.mypage .layout .join .join_box .join_btn.type1 ul li a{padding:0 0 0 160px;}
.mypage .layout .join .join_box .join_btn.type1 ul li a h3{font-size:20px;color:#333;margin-top:0px;margin-bottom:0px;}
.mypage .layout .join .join_box .join_btn.type1 ul li a .icn{display:block;position:absolute;width:60px;height:60px;
    background:url(/images/contents/join_icn1.png) no-repeat 0 0;top:44px;left:60px;}
.mypage .layout .join .join_box .join_btn.type1 ul li a .icn.ico1{background-position:0 0;}
.mypage .layout .join .join_box .join_btn.type1 ul li a .icn.ico2{background-position:-60px 0;}
.mypage .layout .join .join_box .join_btn.type1 ul li a .icn.ico3{background-position:-120px 0;}
.mypage .layout .join .write_cont .col{padding-left:0;}
.mypage .layout .join .write_cont .col ul li{text-align:left;}
.mypage .layout .join .write_cont .col ul li .input{width:60%;border: 1px solid #ddd;}
.mypage .layout .join .write_cont .col ul li .mail select{margin-left:10px;}
.mypage .layout .join .write_cont .col ul li .mail .mail_mid{display:inline-block;margin:0 5px;font-weight:600;color:#000;}
.mypage .layout .join .write_cont .col ul li .phone .phone_mid{display:inline-block;margin:0 5px;}
.mypage .layout .join .write_cont .col ul li .selectBox{display:inline-block;border: 1px solid #ddd; height: 46px; background:#fff;width:35%;padding:0;margin-bottom:0;vertical-align: middle;}

.mypage .layout .join .write_cont .col ul li .search_box{display:inline-block;border: 1px solid #ddd; height: 46px; background:#fff;width:35%;padding:0;margin-bottom:0;vertical-align: middle;}
.mypage .layout .join .write_cont .col ul li .search_box .search{float:none;padding-top:0;}
.mypage .layout .join .write_cont .col ul li .search_box .search ul li{width:auto;padding-left:0;margin-bottom:0;display:inline-block;}
.mypage .layout .join .write_cont .col ul li .search_box .search ul li input[type="text"]{width: 183px;height: 50px;border: 1px solid #ddd;}
.mypage .layout .join .write_cont .col ul li .search_box .search ul li input[type="submit"]{height: 50px;}
.mypage .layout .join .write_cont .col ul li .search_box .search  button {height: 50px;padding: 0 10px;background: #4d8de7;color: #fff;border-radius: 5px;}
.mypage .layout .join .write_cont .col ul li .search_box label:before{display:none;}
.mypage .layout .join .write_cont .col ul li #birth {height: 46px;border: 1px solid #ddd;padding: 16px 24px;}



@media all and (max-width:1240px){
.mypage .layout .join .join_box .join_btn.type1 ul li a{padding: 0 0 0 110px;}
.mypage .layout .join .join_box .join_btn.type1 ul li a .icn{left: 35px;}
.mypage .layout .join .write_cont .col{padding-top:0;}
.mypage .layout .join .write_cont .col ul li .search_box{width: auto;}
.mypage .layout .join .write_cont .col ul li .input{width: 40%;}

}

@media all and (max-width:980px){
.mypage .layout .join .join_box .join_btn.type1 ul li{height: 120px;line-height: 120px;}
.mypage .layout .join .join_box .join_btn.type1 ul li a{padding: 0 0 0 100px;}
.mypage .layout .join .join_box .join_btn.type1 ul li a .icn{top: 30px;left: 22px;}
.mypage .layout .join .join_box .join_btn.type1 ul li a h3{font-size: 17px;}
.mypage .layout .join .write_cont .col ul li .search_box{margin-left:0;}
.mypage .layout .join .write_cont .col ul li .search_box .search ul li input[type="text"]{padding: 0 5px;}

}

@media all and (max-width:768px){
.mypage .layout .join .join_box .join_btn ul{margin-bottom:0;}
.mypage .layout .join .join_box .join_btn.type1 ul li{height: 100px;line-height: 100px;}
.mypage .layout .join .join_box .join_btn.type1 ul li a{padding-left:75px;}
.mypage .layout .join .join_box .join_btn.type1 ul li a .icn{background-size: cover;width: 45px;height: 45px;}
.mypage .layout .join .join_box .join_btn.type1 ul li a .icn.ico2 {background-position: -44px 0;}
.mypage .layout .join .join_box .join_btn.type1 ul li a .icn.ico3 {background-position: -89px 0;}
.mypage .layout .join .join_box .join_btn.type1 ul li a h3{font-size: 16px;}
.mypage .layout .join .write_cont .col {padding-top: 60px;}
.mypage .layout .join .write_cont .col ul li .search_box{width:100%;margin-bottom:0;}
.mypage .layout .join .write_cont .col ul li .search_box .search ul li{padding-top:0;}
.mypage .layout .join .write_cont .col ul li .search_box .search ul li input[type="text"]{font-size:14px;}

}

@media all and (max-width:600px){
.mypage .layout .join .join_box .join_btn.type1 ul li {height: 82px;line-height: 82px;}
.mypage .layout .join .join_box .join_btn.type1 ul li a {padding-left: 65px;}
.mypage .layout .join .join_box .join_btn.type1 ul li a .icn{top: 20px;left: 10px;}
.mypage .layout .join .join_box .join_btn.type1 ul li a h3 {font-size: 15px;}
.mypage .layout .join .write_cont .col {padding-top: 30px;}
.mypage .layout .join .write_cont .col ul li .input{width:100%;}
.mypage .layout .join .write_cont .col ul li .input.wp40{width:38% !important;}
.mypage .layout .join .write_cont .col ul li .search_box{width:100%;margin-left:0;}

}

@media all and (max-width:500px){
.mypage .layout .join .join_box .join_btn.type1 ul li{width:48%;float:left;}
.mypage .layout .join .write_cont .col {padding-top: 10px;}

}

@media all and (max-width:470px){
.mypage .layout .join .write_cont .col ul li .input.wp40{width:50% !important;}
.mypage .layout .join .write_cont .col ul li .input.wp25,
.mypage .layout .join .write_cont .col ul li .selectBox.wp25{width:35% !important;}
.mypage .layout .join .write_cont .col ul li .input.wp15{width:25% !important;}

}


/* 마이페이지 */

.mypage .layout .join .join_login{display:block;position:relative;width:600px;height:auto;margin:auto;padding-top:260px;}
.mypage .layout .join .join_login:before{content:"";display:block;position:absolute;width:509px;height:250px;background:url(/images/contents/join_bg2.png) no-repeat 0 0;top:0px;left:8%;} 
.mypage .layout .join .join_login h3{text-align:center;font-family:'themario';font-size:30px;font-weight:300;color:#4D8DE7;margin-bottom:20px;}
.mypage .layout .join .join_login p{font-family:'gmarket';font-size:20px;line-height:27px;color:#666;margin-bottom: 30px;}
.mypage .layout .join .join_login .inp_box{width: 73%;margin:0 auto 40px;}
.mypage .layout .join .join_login .inp_box label{display: inline-block;min-width:0px;font-size:0px;}
.mypage .layout .join .join_login .inp_box .input{height:50px;margin-bottom:10px;display:inline-block;}


@media all and (max-width:768px){
.mypage .layout .join .join_login{width: 100%;padding-top: 165px;}
.mypage .layout .join .join_login:before{background-size: 100%;width: 320px;height: 165px;left:50%;margin-left: -153px;}

}

@media all and (max-width:500px){
.mypage .layout .join .join_login{padding-top: 153px;}
.mypage .layout .join .join_login:before{ width: 300px;height: 157px;margin-left:-145px;}
.mypage .layout .join .join_login h3{font-size: 26px;margin-bottom: 15px;}
.mypage .layout .join .join_login p{font-size: 16px;line-height: 22px;margin-bottom: 20px;}
.mypage .layout .join .join_login .inp_box .input{font-size:14px;padding:0 10px;}
.mypage .layout .join .join_login .btn.btn_large{font-size:15px;font-weight:400;}

}

@media all and (max-width:470px){
.mypage .layout .join .join_login{padding-top: 125px;}
.mypage .layout .join .join_login:before{ width: 260px;height: 150px;margin-left:-130px;}


}

/* 사이트맵 */
.blocker{z-index: 10000 !important;}
#introPop{margin-left: -74%;margin-top: -24%;height:500px;}

#header{position:relative;}
.sitemap_list{display:none;overflow: hidden;width:100%;height:420px;background:#fff;padding:60px 0 0;position:absolute;top:142px;left:0;z-index: 10000;border-top:1px solid #e5e5e5;}
.sitemap_list .layout{position:relative; max-width:1240px; margin:0 auto}
.sitemap_list .layout .cont{overflow:hidden;}
.sitemap_list .layout .cont:after{content:""; display:block; clear:both;}
.sitemap_list .layout .cont>li{float:left; width:16.5%; padding:0 20px; box-sizing:border-box;position:relative;}
.sitemap_list .layout .cont>li>a{display:block; padding:0 5px 20px 5px; cursor:default; text-decoration:none;font-weight:600;font-size:20px; border-bottom:1px solid #dbdbdb; color:#107fd0;}
.sitemap_list .layout .cont>li>ul{padding:20px 0 40px 0;}
.sitemap_list .layout .cont>li>ul>li{padding:6px 0 0 0;}
.sitemap_list .layout .cont>li>ul>li>a{display:block; position:relative; line-height:22px; padding-left:16px; font-size:17px;font-weight:400; color:#555;}
.sitemap_list .layout .cont>li>ul>li>a:hover{text-decoration:underline;color:#107fd0;}
.sitemap_list .layout .cont>li>ul>li>a:before{content:""; display:block; position:absolute; left:4px; top:10px; width:3px; height:3px; background-color:#4e4c4d;border-radius:50%;-webkit-border-radius:50%;}
.sitemap_list .layout .sitemap_close{overflow:hidden; display:block; position:absolute; right:0; top:-25px; z-index:20; width:35px; height:35px;background: 0;border: 0;font-size:0;}
.sitemap_list .layout .sitemap_close:before{
        content:""; display:block; width:100%; height:100%; background:url(/images/contents/sitemap_close.png) no-repeat center center;background-size:cover;
        transform:rotate(0deg);
        -webkit-transform:rotate(0deg);
        transition:all 0.3s ease;
        -webkit-transition:all 0.3s ease;
    }
.sitemap_list .layout .sitemap_close:hover:before{transform:rotate(180deg);-webkit-transform:rotate(180deg);}

.back{display:none;position: fixed;top: 50px;left: 0;width: 100%;height: 100%;z-index: 2;background: #000;background-color: rgba(0,0,0,0.75);}






/* 들락날락 소개 */

#info .topInfo{position:relative;background:#ebf3fc;width:100%;height:600px;padding:40px 0 70px;}
#info .topInfo:after{content:"";display:block;position:absolute;width:100%;height:30px;background:url(/images/contents/info_bg.png) 0 0;bottom:-24px;left:0;}
#info .topInfo .layout{position:relative;}
#info .topInfo .layout:before{content:"";display:block;position:absolute;width:600px;height:452px;background:url(/images/contents/info_bg01.png) no-repeat;top:0;left:0;}
#info .topInfo .layout .info_cont{padding-left:656px;padding-top:30px;}
#info .topInfo .layout .info_cont .lnb_info{position:relative;display:block;width:100%;height:30px;margin-bottom:60px;clear:both;}
#info .topInfo .layout .info_cont .lnb_info .location{float:left;width:200px;line-height:30px;overflow:hidden;}
#info .topInfo .layout .info_cont .lnb_info .location > li{position:relative;float:left;padding-left:15px;}
#info .topInfo .layout .info_cont .lnb_info .location > li.home{padding-left:30px;}
#info .topInfo .layout .info_cont .lnb_info .location > li:before{content:"";display:block;position:absolute;width:16px;height:16px;
    background:url(/images/contents/lnb_wrap_ir.png) no-repeat -29px -83px;top:5px;left:0px;}
#info .topInfo .layout .info_cont .lnb_info .location > li.home:before{display:none;}
#info .topInfo .layout .info_cont .lnb_info .location > li a{width:100%;height:100%;display:block;font-size:15px;color:#99b2d0;}
#info .topInfo .layout .info_cont .lnb_info .location > li.home a .icn{position:absolute;top:3px;left:0px;width:30px;height:30px;display:block;}
#info .topInfo .layout .info_cont .lnb_info .location > li.home a .icn.ico1{background:url(/images/contents/lnb_wrap_ir.png) no-repeat -3px -81px;}

#info .topInfo .layout .info_cont .lnb_info .utile_wrap{position:relative;float:right;width:66px;line-height:30px;}
#info .topInfo .layout .info_cont .lnb_info .utile_wrap .print_wrap{overflow:hidden;}
#info .topInfo .layout .info_cont .lnb_info .utile_wrap .print_wrap > li{float:left;}
#info .topInfo .layout .info_cont .lnb_info .utile_wrap .print_wrap > li a{width:30px;height:30px;display:block;font-size:0;
    background:url(/images/contents/lnb_wrap_ir.png) no-repeat 0 0;}
#info .topInfo .layout .info_cont .lnb_info .utile_wrap .print_wrap > li.n1 a{background-position: -13px -123px;}
#info .topInfo .layout .info_cont .lnb_info .utile_wrap .print_wrap > li.n2 a{background-position: -44px -123px;}
#info .topInfo .layout .info_cont .lnb_info .utile_wrap .print_wrap > li.n1 a:hover{background-position: -99px -123px;}
#info .topInfo .layout .info_cont .lnb_info .utile_wrap .print_wrap > li.n2 a:hover{background-position: -130px -123px;}
#info .topInfo .layout .info_cont .lnb_info .utile_wrap .print_wrap > li a.sns_pop{left:0;width:30px;height:30px;}
#info .topInfo .layout .info_cont .lnb_info .utile_wrap .cont_list{position:absolute;top:25px;right:-70px;display:block;}
#info .topInfo .layout .info_cont .lnb_info .utile_wrap .sns_close{background:0;}
#info .topInfo .layout .info_cont .title{margin:20px 0 50px;}
#info .topInfo .layout .info_cont .title .text{font-family:'themario';font-size:35px;font-weight:300;color:#019fe1;}
#info .topInfo .layout .info_cont .title h2{background:url(/images/contents/info_tit.png) no-repeat;width:152px;height:42px;display:block;
    margin-bottom:30px;background-size:cover;font-size:0;margin-top:5px;}
#info .topInfo .layout .info_cont .title p{font-size:20px;font-weight:400;color:#434950;padding-left:0;}
#info .topInfo .layout .info_cont .title p span{font-weight:600;}
#info .topInfo .layout .info_cont .box{padding:4px 20px;border-radius:35px;line-height:35px;color:#fff;font-size:20px;font-weight:600;background-color:#2c5f9f;position:relative;}
#info .topInfo .layout .info_cont .box span{color:#ffeea9;font-weight:600;}
#info .topInfo .layout .info_cont .box:before{content:"";display:block;position:absolute;width:10px;height:10px;background:#2c5f9f;top:15px;right:-30px;border-radius:100%;}
#info .topInfo .layout .info_cont .box:after{content:"";display:block;position:absolute;width:25px;height:1px;background:#2c5f9f;top:19px;right:-20px;}
#info .topInfo .layout .info_cont p{margin-top:10px;font-size:18px;color:#3c4855;padding-left:10px;}

#info .cont_box{margin-top:150px;}
#info .cont_box .layout h2{position:relative;font-family:'themario';font-size:30px;font-weight:300;color:#434950;margin-bottom:55px;}
#info .cont_box .layout h2:before{content: "";display: block;position: absolute;width: 100%;min-width: 150px;height: 15px;bottom: -17px;left: 0;
    background: url(/images/contents/write_line.png) no-repeat 0 0;}
#info .cont_box .layout h2 span{font-family:'themario';font-size:30px;font-weight:300;color:#2c5f9f;}
#info .cont_box .layout .logo_img{overflow:hidden;}
#info .cont_box .layout .logo_img > li{position:relative;float:left;width:49%;height:300px;margin-left:2%;}
#info .cont_box .layout .logo_img > li.img{overflow:hidden;margin-left:0;width:600px;}
#info .cont_box .layout .logo_img > li.img img{width:100%;}
#info .cont_box .layout .logo_img > li .listType{overflow:hidden;margin-bottom:80px;}
#info .cont_box .layout .logo_img > li .listType li{position:relative;font-size:18px;color:#666;line-height: 26px;padding-left:20px;margin-bottom:20px;}
#info .cont_box .layout .logo_img > li .listType li:before{content:"";display:block;position:absolute;width:8px;height:8px;border-radius:100%;
    background:#4D8DE7;top:9px;left:0}
#info .cont_box .layout .logo_img > li .btnBox{text-align:left;}
#info .cont_box .layout .logo_img > li .btnBox .btn.down{position:relative;color:#5c5c5c;padding-left:20px;}
#info .cont_box .layout .logo_img > li .btnBox .btn.down .icn{display:block;position:absolute;width:20px;height:20px;background:url(/images/contents/down_info.png) no-repeat;top:20px;right:20px;}
#info .cont_box .layout .logo_sup{overflow:hidden;}
#info .cont_box .layout .logo_sup > li{float:left;width:600px;height:auto;margin-right:2%;text-align:center;}
#info .cont_box .layout .logo_sup > li:last-child{margin-right:0;}
#info .cont_box .layout .logo_sup > li img{width:100%;}
#info .cont_box .layout .logo_box {margin-bottom:30px;padding: 30px; border: 1px solid #ddd;}



.prog_more {text-align: center;}
.prog_more .btn.blue .point {color: #fff !important;}

@media all and (max-width:1240px){
    #info .topInfo:after{background-size: contain;}
    #info .topInfo .layout:before{width: 450px;background-size: contain;}
    #info .topInfo .layout .info_cont{padding-left: 50%;}
    #info .topInfo .layout .info_cont .lnb_info .utile_wrap .cont_list{right: -13px;}
    #info .cont_box .layout .logo_img > li.img{width:49%;height:auto;}
    #info .cont_box .layout .logo_sup > li{width:49%;height:auto;}
    #info .cont_box .layout .logo_img > li .listType{margin-bottom:40px;}
    #info .cont_box .layout .button_box{text-align:center;}

}

@media all and (max-width:980px){
    #info .topInfo .layout:before{width: 320px;height:335px;}

}

@media all and (max-width:768px){
    #info .topInfo{height:auto;padding: 6% 0;}
    #info .topInfo .layout{padding-bottom: 0;}
    #info .topInfo .layout:before{display:none;}
    #info .topInfo .layout .info_cont{padding-left:0;}
    #info .topInfo .layout .info_cont .title p{font-size: 17px;line-height: 22px;}
    #info .topInfo .layout .info_cont .title .text{font-size: 30px;}
    #info .topInfo .layout .info_cont .title h2{background-size:contain;width: 125px;height: 38px;margin-bottom: 15px;}
    #info .topInfo .layout .info_cont p{font-size:15px;line-height:20px;}
    #info .cont_box{margin-top: 14%;}
    #info .cont_box .layout h2{font-size: 24px;}
    #info .cont_box .layout h2 span{font-size: 26px;}
    #info .cont_box .layout h2:before{width:auto;min-width:130px;}
    #info .cont_box .layout .logo_img > li{width:100%;height:auto;float:none;display:block;margin-left:0;}
    #info .cont_box .layout .logo_img > li.img{margin-bottom:30px;}
    #info .cont_box .layout .logo_img > li .listType li{font-size: 16px;line-height: 22px;padding-left: 18px;margin-bottom: 10px;}
    #info .cont_box .layout .logo_img > li .btnBox .btn.down{font-size: 16px;s}
    #info .cont_box .layout .button_box{padding:11% 0;}
	#info .cont_box .layout .logo_sup > li{width:100%;margin-right:0;margin-bottom:10px;}

}

@media all and (max-width:500px){
    #info .topInfo .layout .info_cont .title p{font-size:15px;line-height:21px;}
    #info .cont_box .layout .logo_img > li.img{width:100%;}
    #info .cont_box .layout .logo_img > li .listType li{font-size:15px;line-height:21px;padding-left:14px;}
    #info .cont_box .layout .logo_img > li .listType li::before{width:5px;height:5px;}
    #info .cont_box .layout .logo_img > li .btnBox .btn.down{padding:20px 30px 20px 10px;font-size:15px;font-weight:400;}
    #info .cont_box .layout .logo_img > li .btnBox .btn.down .icn{right:5px;}

}


.replacement{overflow:hidden;border:1px solid #e5e5e5;}
 
.replacement .result_box{overflow:hidden;}

.replacement .result_box > li{display:block;width:100%;height:auto;padding:50px;border-bottom:1px solid #e5e5e5;}
.replacement .result_box > li:last-child{border-bottom:0;}

.replacement .result_box{width:100%;height:auto;background:#f7f9fb;padding:20px 30px;border-bottom:1px solid #e5e5e5;}
.replacement .result_box .all{font-size:20px;font-weight:600;color:#333;margin-bottom:0;}
.replacement .result_box .all .num{color:#fa5064;}

.replacement  .tab_link {padding: 30px 30px 0 30px;}
.replacement  .tab_link:after {display: block;clear: both;content: '';}
.replacement  .tab_link li{width: 45.5%;margin-right: 5%;margin-bottom: 30px;float:left;position:relative;}
.replacement  .tab_link li:nth-child(3n) {margin-right: 0}
.replacement  .tab_link li a{display:block;padding:15px 40px;font-size:18px;font-weight:400;color:#6DA9E0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}    
.replacement  .tab_link li a .icn{display:block;position:absolute;width:14px;height:20px;border-radius:100%;
                        background: url(/images/contents/tab_arr.png) no-repeat -15px 0;top: 18px;right: 17px;}

/*.replacement  .tab_link li a:hover,
.replacement  .tab_link li a:focus,
.replacement  .tab_link li a:active{background:#2c5f9f;border:1px solid #2c5f9f;color:#fff;}  */

.replacement  .tab_link li a:hover .icn,
.replacement  .tab_link li a:focus .icn,
.replacement  .tab_link li a:active .icn{background-position:-14px 0;}

.replacement  .tab_link  .down_box{width:100%;line-height:50px;padding:10px 30px;background:#f4f7fb;border-radius:50px;}
.replacement  .tab_link  .down_box .tit{margin-right: 20px;position:relative;}
.replacement  .tab_link  .down_box .tit .icn{display: inline-block; vertical-align: middle;margin-right: 10px;width:25px;height:25px;
                                                            background:url(/images/contents/down_icn1.png) no-repeat 0 -1px;}
.replacement   .tab_link  .down_box .tit:after{content:"";display:block;position:absolute;width:1px;height:17px;background:#bfbfbf;top:3px;right:-15px;}
.replacement  .vod_box{margin-top:0;}

 

@media all and (max-width:1240px){
.tab .cont{padding: 50px;}
/* .replacement {padding-left: 110px;} */
.replacement  .tab_link li a{padding:15px;}
.replacement  .vod_box{width:100%;}
}

@media all and (max-width:980px){
.tab .cont{padding: 7% 4%;}
/* .replacement {padding-left: 97px;} */
.replacement  .tit{height: auto;font-size: 20px;}
.replacement  .tab_link li a{padding: 10px;font-size: 15px;}
.replacement  .tab_link li a .icn{top:11px;}
.replacement  .vod_box{height:auto;}
}
@media all and (max-width:768px){
.replacement .result_box{padding: 10px 30px;}
.replacement .result_box .all{font-size: 17px;}
.replacement .result_list > li{padding: 2% 4%;}
.replacement .result_list > li .info{margin-bottom: 20px;}
.replacement  h5{margin-bottom: 10px;font-size: 17px;line-height: 24px;word-break: keep-all;}
.replacement  p{margin-bottom: 10px;}
.replacement  .tab_link {padding: 0 30px;}
.replacement  .tab_link li{width: 100%;margin: 20px auto;float: inherit;}
.replacement  .tab_link li:last-child{margin-right: auto;}
.replacement  .tab_link  .down_box{line-height: 25px;padding: 10px 20px;}
.replacement  .tab_link  .down_box .tit{font-size: 15px;}
.replacement   .tab_link .down_box a{font-size: 14px;}

}
 
@media all and (max-width:600px){
/* .replacement {padding-top: 54px;padding-left: 0;} */
.replacement  .tit .icn{display: inline-block;vertical-align: middle;margin-bottom: 0;margin-right:10px;}
.replacement  .tab_link li .down_box{margin-bottom:20px;}
 
}

/* 문화 - 모꼬지 - 포토 */
.diaPop {display: inline-block}

/* 문화 - 모꼬지 등록폼 */
.form-group {margin-top: 30px;}
.form-group h5 {margin-bottom: 15px; font-family: 'NanumSquareNeo-Variable',sans-serif;}
.form-group p {font-size: 14px;line-height: 1;margin-left: 6px;}
.filebox_inputbox {margin-bottom: 10px;}

/* 토론 - 학생설문 - table */
.result-button {display: inline-block;padding: 10px 20px;background: #2cade4;font-size: 16px;font-weight: 400;border-radius: 5px;}
.result-button a {display: block;width: 100%;color: #fff !important;}

.photo_box {margin-top: 10px;}

/* 개인정보 처리 */
.privacy-wrap .privacy {padding: 50px 0;border-top: 1px solid #e5e5e5;}
.privacy-wrap .privacy h2 {font-size: 26px}
.privacy-wrap .privacy p span {display: block;margin-left: 20px;}
.privacy-wrap .privacy p span > span {display: block;margin-left: 10px;font-size: 14px;}

@media all and (max-width: 500px){
.privacy-wrap .privacy h2 {font-size: 22px}
.privacy-wrap .privacy p span > span {font-size: 13px;}
.form-group p {font-size: 13px;}
}

/* like on */
.btn.like.on .icn.ico3 {background: url(/images/newsub/view02_icon01_on.png) no-repeat 0 0}

/* 학교 검색 리스트 */
.school_list #school_ul input {display: inline-block;width: 15%;margin: 0;}
.school_list #school_ul label {display: inline-block;font-size: 15px;font-weight: 400;width: 80%;margin: 0;margin-bottom: 5px;margin-top: 12px;}
.school_list #school_ul label span {background: none;}
.school_list #school_ul label:before {display: none;}


.search ul li .button {background: #818d9d;color: #fff;font-size: 16px;font-weight: 400;text-align: center;height: 50px;padding: 0 15px;border-radius: 4px;margin-left: 5px;}
.school_list {display: none;}

.view_slider .item .layer .text_box .scrollbar-inner {height: 160px;padding-right: 8px;overflow-y: auto;-ms-overflow-y: auto;}
.view_slider .item .layer .text_box .scrollbar-inner::-webkit-scrollbar {width: 8px;}
.view_slider .item .layer .text_box .scrollbar-inner::-webkit-scrollbar-track {background: #e1e1e1;border-radius: 5px;}
.view_slider .item .layer .text_box .scrollbar-inner::-webkit-scrollbar-thumb {background: #888;border-radius: 5px;}

@media all and (max-width: 470px){
	.view_slider .item .layer .text_box .scrollbar-inner {height: 130px;}
}


/* 메뉴 셋팅 페이지 */
.society .link_box .group_setmenu {display: flex;height: 540px;}
.society .link_box .group_setmenu > div {overflow: hidden;border-radius: 6px;border: 1px solid #e5e5e5;}
.society .link_box .group_setmenu .box_setmenu {width: 250px;}
.society .link_box .group_setmenu .box_setmenu .box_top {display: flex;align-items: center;height: 70px;background-color: #57BBAD;}
.society .link_box .group_setmenu .box_setmenu .box_top strong {display: block;padding: 0 26px;color: #fff;font-size: 18px;}
.society .link_box .group_setmenu .box_setmenu .box_top .group_btn {display: flex;justify-content: center;padding: 9px;}
.society .link_box .group_setmenu .box_setmenu .box_top .group_btn button {width: 42px;height: 42px;margin-right: 4px;background: url(/images/contents/icons_setmenu.png) #57BBAD no-repeat;border-radius: 3px;cursor: pointer;}
.society .link_box .group_setmenu .box_setmenu .box_top .group_btn button:last-child {margin: 0;}
.society .link_box .group_setmenu .box_setmenu .box_top .group_btn button.btn_btm {background-position: 12px -52px;}
.society .link_box .group_setmenu .box_setmenu .box_top .group_btn button.btn_down {background-position: -31px -52px;}
.society .link_box .group_setmenu .box_setmenu .box_top .group_btn button.btn_top {background-position: -116px -52px;}
.society .link_box .group_setmenu .box_setmenu .box_top .group_btn button.btn_up {background-position: -74px -53px;}
.society .link_box .group_setmenu .box_setmenu .box_top .group_btn button.btn_del {background-position: -159px -52px;}
.society .link_box .group_setmenu .box_setmenu .list li {position: relative;padding: 20px 20px 20px 56px;border-bottom: 1px solid #e5e5e5;cursor: pointer;color: #222;font-size: 16px;}
.society .link_box .group_setmenu .box_setmenu .list li.on {background-color: #f9f9f9;color: #000;font-weight: bold;}
.society .link_box .group_setmenu .box_setmenu .list.added_list li.on {color: #2c5f9f;font-weight: bold;}

.society .link_box .group_setmenu .box_setmenu .list li i {position: absolute;top: 0;left: 28px;bottom: 0;width: 22px;height: 22px;margin: auto 0;background: url(/images/contents/icons_setmenu.png) no-repeat;}
.society .link_box .group_setmenu .box_setmenu .list li .default {background-position: 0 0;}
.society .link_box .group_setmenu .box_setmenu .list li .quick {background-position: -35px 0;}
.society .link_box .group_setmenu .box_setmenu .list li .pic {background-position: -74px 0;}
.society .link_box .group_setmenu .box_setmenu .list li .vid {background-position: -114px 0;}

.society .link_box .group_setmenu .box_edit {flex: 1;margin-left: 20px;padding: 34px;}
.society .link_box .group_setmenu .box_edit .box_underline {border-bottom: 1px solid #818d9d;}
.society .link_box .group_setmenu .box_edit .box_underline strong {color: #000;font-size: 18px;}
.society .link_box .group_setmenu .box_edit .box_underline p {position: relative;margin: 12px 0 22px;padding-left: 8px;color: #555;font-size: 15px;line-height: 1.4;}
.society .link_box .group_setmenu .box_edit .box_underline p::before {content: '';position: absolute;top: 9px;left: 0;width: 2px;height: 2px;background-color: #555;}
.society .link_box .group_setmenu .box_edit .area_edit {margin-top: 42px;}
.society .link_box .group_setmenu .box_edit .area_edit .list li:not(:last-child) {margin-bottom: 20px;}
.society .link_box .group_setmenu .box_edit .area_edit .list li input[type="text"] {width: 100%; padding:10px; border:1px solid #ddd;}
.society .link_box .group_setmenu .box_edit .area_edit .list li > label {display: inline-block;vertical-align: middle;width: 100px;font-size: 16px;color: #222;}
.society .link_box .group_setmenu .box_edit .area_edit .list li .check_box {display: inline-block;vertical-align: middle;}
.society .link_box .group_setmenu .btn_add {position: relative;width: 42px;height: 42px;margin: auto 15px;border-radius: 50%;border: 1px solid #8898aa;cursor: pointer;}
.society .link_box .group_setmenu .btn_add::before,
.society .link_box .group_setmenu .btn_add::after {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.society .link_box .group_setmenu .btn_add::before {width: 1px;height: 22px;background-color: #8898aa;}
.society .link_box .group_setmenu .btn_add::after {height: 1px;width: 22px;background-color: #8898aa;}
.society .link_box .btn.cafe {position: relative;left: 50%;margin: 50px 0 0;transform: translateX(-50%);}

.society .link_box .group_setmenu .box_edit .area_edit .list li .check_box .input-wrap > input[type="radio"] {display:none;}

@media all and (max-width:1240px){
    .society .link_box .group_setmenu .box_edit .area_edit .list li > label {display: block;margin-bottom: 12px;}
}


@media all and (max-width:980px){
    .society .link_box .group_setmenu {height: auto;flex-wrap: wrap;}
    .society .link_box .group_setmenu .box_setmenu {max-height: 300px;overflow-y: auto;}
    .society .link_box .group_setmenu .box_edit {flex: auto;width: 100%;margin: 30px 0 0;}
}

@media all and (max-width:768px){
    .society .link_box .group_setmenu .box_setmenu {width: 100%;}
    .society .link_box .group_setmenu .box_setmenu .box_top {height: 60px;}
    .society .link_box .group_setmenu .box_setmenu .list li {padding: 16px 20px 16px 56px;font-size: 15px;}
    .society .link_box .group_setmenu .btn_add {width: 38px;height: 38px;margin: 8px auto;}
    .society .link_box .group_setmenu .box_edit {padding: 30px 24px;}
    .society .link_box .group_setmenu .box_edit .area_edit {margin-top: 30px;}
    .society .link_box .group_setmenu .box_edit .area_edit .list input[type="text"] {width: 100%;}
}