.sub_only { display: none; }

.cursor { position: absolute; }

.flex_box { display: flex; flex-wrap: wrap; justify-content: space-between; }
.flex_box > .half { width: 48.4375%; }

.plus_btn { display: block; width: 1.5rem; height: 1.5rem; position: relative; background : url("/images/home/kor/user/plus_bt.png") no-repeat 50% 50%;}
/* .plus_btn::before { content: ""; position: absolute; top: 0; left: 50%; width: 2px; height: 100%; transform: translateX(-50%); background: #222; }
.plus_btn::after { content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 2px; transform: translateY(-50%); background: #222; } */
.plus_btn:hover {animation: rotate_btn .8s linear infinite; transform-origin: 50% 50%;}
@keyframes rotate_btn{
	100% {
    	transform: rotate(360deg);
    }
}


.m_sec_tit { font-size: 2.8125rem; line-height: 1;}
.title_wrap {line-height:1; padding-bottom: 1.25rem;}

.img_box { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;}
.img_box > img { width: 100%; height: 100%; object-fit: cover; border-radius : 10px;}



/*main*/
main {position:relative;z-index:1;}

/*main_header*/
/*.main #header {background: transparent;}*/
/* .main #header .inner h1 a.logo { filter: brightness(0) invert(1);}
.main #header .a_list .inp-bx { background: #ffffff4d;}
.main #header .a_list .inp-bx .sch { filter: brightness(0) invert(1);} 
.main #header .lang { background: #ffffff4d; color: #fff;}
.main #header .bt-mn { filter: brightness(0) invert(1);}*/

.main #header .header-top { background: transparent; border-bottom: 1px #fff6 solid;}
/* 
.main #gnb > li > a {color: #fff;} */



