.sod_frm_taker .tbl_frm01 .btn_frmline { width:auto; }
#captcha #captcha_key { border:1px solid #777; }

body { word-break:keep-all; font-family:'Pretendard', sans-serif; letter-spacing:0; display:flex; flex-direction:column; min-height:100vh; padding-top:132px; }
body.is_mobile { padding-top:0 !important; }
#footer { margin-top:auto; }
.wrap { width:1200px; margin:0 auto; }
.block768 { display:none; }

.none1480_cell { display:table-column; }
.none1280_cell { display:table-column; }
.none980_cell { display:table-column; }
.none768_cell { display:table-column; }
.none640_cell { display:table-column; }

.none1480_table { display:table-cell; }
.none1280_table { display:table-cell; }
.none980_table { display:table-cell; }
.none768_table { display:table-cell; }
.none640_table { display:table-cell; }

.none1480_info { display:block; }
.none1280_info { display:block; }
.none980_info { display:block; }
.none768_info { display:block; }
.none640_info { display:block; }

.block1480_info { display:none; }
.block1280_info { display:none; }
.block980_info { display:none; }
.block768_info { display:none; }
.block640_info { display:none; }
@media screen and (max-width:1480px) {
  .wrap { width:auto; padding:0 50px; box-sizing:border-box; }

  .none1480_table { display:none; }
  .none1480_cell { display:none; }
  .block1480_info { display:block; }
  .none1480_info { display:none; }
}

@media screen and (max-width:1280px) {
  .wrap { padding:0 30px; }

  .none1280_table { display:none; }
  .none1280_cell { display:none; }
  .block1280_info { display:block; }
  .none1280_info { display:none; }
}

@media screen and (max-width:980px) {
  .wrap { padding:0 20px; }

  .none980_table { display:none; }
  .none980_cell { display:none; }
  .block980_info { display:block; }
  .none980_info { display:none; }
}

@media screen and (max-width:768px) {
  .none768 { display:none; }
  .block768 { display:block; }

  .none768_table { display:none; }
  .none768_cell { display:none; }
  .block768_info { display:block; }
  .none768_info { display:none; }
}

@media screen and (max-width:640px) {
  .wrap { padding:0 15px; }

  .none640_table { display:none; }
  .none640_cell { display:none; }
  .block640_info { display:block; }
  .none640_info { display:none; }
}


