@charset "utf-8";

/* Mobile */

.gm4{background:none;margin: 20px 0;color:#000;font-family:'GmarketSans';text-align:center;padding:0;}
.gm4 span{display:block;font-style:italic;color:#f2f2f2;}

.introd dl{font-size:18px;background:#fff;padding:10px 10px 30px 10px;line-height:30px;word-break:keep-all;}
.introd dt{font-weight:bold;font-size:25px;padding-bottom:30px;color:#2a2a2a;position:relative;display:inline-block;}
.introd dt:after{display:inline-block;content:'';padding:0 15px;border-radius:30px;width:100%;height:20px;background:#efefef;position:absolute;bottom:18px;left:0;z-index:-1;}
.introd div div dt{padding:20px 0 30px 30px;}
.introd dd strong{font-weight:bold}
.introd .int2 dt{background:url("/images/15_buanmasil/content/sub01/int_dt1.png")no-repeat left top;}
.introd .int3 dt{background:url("/images/15_buanmasil/content/sub01/int_dt2.png")no-repeat left top;}
.introd .int1{background:url("/images/15_buanmasil/content/sub01/int1_bg.png")no-repeat bottom center;padding-bottom:250px;background-size:280px;}
.introd .int2>div{background:url("/images/15_buanmasil/content/sub01/int2_bg.png")no-repeat bottom center;}
.introd .int3>div{background:url("/images/15_buanmasil/content/sub01/int3_bg.png")no-repeat bottom center;}
.introd>div div{background-size:280px;padding-bottom:200px;}
.introd:after{display:block;content:'';clear:both;}
.schedules .top{background: #1e6a58 url('/upload_data/board_data/BBS_0000107/168922484999347.jpg')no-repeat top center / 300px;border-radius:10px;padding:350px 0 0 0;text-align:center;margin:40px 0;box-shadow:3px 3px 15px rgba(23,32,94,.5);}
.schedules h4{background:none;color:#ffffff;padding:0 0 15px 0;margin:0;font-family:'GmarketSans';}
.schedules dl{background:#fff url("/images/15_buanmasil/content/sub01/history_bg.png")no-repeat right top;padding:10px;}
.schedules dt{padding-bottom:10px;font-weight:bold;color: #292929;font-size: 28px;font-family:'GmarketSans';border-bottom:dashed 1px #c4c8de;margin-bottom:10px;}
.schedules dd{padding: 3px 0 3px 13px;font-size: 18px;background: url("/images/common/li03.gif") no-repeat 0 14px;}
.schedules dd strong{color:#1e6a58;font-weight:bold;font-size: 21px;font-family:'GmarketSans';}
.schedules .big_img{padding-top:0}
.schedules .big_img img{max-width: max-content;}
.history ul{position:relative;padding:30px 0;}
.history h5{background:none;margin:50px 0 0 0;color:#000;font-family:'GmarketSans';text-align:center;padding:0;}

.history li{margin:20px 0;}
.history li img{width:100%;margin:0 auto;border-radius:5px;}
.history li h5{padding:0 0 10px;text-align:center;margin:0;}
.history li dt{font-weight:500;color:#483fb5;font-size:19px;padding-bottom:10px;margin-bottom:10px;border-bottom:dashed 1px #d3d3d3;}
.history li dd{padding:3px 0 3px 5px;}
.history div{border-radius:10px;border:solid 1px #ebebeb;padding:20px;background:url("/images/15_buanmasil/content/sub01/history_bg.png")no-repeat right top;position:relative;box-shadow:2px 2px 12px rgb(0 0 0 / 10%);}
.history .rig div{background:url("/images/15_buanmasil/content/sub01/history_bg2.png")no-repeat right top;}
.history .basic_btn{margin:0;text-align:left;}

.video_box{padding-bottom:56.25%;position:relative;}
.video_box iframe{ position:absolute;top:0;left:0 ;right:0;bottom:0;width:100%;height:100%;}

.location div p{text-align:center;}
.location div p strong{font-weight:bold;color:#483fb5;}

.how  dl{border:solid 1px #ccd4dc;border-radius:5px;margin:20px 0;padding:20px;}
.how  dt{color:#483fb5;font-weight:bold;font-size:20px;text-align:center;}
.how  dt:before{display:block;content:'';width:92px;height:92px;background:url("/images/01_potal/content/sub01/location.png")no-repeat top center;margin:0 auto 5px auto;}
.how  .loc1 dt:before{background-position:0 0;}
.how  .loc4 dt:before{background-position:0 -112px;}
.how  .loc3 dt:before{background-position:0 -225px;}
.how  .loc2 dt:before{background-position:0 -340px;}
.how  dd{padding:10px 0 5px 16px;background:url("/images/common/li01.gif") no-repeat 0 15px;}
.how  li{color:#878787;text-align:left;padding:4px 0 0 10px;background:url("/images/common/li03.gif") no-repeat 0 13px;}
.how  dl:after{display:block;content:'';clear:both;}

.program_table .basic_table th.bg1{background:#fae2e2}
.program_table .basic_table th.bg2{background:#e2e9fe}
.program_table .basic_table th.bg3{background:#f8ebff}

.program_info dl{background:#fff4de;border-radius:10px;}
.program_info dl.tyep2{background:#e2e9fe}
.program_info dd strong{font-weight:bold;}

.program{margin:40px 0;}
.program div{border:solid 1px #ebebeb;padding:20px;box-shadow:2px 2px 12px rgba(0,0,0,.1);border-radius:10px 30px 10px 10px;margin:40px 0;background:url("/images/15_buanmasil/content/sub01/history_bg.png")no-repeat right top;}
.program div p{border-radius:10px 10px 10px 60px;overflow:hidden;text-align:center;margin:0 auto;max-width:480px;}
.program div p i{color:#fff;font-style:normal;font-size:24px;padding:20px;display:block;}
/*.program.pro1 p{background:#ce4d4d;}
.program.pro2 p{background:#456ee0}
.program.pro3 p{background:#8641ca}*/

/*.program p{box-shadow: 10px 10px #ce4d4d;}*/
.program p{box-shadow: 10px 10px #e4e4e4;}

.program div img{width:100%}
.program dl{font-size:18px;word-break:keep-all;}
.program dt{font-family:"GmarketSans";font-weight:bold;padding: 40px 0 10px 0;font-size:25px;text-align: center;}
.program dt strong{display:block;font-size: 15px;color:#6e6e6e;}
.program dd{padding:4px 0;font-size: 15px;}
.program dd span{display: block;background: #a2a2a2;width: 60px;margin: 0 auto;text-align: center;color: #fff;border-radius: 10px;}
.program div a{position:relative;display:inline-block;padding:8px 20px;border-radius:5px;margin-top:10px;border:solid 1px #959595;}
.program div a:before{display:inline-block;content:'';width:40px;height:40px;background:url("/images/15_buanmasil/content/sub02/pro_i.gif")no-repeat;vertical-align:middle;margin-right:10px;}
.program:after{display:block;content:'';clear:both;}

/* Tablet */
@media all and (min-width:768px){
.gm4{font-size:40px;}
.gm4 span{line-height:0}

.introd .int1{padding:30px 300px 30px 0;background-position:right top;}
.introd .int2{width:50%;float:left;}
.introd .int2>div{background-position:left top;padding:260px 0 0 0;}
.introd .int3{width:50%;float:left;}
    
.schedules .top{background-position:5% center;padding:30px 30px 30px 350px;text-align:left;}
.schedules h4{font-size:36px;}
.schedules dl{padding:50px 30px;border-radius:10px 60px 10px 10px;}
    
.history li img{width:180px;float:right;margin-left:40px;}
.history .rig img{float:left;margin:0 40px 0 0;}
.history li dl{width:calc(100% - 230px);float:left;padding-bottom:20px;}
.history div:after{display:block;content:'';clear:both;}
.history div{padding:50px 40px;}
.history li h5{text-align:left}
.location div p{font-size:22px}

.how  dl{padding:50px 30px 50px 330px;position:relative;min-height:155px;}
.how  dt{width:300px;padding:0;margin-right:30px;position:absolute;left:10px;top:15px;}

.program div{ padding:40px;}
.program div p{width:480px;overflow:hidden;height:290px}
.program div p i{width:calc(100% - 321px);float:left;line-height:250px;}
.program div img{/* width:321px; *//* float:left; */height: 356px;}
.program dt{text-align:left}
.program dt strong{font-size:20px;}
.program dd{display:flex;justify-content: flex-start;flex-wrap: wrap;font-size: 18px;}
.program dd span{
    margin: 0 15px 5px 0;
    display: inline-block;
    height: 28px;
}
}
/* Desktop */
@media all and (min-width:1023px){
.gm4 span{font-size:45px;}

.history ul:before{display:block;position:absolute;top:50px;left:50%;width:1px;height:calc(100% - 80px);background-color:#e8e8e8;content:'';}

.introd .int1{padding:50px 710px 300px 0;background-size:auto}
.introd .int2{margin-top:-200px;background:url("/images/15_buanmasil/content/sub01/int2_bg_1.png")no-repeat bottom center;padding:0 50px 200px 0;}
.introd div div{padding:260px 0 0 0;}
.introd div div dl{padding:50px 0 50px 70px;border-radius:80px 10px;margin-left:14%;width:80%;}
.introd .int3{position:relative;}
.introd .int3:before{display:inline-block;content:'';width:180px;height:125px;background:url("/images/15_buanmasil/content/sub01/int3_bg_1.png")no-repeat bottom center;position:absolute;top:-85px;left:60px;}
.introd .int3>div{background-position:center top;}
.introd>div div{background-size:auto;}
.introd .int3 div dl{margin-left:20%;}

.schedules .top{background-size: 350px;padding:60px 60px 60px 600px;background-position: 14%;}
    
.history div:before{display:block;position:absolute;top:0;width:30px;height:30px;border:8px solid #e9edf2;border-radius:100%;background-color:#585b6a;box-sizing:border-box;content:'';right:-60px;}
.history .rig div:before{left:-56px;}
.history li{padding-right:53%;}
.history li.rig{padding:0 0 0 53%;margin:-100px 0 0 0;}
.history li:first-child{padding-top: 102px;}
.program div{padding:50px 50px 50px 600px;min-height:400px;}
.program div p{position:absolute;top:50px;left:50px;}
.program dt{font-size: 35px;padding:0 0 30px 0;}
}


/*레이아웃*/
.sub_site .head h1 span{font-size:14px;font-weight:300;color:#6c6c6c;}
.sub_site .head h1 strong{font-size:25px;}
.head h1 img.pc{display:none;}
footer{background:#222223;color:#fff;text-align:center;padding-bottom:30px;}
.f_banner,footer .sitelink_list,.foot ul,footer .wa_mark{display:none;}

footer .top a{background:#e14e4e;box-shadow:2px 2px 10px rgba(0,0,0,.1)}
footer .top a span{color:#ef9494}
.foot div{border-top:0;font-size:1rem;}
.foot div i{color:#939393}
.foot div a{color:#fff}
.foot div .copy{padding:10px 0}

@media all and (min-width:768px){
.menu>ul>li{width: 25%;}
.menu>ul>li>a{font-size:18px;}
.sub_site .head h1 strong{font-size:22px;}
.foot{background:url("/images/15_buanmasil/main/f_logo.png")no-repeat bottom center;padding-bottom:60px;}

header:hover .menu>ul>li:last-child>a:before,
header:hover .menu>ul>li:last-child.on>a:before{background-color:#392f9a;}
.basic_tab .col6 li{width:50%}
}

/* Desktop */
@media all and (min-width:1023px){
.gnb li a,
.gnb button,
.gnb .fs a{color:#fff;}
.head h1 strong,
.head h1 span{color:#fff;}
.menu{margin-left:190px;}
.sub_site .menu{width: 800px;}
.menu>ul>li>a{color:#fff;font-size:23px}   
	
header{border:solid 1px #ccc;position:relative;top:inherit;left:inherit;} 
header{background:#fff;}  
header .gnb{display:none}
header .gnb li a,
header .gnb button,
header .gnb .fs a{color:#000;}
header .head h1 strong{color:#000;}
header .menu{margin-left:190px;}
header .menu>ul>li>a{color:#000;}
header .menu>ul>li.on>a,
header .menu>ul>li>a:hover,
header .menu>ul>li>a:focus{color:#392f9a;}
header .menu>ul>li>a:before,
header .menu>ul>li.on>a:before{background-color:#392f9a;}
.menu>ul>li>a{color:#fff;font-size:23px}
.depth_box{top:101px;}

header:hover .head h1 img.mb{display:block}
header:hover .head h1 img.pc{display:none}
footer .top{top:-60px}
.basic_tab .col6 li{width:20%}
}


/*서브레이아웃*/
.s_con{padding: 20px 20px 40px;}
.s_title{background: url('/upload_data/board_data/BBS_0000107/168964454212145.jpg') no-repeat right center;}
.sub_container.menu1 .s_title{background: url("/upload_data/board_data/BBS_0000107/168964454212145.jpg") no-repeat right center;}
.sub_container.menu2 .s_title{background: url("/upload_data/board_data/BBS_0000107/168964680949146.jpg") no-repeat right center;}
.sub_container.menu3 .s_title{background: url("/upload_data/board_data/BBS_0000107/168964454212362.jpg") no-repeat right center;}

.s_title .local .menu_li:last-child span{color:#fff}
.s_title .local li a:before{background: rgba(255,255,255,.8);}
.s_title .local li:last-child span{background:url("/images/15_buanmasil/l_arrow.png")no-repeat right 8px;}
.s_title h3,
.s_title .local li a{color:#fff;}
.s_title .local li div a{color:#3c3c3c}
.s_title .local li:last-child div a{color:#312a72;}

@media all and (min-width:768px){
.s_right .search>button{display:none;}
.s_title .local{width:100%;text-align:center;}

.s_title h3{padding:10px 0;text-align:center;text-shadow:2px 2px 15px rgba(0,0,0,.3);}


}

@media all and (min-width:1023px){
.s_left{display:none !important;}
.s_right{float:none;width:100%;}
.s_con, .scon_bottom{padding: 30px 0 50px 0;}

.sub_container{background: url("/upload_data/board_data/BBS_0000107/168964454212145.jpg") repeat-x left top 0;}
.sub_container.menu1{background: url("/upload_data/board_data/BBS_0000107/168964454212145.jpg") repeat-x left top 0;}
.sub_container.menu2{background: url("/upload_data/board_data/BBS_0000107/168964680949146.jpg") repeat-x left top 0;}
.sub_container.menu3{background: url("/upload_data/board_data/BBS_0000107/168964454212362.jpg") repeat-x left top 0;}
.s_title{background:none !important;padding: 70px 0;}
.s_title h3{padding: 0 0 34px;font-size: 3rem;}
.s_title .utill{top: 190px;}

.basic_tab .col1 li,
.basic_tab2 .col1 li{width:100%;clear:both;}
.basic_tab .col4 li,
.basic_tab2 .col4 li{width:25%;}
.basic_tab .col3 li,
.basic_tab2 .col3 li{width:33.333%}
.sub_site .menu3 .depth_boxcon ul {text-align:left;padding-left:65%;}
.sub_site .head h1{padding-top:26px;}

/* .sub_site .menu2 .depth_boxcon>ul>li {width: 16%;}
.sub_site .menu2 .depth_boxcon>ul>li a{text-align:center} */

}