/*main_con*/
.main_section { position:relative; height: 100vh; min-height: 800px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
.main_section.fp-auto-height { height: auto; min-height: 0; }
.main_section.fp-auto-height > .fp-tableCell { min-height: 0; }
.main_section .inner { max-width: 1400px; width: 100%; height: fit-content; margin: 0 auto; position: relative; padding: 6.875rem 0; }

.main_section .inner .top { margin: 3.125rem 0 2.5rem; }
.main_section .top .btn_style1 span{position: relative;}
.main_section .top .btn_style1 span:after{ content: ""; width: 12px; height: 12px; position: absolute; right: 2px; transform: rotate(45deg);
 border: 2px #fff solid; border-bottom:0; border-left:0;}

.main_section.m_sec1 {height : 90vh;}
.m_sec1 .wrap { width: 100%; height: 100%; overflow: hidden;}
/* .m_sec1 .wrap div { height: 100%;} */


.main_section.m_sec1 .inner { width: 100%; padding-top: calc(7.5rem + 6vh); overflow: hidden; }

.m_sec1 .wrap > .img_box { position: absolute; top: 0; width: 100%; height: 100%; z-index: -1;}
.m_sec1 .wrap > .img_box:after {content: ''; display: block;  width: 32rem; height: 18.75rem; background: url(/images/home/kor/user/logo_ico.png); opacity: 1; position: absolute; bottom: 0;    background-size: cover; }

.m_sec1 .half {position: relative;}
.m_sec1 .right.half {display : flex; flex-direction : column-reverse;}
.main-visual {overflow : hidden; position : unset !important;}
.main-visual .item_box{display:flex; justify-content: space-between; opacity: 0 !important; transition: all 0.2s ease-in-out;z-index: -99; /* align-items: flex-end; */ flex: 0 0 100%; width: 100% !important;}
.main-visual .item_box.swiper-slide-duplicate-active,
.main-visual .item_box.swiper-slide-active{ opacity: 1 !important; z-index: 1;}
.main-visual .swiper-wrapper  {align-items : stretch;width : 100%;}
.main-visual .item_box > .txt_box {/*  width: calc(100% - 9.375rem - 28.125rem); */ width: calc(100% - 12.5rem - 3.75rem); color: #000000; position : relative; }
/* .main-visual .item_box > .txt_box .tag { color: #0071bc; background: #cce2f4; width: fit-content; padding: 0 .625rem; font-size: .875em; }
.main-visual .item_box > .txt_box .tag.tag02 {background: rgba(0, 175, 188, 0.1) !important; color: #00AFBC !important;}
.main-visual .item_box > .txt_box .tag.tag03 {background: rgba(85, 79, 178, 0.1) !important; color: #554FB2 !important;}
.main-visual .item_box > .txt_box .tag.tag04 {background: rgba(98, 163, 98, 0.1) !important; color: #62A362 !important;} */

/* 웹접근성 태그 */
.main-visual .item_box > .txt_box .tag { color: #fff; background: #0071bc; width: fit-content; padding: 0 .625rem; font-size: .875em; }
.main-visual .item_box > .txt_box .tag.tag02 {background: #00AFBC !important;}
.main-visual .item_box > .txt_box .tag.tag03 {background: #554FB2 !important;}
.main-visual .item_box > .txt_box .tag.tag04 {background: #62A362 !important;}
/* 웹접근성 태그-end */

.main-visual .item_box > .txt_box .title{/* font-size:2.375rem; */ font-size : 1.75rem; margin-top: 1rem;}
.main-visual .item_box > .txt_box .info{/*  font-size: 1.0625rem; */ font-size : 0.9375em;  color: #666666; font-weight: 300; }
.main-visual .item_box > .txt_box .btn_wrap {position: absolute; bottom: 3.5rem; width: 100%; gap: 0.5rem; padding : 0.25rem;} 
.main-visual .item_box > .txt_box .more_view,
.main-visual .item_box > .txt_box .press_view{ display: block; /* width: fit-content;  */ width: calc(34% - 0.3125rem); color: #0071bc; border: 1px #0071bc solid; border-radius: 5rem; padding: 0 1.25rem; position: relative; height: 2.375rem; line-height: 2.37rem; font-size: 0.9375rem; outline-offset : 0.15rem;}
.main-visual .item_box > .txt_box .more_view:after,
.main-visual .item_box > .txt_box .press_view:after{ content: ''; display: block; width:  .625em; height:  .625em; border-top: 2px #0071bc solid; border-right: 2px #0071bc solid; transform: rotate(45deg); position: absolute; top: calc(50% - 4px); right: 1.25rem; transition: all 0.2s ease-in-out;}
.main-visual .item_box > .txt_box .more_view:hover,
.main-visual .item_box:nth-child(2) > .txt_box a:hover,
.main-visual .item_box:nth-child(3) > .txt_box a:hover,
.main-visual .item_box:nth-child(4) > .txt_box a:hover{background:#0071bc; color:#fff; font-weight:500;}
.main-visual .item_box > .txt_box a:hover::after { border-top: 2px #fff solid; border-right: 2px #fff solid;}
.main-visual .item_box > .img_box {width: 13.75rem; height: 18.75rem; border-radius: 0;  overflow: hidden; margin-top: 50px;}
.main-visual .item_box > .img_box img {width: 100%; height: 100%; object-fit: cover;}
/* .main-visual .item_box > .img_box{width:28.125rem; height:28.125rem; border-radius:.625rem;} */
/* .main-visual .item_box > .img_box img { width: 100%; height: 100%; object-fit: cover; } */

.main-visual .cort-bx{ position: absolute; z-index: 3; left:2.5rem; bottom: 6.5rem; max-width: 1300px;}
.main-visual .cort-bx .pag{ display: inline-block;text-align:left; font-family: 'Pretendard';}
.main-visual .cort-bx .pag > span{font-size:1rem;color:#666; }
.main-visual .cort-bx .pag > span:first-child{color:#0071bc;}
.main-visual .cort-bx .pag > span + span{/* margin-left:330px; */ margin-left : 1.875rem;}

/* progress-bar css */
/* .main-visual .swiper-progress-bar {width: 100%;display: block;z-index: 1;height: 2px;}
.main-visual .swiper-progress-bar .slide_progress-bar {position: absolute;height: 3px;background: rgba(0, 0, 0, 0.2);width: 18.75rem; clear: both; opacity: 0; top: 12px; left: 34px; right: 0;border-radius:1.7px;}
.main-visual .swiper-progress-bar .slide_progress-bar:after {position: absolute;top: 0;left: 0;background: #0071bc;height: 100%; width: 0; content: "";transition: 0.1s width linear;border-radius:1.7px;}
.main-visual .swiper-progress-bar.active .slide_progress-bar {opacity: 1;}
.main-visual .swiper-progress-bar.animate .slide_progress-bar:after {transition: width linear;transition-delay: unset; width: 100%; transition-duration: 7s;} */

/* .main-visual .prev,
.main-visual .next{position: absolute; top: calc(50% - 5px); right: -1.875rem; width: .625rem; height: .62rem; border-top: 2px #666 solid; border-right: 2px #666 solid; display: block; z-index: 3; transform: rotate(45deg);} */

/* .main-visual .prev,
.main-visual .next {right: -1.875rem; width: 1.25rem; height: 1.25rem; position: absolute; top: calc(50% - 10px); display: block; z-index: 3; background: url('/images/home/kor/user/sec_2_arrow_next.png') no-repeat; background-size: contain; filter: opacity(0.5);}
.main-visual .prev{right:auto; left:-1.875rem; transform: rotate(180deg);} */

/* 페이지네이션 css   */
.main-visual  .cort-bx .pag > span + span:after { content: ''; display: block; width: 2px; height: .875em; background: #999; transform: rotate(20deg); position: absolute; top: calc((100% - .875rem) / 2); right: 1.875rem; }
.main-visual  .prev,
.main-visual  .next{position: absolute; top: calc(50% - 5px); right: -1.875rem; width: .625rem; height: .62rem; border-top: 2px #666 solid; border-right: 2px #666 solid; display: block; z-index: 3; transform: rotate(45deg);}
.main-visual  .prev{right:auto; left:-1.875rem; transform: rotate(225deg);}
.main-visual .cort-bx .auto-start,
.main-visual .cort-bx .auto-stop{ width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; display: none; width: 14px; height: 14px; filter: brightness(0.5); object-fit: cover;     background-size: contain; z-index: 100;}
.main-visual .cort-bx .btn-wrapper .auto-start { background-image: url(/images/home/kor/user/ic_play.png); }
.main-visual .cort-bx .btn-wrapper .auto-stop { background-image: url(/images/home/kor/user/ic_stop.png); }
.main-visual .cort-bx .btn-wrapper .auto-start.on,
.main-visual .cort-bx .btn-wrapper .auto-stop.on { display:block; position: absolute; top: 0.35rem; right: -4rem;}




/* m_sec1 right */
/* .m_sec1 .right .category { gap: 0.5rem;}
.m_sec1 .right .category li {background : #f5f5f5; border-radius: 50px;}
.m_sec1 .right .category li span {display: flex; align-items: center; justify-content: center; font-size:1rem; color: #666; font-weight:500; width: auto; padding: 0 1.25rem; height: 2.5rem;}
.m_sec1 .right .category li.active {border:1px #0071bc solid; background: #fff;}
.m_sec1 .right .category li:hover span,
.m_sec1 .right .category li.active span { color: #0071bc; } */

/* m_sec1 right수정 탭 디자인 */
.m_sec1 .right .category { gap: 0.5rem;}
.m_sec1 .right .category li {position : relative;}
.m_sec1 .right .category li > a{ display: flex; align-items: center; justify-content: center; font-size: 1rem; color: #666; font-weight: 400; width: auto;  padding: 0 0.75rem; height: 2.5rem;}
/* .m_sec1 .right .category li span {display: flex; align-items: center; justify-content: center; font-size:1rem; color: #666; font-weight:400; width: auto; padding: 0 0.75rem; height: 2.5rem;} */
.m_sec1 .right .category li.active {}
/* .m_sec1 .right .category li:hover span,
.m_sec1 .right .category li.active span { color: #0071bc; font-weight:500; } */
.m_sec1 .right .category li:hover > a,
.m_sec1 .right .category li.active > a { color: #0071bc; font-weight:500; }
.m_sec1 .right .category li.active:before {display: inline-block; content: ''; background: #0071bc; width: 5px; height: 5px; border-radius: 4px; position: absolute; top: 0; left: 45%;}



.report { overflow: hidden; height : 100%; /* display : none; */ }
.m_sec1 .right .m_tab_box_wrap {width: 100%;}
.m_sec1 .right .m_tab_box_wrap > .tab {  position: absolute; top: 0;left: 0; opacity: 0;  visibility: hidden;  height: 0;  overflow: hidden;  transition: opacity 0.3s; width: 100%;}
.m_sec1 .right .m_tab_box_wrap > .tab.active { position: relative;  opacity: 1;  visibility: visible;  height: auto;  overflow: hidden;}
.m_sec1 .right .m_tab_box_wrap > .tab > ul {display : flex; width: 100%;}
.m_sec1 .right .m_tab_box_wrap > .cort-bx {display : none;}
.m_sec1 .right .m_tab_box_wrap > .tab.active + .cort-bx {display : block;}
/* .m_sec1 .right .m_tab_box_wrap > .tab .swiper-wrapper {overflow : hidden;} */
.report .item_box { position: relative; flex-direction: row; padding : 10px; justify-content: space-around;}
.report .item_box > a { display: block; width: 100%; height: 100%; position: absolute;}
.report .item_box:hover > a { border-radius: 0 0 100px 0; }
.report .item_box .tag { display: flex; align-items: center; gap: 0.625rem; /* margin-top: 1.25rem; */ color:#4a4a4a;}
.report .item_box .tag .cate { background: #e5f7f8; color: #00b0bd; padding: 0.25rem 0.625rem; border-radius: 5px; }
.report .item_box .txt_box b {font-weight: 450;}


.report .item_box .txt_gray{color:#999;}
.report .item_box .flex_box a {width:calc(34% - 0.3125rem);}

.report .item_box .img_box { width: 13.75rem; height: 18.75rem; border-radius: 0; /* overflow: hidden;  */box-shadow: none; margin-top : 40px;}
.report .item_box .img_box > a {display: inline-block; width: 100%; height: 100%; position: relative;}
.report .item_box .img_box > a:focus-visible {outline: 2px dashed #000;  outline-offset: 4px;}
.report .item_box .img_box img { display: block;  pointer-events: none; width: 100%; height: 100%; object-fit: cover; border-radius: 0.5rem;}
.report .item_box .txt_box{ position: relative;  width : calc(100% - 12.5rem - 3.75rem);}
/* .report .item_box .txt_box .tag {color: #0071bc;  background: #cce2f4; width: fit-content; padding: 0 .625rem; font-size: .875em; }
.report .item_box .txt_box .tag.tag02 {background: rgba(0, 175, 188, 0.2) !important; color: #00AFBC !important;}
.report .item_box .txt_box .tag.tag03 {background: rgba(85, 79, 178, 0.2) !important; color: #554FB2 !important;}
.report .item_box .txt_box .tag.tag04 {background: rgba(98, 163, 98, 0.2) !important; color: #62A362 !important;} */

/* 웹접근성 태그 */
.report .item_box .txt_box .tag { color: #fff; background: #0071bc; width: fit-content; padding: 0 .625rem; font-size: .875em; }
.report .item_box .txt_box .tag.tag02 {background: #bc5266 !important; }
.report .item_box .txt_box .tag.tag03 {background: #554FB2 !important;}
.report .item_box .txt_box .tag.tag04 {background: #428342 !important;}
.report .item_box a:focus .title {outline: 2px dashed #000;}
/* 웹접근성 태그-end */

.report .item_box .title { margin-top: 1rem; height: 5.25rem;}
.report .item_box .txt_box .sub-title { font-size: 0.9375em; font-weight: 300; height: 2.8125rem; color : #747474;}
.report .item_box .txt_box .btn_box{/* position:absolute;bottom: 0;  */width: 100%; gap: 0.5rem;}
.report .item_box .txt_box .btn_box a{height:2rem;}
.report .item_box .txt_box .btn_wrap {position : absolute; bottom: 0; width: 100%; gap: 0.5rem;}

/* .m_sec1 .right .item_box > .txt_box .btn_wrap {position: absolute; bottom: 7rem;} */
.m_sec1 .right .item_box > .txt_box .more_view,
.m_sec1 .right .item_box > .txt_box .press_view{display: block; /* width: fit-content; */ width: calc(34% - 0.3125rem);  color: #0071bc; border: 1px #0071bc solid;  border-radius: 5rem;   padding: 0 1.25rem; position: relative;    height: 2.375rem; line-height: 2.375rem; font-size: 0.9375rem;}
.m_sec1 .right .item_box > .txt_box .more_view:after,
.m_sec1 .right .item_box > .txt_box .press_view:after{ content: ''; display: block; width:  .625em; height:  .625em; border-top: 2px #0071bc solid; border-right: 2px #0071bc solid; transform: rotate(45deg); position: absolute; top: calc(50% - 4px); right: 1.25rem; transition: all 0.2s ease-in-out;}
.m_sec1 .right .item_box > .txt_box .more_view:hover,
.m_sec1 .right .item_box > .txt_box .press_view:hover{background:#0071bc; color:#fff; font-weight:500;}
.m_sec1 .right .item_box > .txt_box .more_view:hover::after,
.m_sec1 .right .item_box > .txt_box .press_view:hover::after{ border-top: 2px #fff solid; border-right: 2px #fff solid;}

/* .m_sec1 .right .slide_ctrl button { position: relative;top: 95%; bottom: 2%; transform: translateY(0); width: 1.25rem; height: 1.25rem; z-index : 10;}
.m_sec1 .right .slide_ctrl button > img {filter : opacity(0.5);}
.m_sec1 .right .slide_ctrl .prev { right: 4%;}
.m_sec1 .right .slide_ctrl .next { right: 0; }
.m_sec1 .right .ctrl_wrap {display : flex; justify-content: space-between; align-items : center;}
.slide_ctrl {display: flex; align-items: center;}
.m_sec1 .right .slide_ctrl  .scrollbar {display : none;}
.m_sec1 .right .slide_ctrl .prev,
.m_sec1 .right .slide_ctrl .next{position: relative;top: calc(50% - 5px); top: 12px; right: 0.5rem; width: .625rem; height: .62rem; border-top: 2px #666 solid; border-right: 2px #666 solid; display: block; z-index: 3; transform: rotate(45deg);}
.m_sec1 .right .slide_ctrl .prev{right:auto;left: 0; left: -1.875rem;  transform: rotate(225deg);}
.m_sec1 .right .slide_ctrl .prev > img,
.m_sec1 .right .slide_ctrl .next > img{display : none;} */

.m_sec1 .right .cort-bx{ position: absolute; z-index: 3; right:4rem; bottom: 0.5rem; max-width: 1300px;}
.m_sec1 .right .cort-bx .pag{ display: inline-block;text-align:left; font-family: 'Pretendard';}
.m_sec1 .right .cort-bx .pag > span{font-size:1rem;color:#666; }
.m_sec1 .right .cort-bx .pag > span:first-child{color:#0071bc; margin-right: 0.45rem;}
.m_sec1 .right .cort-bx .pag > span + span{/* margin-left:330px;   */   margin-left: 0.45rem;}
/* .m_sec1 .right  .cort-bx .pag > span + span:after { content: ''; display: block; width: 2px; height: .875em; background: #999; transform: rotate(10deg); position: absolute; top: calc((100% - .875rem) / 2); right: 1.875rem; } */
.m_sec1 .right  .prev,
.m_sec1 .right  .next{position: absolute; top: calc(50% - 5px); right: -1.875rem; width: .625rem; height: .62rem; border-top: 2px #666 solid; border-right: 2px #666 solid; display: block; z-index: 3; transform: rotate(45deg);}
.m_sec1 .right  .prev{right:auto; left:-1.875rem; transform: rotate(225deg);}
.m_sec1 .m_tab_box_wrap .cort-bx .btn-wrapper .auto-start,
.m_sec1 .m_tab_box_wrap .cort-bx .btn-wrapper .auto-stop {position : absolute; top: 25%; right: -3.5rem; display : none;  background-position: center; background-repeat: no-repeat; display: none; width: 14px; height: 14px; filter: brightness(0.5); background-size: contain;}
.m_sec1 .m_tab_box_wrap .cort-bx .btn-wrapper .auto-start { background-image: url(/images/home/kor/user/ic_play.png); }
.m_sec1 .m_tab_box_wrap .cort-bx .btn-wrapper .auto-stop { background-image: url(/images/home/kor/user/ic_stop.png); }
.m_sec1 .m_tab_box_wrap .cort-bx .btn-wrapper .auto-start.on,
.m_sec1 .m_tab_box_wrap .cort-bx .btn-wrapper .auto-stop.on {display:block;}


/* m_sec1 통합검색 */
.m_sec1 .search, .m_sec1 .inp-bx{gap:.625rem;}
.m_sec1 .search p{margin-right:2.5rem;}
.m_sec1 .search select{width:8.125rem; height:2.5rem; border:none; border-radius:5px;}
.m_sec1 .search input[type=text]{width:31.25rem; height:2.5rem; border:none; border-radius:5px;}
.m_sec1 .search input[type=text]::placeholder {font-size: 1rem; color : #666666;}
.m_sec1 .search .sch{position:relative; display:block; width:2.5rem; height:2.5rem; background: #0071bc; text-indent: -9999px; border-radius:5px;}
.m_sec1 .search .sch:after { content: ''; display: block; width: 2.5em; height: 2.5em; background: url(/images/home/kor/user/header_ic_search.png) 50% 50% no-repeat; position: absolute; top: 0; filter: brightness(0) invert(1); background-size: 60%; top: 10%; left: 10%;}



/* 
.m_sec2 .category { gap: 0.5rem;}
.m_sec2 .category li {background : #f5f5f5; border-radius: 50px;}
.m_sec2 .category li span {display: flex; align-items: center; justify-content: center; font-size:1.125rem; color: #666; font-weight:450; width: auto; padding: 0 1.25rem; height: 2.5rem;}
.m_sec2 .category li.active {border:1px #0071bc solid; background: #fff;}
.m_sec2 .category li:hover span,
.m_sec2 .category li.active span { color: #0071bc; } */

/* .m_sec2 .slide_ctrl button { position: absolute; top: 65%; transform: translateY(0); width: 1.8rem; height: 1.8rem; }
.m_sec2 .slide_ctrl button::after { content:""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-top: 2px solid #000; border-left: 2px solid #000; transform: rotate(-45deg); }
.m_sec2 .slide_ctrl .prev { left: -3.125rem; }
.m_sec2 .slide_ctrl .next { left: auto; right: -3.125rem; }
.m_sec2 .slide_ctrl { height: 5rem; }
.m_sec2 .slide_ctrl .scrollbar { background-color: #e5e5e5; }
.m_sec2 .slide_ctrl .scrollbar .swiper-scrollbar-drag { background-color: #000; } */


/* m_sec2-1 box_slide */
.main_section.m_sec2-1 {height: 100%; min-height: auto;}
.main_section.m_sec2-1 .inner {padding : 2.25rem 0 0 0; /* overflow : hidden; */}
.main_section.m_sec2-1 .inner .box_slide { overflow : hidden; /* width: 100%; overflow: hidden; margin : 0 auto; */}
.m_sec2-1 .box > a {display: flex; width: 100%; height: 100%; padding: 1.25rem; outline-offset: -2px; background-color: #ffffff; border: 1px solid #EDEDED; border-radius: 0.625rem; justify-content: space-between; align-items: center;}
.m_sec2-1 .box > a > i {width : 2.4rem; height: 2.4rem; display : block;}
.m_sec2-1 .box > a:hover {background: #E3EEF5; border-color: #E3EEF5;}

.m_sec2-1 .cort-bx .prev,
.m_sec2-1 .cort-bx .next{position: absolute; top: calc(65% - 5px); right: -1.875rem; width: .625rem; height: .62rem; border-top: 2px #666 solid; border-right: 2px #666 solid; display: block; z-index: 3; transform: rotate(45deg);}
.m_sec2-1 .cort-bx  .prev{right:auto; left:-1.875rem; transform: rotate(225deg);}
.m_sec2-1 .cort-bx .btn-wrapper .auto-start,
.m_sec2-1 .cort-bx .btn-wrapper .auto-stop {position : absolute; top: calc(63% - 5px); right: -3.5rem; display : none;  background-position: center; background-repeat: no-repeat; display: none; width: 14px; height: 14px; filter: brightness(0.5); background-size: contain;}
.m_sec2-1 .cort-bx .btn-wrapper .auto-start { background-image: url(/images/home/kor/user/ic_play.png); }
.m_sec2-1 .cort-bx .btn-wrapper .auto-stop { background-image: url(/images/home/kor/user/ic_stop.png); }
.m_sec2-1 .cort-bx .btn-wrapper .auto-start.on,
.m_sec2-1 .cort-bx .btn-wrapper .auto-stop.on {display:block;}


/* m_sec3 */
.m_sec3 .btm { height: 100%; flex-direction: row;}

.m_sec3 .flex_box > .half{ position: relative; width:calc(50% - 2.5rem); gap: 1rem; display: flex; flex-direction: column;}
.m_sec3 .flex_box > .half.right {gap : 1.25rem;}
.m_sec3 .flex_box > .half.left > div:first-child{margin-top:0; padding : 0;}
.m_sec3 .right .press .m_sec3_slide li {padding : 0;}
.m_sec3 .left { height: 100%; display: flex; flex-direction: column; justify-content: space-between; /* margin-top : 2.875rem; */}

.m_sec3 .newsletter ul { height: calc(100% - 3.375rem); }
.m_sec3 .newsletter ul li { position: relative; width: calc(50% - 0.625rem); padding: 0.9375rem; height: 100%; min-height: 11rem; display: flex; gap: 1.875rem; background: #fff; border: 1px solid #ddd; z-index: 1; }
.m_sec3 .newsletter ul li::after { content: ""; width: 4.6875rem; height: 100%; position: absolute; left: 0; top: 0; background: #000; z-index: 1; }
.m_sec3 .newsletter ul li > div { z-index: 2; }
.m_sec3 .newsletter ul li .img_box { width: 7.5rem; height: 10.625rem; border: 1px solid #ddd; }
.m_sec3 .newsletter ul li .info { line-height: 1.3; position: relative; display: flex; gap: 0.9375rem; flex-direction: column; justify-content: flex-end; }
.m_sec3 .newsletter ul li .info a { width: 100px; font-size: 0.875rem; margin-top: 0.9375rem;}

/* m_sec3 공지사항 */
.m_sec3 .right .title_wrap {gap : 1rem; padding-bottom: 1rem;}
.m_sec3 .left .notice_kind li a.on {background : #fff;}
.m_sec3 .notice_list { border-top: 2px #000 solid; position : relative;}
.m_sec3 .notice_list .flex_box { flex-wrap: nowrap; gap: 1.875rem; padding: 2.345rem 0; border-bottom: 1px #bfc3c9 solid; line-height: 1;}
.m_sec3 .notice_list .flex_box .date {font-family:'Pretendard'; text-align: center; }
/* .m_sec4 .notice_list .flex_box .date b {font-size: 1.825rem;} */
/* .m_sec3 .notice_list .flex_box .date span {display: none;} */
.m_sec3 .notice_list .flex_box .info{width:calc(100% - 6.875rem); }
.m_sec3 .notice_list .flex_box.first {flex-wrap: wrap; width: 100%; } 
.m_sec3 .notice_list .flex_box.first .info {width: 100%;}
.m_sec3 .notice_list .flex_box.first .info > p {line-height: 1.4; min-height: 3.9375rem; color : #747474;}

.m_sec3 .notice_list .plus_btn {position: absolute; top: -3rem; right: 0;}
.m_sec3 .notice_list .flex_box .date {font-size: 0.9375rem; text-align: right; color: #747474;}


/* m_sec3 기관동정 및 언론보도 */
.m_sec3 .press { height: 50%; margin-top: 3.125rem; }
.m_sec3 .press:first-child {margin-top : 0 !important; position: relative;}
/* .m_sec3 .press ul { height: calc(100% - 3.375rem); border-top: 2px solid #000; } */
.m_sec3 .press ul li:first-child {border-top: 1px solid #ddd;}
.m_sec3 .press ul li { padding: 1.25rem 0; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #ddd; }
.m_sec3 .press ul li .state span { width: 3.6rem; height: 1.7rem; border-radius: 5px; font-size: .875rem; }
.m_sec3 .press ul li .state span.newspaper {background: rgba(0, 175, 188, 0.12); color: #00AFBC;}

/* 웹접근성 색상 */
.m_sec3 .press ul li .state span.newspaper {background: #cceff2; color: #3e6e71; font-weight: 500;}
/* 웹접근성 색상_end */

.m_sec3 .press ul li .state span.internet {background: #00b0bd; color: #ffffff;}
.m_sec3 .press ul li .state span.broadcasting{background: #fff;border: 1px solid #373282;color: #373282;}
.m_sec3 .press ul li .state span.newsletter{background: #f1f1f1; color: #666; font-weight: 500;}
.m_sec3 .press ul li .title { width: calc(100% - 10rem); line-height: 1.5; font-size: 1.125rem; }
.m_sec3 .press ul li .title > a {outline-offset : -1px; width: 100%; display: block;}
.m_sec3 .press ul li .title > a:focus {outline: 1px dashed #000; }
.m_sec3 .press ul li .date { font-size: 0.9375rem; text-align: right; color: #747474; }
.m_sec3 .press ul li .img_preview { display: none; pointer-events: none; max-width: 8.75rem; transform: translateX(-100%); z-index: 99; }
.m_sec3 .press ul li .img_preview.on { display: block; }
.m_sec3 .press ul.news_list {position: relative;}
.m_sec3 .press ul.news_list > .plus_btn {position: absolute; top: -3rem; right: 0;}

.m_sec3 .right .press {margin-top: 2.35rem;}
.m_sec3 .m_sec3_slide li {justify-content: unset; padding: 0; }
.m_sec3 .right .press .m_sec3_slide li {border-bottom: 0;  height: 19.375rem;}
.m_sec3 .m_sec3_slide { /* height: calc(100% - 7.3rem); */ /* height: calc(100% - 14rem); */ /* height: 100%; */ overflow: hidden; }
/* .m_sec3 .m_sec3_slide .swiper-slide { border-bottom: 1px solid #ccc; } */
.m_sec3 .m_sec3_slide .swiper-slide a { flex-direction: column; height : 100%; padding-bottom: 2.25rem; justify-content: flex-start; outline-offset: -1px;}
.m_sec3 .m_sec3_slide .img_box { height: 12.5rem; border-radius: 20px;}
.m_sec3 .m_sec3_slide .info .fs18 {height : 3.375rem;}
.m_sec3 .m_sec3_slide .info .date{ position: absolute; bottom: 0.625rem; right: 0; color:#747474; font-size: 0.9375rem; width: 100%;}

.m_sec3 .slide_ctrl button { position: absolute; bottom: 0; transform: translateY(0); width: 1.8rem; height: 1.8rem; }
.m_sec3 .slide_ctrl button::after { content:""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-top: 2px solid #000; border-left: 2px solid #000; transform: rotate(-45deg); }
.m_sec3 .slide_ctrl .prev { left: 0; }
.m_sec3 .slide_ctrl .next { left: auto; right: 0; transform: rotate(180deg); }

.m_sec3 .cort-bx { position: absolute; z-index: 3;/*  right: 2.5rem; */ right : calc((100% / 2) - 4rem);  bottom: -2.95rem; max-width: 1300px; }
.m_sec3 .cort-bx .pag{ display: inline-block;text-align:left; font-family: 'Prentendard';}
.m_sec3 .cort-bx .pag > span{font-size:1rem;color:#767676; width: 12px; height : 12px;}
.m_sec3 .cort-bx .pag > span:first-child{color:#000; margin-right:15px;}
.m_sec3 .cort-bx .pag > span + span{margin-left:15px;/* margin-left:12px; */}
.m_sec3 .cort-bx .pag > span + span:after {content: ''; display: none; width: 2px; height: .875em; background: #999; transform: rotate(20deg); position: absolute; top: calc((100% - .875rem) / 2);  right: 1.85rem;}
/* 페이지네이션 작대기 */
.m_sec3 .cort-bx .pag > span + span:after { content: ''; display: block; width: 2px; height: .875em; background: #999; transform: rotate(10deg); position: absolute; top: calc((100% - .875rem) / 2); right: 1.875rem; }
/* .m_sec3 .prev,
.m_sec3 .next{position: absolute; top: calc(50% - 5px); right: -1.875rem; width: .625rem; height: .62rem; border-top: 2px #666 solid; border-right: 2px #666 solid; display: block; z-index: 3; transform: rotate(45deg);}
.m_sec3 .prev{right:auto; left:-1.875rem; transform: rotate(225deg);} */

.m_sec3 .cort-bx .prev,
.m_sec3 .cort-bx .next{position: absolute; top: 35%; right: -1.875rem; width: .625rem; height: .62rem; border-top: 2px #666 solid; border-right: 2px #666 solid; display: block; z-index: 3; transform: rotate(45deg);}
.m_sec3 .cort-bx  .prev{right:auto; left:-1.875rem; transform: rotate(225deg);}
.m_sec3 .cort-bx .btn-wrapper .auto-start,
.m_sec3 .cort-bx .btn-wrapper .auto-stop {position : absolute; top:30%; right: -3.5rem; display : none;  background-position: center; background-repeat: no-repeat; display: none; width: 14px; height: 14px; filter: brightness(0.5); background-size: contain;}
.m_sec3 .cort-bx .btn-wrapper .auto-start { background-image: url(/images/home/kor/user/ic_play.png); }
.m_sec3 .cort-bx .btn-wrapper .auto-stop { background-image: url(/images/home/kor/user/ic_stop.png); }
.m_sec3 .cort-bx .btn-wrapper .auto-start.on,
.m_sec3 .cort-bx .btn-wrapper .auto-stop.on {display:block;}

/* .slide_ctrl { /*height: 3.375rem; display: flex; justify-content: space-between; align-items: center; display: none;}
.slide_ctrl .scrollbar { width: calc(100% - 8rem); height: 5px; border-radius: 20px; overflow: hidden; background-color: #f2f2f2; }
.slide_ctrl .scrollbar .swiper-scrollbar-drag { background-color: #000; }
.slide_ctrl button.next { transform: rotate(180deg); } */

/* section 연구분야와 발간물 */
.m_sec4  .box {width: calc((100% - 3.75rem) / 4);    /*  padding: 1.5rem;  */ margin-bottom: 1.25rem;}
.m_sec4 .box > a {display: block; width: 100%; height: 100%;  padding: 1.5rem 0 1.5rem 1.5rem; background-color : #ffffff; border: 1px solid #EDEDED;  border-radius : 0.625rem;}
.m_sec4 .box > a:hover {background: #E3EEF5; border-color: #E3EEF5;}
.m_sec4  .box i {width: 3.5rem; height: 3.5rem;  display: block;  margin-left: auto;  margin-bottom: 2.625rem; margin-right: 1.5rem;}
.m_sec4  .box h4 {margin-bottom : 6px;}
.m_sec4  .box p {font-weight : 300; }



/* section 참여 */
.m_sec5 {position:relative;  background: #F8F8F8; }
.m_sec5 .inner{z-index: 9;}
.m_sec5 .flex_box > .half{width:calc(50% - 2.5rem);}
.m_sec5 .flex_box > .half h4{line-height:1;}

/* 참여_배너 */
.m_sec5 .quick_menu {height:100%;}
.m_sec5 .quick_menu .wrap{display: flex; flex-direction: column; gap: 1rem; height: 100%;}
/* 배너 공통 css */
.quick {border-radius : 10px;}
.quick > a {display: flex; flex-direction: column;  align-items: flex-start; justify-content: center; padding : 2.5rem; }
.quick > a > span {color : #666666; font-weight : 300;}
.quick p.arrow {width:2.65rem; position: absolute; transition: all 0.2s ease-in-out; z-index:1;}

.m_sec5 .quik_top > .quick > a {display: block;}

.m_sec5 .quik_top {height: calc(50% + 4.5rem); gap: 1rem; }
.m_sec5 .quik_top div {position:relative; width: calc(40% - 0.5rem); background: #0071BC; line-height:1;}
.m_sec5 .quik_top div a span { color: #fff;}
.m_sec5 .quik_top div a{width:100%; height:100%; /* padding:3.125rem 2.5rem;  */color: #fff;}
.m_sec5 .quik_top div i{display:block; margin-top: 1.25rem;  position: absolute; bottom: 2.5rem; right: 2.5rem;  transition: all .5s;}
.m_sec5 .quik_top div i img {width: 8.75rem; transition: all .5s;}
.m_sec5 .quik_top div p.arrow {left: 16.2rem;  top: 1.64rem; filter: brightness(0) invert(1); }
.m_sec5 .quik_top .quick p.arrow,
.m_sec5 .quik_top .quick_middle > div:first-child p.arrow,
.m_sec5 .quik_top .quick_middle > div:nth-child(2) p.arrow{ left: inherit; right: 1.25rem;}
.m_sec5 .quik_top .quick:hover p.arrow {left : inherit; right : 0.75rem;  top: 0.95rem;}



/* 고객의 소리 및 faq */
.m_sec5 .quik_top .quick_middle {gap: 16px;  background: inherit;  box-shadow: none;   width: calc(60% - 0.5rem); height: 100%; flex-wrap : nowrap;}
.m_sec5 .quik_top .quick_middle > div {height: calc((100% - 1rem) / 2); width: 100% !important;}
.m_sec5 .quik_top .quick_middle > div:first-child {background : #373282;}
.m_sec5 .quik_top .quick_middle > div:nth-child(2) {background : #fff;}
.m_sec5 .quik_top .quick_middle > div:nth-child(2) > a {color : #333;}
.m_sec5 .quik_top .quick_middle > div:nth-child(2) > a > span {color : #666666; font-weight : 300;}
/* .m_sec4 .quik_top .quick_middle .quick:first-child i img,
.m_sec4 .quik_top .quick_middle .quick:nth-child(2) i img{transition: all .5s;} */
.m_sec5 .quik_top .quick_middle .quick:first-child i {right: 20%;}
.m_sec5 .quik_top .quick_middle .quick:nth-child(2) i {bottom: 0; right: 1.5rem;}
.m_sec5 .quik_top .quick_middle .quick:first-child i img {width: 6.25rem;}
.m_sec5 .quik_top .quick_middle .quick:nth-child(2) i img {width: 8.75rem;}
.m_sec5 .quik_top .quick_middle > div:nth-child(2) p.arrow {filter: none;}
.m_sec5 .quik_top .quick_middle > div:first-child:hover p.arrow,
.m_sec5 .quik_top .quick_middle > div:nth-child(2):hover p.arrow{right : 0.75rem; top: 0.95rem;}

 
 /*연구과제제안*/
.m_sec5 .quik_bottom {position:relative; height: calc(40% - 2.25rem); background : #E3EEF5; color:#fff; line-height:1;}
.m_sec5 .quik_bottom a{display: flex; width: 100%;  height: 100%; color: #333; flex-direction: column; align-items: flex-start; justify-content: center;}
.m_sec5 .quik_bottom i{position:absolute; right: 4.875rem; bottom: 1.625rem;}
.m_sec5 .quik_bottom i img { width: 11.25rem;  transition: all .5s;}
.m_sec5 .quik_bottom p.arrow {right: 1.25rem; top: 1.64rem; /* filter: brightness(0) invert(1); */ }
.m_sec5 .quik_bottom:hover p.arrow { right : 0.75rem; top: 1.125rem;}

/* 참여_공지사항 */
.m_sec5 .notice_list { border-top: 2px #000 solid;}

.m_sec5 .notice_list .flex_box { flex-wrap: nowrap; gap: 1.875rem; padding: 2rem 0; border-bottom: 1px #bfc3c9 solid; line-height: 1;}
.m_sec5 .notice_list .flex_box .date {font-family:'Pretendard'; text-align: center; }
/* .m_sec4 .notice_list .flex_box .date b {font-size: 1.825rem;} */
.m_sec5 .notice_list .flex_box .date span {display: none;}
.m_sec5 .notice_list .flex_box .info{width:calc(100% - 6.325rem)}


/* .notice_kind {max-width:calc(100% - 39%); justify-content: flex-start; } */
/* .notice_kind, .notice_kind2 {gap: 0.5rem;}
.notice_kind li, .notice_kind2 li { position:relative; flex:1; height: 2.375rem;}
.notice_kind li a.on, .notice_kind2 li a.on{color:#0071bc; font-weight:500; border: 1px solid #0071bc; background : #f8f8f8;}
.notice_kind li a, .notice_kind2 li a {cursor: pointer; padding: 0px 30px; text-decoration: none; color: #666666; font-size: 1rem; 	font-size: 1.125rem; height: 100%;  display: block; line-height: 2.25rem;border-radius: 60px; background: #f2f2f2;} */

/* 탭디자인 수정_20250731 */

.notice_kind li a, .notice_kind2 li a {cursor: pointer; text-decoration: none; color: #767676; height: 100%; display: block; line-height: 2.25rem; font-weight:400;}
.notice_kind li a.on, .notice_kind2 li a.on{color:#000; font-weight:600; }/* 
.notice_kind > li a::after,.notice_kind2 > li a::after {display: inline-block; content: ""; width: 1px; height: 16px; margin: 0 10px; background: #999; vertical-align: middle;}
.notice_kind > li:last-child a::after,.notice_kind2 > li:last-child a::after {display : none;} */
.notice_kind2 li:first-child {border-top : 0 !important;}
.notice_kind2 li {border-bottom : 0 !important; padding: 0 !important;}
.notice_kind li a:focus-within, .notice_kind2 li a:focus-within {color : #000; font-weight : 600;}




.notice_kind > li span.line,
.notice_kind2 > li span.line{display: inline-block; content: "";margin: 0 10px; color: #999; vertical-align: middle;}

/* 탭디자인 -end */

/* .notice_kind2 li {border: 0 !important; padding: 0 !important; height : 2rem;}
.notice_kind2 li a {line-height: 1.95rem; padding: 0px 16px; font-size: 15px;}
.notice_kind2 li a.on {background: #fff;} */
 /* 기본적으로 숨김 */
 .notice_list,  .news_list {/*  margin-top: 10px;  */display: none;}
/* 활성화된 콘텐츠만 표시 */
.notice_list.active, .news_list.active {display: block; }
/* .notice_kind li a {padding: 0 1.125rem; color: #666666;} */
/* .notice_kind li:first-child a {padding: 0 1.125rem 0 0;} */
/* .notice_kind li:last-child a {padding: 0 0 0 1.125rem;} */




/*footer*/
.main_section.last { height: fit-content !important; min-height: auto;}
.main_section.last .fp-tableCell {height: fit-content !important;}



/*수협소개*/
.about1 .con_wrap{display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; }
.about1 .con_wrap li { width: 45%; }
.about1 .con_wrap .pic { width: 300px; height: 360px; background: url("/images/home/kor/user/about01_img.jpg") no-repeat 50% 50%; background-size: 100%; margin: 0 auto; position: relative; }
.about1 .con_wrap .pic::before { content: ""; position: absolute; top: -20px; left: -20px; width: 100%; height: 100%; background: #3e90cc; z-index: -1; }
.about1 .con_wrap .title{position:relative;margin-top:50px;width:fit-content;font-size:28px;}
.about1 .con_wrap .title:before{position:absolute;display:block;content:'';left:-41px;top:-22px;width:55px;height:48px;background-image:url("/images/home/kor/user/about01_ico1.png");z-index:-1;}
.about1 .con_wrap .title:after{position:absolute;display:block;content:'';right:-31px;bottom:-16px;width:55px;height:48px;background-image:url("/images/home/kor/user/about01_ico2.png");z-index:-1;}
.about1 .con_wrap .title > b{color:#0e6baf;}
.about1 .con_wrap .strong { font-size: 25px; font-weight: 700; margin-top: 30px; }
.about1 .con_wrap .index{margin-top:15px;font-size:17px;font-weight:300;line-height:1.78;}
.about1 .con_wrap .signature{margin-top:30px;font-size:17px; font-weight:400;text-align:right;}
.about1 .con_wrap .signature > span{display:inline-block;margin-left:10px;font-weight:700;font-size:24px;}


	/*조합업무*/
.click_box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.txt_wrap{margin-bottom:90px;}
.dot_tit{padding-left:30px;font-size:30px;font-weight:500;font-family: 'Gmarket Sans';background:url("/images/home/kor/user/about_dot_tit_ico.png") no-repeat left center;}
.ul_disc{margin-top:22px;}
.ul_disc li{position:relative;padding-left:18px;font-weight:300;}
.ul_disc li:after{content:'';display:block;position:absolute;left:0;top:10px;width:5px;height:5px;border-radius:5px;background:#cccccc;}

.ul_mark{margin:34px 0;}
.ul_mark li{position:relative;font-weight:300;margin: 10px 0;}


/*about*/
.about2 .circle { width: 700px; height: 550px; margin: 0 auto 100px auto; position: relative; }
.about2 .circle::after { content: ""; position: absolute; top: 50%; left: 50%; margin-left: -155px; margin-top: -90px; width: 310px; height: 260px; background: url("/images/home/kor/user/about2_bg.png")no-repeat 50% 50%; }
.about2 .circle li { position: absolute; width: 250px; height: 250px; border-width: 3px; border-style: solid; border-radius: 50%; text-align: center; display: flex; flex-direction: column; justify-content: center; box-shadow: 5px 5px 50px rgba(0,0,0,0.1); }
.about2 .circle li:first-child { top: 0; left: 50%; margin-left: -125px; border-color: #00a308;  }
.about2 .circle li:nth-child(2) { bottom: 0; left: 0; border-color: #0e6baf;  }
.about2 .circle li:last-child { bottom: 0; right: 0; border-color: #009a65;  }
.about2 .circle li p { font-size: 20px; }
.about2 .circle li p span { font-size: 24px; font-weight: 700; }
.about2 .circle li:first-child p span { color: #00a308; }
.about2 .circle li:nth-child(2) p span { color: #0e6baf; }
.about2 .circle li:last-child p span { color: #009a65; }
.about2 .list { margin-top: 40px; border: 1px solid #ccc; border-radius: 20px; padding: 40px 40px 30px 40px; }
.about2 .list li { font-size: 20px; font-weight: 400; color: #444; list-style-type: square; list-style-position: inside; margin-bottom: 20px; padding-left: 25px; text-indent: -25px; }
.about2 .list li::marker { color: #0e6baf; }


.about3 { text-align: center; }
.about3 .con { width: 1024px; margin: 0 auto; position: relative; }
.about3 .con::before { content: ""; position: absolute; top: 40px; left: 50%; width: 1px; height: 360px; background: #ccc; z-index: -1; }
.about3 .con ul { display: flex; justify-content: space-between; align-items: center; position: relative; }
.about3 .con ul li p { width: 150px; padding: 10px 0; text-align: center; background: #a0b1db; color: #fff; border-radius: 5px; margin-bottom: 10px; box-shadow: 0 0 10px rgba(0,0,0,.2); }
.about3 .top { width: 767px; margin: 0 auto; }
.about3 .con .mid { margin: 100px 0; z-index: 5; }
.about3 .con .mid::before { content: ""; position: absolute; top: -50px; left: 50%; margin-left: -43%; width: 86%; height: 90px; border: 1px solid #ccc; border-bottom: 0; z-index: -1; }
.about3 .con .btm::before { content: ""; position: absolute; top: -50px; left: 50%; margin-left: -43%; width: 86%; height: 90px; border: 1px solid #ccc; border-bottom: 0; z-index: -1; }
.about3 .con ul li .vip { background: #4764a8; padding: 20px 0; }
.about3 .con ul li .use { background: #fff; border: 2px solid #0053b9; font-weight: 400; color: #1a1a1a; box-shadow: none; }
.about3 .con ul li .spe { background: #0097cf; padding: 15px 0; cursor: pointer; position: relative; }
.about3 .con ul li .pop { position: absolute; top: 60px; left: 0; width: 100%; height: 700px; background :#ccc; z-index: 1; display: none; box-shadow: none; }
.about3 .con ul li .one { background: url("/images/home/kor/user/about3_img01.png")no-repeat 0% 0%; }
.about3 .con ul li .two { background: url("/images/home/kor/user/about3_img02.png")no-repeat 0% 0%; }
.about3 .con ul li .thr { background: url("/images/home/kor/user/about3_img03.png")no-repeat 50% 50%; }



.about4 .sec1 { overflow-x: auto ; white-space: nowrap; }
.about4 .sec1 .dot_tit { margin-bottom: 30px; }
.about4 .sec1 .list2 { margin-bottom: 100px; }
.about4 table.list2 tbody th{font-weight:500;border-right:1px solid #ccc;border-bottom:1px solid #ccc; }
.about4 table.list2 thead th.brnone{border-right:0;}


.about6 {position:relative;}
.about6:after{display:block;position:absolute;content:'';width:2px;top:490px;left:50%;transform:translateX(-50%);height:84.5%;background:#0e6baf;}
.about6 .title_wrap{margin-bottom:130px;}
.about6 .history_wrap{overflow:hidden;position:relative;margin-bottom:66px;}
.about6 .history_wrap .img{float:left;}
.about6 .history_wrap .txt {float:right;padding:0 0 0 84px;width:50%;}
.about6 .history_wrap .txt p{font-size:36px;font-weight:700;font-family: 'Gmarket Sans';}
.about6 .history_wrap .txt li{margin: 17px 0;}
.about6 .history_wrap .txt li > span{display:inline-block;margin-right:30px;font-family: 'Nanum Gothic';color:#0e6baf;font-size:20px;font-weight:800;}
.about6 .history_wrap .txt li > p{display:inline-block;font-size:17px;font-weight:300;font-family: 'Noto Sans KR', sans-serif;}
.about6 .history_wrap.right .img{float:right;}
.about6 .history_wrap.right .txt{float:left;padding: 0 84px 0 0 ;text-align:right;}
.about6 .history_wrap.right .txt li > span{margin-left:30px;margin-right:0;}
.about6 .history_wrap .img.position{position:relative; left:95px;}
.about6 .history_wrap:after {display: block;content: '';position: absolute;left: 50%;top: 10px;transform:translateX(-50%);width: 24px;height: 24px;background-color: #fff;border-radius: 18px;border: 3px solid #0e6baf;z-index:1;}
.about6 .history_wrap:before {display: block;content: '';position: absolute;left: 52%;top: 21px;transform:translateX(-50%);width: 46px;height: 2px;background-color: #cccccc;}
.about6 .history_wrap.right:before{left:48%;}
.about6 .inner{position:relative;}
.about6 .inner:after {display: block;content: '';position: absolute;left: 50%;top: 340px;transform:translateX(-50%);width:14px;height:14px;background-color: #fff;border-radius: 18px;border: 3px solid #0e6baf;z-index:1;}
.about6 .inner:before {display: block;content: '';position: absolute;left: 50%;bottom: -16px;transform:translateX(-50%);width:14px;height:14px;background-color: #fff;border-radius: 18px;border: 3px solid #0e6baf;z-index:1;}
.about6 li > .space{display:inline-block;padding-left:111px;font-weight:300;}
.about6 li > .space2{display:inline-block;padding-right:111px;font-weight:300;}


.about7 .sec1 { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 30px 0 100px 0; overflow-x: auto; white-space: nowrap; }
.about7 .map { width: 860px; height: 420px; background: url("/images/home/kor/user/about07_map1.jpg") no-repeat 50% 50%; }
.about7 .sec1:nth-child(5) .map { background: url("/images/home/kor/user/about07_map2.jpg") no-repeat 50% 50%; }
.about7 .contact { width: 480px; margin: 20px auto 0 auto;  }
.about7 .contact li { width: 100%; height: 100px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; border-bottom: 1px solid #ccc; padding-left: 30px; }
.about7 .contact li:nth-child(4) { border-bottom: none; }
.about7 .contact li img { width: 50px; }
.about7 .contact_txt { width: 340px; }


/*guide*/

.guide1 .con_wrap { width: 100%; display: flex; flex-wrap: wrap; }
.guide1 .con_wrap > li { width: 50%; }
.guide1 .list { margin:30px 0 100px 0; }
.guide1 .list li { font-size: 18px; font-weight: 300; color: #333; list-style-type: square; list-style-position: inside; margin-bottom: 20px; padding-left: 25px; text-indent: -25px; }
.guide1 .list li::marker { color: #ccc; }



/*product*/
/*product*/

.product1 li {display: inline-block; float: left; width: calc((100% - 60px)/3);  text-align: center; margin-bottom: 30px;}
.product1 li + li {margin-left:30px;}
.product1 li:nth-child(4n) {margin-left:0px;}
.product1 li:last-child {float:none;}
.product1 li a {display: block; padding: 50px 20px; border: #efefef 2px solid;}
.product1 li a:hover { border: 2px #000 solid; transition: all 0.2s ease-in-out;}
.product1 li p.img {height:60px;}
.product1 li div {margin-top: 30px;}
.product1 li div .tit {display: block; font-size:22px; margin-bottom:10px;}
.product1 li div .btn.blue {display:inline-block;min-width:85px;height:32px;line-height:30px;border-radius:50px;padding:0 40px 0 30px; color: white; border: none; background:#3e90cc url("/images/home/kor/user/main_sec1_arrow_w.png") no-repeat center right 10px;transition: color .3s ease-in-out, box-shadow .3s ease-in-out;font-size:14px;}
.product1 li a:hover .btn.blue{ box-shadow: inset 120px 0 0 0 #000; border: none;}


.product2 .btn_wrap { width: 1024px;  display: flex; flex-wrap: wrap; margin:0 auto 100px auto; }
.product2 .btn_wrap li { width: calc((100% - 1px)/3); background: #fff; border: 1px solid #ccc; height: 60px; line-height: 60px; text-align: center; font-size: 20px; font-weight: 500; color: #1a1a1a; cursor: pointer; transition: .3s; }
.product2 .btn_wrap li:hover { background: #0356b6; color: #fff; }
.product2 .tab_wrap { width: 100%; height: auto; position: relative; }
.product2 .tab {  width: 100%; height: 100%; background: #fff; display: none; overflow-x: auto; white-space: nowrap; }
.product2 .dot_tit { margin-bottom: 50px; }
.product2 .txt_wrap{margin-bottom:50px;}
.product2 .btn_wrap .active {background: #0356b6; color: #fff; }
.product2 .on { display: block; }
.product2 table.list2 tbody td:last-child{border-right:1px solid #ccc;}

.product3 table.list2 thead td{padding: 22px 30px;border-bottom:1px solid #ccc;text-align:left;}
.product3 .ul_disc li > b {font-weight:500;}
.product3 .txt_wrap {margin-bottom: 30px;}
.product3 .ul_disc{margin: 34px 0;}
.product3 .ul_disc li{margin: 10px 0;}
.product3 .small_tit{margin-top:55px;font-size:26px;font-family: 'Gmarket Sans';font-weight:500;}
.product3 .list2 + .list2 {margin-top:35px;}
.product3 .sec1 .ul_disc{margin-top: 20px; margin-bottom:80px;}
.product3 .sec2 .ul_disc:last-child{margin-bottom:0px;}
.product3 .sec2  li > .space{display:inline-block;padding-left:35px;}
.product3 .sec3 .ul_disc{margin:24px 0 34px 0;}
.product3 .sec4 .ul_disc{margin:24px 0 34px 0;}
.product3 .sec5 .dot_tit{margin-top:85px;}
.product3 .sec5 table.list2 td.left{padding-left:30px;text-align:left;}
.product3 .sec5 table.list2 td .ul_disc{margin:0;}
.product3 .sec6 .txt_wrap{overflow:hidden;margin-top:80px;}
.product3 .sec6 .dot_tit {float:left;}
.product3 .sec6 .etc{float:right;}

.gray_box{padding: 40px 55px;width:100%;background:#f5f5f5;border-radius:10px;}
.gray_box p.tit{padding-left:46px;font-size:24px;font-weight:500;background:url("/images/home/kor/user/product03_ico.png") no-repeat left center;}



/*info*/
.info1 .inner { width: 1200px; margin: 0 auto; }
.info1 .btn_wrap { display: flex; flex-wrap: wrap; margin-bottom: 100px; }
.info1 .btn_wrap li { width: calc(100% / 9); height: 45px; line-height: 42px; font-size: 20px; cursor: pointer; text-align: center; border: 1px solid #ccc; }
.info1 .btn_wrap li:last-child { margin-right: 0; }
.info1 .tab_wrap { width: 100%; position: relative; }
.info1 .tab { width: 100%; height: 100%; display: none; }
.info1 .txt_wrap{margin-bottom:50px;}
.info1 .active { font-weight: 500; color: #0e6baf; border: 2px solid #0e6baf !important; }
.info1 .on { display: block; }
.info1 .dot_tit{padding-left:30px;font-size:30px;font-weight:500;font-family: 'Gmarket Sans';background:url("/images/home/kor/user/about_dot_tit_ico.png") no-repeat left center;}
.info1 .con{ width: 100%; }
.info1 .con .s_tit { font-size: 22px; line-height: 30px; border-top: 2px dashed #ccc; padding-top: 35px; }
.info1 .tab .table { overflow-x: auto; white-space: nowrap; }
.info1 .con .list2 { margin-bottom: 50px; }
.info1 .con .list2:last-child { margin-bottom: 0; }
.info1 .con .part  { font-size: 24px; font-weight: 500; margin-bottom: 20px; }
.info1 .con p { font-size: 18px; line-height: 35px; }
.info1 .con p span { display: block; margin-bottom: 20px; font-size: 28px; font-weight: 500; line-height: 35px; }
.info1 .pic_wrap { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-around; margin: 60px 0 100px 0; }
.info1 .pic_wrap li { width: 30%; height: 250px; position: relative; border-radius: 5px; box-shadow: 15px -15px 0 #eee; } 
.info1 .pic_wrap li img { border-radius: 5px; } 
.info1 .pic_wrap li p { font-family: 'Gmarket Sans'; font-size: 20px; text-align: center; padding: 20px 0; }
.info1 .con .arrow { display: flex; flex-wrap: wrap; }
.info1 .con .arrow li { margin-right: 20px; line-height: 35px; }
.info1 .con .arrow li:nth-child(2n) { font-weight: 500; color: #0e6baf; }
.info1 .contact li .title { font-size: 20px; font-weight: 500; }

.info2 .inner { width: 1200px; margin: 0 auto; }
.info2 .itm { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 50px; }
.info2 .itm:nth-child(2n) { flex-direction: row-reverse; margin-bottom: 50px; }
.info2 .itm .txt { width: 48%; font-size: 16px; line-height: 28px; }
.info2 .itm .txt .title  { font-size: 22px; line-height: 36px; margin: 40px 0; }
.info2 .itm .txt .title span { font-weight: 700; color: #0e6baf; }
.info2 .itm .img { width: 46%; height: 350px; border: 1px solid #ccc; border-radius: 10px; overflow: hidden; }
.info2 .itm .img img { width: 100%; height: 100%; }
.info2 .txt_wrap.last{margin-top:90px;font-size:30px;color:#999;}
.info2 .txt_wrap.last  span{color:#0e6baf;}
.info2 .line { width: 1px; height: 280px; border-right: 1px dashed #ccc; margin-top: 50px; }
.info2 .last { align-items: flex-start !important; }
.info2 .last .title b { color: #001c50; }
.info2 .last ul li { width: 100%; padding: 12px 0; border-bottom: 1px solid #ccc; }
.info2 .last ul li br { display: none; }
.info2 .last ul li span { font-size: 18px; font-weight: 500; color: #0e6baf;  }
.info2 .last .txt:last-child { width: 100%; }

.info5 .site_wrap { width: 100%; display: flex; flex-wrap: wrap; }
.info5 .site_wrap li { width: 335px; margin: 0 20px 70px 0; }
.info5 .site_wrap li .logo { height: 208px; border: 1px solid #ccc; position: relative; background-size: 100% !important; }
.info5 .site_wrap li:nth-child(4n) { margin-right: 0; }
.info5 .site_wrap li:nth-child(1) .logo { background: url("/images/home/kor/user/info5_logo_01.png") no-repeat 50% 50%; }
.info5 .site_wrap li:nth-child(2) .logo { background: url("/images/home/kor/user/info5_logo_02.png") no-repeat 50% 50%; }
.info5 .site_wrap li:nth-child(3) .logo { background: url("/images/home/kor/user/info5_logo_03.png") no-repeat 50% 50%; }
.info5 .site_wrap li:nth-child(4) .logo { background: url("/images/home/kor/user/info5_logo_04.png") no-repeat 50% 50%; }
.info5 .site_wrap li:nth-child(5) .logo { background: url("/images/home/kor/user/info5_logo_05.png") no-repeat 50% 50%; }
.info5 .site_wrap li:nth-child(6) .logo { background: url("/images/home/kor/user/info5_logo_06.png") no-repeat 50% 50%; }
.info5 .site_wrap li:nth-child(7) .logo { background: url("/images/home/kor/user/info5_logo_07.png") no-repeat 50% 50%; }
.info5 .site_wrap li:nth-child(8) .logo { background: url("/images/home/kor/user/info5_logo_08.png") no-repeat 50% 50%; }
.info5 .site_wrap li:nth-child(9) .logo { background: url("/images/home/kor/user/info5_logo_09.png") no-repeat 50% 50%; }
.info5 .site_wrap li:nth-child(10) .logo { background: url("/images/home/kor/user/info5_logo_10.png") no-repeat 50% 50%; }
.info5 .site_wrap li:nth-child(11) .logo { background: url("/images/home/kor/user/info5_logo_11.png") no-repeat 50% 50%; }
.info5 .site_wrap li:nth-child(12) .logo { background: url("/images/home/kor/user/info5_logo_12.png") no-repeat 50% 50%; }
.info5 .site_wrap li .click_box { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.info5 .site_wrap li .click_box:hover { background: rgba(0, 0, 0, 0.2); }
.info5 .site_wrap li .name { font-size: 20px; font-weight: 400; color: #767676; text-align: center; margin-top: 5px; }

/* 청년미래위원회 소개 */
.future .con { padding-bottom: 170px; }
.future .con1 { display: flex; }
.future .con1 .left { width: 50%; display: flex; flex-direction: column; justify-content: center; }
.future .main_txt { position: relative; font-size: 35px; font-weight: 700; z-index: 10; line-height: 1.3; }
.future .sub_txt { margin-top: 40px; display: block; line-height: 1.6; font-weight: 300; color: #585858; }
.future .con1 .right { position: relative; }
.future .con1 .right p { position: relative; }
.future .con1 .right p::before { content: ""; display: block; width: 200%; height: 323px; background: #f5f5f5; position: absolute; top: 50px; left: -60px; border-radius: 100px 0 0 15px; }
.future .con1 .right p img { position: relative; border-radius: 10px; max-width: 580px; width: 100%;}
.future .con1 .right .img_txt { position: absolute; bottom: -34px; color: #888; text-align: center; left: 50%; transform: translateX(-50%); }
.future .con2 ul.name { margin-top: 40px; display: flex; flex-wrap: wrap; gap: 15px; }
.future .con2 ul.name li { border: 1px solid #e8e8e8; font-size: 1.25rem; width: 247px; height: 70px; line-height: 69px; text-align: center; border-radius: 5px; /*padding: 20px 100px;*/ }
.future .con2 ul.name li:last-child { background: #eee; display: none; }
.future .con3 .con_box { display: flex; }
.future .con3 .con_box .left {  width: 277px; }
.future .con3 .con_box .right ul { display: flex; gap: 40px; flex-wrap: wrap; }
.future .con3 .con_box .right ul li { position: relative; width: 19.625rem; height: 9.3125rem; background: linear-gradient(135deg, #1c80b1, #524bad); border-radius: 15px; padding: 30px;}
.future .con3 .con_box .right ul li::before { content: ""; display: block; width: 26px; height: 26px; position: absolute; bottom: 30px; right: 30px; background: url("/images/home/kor/user/vision_plus.png") no-repeat;  }
.future .con3 .con_box .right ul li p {  font-size: 1.1rem; color: #fff; line-height: 1.6; }

/* 문의하기 / 연구과제 제안 */
.scrollbox { height: 240px; overflow: hidden; background: #f5f5f5; border: 1px solid #dadadc; font-size:0.9em;  font-weight: 300; border-radius: 0.5rem 0.5rem 0 0}
.scrollbox_inner { overflow: auto; overflow-x: hidden; height: 100%; padding: 10px;}
.check_boxW {background:#fff; border:1px solid #dadada; border-top: 0; padding: 15px 30px; margin-bottom: 30px; border-radius: 0 0 0.5rem 0.5rem; display: flex; gap: 5px; flex-wrap: wrap; justify-content: space-between; }
.scrollbox_inner::-webkit-scrollbar { width: 6px; }
.scrollbox_inner::-webkit-scrollbar-track { background: #f0f0f0; border-radius: 5px;}
.scrollbox_inner::-webkit-scrollbar-thumb { height: 30%; background: #006fbb; border-radius: 5px;}

/*========================================반응형================================*/

@media screen and (max-width: 1921px) {
	.main_section.m_sec1 .inner { width: calc(100% - 12.5rem);}


}

@media screen and (max-width: 1600px) {
	.m_sec2 .slide_ctrl button, .m_sec3 .slide_ctrl button { display: none; }
}

@media screen and (max-width: 1540px) {
	/* m_sec1 > left */
/* 	.main-visual .item_box > .txt_box .btn_wrap {bottom : 6.5rem;}
	.main-visual .cort-bx {bottom : 3rem;} */
	.main-visual .item_box > .txt_box .more_view,
	.main-visual .item_box > .txt_box .press_view {width: calc(37% - 0.3125rem);}
	
	/* m_sec1 > right */
	/* .m_sec1 .right .slide_ctrl button {top : 82%;} */
	.m_sec1 .right .item_box > .txt_box .more_view,
	.m_sec1 .right .item_box > .txt_box .press_view {width: calc(37% - 0.3125rem);}
}

@media screen and (max-width: 1400px) {
	.main_section .inner { width: 92%; }

	.main_section { height: 100%; min-height: 100vh;}
	
	/* m_sec1 */
	
	/*m_sec1 > left*/
	/* .main-visual .cort-bx {bottom : 6.5rem;} */
	
	/* m_sec1 > right */
	.m_sec1 .right .category {width : 90%;}
	.m_sec1 .right .slide_ctrl button {bottom : 13%;}
	
	.m_sec2 { min-height: 400px; }
	.m_sec3 { padding-bottom: 80px; }

	.contents { width: 92%; } 
	/* #inner_wrap{padding-left:20px;padding-right:20px;} */

	.main_section2 .left{width:50%;height:553.5px;padding-left:20px;padding-right: 20px;}
	.main_section2 .right{width:50%;}

	.about2 .half { width: 47.14285%; margin-right: 5.71428%; }
	
	.about7 .map { width: 60%; }	
	.about7 .contact { width: 36%; }

	.info1 .phone { display: none; }

	.info5 .site_wrap li { width: 23.928571%; margin-right: 1.428571%; margin-bottom: 50px; }
	
	.m_sec4 .box > a {padding: 1.5rem;}

	
}
@media screen and (max-width: 1280px) {
	/* m_sec1 > left */
	.main-visual .item_box > .txt_box .btn_wrap {bottom : 4rem;}
	.main-visual .item_box > .txt_box .more_view,
	.main-visual .item_box > .txt_box .press_view {width: calc(50% - 0.3125rem);}

	
	/* m_sec1 > right */
	/* .m_sec1 .right .slide_ctrl button {top : 82%;} */
	.m_sec1 .right .item_box > .txt_box .more_view,
	.m_sec1 .right .item_box > .txt_box .press_view {width: calc(50% - 0.3125rem);}
	.m_sec1 .right .category {width : 100%;}
}


@media screen and (max-width: 1200px) {
	
	/* m_sec1 */
	.m_sec1, .m_sec1 .fp-tableCell {  height: 120vh; }
	.m_sec1 .wrap .inner > .flex_box { gap: 30px; }
	.m_sec1 .wrap .inner > .flex_box > div {width: 100%;}
	.m_sec1 .main-visual > ul,
	.m_sec1 .m_tab_box_wrap { height: 360px !important; }
    .m_sec1 .right_banner .list_box_3 a { height: 50px; }
	
	/* m_sec1 > left */
/* 	.main-visual .item_box > .txt_box .more_view,
	.main-visual .item_box > .txt_box .press_view {padding-right : 3rem;} */
	.main-visual .item_box > .txt_box .btn_wrap {bottom : 3rem;}
	/* .main-visual .cort-bx {bottom : 2rem;} */
	
	/* m_sec1 > right */
	.report .item_box .txt_box .btn_box {row-gap : 0.3125rem;}
	.report .item_box .flex_box a {width : calc(50% - 0.3125rem);}
	.report .item_box .txt_box .btn_wrap {bottom :-0.5rem;}
	.m_sec3 {padding-bottom: 80px; min-height: 90vh;    }
	.m_sec1 .right .category {margin : 0 !important;}
	.m_sec1 .right .cort-bx {bottom: 2.5rem;}
	
	.m_sec1 .search .sch:after { top: 0; left: 0;}
	
	/* 연구분야 */
	.m_sec4 .btm {justify-content: flex-start; gap: 1.25rem;}
	.m_sec4 .box {width: calc((100% - 2.5rem) / 3); margin-bottom: 0;}
	.m_sec4 .box > a {padding: 1.5rem; }
	.m_sec4 .box i {margin-right : 0;}
 
	.m_sec5 {padding-bottom: 80px; min-height: 90vh;}

	.about1 .title:before{left:0;}
	.about1 .title:after{right:0;}
	
	.about2 .left_pic { margin-top: 100px; }

	.about6 .history_wrap .img{width:500px;}
	.about6 .history_wrap .img.position{position:static;}

	.about7 .map { width: 100%; }	
	.about7 .contact { width: 50%; margin: 0; }
	
	.info1 .inner { width: 100%; }
	.info1 .btn_wrap li { width: calc(100% / 5); font-size: 16px; }
	.info1 .pic_wrap li { width: 32%; box-shadow: none; }
	.info1 .pic_wrap li img { width: 150%; }

	.info2 .inner { width: 100%; }

	.future .con1 { flex-direction: column; gap: 40px; }
	.future .con1 .left { width: 100%; align-items: center; }
	.future .main_txt { text-align: center; }
	.future .con1 .right p { text-align: center; }
	.future .con1 .right p::before {     border-radius: 0; }
	
	/* 참여 */
	/*============== left =====================*/
	.m_sec5 .quik_bottom i {bottom: 2.15rem;}
/* 	.m_sec5 .quik_bottom i img {width : 11.42rem;} */
	
/* 	.m_sec5 .quik_top div i img {width : 9.28rem;} */
/* 	.m_sec5 .quik_top .quick_middle .quick:first-child i img { width: 5.71rem;}
	.m_sec5 .quik_top .quick_middle .quick:nth-child(2) i img {width : 9.28rem;} */

}


@media screen and (max-width: 1080px)  {
	
	/* sec_1 > left */
	.main-visual {position: relative !important;}
	.main-visual .item_box > .txt_box .btn_wrap { flex-wrap: wrap; width: 100%; gap: 0.55rem;}
	.main-visual .item_box > .txt_box .more_view,
	.main-visual .item_box > .txt_box .press_view {width : 100%;}
	.main-visual .cort-bx {bottom : 3rem;}
	
	/* sec1 > right */
	.m_sec1 .right .item_box > .txt_box .more_view,
	.m_sec1 .right .item_box > .txt_box .press_view {width : 100%;}
	
	
}


@media screen and (max-width: 1023px) {

	/* m_sec1 */
	.main_section.m_sec1 {height: 130vh;}
	.main_section.m_sec1 .inner {flex-direction : column; padding-top : 7.5rem; gap: 1.85rem;}
	.m_sec1 .inner > .left,
	.m_sec1 .inner > .right {width : 100%;}
	
	/* m_sec1 > left */
	.main-visual .item_box > .txt_box .btn_wrap {bottom : 0;}
	.main-visual .cort-bx {bottom: 2rem; right: 2rem; width: 4rem; left: unset;}
	.main-visual { margin-top: 80px;}
	.main-visual .copy .tx01 {margin-left:0;}
	.main-visual .visual_wrap{margin-left: 140px;}
	.main-visual .item_box > .txt_box .more_view,
	.main-visual .item_box > .txt_box .press_view {width: calc(25% - 0.3125rem);}
	
	
	/* .main-visual .item_box {flex-direction: column; } */
	.main-visual .item_box > .txt_box {width: calc(100% - 12.5rem - 3.75rem); height:18.75rem;}
	.main-visual .item_box > .txt_box .title { font-size: 1.875rem;}
	.main-visual .item_box > .txt_box .more_view {position: relative; bottom: auto;}
	.main-visual .item_box > .txt_box .btn_wrap {flex-wrap : nowrap; }
/* 	.main-visual .item_box > .txt_box .more_view,
	.main-visual .item_box > .txt_box .press_view {width : auto;} */
	/* .main-visual .item_box > .img_box {margin: 1.875rem auto 0;} */
	
	/* m_sec1 > right */
	.report .item_box .flex_box a {width : calc(33% - 0.3125rem);}
	.report .item_box .txt_box .btn_wrap {bottom : 0rem;}
	.m_sec1 .right .category {position : absolute; bottom : 1rem; z-index : 10;}
	.m_sec1 .right .slide_ctrl button {top : 90%;}
	.report .item_box .txt_box .btn_wrap {flex-wrap : nowrap;}
	.m_sec1 .right .item_box > .txt_box .more_view,
	.m_sec1 .right .item_box > .txt_box .press_view {width: calc(25% - 0.3125rem);}
    .m_sec1 .right .cort-bx {bottom: 2.5rem;}
	
	
	.main_product{height:auto;}
	.main_product ul { display: block;}
	.main_product ul li {float: left;flex: auto;justify-content: unset;width:calc((100% - 160px)/3);background-position: center top 30px;}
	.main_product ul li > a{padding-top:100px;padding-bottom:10px;}
	.main_product .big_txt{width:160px;height:277px;line-height:277px;}
	
	.main_section1 ul > li {width: calc((100% - 48px)/2);margin-bottom:30px;}

	.main_section4 ul li{font-size:20px;}

	.about1 .con_wrap li { width: 100%; }
	
	.about2 .half { width: 100%; margin-top: 40px; }
	.about2 .left_pic, .about2 .right_pic { display: none; }
	.about2 .mob_pic { display: block; height: 500px; }
	.about2 .strong { display: none; }
	.about2 .text br { display: none; }
	.about2 .left .text { text-align: left; }

	.about3 .con { width: 100%; }
	.about3 .con .top { width: 100%; }
	.about3 .con ul li p { width: 120px; }

	.about6 .history_wrap .img {width: 300px;}
	.about6 .history_wrap .img img {position: absolute !important;}
	.about6:after, 
	.about6 .inner:after,
	.about6 .inner:before,
	.about6 .history_wrap:after,
	.about6 .history_wrap:before{display:none;}
	.about6 .history_wrap .img{float:none!important;margin-bottom:30px;}
	.about6 .history_wrap .txt{float:none!important;padding:0!important;width:100%;text-align:left!important;}
	.about6 li > .space, .about6 li > .space2{padding:0;}
	.about6 .history_wrap.right .txt li > span{margin:0 30px 0 0;}

	.about7 .contact { width: 100%; }
	.about7 .contact_txt { width: 68%; }


	.product1 li { width: calc((100% - 40px)/3); margin-bottom: 20px;}
	.product1 li + li { margin-left: 20px;}
	.product1 li div { margin-top: 20px; }
	.product1 li div .tit { font-size: 18px; }

	.product2 .btn_wrap { width: 100%; }
	.product2 .btn_wrap li { font-size: 16px; }

	.info1 .pic_wrap { justify-content: space-between; }
	.info1 .pic_wrap li { width: 48%; height: auto;}

	.info2 .itm .img { height: 280px; }

	.info5 .site_wrap li { width: 32%; margin-right: 2%;}
	.info5 .site_wrap li:nth-child(4n) { margin-right: 2%; }
	.info5 .site_wrap li:nth-child(3n) { margin-right: 0; }
	
	.m_sec4 .box {width: calc((100% - 2.5rem) / 2);  margin-bottom: 0;}
	.m_sec4 .box i {/* width: 2.4rem; height: 2.4rem; */ margin-bottom: 1.5rem;}
	/* 참여 */
	/*=-==================== left =============================*/
	
	.m_sec5 .quik_bottom {height : 130px;}
	.m_sec5 .quik_bottom i { bottom: 1.25rem; right: 10%;}
	.m_sec5 .quik_top div,
	.m_sec5 .quik_top .quick_middle {width : 100%;}
		.m_sec5 .quik_top div {height : 130px;}
	.m_sec5 .quik_top .quick_middle {height : auto;}
	.m_sec5 .quik_top .quick_middle > div {height : 130px;}
	.m_sec5 .quik_top .quick_middle .quick:first-child i {bottom : 2.5rem;}
	.m_sec5 .quik_top .quick_middle .quick:nth-child(2) i {right : 16%;}
	.m_sec5 .quik_top div i {bottom : 1rem; right: 16%;}
/* 	.m_sec5 .quik_top div i img {width : 6.25rem;} */
	
	.m_sec5 .quik_top > .quick > a {display : flex; flex-direction : column; align-items: flex-start; justify-content: center; padding: 2.5rem;}	
	
	/*===================right===============================*/
	.notice_kind li a {line-height : 2.375rem; padding: 0px 16px; }
	.notice_kind2 li a {padding : 0px 16px;}
	
}


@media screen and (max-width:800px){
	.future .con3 .con_box { flex-direction: column; gap: 30px; }
	.future .con3 .con_box .right ul { flex-wrap: wrap; gap: 10px; }
	.future .con3 .con_box .right ul li { width: 100%; height: 9.3125rem; padding: 20px;}
	.future .con3 .con_box .right ul li::before { bottom: 20px;right: 20px; background-size: 60%; }
	.future .con3 .con_box .right ul li p { font-size: 14px; }

/* 	.m_sec3 .m_sec3_slide { height: calc(100% - 3.25rem); }
	
	.m_sec4 .box {width: 100%;} */
	.m_sec4 .box i {width: 2.4rem; height: 2.4rem; margin-bottom: 10px;}
	
	.m_sec5 .flex_box > .half { width: 100%;}
	.m_sec5 .flex_box > .right { margin-top: 60px; }
	
	
}


@media screen and (max-width:767px){

	.main_section .inner { padding-top: 2rem; }
	
	/* m_sec1 */
	/* m_sec1 > left */
	.main-visual .cort-bx {bottom: 1rem; }
/* 	.main-visual .cort-bx .pag > span + span {margin-left: 160px;} */
	.main-visual .copy .tx01 { margin-left: 0;margin-top: 90px;}
	.main-visual .copy .tx01 strong, .main-visual .copy .tx01 span, .main-visual .copy .tx01 em{width:100%;}
	.main-visual .copy .goto_apply {width: 150px;height: 40px;line-height: 40px;font-size: 12px;margin-top: 30px;}

    .main-visual .copy{ height: 30rem; }
    .main-visual .copy .tx01 strong{ font-size: 2rem; line-height: 1.2;}
    .main-visual .copy .tx01 span{ font-size: 2.4rem;  line-height: 1.2;}
    .main-visual .copy .tx01 em{ font-size: 1.5rem; margin-top: 1rem; font-weight:300;}
	.main-visual .copy .tx01 br{display:none;}
	.main-visual .item_box > .txt_box .more_view,
	.main-visual .item_box > .txt_box .press_view {width: calc(50% - 0.3125rem);}
   
    .main-visual .btNext{ display:none; }
/*     .main-visual .cort-bx{ bottom: 3rem;} */
	.main-visual .item_box > .txt_box .btn_wrap {bottom : -4rem;}
	/* .main-visual .visual_wrap {margin-left: 20px;} */
	/* .main-visual .swiper-progress-bar .slide_progress-bar{width:130px;} */
	/* .main-visual .prev{left:270px;}
	.main-visual .next{left:300px;} */
/* 	.main-visual .cort-bx .stop, .main-visual .cort-bx .play{left:368px;}
	.main-visual .cort-bx .pag > span {font-size: 1.5rem;}
	.main-visual .swiper-progress-bar .slide_progress-bar{top:15px;} */
	
	/* m_sec1 > right */
	.m_sec1 .right .category {bottom : -2rem;}
	.m_sec1 .right .item_box > .txt_box .more_view,
	.m_sec1 .right .item_box > .txt_box .press_view {width : calc(50% - 0.3125rem);}
	
	/* m_sec1 > search */
	.m_sec1 .search {width: calc(100% - 12.5rem); margin: 0 auto;}
	.m_sec1 .search select {width: calc(100% - 12.5rem);}
	.m_sec1 .inp-bx.flex_box.jcs.ac{width:95%}
	.m_sec1 .search input[type=text] {width: calc(100% - 4rem); }
	
	.main_product .big_txt{font-size:1.8rem;}
	.main_product ul li > a{font-size:1.5rem;}
	.main_product .big_txt { float: none; display: block;width:100%;height:auto; line-height:1; padding: 20px 0;}
	.main_product ul li{width: calc(100%/3);}

	.main_section1 ul > li .title{font-size:2rem;}
	.main_section1 .sticker{font-size:1.3rem;margin-bottom:2rem;}

	.main_section2{height:auto;}
	.main_section2 .left {position:static; float:none;width: 100%; height:auto;}
	
	
	.main_section2 .left .big{font-size:2rem;}
	.main_section2 .left .small{font-size:1.5rem;}
	.main_section2 .right{width:100%;height:auto;}
	.main_section2 .right a{position:absolute;left:0;font-size:18px;}
	.main_section2 .right img{max-width: 100%; height: auto;}

	.main_section2 .wave{animation: wave 5s -3s linear infinite;}
	.main_section2 .wave:nth-of-type(2) {animation: wave 10s linear reverse infinite;}
	.main_section2 .wave2{animation: wave2 8s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite; -webkit-animation: wave2 8s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite;}

	.m_sec2 .slide_ctrl .scrollbar .swiper-scrollbar-drag { width: 20% !important; }

	/* m_sec3 */
	section.main_section.m_sec3 { padding-bottom: 0px; }
	.m_sec3 .btm {flex-wrap: nowrap; flex-direction: column; gap: 3.75rem;}
	.m_sec3 .flex_box > .half { width: 100%; }
	.m_sec3 .flex_box > .right { margin-top: 50px; gap: 4.2rem;}
	.m_sec3 .m_sec3_slide { height: calc(100% - 3.25rem); }
	.m_sec3 .m_sec3_slide .swiper-slide a {width : 100%;}
	.m_sec3 .m_sec3_slide .info p { margin-bottom: 50px; }
	/* .m_sec3 .cort-bx{ bottom: -1.875rem !important; } */
	.m_sec3 .cort-bx .btn-wrapper .auto-start,
	.m_sec3 .cort-bx .btn-wrapper .auto-stop {top : 15%;}

	.main_section3 ul {display: block;}
	.main_section3 ul li{width:100%;margin: 0 auto;margin-bottom:2rem;}
	.main_section3 ul li .big{margin: 1.5rem 0;font-size:2rem;}
	.main_section3 ul li .small{margin-bottom:2rem;}

	.main_section4 ul{display:block;}
	.main_section4 ul li{width:100%;height:60px;line-height:60px;font-size:18px;}
	.main_section4 ul li:nth-child(2){margin: 10px 0;}

	.about1 .con_wrap li .title {font-size:2.2rem;}
	.about1 .con_wrap li .strong {font-size:2.2rem;}
	.about1 .con_wrap li .signature > span{font-size:1.8rem;}
	.about1 .con_wrap li .index, .about1 .signature{font-size:1.5rem;}

	.about2 .circle { width: 100%; height: 440px; }
	.about2 .circle::after { top: 45%; width: 250px; margin-left: -125px; background-size: 100%; z-index: -1; }
	.about2 .circle li:first-child { margin-left: -90px; }
	.about2 .circle li { width: 180px; height: 180px; border-width: 2px; }
	.about2 .circle li p { font-size: 16px; }
	.about2 .circle li p span { font-size: 20px; }
	.about2 .list li { font-size: 18px; }

	.about6 .history_wrap .txt p{font-size:2rem;}
	.about6 .history_wrap .txt li > span{font-size:1.7rem;}
	.about6 .history_wrap .txt li > p{font-size:1.4rem;}

	.guide1 .list li { font-size: 16px; }



	.product1 li { width: calc((100% - 10px)/2); margin-bottom: 10px; }
	.product1 li + li { margin-left: 10px; }
	.product1 li:nth-child(odd) {margin-left:0px;}
	.product1 li:nth-child(4n) { margin-left: 10px;}
	.product1 li div .btn.blue {border-color: #3e90cc; background-color: #3e90cc;}


	.info2 .itm .img  { width: 100%; height: 350px; }
	.info2 .itm .txt  { width: 100%; margin-bottom: 30px; }
	.info2 .line { display: none; }

	.future .con2 ul.name { gap: 10px; }
	.future .con2 ul.name li { width: calc(100% / 2 - 10px); }


}
@media screen and (max-width: 640px) {

	/* m_sec1 */
	.m_sec1 .search .sch:after {margin : 4px; top : 0; left : 0;}

	.main_section.m_sec1 .inner { width: 92%; padding-top: calc(7.5rem + 1vh);}
	.m_sec1 .right .category {bottom : 0;}

	.m_sec1, .m_sec1 .fp-tableCell { height: 100%; padding-bottom: 50px;}
	/* .m_sec1 .m_tab_box_wrap { height: 230px !important; } */
	.m_sec1 .wrap .inner > .flex_box > div .txt_box > .title { font-size: 1.3rem !important; }

	.m_sec1 .left_banner .list_box_1 .img_box { height: 16rem; }	/* 250131 수정 */
	.m_sec1 .left_banner .list_box_1 .txt_box { padding: 0; }	/* 250131 수정 */
	.m_sec1 .left_banner .m_tab_btn_wrap::after { width: calc(100% - 10.375rem); }

	.m_sec1 .right_banner .m_tab_btn_wrap::after { width: calc(100% - 29.5625rem); }
    .m_sec1 .right_banner .m_tab_box_wrap > div > ul li:last-child { display: none; }
	.m_sec1 .wrap .inner > .flex_box > div .m_tab_btn_wrap .pag { right: 50%; transform: translateX(50%); bottom: -230px; }

	.main-visual { margin-top: 0;}
	.main_section .top .btn_style1 span:after { width: 8px; height: 8px; }
	
	
	/* 통합검색 */
	.m_sec1 .search select {height: 34px; }
	.m_sec1 .search input[type=text] {height: 34px;}
	.m_sec1 .search .sch {width: 3.3rem;   height: 3.3rem; }
	
	.m_sec1 .search {width : 92%; margin: 0 auto; justify-content: flex-start;}
	.m_sec1 .search > p { width: 100%;  align-items: center;}
	.m_sec1 .search select { width: calc((100% - 60px) - 56%);}
	.m_sec1 .inp-bx.flex_box.jcs.ac {width : calc((100% - 30px) - 30%) ;}
	
	.main_section.m_sec2 .inner {padding-bottom : 2rem;}
/* 	.m_sec2 .category {gap : 0.5rem;} */
	.report .item_box .txt_box { width: calc(100% - 13.75rem - 1rem) !important;}
	.report .item_box .flex_box a {width : 45%;}
	
	.about1 .con_wrap li { width: 100%; }

	.about2 .circle { width: 320px; height: 300px; }
	.about2 .circle::after { display: none; }
	.about2 .circle li:first-child { margin-left: -88px; }
	.about2 .circle li { width: 176px; height: 176px; background: rgba(255,255,255,0.8); }
	.about2 .circle li p { font-size: 15px; }
	.about2 .circle li p span { font-size: 18px; }
	.about2 .list { padding: 30px 30px 15px 30px; }
	.about2 .list li { font-size: 14px; }


	.about3 .con ul li .thr { background-size: 100%; background-position: 50% 0; }

	.about7 .contact li { width: 100%; }
	.about7 .contact li:nth-child(3) { border-bottom: 1px solid #ccc; }
	.about7 .contact li img { width: 50px; }
	.about7 .contact_txt { width: 75%; }
	
	.guide1 .con_wrap > li { width: 100%; }
	.guide1 .list li { font-size: 14px; margin-bottom: 15px; }

	
	.product2 .btn_wrap li { width: 100%; }
	
	.info1 .con .text { font-size: 14px; line-height: 27px; }

	.info2 .itm .img  { height: 300px; }
	.info2 .itm .txt .title { font-size: 18px; line-height: 32px; margin: 20px 0; }


	.info5 .site_wrap li { width: 49%; margin-right: 2%; margin-bottom: 40px;}
	.info5 .site_wrap li .logo { height: 180px; }
	.info5 .site_wrap li:nth-child(3n) { margin-right: 2%; }
	.info5 .site_wrap li:nth-child(2n) { margin-right: 0; }

	.future .con1 .right p::before { height: 100%; }
	.future .main_txt { font-size: 28px; }
	
	/* 참여 */
	.m_sec5 .quik_bottom i img {width : 14rem;}
	.m_sec5 .quik_top .quick_middle .quick:first-child i img {width : 9.2rem;}
	.m_sec5 .quik_top .quick_middle .quick:nth-child(2) i img {width : 12rem;}
	.m_sec5 .quik_top div i img {width : 10rem;}
	

	.notice_kind li a.on {background : #f8f8f8;}
	
	/* 섹션별 타이틀 사이즈 */
	.m_sec_tit {font-size : 2.45rem;}
	
	/* .m_sec3 .cort-bx::after {display: inline-block;  content: "";  width: 140px;  height: 30px;  background: #f5f5f5;  position: absolute;  top: 50%;   right: 50%;  z-index: -1;   border-radius: 60px;  transform: translate(50%, -50%);} */
	.m_sec3 .m_sec3_slide .info .date {font-size : 0.938rem;}
}
	


@media screen and (max-width: 480px) {

	#header > .inner { width: 95%; }
	.main_section.m_sec1 {height: 120vh;}
	
	.main-visual .prev, .main-visual .next {width: 12px; height: 12px;}
	/*.report .item_box .title {font-size : 15px;}
	.report .item_box .txt_box .btn_box a > span {font-size : 13px;}
	.report .item_box .txt_box b {font-size : 12px;}
	.report .item_box .txt_box .sub-title {font-size : 13px !important;}*/
	.main-visual .item_box > .txt_box {width : calc(100% - 13.75rem - 1rem) !important;}
	.main-visual .item_box > .txt_box .title {line-height: 1.3; }
	.main-visual .item_box > .txt_box .info {font-size: 1.2rem;}
	.main-visual .item_box > .txt_box .title {font-size : 1.7rem;}
	.main-visual .swiper-progress-bar .slide_progress-bar { width: calc(100% - 15rem);}
    .main-visual .cort-bx {bottom: 4rem;}
    .m_sec1 .right .category {bottom: 2rem;}
	
	
	/* m_sec1 > right */
	.report .item_box .txt_box .btn_box {gap : 0.45rem;}
    .m_sec1 .right .cort-bx {bottom: 6.5rem;}
	.m_sec1 .m_tab_box_wrap {height: 380px !important;}
	.report .item_box .txt_box .btn_wrap {bottom: -5rem;}
	.m_sec1 .right .slide_ctrl button {top : 85%;}
	.m_sec1 .right .slide_ctrl .prev {right : 6%;}
	
	/* 통합검색 */
	.m_sec1 .search select {width: calc((100% - 60px) - 60%);}
	.m_sec1 .inp-bx.flex_box.jcs.ac {width: calc((100% - 30px) - 22%); }

	.main_product ul li{background-size: 30%;}

	.main_section2 svg{display:none;}
	.main_section2 .left li{width:auto;}
	.main_section2 .left li a{width:100px;height:100px;border-radius:100px;}
	.main_section2 .left li a > span{padding-top:120px;}
	
	.main_section2 .right, .main_section2 .right img{height:270px;}
	.main_section2 .ocean{bottom:-22px;}
	.main_section2 .wave2{bottom:-8px;background-size:500px;}

	.m_sec2 .category li span { padding: 0 1rem; font-size : 12px; }

	
	.about2 .text { /*font-size: 14px;*/ line-height: 28px; }

	.about3 .con ul li p { width: 90px; }
	.about3 .con ul li .vip { padding: 15px 0; }
	.about3 .con ul li .spe { padding: 10px 0; }
	.about3 .con ul li .use { padding: 5px 0; }
	.about3 .con ul li .two { background-size: 100%; }

	
	.about7 .contact li { padding-left: 0; }
	.about7 .contact li img { width: 45px; }
	.about7 .contact_txt { width: 75%; }
	.about7 .about2_img { height: 230px; }
	.about7 .line { margin: 50px 0; }


	.product1 li { width: 100%; margin-bottom: 10px; }
	.product1 li + li,
	.product1 li:nth-child(4n) {margin-left: 0px;}
	.product1 li a { padding: 30px 20px}
	.product1 li div { margin-top: 15px;}
	.product1 li div .btn.blue{ /*font-size: 12px;*/ margin-top: 10px;}
	
	/*.product2 .btn_wrap li { font-size: 14px; }*/

	.info1 .pic_wrap { margin-bottom: 0; }
	.info1 .pic_wrap li { width: 100%; }
	.info1 .pic_wrap li p { padding-top: 10px; /*font-size: 18px;*/ }
	/*.info1 .text { font-size: 14px;  line-height: 25px; }*/
	.info1 .btn_wrap li { width: calc(100% / 3); height: 35px; line-height: 32px; /*font-size: 14px;*/ }

	
	.info2 .itm .txt  { font-size: 14px; line-height: 25px; }
	.info2 .itm .img  { height: 250px; }
	.info2 .last ul li br { display: block; }

	.info5 .site_wrap li .logo { height: 120px; }
	/*
	.info5 .site_wrap li .name { font-size: 16px; }

	.future .main_txt { font-size: 26px; }
	*/
	.future .con3 .con_box .right ul li { width: 100%; height: 11.3125rem; }
	
	.m_sec1 .wrap > .img_box:after {width: 46rem;     left: -30%;}
	
	.main_section.m_sec4 {min-height : 80vh;}
	
	/* font-size */
	.report .item_box .txt_box .btn_box { gap: 0.45rem;}
	/* .report .item_box .txt_box .btn_wrap {display : none;} */
	.report .item_box .flex_box a {width : 100% !important; height : 3rem !important;}
	.report .item_box .txt_box .sub-title {font-size : 1.25rem !important; -webkit-line-clamp: 2; height: 42px !important;}

	
	/*.m_sec3 .cort-bx .pag > span {font-size: 12px !important;}
	.m_sec3 .m_sec3_slide .info .date {font-size : 10px;}*/
	
	/*소식*/
	.m_sec3 .press ul li .title {1.25rem !important; width: calc(100% - 8rem);}
/* 	.m_sec3 .press ul li .date {display: none;} */
	.m_sec3 .press ul li .title{font-size : 1.25rem !important;}
	
	.m_sec3 .m_sec3_slide .info > div {margin-bottom: 20px;font-size: 1.25rem !important;  font-weight: 400 !important;}
	.m_sec3 .m_sec3_slide .info p {display : none;}
	.m_sec3 .m_sec3_slide .info .date {font-size : 1rem;}
	.m_sec3 .cort-bx {right : 45% !important;}
	.m_sec3 .prev, .m_sec3 .next {width: 12px !important; height : 12px !important;}
	.m_sec3 .cort-bx {bottom: -3.2rem !important;}
	
	/* 연구분야와 발간물 */
	.m_sec4 .box h4 {font-size : 16px;}
	.m_sec4 .box p {font-size : 14px;}
	
	/* 참여 */
	.m_sec5 .quik_bottom i img {width: 12rem; }
	.m_sec5 .quik_top .quick_middle .quick:first-child i img { width: 8.2rem;}
	.m_sec5 .quik_top .quick_middle .quick:nth-child(2) i img {width: 10rem;}
	.m_sec5 .quik_top div i img {width: 8.2rem;}

	.m_sec5 .quik_bottom a p,
	.m_sec5 .quik_top .quick a p {font-size: 18px;}
	
	.m_sec5 .notice_list .flex_box .info > div {font-size: 16px !important;}
	.m_sec5 .notice_list .flex_box .info > p {font-size : 14px;}
	.quick > a > span {font-size : 14px;}
	
	#header .a_list .inp-bx .inp::placeholder {font-size: 0px;}
}
@media screen and (max-width: 460px) {
	/* m_sec1 */
/* 	.main_section.m_sec1 {height : 130vh;} */
	.main_section.m_sec1 .inner {gap : 1.5rem; padding-bottom: 3rem;}
	.main-visual .item_box > .txt_box .title {-webkit-line-clamp: 2;}
	.main-visual .item_box > .txt_box .btn_wrap {flex-wrap : wrap;}	

	/*m_sec1 > left*/	
	.report .item_box .title {-webkit-line-clamp: 2; height : 5rem;}
	.report .item_box .txt_box .btn_box {flex-wrap: wrap;}
	
	/* m_sec1 > right */
	.m_sec1 .m_tab_box_wrap {height: 380px !important;}
		
	.report .item_box .txt_box .btn_box {flex-wrap : wrap;}
	.m_sec1 .search .sch {width: 2.9rem; height: 2.9rem;}
    .m_sec1 .search .sch:after {margin: 2px;}
	

	.main-visual .item_box > .txt_box .more_view, .main-visual .item_box > .txt_box .press_view {width : 60%;}
	

	
}

@media screen and (max-width: 400px){ 
	/* m_sec1 */
    .main_section.m_sec1 {height: 90rem !important; }
   	.m_sec1 .inp-bx.flex_box.jcs.ac {width: calc((100% - 30px) - 18%);}
    .m_sec1 .search input[type=text] {width: calc(100% - 4rem);}

	/* m_sec3 */ 
	.m_sec3 .prev, .m_sec3 .next {width: 10px !important; height: 10px !important;}
	.m_sec3 .flex_box > .half.right {gap : 2.45rem;}
	.m_sec3 .cort-bx {bottom: -2.25rem !important;    }
	.m_sec3 .cort-bx .btn-wrapper .auto-start,
	.m_sec3 .cort-bx .btn-wrapper .auto-stop {top: 30%;}
	.m_sec3 .press ul li .title {width: calc(100% - 10rem);}
	
	.notice_kind2 li a,.notice_kind li a {font-size: 17px; padding : 0;}
	
	.m_sec3 .notice_list .flex_box.first .info > div.fs18 {font-size : 17px;}
	.m_sec3 .notice_list .flex_box.first .info > p {font-size : 13px !important;}
   }

@media screen and (max-width: 360px){
	

	.m_sec4 .box { width: 100%;}
}

@media screen and (max-width: 320px){
	.main-visual .copy .tx01 span{font-size:2.2rem;}
	.main-visual .copy .tx01 strong { font-size: 1.8rem}
	.main-visual .copy .tx01 em,.main_banner p.ko_sub { font-size: 1.5rem;}
	.main-visual .cort-bx .stop, .main-visual .cort-bx .play {left: 270px;}

	.main_product ul li > a {font-size: 1.3rem;}
	
	.m_sec4 .box {width : 100%;}
	
	/* 참여 */
	.m_sec5 .quik_bottom i img {width : 10rem;}
	.m_sec5 .quik_top .quick_middle .quick:first-child i img {width : 8rem; bottom : 25%;}
	.m_sec5 .quik_top .quick_middle .quick:nth-child(2) i img {width : 11rem;}
	.m_sec5 .quik_top div i img {width : 9rem;}
	


}



#footer .popup_open { border-radius: 5px; background: #005099; padding: 0.3rem 0.8rem; }
#footer .popup_open:hover { background: #fff; color: #005099 !important; }

.voice_eait table.data tbody th { padding: 1rem; font-size: 1em; }
.voice_eait table.data tbody td { text-align: left; padding: 1rem; }