@charset "utf-8";

/* Mobile */
.main_container{position:relative;}
.m_content{box-sizing:border-box;position:relative;}
.m_content h2{font-weight:200;font-size:1.25rem;color:#262626;display:inline-block;padding-bottom:30px;}
.m_content > div > div{padding:30px 3%;position:relative;box-sizing:border-box;}

.m_content .top_con .m_visual{background:#4053b4;padding:30px 3% 30px 3%;color:#fff;font-family:'SCDream';font-weight:400;color:#9da6d8;border-radius:0 0 0 30px;box-sizing:border-box;margin:0;}
.m_visual:after{display:block;content:'';background:url('/images/06_gibu/main/vis.png')no-repeat;background-size:150px;width:150px;height:145px;position:absolute;right:3%;top:24px;}
.m_visual h2{font-family:'SCDream';color:#fff;font-weight:300;word-break:break-word;font-size:1.3rem;padding-right:170px;padding-bottom:0;position:relative;}
.m_visual h2:before{display:block;content:'';}
.m_visual h2:after{display:block;content:'';}
.m_visual h2 strong{font-weight:600;display:block;}
.m_visual > p{padding:25px 0 15px;}
.m_visual > p span{color:#ecefff;}
.m_visual .if_b{color:#c7cdeb;background:rgba(0,0,0,.2);border-radius:25px;padding:2%;}
.m_visual .if_b strong{position:relative;display:inline-block;padding:3px 6px 6px 40px;font-size:1.25rem;font-weight:100;}
.m_visual .if_b strong:before{display:inline-block;content:'';width:33px;height:32px;position:absolute;left:0;top:0;background:url("/images/06_gibu/main/m_t.png") no-repeat 0 -137px;}
.m_visual .if_b p span{display:inline-block;padding:0 15px;}
.m_visual .if_b a{color:#c7cdeb;}

.main_bbs .control p{display:flex;justify-content:center;align-items:center;position:absolute;top:21px;right:3%;padding:10px;border-radius:15px;border:solid 1px #d8d8d8;}
.main_bbs .control button {border-left:none;width:32px;height:20px;overflow:hidden;background:url("/images/06_gibu/main/m_i.png") no-repeat;font-size:0;border-left:solid 1px #dedede;}
.main_bbs .control button.stop {background-position:-234px  -32px;}
.main_bbs .control button.play {background-position:-233px  0px;border:none;}
.main_bbs .control button.more {background-position:-234px  -61px;}
.main_bbs .control .b_btn{left:91px;right:auto;padding:0;border:0;top:31px;z-index:1;}
.main_bbs .control .b_btn button{border:none;}
.main_bbs .control .b_btn button.prev {background-position:6px 2px;}
.main_bbs .control .b_btn button.next {background-position:center -151px;}

.b_list ul{overflow:hidden;}
.b_list li{position:relative;padding:2% 0;}
.b_list li p{color:#656565;display:inline-block;position:relative;font-size:1rem;background:#fff;padding:0 10px 10px 0;}
.b_list li p:after{display:block;content:'';width:100vw;position:absolute;left:0;right:0;height:1px;background:#ebecef;top:.7rem;z-index:-1;}
.b_list li strong{display:block;font-weight:200;color:#2a2a2a;font-size:1.25rem;padding:5px 0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;position:relative;}
.b_list li:hover strong,
.b_list li:focus strong,
.b_list li:active strong{color:#4053b4}
.b_list li span{color:#919191;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.b_list li.new strong:before{display:block;content:'New';font-family:'BMJUA';color:#70e0b2;font-size:25px;width:45px;height:24px;position:absolute;left:0;top:0;}
.b_list li.new strong{padding-left:50px;}

.m_content .lnk{padding:0;}
.lnk div{padding:30px 80px 30px 3%;background:#e0f4fa;position:relative;box-sizing:border-box;}
.lnk div:after{display:block;content:'';width:100px;height:88px;background:url('/images/06_gibu/main/link.png') no-repeat 0 -100px;background-size:100px;position:absolute;right:0;bottom:0;}
.lnk div ul{display:flex;align-items:center;justify-content:flex-start;gap:10px;flex-wrap:wrap;}
.lnk div li a{color:#6898a6;font-size:.9rem;letter-spacing:-.7px;display:block;}
.lnk div.l2{background:#e4f8f3;}
.lnk div.l2:after{display:block;content:'';background-position:0 0;}
.lnk div.l2 li a{color:#70938a;}
.lnk div li:hover a,
.lnk div li:focus a,
.lnk div li:active a{background:#6898a6;color:#fff}

.mid_con{margin-bottom:60px}
.m_content > div > .b_right{padding:0 3%;}
.b_right > div {overflow:hidden;position:relative;}
.b_right > div h2{padding:30px 0}
.info_zone .control p{display:flex;justify-content:center;align-items:center;position:absolute;top:23px;right:3%;padding:10px;border-radius:15px;border:solid 1px #d8d8d8;}
.info_zone .control button {border-left:none;width:32px;height:20px;overflow:hidden;background:url("/images/06_gibu/main/m_i.png") no-repeat;font-size:0;border-left:solid 1px #dedede;}
.info_zone .control button.stop {background-position:-234px  -32px;}
.info_zone .control button.play {background-position:-234px  0;border:none;}
.info_zone .control button.prev {background-position:-235px  -96px;border:none;}
.info_zone .control button.next {background-position:-234px  0px;}
.info_zone .img{display:flex;justify-content:center;flex-wrap:wrap;height:220px;}
.info_zone .img div{border-radius:50px;overflow:hidden;width:100%;height:100%;background:#f2f2f2;text-align:center;padding: 0;}
.info_zone .img div:after{display:block;content:'';clear:both;}
.info_zone .img div:hover img{transform:scale(1.05);transition:.8s;}
.info_zone .img div img{height:220px;margin: 0 auto;}

.mv .vd{position:relative;height:220px;border-radius:50px;overflow:hidden;text-align:center;}
.mv .vd div{background-size:cover;background-position:top center;background-repeat:no-repeat;display:block;height:100%;}
.mv .vd div:before{display:block;content:'';background:rgba(0,0,0,.5);width:100%;height:100%;position:absolute;transition:.2s ease-out;}
.mv .vd div:hover:before,
.mv .vd div:focus:before,
.mv .vd div:active:before{background:rgba(0,0,0,0.1);}
.mv .vd iframe{ position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;}
.mv .play {display:block;width:73px;height:72px;position:absolute;margin-bottom:0;top:50%;left:50%;transform:translate(-50%, -50%);}
.mv .play i {display:block;width:100%;height:100%;position:absolute;top:0;left:0;border-radius:50%;font-size:0;}
.mv .play:before {content:"";display:block;width:100%;height:100%;position:absolute;top:0px;left:0px;background:url('/images/06_gibu/main/mv_btn.png') no-repeat center;z-index:1;border-radius:100%;box-shadow:2px 2px 10px rgba(0,0,0,.2);}

/* Tablet */
@media all and (min-width:768px) {
.main_container:before{display:block;content:'';background:#4053b4;width:100%;height:20%;position:absolute;right:0;top:-65px;z-index:-1;}
.main_container{position:relative;}
.m_content > div > div{margin:40px 3%;}
.m_content h2{font-size:1.6rem;}
    
.m_content .top_con .m_visual{height:350px;padding:3%  5%;padding-right:320px;}
.m_visual:after{background-size:350px;width:350px;height:326px;top:11px;right:0;}
.m_content .m_visual h2{font-size:2.32rem;display:inline-block;padding:0;}
.m_visual h2:before{display:block;content:'';width:56px;height:47px;position:absolute;background:url("/images/06_gibu/main/m_t.png") no-repeat 0 0;z-index:-1;left:-15px;top:-15px;}
.m_visual h2:after{display:block;content:'';width:56px;height:47px;position:absolute;background:url("/images/06_gibu/main/m_t.png") no-repeat 0 -68px;z-index:-1;right:-15px;bottom:-15px;}
.m_visual h2 strong{font-size:2rem;}
.m_visual > p{font-size:1.5625rem;padding-bottom:40px;}
.m_visual .if_b{display:inline-block;}

.m_content .top_con .main_bbs{border-radius:30px 0 0 0;box-shadow:-13px -16px 23px rgba(72,99,188,.08);padding-left:80px;padding-top:55px;}
.main_bbs .control p{right:40px;top:11%;padding:14px 17px;}
.main_bbs .control .b_btn{width:90px;display:block;left:-3%;top:40px;}
.main_bbs .control .b_btn button{width:100%;height:90px;border-radius:23px;background-color:#fff;box-shadow:2px 2px 25px rgba(72,99,188,.15);margin-bottom:5px;}
.main_bbs .control .b_btn button.prev {background-position:center 38px;background-color:#4053b4;}
.main_bbs .control .b_btn button.next {background-position:center -112px;}
.main_bbs div ul{height:300px;}
    
.m_content .lnk{padding:0;display:flex;justify-content:space-between;align-items:center;margin:0 3%;}
.lnk div{border-radius:30px; width:48%;margin-right:3%;}


.lnk div:after{content:'';width:184px;height:180px;background-size:auto;background-position:0 -166px;right:-4%;}
.lnk div li a{padding:6px 18px;border-radius:20px;background:#fff;font-size:1.125rem;}
.lnk div.l2{margin:0;}
.lnk div.l2:after{background-position:0 16px;}
    
.m_content > div > .b_right{padding:0;display:flex;justify-content:space-between;flex-wrap:wrap;}
.b_right .info_zone{padding:0;width:48%;margin-right:2%;}
.info_zone .control p{padding:14px 17px;top:13px;}
    
.mv{width:48%;margin:0;}
}

/* Desktop */
@media all and (min-width:1400px) {
.main_container:before{width:20%;top:-155px;height:595px;}
.m_content{max-width:1600px;margin:0 auto;}
.main_container{position:relative;min-width:1400px;}
.m_content h2{font-size:1.875rem;padding-bottom:20px;}
.m_content .top_con {padding-right:calc(100% - 520px);position:relative;height:440px;}

.m_content .top_con .m_visual{width:calc(100% - 520px);position:absolute;right:0;padding:0 390px 0 80px;height:440px;background:transparent;}
.m_visual:before{display:block;content:'';background:#4053b4;width:100%;height:100%;position:absolute;margin-top:0;z-index:-1;border-radius:0 0 0 60px;left:0;right:0;top:-155px;padding-bottom:155px;}
.m_visual .if_b{font-size:1.25rem;}
.m_visual .if_b strong{font-size:1.6rem;margin-bottom:15px;}
    
.m_content .top_con .main_bbs{margin:50px 0 0;padding:58px 50px 0 80px;width:520px;height:100%;}
.b_list li{padding:15px 0 30px 0;}
.b_list li p{font-size:1.125rem;padding-bottom:20px;}
.b_list li strong{padding-bottom:15px;}

.m_content .mid_con{display:flex;justify-content:space-between;align-items:flex-end;margin:35px 0 80px 0;}
.m_content .lnk{width:500px;flex-direction:column;margin:0;justify-content:center;align-items:flex-start;}
.lnk div{width:100%;margin:30px 0;padding:32px 185px 32px 35px;height:186px;}
.lnk div h2{font-size:1.6rem;}
    
.m_content > div > .b_right{width:calc(100% - 520px);margin:0;}
.b_right > div{max-width:470px;overflow:hidden;}
.b_right > div h2{padding-left:30px;}
    
.b_right .info_zone .img{height:352px;} 
.info_zone .control p{right:30px;top:19px;}
.info_zone .img div img{height:352px;width:100%;}
.mv .vd{height:352px;}
}

/* Desktop wide*/
@media all and (min-width:1600px) {
.main_bbs .control .b_btn{top:115px;left:-40px;}
.m_content .m_visual h2{font-size:3.3rem;padding-top:10px;}
.m_content .m_visual h2 strong{font-size:3rem;}
.m_content > div > .b_right{width:calc(100% - 600px);}
.m_visual:after{background-size:auto;width:390px;top:0;height:100%;}
}

/* 번역 */
.translated-ltr .main_bbs h2{padding-bottom: 10px;}
.translated-ltr .main_bbs .control{display: flex;justify-content: flex-end;}
.translated-ltr .main_bbs .control p{position: static;display: inline-flex;}

@media all and (min-width:768px) {
.translated-ltr .m_content .top_con .m_visual{height: auto;}
.translated-ltr .m_content .m_visual h2{line-height: 1;font-size: 2rem;}
.translated-ltr .main_bbs .control{display: block;}
.translated-ltr .main_bbs .control p{position: absolute;display: block;}
.translated-ltr .m_content .lnk{align-items: stretch;}
}

@media all and (min-width:1400px) {
.translated-ltr .main_container:before{top: -165px;height: 645px;}
.translated-ltr .m_content .top_con .m_visual{height: 480px;}
.translated-ltr .m_visual:before{top: -180px;bottom: 0;height: auto;}
.translated-ltr .lnk div h2{font-size: 1.4rem;}
.translated-ltr .m_content .lnk div{height: auto;padding-right: 120px;}
}