@charset "utf-8";

#contents{margin:40px auto; padding-bottom:30px; color:#222; text-align:left;}
#contents > section{margin-top:20px;}
#contents h3{padding:10px 0 30px;}
#contents .con{line-height:32px;}

/*테이블스타일*/
.tbStyle{border-top:3px solid #417DB4; width:100%; border-collapse:collapse;}
.tbStyle caption{display:none;}
.tbStyle th{border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:center; background:#f6f6f6; padding:10px 0; color:#222;}
.tbStyle th:last-child{border-right:none;}
.tbStyle td{border-bottom:1px solid #ddd; padding:7px; border-right:1px solid #ddd;text-align:center;}
.tbStyle td:nth-child(3){text-align:left;}
.tbStyle td:last-child{border-right:none;}
.tbStyle .input_txt{border:1px solid #ddd; width:80%; padding:5px 0 9px 3px; font-size:14px;}
.tbStyle .input10{width:10%;}
.tbStyle .input20{width:20%;}
.tbStyle .input30{width:30%;}
.tbStyle .input40{width:40%;}
.tbStyle .input50{width:50%;}
.tbStyle .input60{width:60%;}
.tbStyle .input70{width:70%;}
.tbStyle .input80{width:80%;}
.tbStyle .input90{width:90%;}
.tbStyle select{border:1px solid #ddd; padding:3px;}
.tbStyle .exp{color:#888;}
.tbStyle .btn{background:#333; color:#fff; border:1px #333; padding:3px 10px; cursor:pointer;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#dfdfdf,direction=0, strength=5);
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

.gall_con{position:relative; display: flex;margin-top:3em; padding-top:3em;}
.gall_con:before{
    content: '';
    position:absolute;
    top:0;
    width:100%;
    height:1px;
    background:#ddd;
}
.gall_con .img{width:30%; margin-right:20px;}
.gall_con .img img{width:100%;border:1px solid #f00;}
.gall_con .con{width:70%; font-size:0.9rem;}
.gall_con p strong{display:block; font-size:1rem; color:#066BB7; margin-bottom:10px;}
.gall_con .con ul{}
.gall_con .con ul li{position: relative; font-size:0.85rem; width:100%; padding-left:0.8em;}
.gall_con .con ul li:before{
    content: '';
    width:4px; height:4px; background:#333;
    position:absolute; top:13px; left:0;
    border-radius: 50%;
    -moz-border-radius:50%; -webkit-border-radius:50%;
}
.gall_con .con span{display:block; margin-top:15px; color:#888; font-size:0.7rem;}

.gallery{position:relative;}
.gallery ul{display:flex; justify-content: left; flex-wrap:wrap; width:100%;}
.gallery li{margin:10px 32px 30px 0; width:23%;}
.gallery li:nth-child(4n){margin-right:0;}
.gallery li img{width:100%;}
.gallery li span{display:inline-block; width:100%; text-align:center; vertical-align:top;}


/**************** 소개 *******************/
.con{display: flex;}
.con div{width:100%;}
.intro div p:first-child{position:relative; z-index:1; font-size:42px; line-height:52px; color:#3cb6a6; margin:50px 0 0 50px; font-family: paybooc-Light;}
/*.intro div p:first-child:before{
    content: '';
    position: absolute;
    top:0; left:0;
    width:1px;
    height:12px;
    background:#cb6a6;

}*/
.intro div p:last-child{position:relative; z-index:2;background:#3cb6a6; width:100%; padding:50px; margin:60px 0 0 -100px; color:#fff;}

.bizmodel{display: flex; flex-wrap: wrap; justify-content: space-between; width:100%;}
.bizmodel li{width:24%; text-align: center; font-weight:bold; color:#2378B8; height:350px; border:1px solid #eee; padding-top:30px;}
.bizmodel .num{display:inline-block; width:50px; height:50px; border-radius: 50%; background:#3cb6a6; color:#fff; font-size:24px; padding-top:10px; box-sizing: border-box;}
.bizmodel .tit{margin-left:10px; font-size:20px;}
.bizmodel p{font-weight:normal; margin-top:50px; padding:0 20px; line-height: 26px;}
.bizmodel li:nth-child(1){background:url(../images/sub01/icon01.png) center 93% no-repeat;}
.bizmodel li:nth-child(2){background:url(../images/sub01/icon02.png) center 93% no-repeat;}
.bizmodel li:nth-child(3){background:url(../images/sub01/icon03.png) center 93% no-repeat;}
.bizmodel li:nth-child(4){background:url(../images/sub01/icon04.png) center 93% no-repeat;}

.edu div p:first-child{position:relative; z-index:1; font-size:42px; line-height:52px; color:#66A6C9; margin:50px 0 0 50px; font-family: paybooc-Light;}
.edu div p:last-child{position:relative; z-index:2;background:#66A6C9; width:100%; padding:50px; margin:60px 0 0 -100px; color:#fff;}

.edu02 div p:first-child{position:relative; z-index:1; font-size:42px; line-height:52px; color:#BAC930; margin:50px 0 0 50px; font-family: paybooc-Light;}
.edu02 div p:last-child{position:relative; z-index:2;background:#BAC930; width:100%; padding:50px; margin:60px 0 0 -100px; color:#fff;}

.edu03 div p:first-child{position:relative; z-index:1; font-size:42px; line-height:52px; color:#F57F65; margin:50px 0 0 50px; font-family: paybooc-Light;}
.edu03 div p:last-child{position:relative; z-index:2;background:#F57F65; width:100%; padding:50px; margin:60px 0 0 -100px; color:#fff;}

.articles ul{}
.articles ul > li{margin-top:30px;font-size:18px;}
.articles p{margin-top:30px;}
.articles ul>li strong{color:#417DB4; display:block;font-size:18px;}
.articles ul>li span{color:#417DB4; font-weight:bold;font-size:18px;}
.articles ul>li>ul>li{margin:7px 0; font-size:0.9rem;}
.articles ul>li>ul>li>ul{margin-left:20px;}
.articles ul>li>ul>li>ul>li{font-size:0.85rem; color:#666;}
.articles ul>li>ul>li{margin:5px 0;}
.articles p:nth-child(1){text-align:right;}

.map_add{padding:20px; border:1px solid #ddd; box-sizing: border-box;}

/*신청프로그램 찾기*/
.myprogram{}
.myprogram ul{border-top:2px solid #666; border-bottom:1px solid #666; padding:15px 0; margin-top:20px;}
.myprogram ul li{position:relative; font-size:0.75rem; padding:7px 0 7px 10px;}
.myprogram ul li:before{
    content: '';
    width:5px; height:5px; background:#ccc;
    position:absolute; top:15px; left:0;
    border-radius: 50%;
}
.searchArea .mypro_btn{right:0; display: inline-block; background: #F75F0D; color:#fff;}
.searchArea .mypro_btn a{display: inline-block; padding:7px 20px; color:#fff; }
.pop_alert form{position:absolute; z-index:30; bottom:300px; width:500px; left:50%; transform: translateX(-50%); padding:40px 20px; box-sizing: border-box; background: #fff; border:6px solid #1360BD; text-align:center;}
.pop_alert form p{font-weight:bold; color:#f60; margin-bottom:10px;}
.pop_alert a{display: inline-block; margin-top:20px; padding:5px 20px; border:1px solid #ddd;}


/* mediaQuery */
@media screen and (min-width:1240px){
    #contents{width:1240px;}
    .row{padding:0 15px;}
    .mobiNav{display:none;}
}
@media screen and (max-width:1239px){
    #contents{width:96%;}
    .con p img{width:100%;}
    /*#contents{width:96%;border:1px solid #f00;}
    .map a img{width:100%;}
    .simbol li{width:30%; float:left; margin:0 20px;}*/
}
@media screen and (max-width:1024px){
    .gallery ul{display:flex; justify-content: space-between;}
}
@media screen and (max-width:960px){
    .bizmodel li{width:48%; margin:1% 0;}
    .gallery li{margin:10px 0 30px 0; width:32%;}
}
@media screen and (max-width:768px){
    .con{display: flex; flex-wrap: wrap;}
    .con > p{width:100%;}
    .con div{width:100%; display:inline-block; text-align:center;}
    .intro div > p:first-child,
    .edu div > p:first-child,
    .edu02 div > p:first-child,
    .edu03 div > p:first-child{position:relative; z-index:1; font-size:32px; line-height:52px; color:#3cb6a6; margin:30px 0 0 0; font-family: paybooc-Light; text-align:center;}
    .intro div > p:last-child,
    .edu div > p:last-child,
    .edu02 div > p:last-child,
    .edu03 div > p:last-child{position:relative; z-index:2;background:#3cb6a6; width:100%; padding:30px; margin:30px 0 0 0; color:#fff; box-sizing: border-box;}
    .edu div > p:first-child{color:#66A6C9;}
    .edu div > p:last-child{background:#66A6C9;}
    .edu02 div > p:first-child{color:#BAC930;}
    .edu02 div > p:last-child{background:#BAC930;}
    .edu03 div > p:first-child{color:#F57F65;}
    .edu03 div > p:last-child{background:#F57F65;}
    .gallery li{margin:10px 0 30px 0; width:48%;}
    .pop_alert form{width:70%;}
}
@media screen and (max-width:480px){
    .bizmodel li{height:350px; border:1px solid #eee; padding-top:30px; letter-spacing: -1px;}
    .bizmodel p{font-weight:normal; margin-top:20px;}
    .searchArea .mypro_btn{margin-top:5px;}
    .pop_alert form{width:80%;}
    .edu div p:last-child{padding:50px 60px;}
}