@charset "euc-kr";
/* setting */
/*{padding:0; margin:0}*/
.blindw {position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden}
.eventWrap{width:100%;text-align:center;position:relative;/*font-family:'Malgun Gothic','¸¼Àº °íµñ';*/font-size: 15px;line-height: 1.4;letter-spacing: -0.03em;}
.eventWrap{font-family : 'NotoSans KR';}
.eventWrap *{box-sizing:border-box}
.eventWrap .inner {position:relative;width:1080px;margin:0 auto;}
.eventWrap .inner::after{content:"";display:block;clear:both;}
.eventWrap img{border:0 none;vertical-align:middle;max-width:100%;}
.eventWrap .video_box{position: relative;z-index: 1;cursor:pointer;padding-bottom: 51%;background: #222;overflow: hidden;border-radius: 3px;border-radius: 15px;}
.eventWrap .video_box .play_area{z-index:3;width: 100% !important;height: 100% !important;position: absolute;width: 100%;height: 100%;}
.eventWrap .video_box iframe{position: absolute;top:0;left:0;width:100%;height:100%;}
.eventWrap .video_box.ytb{padding: 0;}
#superRight_bnr {display:none;}


/* top_tab */
.top_tab{background:#e9edf9}
.top_tab ul {overflow:hidden;width:1080px;margin:0 auto; }
.top_tab ul li { position:relative; z-index:1; float:left; width:auto; margin-left:2px; }
.top_tab ul li:first-child { margin-left:2px; }
.top_tab ul li a {display:block;}
.top_tab ul li .off,
.top_tab ul li:nth-child(1):hover .off,
.top_tab ul li:nth-child(2):hover .off,
.top_tab ul li:nth-child(3):hover .off,
.top_tab ul li:nth-child(4):hover .off,
.top_tab ul li:nth-child(5):hover .off {display:block;}
.top_tab ul li:nth-child(6):hover .off {display:block;}
.top_tab ul li:nth-child(7):hover .off {display:block;}
.top_tab ul li .on,
.top_tab ul li:nth-child(1):hover .on,
.top_tab ul li:nth-child(2):hover .on,
.top_tab ul li:nth-child(3):hover .on,
.top_tab ul li:nth-child(4):hover .on,
.top_tab ul li:nth-child(5):hover .on {display:none;}
.top_tab ul li:nth-child(6):hover .on {display:none;}
.top_tab ul li:nth-child(7):hover .on {display:none;}
.top_tab ul li.on .off,
.top_tab ul li:nth-child(1):hover .off,
.top_tab ul li:nth-child(2):hover .off,
.top_tab ul li:nth-child(3):hover .off,
.top_tab ul li:nth-child(4):hover .off,
.top_tab ul li:nth-child(5):hover .off {display:none;}
.top_tab ul li:nth-child(6):hover .off {display:none;}
.top_tab ul li:nth-child(7):hover .off {display:none;}
.top_tab ul li.on .on,
.top_tab ul li:nth-child(1):hover .on,
.top_tab ul li:nth-child(2):hover .on,
.top_tab ul li:nth-child(3):hover .on,
.top_tab ul li:nth-child(4):hover .on,
.top_tab ul li:nth-child(5):hover .on {display:block;}
.top_tab ul li:nth-child(6):hover .on {display:block;}
.top_tab ul li:nth-child(7):hover .on {display:block;}


/* Äü¸Þ´º */
.flt_inner {position: absolute;text-align: center;top:285px;z-index: 15;right: 5%;}
.flt_inner > div{border: 1px solid #000;border-width: 1px 1px 0;}
.flt_inner > div a {display:block;width:148px;border-bottom: 1px solid #000;}


/* con_01 */
.con_01 {background:#b8aa31 url("https://img.megagong.net/m/2022/0715_guide/public/con_02_bg.png") no-repeat center bottom;background-size:auto 100%;}
.con_01 .inner { padding:81px 0 129px; }

.topBox { background:#fffacf; position:relative; }
.topBox .bubble { position:absolute; top:325px; left:50%; margin-left:760px; }


/* con_02 */
.con_02 { padding:150px 0; }
.con_02 .tbl.left { margin-top:50px; }
.con_02 .tbl.left th.yellow { background:#fffce2; }
.con_02 .tbl.left td { vertical-align:top; padding:15px; }
.con_02 .tbl.left td,
.con_02 .tbl.left td.right p { text-align:left; }
.con_02 .tbl.left td.right { text-align:right; }

.con_02 .tbl.left td p { position:relative; padding-left:10px; }
.con_02 .tbl td p { position:relative; padding-left:10px; margin:5px 0 0; }
.con_02 .tbl td p:first-child { margin-top:0; }
.con_02 .tbl td p:before { content:"¡¤"; display:block; position:absolute; top:0; left:0; } 
.con_02 p { margin-bottom:10px; }

/* con_03 */
.con_03 { background:#f7f0b6; padding:150px 0 100px; opacity:.9999; }
.con_03 h4 { margin-top:60px; position:relative; text-align:left; }
.con_03 h4:before { content:""; display:block; width:100%; height:1px; background:#000; position:absolute; top:12px; right:0; z-index:-1; }
.con_03 h4 p { background:#f7f0b6; display:inline-block; font-size:20px; line-height:120%; width:auto; color:#000; text-align:left; padding-right:20px; }
.con_03 ul { margin-top:25px; }
.con_03 ul li { float:left; margin:0 0 40px 40px; }
.con_03 ul li:nth-child(odd) { margin-left:0; }


/* con_04 */
.con_04 { background:#f4f4f4; padding:150px 0 100px; position:relative; }
.con_04:before { content:""; display:block; width:134px; height:68px; position:absolute; top:0; left:50%; transform:translateX(-50%); background: url("https://img.megagong.net/m/2022/0715_guide/public/arrow_top.png") no-repeat center top; }
.con_04 ul { margin-top:35px; text-align:center; }
.con_04 li { display:inline-block; vertical-align:top; }
.con_04 .video_box { margin:35px auto 0; width:1080px; }
.con_04 .video_box:after { content:""; display:block; width:1080px; height:60px; background:url("https://img.megagong.net/m/2022/0715_guide/normal/bg_video.png") no-repeat; }


/* con_05 */
.con_05 { padding:150px 0; }
.con_05 .text { }
.con_05 .text h4 { margin-top:70px; text-align:left; position:relative; }
.con_05 .text h4:before { content:""; display:block; width:100%; height:2px; background:#000; position:absolute; top:17px; left:0; z-index:-1;}
.con_05 .text h4 span { background:#fff; display:inline-block; padding-right:20px; font-size:25px; font-weight:700; }

.con_05 .tbl { margin-top:25px; }
.con_05 h5 + .tbl { margin-top:15px; }
.con_05 .tbl td.left { text-align:left; padding-left:30px; }
.con_05 .tiny { text-align:left; margin-top:5px; color:#999; font-size:12px; }
.con_05 .tiny a { color:#f4674f; text-decoration:underline; }
.con_05 h5 { margin-top:50px; text-align:left; font-size:18px; font-weight:700; }
.con_05 .box { margin-top:10px; }
.con_05 .mtBox { margin-top:65px; }
.con_05 .mtBox a + a{display: block; margin-top:30px; }

/* con_06 */
.con_06 { padding:150px 0; position:relative;  }
.con_06:before { content:""; display:block; width:100%; height:50%;
    background: rgb(244,244,244);
    background: -moz-linear-gradient(top,  rgba(244,244,244,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,  rgba(244,244,244,1) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 );
    position:absolute; top:0; left:0; 
}
.lecture { padding-bottom:0 !important; border-bottom:none; }
.con_06 .bn { margin-top:55px; }


/*????? ???*/

.lectlist_wrap { background:#fff; margin-left:0 !important; width:100% !important; }
.lecTab_wrap { margin-top:20px; }
.lecTab_wrap > div { border-bottom:1px solid #d6d6d6; text-align:left; background:#fff; }
.lect_item { width:100%; }
.lecTab_wrap .lectlist_wrap > li { width:100%; }
.lecTab_wrap > div .tea_list li.on button span { background:#699dd7; }
.lecTab_wrap > .stepTab .lec_list li.on button span { background:#e97d89; }

.lecMoney > ul,
.bookList { margin-left:0 !important; /*padding:17px 0 0 !important;*/ }

.lecture { margin-top:30px; position:relative; }
.lecture:before { content:""; display:block; width:100%; height:100px; background:#fff; position:absolute; bottom:-5px; left:0; }
.lectlist .lect_item .lecBook .bookList li { display:block; float:none; margin-right:10px; padding-bottom:0; }
.f_left strong { display:block; margin-bottom:5px !important; }
.lectlist .lect_item .lecBook .bookList li .f_left > strong { display:inline-block; }
.cart_list li { float:none !important; }
.pocket_pop .btn_wrap { margin:0 10px; }
.lecMoney li { clear:both; }
.lectlist.ver2 .lect_item .listotal .lecMoney ul li { float:none; overflow:hidden; width:100%;  }

.lecTab_wrap > div ul, 
.teaTab_wrap > div ul, 
.stepTab_wrap > div ul { overflow:visible !important; }
.lectlist .lect_item .listTitle .listTxt { max-width:100%; }
/* //????? ???*/


.tab_list { margin-top:40px; }
.tab_list li { float: left; width:64px; height: 28px; color: #777; background: #f5f5f5; border: 1px solid #e3e3e3;box-sizing: border-box; border-radius: 30px; margin-right: 7px;}
.tab_list li.on{background:#26b7bc;border: 1px solid #26b7bc; color: #fff;} 
.tab_list li:last-child{margin-right: 0;}
.tab_list li a{text-align: center;padding:2px 0;display: block;font-size: 14px;padding-right: 13px;position: relative;}
.tab_list li a::before{content:""; display: block; width:4px; height:4px; border-top:1px solid #777; border-right:1px solid #777; -webkit-transform: rotate(135deg); transform: rotate(135deg); position: absolute; right:13px; top:auto; margin-top:7px;}
.tab_list li.on a::before{border-top: 1px solid #fff;border-right: 1px solid #fff;}
.tab_cont{display: none;padding: 23px 0 35px; position: relative;} 
.tab_cont.on{display: block;}


/* 231007 add */
.safe_tab{margin-top: 0;display: flex;}
.safe_tab li{flex:1}
.safe_tab li a{display: block;font-size: 23px;height: 80px;border: 1px solid #c0c0c0;background: #c0c0c0;border-bottom: 3px solid #000;color:#fff;display: flex;align-items: center;justify-content: center;}
.safe_tab li.on a{background: #f4f4f4;border: 3px solid #000;border-width: 3px 3px 0;color:#000}
.safe_tab_box{margin-top: 40px;} 
.safe_tab_box > div{display: none;} 
.safe_tab_box > div.on{display: block;} 

@media (max-width: 1200px){
    .eventWrap{font-size: 13px;}
	.flt_inner{display: none;}
    .eventWrap .inner{width: 96%;}

    /* top_tab */
    .top_tab ul { width:100%; }
    .top_tab ul li { width:14.1%; margin-left:0; }
    .top_tab ul li img {width:100%;}
    

    /* con_01 */
    .con_01 .inner {padding:8% 0 13%;}

        
    /* con_02 */
    .con_02 { padding:10vw 0; }
    .con_02 .tbl.left { margin-top:5vw; }
    .con_02 p { margin-bottom:5px; }


    /* con_03 */
    .con_03 { padding:10vw 0; }
    .con_03 h4 { margin-top:5vw; }
    .con_03 h4:before { content:""; display:block; width:100%; height:1px; background:#000; position:absolute; top:12px; right:0; z-index:-1; }
    .con_03 h4 p { font-size:16px; padding-right:10px; }
    .con_03 h4 p img { width:25px; }
    .con_03 ul { margin-top:5vw; }
    .con_03 ul li { float:left; width:49.5%; margin:0 0 10px 1%; }

    
    /* con_04 */
    .con_04 { padding:12vw 0; }
    .con_04:before { width:65px; height:60px; background-size:100%; }
    .con_04 ul { margin-top:5vw; }
    .con_04 li { width:23%; }
    .con_04 .video_box { margin:3vw auto 0; max-width:1080px; width:100%; }
    .con_04 .video_box:after { max-width:1080px; width:100%; height:5vw; background-size:100%; }

        
    /* con_05 */
    .con_05 { padding:12vw 0; }
    .con_05 .text h4 { margin-top:5vw; }
    .con_05 .text h4:before { top:12px; }
    .con_05 .text h4 span { padding-right:20px; font-size:18px; }
    .con_05 .tbl { margin-top:25px; }
    .con_05 h5 + .tbl { margin-top:15px; }
    .con_05 .tiny { text-align:left; margin-top:5px; color:#999; font-size:12px; }
    .con_05 .tiny a { color:#f4674f; text-decoration:underline; }
    .con_05 h5 { margin-top:5vw; font-size:16px; }
    .con_05 .box { margin-top:10px; }
    .con_05 .mtBox { margin-top:5vw; }


    /* con_06 */
    .con_06 { padding:12vw 0; }
    .con_06 h3 { margin-bottom:10px; }
    .con_06 .bn { margin-top:55px; }

}
@media (max-width: 992px){
    .tab_list{ margin:0; }

    /*°­Á¸®½ºÆ® ¼öÁ¤°Ç*/
    .lecMoney > ul,
    .bookList { padding:17px 0 0 !important; }
    /* //°­Á¸®½ºÆ® ¼öÁ¤°Ç*/

}
@media (max-width: 768px){
    .tab_list{ margin:0; }
    .tab_list li{width: 60px;height: auto;}
    .tab_list li a{font-size: 12px;}


    
    /* con_03 */
    .con_03 h4:before { top:8px; }
    .con_03 h4 p { font-size:13px; }
    .con_03 h4 p img { width:15px; }


    /* 231007 add */
    .safe_tab_box{margin-top: 20px;}
    .safe_tab li a{font-size: 19px;height: 60px;}
    .safe_tab li a{border-width: 2px;}
    .safe_tab li.on a{border-width: 2px 2px 0;}

}
@media (max-width: 576px){
  
    /* 231007 add */
    .safe_tab li a{font-size: 15px;height: 50px;}
    
}	
@media (max-width: 460px){
    
    /* 231007 add */
    .safe_tab li a{font-size: 13px;height: 40px;}
}