@charset "utf-8";

/* 오시는길*/
.map_txt {background: url("/images/humanrights/contents/location_01.png") left top no-repeat;padding: 10px 0 0 80px;font-size: 14px;height: 70px;margin-bottom: 10px;}
.map_txt strong {font-size: 17px;line-height: 23px;}
.map {border: 3px solid #ddd;height: 450px;}


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

/* 오시는길*/
.mapBox .s01{  background:#f0f0f0; } 
.mapBox .s01 li{  width:100%;}
}

@media all and (max-width :480px) {
.map_txt strong {font-size: 15px;line-height: 20px;}
.map_txt {padding: 0 0 15px 0;background: none;}

}



.img_box{border:1px solid #e6e6e6; padding:30px; border-radius:3px; margin-bottom:30px; line-height:1.8em}
.img_box p{text-align:center;margin:0 0 20px 0}
.img_box h4{margin-bottom:10px !important}
.img_box ul{margin:0}
@media all and (min-width :768px) {
.img_box{position:relative;padding:30px 30px 30px 210px}
.img_box p{position:absolute;top:30px;left:30px;text-align:left}
}       
  

@font-face {
    font-family: 'NoonnuBasicGothicRegular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noon-2410@1.0/NoonnuBasicGothicRegular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ONE-Mobile-Title';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Title.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*프리텐다드 -내용*/
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

#content_guide{font-family: 'Pretendard-Regular';}

.introduce{position:relative;text-align:center;}
.introduce:after{display:block;content:"";width:80%;height:200px;background:url("/upload_data/board_data/CNT_ATCHDOWN/173673380059982.png") no-repeat center top;background-size:100%;position:absolute;bottom:-120px;left:50%;transform:translate(-50%, 0)}
.introduce div{border:solid 1px #67042e;border-radius:30px;padding:20px 20px 80px 20px;}
.introduce p{padding-bottom:30px;}
.introduce p span{color:#1d3db3;}

.charge .tit{border:dashed 2px #ccc;border-radius:30px;padding:20px;text-align:center;font-family: 'ONE-Mobile-Title';margin-bottom:30px;}
.charge .tit br{display:none;}
.charge ol li{text-align:center;margin-bottom:30px;}
.charge ol li span{position:relative;display:inline-block;background:#033e8d;color:#fff;padding:10px 20px;border-radius:40px;line-height:30px;}
.charge ol li:nth-child(even) span{background:#03758d;}
.charge ol li span em{display:inline-block;font-style:normal;background:#fff;width:30px;height:30px;border-radius:30px;margin-right:10px;color:#033e8d;font-size:18px;font-weight:600;padding-top:2px;box-sizing:border-box}
.charge ol li:nth-child(even) span em{color:#03758d;}
.charge ol li ul{background:#d2e1f5;border-radius:20px;padding:40px 20px 20px 20px;margin-top:-25px;}
.charge ol li li{margin-bottom:10px;}

.greeting{position:relative;text-align:center;}
.greeting .img{margin-bottom:20px;}
.greeting .img span{display:block;font-size:14px;color:#666}
.greeting .con{position:relative;background:#fff;padding:40px 20px 20px 20px;box-shadow:0 0 10px 0 rgba(0,0,0,0.2)}
.greeting .con:before{display:block;content:"";width:111px;height:49px;background:url("/upload_data/board_data/CNT_ATCHDOWN/173674304874357.png") no-repeat left top;position:absolute;top:-25px;left:50%;transform:translate(-50%,0)}
.greeting .con .txt1{font-family: 'ONE-Mobile-Title';font-size:16px;color:#222}
.greeting .con .txt1 strong{color:#033e8d;}
.greeting .con p{padding-bottom:20px;}
.greeting .con .name{color:#666;}

.history_con{}
.history_con .tit{border-bottom:dotted 1px #ccc;text-align:right;font-family: 'ONE-Mobile-Title';color:#ccc;font-size:50px;line-height:50px;}
.history_con .box{border-bottom:dotted 1px #ccc;padding:30px;}
.history_con .box.even{background:#f5f5f5;}
.history_con .box strong{font-size:30px;color:#033e8d; font-family: 'NoonnuBasicGothicRegular';}
.history_con .box ul{padding-top:30px;}
.history_con .box li{font-size:18px;}
.history_con .box li span{display:inline-block;}
.history_con .box li span.date{color:#9a2528;}


.club_step{border-top:solid 2px #333;}
.club_step .box{border-bottom:solid 1px #ccc;}
.club_step .box p{background:#e7f1fd;padding:30px 20px;font-size:20px;font-family: 'ONE-Mobile-Title';color:#033e8d;}
.club_step .box p span{display:inline-block;background:#033e8d;color:#fff;width: 30px;height: 30px;border-radius:50px;line-height: 30px;text-align:center;box-sizing:border-box;margin-right:10px;font-size: 14px;}
.club_step .box ul{padding:30px 20px;}
.club_step .box ul li{position:relative;padding:0 0 10px 10px;font-size: 16px;}
.club_step .box ul li:before{display:block;content:"";width:4px;height:4px;background:#333;border-radius:5px;position:absolute;top:7px;left:0;}
.club_step .box ul li:last-child{padding-bottom:0;}


@media all and (min-width :768px) {

.introduce{padding-bottom:130px;}
.introduce div{padding:40px 40px 80px 40px;}
.introduce:after{height:337px;}

.history_con .tit{border-bottom:dotted 1px #ccc;text-align:right;font-family: 'ONE-Mobile-Title';color:#ccc;font-size:100px;line-height:100px;}
.history_con .box ul{display:inline-block;padding:0 0 0 40px;}

.club_step .box *{box-sizing:border-box;}
.club_step .box:after{display:block;content:"";clear:both;}
.club_step .box p{float:left;width:30%;}
.club_step .box p span{display:block;margin-bottom:10px;}
.club_step .box ul{float:right;width:70%;}
.club_step .box.box1 p{min-height:145px;}
.club_step .box.box2 p{min-height:227px;}
.club_step .box.box3 p{min-height:155px;}
    
}     

@media all and (min-width :1023px) {
.introduce{padding-bottom:60px;font-size:16px;line-height:28px;margin-bottom:120px;}
.introduce div{padding:40px 40px 170px 40px;}
.introduce:after{background-size:auto;}

.charge .tit{font-size:18px;line-height:30px;}
.charge .tit br{display:block;}  

.charge ol:after{display:block;content:"";clear:both;}
.charge ol li{float:left;width:calc(50% - 10px);margin:0 5px 10px 5px;}
.charge ol li ul{min-height:120px;}
.charge ol li li{float:none;width:100%;}
.charge ol li span{width:90%;}

    
.greeting{position:relative;text-align:left;}
.greeting .img{position:absolute;top:0;right:0;text-align:center}
.greeting .con{font-size:17px;padding:60px 50px}
.greeting .con .txt1{font-size:24px;line-height:33px;}
.greeting .con .name{font-size:15px;line-height:18px;}

.club_step .box p{padding:40px;width:35%;}
.club_step .box p span{display:inline-block;margin:0 15px 0 0;}
.club_step .box ul{width:65%;}  
.club_step .box.box1 p{min-height:145px;}
.club_step .box.box2 p{min-height:177px;}
.club_step .box.box4 p{min-height:120px;}
}      

/*동아리목록*/   
.club_list{padding:0 15px;}
.club_list li{margin-bottom:20px;}
.club_list li a{display:block;background:#e7f1fd;}
.club_list li a:after{display:block;content:"";height:15px;}
.club_list li .img img{width:100%;}
.club_list li strong{display:block;font-size:16px;font-family: 'ONE-Mobile-Title';padding:10px 15px;}
.club_list li .tt{display:block;padding-left:15px;}
.club_list li .tt em{font-style:normal;display:inline-block;width:25%;font-weight:600;color:#033e8d}


.club_view{padding:0 15px;}
.view_top{margin-bottom:30px;}
.view_top p img{width:100%;}
.view_top ul{border-top:solid 2px #666;}
.view_top li{border-bottom:dotted 1px #ccc;line-height:30px;padding:0 10px;}
.view_top li span{display:inline-block;width:25%;}
.view_top li strong{color:#033e8d;font-size:18px;}
.view_con h4{border-bottom:solid 2px;}
.view_con p{font-size:16px;margin-bottom:40px;}
.view_con .vc_photo li{padding:0 0 20px 0}
.view_con .vc_photo li img{width:100%;}
.view_con .vc_photo li strong{text-align:center;display:block;padding:5px 0;}



@media all and (min-width :768px) {
.club_list{padding:0;}
.club_list ul:after{display:block;content:"";clear:both;}
.club_list li{float:left;width:50%;}
.club_list li a{margin:0 10px;}
.club_list li strong{padding:15px 20px;}
.club_list li .tt{padding-left:20px;}

.view_top:after{display:block;content:"";clear:both;}
.view_top p{float:left;width:330px;}
.view_top p img{width:330px;height:220px;}
.view_top ul{float:right;width:calc(100% - 350px);}
.view_con .vc_photo:after{display:block;content:"";clear:both;}
.view_con .vc_photo li{float:left;width:25%;text-align:center;}
.view_con .vc_photo li img{width:95%;}
    
}


@media all and (min-width :1023px) {
.club_list{padding:20px 0 0 0;border-top:solid 2px #ccc;border-bottom:solid 1px #ccc;margin:20px 0;}
.club_list li{margin-bottom:40px;}
.club_list li a{position:relative;height:130px;padding-left:200px;background:none;}
.club_list li .img{position:absolute;top:0;left:0;}
.club_list li .img img{width:200px;height:130px;}    
.club_list li strong{padding:5px 20px 10px;}
.club_list li .tt{border-bottom:dotted 1px #ccc;padding:0;margin-left:20px;line-height:28px;}
.club_list li .tt em{width:30%;}
}