@charset "utf-8";
/* CSS Document */
/* ------------------------------------------------------------
 * Name      :web_layout.css    
 * Desc      :page layout 
 * Created   :
 * Updated   :
 ------------------------------------------------------------ */
.inner {margin:0 auto;}
.main_wrap { background:#f1f7fc}

/* section */
.section {word-break:keep-all;  padding:60px 0px; box-sizing:border-box; font-size:16px; line-height:150%;}
#section1{padding:0px; position:relative;}
#section1 .inner {padding: 0px;}

/* visual */
.main_visual_new {word-break:keep-all}
.main_visual_new * {box-sizing:border-box;}
.main_visual_new .inner {max-width:100%}

.key_visual .slide {position:relative; vertical-align:top;}
.key_visual .slide > img {width:100%; height:450px; object-fit: cover;}
.key_visual .slide .info {width:100%; height:100%; max-width:1400px; position:absolute; left:50%; top:0px; transform:translateX(-50%); display:flex; flex-direction:column; justify-content:center; padding:10px 85px;}
.main_visual_new .key_visual {color:#fff;}
.main_visual_new .key_visual .txt_a {font-size:46px; line-height:1.3em; font-weight:600; letter-spacing:-1px;}
.main_visual_new .key_visual .txt_b {font-size:20px; line-height:1.4em; padding:2em 0px 1em 0px;}

.key_visual_wrap {position:relative}
.key_visual_wrap .visual_counter_wrap {width:120px; height:40px; background:rgba(0, 0, 0, 90%); border-radius:60px; position:absolute; right:10px; bottom:10px;}
.key_visual_wrap .visual_counter {justify-content:center;}
.key_visual_wrap .visual_counter .play > a:after {border-left-color:#fff}
.key_visual_wrap .visual_counter .stop > a:after {border-color:#fff}
.key_visual_wrap .visual_counter .v_bt > a {background:none; width:30px;}



.notice_board2 > li {border-bottom:1px solid #e5e5e5;}
.notice_board2 .box {padding:18px 0px;}
.notice_board2 .box > a {display:block; overflow:hidden; text-align:right; padding-left:110px; position:relative; min-height:63px;}
.notice_board2 .box > a .type {display:block; width:93px; height:61px; border:1px solid #00469f; font-size:16px; color:#00469f; font-weight:100; text-align:center; line-height:60px; position:absolute; left:0px; top:0px;}
.notice_board2 .box > a .txt_t {display:block; font-size:1.1em; color:#333; line-height:140%; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box; margin-bottom:10px; text-align:left;}
.notice_board2 .box > a .date {font-size:1em; color:#333333; line-height:140%; font-weight:100; padding-left:20px; background:url(../img/common/ico_time.png) no-repeat left 4px; line-height:20px; display:inline-block; vertical-align:top; float:left;}
.notice_board2 .box > a .team {font-size:1em; color:#333333; line-height:140%; font-weight:100; display:inline-block; vertical-align:top;}






.new_gallery .pic {display:block; position:relative; padding-bottom:calc(500 / 550* 100%);}
.new_gallery .pic img {position:absolute; left:0%; top:0%; width:100% !important; height:100% !important}
.new_gallery .overarea {position:absolute; left:0px; right:0px; bottom:0px; box-sizing:border-box; width:100%; padding:3.5%; padding-right:150px; color:#fff; z-index:2}
.new_gallery .overarea .txt_t {position:relative; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; color:#fff; font-size:20px; line-height:28px; max-height:56px; font-weight:300; }

.new_gallery .overarea:before {display:block; content:""; background:#000; opacity:0.6; width:100%; height:100%; position:absolute; left:0px; top:0px;}
.new_galleryW .bx-wrapper .bx-controls {text-align:right; position:absolute; right:15px; bottom:20px; z-index:99}
.new_galleryW .bx-wrapper .bx-pager, .new_galleryW .bx-wrapper .bx-controls-auto {position:relative; bottom:auto; width:auto !important; display:block; float:right; padding:0px;}
.new_galleryW .bx-wrapper .bx-pager.bx-default-pager a {background:#d0d0d0; width:15px; height:15px; margin:0 2px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;}
.new_galleryW .bx-wrapper .bx-pager.bx-default-pager a:hover,
.new_galleryW .bx-wrapper .bx-pager.bx-default-pager a.active {background:#ED6D00;}
.new_galleryW .bx-wrapper .bx-controls-auto .bx-start {width:16px; height:16px;	background:url(../img/common/controls4.png) -76px -8px no-repeat;}
.new_galleryW .bx-wrapper .bx-controls-auto .bx-stop {width:16px; height:16px; background:url(../img/common/controls4.png) -78px -39px no-repeat;}
.new_galleryW .bx-wrapper .bx-controls-auto .active {display:none;}




.main_report_wrap {display:flex;}
.main_report_wrap .box_wrap {border-radius:4px; overflow:hidden;}
.main_report_wrap .box_wrap:nth-child(1) {width:57.1%;}
.main_report_wrap .box_wrap:nth-child(2) {width:calc(42.9% - 22px); margin-left:22px;}
.main_report_wrap .box {background:#fff; padding:30px 70px; position:relative;}
.main_report_wrap .box.bg2 { background:url(../img/main/box_wrap_bg.jpg) no-repeat left top/cover}

.main_report_wrap .box_wrap > ul {display:flex; flex-wrap:wrap; margin:-9px;}
.main_report_wrap .box_wrap > ul > li {width:20%; box-sizing:border-box; padding:9px;}
.main_report_wrap .box_wrap .m_tit {padding-top:0px;}
.main_report_wrap .box_wrap .v_bt {position:absolute; top:50%; transform:translateY(-50%)}
.main_report_wrap .box_wrap .prev {left:15px;}
.main_report_wrap .box_wrap .next {right:15px;}


.main_report_wrap .in_box {border-radius:3px; box-shadow:0px 0px 10px rgba(0, 0, 0, 10%); border:1px solid #e6e6e6; background:#fff; overflow:hidden; position:relative;}
.main_report_wrap .in_box .txt_t {position:absolute; left:0px; top:0px; display:flex; min-width:7.5em; height:2.428em; justify-content:center; align-items:center; color:#fff; font-family:'GoyangDeogyang', sans-serif; background:#d82853; font-size:14px; line-height:1.3em; font-weight:300;}

.main_report_wrap .report_slide a {display:block; margin:8px;}
.main_report_wrap .report_slide .pic {display:block; position:relative; padding-bottom:calc(306 /207 * 100%);}
.main_report_wrap .report_slide .pic img {position:absolute; left:50%; top:50%; width:100%; height:100%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
/*

.main_report_wrap .report_slide:before {display:block; content:""; width:100%; height:40%;  background:linear-gradient(to top, rgba(0,0,0, 0.9), 60%, rgba(255,255,255, 0.1)); opacity:1; transition:all 0.2s 0s ease-in-out; position:absolute; left:0px; right:0px; bottom:0px; z-index:2}
.main_report_wrap .report_slide:after {display:block; content:""; width:100%; height:100%; background:#0b59a1; opacity:0; transition:all 0.2s 0s ease-in-out; position:absolute; left:0px; top:0px; right:0px; bottom:0px; z-index:3; box-sizing:border-box; border:1px solid #d9e6f2;}

.main_report_wrap .report_slide:hover:after {opacity:0.9;}
.main_report_wrap .report_slide:hover .overarea {top:50%; bottom:auto; transform:translateY(-50%); padding-bottom:30px; background-size:auto auto;}
.main_report_wrap .report_slide:hover .overarea .txt_s {display:-webkit-box; -webkit-line-clamp:3; height:auto; max-height:66px;}
*/
.main_report_wrap .bx-wrapper .bx-pager {bottom:-40px;}
.main_report_wrap .report_slide .overarea {}
.main_report_wrap .report_slide .overarea .txt_t {display:none; border-radius:6px; background:#ED6D00; font-size:14px; padding:2px 10px; margin-bottom:5px;}
.main_report_wrap .report_slide .overarea .txt_s {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:1.3em; height:2.6em; font-weight:400; padding-top:0.8em; color:#333; }
.main_report_wrap .bg2 .report_slide .overarea .txt_s {color:#000;}
.main_report_wrap .bg2 .in_box .txt_t {background:#1f2a65}
.main_report_wrap .bx-wrapper .bx-pager {position:relative; bottom:inherit}
.main_report_wrap .bx-wrapper .bx-pager.bx-default-pager a {background:#fff; margin:0px 2px}
.main_report_wrap .bx-wrapper .bx-pager.bx-default-pager a:hover, .main_report_wrap .bx-wrapper .bx-pager.bx-default-pager a.active {background:#ed6d00}

#section4 {padding:0px;}

.main_banner {display:flex; gap:8px;}
.main_banner > li > a {display:block; overflow:hidden; border-radius:10px; position:relative;}
.main_banner > li:last-child > a:after {display:block; content:""; width:16px; height:16px; position:absolute; right:20px; top:20px; background:url(../img/main/arrow.png) no-repeat center/cover}
.main_banner .txt {box-sizing:border-box;display:flex; justify-content:center; align-items:center; flex-direction:column; color:#fff;  font-family:'GoyangDeogyang', sans-serif; font-size:1.25em; line-height:1.4em; position:absolute; left:0px; top:0px; width:100%; height:100%; text-align:center; transition:all 0.2s 0s ease-in-out;  padding:5px;}
.main_banner .txt img { margin-bottom:0.5em; max-width:11vw;}
.main_banner > li > a:hover .txt {transform:translateY(-0.5em);}




.m_board_wrap {display:flex;}
.m_board_wrap .m_board_cell {width:50%;}
.m_board_wrap .m_board_cell:first-child {width:calc(50% - 40px); margin-right:40px;}
.m_board_wrap .m_board_cell .m_tit_wrap {background:#fff; border-radius:10px; padding:20px;}
.m_board_wrap .quick {display:flex; gap:20px;}
.m_board_wrap .quick > li {flex:1;}
.m_board_wrap .quick > li > a {display:flex; justify-content:center; align-items:center; flex-direction:column; color:#333; font-family:'GoyangDeogyang', sans-serif; height:146px; position:relative; border-radius:10px; background:#fff; box-shadow:0px 0px 10px rgba(0, 0, 0, 10%); padding:5px;}
.m_board_wrap .quick > li > a:after {display:block; content:""; width:20px; height:14px; border-top:3px solid #d82853; border-left:3px solid #d82853; border-radius:10px 0px 0px 0px; position:absolute; left:10px; top:10px;}
.m_board_wrap .quick > li > a:hover img {transform:translateY(-0.4em)}
.m_board_wrap .quick > li > a img { margin-bottom:0.5em; max-width:40%; transition:all 0.2s 0s ease-in-out;}



.m_board_wrap .tab {display:flex; width:100%; gap:22px;}
.m_board_wrap .tab > li:last-child {margin-left:auto;}
.m_board_wrap .tab > li {position:relative;}
.m_board_wrap .tab > li:not(:first-child):Before {display:block; content:""; width:1px; height:10px; background:#ccc; position:absolute; left:-11px; top:50%; transform:translateY(-50%);}
.m_board_wrap .tab > li:last-child:Before {display:none;}
.m_board_wrap .tab > li a {display:flex; height:2em; box-sizing:border-box; justify-content:center; align-items:center; color:#bebdbd; border-radius:6px; font-size:1.125em; line-height:1.4em; padding:0px 0.8em; padding-top:0.2em; font-family:'GoyangDeogyang', sans-serif; }
.m_board_wrap .tab > li.on a {color:#fff; background:#1f2a66; border-color:#1f2a66}
.m_board_wrap .tab > li a.plus {color:#000; font-family:'Noto Sans KR', sans-serif, dotum, gulim; font-size:0.95em; font-weight:600;}
.m_board_wrap .tab > li a.plus > span {margin-left:5px; display:flex; width:36px; height:36px; border:1px solid #ccc; justify-content:center; align-items:center; font-weight:700; font-size:1.4em; box-sizing:border-box}



.m_board .news_list > ul > li {border-bottom:1px solid #e6eaee; box-sizing:border-box;}
.m_board .news_list .box {display:flex; overflow:hidden; align-items:center; height:3.75em;}
.m_board .news_list .box .txt_a {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; color:#202122; font-size:1.05em; font-weight:700; line-height:1.4em; flex:1;}
.m_board .news_list .box .notice {display:flex; min-width:4em; border:1px solid #1f2a65; color:#1f2a65; margin-right:1em; border-radius:30px; background:#fff; font-size:14px; font-weight:700; align-items:center; justify-content:center; height:30px; box-sizing:border-box;}
.m_board .news_list ul li .date_new {min-width:6me; text-align:right; color:#666666; display:block; font-size:0.95em;}
.m_board .news_list ul li img {margin-left:5px; vertical-align:middle;}


.gallery_sns {}
.gallery_sns > ul {display:flex; gap:11px;}
.gallery_sns > ul > li {flex:1;}
.gallery_sns .frame {display:block;}
.gallery_sns .pic {display:block; position:relative; padding-bottom:calc(153 / 271 * 100%); overflow:hidden; border-radius:10px; }
.gallery_sns .pic img {max-width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%)}
.gallery_sns .frame .pic img {transition:all 0.2s 0s ease-in-out;}
.gallery_sns .frame:hover .pic img {transform: translate(-50%, -50%) scale(1.05); -webkit-transform: translate(-50%, -50%) scale(1.05)}



#section6 {padding:0px; background:url(../img/main/bg_section6.jpg) no-repeat center center/cover;}
#section6 .inner {display:flex; min-height:820px; flex-direction:column; justify-content:center; align-items:center; color:#fff;}
#section6 .m_tit {color:#fff; text-align:center ;font-size:2.875em; padding-bottom:2em}
#section6 .bt {text-align:center;}
#section6 .bt > a {display:inline-flex; height:3.3em; width:14em; color:#fff; border:1px solid #fff; border-radius:60px; justify-content:center; align-items:center;}




.s_ban_wrap {display:flex; margin-top:40px;}
.s_ban_wrap .visual_counter_wrap {min-width:90px; display:flex; align-items:center; flex-direction: column;}
.s_ban_wrap .visual_counter_wrap > h3 {margin-bottom:5px;}
.s_ban_wrap .visual_counter {min-width:88px;}

.s_ban_wrap .s_ban {width:calc(100% - 110px); margin:0px -10px; padding-left:20px;}
.s_ban_wrap .s_ban li .box {padding:0px 10px;}
.s_ban_wrap .s_ban li .box a {display:block; text-align:center;}
.s_ban_wrap .s_ban li .box .pic {box-sizing:border-box; display:flex; justify-content:center; align-items:center; height:70px;}
.s_ban_wrap .s_ban li .box a img {max-height:100%}
.s_ban_wrap .s_ban li .box .txt_t {display:none; padding-top:5px; text-align:center; font-weight:300; color:#000000; font-size:1em;}

.bt02_include {position:relative; padding-left:95px; box-sizing:border-box; margin:0 auto;}
.bt02_include .input {height:40px;}
.bt02_include .add_bt {position:absolute; left:0px; top:0px; width:95px;}
.bt02_include .add_bt > span{padding:0px 22px; height:40px; line-height:39px; background:#333; color:#fff; display:inline-block;}
.bt02_include select {width:100%; max-width:100%;}
.bt_include2 {padding-right:65px; margin:0 auto;}

/* 이메일주소 확인 */
.check_input{padding:0px 150px;}
.signup {padding:0px 100px 0px 0px; position:relative;}
.signup li { margin-bottom:10px;}
.signup li input {display:inline-block; width:100%; height:40px; padding:8px 10px; border:1px solid #cccccc; background-color:#f7f7f7; color:#565a5c; box-sizing:border-box; -moz-box-size:border-box; font-size:15px;}
.signup li label{width:90px; position:absolute; right:0px; top:0px; line-height:40px; height:40px; text-align:center; cursor:pointer; background-color:#666; color:#fff; box-sizing:border-box; -moz-box-size:border-box; font-size:15px;}

.emil_txt{font-size:18px; color:#1a5cb1; font-weight:bold;}
.banner_wrap {overflow:hidden; margin:-15px;}
.banner_wrap .main_banner {float:left; width:33.3333%; position:relative; box-sizing:border-box; padding:15px;}
.banner_wrap .main_banner div {box-sizing:border-box;}
.banner_wrap .main_banner div h3 {color:#333333; line-height:140%; font-weight:600; font-size:20px; padding-bottom:10px;}

.content_db {background:#f4f4f4; min-height:350px; box-sizing:border-box; position:relative; padding:25px 30px 10px 30px;}
.content_db > h3 {padding-bottom:15px !important;}
.content_db .bx-wrapper .bx-pager.bx-default-pager a:hover {opacity:1; background:#a8d049;}
.content_db .bx-wrapper .bx-pager.bx-default-pager a.active {opacity:1;  background:#a8d049;}
.content_db .bx-wrapper .bx-controls-auto {width:85px; position:absolute; left:auto; top:-55px; right:0; bottom:auto; display:inline-block; padding:17px 0px; line-height:16px;}
.content_db .bx-wrapper .bx-controls-auto .active {display:none;}
.content_db .v_bt {position:absolute; top:0%; z-index:99;}
.content_db .v_bt > a {display:block; color:#fff; line-height:14px; font-size:18px;}
.content_db .v_bt > a img {vertical-align:top; margin:2px;}
.content_db #proprev3 {right:0%; margin:26px 90px 0px 0px;}
.content_db #pronext3 {right:0%;margin:26px 30px 0px 0px;}

.db_slide .box {}
.db_slide .box > a {display:block; overflow:hidden; padding-left:140px; position:relative; min-height:125px;}
.db_slide .box > a .pic {display:block; width:125px; height:125px; border:1px solid #ccc; box-sizing:border-box; background:#fff; position:absolute; left:0px; top:0px;}
.db_slide .box > a .pic img {width:100% !important; height:100% !important;}
.db_slide .box > a .txt_t {display:block; font-size:1.1em; color:#333; line-height:140%; font-weight:300; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box; margin-bottom:10px; padding-top:10px;}
.db_slide .box > a .txt_s {display:block; font-size:1.1em; color:#666666; line-height:140%; font-weight:300; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box; margin-bottom:10px; padding-top:0px;}
.db_slide .box > a .team {display:block; font-size:1em; color:#666666; line-height:140%; font-weight:300;}


.main_board {border:1px solid #ccc; min-height:350px; box-sizing:border-box; position:relative; padding:25px 30px 10px 30px;}
.main_board > h3 {position:absolute; left:30px; top:25px;}
.main_board > #b_tab2 {left:140px;}
.main_board > h3 a {color:#999999;}
.main_board > h3 a.on {color:#333;}
.main_board .board_tab {padding-top:30px;}
.main_board .board_tab > ul > li {margin-top:20px;}
.main_board .board_tab > ul > li > a {display:block; font-weight:100; position:relative; padding-left:85px; min-height:70px; box-sizing:border-box; padding-top:10px;}
.main_board .board_tab > ul > li > a .date {width:70px; height:70px; box-sizing:border-box; border:1px solid #00997a; text-align:center; font-size:14px; font-weight:100%; line-height:140%; position:absolute; left:0px; top:0px; display:block; color:#00997a; padding-top:10px;}
.main_board .board_tab > ul > li > a .date > strong {display:block; font-size:1.7em; line-height:140%; font-weight:600;}
.main_board .board_tab > ul > li > a .txt {display:block; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; color:#333333; font-size:17px; line-height:26px; height:52px; font-weight:300;}
.main_board .board_tab .more {right:25px; top:25px;}
.main_board .board_tab .more a {width:24px; height:24px;}


#section5 {padding-top:0px;}





.ico_banner {overflow:hidden; padding-top:30px;}
.ico_banner > li {float:left; width:16.6666%; box-sizing:border-box; padding:3px;}
.ico_banner > li > a {display:block; color:#fff; font-size:1.1em; line-height:140%; font-weight:300;}
.ico_banner > li > a .ico {display:block; padding-bottom:5px;}







.more {position:absolute; right:0px; top:5px;}
.more a {display:block; font-size:16px; font-weight:300; color:#000; padding-right:30px; line-height:24px; background:url(../img/main/more.png) no-repeat 99% center;}

.m_tit_wrap {display:flex; justify-content:space-between; padding-bottom:1em; align-items:flex-end; flex-wrap:wrap}
.m_tit_wrap .m_tit {padding-bottom:0px;}
.mb_tit {text-align:center; font-size:26px; color:#000; padding:50px 0px 25px 0px; line-height:150%; position:relative; font-weight:700; border-bottom:1px solid #e5e5e5}
.mb_tit:after {display:block; content:""; width:64px; height:7px; position:absolute; left:50%; bottom:0px; margin-left:-32px; background:#313747}
.m_tit {padding:50px 0px 0.5em 0px; color:#000; font-size:1.875em; line-height:1.4em; font-weight:400;}
.m_tit_txt {margin:-0.5em 0px 30px 0px; color:#202122; font-size:1.125em; text-align:center; line-height:150%;}
.m_tit_s {color:#f2a72a; font-weight:500; line-height:140%;}



.line_tit {text-align:center; margin-top:40px; font-size:2em; color:#000; border-bottom:1px solid #e5e5e5; line-height:140%;}
.line_tit:after {display:block; content:""; width:64px; height:7px; margin:0 auto; margin-top:10px; background:#313747}


/* quick */
.down .quick_wrap {position:fixed; top:87px;}

.quick_wrap {position:absolute; width:89px; right:10px; top:190px; z-index:999}
.quick_wrap > ul > li {margin-bottom:2px; border:3px solid #fff; width:100%; box-sizing:border-box; display:table;}
.quick_wrap > ul > li > a {display:table-cell; width:100%; vertical-align:middle; position:relative; text-align:center; font-size:13px; line-height:140%; font-weight:100; background:#012b7d; color:#fff; height:120px;}
.quick_wrap > ul > li > a .ico {display:block;}
.quick_wrap > ul > li > a:before {display:block; content:""; width:18px; height:1px; background:#fff; position:absolute; left:-1px; top:6px; transform:rotate(40deg); -webkit-transform:rotate(40deg);}
.quick_wrap > ul > li > a:after {display:block; content:""; width:18px; height:1px; background:#fff; position:absolute; right:-1px; bottom:6px; transform:rotate(40deg); -webkit-transform:rotate(40deg);}

.quick_wrap .top {border:3px solid #fff;}
.quick_wrap .top a {display:block; position:relative; text-align:center; font-size:13px; line-height:140%; font-weight:100; background:url(../img/common/arrow3.gif) no-repeat center 10px #333333; color:#fff; padding:20px 0px 5px 0px;}




/* ------------------------------------------------------------
 * Name      :mobile_layout.css    
 * Desc      :page layout 
 * Created   :
 * Updated   :
 ------------------------------------------------------------ */



/* 980px 이상 */
@media screen and (min-width:980px) {
	
  
    
}
/* 1024 이상 */
@media screen and (min-width:1024px) {
    

}
/* 1300px 이상 */
@media screen and (min-width:1199px) {
	.m_gnb {display:none !important;}
     
}


/* 1375px  이하 */
@media screen and (max-width:1375px) {

    
}

/* 1220px 이하 */
@media screen and (max-width:1219px) {
	.inner {padding:0px 10px;}
	
	.key_visual .slide > img {height: 400px; object-fit:cover}

	.m_board_wrap {flex-wrap:wrap}
	.m_board_wrap .m_board_cell:first-child {margin:0px 0px 40px 0px;}
	.m_board_wrap .m_board_cell {width:100% !important}

    
}
/* 980px 이하 */
@media screen and (max-width:981px) {
	.main_report_wrap {flex-wrap: wrap}
	.main_report_wrap {flex-wrap: wrap}
	.main_report_wrap .box_wrap {width: 100% !important}
	.main_report_wrap .box_wrap:nth-child(2) {margin:50px 0px 0px 0px;}
	
	.main_banner {flex-wrap: wrap; gap:0px; margin: -4px;}
	.main_banner > li {width: 33.3333%; padding: 4px; box-sizing: border-box}
	.main_banner > li > a > img {width: 100%}
	
	.gallery_sns > ul {flex-wrap: wrap}
	.gallery_sns > ul > li {flex:30%}
	
	

	.main_report_wrap .box_wrap > ul > li {width:33.333%; padding:20px 10px;}
	.main_report_wrap .box_wrap > ul {margin:-20px -10px;}


	

}

/* 768 이하 */
@media screen and (max-width:767px) {
	.main_report_wrap .box {padding:3.9vw}
	.main_report_wrap .visual_counter {display:none;}
    
    .section {font-size:15px; padding:40px 0px;}
	
	.main_visual_new .key_visual .txt_a {font-size:calc(47 / 767 * 100vw)}
	


	
	.gallery_sns .frame {min-width:inherit}
    
}





/* 600 이하 */
@media screen and (max-width:599px) {
    

  
}



/* 480px 이하 */
@media screen and (max-width:479px) {
    .section {font-size:13px; padding:30px 0px;}
  
	
	.main_visual_new .key_visual .txt_b {font-size:13px}
	.m_tit {font-size:22px; padding:30px 0px 10px 0px;}
	.m_tit_txt {font-size:14px; margin-bottom:20px;}

	.key_visual .slide .info {padding:10px;}
	.key_visual .slide > img {height: 330px;}
	.main_visual_new .all_search > h3 {padding:0px 0px 10px 0px; font-size:18px;}
	.main_visual_new .all_search .tag {padding:10px 0px 0px 0px;}
	.main_visual_new .all_search .area .input {height:60px;}
	.main_visual_new .all_search .area .btn {width:60px; height:60px; background-size:24px auto}
   
	.main_report_wrap {padding-top:0px;}
	.main_report_wrap .in_box .txt_t {font-size:12px;}
	
	.main_report_wrap .box_wrap > ul {margin:-10px -5px;}
	.main_report_wrap .box_wrap > ul > li {width:50%; padding:10px 5px;}
	.main_report_wrap .report_slide .overarea .txt_s {font-size:1em}
	.main_report_wrap .in_box {padding:7px;}
	
	.m_board_wrap .m_board_cell .m_tit_wrap {padding:10px;}
	.m_board_wrap .tab > li a {width:100%; padding:0px 10px;}
	.m_board .news_list .box .notice {min-width: 3.5em; font-size: 12px; height: 26px;}

	.m_board_wrap .quick {gap:10px; flex-wrap:wrap}
	.m_board_wrap .quick > li {flex:40%;}

	.main_banner .txt {font-size:3.2vw}
	/**.gallery_sns > ul > li:nth-child(2) {display:none;}*/
	.gallery_sns > ul > li {flex: 45%;}
	
	.s_ban_wrap {flex-wrap:wrap;}
	.s_ban_wrap .s_ban {width:100%}
	.s_ban_wrap .visual_counter_wrap {width:100%; justify-content: center; font-size:20px; line-height:1.5em;}
	
	.s_ban_wrap {padding:0px;}

	.s_ban_wrap .visual_counter {display:none;}
	.s_ban_wrap .s_ban li .box {padding:0px 5px;}
	.s_ban_wrap .s_ban li .box .pic {height:50px;}

	.m_board_wrap .tab > li:last-child {display:none}
}





/* 320px 이하 */
@media screen and (max-width:320px) {
    .main_company h3 {font-size:24px; }


}