@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url('https://fonts.googleapis.com/css2?family=Play:wght@300;400;500;700;900&display=swap');

body { font-family: 'pretendard', 'Noto Sans KR', 'Malgun Gothic', 'Nanum Gothic',dotum,Helvetica,Apple SD Gothic Neo,sans-serif; color: #000; min-width: 340px; background: #fff; word-break: keep-all; }
#hd, #wrapper, #ft { min-width: auto; }
#hd_pop, #hd_wrapper, #tnb .inner, #gnb .gnb_wrap, #container_wr, #ft_wr { width: 100%; }
#ft_copy { width: 100%; }
#gnbnav { opacity: 1; display: flex; justify-content: center; align-items: center; }
/*#gnbnav:before {content:'';position: absolute;top:0;background:#e5e7e6;width:100%;height:1px;}*/
#gnbnav ul.gnb_list { transition: .1s; width: 100%; display: flex; }
#gnbnav ul.gnb_list > li { position: relative; padding: 39.5px 40px; transition: 1s; }
#gnbnav ul.gnb_list > li:last-child:after { width: 0; }
#gnbnav ul.gnb_list > li:last-child { margin-right: 0; }
#gnbnav ul.gnb_list > li > a { display: inline-block; font-size: 18px; color: #fff; font-weight: 500; position: relative; margin: 0 0px; font-family: 'Play'; }
#gnbnav .subNavi_outer { position: absolute; top: 95px; left: 0; height: 0%; width: 100%; overflow: hidden; }
#gnbnav ul.subNavi { position: relative; width: 100%; z-index: 100;/*visibility: hidden;*/opacity: 1; padding: 12px 0; transition-delay: 0s; text-align: center; font-size: 16px; line-height: 2; background: #1079e4; border-radius: 20px; }
#gnbnav ul.subNavi.on { visibility: visible; opacity: 1; transition-delay: .5s}
#gnbnav ul.subNavi.on:before { content: ''; position: absolute; top: -10px; left: 50%; margin-left: -1px; width: 0px; height: 0px; }
#gnbnav ul.subNavi.on:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
#gnbnav ul.subNavi > li {
}
#gnbnav ul.subNavi > li > a { font-size: 16px; color: rgba(255, 255, 255, 0.5); font-weight: 500; }
#gnbnav ul.subNavi > li > a:hover { color: rgba(255, 255, 255, 1); }
header .subMenuBg { position: absolute; top: 0px; width: 100%; background: rgba(255, 255, 255, 1); padding-top: 0px; z-index: -1; height: 0; }
#mgnb_open { position: absolute; top: 12px; z-index: 99; right: 10px; padding: 0 10px; height: 40px; width: 40px; border: 0; background-size: 70%; color: #000; background: none; font-size: 3.2rem; display: none; }
#user_btn { position: absolute; top: 12px; right: 10px; padding: 0 10px; height: 40px; width: 40px; border: 0; color: #fff; font-size: 2.0em; background: none; letter-spacing: -0.1em; display: none; }
#mgnb { display: none; background: #efefef; position: fixed; top: 0; right: 0; z-index: 99999; width: 100%; max-width: 400px; height: 100%; overflow-y: auto; -webkit-box-shadow: 0 0 5px rgba(55,55,5,0.4); -moz-box-shadow: 0 0 5px rgba(55,55,5,0.4); box-shadow: 0 0 5px rgba(55,55,5,0.4)}
#mgnb_1dul { background: #fff}
#mgnb_1dul a { display: block; color: #000}
.mgnb_1dli { position: relative; line-height: 40px}
.mgnb_1dli button { position: absolute; top: 5px; right: 0; width: 40px; height: 40px; overflow: hidden; border: 0; font-size: 1.0em; background: #fff; background: url(../img/mobile/gnb_bg2.png) no-repeat 50% 50%; text-indent: -9999px}
.mgnb_1dli button.btn_gnb_cl { background: url(../img/mobile/gnb_bg.png) no-repeat 50% 50%}
.mgnb_1da { padding: 5px 20px; border-bottom: 1px solid #eee; font-weight: bold; font-size: 16px; }
.mgnb_2dul { display: none; background: #fafafa}
.mgnb_2da { padding-left: 30px; font-size: 15px; }
#mgnb_close { display: block; position: absolute; right: 8px; top: 10px; z-index: 99; font-weight: bold; margin: 0; height: 40px; width: 40px; border: 0; color: #bfb8b2; font-size: 3.2rem; background: transparent}
.mbnb_member {
}
.mbnb_member > li { width: calc(50% - 40px); text-align: center; border: solid 1px #333; margin: 20px; float: left; }
.mbnb_member > li > a { line-height: 40px; font-size: 16px; font-weight: bold; }
.mbnb_member > li > a.btn1 {
}
.mbnb_member > li > a.btn2 {
}
#mgnb_empty { padding: 20px 0; color: #fff; text-align: center; line-height: 2em}
#mgnb_empty a { display: inline; text-decoration: underline}
.total_menu_bg { display: none; position: fixed; width: 100%; background-color: rgba(0,0,0,.5); left: 0; top: 0; z-index: 1099; }
.total_menu_contain { z-index: 100; position: fixed; width: 100%; top: 0%; right: -100%; background: rgba(0,0,0,0.8); color: #fff; overflow: auto; height: 100vh !important; filter: blur(0px); }
.total_menu_contain.active { right: 0%; }
.total_menu_contain.active:before { animation: width 1.5s forwards; animation-delay: 0.3s; }
.total_menu_contain a { color: #fff; }
.total_menu_contain .total_menu_in { width: 100%; height: 100%; }
.total_menu_contain .total_menu_in .t_menu_list { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.total_menu_contain .total_menu_in .t_menu_list .t_menu_list_wrap { display: flex; flex-wrap: wrap; }
.total_menu_contain .total_menu_in .t_menu_list .t_menu_list_wrap .totalmenu1 { padding: 30px 8vw; position: relative; }
.total_menu_contain .total_menu_in .t_menu_list .t_menu_list_wrap .totalmenu1:before { content: ''; position: absolute; bottom: 0; left: 0; width: 0%; height: 1px; background: rgba(255, 255, 255, 0.1); }
.total_menu_contain .total_menu_in .t_menu_list .t_menu_list_wrap .totalmenu1:last-child:before { width: 0; }
.total_menu_contain .total_menu_in .t_menu_list .t_menu_list_wrap .totalmenu1 .big_menu { font-size: 48px; font-weight: 700; padding-bottom: 35px; font-family: 'Play'; text-align: center; }
.total_menu_contain .total_menu_in .t_menu_list .t_menu_list_wrap .totalmenu1 .big_menu > a {
}
.total_menu_contain .total_menu_in .t_menu_list .t_menu_list_wrap .totalmenu1 .small_menu {
}
.total_menu_contain .total_menu_in .t_menu_list .t_menu_list_wrap .totalmenu1 .small_menu > li { text-align: center; }
.total_menu_contain .total_menu_in .t_menu_list .t_menu_list_wrap .totalmenu1 .small_menu > li > a { font-size: 20px; line-height: 2.3; font-weight: 500; }
@media screen and (max-width:1200px) {
	.total_menu_contain .total_menu_in .t_menu_list .t_menu_list_wrap .totalmenu1 { padding: 30px 3vw; }
}
@media screen and (max-width:1024px) {
	.total_menu_contain .total_menu_in .t_menu_list .t_menu_list_wrap .totalmenu1 { width: 100%; }
	.total_menu_contain .total_menu_in .t_menu_list .t_menu_list_wrap .totalmenu1 .small_menu { display: flex; flex-wrap: wrap; }
	.total_menu_contain .total_menu_in .t_menu_list .t_menu_list_wrap .totalmenu1 .small_menu > li { width: 50%; }
	.total_menu_contain .total_menu_in .t_menu_list .t_menu_list_wrap .totalmenu1:before { width: 100%; }
	.total_menu_contain .total_menu_in .t_menu_list .t_menu_list_wrap .totalmenu1 .big_menu { font-size: 38px; padding-bottom: 5px; }
	.total_menu_contain .total_menu_in .t_menu_list .t_menu_list_wrap .totalmenu1 .small_menu > li > a { line-height: 2.0; }
}
header#header { position: absolute; top: 0; left: 0; width: 100%; z-index: 900; }
header#header.total { position: fixed; }
.header_wrap { padding: 0px 100px; }
.headerBox { display: flex; align-items: center; }
.headerBox .logo { width: 173px; aspect-ratio: 173 / 38; z-index: 2000; }
.headerBox .logo > h1 { width: 100%; height: 100%; }
.headerBox .logo > h1 > a { display: block; width: 100%; height: 100%; background: url(../img/main/logo.png) no-repeat center / contain; transition: 0.5s; }
.headerBox .header_inner { width: calc(100% - 329px); }
.headerBox .header_inner .gnbnav {
}
.headerBox .header_right { width: 156px; display: flex; align-items: center; column-gap: 40px; justify-content: flex-end; }
.headerBox .header_right .lang { position: relative; padding: 30px 0; }
.headerBox .header_right .lang .lang_n { font-size: 18px; color: #fff; font-family: 'Play'; font-weight: 700; display: flex; align-items: center; }
.headerBox .header_right .lang .lang_n > span { font-size: 18px; font-weight: 500; }
.headerBox .header_right .lang .lang_drop_list { height: 0%; transition: 0.5s; position: absolute; background: #1079e4; border-radius: 20px; width: 200%; display: flex; justify-content: center; align-items: center; flex-direction: column; overflow: hidden; font-size: 15px; font-weight: 500; top: 70px; left: 50%; transform: translateX(-50%); }
.headerBox .header_right .lang .lang_drop_list > li {
}
.headerBox .header_right .lang .lang_drop_list > li > a { font-size: 16px; font-family: 'Play'; font-weight: 700; color: rgba(255, 255, 255, 0.5); padding: 7px; display: block; }
.headerBox .header_right .lang .lang_drop_list > li > a.on, .headerBox .header_right .lang .lang_drop_list > li > a:hover { color: rgba(255, 255, 255, 1); }
.headerBox .header_right .lang:hover .lang_drop_list { height: 100px; }
div#totalMenu { cursor: pointer; z-index: 2000; }
div#totalMenu div.bars { position: relative; overflow: hidden; }
div#totalMenu div.bars .b_menu { width: 60px; height: 25px; position: relative; display: none; }
div#totalMenu div.bars .c_menu { width: 60px; height: 25px; position: relative; }
div#totalMenu div.bars .c_menu .c_line { transition: .5s; position: relative; width: calc(100% - 0rem); height: 2px; background: #fff;/* margin: 0rem 0 0.5rem 0rem; */}
div#totalMenu div.bars .c_menu .c_txt { font-size: 1.2rem; color: #fff; letter-spacing: 0.02rem; }
div#totalMenu div.bars .c_menu:hover .c_line:nth-child(1) { width: 100%}
div#totalMenu div.bars .c_menu:hover .c_line:nth-child(3) { width: 100%}
div#totalMenu div.bars .c_menu .c_line:nth-child(1) { width: 100%; position: absolute; top: 0; }
div#totalMenu div.bars .c_menu .c_line:nth-child(2) { width: 100%; position: absolute; bottom: 0; }
div#totalMenu div.bars span.bline { display: block; background: #fff; width: 100%; height: 3px; margin: 0; border-radius: 0%; transition: 0.5s; }
div#totalMenu div.bars span.bline.top1 { position: absolute; top: 0px; left: 0px; width: 24px; }
div#totalMenu div.bars span.bline.top2 { position: absolute; top: 9px; right: 0px; width: 16px; }
div#totalMenu div.bars span.bline.mid1 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 5px; opacity: 0; }
div#totalMenu div.bars span.bline.bot1 { position: absolute; bottom: 0px; right: 0px; width: 24px; }
div#totalMenu div.bars span.bline.bot2 { position: absolute; bottom: 0px; right: 0px; width: 5px; }
#hd.on div#totalMenu { border: 3px solid #fff; }
#hd.on div#totalMenu div.bars span.bline { background: #fff; }
div#totalMenu:hover div.bars span.bline.top { width: 24px; transition: width 0.6s}
div#totalMenu:hover div.bars span.bline.bot { width: 24px; transition: width 0.6s}
div#totalMenu.on { /*background: url(../img/btn_close.png) no-repeat; background-position: center; transition-property: opacity; transition-duration: 1.5s;  */}
div#totalMenu.on div.bars { display: block !important; overflow: visible; }
div#totalMenu.on div.bars span.bline.top1 { width: 100%; top: 50%; left: 0px; transform: rotate(25deg) translateY(-50%); height: 2px; }
div#totalMenu.on div.bars span.bline.bot1 { width: 100%; top: 50%; left: 0px; transform: rotate(-25deg) translateY(-50%); height: 2px; }
div#totalMenu.on div.bars span.bline.top2 { opacity: 0; }
div#totalMenu.on div.bars span.bline.box_top { display: block; position: absolute; top: 0px; height: 0px; background: #c9c9c9}
div#totalMenu.on div.bars span.bline.box_bottom { display: block; position: absolute; bottom: 0px; height: 0px; background: #c9c9c9}
div#totalMenu.on div.bars span.bline.box_left { display: block; position: absolute; left: 0px; width: 0px; height: 100%; background: #c9c9c9}
div#totalMenu.on div.bars span.bline.box_right { display: block; position: absolute; right: 0px; width: 0px; height: 100%; background: #c9c9c9}
/*header#header.on {background: #fff;}*/
header#header.on .headerBox .logo > h1 > a { background: url(../img/main/logo_b.png) no-repeat center / contain; }
header#header.on #gnbnav ul.gnb_list > li > a { color: #000; }
header.sub .headerBox .logo > h1 > a { background: url(../img/main/logo_b.png) no-repeat center / contain; }
header.sub #gnbnav ul.gnb_list > li > a { color: #000; font-weight: 700; }
header.sub .headerBox .header_right .lang .lang_n { color: #000; }
header.sub div#totalMenu div.bars .c_menu .c_line { background: #000; }
.layer_on header.sub .headerBox .logo > h1 > a { background: url(../img/main/logo_w.png) no-repeat center / contain; }
#ft { background: #000507; }
.ft_wrap { text-align: left; padding: 70px 0; }
.ft_wrap .ft_top { display: flex; justify-content: space-between; margin-bottom: 45px; }
.ft_wrap .ft_top .ft_logo {
}
.ft_wrap .ft_top .ft_logo > a { display: block; width: 225px; aspect-ratio: calc(225 / 50); background: url(../img/main/logo_footer.png) no-repeat center / contain; }
.ft_wrap .ft_menu { font-size: 18px; }
.ft_wrap .ft_menu { display: flex; gap: 20px; }
.ft_wrap .menu .menu_a { font-weight: 600; color: #fff; padding: 10px 0; }
.ft_wrap .sub_menu_wrap { padding: 20px 0; }
.ft_wrap .sub_menu .sub_menu_a { display: inline-block; color: #999; font-weight: 300; padding: 5px 0; font-size: 16px; }
.ft_wrap .ft_menu .menu { min-width: 150px; }
.ft_wrap .thd_menu_wrap { display: none; }
.ft_wrap .ft_btm { display: flex; flex-wrap: wrap; column-gap: 85px; margin-top: 60px; margin-bottom: 60px; position: relative; }
.ft_wrap .ft_btm .cont { flex:1; display: flex; flex-wrap: wrap; height:100%; }
.ft_wrap .ft_btm .cont .t1 { width: 20px; font-size: 16px; color: #276aaf; font-weight: 600; padding: 3px 0; }
.ft_wrap .ft_btm .cont .t2 { width: calc(100% - 20px); font-size: 16px; color: rgba(255, 255, 255, 0.5); font-weight: 200; padding: 3px 0; line-height: 1.5; }
.ft_wrap .ft_btm .cont .t1_100 { width: 100%; }
.ft_wrap .ft_btm .cont .t2_100 { width: 100%; padding-bottom: 15px; }
#top_btn { position: absolute; bottom: 0; right: 0; background: transparent; border: solid 1px rgba(255, 255, 255, 0.3); border-radius: 100%; color: #115dab; display: flex; justify-content: center; align-items: center; }
.ft_wrap .ft_copyright { display: flex; justify-content: space-between; padding-top: 30px; }
.ft_wrap .ft_copyright .ft_copy { font-size: 16px; color: rgba(255, 255, 255, 0.5); font-weight: 200; }
.ft_wrap .ft_copyright .ft_agree { display: flex; column-gap: 30px; }
.ft_wrap .ft_copyright .ft_agree > a { font-size: 16px; color: rgba(255, 255, 255, 0.5); font-weight: 200; }
.ft_wrap .ft_bar { width: 100%; height: 1px; background: #303435; }
@media screen and (max-width:1850px) {
	.header_wrap { padding: 0 20px; }
}
@media screen and (max-width:1750px) {
	#top_btn { right: 10px; }
}
@media screen and (max-width:1300px) {
	.ft_wrap .ft_top { flex-direction: column; align-items: center; text-align: center; }
	.ft_wrap .ft_top .ft_menu { padding-top: 50px; }
	.ft_wrap .ft_btm { flex-direction: column; align-items: center; text-align: center; }
	.ft_wrap .ft_btm .cont .t1, .ft_wrap .ft_btm .cont .t2 { width: 100%; }
	.ft_wrap .ft_btm .cont { width: 100%; padding-bottom: 50px; }
	.ft_wrap .ft_copyright { flex-direction: column-reverse; align-items: center; row-gap: 25px; }
}
@media screen and (max-width:1024px) {
	.headerBox { padding: 20px 0; }
	#gnbnav { display: none; }
	.headerBox .header_right .lang { display: none; }
	.ft_wrap .ft_top .ft_menu { display: none; }
}
@media screen and (max-width:768px) {

}
.sub_vg { padding: 120px 60px 0; }
.sub_vg .vg_con { position: relative; width: 100%; aspect-ratio: calc(1800 / 419); }
.sub_vg .vg_con .bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-top-left-radius: 52px; border-top-right-radius: 52px; border-bottom-left-radius: 52px; overflow: hidden; }
.sub_vg .vg_con .bg1 { display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 52px}
.sub_vg .vg_con .tit_box { z-index: 1; position: relative; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; color: #fff; font-family: 'Play'; padding-left: 120px; padding-bottom: 50px; }
.sub_vg .vg_con .tit_box .tit1 { font-size: 18px; }
.sub_vg .vg_con .tit_box .tit2 { font-size: 56px; font-weight: 700; padding-top: 15px; }
.sub_vg .vg_con .btn_box { position: absolute; bottom: 0; right: 0; width: 50%; /*padding-left: 60px;*/ z-index: 1; }
.sub_vg .vg_con .btn_box .btn_box_wrap { position: relative; padding: 15px 0 0 15px; }
.sub_vg .vg_con .btn_box .btn_box_wrap:before { content: ''; position: absolute; bottom: 0; right: 0px; width: 100%; height: 100%; border-top-left-radius: 52px; background: #fff; }
.sub_vg .vg_con .btn_box .btn_box_wrap .btn_box_in { display: flex; position: relative; }
.sub_vg .vg_con .btn_box .btn_box_wrap .btn_box_in:before { content: ''; position: absolute; background-color: transparent; top: -120px; right: -1px; height: 104px; width: 52px; border-top-left-radius: 52px; box-shadow: 0 -2.5rem 0 0 #fff; transform: rotate(180deg); }
.sub_vg .vg_con .btn_box .btn_box_wrap .btn_box_in:after { content: ''; position: absolute; background-color: transparent; bottom: 0%; left: -65px; height: 104px; width: 52px; border-top-left-radius: 52px; box-shadow: 0 -2.5rem 0 0 #fff; transform: rotate(180deg); }
.sub_vg .vg_con .btn_box .cate { width: calc((100% - 20px) / 2); margin-right: 20px; border-radius: 32px; position: relative; transition: background .3s ease, box-shadow .3s ease; }
.sub_vg .vg_con .btn_box .cate2 { margin-right: 0px; }
.sub_vg .vg_con .btn_box .cate > a { font-size: 20px; color: #fff; font-family: 'Play'; width: 100%; aspect-ratio: calc(410 / 70); display: flex; justify-content: space-between; align-items: center; padding: 10px 40px; z-index: 4; position: relative; }
.sub_vg .vg_con .btn_box .cate .cate_list { position: absolute; top: 0; left: 0; width: 100%; padding-top: 60px; background: #1079e4; border-radius: 32px; z-index: 3; /* 클릭 가능하도록 위로 */
	max-height: 0; opacity: 0; overflow: hidden; transition: max-height .35s ease, opacity .25s ease; }
.sub_vg .vg_con .btn_box .cate .cate_list > ul > li.active > a { color: rgba(255, 255, 255, 1); }
.sub_vg .vg_con .btn_box .cate.open { background: #1079e4 !important; box-shadow: 0 12px 36px rgba(0,0,0,.15); }
.sub_vg .vg_con .btn_box .cate.open .cate_list { max-height: 640px; opacity: 1; }
@media (hover:hover) and (pointer:fine) {
	.sub_vg .vg_con .btn_box .cate:hover { background: #1079e4 !important; }
	.sub_vg .vg_con .btn_box .cate:hover .cate_list { max-height: 640px; opacity: 1; }
}
.cate1 .thd_menu_wrap { display: none; }
.cate_list { padding: 100px 40px 25px 40px!important; }
.cate_list a { color: rgba(255, 255, 255, 0.5); font-size: 18px!important; }
.cate_list .menu { padding: 10px 0; }
.cate_list2 li { padding: 10px 0; }
.cate_list .active a { color: rgba(255, 255, 255, 1); }
.cate_list2 .active a { color: rgba(255, 255, 255, 1); }
#subPage { padding: 150px 0 0; }
.sub_comm_tit_box { font-family: 'Play'; text-align: center; }
.sub_comm_tit_box .tit1 { font-size: 18px; color: rgba(0, 0, 0, 0.5); }
.sub_comm_tit_box .tit2 { font-size: 48px; color: #111111; font-weight: 700; padding-top: 15px; }
.sub_comm_box { position: relative; margin-left: 60px; color: #fff; margin-top: 70px; }
.sub_comm_box .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-top-left-radius: 52px; border-bottom-left-radius: 52px; }
.sub_comm_box .txt_box { position: relative; padding: 134px 120px; height: 100%; display: flex; flex-direction: column; justify-content: center; }
.sub_comm_box .txt_box .txt1 { font-size: 18px; font-family: 'Play'; }
.sub_comm_box .txt_box .txt2 { font-size: 40px; font-weight: 700; line-height: calc(50 / 40); padding-top: 25px; }
.sub_comm_cate { display: flex; justify-content: center; padding-top: 82px; }
.sub_comm_cate > ul { display: flex; justify-content: center; flex-wrap: wrap; background: #f7f7f7; padding: 8px; border-radius: 25px; }
.sub_comm_cate > ul > li {
}
.sub_comm_cate > ul > li > a { font-size: 18px; color: #222222; font-family: 'Play'; padding: 8.5px 30px; display: block; }
.sub_comm_cate > ul > li > a.active { background: #222222; color: #fff; border-radius: 19px; }
@media screen and (max-width:1850px) {
	.sub_vg { padding: 120px 10px 0; }
}
@media screen and (max-width:1650px) {
	.sub_vg .vg_con .btn_box .btn_box_wrap .btn_box_in:after { left: -58px; }
}
@media( max-width:1250px) {
	/*
	.sub_vg .vg_con .btn_box {display: none;}
	.sub_vg .vg_con .bg {display: none;}
	.sub_vg .vg_con .bg1 {display: block;}
	*/
	.sub_vg .vg_con { aspect-ratio: calc(1040 / 419); }
	.sub_vg .vg_con .btn_box .cate > a { aspect-ratio: 4; }
	.sub_comm_box { margin-left: 10px; }
	.sub_comm_box .txt_box { padding: 134px 50px; }
}
@media( max-width:1024px) {
	.sub_vg { padding: 100px 10px 0; }
	.sub_vg .vg_con { aspect-ratio: 2; }
	.sub_vg .vg_con .tit_box { padding-left: 50px; }
	#subPage { padding: 100px 0 0; }
	.sub_comm_cate > ul { justify-content: flex-start; max-width: calc(100% - 20px); }
	.sub_comm_cate > ul > li { width: calc(100% / 3); }
	.sub_vg .vg_con .btn_box .cate1 { display: none; }
	.sub_vg .vg_con .btn_box .cate2 { width: 100%; }
	.sub_vg .vg_con .btn_box .cate > a { aspect-ratio: 6; }
}
@media( max-width:768px) {
	.sub_vg .vg_con .tit_box .tit2 { font-size: 40px; }
	.sub_vg .vg_con .bg1 { border-radius: 20px; }
    .sub_comm_box { margin-left: 0;}
	.sub_comm_box .bg { border-radius: 0;}
	.sub_comm_box .txt_box .txt2 { font-size: 30px; }
	.sub_comm_box .txt_box { padding: 100px 50px; }
	.sub_comm_tit_box .tit2 { font-size: 38px; }
	.sub_vg .vg_con { aspect-ratio: 1.5; }
	.sub_vg .vg_con .btn_box { width: 75%; }
	.sub_vg .vg_con .bg { border-top-left-radius: 43px; border-top-right-radius: 43px; border-bottom-left-radius: 43px; }
	.sub_vg .vg_con .btn_box .btn_box_wrap:before { border-top-left-radius: 43px; }
	.sub_vg .vg_con .btn_box .btn_box_wrap .btn_box_in:after { border-top-left-radius: 43px; width: 43px; left: -57px; }
}
@media( max-width:500px) {
	.sub_comm_cate > ul > li { width: calc(100% / 2); }
}
.index_sec_tit1 { font-size: 24px; font-family: 'Play'; font-weight: 700; color: #1079e4; }
.index_sec_tit2 { font-size: 48px; font-weight: 700; }
.wrap_wid_1800 { width: 100%; max-width: 1800px; margin: 0 auto; }
.wrap_wid_1720 { width: 100%; max-width: 1720px; margin: 0 auto; }
.wrap_wid_1600 { width: 100%; max-width: 1600px; margin: 0 auto; }
.wrap_wid_1360 { width: 100%; max-width: 1360px; margin: 0 auto; }
table * {word-break: break-all;}
@media( max-width:1850px) {
	.wrap_wid_1800 { padding: 0 5%; margin: 0 auto; }
}
@media( max-width:1770px) {
	.wrap_wid_1720 { padding: 0 5%; margin: 0 auto; }
}
@media( max-width:1650px) {
	.wrap_wid_1600 { padding: 0 5%; margin: 0 auto; }
}
@media( max-width:1410px) {
	.wrap_wid_1360 { padding: 0 5%; margin: 0 auto; }
}
.div_scroll { overflow: auto; position: relative}
.tb1 { width: 100%; text-align: center; position: relative; border-spacing: 0; font-family: 'Play'; }
/*
.tb1 th {border-bottom: 1px solid #dfdfdf;border-top: solid 2px #222222;color: #121212;font-weight: bold;padding: 30px 12px;background: #f6f6f6;font-size: 18px;}
.tb1 td {font-size: 18px;color: #454545;border-bottom: 1px solid #dfdfdf;border-left: 1px solid #dfdfdf;padding: 30px 12px;} 
.tb1 th:first-child {border-left: 0;}
.tb1 td:first-child {border-left: 0;} 
.tb1 td.bg {background: #f6f6f6;border-bottom: 0 none;padding: 30px 80px;}
.tb1 td > ul {display: flex;flex-wrap: wrap;align-items: center;column-gap: 65px;}
.tb1 td > ul > li {position: relative;padding-left: 15px;}
.tb1 td > ul > li:before {content: '';position: absolute;top: 12px;left: 0;width: 3px;aspect-ratio: 1;background: #454545;}
.tb1 td > ul > li:last-child {color: #1079e4;}
.tb1 td > ul > li:last-child:before {background: #1079e4;}
.tb1 td > ul > li.black {color: #454545;}
.tb1 td > ul > li.black:before {background: #454545;}
*/

.bbbgap { height: 200px; }
.bbgap { height: 150px; }
.bgap { height: 100px; }
.gap { height: 50px; }
.sgap { height: 30px; }
.ssgap { height: 20px; }
.sssgap { height: 10px; }
.ssssgap { height: 5px; }
#sec1 { width: 100%; height: 100vh; background: #eeeeee; }
.sec1_wrap { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; color: #fff; font-family: 'Play'; position: relative; }
.sec1_wrap .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%;/*background: url(../img/main/vg_01.jpg) no-repeat bottom center / cover;*/border-bottom-left-radius: 80px; border-bottom-right-radius: 80px; overflow: hidden; }
.sec1_wrap .bg video { width: 100%; height: 100%; background-size: 100% 100%; position: absolute; left: 0; bottom: 0; background-position: center center; object-fit: cover; z-index: 1; opacity: 1; }
.sec1_wrap .txt_box { z-index: 1; }
.sec1_wrap .txt_box .txt1 { font-size: 60px; font-weight: 700; }
.sec1_wrap .txt_box .txt2 { font-size: 24px; font-weight: 700; padding-top: 20px; }
.sec1_wrap .circle_box { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 210px; aspect-ratio: calc(210 / 105); background: url(../img/main/vg_circle_bg.png) no-repeat bottom center / contain; padding: 14px 64px; z-index: 1; }
.sec1_wrap .circle_box .circle {
}
.sec1_wrap .circle_box .circle .circle_wrap { width: 100%; aspect-ratio: 1; background: #1079e4; border-radius: 100%; display: flex; justify-content: center; align-items: center; cursor: pointer; }
.sec1_wrap .circle_box .circle .circle_wrap > span { font-size: 50px; font-weight: 200; cursor: pointer; }
#sec2 { background: #eeeeee url(../img/main/sec1_bg.png) no-repeat center bottom / cover; padding: 95px 0 95px; }
.sec2_wrap { /*background: #fff;border-top-left-radius: 68px;border-bottom-left-radius: 68px;*/padding: 172px 0 165px; }
.sec2_wrap .txt_box { text-align: center; }
.sec2_wrap .txt_box .index_sec_tit2 { padding-top: 15px; }
.sec2_wrap .cont { display: flex; flex-wrap: wrap; padding-top: 145px; }
.sec2_wrap .cont .sub { width: calc(100% / 6); }
.sec2_wrap .cont .sub .img { width: 100%; aspect-ratio: calc(294 / 137); }
.sec2_wrap .cont .sub .txt { transition: 0.5s; font-size: 26px; font-family: 'Play'; font-weight: 700; display: flex; align-items: center; column-gap: 15px; margin-top: 35px; }
.sec2_wrap .cont .sub .txt a { display: flex; gap: 10px; align-items: center; }
.sec2_wrap .cont .sub .txt i { padding: 10px; border-radius: 50px; background: #0a76db; color: #fff; font-size: 16px; transition: 0.5s; }
.sec2_wrap .cont .sub .txt:hover { color: #0a76db; }
.sec2_wrap .cont .sub1 .txt { padding-left: 40px; }
.sec2_wrap .cont .sub2 .txt { padding-left: 50px; }
.sec2_wrap .cont .sub3 .txt { padding-left: 20px; }
.sec2_wrap .cont .sub4 .txt { padding-left: 20px; }
.sec2_wrap .cont .sub5 .txt { padding-left: 20px; }
/* .sec2_wrap .cont .sub6 .txt { padding-left: 40px; } */
.sec2_wrap .cont .sub .txt > span { color: #115dab; font-size: 22px; padding-top: 5px; }
@media( max-width:1300px) {
	.sec2_wrap .cont .sub .txt { font-size: 20px; padding-left: 20px; }
}
@media( max-width:768px) {
	.sec2_wrap .cont .sub { width: calc(100% / 2); }
	.sec2_wrap .cont .sub .txt { padding-left: 0px; justify-content: center; padding-bottom: 80px; }
}
#sec3 { background: #eeeeee; overflow: hidden; }
.sec3_wrap { position: relative; height: 970px; }
.sec3_wrap .bg { width: 100%; aspect-ratio: calc(1920 / 1181); position: absolute; bottom: 0; left: 0; z-index: 1; }
.sec3_wrap .txt_bg { font-size: 200px; font-family: 'Play'; font-weight: 700; color: rgba(255, 255, 255, 0.5); line-height: 0.7; white-space: nowrap; z-index: 2; position: absolute; top: 60px; }
.sec3_wrap .cont { position: relative; z-index: 2; width: 100%; height: 100%; }
.sec3_wrap .cont .cont_wrap {position: relative; width: 100%; height: 100%; padding-left: 50%; display: flex; align-items: center; }
.sec3_wrap .cont .txt_box .index_sec_tit2 { padding-top: 18px; font-family: 'Play'; }
.sec3_wrap .cont .txt_box .txt1 { font-size: 18px; color: #777777; font-weight: 500; line-height: calc(30 / 18); padding-top: 45px; }
.sec3_wrap .cont .txt_box .more { padding-top: 70px; }
.sec3_wrap .cont .txt_box .more > a { transition: 0.5s; font-size: 18px; font-family: 'Play'; font-weight: 700; display: flex; align-items: center; column-gap: 15px; }
.sec3_wrap .cont .txt_box .more > a:hover { color: #0a76db; }
.sec3_wrap .cont .txt_box .more i { color: #fff; }
.sec3_wrap .cont .txt_box .more i { padding: 10px; border-radius: 50px; background: #0a76db; color: #fff; font-size: 16px; transition: 0.5s; }
@media( max-width:1024px) {
	.sec3_wrap .txt_bg { font-size: 20vw; }
	.sec3_wrap .cont .cont_wrap { padding-left: 0%; }
}
.sub_footer { padding: 136px 0; }
.sub_footer .txt_box { color: #fff; }
.sub_footer .txt_box .txt1 { font-size: 18px; font-family: 'Play'; }
.sub_footer .txt_box .txt2 { font-size: 40px; font-weight: 700; line-height: calc(50 / 40); padding-top: 22px; }
@media(max-width:1024px) {
	.sub_footer .txt_box .txt2 { font-size: 30px; }
}
@media(max-width:768px) {
	.sub_footer .txt_box .txt2 { font-size: 24px; }
	.sec3_wrap .cont { position: relative; z-index: 2; width: 100%; height: 80%; }
	.sec3_wrap { position: relative; height: auto; padding: 80px 0 150px 0; }
}
.introduction {
}
.introduction .cont { padding: 0 120px; display: flex; flex-wrap: wrap; margin-top: 0px; }
.introduction .cont .img_box { width: 50%; display: flex; flex-wrap: wrap; padding-right: 90px; padding-top: 245px; }
.introduction .cont .img_box .sub { width: calc((100% - 25px) / 2); margin-right: 25px; margin-bottom: 25px; }
.introduction .cont .img_box .sub:nth-child(2n) { margin-right: 0px; }
.introduction .cont .img_box .sub:nth-child(2n+1) { margin-top: -245px; }
.introduction .cont .img_box .sub .bg { width: 100%; aspect-ratio: calc(280 / 354); border-radius: 20px; margin-top:70px;}
.introduction .cont .txt_box { width: 50%; display: flex; flex-direction: column; justify-content: center; }
.introduction .cont .txt_box .txt1 { font-size: 18px; color: #1079e4; font-family: 'Play'; font-weight: 700; }
.introduction .cont .txt_box .txt2 { font-size: 40px; color: #111111; font-weight: 600; line-height: calc(50 / 40); padding-top: 25px; }
.introduction .cont .txt_box .txt2 > span { font-family: 'Play'; font-weight: 700; }
.introduction .cont .txt_box .txt3 { font-size: 18px; color: #454545; line-height: calc(30 / 18); padding-top: 50px; }
.introduction .cont .txt_box .txt3 p { word-break: keep-all; padding-bottom: 17px; }
.introduction .cont .txt_box .txt3 span { font-family: 'Play'; }
.introduction .cont .txt_box .sign { padding-top: 140px; }
@media(max-width:1250px) {
	.introduction .cont { padding: 0 10px; }
}
@media(max-width:1024px) {
	.introduction .cont .img_box { padding-right: 50px; padding-top: 100px; }
	.introduction .cont .img_box .sub:nth-child(2n+1) { margin-top: -100px; }
}
@media(max-width:768px) {
	.introduction .cont .img_box { width: 100%; padding-right: 0px; }
	.introduction .cont .txt_box { width: 100%; padding-top: 50px; }
	.introduction .cont .txt_box .txt2 { font-size: 30px; padding-top: 5px; }
}
.history {}
.history .cont { padding-top: 160px; }
.history .cont .cont_wrap { display: flex; flex-wrap: wrap; padding: 0 120px; }
.history .cont .cont_wrap .year { width: 40%; font-size: 100px; color: #001111; font-family: 'Play'; letter-spacing: -0.02rem; text-align: center; }
.history .cont .cont_wrap .detail { position: relative; width: 60%; padding-bottom: 230px; }
/* .history .cont .cont_wrap .detail:before { content: ''; position: absolute; top: 40px; left: 0; width: 4px; height: 100%; background: #eeeeee; } */
.history .cont .cont_wrap .detail > dl { display: flex; flex-wrap: wrap; padding-top: 15px; padding-left: 125px; }
.history .cont .cont_wrap .detail > dl > dt { font-size: 20px; color: #111111; line-height: calc(44 / 20); font-family: 'Play'; font-weight: 700; width: 65px; }
.history .cont .cont_wrap .detail > dl > dd { font-size: 20px; color: #242424; line-height: calc(44 / 20); position: relative; padding-left: 15px; width: calc(100% - 65px); }
.history .cont .cont_wrap .detail > dl > dd:before { content: ''; position: absolute; top: 20px; left: 0; width: 3px; aspect-ratio: 1; background: #a2a2a2; }
.history .cont_wrap {position: relative;}
.history .line_box { position: absolute; left: 41%; transform: translateX(-50%);width: 4px; height: 100%; pointer-events: none; z-index: 2;background-color: #eee;}
.history .line_progress { position: absolute; top: 0; left: 0; width: 100%; height: 0; background: #1079e4;/* transition: height 0.2s ease-out; */}
.history .cont_wrap .year {transition: color 0.3s ease;} 
.history .cont_wrap.active .year {color: #1079e4;}
@media(max-width:1400px) {
	.history .cont .cont_wrap { padding: 0 50px; }
    .history .line_box {left:44%;}
}
@media(max-width:1024px) {
	.history .cont .cont_wrap { padding: 0 0px; }
	.history .cont .cont_wrap .detail > dl { padding-left: 25px; }
	.history .cont .cont_wrap .year { width: 46%; font-size: 80px; }
	.history .cont .cont_wrap .detail { width: 54%; }
    .history .line_box {left:40%;}
}
@media(max-width:768px) {
    .history .line_box {left:0;}
    .history .cont .cont_wrap {padding: 0 0 0 40px;}
	.history .cont .cont_wrap .year { width: 100%; text-align: left; font-size: 50px; }
	.history .cont .cont_wrap .detail:before { width: 0px; }
	.history .cont .cont_wrap .detail { width: 100%; padding-bottom: 130px; }
	.history .cont .cont_wrap .detail > dl { padding-left: 0px; padding-top: 0px; }
	.history .cont .cont_wrap .detail > dl > dt { width: 35px; }
	.history .cont .cont_wrap .detail > dl > dd { width: calc(100% - 35px); }
    
}
.certificate {
}
.certificate .cont { padding-top: 142px; }
.certificate .cont .cont_tit { font-size: 40px; font-weight: 700; }
.certificate .cont .detail { display: flex; flex-wrap: wrap; padding-top: 42px; }
.certificate .cont .detail .sub { width: calc((100% - 90px) / 4); margin-right: 30px; margin-bottom: 80px; }
.certificate .cont .detail .sub:nth-child(4n) { margin-right: 0px; }
.certificate .cont .detail .sub .thumb_box { position: relative; width: 100%; aspect-ratio: calc(318 / 333); border-radius: 4px; overflow: hidden; }
.certificate .cont .detail .sub .thumb_box .bg { width: 100%; height: 100%; }
.certificate .cont .detail .sub .thumb_box .bg_over { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: solid 2px #1079e4; border-radius: 4px; display: flex; justify-content: center; align-items: center; opacity: 0; transition: 0.5s; }
.certificate .cont .detail .sub .thumb_box .bg_over > span { display: block; width: 50px; aspect-ratio: 1; background: #1079e4 url(../img/sub/certificate_pointer.png) no-repeat center / contain; border-radius: 100%; }
.certificate .cont .detail .sub .txt_box { font-size: 22px; font-family: 'Play'; text-align: center; padding-top: 17px; }
.certificate .cont .detail .sub .down_box { display: flex; justify-content: center; column-gap: 10px; padding-top: 22px; }
.certificate .cont .detail .sub .down_box > a { font-size: 17px; font-family: 'Play'; display: flex; align-items: center; column-gap: 8px; border: solid 1px #dddddd; border-radius: 4px; padding: 10px 20px; }
.certificate .cont .detail .sub .down_box > a > span.t { font-weight: 500; font-family: 'Pretendard'; color: #111111; }
.certificate .cont .detail .sub .down_box > a > span.ico { display: inline-block; width: 15px; aspect-ratio: calc(15 / 16); background: url(../img/sub/certificate_ico_01.png) no-repeat center / contain; }
.certificate .cont .detail .sub:hover .thumb_box .bg_over { opacity: 1; }
/* ✅ Certificate Popup */
.cert_popup { position: fixed; inset: 0; z-index: 9999; display: none; }
.cert_popup.is_open { display: block; }
.cert_popup_dim { position: absolute; inset: 0; background: rgba(0,0,0,.65); }
.cert_popup_inner { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: min(920px, calc(100% - 40px)); background: #fff; border-radius: 8px; overflow: hidden; }
.cert_popup_close { position: absolute; right: 12px; top: 12px; width: 40px; height: 40px; border: 0; background: rgba(0,0,0,.06); border-radius: 8px; cursor: pointer; }
.cert_popup_close i { font-size: 22px; color: #111; }
.cert_popup_img { width: 100%; background: #f6f6f6; }
.cert_popup_img img { width: 100%; height: auto; display: block; }
.cert_popup_txt { padding: 14px 18px; font-size: 16px; color: #111; text-align: center; font-family: 'Pretendard'; }
@media(max-width:1300px) {
	.certificate .cont .detail .sub { width: calc((100% - 30px) / 4); margin-right: 10px; }
}
@media(max-width:1024px) {
	.certificate .cont .detail .sub { width: calc((100% - 20px) / 3); }
	.certificate .cont .detail .sub:nth-child(4n) { margin-right: 10px; }
	.certificate .cont .detail .sub:nth-child(3n) { margin-right: 0px; }
}
@media(max-width:900px) {
	.certificate .cont .detail .sub { width: calc((100% - 10px) / 2); }
	.certificate .cont .detail .sub:nth-child(3n) { margin-right: 10px; }
	.certificate .cont .detail .sub:nth-child(2n) { margin-right: 0px; }
}
@media(max-width:550px) {
	.certificate .cont .detail .sub { width: 100%; margin-right: 0px; }
	.certificate .cont .detail .sub .thumb_box { max-width: 318px; margin: 0 auto; }
}
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(-360deg); }
}
.location {
}
.location .cont { padding-top: 140px; }
.location .cont .detail { padding-bottom: 135px; }
.location .cont .detail .tit { font-size: 40px; font-weight: 700; }
.location .cont .detail .map { padding-top: 42px; }
.location .cont .detail .map .map_info { width: 100%; height: 354px; border-radius: 20px; }
.location .cont .detail .map .map_info .wrap_map { margin-top: -1px; width: calc(100% + 2px); margin-left: -1px; }
.location .cont .detail .info { display: flex; align-items: center; justify-content: space-between; padding-top: 32px; }
.location .cont .detail .info .txt_box { width: calc(100% - 180px); }
.location .cont .detail .info .txt_box .addr { font-size: 31px; font-weight: 600; border-bottom: solid 1px #eeeeee; padding-bottom: 30px; }
.location .cont .detail .info .txt_box .tel { padding-top: 32px; }
.location .cont .detail .info .txt_box .tel .t1 { font-size: 20px; font-family: 'Play'; font-weight: 700; color: #c7c7c7; padding-right: 15px; }
.location .cont .detail .info .txt_box .tel .t2 { font-size: 20px; font-family: 'Play'; font-weight: 700; padding-right: 80px; }
.location .cont .detail .info .ico_box { width: 180px; display: flex; justify-content: center; align-items: center; }
.location .cont .detail .info .ico_box > a { position: relative; width: 130px; aspect-ratio: calc(130 / 127); display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 8px; }
.location .cont .detail .info .ico_box > a:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/sub/location_txt_bg.png) no-repeat center / contain; animation: spin 10s infinite linear; }
.location .cont .detail .info .ico_box > a .i1 { display: block; width: 17px; aspect-ratio: calc(17 / 22); background: url(../img/sub/location_ico.png) no-repeat center / contain; }
.location .cont .detail .info .ico_box > a .i2 { display: block; width: 22px; aspect-ratio: calc(22 / 6); background: url(../img/sub/location_arrow.png) no-repeat center / contain; }
.location .cont .detail .info .ico_box > a .t { font-size: 16px; color: #111111; font-weight: 600; }
.location .cont .detail .info .ico_box:hover > a:before { animation-play-state: paused; }
@media(max-width:768px) {
	.location .cont .detail .tit { font-size: 30px; }
	.location .cont .detail .map { padding-top: 20px; }
	.location .cont .detail .info .txt_box { width: 100%; }
	.location .cont .detail .info .txt_box .addr { font-size: 24px; padding-bottom: 15px; }
	.location .cont .detail .info .txt_box .tel { padding-top: 15px; }
	.location .cont .detail .info .txt_box .tel .t1 { padding-right: 0px; display: block; }
	.location .cont .detail .info .txt_box .tel .t2 { padding-right: 0px; display: block; padding-bottom: 10px; }
	.location .cont .detail .info .ico_box { width: 100%; justify-content: flex-end; }
	.location .cont .detail .info .ico_box > a { width: 100px; gap: 2px; }
	.location .cont .detail .info .ico_box > a .t { font-size: 14px; }
	.location .cont .detail .info .ico_box > a .i1 { width: 14px; }
	.location .cont .detail .info { flex-direction: column; }
}
.product {
}
.product .pro_tit { position: relative; font-size: 36px; font-weight: 700; font-family: 'Play'; padding-left: 25px; }
.product .pro_tit:before { content: ''; position: absolute; top: 4px; left: 0; width: 18px; height: 4px; background-image: linear-gradient(to right, #1079e4 60%, #b8d431 60%); }
.product .pro_tit1 { font-size: 24px; font-family: 'Play'; padding: 5px 25px 25px; font-weight: 600; }

.product .bg1 { background: #eeeeee; }
.product .detail1 { padding: 85px 0 95px; }
.product .detail1 .img_box { display: flex; justify-content: center; position: relative; padding-top: 50px; overflow: hidden; }
.product .detail1 .img_box .img_txt { font-size: 200px; color: rgba(234, 234, 233, 0.25); font-weight: 700; font-family: 'Play'; position: absolute; bottom: 30px; left: 0; white-space: pre; z-index: -1; }
.product .detail1 .img_box .img { width: 384px; aspect-ratio: calc(384 / 165); }
.product .detail1 .txt_box { text-align: center; padding-top: 13px; }
.product .detail1 .txt_box .txt1 { font-size: 36px; font-weight: 700; font-family: 'Play'; }
.product .detail1 .txt_box .txt1 > span { font-weight: 400; color: #1079e4; }
.product .detail1 .txt_box .txt2 { font-size: 18px; font-weight: 500; line-height: calc(32 / 24); padding-top: 90px; }
.product .detail1 .txt_box .txt3 { font-size: 22px; font-family: 'Play'; line-height: calc(34 / 22); border-top: solid 1px #eeeeee; padding-top: 15px; margin-top: 18px; }
.product .detail2 { padding: 97px 0 120px; }
.product .detail2 .detail_wrap {
}
.product .detail2 .detail_wrap .img_box { display: flex; flex-wrap: wrap; padding-top: 47px; }
.product .detail2 .detail_wrap .img_box .sub { width: calc((100% - 130px) / 3); margin-right: 65px; aspect-ratio: calc(407 / 410); border-radius: 40px; }
.product .detail2 .detail_wrap .img_box .sub:nth-child(3n) { margin-right: 0px; }
.product .detail3 { padding: 100px 0 105px; }
.img_table img {height: 100px; object-fit: contain;}
.product .detail3.mobile_ver { display: none; }
.detail3.mobile_ver .div_scroll { overflow-x: auto; }
.detail3.mobile_ver .table-wrap { width: 100%; table-layout: fixed; border-spacing: 6px 8px; }
.detail3.mobile_ver .table-wrap th, .detail3.mobile_ver .table-wrap td { padding: 10px 6px; font-size: 14px; word-break: keep-all; }
.detail3.mobile_ver .table-wrap th:first-child { width: 28%; }
.detail3.mobile_ver .table-wrap td[colspan] { white-space: normal; line-height: 1.4; }
.product .detail4 {
}
.product .detail4 .detail_wrap {
}
.product .detail4 .detail_wrap .img_box { display: flex; flex-wrap: wrap; /*padding-top: 50px;*/ gap: 40px; }
.product .detail4 .detail_wrap .img_box .sub { width: calc((100% - 80px) / 3); }
.product .detail4 .detail_wrap .img_box .sub:nth-child(3n) { margin-right: 0px; }
.product .detail4 .detail_wrap .img_box .sub .thumb { width: 100%; aspect-ratio: calc(410 / 270); border-radius: 8px; flex: 1;}
.product .detail4 .detail_wrap .img_box .sub .txt { padding: 48px 0 28px 0; }
.product .detail4 .detail_wrap .img_box .sub .txt > span { position: relative; font-size: 24px; font-weight: 600; padding-left: 19px; display:block;}
.product .detail4 .detail_wrap .img_box .sub .txt > span:before { content: ''; position: absolute; top: 12px; left: 5px; width: 5px; aspect-ratio: 1; background: #1079e4; border-radius: 5px; }
.subIn {height: 100%; padding: 0 36px 40px 36px; background-color: #f8f8f9; border-radius: 12px; border: 2px solid #f6f6f6; border-radius: 20px; height: 100%; box-sizing: border-box; display: flex; flex-direction: column; }
.subIn:hover { background-color: #1079e4; border: 2px solid #1079e4; transition: all .3s ease; }
.subIn:hover .txt { color: #fff; }
.subIn:hover .txt >span:before { background: #b8d431 !important; }
.product .img_box1 { display: flex; flex-wrap: wrap; }
.product .img_box1 .sub { width: calc((100% - 130px) / 3); margin-right: 65px; }
.product .img_box1 .sub:nth-child(3n) { margin-right: 0px; }
.product .img_box1 .sub .thumb { width: 100%; aspect-ratio: calc(410 / 240); border-radius: 28px; }
.product .img_box1 .sub .txt { text-align: center; font-size: 22px; color: #454545; font-family: 'Play'; }
.product .txt_box1 {
}

.product .txt_box1 > ul { display: grid; grid-template-columns: repeat(1,1fr); border-top: solid 1px #dfdfdf; border-bottom: solid 1px #dfdfdf; padding: 47px; }
.product .txt_box1 > ul > li { font-size: 22px; font-family: 'Play'; padding: 3px 0; width: 100%; }
.product .detail5 { padding: 135px 0 165px; }
.product .detail5 .detail_wrap { color: #fff; text-align: center; }
.product .detail5 .detail_wrap .txt_box {
}
.product .detail5 .detail_wrap .txt_box .txt1 { font-size: 20px; font-family: 'Play'; font-weight: 700; }
.product .detail5 .detail_wrap .txt_box .txt2 { font-size: 36px; font-weight: 600; padding-top: 20px; }
.product .detail5 .detail_wrap .info_box { display: grid; grid-template-columns: repeat(5,1fr); gap: 20px; padding-top: 80px; }
.product .detail5 .detail_wrap .info_box .sub { margin-right: 0px; display: flex; flex-direction: column; align-items: center; }
.product .detail5 .detail_wrap .info_box .sub:nth-child(5n) { margin-right: 0px; }
.product .detail5 .detail_wrap .info_box .sub .thumb { width: 100%; aspect-ratio: 1; border: solid 1px rgba(255, 255, 255, 0.2); border-radius: 100%; position: relative; max-width: 204px; }
.product .detail5 .detail_wrap .info_box .sub .thumb:before { content: '+'; color: #1a1a1a; width: 18px; aspect-ratio: 1; position: absolute; top: 50%; right: -22%; transform: translateY(-50%); background: #fff; border-radius: 100%; font-size: 16px; line-height: 1.2; font-weight: 600; }
.product .detail5 .detail_wrap .info_box .sub:last-child .thumb:before { content: ''; width: 0; }
.product .detail5 .detail_wrap .info_box .sub .txt { padding-top: 28px; }
.product .detail5 .detail_wrap .info_box .sub .txt .txt1 { font-size: 28px; font-weight: 600; }
.product .detail5 .detail_wrap .info_box .sub .txt .txt2 { font-size: 18px; color: rgba(255, 255, 255, 0.75); line-height: calc(26 / 18); padding: 10px 20px; }
.product .detail6 { padding: 95px 0 0; }
.product .detail6 .detail_wrap {
}
.product .detail6 .detail_wrap .info_box { display: flex; flex-wrap: wrap; padding-top: 46px; }
.product .detail6 .detail_wrap .info_box .sub { width: calc((100% - 50px) / 2); margin-right: 50px; margin-bottom: 40px; background: #f6f6f6; border-radius: 20px; padding: 48px 60px; border:2px solid #f6f6f6; }
.product .detail6 .detail_wrap .info_box .sub:hover{background-color:transparent; border:2px solid #0a76db; }
.product .detail6 .detail_wrap .info_box .sub:nth-child(2n) { margin-right: 0px; }
.product .detail6 .detail_wrap .info_box .sub .sub_tit { font-size: 28px; color: #1a1a1a; font-weight: 700; padding-left: 15px; }
.product .detail6 .detail_wrap .info_box .sub .sub_tit > span { font-weight: 400; }
.product .detail6 .detail_wrap .info_box .sub > ul { padding-top: 18px; }
.product .detail6 .detail_wrap .info_box .sub > ul >li { font-size: 18px; color: #454545; padding: 4px 0 4px 15px; position: relative; }
.product .detail6 .detail_wrap .info_box .sub > ul >li:before { content: ''; position: absolute; top: 13px; left: 0; width: 3px; aspect-ratio: 1; background: #dfdfdf; }
.product .detail6 .point  { background: #0a76db!important; }
.product .detail6 .point * { color: #fff!important; }
.product .detail7 {
}
.product .detail7 .detail_wrap {
}
.product .detail7 .detail_wrap .info_box { display: flex; flex-wrap: wrap; padding-top: 46px; }
.product .detail7 .detail_wrap .info_box .sub { width: calc((100% - 80px) / 3); margin-right: 40px; margin-bottom: 30px; background: rgba(16, 121, 228, 0.04); border-radius: 20px; padding: 48px 50px; display: flex; flex-direction: column; align-items: center; border: 2px solid rgba(16, 121, 228, 0.04); box-sizing: border-box; }
.product .detail7 .detail_wrap .info_box .sub:nth-child(3n) { margin-right: 0px; }
.product .detail7 .detail_wrap .info_box .sub .thumb { width: 55px; aspect-ratio: 1; }
.product .detail7 .detail_wrap .info_box .sub .txt { font-size: 24px; color: #111111; font-weight: 600; text-align: center; padding-top: 30px; }
.product .detail8 {
}
.product .detail8 .detail_wrap { display: flex; flex-wrap: wrap; }
.product .detail8 .detail_wrap .img_box { width: 50%; padding-right: 5%; }
.product .detail8 .detail_wrap .img_box .img { width: 100%; aspect-ratio: calc(808 / 610); border-radius: 20px; }
.product .detail8 .detail_wrap .txt_box { width: 50%; display: flex; flex-direction: column; justify-content: center; }
.product .detail8 .detail_wrap .txt_box .txt1 { font-size: 18px; color: #1079e4; font-family: 'Play'; font-weight: 700; }
.product .detail8 .detail_wrap .txt_box .txt2 { font-size: 40px; color: #111111; font-weight: 600; line-height: calc(50 / 40); padding-top: 22px; }
.product .detail8 .detail_wrap .txt_box .txt2 > span { font-weight: 700; font-family: 'Play'; }
.product .detail8 .detail_wrap .txt_box .txt3 { font-size: 18px; color: #475059; line-height: calc(30 / 18); padding-top: 37px; }
.product .detail8 .detail_wrap .txt_box .txt3 > p {
}
.product .detail9 { position: relative; }
.product .detail9 .map_box { position: relative; background: #115dab;/* aspect-ratio: calc(1920 / 1000); */width: 100%; }
.product .detail9 .map_box .map_tit { font-family: 'Play'; position: absolute; top: 10vw; left: calc((100% - 1360px) / 2); z-index: 1; }
.product .detail9 .map_box .map_tit .tit1 { font-size: 18px; color: #c2dd33; }
.product .detail9 .map_box .map_tit .tit2 { font-size: 40px; color: #fff; font-weight: 700; }
.product .detail9 .map_box .map_area { aspect-ratio: calc(1920 / 1000); width: 100%; }
.product .detail9 .map_box .map_area .map_area_wrap { position: relative; width: 100%; height: 100%; }
.product .detail9 .map_box .map_area .map_area_wrap .map_dot { width: 0.65vw; aspect-ratio: 1; background: #fff; border-radius: 100%; position: absolute; }
.product .detail9 .map_box .map_area .map_area_wrap .map_dot1 { top: 34.2vw; left: 43.9vw; }
.product .detail9 .map_box .map_area .map_area_wrap .map_dot2 { top: 33.3vw; left: 43.9vw; }
.product .detail9 .map_box .map_area .map_area_wrap .map_dot3 { top: 34.2vw; left: 43.0vw; }
.product .detail9 .map_box .map_area .map_area_wrap .map_dot4 { top: 35.9vw; left: 42.2vw; }
.product .detail9 .map_box .map_area .map_area_wrap .map_dot5 { top: 24.2vw; left: 43.0vw; }
.product .detail9 .map_box .map_area .map_area_wrap .map_dot6 { top: 24.2vw; left: 41.2vw; }
.product .detail9 .map_box .map_area .map_area_wrap .map_dot7 { top: 26.9vw; left: 37.6vw; }
.product .detail9 .map_box .map_area .map_area_wrap .map_dot > span { position: relative; width: 100%; height: 100%; display: block; }
.product .detail9 .map_box .map_area .map_area_wrap .map_dot.active { background: #c2dd33; }
.product .detail9 .map_box .map_area .map_area_wrap .map_dot.active > span:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 250%; aspect-ratio: 1; border-radius: 100%; border: solid 1px #c2dd33; }
.product .detail9 .com_top_box { max-width: 430px; background: #fff; border-radius: 28px; position: absolute; top: 20%; right: calc((100% - 1360px) / 2); }
.product .detail9 .com_top_box .com_wrap { padding: 40px; position: relative; display: none; }
.product .detail9 .com_top_box .com_wrap.active { display: block; }
.product .detail9 .com_top_box .com_wrap:before { content: ''; position: absolute; top: 36%; left: -82.5%; width: 0px; aspect-ratio: calc(355 / 254); background: url(../img/sub/map_line_01.png) no-repeat center / contain; }
.product .detail9 .com_top_box .com_wrap .img_box { width: 100%; aspect-ratio: calc(350 / 235); border-radius: 12px; }
.product .detail9 .com_top_box .com_wrap .info_box {
}
.product .detail9 .com_top_box .com_wrap .info_box .txt1 { font-size: 18px; color: #1079e4; font-family: 'Play'; font-weight: 700; padding-top: 35px; }
.product .detail9 .com_top_box .com_wrap .info_box .txt2 { font-size: 30px; font-family: 'Play'; font-weight: 700; padding-top: 12px; }
.product .detail9 .com_top_box .com_wrap .more_box {
}
.product .detail9 .com_top_box .com_wrap .more_box > a { font-size: 18px; font-family: 'Play'; font-weight: 700; color: #fff; background: rgba(0, 0, 0, 0.6); border-radius: 25px; padding: 14px 30px; display: inline-flex; column-gap: 20px; margin-top: 95px; }
.product .detail9 .com_top_box .com_wrap .more_box > a > span:last-child { font-size: 35px; line-height: 0.6; font-weight: 100; }
.product .detail9 .com_box { display: flex; flex-wrap: wrap; column-gap: 25px; margin-top: -80px; z-index: 1; position: relative; }
.product .detail9 .com_box.com_box1 { flex-direction: row-reverse; margin-top: 0; }
.product .detail9 .cont_box { background: #f7f7f7; }
.product .detail9 .cont_box .txt_box { font-family: 'Play'; width: 30%; background: #fff; border-radius: 20px; padding: 55px 40px; }
.product .detail9 .cont_box .txt_box .txt1 { font-size: 18px; color: #1079e4; font-weight: 700; }
.product .detail9 .cont_box .txt_box .txt2 { font-size: 30px; font-weight: 700; padding-top: 13px; }
.product .detail9 .cont_box .img_box { width: calc(70% - 25px); aspect-ratio: calc(930 / 378); border-radius: 20px; }
/* 251204 css추가 start*/
.detail_txt1, .detail_txt2, .detail_txtIn>div>p { letter-spacing: -0.2px; }
.detail_modify { width: 100%; }
.detail_modifyIn { width: 1360px; display: flex; margin: 0 auto; }
.img_detail { width: 47.94%; height: 586px; background-color: #f8f8f9; border-radius: 28px; overflow: hidden; }
.txt_detail { width: 52.06%; height: auto; padding: 88px 0 0 60px; }
.detail_photo { width: 100%; height: 100%; }
.txt_detail h3 { position: relative; font-size: 20px; font-weight: 700; font-family: 'Play'; color: #1079e4; }
.txt_detail h3:before { content: ''; position: absolute; top: -22px; left: 0; width: 18px; height: 4px; background-image: linear-gradient(to right, #1079e4 60%, #b8d431 60%); }
.detail_txt1 { padding: 18px 0; font-size: 36px; font-weight: 700; font-family: 'Play'; }
.detail_txt2 { font-size: 18px; line-height: 30px; font-weight: 400; opacity: 75%; }
.detail_txtIn { display: grid; grid-template-columns: repeat(3,1fr); padding: 40px 0; background: #f8f8f8; border-radius: 30px; margin-top: 30px; text-align: center; }
.detail_txtIn>div { border-right: 1px solid #d8d8d8; padding: 10px; }
.detail_txtIn>div:last-child { border-right: none; }
.detail_txtIn>div>p { font-size: 18px; font-weight: 600; font-family: 'Play'; color: #111; }
.detail_txtIn>div>p>span { font-size: 16px; font-weight: 400; opacity: 60%; }
.detail_txtIn>div>p:last-child { margin-top: 12px; font-size: 22px;}
.table-wrap>tbody>tr { margin-bottom: 12px; }
.additive-table-wrap { width: 100%; margin: 40px auto 0; }
.additive-table-scroll { width: 100%; overflow-x: auto; }
.additive-table { width: 100%; min-width: 960px; border-collapse: separate; border-spacing: 16px 14px; table-layout: fixed; font-size: 15px; line-height: 1.5; }
.additive-table thead th { vertical-align: middle; padding: 18px 0; border-radius: 18px; text-align: center; font-size: 18px; font-weight: 700; background-color: #0f3b75; color: #fff; }
.additive-table tbody td { padding: 16px 14px; font-size: 16px; font-weight: 500; border-radius: 18px; background: #ffffff; text-align: center; vertical-align: top; vertical-align: middle; }
.additive-table tbody .tit { font-size: 18px; font-weight: 700; background-color: #0f3b75; color: #fff; }
.additive-table tbody tr td { background: #e7f1fc; color: #0f3b75; }
.additive-table tbody td:nth-child(3), .additive-table tbody td:nth-child(4), .additive-table tbody td:nth-child(5) { text-align: center; white-space: normal; }
.additive-table tbody td:nth-child(5) { padding: 16px 18px; }


/* PC table styles (keep yours) */
.additive-table-wrap { width: 100%; margin: 40px auto 0; }
.additive-table-scroll { width: 100%; overflow-x: auto; }
.additive-table { width: 100%; min-width: 960px; border-collapse: separate; border-spacing: 10px 10px; table-layout: fixed; font-size: 15px; line-height: 1.5; }
.additive-table thead th { vertical-align: middle; padding: 18px 0; border-radius: 12px; text-align: center; font-size: 18px; font-weight: 600; background-color: #f8f8f9; color: #111; }
.additive-table tbody td { padding: 16px 14px; font-size: 16px; font-weight: 600; border-radius: 12px; background: #ffffff; text-align: center; vertical-align: top; vertical-align: middle; }
.additive-table tbody .tit { font-size: 18px; font-weight: 700; background-color: transparent; color: #1079e4; border: 2px solid #1079e4; }
.additive-table tbody tr td {background: #e7f1fc; color: #1079e4; word-break:keep-all;}
.additive-table tbody tr:last-child td {background: #f8fbea; color: #2da017;}
.additive-table tbody td:nth-child(3),
.additive-table tbody td:nth-child(4),
.additive-table tbody td:nth-child(5) { text-align: center; white-space: normal; }
.additive-table tbody td:nth-child(5) { padding: 16px 18px; }

/* Switch: desktop shows table, mobile shows cards */
.additive-cards-mo { display: none; }
.additive-table-pc { display: block; }

@media (max-width: 768px) {
  .additive-table-pc { display: none; }
  .additive-cards-mo { display: block; }
}

/* Mobile cards styles */
.additive-cards { display: grid; gap: 14px; }
.additive-card {
  background: #e7f1fc;
  border-radius: 18px;
  padding: 14px;
  color: #0f3b75;
}
.additive-card .card-head{
  background: #0f3b75;
  color: #fff;
  border-radius: 14px;
  padding: 12px 14px;
}
.additive-card .card-head .group{ font-weight: 700; font-size: 14px; opacity: .95; }
.additive-card .card-head .product{ font-weight: 800; font-size: 16px; margin-top: 6px; }

.additive-card .card-body{ margin: 12px 0 2px; }
.additive-card .card-body .row{
  display: grid;
  grid-template-columns: 92px 1fr;
  gap: 10px;
  padding: 10px 10px;
  background: #ffffff;
  border-radius: 14px;
}
.additive-card .card-body .row + .row{ margin-top: 10px; }
.additive-card dt{ font-weight: 800; font-size: 13px; color: #0f3b75; }
.additive-card dd{
  margin: 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.55;
  color: #0f3b75;
  word-break: break-word;
}


/* 기본은 그대로 (PC/태블릿: 스크롤/원래 크기 유지) */
.additive-table-scroll { overflow-x: auto; }

/* ✅ 모바일: 한 화면에 테이블 전체가 들어오게 축소 */
@media (max-width: 768px) {
  .additive-table-scroll {
    overflow-x: hidden;           /* 스크롤 제거 */
  }

  .additive-table {
    min-width: 960px;             /* 기존 값 유지 (계산 기준) */
    transform-origin: top left;
    transform: scale(calc(100vw / 960));
  }

  /* 축소로 생기는 아래 여백 보정 */
  .additive-table-wrap {
    margin-top: 24px;
    padding-bottom: calc((1 - (100vw / 960)) * 600px); /* 대충 보정, 필요시 숫자만 조절 */
  }
}




/* 전체 테이블 기본 스타일 */
.table-wrap { width: 100%; margin: 0 auto; text-align: center; border-collapse: separate; border-spacing: 10px 10px; }
.table-wrap th { background: #f6f6f8; border: 1px solid #f6f6f6; padding: 23px 0; font-size: 18px; font-weight: 700; color: #222; border-radius: 12px; }
/* 데이터 셀 */
.table-wrap td { padding: 22px 0; font-size: 18px; font-weight: 600; border-radius: 12px; }
/* 상단 라인X */
.table-wrap tr td { border-top: 0; }
/* CL60 row */
.table-wrap tr:nth-child(2n) td { background: #e7f1fc; color: #1079e4; }
.table-wrap tr:nth-child(2n) td:first-child { border: 2px solid #1079e4; box-sizing: border-box; background-color: transparent; }
/* CL75 row  */
.table-wrap tr:nth-child(2n+1) td { background: #f8fbea; color: #2da017; }
.table-wrap tr:nth-child(2n+1) td:first-child { border: 2px solid #b8d431; box-sizing: border-box; background-color: transparent; }
/* rowspan 그라데이션 */
.table-wrap tr td[rowspan] { border: 0 !important; background: linear-gradient(#e7f1fc, #f8fbea); color: #1c6df3; }
/* Dosage 영역(오른쪽) */
.table-wrap td:last-child { font-weight: 700; color: #1c6df3; }
.type-table-wrap {width: 100%;margin: 0 auto;text-align: center; border-spacing: 0px 0px;  border-collapse: separate; }
.type_cont { border-radius: 12px;overflow: hidden;}
.type-table-wrap th:first-child {border-top-left-radius: 12px; border-bottom-left-radius: 12px;}
.type-table-wrap th:last-child {border-top-right-radius: 12px; border-bottom-right-radius: 12px;}
.type-table-wrap th { border: 1px solid rgba(255,255,255,15%); padding: 23px 0; font-size: 18px; font-weight: 700; color: #fff; background-color:#1079e4 ;}
.type-table-wrap td {padding: 22px 0; font-size: 18px; font-weight: 600; border-radius: 0;}
.type_cont {border:2px solid #eee;}
.type_cont tr td{border:1px solid #eee; border-radius: 0;}
.type-table-wrap tbody::before { content: "";display: block; height: 8px;}
/* 첫 행 모서리 */
.type_cont tr:first-child td:first-child { border-top-left-radius: 12px; }
.type_cont tr:first-child td:last-child  { border-top-right-radius: 12px; }
/* 마지막 행 모서리 (일반 행) */
.type_cont tr:last-child td:first-child  { border-bottom-left-radius: 12px; }
.type_cont tr:last-child td:last-child   { border-bottom-right-radius: 12px; }
/* 마지막 행이 colspan=5 (td가 1개)인 경우 */
.type_cont tr:last-child td{border-bottom-left-radius: 12px; border-bottom-right-radius: 12px;}


@media screen and (max-width:1024px) {
	.div_scroll table { width: 100%; font-size: 14px; }
    .type-table-wrap th, .type-table-wrap td {font-size: 14px; padding: 8px;}
}

.p_card { display: flex; justify-content: space-between; }
.cardIn { width: calc(50% - 20px); padding: 40px 38px 28px 38px; background-color: #f8f8f9; border-radius: 20px; border: 2px solid #f6f6f6; }
.card_img { width: 100%; height: 293px; border-radius: 8px ; background-color: #fff; overflow: hidden; display: flex; align-items: center; }
.card_img>img { width: 384px; display: block; margin-left: auto; margin-right: auto; }
.cardIn>ul>li>ul { display: flex; justify-content: space-between; }
.cardIn h3 { padding: 36px 0 18px 14px; font-size: 28px; font-weight: 600; }
.cardIn h3 span { font-weight: 700; }
.card_img>p { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 100%; font-size: 32px; color: #ddd; font-weight: 600; margin: 0 auto; }
.cardIn>ul>li { border-bottom: 2px solid #ececed; padding: 18px 0 17px 0; }
.cardIn>ul>li:last-child { border-bottom: 0; }
.cardIn>ul>li>ul>li { position: relative; padding-left: 19px; font-size: 19px; color: #454545; letter-spacing: -0.2px; }
.cardIn>ul>li>ul>li>span { font-weight: 600 ; color: #111; }
.cardIn>ul>li>ul>li>span:before { content: ''; position: absolute; top: 10px; left: 5px; width: 5px; aspect-ratio: 1; background: #1079e4; border-radius: 5px; }
.card_subTxt { color: #ccc; }
.cardIn:hover { background-color: #1079e4; transition: all .3s ease; border: 2px solid #1079e4; }
.cardIn:hover ul>li>ul>li>span:before { background-color: #b8d431; }
.cardIn:hover ul>li>ul>li, .cardIn:hover ul>li>ul>li>span, .cardIn:hover h3 { color: #fff; }
.cardIn:hover ul>li { border-bottom: 2px solid rgba(255,255,255,15%); }
.cardIn:hover ul>li:last-child { border-bottom: 0; }
.cardIn:hover ul>li>ul>li { border: 0; }
.product .detail7 .detail_wrap .info_box .sub:hover { border: 2px solid #1079e4; }
.product .detail7 .detail_wrap .info_box .sub:hover div { color: #1079e4; }
.detail_wrap .table_gray { background: #f6f6f6!important; }
.esg_box { width: 100%; max-width: 1360px; margin: 140px auto 0; background-color: #f8f8f8; padding: 68px 60px; border-radius: 40px; border: 2px solid rgba(238,238,238,50%); }
.esg_box h2 { font-size: 30px; font-weight: 700; color: #111; padding-bottom: 36px; }
.esg_box h2, .esg_box p { letter-spacing: -0.2px; }
.esg_box p { font-size: 22px; line-height: 32px; font-weight: 500; }
.esg_listTxt { width: 100%; max-width: 1360px; margin: 80px auto 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 60px 0; align-items: center; }
.list_number, .list_esgTxt { letter-spacing: -0.2px; font-weight: 600; font-family: 'pretendard'; padding: 0 20px; }
.list_number { font-size: 26px; color: #0a76db; }
.list_esgTxt { font-size: 24px; line-height: 33px; margin-top: 36px; }
.esg_listTxt>div>div:nth-child(2) { border-right: 2px solid #eee; }
.esg_listTxt>div:nth-child(3)>div:nth-child(2), .esg_listTxt>div:last-child>div:nth-child(2) { border-right: 0; }
.esg_tip { padding-top: 60px; text-align: center; line-height: 80px; font-size: 20px; }
.cardIn>ul>li>ul>li:first-child { width: 30%; min-width: 60px; }
.cardIn>ul>li>ul>li:last-child { width: 70%; padding-left: 12px; text-align: right; }
.sub_02_01_02 .table-wrap th:nth-child(1) { width: 25%; }
.sub_02_01_02 .table-wrap th:nth-child(2) { width: 25%; }
.sub_02_01_02 .table-wrap th:nth-child(3) { width: 25%; }
.sub_02_01_02 .table-wrap th:nth-child(4) { width: 25%; }

.sub_02_01_04 .detail3 .table-wrap th:nth-child(1) { width: 25%; }
.sub_02_01_04 .detail3 .table-wrap th:nth-child(2) { width: 25%; }
.sub_02_01_04 .detail3 .table-wrap th:nth-child(3) { width: 25%; }
.sub_02_01_04 .detail3 .table-wrap th:nth-child(4) { width: 25%; }
@media(max-width:1360px) {
	.detail3 { width: 100%; padding: 0 22px; }
	.detail_modifyIn { width: 100%; padding: 0 10px; }
	.txt_detail { padding: 88px 0 0 48px; }
	.product .detail4 .detail_wrap .img_box .sub { width: calc((100% - 56px) / 3); }
	.product .detail4 .detail_wrap .img_box { gap: 28px; }
	.detail_txt2 { line-height: 26px; }
	.cardIn { width: calc(50% - 14px); }
	.cardIn h3 { font-size: 24px; padding: 32px 0 12px 14px; }
	.cardIn>ul>li>ul>li { font-size: 17px; }
	.product .pro_tit, .detail_txt1 { font-size: 32px; }
	.txt_detail h3 { font-size: 17px; }
	.detail_txt1 { padding: 12px 0 14px 0; }
	.esg_box { width: calc(100% - 20px); }
	.cardIn>ul>li>ul>li:first-child { width: 40%; min-width: 60px; }
	.cardIn>ul>li>ul>li:last-child { width: 60%; padding-left: 12px; text-align: left; }
}
@media(max-width:1200px) {
	.img_detail { height: 520px; }
	.txt_detail { padding: 68px 0 0 36px; }
	.subIn { padding: 0 28px 30px 28px; }
	.cardIn { padding: 32px 32px 24px 32px; }
	.product .detail4 .detail_wrap .img_box .sub .txt { padding: 32px 0 22px 0; }
	.table-wrap { border-spacing: 6px 6px; }
	.table-wrap th, .table-wrap td { padding: 20px 0; border-radius: 10px; }
	.card_img { height: 240px; }
	.cardIn>ul>li>ul>li>span:before { top: 8px; }
	.detail_txtIn { display: grid; grid-template-columns: repeat(1,1fr); padding: 20px; }
	.detail_txtIn>div { border-right: none; border-bottom: 1px solid #d8d8d8; width: 50%; margin: 0 auto; }
	.detail_txtIn>div:last-child { border: none; }
	.product .detail5 .detail_wrap .info_box { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; padding-top: 80px; }
}
@media(max-width:1024px) {
	/* 3depth */
	.sub_comm_cate > ul { padding: 6px; border-radius: 18px; }
	.sub_comm_cate > ul > li { width: calc(100% / 4); }
	.sub_comm_cate > ul > li { text-align: center; }
	.sub_comm_cate > ul > li > a { font-size: 17px; opacity: 75%; }
	.sub_comm_cate > ul > li > a.active { border-radius: 14px; opacity: 1; }
	.sub_comm_cate > ul > li:hover a { background-color: #1079e4; border-radius: 14px; color: #fff; opacity: 1; }
	/* 3depth end*/
	.img_detail { width: 50%; height: 440px; border-radius: 20px; }
	.txt_detail { width: 50%; padding: 48px 0 0 20px; }
	.txt_detail h3, .detail_txt2 { padding: 0 8px; }
	.detail_txt1 { padding: 12px 8px 14px 8px; }
	.detail_txt2 { font-size: 17px; line-height: 24px; }
	.detail_txtIn>div>p, .product .detail4 .detail_wrap .img_box .sub .txt > span { font-size: 18px; }
	.product .detail4 .detail_wrap .img_box .sub .txt > span:before { top: 8px; }
	.cardIn h3 { font-size: 20px; padding: 28px 0 6px 14px; }
	.product .pro_tit, .detail_txt1 { font-size: 28px; }
	.table-wrap th, .table-wrap td { font-size: 16px; }
	.cardIn { padding: 28px 28px 12px 28px; }
	.cardIn>ul>li>ul>li { font-size: 15px; }
	.cardIn>ul>li { padding: 14px 0 14px 0; }
	.card_img { height: 192px; }
	.subIn { padding: 0 28px 24px 28px; }
	.product .detail4 .detail_wrap .img_box .sub .txt { padding: 28px 0 18px 0; }
	.product .detail5 .detail_wrap .info_box .sub .txt .txt1, .product .detail6 .detail_wrap .info_box .sub .sub_tit { font-size: 24px; }
	.product .detail7 .detail_wrap .info_box .sub .txt { font-size: 20px; }
	.product .detail7 .detail_wrap .info_box .sub { padding: 36px; }
	.product .pro_tit1, .product .txt_box1 > ul > li { font-size: 20px; }
	.sub_02_01_02 .div_scroll table { width: 100%; }
	.sub_02_01_04 .div_scroll table { width: 100%; }
	.table-wrap th, .table-wrap td { font-size: 14px; padding: 8px ; }

 
}
/*mobile 해상도*/
@media(max-width:860px) {
	.product .detail1 { padding: 80px 0 68px; }
	.product .detail1 .img_box .img_txt { font-size: 120px; }
	.detail_modifyIn { flex-direction: column; padding: 0 20px; }
	.product .detail1 .txt_box .txt1 { font-size: 32px; }
	.img_detail, .txt_detail { width: 100%; }
	.img_detail { height: 320px; }
	.txt_detail { padding: 68px 0 0 0; }
	.txt_detail h3, .detail_txt2 { padding: 0 12px; }
	.txt_detail h3:before { top: -18px; left: 13px; }
	.detail_txt1 { padding: 14px 12px 10px 12px; }
	.product .detail5 { padding: 50px 0; }
	.product .detail5 .detail_wrap .info_box .sub .txt .txt2 { font-size: 15px; }
	.product .detail5 .detail_wrap .txt_box .txt2 { font-size: 24px; }
	.product .detail5 .detail_wrap .info_box { display: grid; grid-template-columns: repeat(2,1fr); gap: 20px; padding-top: 40px; }
	.product .detail4 .detail_wrap .img_box { gap: 24px; }
	.product .detail4 .detail_wrap .img_box .sub { /* width: calc((100% - 56px) / 3); */ width: calc(50% - 12px); }
	.div_scroll, .img_box, .p_card { padding: 0 10px; }
	.product .pro_tit { padding-left: 35px; }
	.product .pro_tit:before { left: 10px; }
	.p_card { flex-direction: column; justify-content: space-between; gap: 24px; }
	.cardIn { width: 100%; border-radius: 12px; }
	.cardIn>ul>li>ul>li:first-child { min-width: auto; }
	.cardIn>ul>li>ul>li:last-child { width: auto; text-align: right; }
}
@media(max-width:768px) {
	.product .detail4 .detail_wrap .img_box .sub { widht: calc (50% - 10px); }
	.product .detail4 .detail_wrap .img_box { gap: 20px; }
	.subIn { padding: 0 20px 20px 20px; }
	.product .detail4 .detail_wrap .img_box .sub .txt { padding: 20px 0 14px 0; }
	.product .pro_tit, .detail_txt1 { font-size: 24px; }
	.cardIn { padding: 22px 20px 12px 20px; }
	.cardIn h3 { font-size: 18px; padding: 20px 0 4px 16px; }
	.cardIn>ul>li { padding: 10px 0 10px 0; }
	.table-wrap { border-spacing: 4px 4px; }
	.table-wrap th, .table-wrap td { border-radius: 6px; }
    .type_cont { border-radius: 6px;}
    .type-table-wrap th:first-child {border-top-left-radius: 6px; border-bottom-left-radius: 6px;}
    .type-table-wrap th:last-child {border-top-right-radius: 6px; border-bottom-right-radius: 6px;}
    .type-table-wrap tbody::before { height: 4px;}
    .type_cont tr:first-child td:first-child { border-top-left-radius: 6px; }
    .type_cont tr:first-child td:last-child  { border-top-right-radius: 6px; }
    .type_cont tr:last-child td:first-child  { border-bottom-left-radius: 6px; }
    .type_cont tr:last-child td:last-child   { border-bottom-right-radius: 6px; }
    .type_cont tr:last-child td{border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;}
	.product .pro_tit1, .product .detail7 .detail_wrap .info_box .sub .txt, .product .txt_box1 > ul > li { font-size: 18px; }
}
@media(max-width:680px) {
	/*상단 subVisual*/
	#subPage { padding: 68px 0 0; }
	.sub_vg .vg_con .tit_box .tit1 { font-size: 16px; letter-spacing: -0.2px; }
	.sub_comm_tit_box .tit2 { font-size: 32px; }
	.sub_vg { padding: 88px 10px 0; }
	.sub_vg .vg_con .bg { border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; }
	.sub_vg .vg_con .btn_box .btn_box_wrap .btn_box_in:before { top: -119px; right: 0px; border-top-left-radius: 20px; }
	.sub_vg .vg_con .btn_box .btn_box_wrap { padding: 16px 0 0 20px; }
	.sub_vg .vg_con .tit_box { padding-left: 40px; }
	.sub_comm_tit_box .tit2 { padding-top: 0; }
	/* 3depth */
	.sub_comm_cate { padding-top: 60px; }
	.sub_comm_cate > ul > li { width: calc(100% / 3); }
	/* 3depth end*/
}
@media(max-width:458px) {
	.cardIn>ul>li>ul>li { font-size: 14px; }
	.cardIn>ul>li>ul>li:first-child { width: 40%; min-width: 100px; }
	.cardIn>ul>li>ul>li:last-child { width: 60%; padding-left: 12px; }
	.sub_vg .vg_con .btn_box .cate .cate_list { border-radius: 20px; }
	.sub_vg .vg_con .btn_box .cate > a { padding: 11px 28px; }
	.card_img { height: 148px; }
	.cardIn h3 { font-size: 16px; padding: 20px 0 8px 16px; }
	.cardIn>ul>li>ul>li:last-child { text-align: left; }
}
@media(max-width:400px) {
	.sub_vg .vg_con .tit_box .tit2 { font-size: 32px; }
	.sub_vg .vg_con .btn_box .cate > a { font-size: 17px; }
	/* 3depth */
	.sub_comm_cate { padding-top: 40px; }
	.sub_comm_cate > ul { border: 2px solid rgba(0,0,0,3%); box-sizing: border-box; padding: 2px; }
	.sub_comm_cate > ul > li { width: 100%; }
	.sub_comm_cate > ul > li > a { font-size: 16px; }
	.sub_comm_cate > ul > li > a.active { background-color: #1079e4; }
	/* 3depth end*/
	.product .detail1 .img_box { padding-top: 0px; }
	.product .detail1 .txt_box .txt1 { font-size: 28px; }
	.txt_detail { padding: 48px 0 0 0; }
	.img_detail { height: 228px; border-radius: 12px; }
	.detail_txt1 { padding: 14px 12px 16px 12px; }
	.detail_txt2 { font-size: 16px; line-height: 22px; }
}
/* 251204 css추가 end*/

@media(max-width:1700px) {
	.product .detail9 .com_box { margin-top: 0px; padding-top: 100px; }
	.product .detail9 .com_box.com_box1 { padding-top: 0px; }
}
@media(max-width:1500px) {
	.product .detail9 .map_box .map_tit { position: relative; top: auto; left: auto; padding: 50px 10px; }
}
@media(max-width:1400px) {
	.product .detail2 .detail_wrap .img_box .sub { width: calc((100% - 20px) / 3); margin-right: 10px; }
	.product .detail5 .detail_wrap .info_box .sub .thumb:before { right: -3vw; }
	.product .detail6 .detail_wrap .info_box .sub { width: calc((100% - 20px) / 2); margin-right: 20px; margin-bottom: 20px; padding: 40px 30px; }
	.product .detail7 .detail_wrap .info_box .sub { width: calc((100% - 20px) / 3); margin-right: 10px; margin-bottom: 10px; }
	.product .img_box1 .sub { width: calc((100% - 10px) / 3); margin-right: 10px; }
	.product .detail8 .detail_wrap .txt_box .txt3 br { display: none; }
}
@media(max-width:1300px) {
	.product .detail9 .com_top_box { top: 50%; transform: translateY(-50%); left: auto; right: 1%; }
}
@media(max-width:1250px) {
	.product .detail5 .detail_wrap .info_box .sub .thumb:before { content: ''; width: 0; }
	.product .txt_box1 > ul > li { width: calc(100% / 2); }
}
@media(max-width:1024px) {
	.product .detail7 .detail_wrap .info_box .sub { width: calc((100% - 10px) / 2); }
	.product .detail7 .detail_wrap .info_box .sub:nth-child(3n) { margin-right: 10px; }
	.product .detail7 .detail_wrap .info_box .sub:nth-child(2n) { margin-right: 0px; }
	.product .detail8 .detail_wrap .img_box { width: 100%; padding-right: 0%; max-width: 808px; padding-bottom: 50px; }
	.product .detail8 .detail_wrap .txt_box { width: 100%; }
	.product .detail8 .detail_wrap .txt_box .txt2 { font-size: 30px; }
	.product .detail9 .com_top_box { max-width: 300px; border-radius: 20px; }
	.product .detail9 .com_top_box .com_wrap { padding: 20px; }
	.product .detail9 .com_top_box .com_wrap .info_box .txt1 { padding-top: 15px; }
	.product .detail9 .com_top_box .com_wrap .more_box > a { margin-top: 65px; }
	.product .detail9 .com_top_box .com_wrap .info_box .txt2 { font-size: 26px; }
}
@media(max-width:768px) {
	.product .detail5 .detail_wrap .info_box .sub { width: 100%; margin-right: 0px; margin-bottom: 20px; }
	.product .detail6 .detail_wrap .info_box .sub { width: 100%; margin-right: 0px; margin-bottom: 10px; }
	.product .detail4 .detail_wrap .img_box .sub:nth-child(2n) { margin-right: 0px; }
	.product .img_box1 .sub { width: calc((100% - 10px) / 2); margin-right: 10px; margin-bottom: 50px; }
	.product .img_box1 .sub:nth-child(3n) { margin-right: 10px; }
	.product .img_box1 .sub:nth-child(2n) { margin-right: 0px; }
	.product .txt_box1 > ul > li { width: 100%; }
	.product .txt_box1 > ul { padding: 10px; }
	.product .detail9 .com_top_box { max-width: 100%; position: relative; top: auto; transform: translate(0px, 0px); right: auto; margin: 10px; }
	.product .detail9 .map_box .map_area { padding-bottom: 10px; }
	.product .detail9 .cont_box .txt_box { width: 100%; margin-bottom: 10px; }
	.product .detail9 .cont_box .img_box { width: 100%; }
	.product .detail6 .detail_wrap .info_box .sub > ul >li { font-size: 15px; }
	.product .detail6 .detail_wrap .info_box .sub { padding: 30px; }
}
@media(max-width:500px) {
	.product .detail2 .detail_wrap .img_box .sub { width: 100%; max-width: 407px; margin: 0px auto 10px; }
	.product .detail2 .detail_wrap .img_box .sub:nth-child(3n) { margin: 10px auto 0; }
	.product .detail4 .detail_wrap .img_box .sub { width: 100%; }
	.product .detail4 .detail_wrap .img_box .sub .txt { padding-top: 20px; }
	.product .detail7 .detail_wrap .info_box .sub { width: 100%; margin-right: 0; }
	.product .img_box1 .sub { width: 100%; max-width: 407px; margin: 0px auto 40px; }
}
.inquiry {
}
.inquiry .cont {
}
.inquiry .cont .cont_wrap { display: flex; flex-wrap: wrap; gap: 20px; }
.inquiry .cont .cont_wrap .box { width: calc((100% - 20px) / 2); }
.inquiry .cont .cont_wrap .box.box_full { width: 100%; }
.inquiry .cont .cont_wrap .box .txt_box { padding: 20px 0; }
.inquiry .cont .cont_wrap .box .txt_box > span { position: relative; font-size: 24px; color: #111111; font-weight: 700; padding-left: 15px; }
.inquiry .cont .cont_wrap .box .txt_box > span:before { content: ''; position: absolute; top: 15px; left: 0; width: 3px; aspect-ratio: 1; background: rgba(69, 69, 69, 0.5); }
.inquiry .cont .cont_wrap .box .input_box {
}
.inquiry .cont .cont_wrap .box .input_box.input_box_email { display: flex; align-items: center; column-gap: 5px; font-size: 16px; }
.inquiry .cont .btn_box { display: flex; justify-content: center; }
.inquiry .cont .btn_box .submit { background: #1079e4; font-size: 20px; font-family: 'Play'; color: #fff; font-weight: 700; border: 0 none; border-radius: 6px; padding: 18px 80px; }
.inquiry input[type=text], .inquiry textarea { background: #f3f3f3; border: 0 none; width: 100%; border-radius: 6px; padding: 20.5px 30px; font-family: 'pretendard'; }
.inquiry input::placeholder, .inquiry textarea::placeholder { color: #888888; font-size: 16px}
.inquiry select { font-size: 16px; color: #111111; border: solid 1px #dddddd; border-radius: 6px; padding: 19px 50px 20px 20px; -webkit-appearance: none; -moz-appearance: noneappearance: none; background: url(../img/sub/inquiry_arrow.png) no-repeat 90%; font-family: 'pretendard'; }
@media(max-width:1024px) {
	.inquiry .cont .cont_wrap .box { width: 100%; }
}
.report {
}
.report .cont {
}
.report .cont .tit_box { padding-top: 135px; }
.report .cont .tit_box .box_wrap {
}
.report .cont .tit_box .box_wrap .tit1 { font-size: 18px; color: #0a76db; font-weight: 700; font-family: 'Play'; }
.report .cont .tit_box .box_wrap .tit2 { font-size: 40px; font-weight: 700; line-height: calc(50 / 40); padding-top: 22px; }
.report .cont .ttxt_box { padding-top: 125px; background: linear-gradient(to bottom, #fff 65%, #f7f7f7 65%); }
.report .cont .ttxt_box .box { color: #fff; border-radius: 40px; padding: 82px 225px; margin-top: 40px; }
.report .cont .ttxt_box .box dl { display: flex; flex-wrap: wrap; column-gap: 20px; row-gap: 30px; align-items: center; }
.report .cont .ttxt_box .box dt { width: 46px; }
.report .cont .ttxt_box .box dt > span { width: 46px; aspect-ratio: calc(46 / 51); position: relative; z-index: 1; display: flex; justify-content: center; align-items: center; font-size: 18px; font-family: 'Play'; font-weight: 700; }
.report .cont .ttxt_box .box dt > span:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #0a76db; border-radius: 50%; transform: rotate(15deg); z-index: -1; }
.report .cont .ttxt_box .box dd { width: calc(100% - 66px); font-size: 20px; font-weight: 600; }
.report .cont .ttxt_box .box dd > span { display: block; font-size: 18px; color: rgba(255, 255, 255, 0.75); padding-top: 5px; }
.report .cont .ttxt_box .txt { position: relative; font-size: 36px; font-weight: 700; font-family: 'Play'; padding-left: 25px; }
.report .cont .ttxt_box .txt:before { content: ''; position: absolute; top: 4px; left: 0; width: 18px; height: 4px; background-image: linear-gradient(to right, #1079e4 60%, #b8d431 60%); }
.report .cont .cont_box { background: #f7f7f7; }
.report .cont .cont_box .cont_box_wrap { display: flex; flex-wrap: wrap; gap: 20px; padding-top: 37px; width: 100%; }
.report .cont .cont_box .cont_box_wrap .box { width: calc((100% - 20px) / 2); }
.report .cont .cont_box .cont_box_wrap .box.box_full { width: 100%; }
.report .cont .cont_box .cont_box_wrap .box .txt_box { padding: 20px 0; }
.report .cont .cont_box .cont_box_wrap .box .txt_box.txt_box_bar { border-bottom: solid 1px #dddddd}
.report .cont .cont_box .cont_box_wrap .box .txt_box > span { position: relative; font-size: 24px; color: #111111; font-weight: 700; padding-left: 15px; }
.report .cont .cont_box .cont_box_wrap .box .txt_box > span:before { content: ''; position: absolute; top: 15px; left: 0; width: 3px; aspect-ratio: 1; background: rgba(69, 69, 69, 0.5); }
.report .cont .cont_box .cont_box_wrap .box .input_box {
}
.report .cont .cont_box .cont_box_wrap .box .input_box.input_box_email { display: flex; align-items: center; column-gap: 5px; font-size: 16px; }
.report .cont .cont_box .cont_box_wrap .box .input_box .radio { font-size: 20px; color: #111111; font-weight: 600; padding-left: 5px; }
.report .cont .cont_box .cont_box_wrap .box .input_box.input_box_radio { display: flex; column-gap: 80px; padding: 18px 0; }
.report input[type=text], .report textarea { background: #fff; border: 0 none; width: 100%; border-radius: 6px; padding: 20.5px 30px; font-family: 'pretendard'; }
.report input::placeholder, .report textarea::placeholder { color: #888888; font-size: 16px}
.report select { font-size: 16px; color: #111111; border: solid 1px #fff; border-radius: 6px; padding: 19px 50px 20px 20px; -webkit-appearance: none; -moz-appearance: noneappearance: none; background: #fff url(../img/sub/inquiry_arrow.png) no-repeat 90%; font-family: 'pretendard'; }
.report .cont .btn_box { display: flex; justify-content: center; padding-top: 78px; }
.report .cont .btn_box .submit { background: #1079e4; font-size: 20px; font-family: 'Play'; color: #fff; font-weight: 700; border: 0 none; border-radius: 6px; padding: 18px 80px; }
.report [type="radio"] { appearance: none; border-radius: 3px; box-sizing: border-box; width: 20px; height: 20px; border: 0 none; cursor: pointer; background: #cccccc; }
.report [type="radio"]:checked { background: #0a76db; }
@media(max-width:1024px) {
	.report .cont .ttxt_box .box { padding: 82px 25px; }
	.report .cont .cont_box .cont_box_wrap .box { width: 100%; }
	.report .cont .tit_box .box_wrap .tit2 { font-size: 30px; }
	.report .cont .ttxt_box .txt { font-size: 28px; }
}
/* 개인정보처리방침 + 이메일무단수집거부 start*/
.policyIn {width: 100%; max-width: 1360px; margin: 0 auto;}
.policy {margin-bottom: 40px;}
.policy h3{font-size: 1.8rem; font-weight: 600; margin-bottom: 0.4rem;}
.policy h4, .noticeIn p {font-size: 1.4rem; font-weight: 500;}
.policy p{font-size:1.1rem; line-height: 1.5; padding-top:.8rem; }
.noticeIn {padding:28px 0 68px 0;}
.noticeIn p {text-align: center;}
.policyBox{padding:28px 36px; background-color:#f2f2f2; margin:12px 0; border-radius: 2px;}
.policyBox li {position: relative; padding-left:10px; font-size:1.1rem ; line-height: 1.6; }
.policyBox li:before{position:absolute; left:0; top:12px; content: ''; display: block; width:4px; height: 4px; border-radius: 50%; background-color:#888;}
@media(max-width:1400px) {
    .policyIn {padding:0 20px;}
}
@media(max-width:800px) {
    .policy h4, .noticeIn p {font-size: 1.2rem;}
    .policy h3{font-size: 1.4rem;}
    .policyBox {padding:20px;}
}