@charset "utf-8";

#wrap{margin-top: 125px; }
.main_wrap{margin-top: 209px !important;  margin-top: 140px !important; margin-bottom: 40px !important;}

.main_wrap > *,
.mcnt_box > *{float: left; }
.forum_box {width: 100%; margin-bottom: 100px;}
.forum_box >ul {width: 100%;height:516px;float: left;}
.forum_box >ul >li {height:516px;float: left;}
/*.forum_box >ul >li:nth-child(1) {margin-left: 0; background: linear-gradient(45deg, #fcf387, #dbefa1);}*/
/*.forum_box >ul >li:nth-child(2) {background: linear-gradient(45deg, #fcf387, #dbefa1);}*/

.forum_box > ul >li > ul {width: 100%;height: 66px; }

.forum_con { width: 99%;height:445px;margin:0.5% 0.5%; background: #fff;text-align: center;}
.forum_con > ul { padding:0 4% 0 4%;}
.forum_con > ul > li{ width: 100%;height:50px;border-bottom: 0.5px solid #b9b9b9;position: relative;}
.forum_con > ul > li > .fr_li_box {width: 100%;float: left;text-align: left;position: absolute;margin-top: 15px;}
.forum_con > ul > li > .fr_li_box > .fr_sp > a{float: left; text-align: left;}
.forum_con > ul > li > .fr_li_box > .fr_tit > a {
    font-size: 14px;
    width: 100%;
}
/*.forum_con > ul > li > .fr_li_box > .fr_day{float: right;font-size: 18px;font-weight: 600; font-family: 'Noto Sans CJK Korean';}*/

.forum_con > ul > li > .fr_li_box > span:nth-child(4){width: 100%;}
.forum_con > ul > li:nth-child(5){ border-bottom: 0px;}

.forum_box_li {width: 42.5%;background: blue;margin-left: 5%;}
.main_wrap > .mv_sec{border-radius: 20px 0 20px 0; box-shadow:10px 10px 10px rgba(0,0,0,0.1)}
.main_wrap > .mv_sec, .mcnt1{width: 100%;}

.main_wrap > .mv_sec .item {height: 500px;}
.main_wrap > .mv_sec .item .img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #dbefa1;/*url(../../images/main/mv00.png) center no-repeat*/; z-index: -1;}
.main_wrap > .mv_sec .mv_slog {color: #000; padding: 130px 0 0 55px; }
.main_wrap > .mv_sec .mv_slog .t1 {font-size: 38px; line-height: 48px; font-weight: 700; text-shadow:0px 0px 5px rgba(0,0,0,0.15)}
.main_wrap > .mv_sec .mv_slog .t2 {position: relative;
    font-size: 25px;
    line-height: 35px;
    font-weight: 400;
    /* text-shadow: 0px 0px 5px rgb(0 0 0 / 15%); */
    padding-top: 22px;
}
/* margin-top: 29px;}
/*.main_wrap > .mv_sec .mv_slog .t2:before{position: absolute; !*content:'';*! width: 36px; height: 3px; background: #fff; top: 0; left: 1px;}*/

.main_wrap > .mv_right{float: right; width: 410px; box-sizing: border-box; border-radius: 20px 0 20px 0; overflow: hidden; border: 1px solid #ddd;}
.main_wrap > .mv_right ul{text-align: center; display: flex; flex-wrap: wrap; padding: 44px 20px 14px;}
.main_wrap > .mv_right ul > li{width: 33.333%; margin-bottom: 28px;}
.main_wrap > .mv_right ul > li figure{position: relative; height: 85px; width: 85px; margin: 0 auto; border-radius: 50%; box-shadow:0px 0px 10px rgba(0,0,0,0.1); margin-bottom: 10px;}
.main_wrap > .mv_right ul > li figure img{position: absolute; left: 0; top: 0; opacity: 0; transition:.3s}
.main_wrap > .mv_right ul > li figure img:first-child{opacity: 1;}
.main_wrap > .mv_right ul > li h4{font-size: 15px; line-height: 20px; color: #333; font-weight: 500; transition:.3s; word-break: keep-all; padding: 0 10px;}
.main_wrap > .mv_right ul > li:hover h4{color: #00bfb7;}
.main_wrap > .mv_right ul > li:hover figure img{opacity: 1;}

.main_wrap > .mv_right > ol{display: flex; flex-wrap: wrap; align-items: center; text-align: center;}
.main_wrap > .mv_right > ol li{position: relative; width: 33.333%; }
.main_wrap > .mv_right > ol li:after,
.main_wrap > .mv_right > ol li:before{position: absolute; content: ''; right: 0; top: 0; width: 1px; height: 100%; z-index: 10;}
.main_wrap > .mv_right > ol li:after{background: #000; opacity: 0.4; right: 0px;}
.main_wrap > .mv_right > ol li:before{background: #fff; opacity: 0.4; right: -1px;}
.main_wrap > .mv_right > ol li:last-child:before,
.main_wrap > .mv_right > ol li:last-child:after{display: none;}
.main_wrap > .mv_right > ol li a{display: block; background: #8bc236; box-sizing: border-box; height: 114px; padding-top: 28px;}
.main_wrap > .mv_right > ol li a:after{position: absolute; content: ''; width: 21px; height: 21px; background: url(../../images/main/mcng1_box.png) center no-repeat; left: 0; top: 0; opacity: 0; transition:.3s; transform:scale(1.5)}
.main_wrap > .mv_right > ol li:hover a:after{opacity: 1; transform:scale(1)}
.main_wrap > .mv_right > ol li:nth-child(2) a{background: #fd7400;}
.main_wrap > .mv_right > ol li:nth-child(3) a{background: #0094dc;}
.main_wrap > .mv_right > ol li a h4{font-size: 19px; color: #fff; font-weight: 500; text-shadow:0px 0px 4px rgba(0,0,0,0.15); box-sizing: border-box; padding: 0 25px; word-break: keep-all;}

/* mcnt1 */
.mcnt1{}
.mc1_tab{display: flex;	text-align: center; margin-bottom: 20px;}
.mc1_tab > li{position: relative; width: 210px; height: 62px; background: #f6f6f6; font-size: 20px; line-height: 62px; color: #333; border-radius: 50px; margin-right: 8px; cursor: pointer; z-index: 4; transition:.3s;}
.mc1_tab > li a{position: absolute; content:''; width: 13px; height: 13px; background: url(../../images/main/mcnt_more.png) center no-repeat; right: 21px; top: 50%; margin-top: -6px; transition:.3s;}
.mc1_tab > li.on a,
.mc1_tab > li:hover a{background: url(../../images/main/mcnt_more2.png) center no-repeat;}
.mc1_tab > li:before{opacity: 0;position: absolute; content: ''; width: 100%; height: 100%; background: url(../../images/main/mcnt1_bg.png) center no-repeat; left: 0; bottom: 0;  transition:.3s; z-index: -1;}
.mc1_tab > li.on:before,
.mc1_tab > li:hover:before{opacity: 1;}
.mc1_tab > li:last-child{margin-right: 0;}
.mc1_tab > li.on,
.mc1_tab > li:hover{font-weight: 700;}

.tab_con_box {box-sizing: border-box; border: 1px solid #ddd; border-radius: 20px; padding-top: 34px; height: 181px;}
.tab_con_box .cnt{display: flex;	justify-content: left; padding-left: 49px;  display: none;}
.tab_con_box .cnt > li{position: relative; }
.tab_con_box .cnt > li.none_li{width: 100%; text-align: center; line-height: 99px; font-size: 20px; font-weight: 500; color: #333;}

/* .tab_con_box .cnt1{display: flex;} */

.tab_con_box .cnt.on{display: flex; }

.tab_con_box .cnt .top{border-bottom: 1px solid #ddd;}
.tab_con_box .cnt > li{width: 238px; margin-right: 28px;}
.tab_con_box .cnt > li:last-child{margin-right: 0;}
.tab_con_box .cnt > li h4{font-size: 20px; line-height: 1; color: #333; font-weight: 400; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.tab_con_box .cnt > li .data_box{position: relative; overflow: hidden; padding: 9px 0 18px; }
.tab_con_box .cnt > li .data_box span{font-size: 15px; line-height: 1; color: #999;}
.tab_con_box .cnt > li .data_box span:last-child{float: right; margin-top: 8px; font-size: 13px; font-weight: 700; color: #ea4d1d;}
.tab_con_box .cnt > li .data_box span:last-child:empty(img){background: #000;}

.tab_con_box .cnt > li .data_box span i{position: relative; top: 6px; margin-right: 5px;}
.tab_con_box .cnt > li .data_box span:nth-child(2){margin-left: 11px;}
.tab_con_box .cnt > li .data_box span:nth-child(2) i{top: 9px;}
.tab_con_box .cnt .bottom{margin-top: 12px;}
.tab_con_box .cnt .bottom p{text-overflow: ellipsis;white-space: nowrap;overflow: hidden; padding-left: 10px; box-sizing: border-box;}
.tab_con_box .cnt > li .data_box:before{position: absolute; content: ''; width: 0%; height: 1px; background: #0c3353; left: 50%; bottom: 0; transition:.3s;}
.tab_con_box .cnt > li:hover .data_box:before{width: 100%; left: 0;}

.mcnt2{display: flex; margin-left: 40px;}
.mcnt2 .lbx{width: 248px; background: #f6f6f6; box-sizing: border-box; border-radius: 20px; padding-top: 30px;}
.mcnt2 .lbx ul{padding-left: 19px;}
.mcnt2 .lbx ul li{display: flex; align-items:center; table-layout: fixed; width: 100%;	 margin-bottom: 4px;}
.mcnt2 .lbx ul li:last-child{margin-bottom: 0;}
.mcnt2 .lbx ul li > *{display: table-cell; vertical-align: top;}
.mcnt2 .lbx ul li span{width: 77px; font-size: 13px; line-height: 21px; padding: 5px 0;font-weight: 700; text-align: center; border-radius: 15px; color: #fff; background: #0c3353; border: 1px solid #0c3353; box-sizing: border-box;  }
.mcnt2 .lbx ul li:nth-child(even) span{color: #0c3353; border: 1px solid #0c3353; background: #fff; }
.mcnt2 .lbx ul li h4{padding-left: 10px; font-size: 18px; line-height: 26px; color: #0c3353; font-weight: 700;}

.mcnt2 .lbx ol{ text-align: center; margin-top: 18px;}
.mcnt2 .lbx ol li{position: relative;display: inline-block; padding: 0 18px;}
.mcnt2 .lbx ol li:first-child:after{position: absolute; content: ''; width: 1px; height: 35px; background: #ddd; right: -3px; top: 0;}
.mcnt2 .lbx ol li h5{font-size: 15px; line-height: 1; color: #333; font-weight: 500;}
.mcnt2 .lbx ol li p{color: #666; font-size: 15px;}

.mcnt2 .lbx dl{text-align: center; margin-top: 6px;}
.mcnt2 .lbx dl dt{font-size: 15px; line-height: 1; color: #ea4d1d; font-weight: 400;}
.mcnt2 .lbx dl dd a{position: relative; display: block; box-sizing: border-box;  background: #fff; width: 193px; height: 45px; font-size: 16px; line-height: 45px; font-weight: 500; color: #333; margin: 16px auto 30px; text-align: left; padding-left: 20px; transition:.3s;}
.mcnt2 .lbx dl dd a:before,
.mcnt2 .lbx dl dd a:after{position: absolute; content:''; width: 9px; height: 13px; background: url(../../images/main/mcnt2_1.png) center no-repeat; right: 14px; top: 50%; margin-top: -7px; transition:.3s;}
.mcnt2 .lbx dl dd a:before{background: url(../../images/main/mcnt2_2.png) center no-repeat; }
.mcnt2 .lbx dl dd a span{display: inline-block; font-size: 14px; color: #1d9bea; margin-left: 9px; vertical-align: top; transition:.3s;}

.mcnt2 .lbx dl dd a:hover {background: #0094dc; color: #fff;}
.mcnt2 .lbx dl dd a:hover span{color: #fff;}
.mcnt2 .lbx dl dd a:hover:after{opacity: 0;}

.mcnt2 .rbx {position: relative; width:	152px; margin-left: 10px; text-align: center; background: #f6f6f6; margin-top: 27px; border-radius: 20px;}
.mcnt2 .rbx h3{width: 119px; font-size: 15px; line-height: 20px; color: #fff; font-weight: 500; background: #0c3353; border-radius: 50px; display: block; padding: 6px 0; margin: -27px auto 20px;}
.mcnt2 .rbx ul li{background: url(../../images/main/bg_type_n1.png) center no-repeat; width: 117px; height: 65px; margin: 0 auto; border: 2px solid rgba(255,255,255,0); border-radius: 10px; transition:.3s; box-sizing: border-box; margin-bottom: 6px;}
.mcnt2 .rbx ul li:nth-child(2){background: url(../../images/main/bg_type_n2.png) center no-repeat;}
.mcnt2 .rbx ul li:nth-child(3){background: url(../../images/main/bg_type_n3.png) center no-repeat;}
.mcnt2 .rbx ul li:hover{border: 2px solid #5c5448;}
.mcnt2 .rbx ul li:hover:last-child{border: 2px solid #00704d;}
.mcnt2 .rbx ul li figure{padding: 5px 0 5px;}
.mcnt2 .rbx ul li:last-child figure{padding-top: 1px; padding-bottom: 2px;}
.mcnt2 .rbx ul li figcaption{color: #fff; font-size: 15px; line-height: 1; font-weight: 500;}
.mcnt3_wrap{border-top: 1px solid #ddd; margin-top: 60px; }
.mcnt3{position: relative; box-sizing: border-box; padding: 0 70px; }
.mcnt3 .item_box{height: 110px; display: table;}
.mcnt3 .item_box a{display: table-cell; vertical-align: middle; text-align: center; outline:none;}
.mcnt3 .item_box a img{display: inline-block;}

.slick-slider{position: static;}
.slick-arrow{position: absolute; width: 14px; height: 24px; background: url(../../images/main/mcnt3_prev.png) center no-repeat !important; left: 0; top: 56px;}
.slick-next{ background: url(../../images/main/mcnt3_next.png) center no-repeat !important; left: auto; right: 0;margin-top: 35px;margin-right: 20px;}


.mcnt2_new_i{display: flex; text-align: center; margin-left: 40px;}

.mcnt2_new_i > .lbx{width: 248px; margin-right: 10px;}
.mcnt2_new_i > .rbx{width: 152px; }

.mcnt2_new_i > div{ }
.mcnt2_new_i > div h3{position: relative; display: inline-block; width: 119px; height: 32px; line-height: 32px; font-size: 15px; font-weight: 700; background: #0c3353; color: #fff; border-radius: 50px;}
.mcnt2_new_i > div .gr_b{background: #f6f6f6; border-radius: 25px; margin-top: -7px; height: 240px; box-sizing: border-box;}
.mcnt2_new_i > .lbx > .gr_b {box-sizing: border-box;padding: 15px 25px;}
.mcnt2_new_i > .lbx > .gr_b ul > li{display: flex; margin-bottom: 2px;}
.mcnt2_new_i > .lbx > .gr_b ul > li > span{display: block; width: 71px; line-height: 24px; height: 24px; border-radius: 50px; font-size: 13px; font-weight: 700; letter-spacing: -0.03em; border: 1px solid #0c3353; color: #0c3353; background: #fff;}
.mcnt2_new_i > .lbx > .gr_b ul > li > p{box-sizing: border-box; width: calc(100% - 71px); text-align: left; font-size: 18px; font-weight: 700; color: #0c3353; letter-spacing: -0.03em; padding-left: 10px;}
.mcnt2_new_i > .lbx > .gr_b ul > li:nth-child(odd) > span{background: #0c3353; color: #fff;}
.mcnt2_new_i > .lbx > .gr_b > a{position: relative; display: block; box-sizing: border-box;  background: #fff; width: 193px; height: 45px; font-size: 16px; line-height: 45px; font-weight: 500; color: #333; margin: 10px auto 0px; text-align: left; padding-left: 20px; transition:.3s;}
.mcnt2_new_i > .lbx > .gr_b > a:before,
.mcnt2_new_i > .lbx > .gr_b > a:after{position: absolute; content:''; width: 9px; height: 13px; background: url(../../images/main/mcnt2_1.png) center no-repeat; right: 14px; top: 50%; margin-top: -7px; transition:.3s;}
.mcnt2_new_i > .lbx > .gr_b > a:before{background: url(../../images/main/mcnt2_2.png) center no-repeat; }
.mcnt2_new_i > .lbx > .gr_b > a > span{display: inline-block; font-size: 14px; color: #1d9bea; margin-left: 9px; vertical-align: top; transition:.3s;}
.mcnt2_new_i > .lbx > .gr_b > a:hover {background: #0094dc; color: #fff;}
.mcnt2_new_i > .lbx > .gr_b > a:hover span{color: #fff;}
.mcnt2_new_i > .lbx > .gr_b > a:hover:after{opacity: 0;}

.mcnt2_new_i > .rbx .gr_b{padding-top: 15px;}
.mcnt2_new_i > .rbx .gr_b ul > li{/* background: url(../../images/main/bg_type_n1.png) center no-repeat;  */ background: #938879; background-size: cover;width: 117px; height: 67px; margin: 0 auto; border: 2px solid rgba(255,255,255,0); border-radius: 10px; transition:.3s; box-sizing: border-box; margin-bottom: 3px;}
.mcnt2_new_i > .rbx .gr_b ul > li:nth-child(2){background: #00af77;/* background: url(../../images/main/bg_type_n2.png) center no-repeat; */ background-size: cover;}
.mcnt2_new_i > .rbx .gr_b ul > li:nth-child(3){background: #0096c2;/* background: url(../../images/main/bg_type_n3.png) center no-repeat; */ background-size: cover;}
.mcnt2_new_i > .rbx .gr_b ul > li:hover{border: 2px solid #5c5448;}
.mcnt2_new_i > .rbx .gr_b ul > li:hover:last-child{border: 2px solid #00704d;}
.mcnt2_new_i > .rbx .gr_b ul > li figure{padding: 0px 0 0px;}
.mcnt2_new_i > .rbx .gr_b ul > li:last-child figure{padding-top: 1px; padding-bottom: 2px;}
.mcnt2_new_i > .rbx .gr_b ul > li figcaption{color: #fff; font-size: 13px; line-height: 1; font-weight: 500; margin-top: 2px;}
.mcnt2_new_i > .rbx .gr_b ul > li:first-child figure{padding-top: 8px;}
.mcnt2_new_i > .rbx .gr_b ul > li:nth-child(2) figure{padding-top: 5px;}
.mcnt2_new_i > .rbx .gr_b ul > li > a{height: 87px; box-sizing: border-box; padding-top: 2px;}

#sqBox {width: 100%;height: 45%;display: flex;justify-content: space-between;}
#exp {width:100%;background-color: #9AD6FF;height: 45%;text-align: center;display: flex;align-items: center;justify-content: center;}

/*1024px 전까지*/
@media all and (max-width: 1023px){
    /*메인이미지*/
    .main_forum2_wrap{width:100%;margin-top:125px;margin-bottom: 5%;}
    .main_forum2{width: 90%;height: 466px;margin: 5% 5%;background: #dbefa1;overflow: hidden;box-shadow: 3px 5px 10px rgb(0 0 0 / 20%);}
    .main_forum2>.img{display: block;position: relative;width: 95%;margin: 0 5%;top: 258px;left: 4%;}
    .main_forum2>.img>img{position: absolute;width: 100%;right: 0;}
    .main_forum_titile{font-size: 0.97em;line-height: 1.6em;font-weight: 400;color: #fff;}
    .forum_con { height:270px;}
    .forum_box {width:90%;height: 1020px;padding: 0 5% 0 5%;}
    .forum_box >ul >li {width: 100%;height:345px;float: left;}
    .forum_box >ul >li:nth-child(1) {margin-bottom: 5%;margin-left: 0; background: linear-gradient(100deg, #014594, #9AD6FF);}
    .forum_box >ul >li:nth-child(2) {/*margin-left: 2%;*/}
    .forum_box >ul >li:nth-child(3) {margin-bottom: 5%;margin-left: 0; background: linear-gradient(100deg, #014594, #9AD6FF);}
    .forum_con > ul > li > .fr_li_box > .fr_day{float: right;font-size: 0.7em;font-weight: 600; font-family: 'Noto Sans CJK Korean';width:20%;}
    .forum_box > ul>li > .forum_titile > li:nth-child(1) {position: relative;color: #373737;font-weight: 600;float: left;right: 0;line-height: 66px;width: 200px;font-size: 0.98em;margin-left: 5%;}
    .forum_box > ul>li > .forum_titile > li:nth-child(2) {position: relative;color: #373737;font-weight: 900;float: right;right: 0;line-height: 80px;width: 50px;}
    .forum_box > ul>li > .forum_titile > li:nth-child(3) {position: relative;color: #373737;font-weight: 600;float: left;right: 0;line-height: 66px;width: 200px;font-size: 0.98em;margin-left: 5%;}
    .forum_con > ul > li > .fr_li_box > .fr_con{position:relative;width: 100%;font-size:0.76em;line-height: 1.5;font-weight: 500;color:#000; font-family: 'Noto Sans CJK Korean';}
    .forum_con > ul > li > .fr_li_box > .fr_con > a{float: left; margin-right: 2px;font-weight: 500;color:#000;}
    .forum_con > ul > li > .fr_li_box > .fr_con > a:hover{color:#dbefa1; font-weight: 500;}
    .forum_con > ul > li > .fr_li_box > .fr_tit > a{width: 80%;font-size: 1.01em;font-weight: 700; font-family: 'Noto Sans CJK Korean';color:#000;}

    #sqBox {height:55%;}
    #exp {height:40%;}
}
/*1024px 크게*/
@media all and (min-width: 1024px){
    .main_forum2_wrap{width:100%;margin-top:125px;margin-bottom: 59px;}
    .main_forum2{max-width:1200px;height: 340px;background:#dbefa1;margin:0 auto;box-shadow: 3px 5px 10px rgb(0 0 0 / 20%);position: relative;overflow: hidden;}
    .main_forum_titile{font-size: 25px;line-height: 35px;font-weight: 400; color: #fff;}
    .main_forum2>.img>img{position: absolute;width: 500px;right: 0;}

    .forum_box {width:100%;}
    .forum_box >ul >li {width: 49%;height:516px;float: left;}
    .forum_box >ul >li:nth-child(1) {margin-left: 0; background: linear-gradient(100deg, #014594, #9AD6FF);}
    .forum_box >ul >li:nth-child(2) {margin-left: 2%;}
    .forum_box >ul >li:nth-child(3) {margin-left: 0; background: linear-gradient(100deg, #014594, #9AD6FF);}
    .forum_con > ul > li > .fr_li_box > .fr_day{float: right;font-size: 18px;font-weight: 600; font-family: 'Noto Sans CJK Korean';width:20%;}
    .forum_box > ul>li > .forum_titile > li:nth-child(1) {position: relative;color: #373737;font-weight: 600;float: left;right: 0;line-height: 66px;width: 200px;font-size: 1.5em;margin-left: 5%;}
    .forum_box > ul>li > .forum_titile > li:nth-child(3) {position: relative;color: #373737;font-weight: 600;float: left;right: 0;line-height: 66px;width: 200px;font-size: 1.5em;margin-left: 5%;}
    .forum_box > ul>li > .forum_titile > li:nth-child(2) {position: relative;color: #373737;font-weight: 900;float: right;right: 0;line-height: 80px;width: 50px;}

    .forum_con > ul > li > .fr_li_box > .fr_con{position:relative;width: 100%;font-size: 11px;line-height: 1.5;font-weight: 500;color:#000; font-family: 'Noto Sans CJK Korean';}
    .forum_con > ul > li > .fr_li_box > .fr_con > a{float: left; margin-right: 2px;font-weight: 500;color:#000;}
    .forum_con > ul > li > .fr_li_box > .fr_con > a:hover{color:#dbefa1; font-weight: 500;}

    .forum_con > ul > li > .fr_li_box > .fr_tit > a{width: 80%;font-size: 18px;font-weight: 700; font-family: 'Noto Sans CJK Korean';color:#000;}
}