#main article { padding:96px 0; }
#main .title { text-align:center; position:relative; margin:0 0 64px; }
#main .title strong { font-size:28px; color:#252828; font-weight:700; letter-spacing:-0.03em; }
#main .title a { border:1px solid #e0e0e0; border-radius:4px; line-height:40px; display:inline-block; padding:0 25px; color:#888; font-size:13px; font-weight:500; transition: all 0.2s;} position:absolute; top:50%; right:0; transform:translate(0,-50%); }
.chk_box input[type="checkbox"] + label span { border-radius:0 !important; border:1px solid #777 !important; width:20px !important; height:20px !important; background-color:#fff !important; }
.chk_box input[type="checkbox"]:checked + label span { background:none !important; background-color:#fff !important; }
.chk_box input[type="checkbox"]:checked + label span:after { background:none !important; background-color:#252828 !important; width:13px; height:13px; display:block; content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }

@media screen and (max-width:1024px) {
	#main article { padding:72px 0; }
}

@media screen and (max-width:980px) {
	#main .title { margin:0 0 25px; }
	#main .title strong { font-size:30px; }
	#main .title a { font-size:16px; line-height:35px; padding:0 20px; }
}

@media screen and (max-width:768px) {
	#main article { padding:56px 0; }
	#main .title strong { font-size:26px; }
	#main .title a { font-size:15px; padding:0 12px; line-height:32px; }
}

@media screen and (max-width:640px) {
	#main article { padding:40px 0; }
}



#main .visual { position:relative; overflow:hidden; background:#F9F7F4; padding:0; }
#main .visual .hero_video_wrap { max-width:1400px; margin:0 auto; }
#main .visual .hero_video_wrap video { display:block; width:100%; height:auto; }


#main .video .wrap { text-align:center; }
#main .video h3 { color:#252828; font-size:28px; font-weight:700; position:relative; margin:0 0 56px; padding:40px 0 0; position:relative; display:inline-block; letter-spacing:-0.03em; }
#main .video h3:after,
#main .video h3:before { position:absolute; }
#main .video h3:after { content:''; width:100%; height:1px; background-color:#B9C8D7; top:16px; left:0; z-index:1; }
#main .video h3:before { content:'Manufacturing Insight'; font-size:14px; font-weight:500; color:#B9C8D7; background-color:#F9F7F4; left:50%; top:0; transform:translate(-50%, 0); z-index:2; white-space:nowrap; padding:0 16px; font-family:'Pretendard', sans-serif; letter-spacing:0.15em; text-transform:uppercase; }
#main .video .wrap > div { overflow:hidden; text-align:left; }
#main .video .wrap > div .video_cont { float:left; width:48.5%; position:relative; height:auto; }
#main .video .wrap > div .video_cont:last-child { margin-left:3%; }
#main .video .wrap > div .video_cont .main_video { padding-bottom:50%; position:relative; }
#main .video .wrap > div .video_cont .main_video iframe { top:0; left:0; position:absolute; width:100%; height:100%; border-radius:12px; }
#main .video .wrap > div .video_cont .txt { color:#111; margin-top:16px; }
#main .video .wrap > div .video_cont .txt p { font-size:14px; font-weight:400; word-break:keep-all; color:#666; line-height:1.6; }

@media screen and (max-width:1024px) {
#main .video h3 { font-size:24px; margin:0 0 44px; padding:28px 0 0; }
#main .video h3:after { top:11px; }
#main .video h3:before { font-size:12px; padding:0 14px; }
#main .video .wrap > div .video_cont .txt { margin-top:14px; }
}

@media screen and (max-width:768px) {
#main .video h3 { font-size:20px; margin:0 0 36px; padding:24px 0 0; }
#main .video h3:after { top:9px; }
#main .video h3:before { font-size:11px; padding:0 12px; }
#main .video .wrap > div .video_cont .txt { margin-top:12px; }
}

@media screen and (max-width:640px) {
#main .video h3 { font-size:18px; margin:0 0 28px; padding:20px 0 0; }
#main .video h3:after { top:7px; }
#main .video h3:before { font-size:10px; padding:0 10px; }
#main .video .wrap > div .video_cont { float:none; width:auto; }
#main .video .wrap > div .video_cont:last-child { margin-left:0; margin-top:20px; }
#main .video .wrap > div .video_cont .txt { margin-top:12px; }
}

#main .process h3 {text-align: center; font-size: 28px; font-weight: 700; color: #252828; margin-bottom: 56px; letter-spacing:-0.03em;}
#main .process .product_process {position: relative;}
#main .process .product_process ul.process_li {display: flex; text-align: center;}
#main .process .product_process::before {content: ''; position: absolute; top: 0; background-color: #e9e9e9; height: 1px; width: 100%; z-index: 0; margin-top: 70px;}
#main .process .product_process ul.process_li li {width: 23.33%; display: inline-block; position: relative; z-index: 1;}
#main .process .product_process ul.process_li li > a { display: block; }
#main .process .product_process ul.process_li li .img {position: relative; margin:0 auto;}
#main .process .product_process ul.process_li li .circle {width: 6px; height: 6px; border-radius: 50%; background-color: #ddd; display: inline-block; margin: 16px 0;}
#main .process .product_process ul.process_li li .circle_on {background-color: #BEE5E4; position: relative;}
#main .process .product_process ul.process_li li .circle_on::before {content: ''; width: 16px; height: 16px; border: 1.5px solid #BEE5E4; border-radius: 50%; z-index: -1; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff;}
#main .process .product_process ul.process_li li p {color: #aaa; margin: 0 0 12px 0; font-size: 13px; font-weight: 500;}
#main .process .product_process ul.process_li li b {font-size: 15px; word-break: keep-all; font-weight: 600; color: #252828; letter-spacing:-0.01em;}

@media screen and (max-width: 1080px) {
	#main .process h3 {font-size: 24px;}
	#main .process .product_process ul.process_li li b {font-size: 14px;}
}
@media screen and (max-width:870px) {
	#main .process .product_process::before {top: 24px; height: 85%; width: 2px; right: 50%;}
	#main .process .product_process ul.process_li {flex-direction: column; align-items: center;}
  #main .process .product_process ul.process_li li {width: 90%;}
	#main .process .product_process ul.process_li li > a {width: 100%; display: flex; justify-content: space-between; margin-bottom: 12%;}
	#main .process .product_process ul.process_li li .img {width: 40%;}
	#main .process .product_process ul.process_li li .circle {margin: 22px;}
	#main .process .product_process ul.process_li li .txt {width: 40%;}
	
}
@media screen and (max-width:500px) {
	#main .process h3 {margin-bottom: 40px; font-size: 22px;}
	#main .process .product_process ul.process_li li .img {width: 56px; height: 56px;}
	#main .process .product_process ul.process_li li .img img {width: 24px !important; height: 24px !important;}
	#main .process .product_process ul.process_li li b {font-size: 14px;}
}
@media screen and (max-width:391px) {
	#main .process h3 {font-size: 20px; margin-bottom: 36px;}
}
@media screen and (max-width:353px) {
	#main .process h3 {font-size: 18px; margin-bottom: 32px;}
	#main .process .product_process::before {height: 82%;}
}

#main .video2 .video_cont {width: 72%; height: auto; padding-bottom: 36%; margin: 0 auto; margin-top: 90px; position: relative;}
#main .video2 .video_cont iframe {top: 0; left: 0; position: absolute; width: 100%; height: 100%; border-radius: 12px;}
#main .video2 {padding-bottom: 96px; position: relative;}
#main .video2::after {content: ''; width: 100%; height: 54%; background-color: #F2F0EF; position: absolute; z-index: -1; bottom: 0;}

@media screen and (max-width:870px) {
	#main .video2 .video_cont {width: 100%; padding-bottom: 50%; margin-top: 20px;}
}
@media screen and (max-width:720px) {
	#main .video2 {padding-bottom: 10%;}
}


#main .banner .banner_slider {max-width: 1440px; margin: 0 auto;}
#main .banner .banner_slider .owl-dots {text-align: center; margin-top: 16px;}
#main .banner .banner_slider .owl-dot span {width: 8px; height: 8px; background: #ccc; border-radius: 50%; display: inline-block; margin: 0 4px; transition: all 0.2s;}
#main .banner .banner_slider .owl-dot.active span {background: #252828; width: 24px; border-radius: 4px;}
#main .banner .banner_wrap {position: relative; border-radius: 12px; overflow: hidden;}
#main .banner .banner_wrap::before {display: none;}
#main .banner .banner_wrap .banner_bg img {width: 100%; display: block;}
#main .banner .banner_wrap .banner_text {position: absolute; top: 50%; left: 120px; transform: translateY(-50%); z-index: 2;}
#main .banner .banner_wrap .banner_text strong {display: block; font-size: 26px; font-weight: 700; color: #fff; letter-spacing: -0.03em; line-height: 1.35;}
#main .banner .banner_wrap .banner_text p {font-size: 15px; color: rgba(255,255,255,0.75); margin: 10px 0 0; line-height: 1.5; font-weight: 400; letter-spacing: -0.01em;}
#main .banner .banner_wrap .banner_text .banner_btn {display: inline-block; margin-top: 24px; padding: 16px 48px; font-size: 16px; font-weight: 600; color: #252828; background: #fff; border: none; border-radius: 50px; transition: all 0.2s; letter-spacing: -0.01em;}
#main .banner .banner_wrap .banner_text .banner_btn:hover {background: #F2F0EF; color: #252828;}

@media screen and (max-width:1480px) {
	#main .banner .banner_slider {margin: 0 50px; max-width: none;}
}
@media screen and (max-width:1400px) {
	#main .banner .banner_wrap .banner_text strong {font-size: 23px;}
	#main .banner .banner_wrap .banner_text p {font-size: 14px;}
	#main .banner .banner_wrap .banner_text .banner_btn {padding: 14px 40px; font-size: 15px;}
	#main .banner .banner_wrap .banner_text {left: 80px;}
}
@media screen and (max-width:1280px) {
	#main .banner .banner_slider {margin: 0 30px;}
	#main .banner .banner_wrap .banner_text {left: 56px;}
	#main .banner .banner_wrap .banner_text strong {font-size: 21px;}
}
@media screen and (max-width:1200px) {
	#main .banner .banner_wrap .banner_text strong {font-size: 20px;}
	#main .banner .banner_wrap .banner_text p {font-size: 13px;}
	#main .banner .banner_wrap .banner_text .banner_btn {padding: 12px 36px; font-size: 14px; margin-top: 18px;}
	#main .banner .banner_wrap .banner_text {left: 48px;}
}
@media screen and (max-width:980px) {
	#main .banner .banner_slider {margin: 0 20px;}
	#main .banner .banner_wrap .banner_text {left: 36px;}
	#main .banner .banner_wrap .banner_text strong {font-size: 18px;}
	#main .banner .banner_wrap .banner_text .banner_btn {padding: 10px 28px; font-size: 13px; margin-top: 14px;}
}
@media screen and (max-width:768px) {
	#main .banner .banner_slider {margin: 0 20px;}
	#main .banner .banner_wrap .banner_text {left: 28px;}
	#main .banner .banner_wrap .banner_text strong {font-size: 17px;}
	#main .banner .banner_wrap .banner_text p {font-size: 12px; margin: 6px 0 0;}
	#main .banner .banner_wrap .banner_text .banner_btn {padding: 9px 24px; font-size: 12px; margin-top: 12px;}
}
@media screen and (max-width:640px) {
	#main .banner .banner_slider {margin: 0 15px;}
	#main .banner .banner_wrap .banner_text {left: 20px;}
	#main .banner .banner_wrap .banner_text strong {font-size: 18px;}
	#main .banner .banner_wrap .banner_text p {display: none;}
	#main .banner .banner_wrap .banner_text .banner_btn {padding: 10px 24px; font-size: 12px; margin-top: 14px;}
}


#main .sub_banner {background-color: #F9F7F4; padding-top: 96px; padding-bottom: 96px;}
#main .sub_banner .sub_banner_cont {width: 100%; display: flex; flex-wrap: wrap; gap: 12px;}

/* 공통 서브배너 스타일 */
#main .sub_banner .sub_banner_cont [class^="sub_banner"] {border-radius: 12px; display: inline-block; overflow: hidden;}
#main .sub_banner .sub_banner_cont [class^="sub_banner"] > a {display: flex; align-items: flex-end; min-height: 220px; padding: 36px;}
#main .sub_banner .sub_banner_cont [class^="sub_banner"] .txt strong {font-size: 22px; font-weight: 700; display: block; margin-bottom: 12px; letter-spacing: -0.02em;}
#main .sub_banner .sub_banner_cont [class^="sub_banner"] .txt p {font-size: 14px; margin: 0; line-height: 1.8; opacity: 0.85; font-weight: 400;}

/* 공통: 배경 이미지 + ::after로 아래→위 그라데이션 */
#main .sub_banner .sub_banner_cont [class^="sub_banner"] {position: relative;}
#main .sub_banner .sub_banner_cont [class^="sub_banner"]::after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 85%; background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.25) 50%, transparent 100%); border-radius: 0 0 12px 12px; pointer-events: none;}
#main .sub_banner .sub_banner_cont [class^="sub_banner"] .txt {position: relative; z-index: 1; color: #fff;}

/* 1 */
#main .sub_banner .sub_banner_cont .sub_banner1 {background: url(../img/main/bg_img_1.png) center/cover no-repeat; width: calc(41% - 6px);}
/* 2 */
#main .sub_banner .sub_banner_cont .sub_banner2 {background: url(../img/main/bg_img_2.png) center/cover no-repeat; width: calc(59% - 6px);}
/* 3 */
#main .sub_banner .sub_banner_cont .sub_banner3 {background: url(../img/main/bg_img_3.png) center/cover no-repeat; width: calc(62% - 6px);}
/* 4 */
#main .sub_banner .sub_banner_cont .sub_banner4 {background: url(../img/main/bg_img_4.png) center/cover no-repeat; width: calc(38% - 6px);}
/* 5 */
#main .sub_banner .sub_banner_cont .sub_banner5 {background: url(../img/main/bg_img_5.png) center/cover no-repeat; width: 100%;}

@media screen and (max-width: 890px) {
	#main .sub_banner {padding-bottom: 48px;}
	#main .sub_banner .sub_banner_cont [class^="sub_banner"] > a {min-height: 180px; padding: 28px;}
	#main .sub_banner .sub_banner_cont [class^="sub_banner"] .txt strong {font-size: 19px;}
	#main .sub_banner .sub_banner_cont [class^="sub_banner"] .txt p {font-size: 13px;}
}
@media screen and (max-width: 750px){
	#main .sub_banner .sub_banner_cont .sub_banner1,
	#main .sub_banner .sub_banner_cont .sub_banner2,
	#main .sub_banner .sub_banner_cont .sub_banner3,
	#main .sub_banner .sub_banner_cont .sub_banner4 {width: 100%;}
}
@media screen and (max-width: 480px) {
	#main .sub_banner .sub_banner_cont [class^="sub_banner"] > a {min-height: 160px; padding: 24px;}
	#main .sub_banner .sub_banner_cont [class^="sub_banner"] .txt strong {font-size: 17px;}
}







/* 서브공통 */
#sub { padding:0 0 64px; }
#sub .title { padding:64px 50px 8px; text-align:center; }
#sub .title.pb0 { padding:50px 50px 0; }
#sub .title h2 { font-size:24px; font-weight:600; color:#252828; }
#sub .title h3 { font-size:20px; font-weight:500; color:#252828; }

#sub .product ul { overflow:hidden; margin:0 -1%; }
#sub .product ul li { float:left; width:23%; margin:0 1% 48px; position:relative; padding-bottom: 5%; }
#sub .product ul li:nth-child(-n+4) { margin:0 1%; }
#sub .product ul li.no { width:100%; margin:0; text-align:center; font-size:20px; padding:20px 0 100px; }

#sub .product ul li .img { box-sizing:border-box; position:relative; width:100%; border:1px solid #e8e8e8; overflow:hidden; border-radius:12px; }
#sub .product ul li .img:after { display:block; content:''; padding-bottom:100%; }
#sub .product ul li .img a { display:block; position:absolute; width:100%; height:100%; }
#sub .product ul li .img img { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-height:100%; max-width:100%; }
#sub .product ul li .img div { background-color:#BEE5E4; width:64px; height:64px; border-radius:50%; position:absolute; top:12px; right:12px; text-align:center; }
#sub .product ul li .img div.best { background-color:#252828; }
#sub .product ul li .img div.hit { background-color:#B9C8D7; }
#sub .product ul li .img div span { line-height:64px; display:inline-block; font-weight:700; font-size:20px; color:#fff; }
#sub .product ul li .img div span b { font-size:28px; }

#sub .product ul li .txt { position:relative; }
#sub .product ul li .txt a { display:block; }
#sub .product ul li .txt p { font-size:15px; line-height:1.5; min-height:45px; font-weight:500; color:#333; margin:12px 0 8px; text-overflow:ellipsis; overflow:hidden; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
#sub .product ul li .txt .price { text-align:left; }
#sub .product ul li .txt .price i { font-size:16px; font-weight:700; font-style:normal; margin:0 8px 0 0; color:#252828; }
#sub .product ul li .txt .price s { font-size:16px; font-weight:700; text-decoration:none; }
#sub .product ul li .txt .price.sale s { font-size:13px; font-weight:400; text-decoration:line-through; color:#aaa; }

@media screen and (max-width:1280px) {
  #sub .product ul li .img div { width:50px; height:50px; }
  #sub .product ul li .img div span { line-height:50px; font-size:16px; }
  #sub .product ul li .img div span b { font-size:20px; }

  #sub .product ul li .txt .price i { font-size:15px; margin:0 8px 0 0; }
  #sub .product ul li .txt .price s { font-size:15px; }
  #sub .product ul li .txt p { font-size:14px; line-height:1.5; min-height:42px; }
}

@media screen and (max-width:980px) {
  #sub .product ul li { width:31.33%; }
  #sub .product ul li.no { font-size:16px; }
  
  #sub .product ul li .txt .price i { font-size:15px; }
  #sub .product ul li .txt .price s { font-size:15px; }
}

@media screen and (max-width:768px) {
  #sub { padding:0 0 48px; }
  #sub .product ul li { width:48%; }

  #sub .product ul li .img div { width:45px; height:45px; }
  #sub .product ul li .img div span { font-size:14px; line-height:45px; }

  #sub .product ul li .txt span { font-size:16px; }
  #sub .product ul li .txt p { font-size:16px; line-height:25px; margin: 5% 0; min-height:50px; }
  #sub .product ul li .txt .price { padding:6px 0 0; }
  #sub .product ul li .txt .price i { font-size:16px; margin:0 7px 0 0; }
  #sub .product ul li .txt .price s { font-size:16px; }
  #sub .product ul li .txt .price.sale s { font-size:16px; }
}



.pagination {  }
.pagination ol { text-align:center; }
.pagination ol li { display:inline-block; }
.pagination ol li a { font-size:20px; color:#6e6e6e; display:inline-block; padding:0 7px; line-height:50px; opacity:0.5; }
.pagination ol li a.prev,
.pagination ol li a.next { text-indent:-9999px; width:25px; height:25px; line-height:25px; background-image:url('../img/common/pagination.png'); background-size:50px 25px; background-repeat:no-repeat; opacity:1; margin:0 5px; }

.pagination ol li a.prev { background-position:0 0; }
.pagination ol li a.next { background-position:-25px 0; }
.pagination ol li a.on { opacity:1; }

.pagination.board_pagination ol li a { background-color:#f2f2f2; line-height:30px; padding:0 10px; font-size:16px; color:#141414; opacity:1; }
.pagination.board_pagination ol li a.prev, .pagination.board_pagination ol li a.next { width:30px; height:30px; line-height:30px; background-size:40px 20px; }
.pagination.board_pagination ol li a.prev { background-position:5px 5px; }
.pagination.board_pagination ol li a.next { background-position:-15px 5px; }
.pagination.board_pagination ol li a.on { color:#fff; background-color:#252828; }


/**/






@media screen and (max-width:768px) {
  .tbl_head03 thead th { font-size:16px !important; }
  .tbl_head03 td { padding:15px 5px; }
}


.search_form { text-align:center; margin:-0.5% -0.5% 50px -0.5%; font-size:0; position:relative; }
.search_form > * { height:40px; line-height:40px; box-sizing:border-box; padding:0; margin:0; text-align:center; width:140px; margin:0.5%; }
.search_form #sfl { margin-bottom: 0; background: none; border-radius: 0; padding: 0 10px; text-align: center; }
.search_form input[name=q] { width: calc(280px + 1%); text-align: left; padding: 0 10px; margin-bottom: 0; }
.search_form input[type=radio] { width:1px; height:1px; position:absolute; top:0; left:0; opacity:0; }
.search_form label { width:calc(210px + 0.5%); border:1px solid #e8e8e8; font-size:15px; display:inline-block; margin-bottom:0; border-radius:3px; cursor:pointer; }
.search_form input[type=radio]:checked + label { background-color:#252828; border:1px solid #252828; color:#fff; }
.search_form button[type=button] { width:calc(420px + 2%); margin-top:0; }
@media screen and (max-width:768px) {
  .search_form > * { width:32.33%; }
  .search_form input[name=q] { width: 65.66%; }
  .search_form label { width:49%; }
  .search_form button[type=button] { width:99%; }
}









.layer_popup { position:fixed; top:0; right:0; bottom:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.5); z-index:1000; }
.layer_popup .popup { position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); width:1400px; max-width:95%; max-height:95%; background-color:#fff; border-radius:20px; }
.layer_popup .popup .box { position:relative; padding:50px 60px; }
.layer_popup .popup .box .close { position:absolute; top:5px; right:5px; background-color:transparent; border:none; margin:0; width:36px; text-align:center; }
.layer_popup .popup .box .close:after { content:"\00d7"; font-size:30px; font-weight:400; }
.layer_popup .popup .box .scroll { overflow-y:scroll; -ms-overflow-style:none; scrollbar-width:none; max-height:calc(100vh - 5vh - 100px); }
.layer_popup .popup .box .scroll::-webkit-scrollbar { display:none; }

.layer_popup .popup .box .scroll h4 { font-size:24px; font-weight:700; color:#333; text-align:center; margin:0 0 5px; }
.layer_popup .popup .box .scroll > p { font-size:15px; font-weight:500; color:#333; text-align:center; margin:0 0 30px; }

@media screen and (max-width:1280px) {
	.layer_popup .popup { border-radius:18px; }
	.layer_popup .popup .box { padding:40px 50px; }
	.layer_popup .popup .box .close { top:4px; right:4px; width:32px; }
	.layer_popup .popup .box .close:after { font-size:27px; }

	.layer_popup .popup .box .scroll h4 { font-size:22px; margin:0 0 4px; }
	.layer_popup .popup .box .scroll > p { font-size:14px; margin:0 0 27px; }
}
@media screen and (max-width:1024px) {
	.layer_popup .popup { border-radius:16px; }
	.layer_popup .popup .box { padding:30px 40px; }
	.layer_popup .popup .box .close { top:3px; right:3px; width:29px; }
	.layer_popup .popup .box .close:after { font-size:24px; }

	.layer_popup .popup .box .scroll h4 { font-size:20px; margin:0 0 3px; }
	.layer_popup .popup .box .scroll > p { font-size:13px; margin:0 0 24px; }
}
@media screen and (max-width:768px) {
	.layer_popup .popup { border-radius:14px; }
	.layer_popup .popup .box { padding:20px 30px; }
	.layer_popup .popup .box .close { top:2px; right:2px; width:25px; }
	.layer_popup .popup .box .close:after { font-size:21px; }

	.layer_popup .popup .box .scroll h4 { font-size:18px; margin:0 0 2px; }
	.layer_popup .popup .box .scroll > p { font-size:12px; margin:0 0 21px; }
}
@media screen and (max-width:640px) {
}





#sub .board .wrap { overflow: hidden; }
#sub .board .wrap > div { margin:72px 0 0; overflow:hidden; }
#sub .board .list { float: left; width: 48%; margin: 0 1%; }
#sub .board .list > p { color:#252828; font-size: 16px; font-weight: 600; position: relative; padding: 0 0 12px; border-bottom: 2px solid #252828; }
#sub .board .list>p a { font-size: 14px; display: inline-block; color:#888; font-weight: 400; position: absolute; top: calc(50% - 6px); right: 0; transform: translate(0, -50%); }
#sub .board .list ol { min-height: 305px; margin: 0 0 20px; }
#sub .board .list ol li { border-bottom: 1px solid #d4d4d4; }
#sub .board .list ol li:last-child { border: 0; }
#sub .board .list ol li.no {}
#sub .board .list ol li.no a { pointer-events: none; text-align: center; padding: 0; }
#sub .board .list ol li.no a p { max-width: 100%; width: 100%; }
#sub .board .list ol li a { display: block; line-height: 52px; box-sizing: border-box; font-size: 15px; color: #424242; overflow: hidden; }
#sub .board .list ol li a p { float: left; width: calc(100% - 130px); white-space: nowrap; overflow: hidden; max-width: calc(100% - 200px); text-overflow: ellipsis; }
#sub .board .list ol li a span { color: #a3a3a3; float: right; width: 130px; display: block; text-align: center; position: relative; }
#sub .board .list ol li a span.new_icon { float: none; display: inline-block; width: 16px; line-height: 16px; font-size: 11px; color: #fff; background-color: #BEE5E4; text-align: center; border-radius: 2px; margin-left: 2px; font-weight: bold; vertical-align: middle; }
#sub .board .list ol li.file a > span:after { display: block; content: ''; width: 20px; height: 20px; position: absolute; top: 50%; transform: translate(0, -50%); left: -30px; background-image: url('../img/main/icon_file.png'); background-repeat: no-repeat; background-position: right center; background-size: 20px 20px; }


@media screen and (max-width:980px) {
	#sub .board .wrap > div { margin:60px 0 0; }
	#sub .board .list { margin: 0 0 20px; width: 100%; }
	#sub .board .list ol { min-height: inherit; }
	#sub .board .list ol li a { font-size: 16px; line-height: 50px; }
	#sub .board .list ol li a span { width: 100px; }
	#sub .board .list ol li a p { width: calc(100% - 130px); max-width: calc(100% - 130px); }
	#sub .board .list ol li.file a > span:after { left: -22px; }
}

@media screen and (max-width:768px) {
	#sub .board .wrap > div { margin:50px 0 0; }
	#sub .board { padding: 40px 0 0; }
}