@charset "utf-8";
/* CSS Document */
body{ font-size:16px}
.box0{ width:90%; margin:0 auto}
.box1{ width:1380px; margin:0 auto;}
.box2{ width:1040px; margin:0 auto; max-width:95%;}


.PC{ display:block !important}
.PHONE{ display:none !important}
.PC1024{ display:block !important}
.PHONE1024{ display:none !important}	
.PC768{ display:block !important}
.PHONE768{ display:none !important}	
.PC500{ display:block !important}
.PHONE500{ display:none !important}	
.PC360{ display:block !important}
.PHONE360{ display:none !important}	


#header{ position: fixed; z-index:1500; left:0; top:0; width:100%; background-color:none; border-bottom:1px solid rgba(255,255,255,.2); background: rgba(0,0,0,.45); backdrop-filter: blur(3px);}
#header .h_in_wrap{ position:relative;}
#header .va_wrap{ height:80px;}
#header .logo{ float:left; position:relative}
#header .logo > a{ position:relative}
#header .logo img{ width: 100%;}

.scroll #header{ background: #fff; box-shadow: 5px 0 15px rgba(0,0,0,.45);}
.scroll #header .gnb_wrap .gnb > li .dp1{ color: #111;}
.scroll #header .all_wrap .allBtn .va{ color: #111;}

/*h_left*/
#header .h_left{ position:absolute; top:0; left:26%;}
#header .gnb_wrap .gnb > li{ position:relative;}
#header .gnb_wrap .gnb > li:before,
#header .gnb_wrap .gnb > li:before{ left:50%}
#header .gnb_wrap .gnb > li:after{ right:50%}
#header .gnb_wrap .gnb > li .dp1{ color:#fff; padding:0 1em; min-width:7em; position:relative; overflow:hidden; transition:.3s; margin:0 1.3em;}
#header .gnb_wrap .gnb > li .dp1 .va{ position:relative; z-index:1; font-size:1.125em}
#header .gnb_wrap .gnb > li .dp2{ position:absolute; left:50%; margin-left:-5.5rem; width:11rem; opacity:0; visibility:hidden; border:1px solid #ddd;  background:#fff;}
#header .gnb_wrap .gnb > li .dp2 > li{ display:block; position:relative;}
#header .gnb_wrap .gnb > li .dp2 > li > a{ height:auto; color:#888; text-align:center; padding:.8em 1em; border-top:1px dotted #999;}
#header .gnb_wrap .gnb > li .dp2 > li:first-child > a{ border-top:none}
#header .gnb_wrap .gnb > li .dp2 > li > a .va{ font-size:.9em; position:relative;}
/* #header .gnb_wrap .gnb > li .dp3{ display:none;} */
#header .gnb_wrap .gnb > li:hover .dp1,
#header .gnb_wrap .gnb > li.on .dp1{}
#header .gnb_wrap .gnb > li:hover:before,
#header .gnb_wrap .gnb > li.on:before,
#header .gnb_wrap .gnb > li:hover:after,
#header .gnb_wrap .gnb > li.on:after{ opacity:1; width:50%}
#header .gnb_wrap .gnb > li:hover .dp1:after,
#header .gnb_wrap .gnb > li.on .dp1:after{ opacity:1}
#header .gnb_wrap .gnb > li:hover .dp2{ opacity:1; visibility:visible}
#header .gnb_wrap .gnb > li .dp2 > li:hover > a{ color:#333}
#header .gnb_wrap .gnb > li .dp2:after{ content:""; position:absolute; left:0; top:-1px; width:0; height:2px; background:#ab3636; z-index:1; transition:.3s;}
#header .gnb_wrap .gnb > li:hover .dp2:after,
#header .gnb_wrap .gnb > li.on .dp2:after{ width:100%;}


/*h_right*/
#header .h_right{ position:absolute; top:0; right:0;}
#header .etc_wrap{ float:right; z-index:1; position:relative}
#header .etc_wrap:after{ display:block; clear:both; content:'';}
#header .etc_wrap .sns_list{width:30px; height:80px; position:relative; overflow:hidden; transition:.3s;}
#header .etc_wrap .sns_list ul{display:flex; flex-wrap:nowrap;}
#header .etc_wrap .sns_list ul li{margin-right:10px;}
#header .etc_wrap .sns_list ul li:last-of-type{margin-right:0;}
#header .etc_wrap .sns_list ul li a{display:inline-block; width:30px; height:30px; line-height:80px; text-align:center;}
#header .etc_wrap .sns_list ul li a i{color:#fff; font-size:1.5em; transition:.3s;}
#header .etc_wrap .sns_list ul li:nth-of-type(1):hover  a i{color:#f00;}
#header .etc_wrap .sns_list ul li:nth-of-type(2):hover a i{color:#1ec800;}
#header .etc_wrap .sns_list ul li:nth-of-type(3):hover a i{color:#515bd4;}
#header .etc_wrap .sns_list ul li:nth-of-type(4):hover a i{color:#E1306C;}
#header .etc_wrap .h_mail{ position:relative;}
#header .etc_wrap .h_mail .va{ font-size:1.25em; color:#fff;}

#header .all_wrap{ float:left}
#header .all_wrap .allBtn,
#header .etc_wrap .h_mail{ width:4em; text-align:center;}
#header .all_wrap .allBtn .va{ font-size:1.6em; color:#fff}
#header .all_wrap .all{ position: fixed; z-index:1; right:0; top:0; width:100%; height:100%; opacity:0; visibility:hidden; transition:.3s}
#header .all_wrap .all:before{ content:""; position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5}
#header .all_wrap .all .in{ position: absolute; top:-100%; width:100%; height:auto; background:#fff; transition:.3s; padding:10em 0 10em 0; }
#header .all_wrap.on .all{ opacity:1; visibility:visible}
#header .all_wrap.on .all .in{ top:0}
#header .all_wrap .gnb > li{ width:25%; position:relative; box-sizing:border-box; padding:0 .3em;}
#header .all_wrap .gnb > li:before,
#header .all_wrap .gnb > li:after { content:""; position:absolute; top:0; left:4%; width:92%; height:8px; transform:skew(-45deg); transition:.5s;}
#header .all_wrap .gnb > li:before{ background:#ccc;}
#header .all_wrap .gnb > li:after { background:#ab3636; width:0;}
#header .all_wrap .gnb > li:hover:after { width:96%;}
#header .all_wrap .gnb > li .dp1{ height:70px; font-size:1.250em;}
#header .all_wrap .gnb > li .dp2{ margin:0 8px; padding:1rem 0; background:#fff; border:1px solid #ddd; box-shadow:1px 1px 5px rgba(0,0,0,.1); height:auto;}
#header .all_wrap .gnb > li .dp2 .vm_wrap{ height:auto; text-align:left;}
#header .all_wrap .gnb > li .dp2 .va_wrap{ height:inherit;}
#header .all_wrap .gnb > li .dp2 li{ display:block;}
#header .all_wrap .gnb > li .dp2 li > a{ padding-left:10px !important;}
#header .all_wrap .gnb > li .dp2 > li{ padding:1em 1.5em;}
#header .all_wrap .gnb > li .dp2 > li > a{ position:relative; font-size:.938em; transition:.2s; text-align: left;}
#header .all_wrap .gnb > li .dp2 > li > a:after{ content:""; position:absolute; left:0; top:.5em; width:4px; height:2px; background:#999;}
#header .all_wrap .gnb > li .dp2 > li:hover > a{ margin-left:.3em;}
#header .all_wrap .gnb > li .dp3{ padding:.6rem 0;}
#header .all_wrap .gnb > li .dp3 > li > a{ padding:.3em 0; font-size:.813em; color:#666;}
#header .all_wrap .gnb > li .dp3 > li:hover > a .vm_tt{ text-decoration:underline;}
#header .all_wrap .gnb li:hover > a{ color:#850f0f;} 
#header .all_wrap .gnb li:hover .dp2{ background:#fcfcfc; border-color:#ccc; transition:.2s;}
#header .all_wrap .tit_wrap .allClose{ position:absolute; top:1%; right:4%; font-size:1.8em; color:#999; transition:.3s;}
#header .all_wrap .tit_wrap .allClose:hover{ color:#333;}


#footer{background:#1f212e; padding-bottom:3em;}
#footer .info_wrap{ box-sizing:border-box; padding:2em 0 0; display: flex; flex-direction: column; align-items: flex-start;}
#footer .info_wrap .f_logo{ width:20%;}
#footer .info_wrap .f_logo > img{ width: 80%; margin-bottom: 1em; margin-left: -1em;}
#footer .info_wrap .info{ width:80%;}
#footer .info_wrap .info > li{ color:#ededed; line-height:1.5; letter-spacing:0; font-family:'notokrL'; font-size:.875em; margin-right:45px; margin-bottom:5px;}
#footer .info_wrap .info > li.copyright{ clear:both; padding-top:10px; font-size:.713em; color:#fff; opacity:.5; text-transform:uppercase}
#footer .link_wrap{ border:1px solid #333; border:1px solid rgba(255,255,255,.1); border-left:none; border-right:none}
#footer .link_wrap .va_wrap{ height:3em}
#footer .link_wrap .link > li > a{ margin:0 2.5em; color:#fff; opacity:.8; transition:.3s}
#footer .link_wrap .link > li > a:first-child{ margin-left:0}
#footer .link_wrap .link > li > a .va{ font-size:.875em}
#footer .link_wrap .link > li > a:hover{ opacity:1}
#footer .link_wrap .link > li > a:hover .va{ text-decoration:underline}
#footer .link_wrap .gotop{ display:block; width:3.5em; background:#111; background:rgba(0,0,0,.4); opacity:.7; color:#fff; text-align:center; transition:.3s}
body:not(.main) #footer .link_wrap .gotop{display:none;}
#footer .link_wrap .gotop .xi{ display:block}
#footer .link_wrap .gotop .tt{ display:block; font-size:.625em; letter-spacing:0}
#footer .link_wrap .gotop:hover{ background:#ac242e; color:#fff; opacity:1}
#footer .link_wrap{ border:1px solid #333; border:1px solid rgba(255,255,255,.1); border-left:none; border-right:none}
#footer .link_wrap .va_wrap{ height:3em}
#footer .link_wrap .link > li > a{ margin:0 2.5em; color:#fff}
#footer .link_wrap .link > li > a:first-child{ margin-left:0}
#footer .link_wrap .link > li > a .va{ font-size:.875em}
#footer .link_wrap .link > li > a:hover .va{ text-decoration:underline}

#contents{}
#contents .sub_visual_wrap{ position:relative}
#contents .sub_visual_wrap .va_wrap{ position:relative; height:30em; overflow:hidden}
#contents .sub_visual_wrap .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-color:#aaa; transform:scale(1,1); transition:2s}
#contents .sub_visual_wrap .slogan{ position:relative; padding-top:3em}
#contents .sub_visual_wrap .slogan .tit{ font-size:2.25em; font-family:notokrB; color:#fff; margin-right:5em; opacity:0; transition:1s;}
#contents .sub_visual_wrap .slogan .sec{ display:block; width:0; height:.1em; margin:1.25em auto; background:#fff; transition:1s; transition-delay:.5s}
#contents .sub_visual_wrap .slogan .nav{ font-size:.875em; color:#fff; opacity:0; line-height:1.5; transition:1s; transition-delay:.5s; display:none;}
#contents .sub_visual_wrap .slogan .nav .xi{ font-size:1em;}
#contents .sub_visual_wrap .slogan .nav .arrow{ margin:0 .3em 0 .2em}
#contents .sub_visual_wrap .slogan .nav .arrow:before{content:"\e93f"}
.load #contents .sub_visual_wrap .slogan .tit{ margin-right:0; opacity:1}
.load #contents .sub_visual_wrap .slogan .nav{ opacity:1}
.load #contents .sub_visual_wrap .slogan .sec{ width:2.5em}
#contents .sub_visual_wrap .sub_gnb_wrap{ position:absolute; left:0; bottom:0; width:100%}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb{ text-align:center; margin-top:-1em;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li,
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp1{ display:none}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li.on,
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li.on .dp2{ display:block}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li{/* max-width:33.33%*/ max-width:20%; }
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li > a{ background:rgba(0,0,0,0.5); height:3.5em; color:#fff; border-left:1px solid rgba(255,255,255,.1);transition:.3s;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li > a .va{ font-size:1.125em; opacity:.75; transition:.3s;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li:hover > a .va{ opacity:1;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li.on > a{ background:#fff; color:#000;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li.on > a .va,
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li.on:hover > a .va{ opacity:1;}

#contents .subNav_wrap{ position:absolute; z-index:50; left:0; bottom:0; width:100%; border-bottom:1px solid #ddd;}
#contents .subNav_wrap .bg{ position:absolute; top:0; left:0; width:100%; height:100%; background:#fff;}
#contents .subNav_wrap .tt{ display:block; height:55px; line-height:55px; color:#333; transition:.2s;}
#contents .subNav_wrap .nav{ float:left;  border-left:1px solid #ddd;}
#contents .subNav_wrap .nav > div{ float:left; position:relative;}
/* #contents .subNav_wrap .nav > .depth_2{border-right:1px solid #ddd; border-left: 0px;} */
/* #contents .subNav_wrap .nav > .depth_3{border-right:1px solid #ddd;} */
#contents .subNav_wrap .nav .tt{ border-left:1px solid #ddd; }
#contents .subNav_wrap .nav .home .tt{ width:60px; text-align:center; background:#3b3f56; color:#fff;}
#contents .subNav_wrap .nav .home .tt .xi{ font-size:1.438em;}
#contents .subNav_wrap .nav div[class^="depth"]{}
#contents .subNav_wrap .nav div[class^="depth"] .tt{ min-width:130px; padding:0 60px 0 30px; cursor:pointer;}
#contents .subNav_wrap .nav div[class^="depth"] .tt:after{ content:"\e942"; font-family:xeicon !important; font-style:normal; font-size:1.438em; color:#888; position:absolute; top:0; right:20px;}
#contents .subNav_wrap .nav div[class^="depth"]:hover .tt{ background:#f4f4f4;}
#contents .subNav_wrap .nav .gnb{ display:none; border:1px solid #ddd;}
#contents .subNav_wrap .nav .gnb{ position:absolute; top:100%; left:0; right:0; background:#fff;}
#contents .subNav_wrap .nav .gnb li{ width:100%; box-sizing:border-box;}
#contents .subNav_wrap .nav .gnb li > a{ text-align:left; display:block; border-top:1px solid #ddd; padding:15px 5px 15px 30px; font-size:.938em; color:#333; font-weight:300; transition:.3s; height:auto;}
#contents .subNav_wrap .nav .gnb li:hover > a{ background-color:#f4f4f4;}
#contents .subNav_wrap .nav .gnb li.on > a{ background-color:#3b3f56; color:#fff;}
 

#contents .sub_tit{ text-align:center; padding-bottom:2em; border-bottom:1px solid #ddd; position:relative}
#contents .sub_tit:after{ content:""; position:absolute; width:20em; height:1px; left:50%; bottom:-1px; margin-left:-10em; background:#002654; background: linear-gradient(90deg, rgba(255,255,255,0) 0%, #002654 50%, rgba(255,255,255,0) 100%)}
#contents .sub_tit .tit{ font-family:notokrB, sans-serif; font-size:2em; color:#222; font-weight:bold;}

#contents .doc{ padding:3em 0 7em 0}
#contents .doc.st1{ padding-bottom:0;}


@keyframes downAni{
60% {margin-bottom:0}
80% {margin-bottom:-1em}
100% {margin-bottom:0}
}

/*main*/
.wrap{ /*position: relative; z-index:inherit; left:50%; top:0; width:2000px; margin-left:-1000px*/}

.mainVisual{ position:relative; /*height: 100vh;*/}
.mainVisual .slides{ overflow:hidden}
.mainVisual .img{ position:relative; }
.mainVisual .img .bg{ display:block; height:0; padding-bottom:55%; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center top; background-size:cover;}
.mainVisual .img .slogan_wrap{ position: absolute; left:0; top:0; width:100%; padding-top:170px;}
.mainVisual .img .slogan{ width:75%; margin:auto; position:relative; padding:70px}
.mainVisual .img .slogan .t1{ font-size:3.5em; color:#fff; padding-bottom:.5em; opacity:0; margin-left:-10%}
.mainVisual .img .slogan .t2{ font-family:notokrR, sans-serif; font-size:1.125em; color:#eee; line-height:1.8; opacity:0; margin-left:-10%}
.mainVisual .img .slogan .line{ position:absolute; background:#fff; width:10px; height:10px}
.mainVisual .img .slogan .line.line1{ height:0; left:10%; bottom:90%}
.mainVisual .img .slogan .line.line2{ width:0; right:90%; top:0}
.mainVisual .img .slogan .line.line3{ height:0; left:0; top:0}
.mainVisual .img .slogan .line.line4{ width:0; left:0; bottom:0}
.mainVisual .img .slogan .line.line5{ height:0; left:20%; bottom:0}
.mainVisual .img.flex-active-slide .slogan .line{ transition:.5s}
.mainVisual .img.flex-active-slide .slogan .line.line1{ height:10%}
.mainVisual .img.flex-active-slide .slogan .line.line2{ width:10%; transition-delay:.5s}
.mainVisual .img.flex-active-slide .slogan .line.line3{ height:100%; transition-delay:1s}
.mainVisual .img.flex-active-slide .slogan .line.line4{ width:20%; transition-delay:1.5s}
.mainVisual .img.flex-active-slide .slogan .line.line5{ height:10%; transition-delay:2s}
.mainVisual .img.flex-active-slide .slogan .t1{ opacity:1; margin-left:0; transition:1s}
.mainVisual .img.flex-active-slide .slogan .t2{ opacity:1; margin-left:0; transition:1s; transition-delay:.5s}
.mainVisual .flex-control-paging{ position:absolute; bottom:10%; left:12.5%; z-index:100}
.mainVisual .flex-control-paging > li{ display:inline-block; *display:inline; zoom:1;}
.mainVisual .flex-control-paging > li > a{ display:block; width:12px; height:12px; border-radius:12px; margin:0 4px; font-size:0; position:relative; border:1px solid #fff; transition:.5s}
.mainVisual .flex-control-paging > li > a.flex-active{ width:70px; background:#fff}

.main_nav{ position:fixed; right:30px; top:0; z-index:1000; height:100%; transition:.3s}
.main_nav .nav{ background:#000; background:rgba(0,0,0,.7); padding:15px; text-align:center; border-radius:50px}
.main_nav .nav > li{ }
.main_nav .nav > li > a{ display:block; width:15px; height:15px; border-radius:17px; background:#fff; margin:5px 0; transition:.3s; opacity:.7}
.main_nav .nav > li:hover > a{ opacity:1}
.main_nav .nav > li.on > a{ height:40px; opacity:1 }

#scrollAni{ position: absolute; left:50%; width:100px; margin-left:-50px; text-align:center; bottom:50px; opacity:1; z-index:100; text-decoration:none}
#scrollAni .xi{ vertical-align:middle}
#scrollAni .xi-mouse{font-size:3em; color:#fff; margin-right:-7px}
#scrollAni .xi-scroll{font-size:2em; color:#fff; margin-left:-7px}
#scrollAni .tt{ display:block; color:#fff; font-size:.75em; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif}
#scrollAni.hide{ opacity:0; z-index:-1}

/*main*/
.mainCon .main_tit_box{position: relative; height:8.5rem; line-height:8.5rem; z-index: 2;}
.mainCon .main_tit_box .main_tit{font-size:3em; font-weight: 600; text-align:center; font-family:'notokrR';}
.mainCon .main_tit_box .main_tit.f_w{ color: #fff;}
.mainCon .main_tit_box_2{height:5rem; line-height:7rem;}
.mainCon .main_tit_box_2 .main_tit{font-size:1.5em; font-family:'notokrB'; color:#444;}

.maincon_1{padding-bottom:6.875rem;}
.maincon_1 .main_ctt_box ul{ display:flex; flex-wrap:nowrap; justify-content:center;}
.maincon_1 .main_ctt_box{ position: relative; z-index: 2;}
.maincon_1 .main_ctt_box ul li .txt_box{padding:1.75em; box-sizing:border-box; color:#111; background: #fff;}
.maincon_1 .main_ctt_box ul li:nth-of-type(1) .txt_box{/*background:#212736;*/}
.maincon_1 .main_ctt_box ul li:nth-of-type(2) .txt_box{/*background:#352929;*/}
.maincon_1 .main_ctt_box ul li:nth-of-type(3) .txt_box{ /*background:#32233e;*/}
.maincon_1 .main_ctt_box ul li .txt_box .txt_tit{font-size:1.5em; margin-bottom:1.25rem;}
.maincon_1 .main_ctt_box ul li .txt_box .txt_ctt{font-size:.875em; margin-bottom:1.875rem; font-family:'notokrR';}
.maincon_1 .main_ctt_box ul li .txt_box .more_btn_1{display:inline-block; width:112px; height:30px; font-size:.875em; text-align:center; line-height:28px; border:1px solid #fff; box-sizing:border-box; text-transform:uppercase; font-family:'notokrL'; transition:.3s;}
.maincon_1 .main_ctt_box ul li .txt_box .more_btn_1:hover{font-family:'notokrR';}
.maincon_1 .main_ctt_box ul li .txt_box .more_btn_1 a{display:block; width:100%; height:100%; color:#fff; transition:.3s;}
.maincon_1 .main_ctt_box ul li .txt_box .more_btn_1 a:hover{background:#fff;}
.maincon_1 .main_ctt_box ul li:nth-of-type(1) .txt_box .more_btn_1 a:hover{color:#212736;}
.maincon_1 .main_ctt_box ul li:nth-of-type(2) .txt_box .more_btn_1 a:hover{color:#352929;}
.maincon_1 .main_ctt_box ul li:nth-of-type(3) .txt_box .more_btn_1 a:hover{color:#32233e;}

.maincon_2{color:#fff; background:url('../images/main/main_con2_bg01.jpg') no-repeat center/cover; text-align:center;}
.maincon_2 .main_ctt_box .main_ctt_tit{font-size:1.625em; position:relative; margin-bottom:1.625rem;}
.maincon_2 .main_ctt_box .main_ctt_tit:after{content:''; display:block; width:30px; height:3px; background:#fff; position:absolute; left:50%; top:-12px; transform:translateX(-50%);}
.maincon_2 .main_ctt_box .main_ctt_ctt{margin-bottom:4.75em; font-family:'notokrL'; line-height:1.6; font-weight:bold;}
.maincon_2 .main_ctt_box .more_btn_2{display:inline-block; width:144px; height:44px; border:1px solid #fff; box-sizing:border-box; text-align:center; line-height:42px; text-transform:uppercase; font-family:'notokrL'; transition:.3s; margin-bottom:4.5rem;}
.maincon_2 .main_ctt_box .more_btn_2:hover{background:#fff; font-family:'notokrR';}
.maincon_2 .main_ctt_box .more_btn_2 a{color:#fff; transition:.3s; display:block; width:100%; height:100%;}
.maincon_2 .main_ctt_box .more_btn_2 a:hover{color:#847c71;}

.maincon_3_1{background:#e7eaef; padding-bottom:5.25rem;}
.maincon_3_1 .main_ctt_box .PT_wrap{text-align:center; position:relative;}
.maincon_3_1 .main_ctt_box .PT_wrap .slides{padding-bottom:10px; padding-top:5px;}
.maincon_3_1 .main_ctt_box .PT_wrap .slides li{border-radius:10px; overflow:hidden; box-shadow:3px 3px 10px 0px rgba(0,0,0,0.5); text-align:center; cursor:pointer; width:285px !important;}
.maincon_3_1 .main_ctt_box .PT_wrap .slides li:first-of-type{margin-left:5px;}
.maincon_3_1 .main_ctt_box .PT_wrap .slides li .thumb_box{height:200px; background:#fff; line-height:200px;}
.maincon_3_1 .main_ctt_box .PT_wrap .slides li .thumb_box img{max-height:90%; max-width:90%; min-height:180px; margin-top:10px;}
.maincon_3_1 .main_ctt_box .PT_wrap .slides li .txt_box{background:#212736; color:#fff; padding-top:20px;}
.maincon_3_1 .main_ctt_box .PT_wrap .slides li .txt_box .txt_type{font-size:.875em; font-family:'notokrR'; margin-bottom:.75rem;}
.maincon_3_1 .main_ctt_box .PT_wrap .slides li .txt_box .txt_model{font-size:1.125em; padding-bottom:1.5rem;}
.maincon_3_1 .main_ctt_box .PT_wrap .flex-control-nav{display:inline-flex; flex-wrap:nowrap; background:#a5a6a7; padding:10px 50px; border-radius:17px; margin-top:3.875rem;}
.maincon_3_1 .main_ctt_box .PT_wrap .flex-control-nav li{width:14px; height:14px; background:#fff; border-radius:50%; overflow:hidden; margin-right:10px;}
.maincon_3_1 .main_ctt_box .PT_wrap .flex-control-nav li:last-of-type{margin-right:0;}
.maincon_3_1 .main_ctt_box .PT_wrap .flex-control-nav li a{font-size:0; display:block; width:100%; height:100%; transition:.3s;}
.maincon_3_1 .main_ctt_box .PT_wrap .flex-control-nav li a:hover{background:#888;}
.maincon_3_1 .main_ctt_box .PT_wrap .flex-control-nav li a.flex-active{background:#626262;}
.maincon_3_1 .main_ctt_box .PT_wrap .flex-direction-nav{position:absolute; top:30%; left:0; width:100%;}
.maincon_3_1 .main_ctt_box .PT_wrap .flex-direction-nav a{display:block; width:54px; height:54px; border-radius:50%; overflow:hidden; transform:scale(.9);}
.maincon_3_1 .main_ctt_box .PT_wrap .flex-direction-nav li{transform:scale(.9); transition:.3s;}
.maincon_3_1 .main_ctt_box .PT_wrap .flex-direction-nav li:hover{transform:scale(1);}
.maincon_3_1 .main_ctt_box .PT_wrap .flex-direction-nav .flex-nav-prev{background:url('../images/main/PT_left.png') no-repeat center/cover; width:54px; height:54px; position:absolute; top:0; left:-70px;}
.maincon_3_1 .main_ctt_box .PT_wrap .flex-direction-nav .flex-nav-next{background:url('../images/main/PT_right.png') no-repeat center/cover; width:54px; height:54px; position:absolute; top:0; right:-70px;}
.maincon_3_2 .ctt_box{background:url('../images/main/main_con3_2_bg01.jpg') no-repeat center/cover; color:#fff; padding:48px 62px; box-sizing:border-box;}
.maincon_3_2 .ctt_box ul{display:flex; flex-wrap:nowrap; justify-content:space-between;}
.maincon_3_2 .ctt_box ul li:first-of-type p{line-height:1.6;}
.maincon_3_2 .ctt_box ul li .more_btn_3{display:inline-block; width:144px; height:50px; text-align:center; line-height:50px; background:#212736;}
.maincon_3_2 .ctt_box ul li .more_btn_3 a{color:#fff; font-family:'notokrL'; text-transform:uppercase; transition:.3s;}
.maincon_3_2 .ctt_box ul li .more_btn_3 a:hover{font-size:1.125em;}

.maincon_4{padding-bottom:9rem;}
.maincon_4 .notice_wrap{position:relative;  height:70px; margin-bottom:40px; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
.maincon_4 .notice_wrap .notice_slide .tt{position:absolute; left:0; top:16px; z-index:3;}
.maincon_4 .notice_wrap .notice_slide .tt .xi{display:inline-block; *display:inline; zoom:1; vertical-align:middle; color:#000; font-size:30px; color:#000;}
.maincon_4 .notice_wrap .notice_slide .tt span{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; color:#fff; font-size:0.938em;  cursor:pointer; background:#141f3c; padding:10px 30px;}
.maincon_4 .notice_wrap .notice_slide .slides{}
.maincon_4 .notice_wrap .notice_slide .slides li{height:70px; line-height:70px; position:relative;}
.maincon_4 .notice_wrap .notice_slide .slides li .notice_tit {color:#000; font-family:notokrR; font-size: 1em; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding-right:180px; margin-left:130px; vertical-align:middle; width:50%; cursor:pointer}
.maincon_4 .notice_wrap .notice_slide .slides li .notice_tit .xi {vertical-align:bottom; padding-right:3px;}
.maincon_4 .notice_wrap .notice_slide .flex-direction-nav{position:absolute; right:0; bottom:16px;}
.maincon_4 .notice_wrap .notice_slide .flex-direction-nav li{display:inline-block;}
.maincon_4 .notice_wrap .notice_slide .flex-direction-nav a{display:block; height:40px; width:40px; font-size:0;}
.maincon_4 .notice_wrap .notice_slide .flex-direction-nav a:hover{background-color:#111;}
.maincon_4 .notice_wrap .notice_slide .flex-direction-nav .flex-prev{background-color:#595959; background-image:url(../images/main/arr_up.png); background-repeat:no-repeat; background-position:center center; margin-right:1px;}
.maincon_4 .notice_wrap .notice_slide .flex-direction-nav .flex-next{background-color:#595959; background-image:url(../images/main/arr_down.png);  background-repeat:no-repeat; background-position:center center;}
.maincon_4 .notice_wrap .notice_slide .slides li .notice_date{position:absolute; right:120px; top:0; color:#999; font-family:notokrR; font-size:.875em;}
.maincon_4 .main_ctt_box ul{display:flex; flex-wrap:nowrap; justify-content:space-between;}
.maincon_4 .main_ctt_box ul li{width:290px;}
.maincon_4 .main_ctt_box ul li .txt_box{border:1px solid #ddd; padding:1.875em; box-sizing:border-box; position:relative; overflow:hidden;}
.maincon_4 .main_ctt_box ul li .txt_box .txt_tit{font-size:1.25em; margin-bottom:10px;}
.maincon_4 .main_ctt_box ul li .txt_box .txt_ctt{font-size:.875em; color:#666; font-family:notokrR; line-height:1.4; min-height:60px;}
.maincon_4 .main_ctt_box ul li .txt_box .more_btn {width:70px; height:120px; border:1px solid #ddd; position:absolute; right:-35px; bottom:-60px; line-height:120px; text-align:center; transform:rotate(45deg); transition:.3s;}
.maincon_4 .main_ctt_box ul li .txt_box .more_btn a{display:block; width:100%; height:100%; transform:translate(-20px,0); transition:.3s;}
.maincon_4 .main_ctt_box ul li .txt_box .more_btn:hover{right:-25px; bottom:-50px; background:#eaeaea;}
.maincon_4 .main_ctt_box ul li .txt_box .more_btn:hover a{transform:translate(-10px,0) scale(1.1,1.1);}


/*sub page 공통*/
body.main .for_sub{display:none;}
.for_sub{display:block; position:relative;}
.quick_menu{width:120px; height:332px; background:#fff; position:absolute; left:52%; top:48px; transform:translateX(600px); box-sizing:border-box; border:1px solid #afafaf; z-index:50;}
.quick_menu ul li{width:100%; text-align:center; box-sizing:border-box; transition:.3s;}
.quick_menu ul li:not(.qm_tit):not(.qm_top){height:80px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; border-bottom:1px dashed #ccc; background:#fff;}
.quick_menu ul li:not(.qm_tit):not(.qm_top):hover{background:#e3e3e3;}
.quick_menu ul li.qm_tit{height:50px; line-height:50px; background:#cd0000; color:#fff;}
.quick_menu ul li.qm_phone{border-bottom:0 !important;}
.quick_menu ul li.qm_top{height:40px; line-height:40px; background:#e17474; color:#fff; cursor:pointer;}
.quick_menu ul li.qm_top:hover{background:#cd0000;}
.quick_menu ul li.qm_phone{display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center; align-items:center; text-align:center;}
.quick_menu ul li.qm_top a{color:#fff;}
.quick_menu ul li:not(.qm_top) a{display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center; align-items:center; width:100%; height:100%; text-align:center;}

/**/
#quick{ position:fixed; z-index:999; top:50%; right:1vw; transform:translateY(-50%);}
#quick .quick_wrap{ position:relative; width:7.25em; border-radius:2em 2em 6em 6em; box-shadow:0 .375em .75em rgba(27,60,111,.1); text-align:center; overflow:hidden;}
#quick .quick_wrap:before{ content:""; position:absolute; top:2em; left:0; bottom:0; width:100%; background:#fff;}
#quick .quick_wrap > li{ position:relative;}
#quick .quick_wrap > li:not(.top) .in,
#quick .quick_wrap > li .in .tt{ display:block;}
#quick .quick_wrap > li:not(.top) .in{ padding:1.25em .5em;}
#quick .quick_wrap > li .in .ico{ display:inline-block; width:2.125em; margin-bottom:.625em; transition:.3s;}
#quick .quick_wrap > li .in .ico img{ width:100%;}
#quick .quick_wrap > li .in .t1{ font-size:1.125em;}
#quick .quick_wrap > li .in .t2{ font-size:.875em;}
#quick .quick_wrap > li.tel{}
#quick .quick_wrap > li.tel .in{ padding:1em .5em; background:#ab3636; color:#fff;}
#quick .quick_wrap > li.tel .ico{ width:1.825em;}
#quick .quick_wrap > li.time{ padding:0 .625em;}
#quick .quick_wrap > li.time .in{ background:#f5f5f5;}
#quick .quick_wrap > li.top{ padding:1.25em 1.25em;}
#quick .quick_wrap > li.top .in{ width:3.75em; height:3.75em; background:#ab3636; border-radius:50%; color:#fff; transition:.2s; justify-content: center;}
#quick .quick_wrap > li.top .in > div{ margin-top: .5em;}
#quick .quick_wrap > li.top .in .xi{ position:relative; top: -4px; font-size:1.125em;}
#quick .quick_wrap > li.top .in .tt{ position:relative; top: -4px; font-size:.750em;}
#quick .quick_wrap > li:not(.tel) .in[href]:hover .ico{ transform:rotateY(180deg);}
#quick .quick_wrap > li.top .in:hover{ background:#333;}



.f_after:after{ display:block; clear:both; content:'';}
.txt_red{color:#cd0000 !important; vertical-align:baseline;}
.txt_red2{color:#a00909 !important; vertical-align:baseline;}
.txt_gray{color:#888888 !important; vertical-align:baseline;}

/*sub1*/
.dp1_1.dp2_1 .grt_box{display:flex; flex-wrap:nowrap; justify-content:space-between;}
.dp1_1.dp2_1 .grt_box > div{width:48%;}
.dp1_1.dp2_1 .grt_box .txt_box .grt_tit{font-size:1.75em; font-family:notokrR; margin-bottom:2.25em; line-height:1.4; position:relative;}
.dp1_1.dp2_1 .grt_box .txt_box .grt_tit:after{content:''; display:block; width:100%; height:1px; background:#cd0000; position:absolute; bottom:-1em; left:4em;}
.dp1_1.dp2_1 .grt_box .txt_box .grt_ctt{margin-bottom:1em; line-height:1.4; color:#222;}
.dp1_1.dp2_1 .grt_box .txt_box .grt_fin{text-align:right; font-weight:bold; font-family:notokrR; font-size:1.25em; line-height:1.4;}
.dp1_1.dp2_1 .grt_box .img_box{position:relative;}

.dp1_1.dp2_2 #contents > .box1{width:auto; max-width:none;}
.dp1_1.dp2_2 #contents .doc{ /*padding-top:0;*/}
.dp1_1.dp2_2 .his_bg{width:100%; height:200px; background:#35383f; text-align:center; padding-top:50px; box-sizing:border-box;}
.dp1_1.dp2_2 .his_bg .his_sub_tit{color:#999;}
.dp1_1.dp2_2 .his_bg .his_tit{color:#fff; font-size:1.875em; margin-top:10px; position:relative;}
.dp1_1.dp2_2 .his_bg .his_tit:after{content:''; display:block; width:80px; height:2px; background:linear-gradient(90deg, rgba(205,0,0,1) 0%, rgba(121,7,7,1) 100%); position:absolute; bottom:-20px; left:50%; transform:translateX(-50%);}
.dp1_1.dp2_2 .his_box .his_top .his_ctt ul{display:flex; flex-wrap:nowrap; justify-content:space-between;}
.dp1_1.dp2_2 .his_box .his_top .his_ctt ul li{flex:1 1 100%; padding:0 1rem; box-sizing:border-box;}
.dp1_1.dp2_2 .his_box .his_top .his_ctt ul li .li_icon{display:block; width:58px; height:58px;  border:1px solid #cd0000; border-radius:100%; box-sizing:border-box; text-align:center; padding-top:14px; background:#fff; transform:translate(0,-50%); margin:0 auto 80px; position:relative;}
.dp1_1.dp2_2 .his_box .his_top .his_ctt ul li .li_icon:after{content:''; display:block; width:2px; height:60px; background:#ccc; position:absolute; left:50%; bottom:-80px; transform:translateX(-50%);}
.dp1_1.dp2_2 .his_box .his_top .his_ctt ul li .li_tit{text-align:center; font-size:1.25em; color:#a00909; margin-bottom:1em; min-height:48px;}
.dp1_1.dp2_2 .his_box .his_top .his_ctt ul li .li_ctt{text-align:center; color:#333; font-size:.938em;}

.dp1_1.dp2_2 .his_box .history_wrap{margin-top:5rem; position:relative;}
.dp1_1.dp2_2 .his_box .history_wrap .his_line{width:1px; height:800px; background:#aaa; position:absolute; left:50%; top:0; transform:translateX(-50%);}
.dp1_1.dp2_2 .his_box .history_wrap .his_line:before{content:''; display:block; width:10px; height:10px; background:#fff; border:3px solid #cd0000; border-radius:50%; position:absolute; left:0; top:-8px; transform:translateX(-50%);}
.dp1_1.dp2_2 .his_box .history_wrap .his_line:after{content:''; display:block; width:10px; height:10px; background:#fff; border:3px solid #cd0000; border-radius:50%; position:absolute; left:0; bottom:-8px; transform:translateX(-50%);}
.dp1_1.dp2_2 .his_box .history_wrap .his_line .his_line_on{width:100%; height:50px; background:#cd0000;}
.dp1_1.dp2_2 .his_box .history_wrap .his_lists span{vertical-align:baseline;}
.dp1_1.dp2_2 .his_box .history_wrap .his_lists li{display:flex; flex-wrap:nowrap; justify-content:space-around; margin-bottom:2rem;}
.dp1_1.dp2_2 .his_box .history_wrap .his_lists li:first-of-type{padding-top:2rem;}
.dp1_1.dp2_2 .his_box .history_wrap .his_lists li:nth-of-type(2n-1){background:#f5f5f5;}
.dp1_1.dp2_2 .his_box .history_wrap .his_lists li:nth-of-type(2n){flex-direction:row-reverse;}
.dp1_1.dp2_2 .his_box .history_wrap .his_lists li:last-of-type{margin-bottom:0; padding-bottom:2rem;}
.dp1_1.dp2_2 .his_box .history_wrap .his_lists li > *{width:45%;}
.dp1_1.dp2_2 .his_box .history_wrap .his_lists li .his_years{font-size:2rem; font-family: Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#a00909; box-sizing:border-box; position:relative;}
.dp1_1.dp2_2 .his_box .history_wrap .his_lists li:nth-of-type(2n-1) .his_years{padding-right:3em; text-align:right;}
.dp1_1.dp2_2 .his_box .history_wrap .his_lists li:nth-of-type(2n-1) .his_years:after{content:''; display:block; width:3em; height:1px; border-bottom:1px dashed #aaa; position:absolute; top:20px; right:-28px;}
.dp1_1.dp2_2 .his_box .history_wrap .his_lists li:nth-of-type(2n) .his_years{padding-left:3em; text-align:left;}
.dp1_1.dp2_2 .his_box .history_wrap .his_lists li:nth-of-type(2n) .his_years:after{content:''; display:block; width:3em; height:1px; border-bottom:1px dashed #aaa; position:absolute; top:20px; left:-28px;}
.dp1_1.dp2_2 .his_box .history_wrap .his_lists li .his_ctt_wrap{display:flex; flex-wrap:nowrap; flex-direction:column; padding-top:.8rem; box-sizing:border-box;}
.dp1_1.dp2_2 .his_box .history_wrap .his_lists li .his_ctt_wrap .his_year_pack:not(:first-of-type){margin-top:2rem;}
.dp1_1.dp2_2 .his_box .history_wrap .his_lists li .his_ctt_wrap dl{display:flex; flex-wrap:nowrap; margin-bottom:1rem;}
.dp1_1.dp2_2 .his_box .history_wrap .his_lists li:nth-of-type(2n) .his_ctt_wrap dl{flex-direction:row-reverse;}
.dp1_1.dp2_2 .his_box .history_wrap .his_lists li:nth-of-type(2n-1) .his_ctt_wrap dl .his_date{margin-right:30px; color:#777; position:relative;}
.dp1_1.dp2_2 .his_box .history_wrap .his_lists li:nth-of-type(2n-1) .his_ctt_wrap dl .his_date:after{content:''; display:block; width:4px; height:4px; background:#bbb; border-radius:50%; position:absolute; top:8px; right:-24px;}
.dp1_1.dp2_2 .his_box .history_wrap .his_lists li:nth-of-type(2n) .his_ctt_wrap dl .his_date{margin-left:30px; color:#777; position:relative;}
.dp1_1.dp2_2 .his_box .history_wrap .his_lists li:nth-of-type(2n) .his_ctt_wrap dl .his_date:after{content:''; display:block; width:4px; height:4px; background:#bbb; border-radius:50%; position:absolute; top:8px; left:-24px;}

.dp1_1.dp2_2 .his_box .history_wrap .his_lists li .his_ctt_wrap dl .his_date .his_year{display:inline-block; min-width:49px;}
.dp1_1.dp2_2 .his_box .history_wrap .his_lists li .his_ctt_wrap dl:not(:first-of-type) .his_date .his_year{opacity:0;}
.dp1_1.dp2_2 .his_box .history_wrap .his_lists li .his_ctt_wrap dl .his_date .his_month{display:inline-block; min-width:32px;}


.dp1_1.dp2_3 .info_box > ul{display:flex; flex-wrap:wrap; margin-top:2em; border:1px solid #eaeaea; box-shadow: 5px 5px 6px 0px rgba(0,0,0,0.25);}
.dp1_1.dp2_3 .info_box > ul > li{box-sizing:border-box; padding:1em;}
.dp1_1.dp2_3 .info_box > ul > li:nth-of-type(1){width:100%;}
.dp1_1.dp2_3 .info_box > ul > li:nth-of-type(2){width:33.33%;}
.dp1_1.dp2_3 .info_box > ul > li:nth-of-type(3){width:33.33%;}
.dp1_1.dp2_3 .info_box > ul > li:nth-of-type(4){width:33.33%;}
.dp1_1.dp2_3 .info_box > ul > li:nth-of-type(5){width:100%; display:flex; flex-wrap:nowrap; flex-direction:row;}
.dp1_1.dp2_3 .info_box > ul > li .info_icon{display:inline-block; width:30px; height:30px; text-align:center; line-height:30px; background:#ab3636; border-radius:50%; margin-right:.5em;}
.dp1_1.dp2_3 .info_box > ul > li .info_icon i{color:#fff;}
.dp1_1.dp2_3 .info_box > ul > li:nth-of-type(5) ul{display:flex; flex-wrap:nowrap; margin-bottom:1em;}
.dp1_1.dp2_3 .info_box > ul > li:nth-of-type(5) ul li{margin-right:.5em;}
.dp1_1.dp2_3 .info_box > ul > li:nth-of-type(5) ul li:first-of-type{margin-left:38px;}
.dp1_1.dp2_3 .info_box > ul > li:nth-of-type(5) ul li span{display:inline-block; vertical-align:baseline; text-align:center; line-height:20px; color:#fff;}
.dp1_1.dp2_3 .info_box > ul > li:nth-of-type(5) ul li .pbtr_sub{width:20px; height:20px; background:#ff7700; border-radius:50%;}
.dp1_1.dp2_3 .info_box > ul > li:nth-of-type(5) ul li .pbtr_bus_1{width:40px; height:20px; background:#7182f5; border-radius:2px;}
.dp1_1.dp2_3 .info_box > ul > li:nth-of-type(5) ul li .pbtr_bus_2{width:40px; height:20px; background:#f86e55; border-radius:2px;}
.dp1_1.dp2_3 .info_box > ul > li:nth-of-type(5) ul li .pbtr_bus_3{width:40px; height:20px; background:#00aeab; border-radius:2px;}

.certification .board_photo_wrap .list .img{height:368px;}

/*sub2_v2*/
.sub2_1_v2 .prod_wrap{ margin:-2em 0 0 -2em}
.sub2_1_v2 .prod_wrap > li{ width:33.33%}
.sub2_1_v2 .prod_wrap > li .in{ margin:2em 0 0 2em; border:1px solid #ddd; /*padding:2em 1em 3em 1em;*/ cursor:pointer; overflow:hidden}
.sub2_1_v2 .prod_wrap > li .in .img img{transform:scale(.9,.9); transition:.3s}
.sub2_1_v2 .prod_wrap > li .in .tit{ font-size:1.125em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding-top:0.5em}
.sub2_1_v2 .prod_wrap > li .in .tit_line{ margin:1em 0; background:#ddd; width:90%; height:1px; text-align:center; display:none}
.sub2_1_v2 .prod_wrap > li .in .info > li{ margin-top:5px}
.sub2_1_v2 .prod_wrap > li .in .info .t1{ color:#000; font-size:.875em; margin-bottom:10px; display:block;}
.sub2_1_v2 .prod_wrap > li .in .info .t2{ text-align:left; color:#656565; font-size:.875em; font-family:'notokrR'; margin-top:1em; display:block}
.sub2_1_v2 .prod_wrap > li .in:hover .img img{transform:scale(1,1)}
.sub2_1_v2 .prod_wrap > li .in:hover .txt_box{background-position: -750px; color:#fff;}
.sub2_1_v2 .prod_wrap > li .in:hover .t1, .prod_wrap > li .in:hover .t2{ color:#fff}
.sub2_1_v2 .prod_wrap > li .in .txt_box{ padding:1em 1.5em 1.5em 1.5em; border-top:1px solid #ddd; background:linear-gradient(90deg, rgba(170,170,170,1) 0%, rgba(170,170,170,1) 34%, rgba(205,0,0,1) 65%, rgba(121,7,7,1) 100%); transition:.5s; background-size: 300%;}


/*sub2*/
.dp1_2 .prod_bg{background:#f5f5f5; }

.dp1_2 .prod_name_box{height:100px; line-height:100px; box-sizing:border-box; position:relative; margin-bottom:2rem;}
.dp1_2 .prod_name_box:after{content:''; display:block; position:absolute; width:100%; height:2px; left:0; bottom:0; background:linear-gradient(90deg, rgba(205,0,0,1) 0%, rgba(205,0,0,0) 100%);}
.dp1_2 .prod_name_box .prod_name{font-size:1.75em; padding-left:.5em;}
.dp1_2 .prod_ctt_box .prod_top{display:flex; flex-wrap:nowrap; justify-content:space-between; max-height:360px;}
.dp1_2 .prod_ctt_box .prod_top .img_box{width:48%; border:1px solid #ddd; padding:1em; box-sizing:border-box; display:flex; flex-wrap:nowrap; text-align:center; justify-content:center; align-items:center;}
.dp1_2 .prod_ctt_box .prod_top .img_box img{max-height:100%; max-width:100%;}
.dp1_2 .prod_ctt_box .prod_top .sum_box{width:48%; display:flex; flex-wrap:nowrap; flex-direction:column;}
.dp1_2 .prod_ctt_box .prod_top .sum_box .sum_prod_name{font-size:1.5em; margin-bottom:2em; position:relative;}
.dp1_2 .prod_ctt_box .prod_top .sum_box .sum_prod_name:after{content:''; display:block; width:100%; height:2px; background:linear-gradient(90deg, rgba(205,0,0,1) 0%, rgba(205,0,0,0) 100%); position:absolute; left:0; bottom:-1rem;}
.dp1_2 .prod_ctt_box .prod_top .sum_box .sum_prod_name:before{content:'Product Summary'; display:block; font-size:1.875rem; color:#dadada; position:absolute; right:0; bottom:0; font-family:notokrR; z-index:-10; transform:translateY(50%);}
.dp1_2 .prod_ctt_box .prod_top .sum_box .sum_tit{font-size:1.25em; margin-bottom:.5em; position:relative;}
.dp1_2 .prod_ctt_box .prod_top .sum_box .sum_tit i{font-size:1rem; margin-top:-2px; color:#a00909; margin-right:4px;}
.dp1_2 .prod_ctt_box .prod_top .sum_box dl{line-height:1.6; min-height:175px;}
.dp1_2 .prod_ctt_box .prod_top .sum_box dl .sum_ctt{color:#222;}
.dp1_2 .prod_ctt_box .prod_top .sum_box dl .sum_ctt .sum_dot{display:inline-block; width:4px; height:4px; background:#222; border-radius:100%; margin-top:-2px; margin-right:6px; margin-left:8px;}
.dp1_2 .prod_ctt_box .prod_top .sum_box .sum_btn_box{align-self:flex-end; width:100%; margin-top:auto;}
.dp1_2 .prod_ctt_box .prod_top .sum_box .sum_btn_box ul{display:flex; flex-wrap:nowrap; justify-content:space-around;}
.dp1_2 .prod_ctt_box .prod_top .sum_box .sum_btn_box ul li{width:200px; height:50px; line-height:50px; text-align:center; background:linear-gradient(90deg, rgba(170,170,170,1) 0%, rgba(170,170,170,1) 34%, rgba(205,0,0,1) 65%, rgba(121,7,7,1) 100%); background-size:300%; color:#fff; cursor:pointer; transition:.6s;}
.dp1_2 .prod_ctt_box .prod_top .sum_box .sum_btn_box ul li:hover{background-position:-400px;}
.dp1_2 .prod_ctt_box .prod_top .sum_box .sum_btn_box ul li .sum_btn i{margin-right:6px;}
.dp1_2 .prod_ctt_box .prod_ctt{margin-top:2em;}
.dp1_2 .prod_ctt_box .prod_ctt .prod_ctt_tit{font-size:1.25em; position:relative; margin-bottom:1.5em;}
.dp1_2 .prod_ctt_box .prod_ctt .prod_ctt_tit:after{content:''; display:block; width:100%; height:2px; position:absolute; left:0; bottom:-1rem; background: linear-gradient(90deg, rgba(205,0,0,1) 52%, rgba(121,7,7,0) 100%);}
.dp1_2 .prod_ctt_box .prod_ctt .prod_ctt_tit:before{content:'Product Detail'; display:block; font-size:1.875rem; color:#dadada; position:absolute; right:0; bottom:0; transform:translateY(50%); font-family:notokrR; z-index:-10;}
.dp1_2 .prod_ctt_box .prod_ctt .prod_ctt_tit i{font-size:1rem; margin-top:-2px; color:#a00909; margin-right:4px;}
.dp1_2 .prod_ctt_box .prod_ctt dl{line-height:2;}
.dp1_2 .prod_ctt_box .prod_ctt dl dd{padding-left:1.5rem; position:relative; font-size:.938em; color:#222;}
.dp1_2 .prod_ctt_box .prod_ctt dl dd:after{content:''; display:block; width:4px; height:.938rem; background:#999; position:absolute; left:.5rem; top:50%; transform:translateY(-50%);}
.dp1_2 .to_list_btn_wrap{margin-top:2em;}
.dp1_2 .to_list_btn_wrap .to_list_btn{display:block; width:140px; height:50px; color:#fff; text-align:center; line-height:50px; background:#aaa; cursor:pointer; margin:0 auto; transition:.3s;}
.dp1_2 .to_list_btn_wrap .to_list_btn:hover{background:#444;}
.dp1_2 .to_list_btn_wrap .to_list_btn i{margin-right:4px; transition:.3s;}
.dp1_2 .to_list_btn_wrap .to_list_btn:hover i{transform:rotate(-100deg);}


.agree_wrap{ position:relative; border:1px solid #ddd; padding:1.5em; width:100%; min-height:35em; box-sizing:border-box; height: 20em; overflow-y: scroll;}
.agree_wrap:after{ position:absolute; top: 0; left: 0; width :100%; height: 2px; background: #ab3636; content: '';}
.agree_wrap.h1{ max-height:20em; position:relative}
.agree_wrap .t1{ color:#111; margin-top:1.5em}
.agree_wrap .t1.s1{ font-size:.813em}
.agree_wrap .t1.s2{ font-size:1.125em}
.agree_wrap .t1:first-child{ margin-top:0}
.agree_wrap .t2{ color:#777; font-size:.875em; margin-top:.75em; line-height:1.5}
.agree_wrap .icon{ position:relative}
.agree_wrap .icon:before{ position:absolute; left:0; top:0}
.agree_wrap .t1.icon{ padding-left:.75em}
.agree_wrap .t1.icon:before{ content:"";  margin-top:.625em; width:.25em; height:.25em; border-radius:100%; background:#111}
.agree_wrap .t1.icon.c_red:before{ background:#ff3b4c}
.agree_wrap .t2.icon{ padding-left:1.25em}
.agree_wrap .t2.icon:before{ content:"\e929"; margin-top:.125em; color:#2aa89b; font-family:xeicon!important}
.agree_wrap .con{ font-size: .95em;}
.agree_wrap strong{vertical-align:baseline; font-weight:bold; color:#333;}


.a_wrap_st1{height:160px; overflow-y:scroll; box-sizing:border-box;}
.page_tit.cu_couns{margin-bottom:10px;}
.page_tit.cu_couns:nth-of-type(2){margin-top:20px;}

/*개인정보처리방침*/
.sub_agree_wrap{padding:30px; border-top:2px solid #333; border-bottom:1px solid #eee; border-right:1px solid #eee; border-left:1px solid #eee; font-size:0.938em; color:#888; font-family:'notokrR', sans-serif; margin-top:10px;}
.sub_agree_wrap p{padding:10px; line-height:1.5;}
.sub_agree_wrap strong{color:#555;}
.sub_agree_wrap .cont{overflow-y: scroll; height: 140px; overflow-y: scroll; }
.cont_check{text-align: right; margin: 4em 0 1em 0; font-size:0.875em; color:#555;}
.sub_agree_wrap .span{text-align: center; padding-left: 40px;}

/*연혁*/
.history_cont .tab_idx{ width:100%; margin:0 auto 3em;}
.history_wrap{ position:relative; overflow:hidden; padding:2em 0}
.history_wrap:before,
.history_wrap .lineAni{ content:""; position:absolute; left:50%; top:0; width:1px; height:100%; background:#ddd}
.history_wrap .lineAni{ height:0; background:#ab3636; transition:.3s}
.history_wrap .lineAni:before,
.history_wrap:after{ content:""; position:absolute; left:50%; top:0; margin-left:-.5em; width:1em; height:1em; background:#fff; border:.25em solid #ab3636; border-radius:100%; box-sizing:border-box}
.history_wrap:after{ top:auto; bottom:0}
.history_wrap .history > li{ margin-bottom: 3em;}
.history_wrap .history > li:last-of-type{ margin-bottom: 0em;}
.history_wrap .history > li:first-child{ margin-top:0}
.history_wrap .history > li .year{ width:50%; overflow:hidden; justify-content:flex-end}
.history_wrap .history > li .year .wrap_in{ position:relative; overflow:hidden; width:15em}
.history_wrap .history > li .year .tt{ display:inline-block; position:relative; padding:0 .5em; font-size:2.5em; font-weight:700; letter-spacing:-3px; color:#ab3636;}
.history_wrap .history > li .year .tt:before{ content:""; position:absolute; left:100%; top:50%; margin-top:-1px; width:100%; border-top:2px dotted #aaa}
.history_wrap .history > li .year .tt:after{ content:"'"; font-weight:400; font-style:italic}
.history_wrap .history > li .list{ width:50%; margin-top:1em}
.history_wrap .history > li .list > li{ margin-top:.5em}
.history_wrap .history > li .list > li:first-child{ margin-top:0}
.history_wrap .history > li .list .wrap_in{ padding:0 2em}
.history_wrap .history > li .list .wrap_in .img_wrap .resize {padding-bottom:35% !important;}
.history_wrap .history > li .list .wrap_in .img_wrap .resize .img_r {text-align:right !important;}
.history_wrap .history > li .list .wrap_in .img_wrap .resize .img_l {text-align:left !important;}
.history_wrap .history > li .list .month{ flex:0 0 3em}
.history_wrap .history > li .list .month .tt{ color:#999; font-size:1.125em; font-weight:700; letter-spacing:-1px}
.history_wrap .history > li .list .month .tt:after{ content:" 월"; font-size:.813em; font-weight:400;}
.history_wrap .history > li .list .detail > li{ margin-top:.5em}
.history_wrap .history > li .list .detail > li:first-child{ margin-top:0}
.history_wrap .history > li .list .detail .tt{ position:relative; padding:0 1.5em; margin-top:.125em; color:#333}
.history_wrap .history > li .list .detail .tt:before{ content:""; position:absolute; left:0; top:.5em; width:.75em; border-top:2px solid #ddd}
.history_wrap .history > li:nth-child(2n) .year{ justify-content:flex-start; text-align:right}
.history_wrap .history > li:nth-child(2n) .year .tt:before{ left:auto; right:100%}
.history_wrap .history > li:nth-child(2n) .list{ order:-1}
.history_wrap .history > li:nth-child(2n) .list > li > .flex{ justify-content:flex-end}
.history_wrap .history > li:nth-child(2n) .list .month{ text-align:right}
.history_wrap .history > li:nth-child(2n) .list .detail{ order:-1}
.history_wrap .history > li:nth-child(2n) .list .detail .tt{ text-align:right}
.history_wrap .history > li:nth-child(2n) .list .detail .tt:before{ left:auto; right:0}

.tab_idx{ margin:-1em 0 3em -1em;}
.tab_idx.fs7{ margin:-1em 0 3em -.3em;}
.tab_idx > li{flex:1 50%;}
.tab_idx.fs3 > li{flex:1 1 25%;}
.tab_idx > li > a{ padding:0 .5em; height:4em; border:1px solid #ddd; margin:1em 0 0 1em; color:#666; transition:.3s;}
.tab_idx.fs7 > li > a{ margin:1em 0 0 .3em;}
.tab_idx > li > a:hover,
.tab_idx > li.on > a{ box-shadow:3px 0px 9px #f5f5f5, -3px -0px 9px #ffffff; color:#ab3636; border-color:#ab3636;}
.tab_idx > li.on > a .va{font-weight:500}

.tit_con{ text-align:center; margin-bottom: 3em;}
.page_tit2{ font-weight: 700; font-size: 2.625em; color: #111; position: relative; display: inline-block;}
.page_tit2.f_d{ font-size: 2em; margin-bottom: 1.5em;}
.page_tit2:before{     content: ''; position: absolute; bottom: 10px; left: 0; width: 100%; height: 10px; background: #19398a; opacity: 0.2;}

/*인사말*/

.bg_grayb{ position:relative;}
.bg_grayb:before{ position: absolute; bottom: 25%; left: 0; width: 100%; height: 19em; background: #f8f8ff; content: ''; z-index: -1;}
.sub_company_greetings{ align-item: center; align-items: center; justify-content: space-between;}
.sub_company_greetings .img{ position: relative;  width:42% ; height: 40em;}
.sub_company_greetings img{box-shadow: 2px 3px 8px -1px #a4a4a4;  object-fit: cover; width: 100%; height: 100%;}
.sub_company_greetings .img:before{ /*position: absolute; top: -30px; right: -30px; width: 15em; height: 15em; background: #ab3636; content: ''; z-index: -1;*/}
.sub_company_greetings .con{ width:52%}
.sub_company_greetings .con .tit1{ font-size:2.125em; font-weight:600; color: #111; margin-bottom: 2em;}
.sub_company_greetings .con .tt1{ font-size:1.063em; color:#555; line-height:1.7}
.sub_company_greetings .con .page_txt{ font-size: 1.18em; font-weight: 500; color: #222; line-height: 1.5;}
.sub_company_greetings .sign{ margin:2em 0; padding-right: 3.5em; justify-content: flex-end;}
.sub_company_greetings .sign .ar .tt2{ font-size: 1.25em;}
.sub_company_greetings .sign .name{ font-family:serif; font-size:2.063em; font-weight:bold; margin-left:.5em;}

.page_ttl > p{ text-align: center; font-size: 2.65em; font-weight: 600; margin-bottom: 2em;}

/**/
.root_daum_roughmap.root_daum_roughmap_landing{ width:100% !important; border-bottom: 1px solid #ddd; }
.wrap_controllers { display: none; }
.map_info1 { overflow:hidden; margin-bottom:20px; box-shadow:2px 3px 8px -1px #a4a4a4; padding:1.5em; margin-top:1em; font-weight:400; box-sizing:border-box;}
.map_info1 .t1 span { color:#666; display:inline-block; margin-right:30px; margin-bottom:10px; line-height:1.5;}
.map_info1 .t1 span:last-child { margin-right:0;}
.map_info1 .t1 .xi { font-size:1em; color:#fff; margin-right:10px; border-radius:50%; width:1.8em; height:1.8em; line-height:1.8em; text-align:center; background:#ab3636; }

/*제품*/
.prod_detail_wrap.flex_detail { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.prod_detail_wrap .inner{ *zoom:1; }
.prod_detail_wrap .inner:after{ content:""; display:block; clear:both;}
.prod_detail_wrap .inner .slide_wrap{ float:left; width:50%; position:relative; margin-bottom: 2em;}
.prod_detail_wrap .inner .slide_wrap .vm_tt{ max-width:100%;}
.prod_detail_wrap .inner .slide_wrap img{ /*display:inline-block; *display:inline; zoom:1;*/ width: 100%; height: 100%; object-fit: contain;}
.prod_detail_wrap .inner .info_wrap { float:right; width:50%; }
.prod_detail_wrap .info_wrap .in{ padding:30px 0 0 130px;}
.prod_detail_wrap .info_wrap .in .prod_info{ height: 328px; overflow-x: scroll;}
.prod_detail_wrap .info_wrap .prod_tit{ margin-bottom:20px; padding-bottom:20px; border-bottom:1px dashed #ccc; }
.prod_detail_wrap .info_wrap .prod_tit .t1{ display:inline-block;*display:inline;zoom:1; vertical-align:middle; color:#1b5b8f; font-weight:700; font-size:.938em;}
.prod_detail_wrap .info_wrap .prod_tit .t1 .xi {vertical-align:middle; color:#1b5b8f; padding-right:1px;}
.prod_detail_wrap .info_wrap .prod_tit .t2{ display:block; font-size:2em; font-weight:700;}

.prod_detail_wrap .inner .info_wrap .prod_info .info{ font-weight:400; margin-bottom: .87em; }
.prod_detail_wrap .inner .info_wrap .prod_info .info:last-of-type{ margin-bottom: 2em;}
.prod_detail_wrap .inner .info_wrap .prod_info .info .tit{ position: relative; top:10px; left:0; padding-left:12px; color:#666;}
.prod_detail_wrap .inner .info_wrap .prod_info .info .tit:before{ content:""; position:absolute; left:0; top:7px;  width:5px; height:5px; border-radius: 50%; background:#023e88;}

.prod_detail_wrap .inner .slide_wrap .item.img{ background:#fff; border:1px solid #ddd;}
.prod_detail_wrap .inner .slide_wrap .item .img{ background:#fff; border:1px solid #ddd;}
.prod_detail_wrap .inner .slide_wrap .prod_slide .item .img{ padding:30px; }
.prod_detail_wrap .inner .slide_wrap .prod_slide .item .flex_center { display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 1em 0; }
.prod_detail_wrap .inner .slide_wrap .prod_thumb{ margin:0 -2px; margin-top:5px; }
.prod_detail_wrap .inner .slide_wrap .prod_thumb .item .img{ margin:0 4px; padding:10px; cursor:pointer;}
.prod_detail_wrap .inner .slide_wrap .prod_thumb .slick-current .img{ border-color:#ab3636;}
.prod_detail_wrap .inner .slide_wrap .control_box{ position:absolute; top:50%; left:0; right:0;}
.prod_detail_wrap .inner .slide_wrap .control_arrow > li{ position:absolute; top:0; margin-top:-60px;}
.prod_detail_wrap .inner .slide_wrap .control_arrow > li .xi{ width:50px; height:50px; line-height:50px; text-align:center; background:#fff; border:1px solid #ccc; border-radius:100%; transition: .15s; color:#777; cursor:pointer;}
.prod_detail_wrap .inner .slide_wrap .control_arrow .prev{ left:-70px;}
.prod_detail_wrap .inner .slide_wrap .control_arrow .next{ right:-70px;}
.prod_detail_wrap .inner .slide_wrap .control_arrow > li:hover .xi{  color: #111; transition:.15s; box-shadow: 2px 0 6px rgba(0,0,0,.15);}

.prod_review { margin-top: 6em; }
.prod_review .p_line { width: 50px; height: 3px; background: #023e88; margin: auto auto 1em auto; }
.prod_review .img_wd { text-align: center; margin-top: 3em; }
.prod_review .img_wd img { width: 847px; }

.vm_wrap{ display: block; text-align: center; white-space: nowrap;}
	
.p_btn{}
.p_btn .btn_list{ gap: 1em; padding-top: 3em; border-top: 1px dashed #ddd;} 
.p_btn .btn_list > li{} 
.p_btn .btn_list > li > a{ padding: .8em 2em; background: #ab3636; border: 1px solid #ab3636; color: #fff; transition: .25s;} 
.p_btn .btn_list > li > a > i{ margin-left: .5em;}

.p_btn .btn_list > li > a:hover{ border: 1px solid #ab3636; color: #ab3636; transition: .25s; background: #fff;}

.product_s::-webkit-scrollbar { width: 3px; }

/* Track */
.product_s::-webkit-scrollbar-track {}
 
/* Handle */
.product_s::-webkit-scrollbar-thumb { background: #ddd;  border-radius: 20px;}

/* Handle on hover */
.product_s::-webkit-scrollbar-thumb:hover { background: #313193; }

/* tab */
.pro_detail_con {margin:3em 0;}
.pro_detail_con .pro_view_tab_st{padding-right:1px; border-bottom:1px solid #ccc;}
.pro_detail_con .pro_view_tab_st > li{ flex: 1 1 auto; }
.pro_detail_con .pro_view_tab_st > li > a{ display: flex; align-items: center; vertical-align:middle; background:#f4f4f4; height:3.5em; color:#111; border:1px solid #ccc; margin-right:-1px; position:relative; justify-content: center;
 font-size:.938em; font-weight:400; margin-bottom:-1px; border-bottom:none; margin: 0 0 0 -1px;}
.pro_detail_con .pro_view_tab_st > li > a:after{ content:""; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:#fff; display:none; z-index:1}
.pro_detail_con .pro_view_tab_st > li.on > a{ background:#fff; border:1px solid #ab3636; color:#111; z-index:1; border-bottom:none;}
.pro_detail_con .pro_view_tab_st > li.on > a:after{ display:block}
.pro_detail_con .prod_view_edit{padding:50px 30px; font-size:1em; color:#222; border:1px solid #ccc; border-top:none; line-height:1.5; box-shadow: 4px 5px 0px rgba(221,221,221,0.2);}

.mprod_list_wrap{ margin-top:2em; gap: 1em;}
.mprod_list_wrap .prod_wrap{  border:1px solid #eee; box-shadow: 0 0 20px rgba(0,0,0,.05); overflow:hidden; position:relative; width: 24.1%; text-align: center;}
.mprod_list_wrap .prod_wrap:nth-child(2n - 1) .prod_st .inner{ background: #f9f9f9;}
.mprod_list_wrap .prod_wrap:first-child{ margin-top:0;}
.mprod_list_wrap .prod_wrap .img_wrap{ width:100%; display:block; overflow:hidden;}
.mprod_list_wrap .prod_wrap .img_wrap .img{ }
.mprod_list_wrap .prod_wrap .img_wrap .img img{ transition:.3s; width:100%; height: 20em; object-fit: contain;}
.mprod_list_wrap .prod_wrap .img_wrap:hover .img img{ transform:scale(1.1,1.1);}
.mprod_list_wrap .prod_wrap .prod_st {width:100%;}
.mprod_list_wrap .prod_wrap .prod_st .inner{ padding: 1.5em 2em; text-align: left; border-top: 1px solid #eee; height: 6em;}
.mprod_list_wrap .prod_wrap .prod_st .inner .tit_wrap .pro_ttl{ margin-bottom: 1em;}
.mprod_list_wrap .prod_wrap .prod_st .inner .tit_wrap .pro_txt{ }
.mprod_list_wrap.pet .prod_wrap .prod_st .tit_wrap{ margin-bottom:15px; padding-bottom:15px; border-bottom:1px dashed #ccc;}
.mprod_list_wrap .prod_wrap .prod_st .tit_wrap .t1{ font-size: 1em; font-weight: 600; color: #111; margin-bottom: 1em;}
.mprod_list_wrap .prod_wrap .prod_st .tit_wrap .t1.c1{ border-color:#bbbbbb;}
.mprod_list_wrap .prod_wrap .prod_st .tit_wrap .t1.c2{ border-color:#4b85e0; background:#4b85e0; color:#fff;}
.mprod_list_wrap .prod_wrap .prod_st .tit_wrap .t1.c3{ border-color:#ff4c4c; background:#ff4c4c; color:#fff;}
.mprod_list_wrap .prod_wrap .prod_st .tit_wrap .t2{ display:block; font-size: .85em; color: #555; font-weight:500; text-overflow: ellipsis; overflow: hidden; word-break: break-word;
display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.mprod_list_wrap .prod_wrap .prod_st .tit_wrap .t3{ display:block; margin-top:5px; font-size:.938em; color:#1b5b8f;}
.mprod_list_wrap .prod_wrap .prod_st .info_wrap{}
.mprod_list_wrap .prod_wrap .prod_st .info_wrap .info > li{ position:relative; margin-top:10px;}
.mprod_list_wrap .prod_wrap .prod_st .info_wrap .info > li:first-child{ margin-top:0;}
.mprod_list_wrap .prod_wrap .prod_st .info_wrap .info .tt{ display:inline-block; *display:inline; zoom:1; font-size:.938em;}
.mprod_list_wrap .prod_wrap .prod_st .info_wrap .info .t1{ /*position:absolute;*/ top:0; left:0; width:130px; color:#111;}
.mprod_list_wrap .prod_wrap .prod_st .info_wrap .info .t2{ /*padding-left:130px;*/ color:#444;  vertical-align:top}
.mprod_list_wrap .prod_wrap .prod_st .btn_wrap{ position:absolute; top:0; right:0; width:14.285%; height:100%; border-left:1px solid #ddd; font-size:0; background:#f2f5f8}
.mprod_list_wrap .prod_wrap .prod_st .btn_wrap .va_tt{ width:100%; font-size:15px}
.mprod_list_wrap .prod_wrap .prod_st .btn_wrap .btn{ box-sizing:border-box; height:40px; width:85%; margin:2px 0; border:none; border-radius:25px; font-size:.875em; color:#fff; overflow:hidden;}
.mprod_list_wrap .prod_wrap .prod_st .btn_wrap .btn i{ vertical-align:middle;}
.mprod_list_wrap .prod_wrap .prod_st .btn_wrap .btn .xi{ padding-right:5px;}
.mprod_list_wrap .prod_wrap .prod_st .btn_wrap .btn.c1{ background:#1a3b62}
.mprod_list_wrap .prod_wrap .prod_st .btn_wrap .btn.c2{ background:#38393F}

/**/
.inqury_tw .tt{ display: flex; margin-bottom: .5em;}
.inqury_tw .tt > .star{ color: #e13939; padding: 0 .3em 0 .3em;}

.c_boxwrap{ width: 100%; border: 1px solid #ddd; margin-bottom: 3em; border-radius: 5px;}
.c_boxwrap .icon_box{ display: flex; justify-content: center; padding: 1em; border-right: 1px solid #ddd; flex: 1 1 20%; text-align:center;}
.c_boxwrap .icon_box > img{ width: 100%;}
.c_boxwrap .txt_box{ display: flex; align-items: center; background: #f4f4f4; flex: 1 1 80%; line-height: 1.6;}
.c_boxwrap .txt_box > p{ display: block; font-size: 1.6em; padding: 2em; color: #222;}
.c_boxwrap .txt_box > p > span{ font-weight: 600; vertical-align: baseline;}


#btn_submit { cursor: pointer; } /* developer, Limhokyun add */

.section{ padding: 4em 0;}
.bg_gray{ padding: 3em 0; background: #f9f9f9; margin-bottom: 2em;}

.article { display: block;}
.sub-tab-wrapper-style2{ position: relative; height: 100%;}
.sub-tab-list-style2{ border: 1px solid #111; border-radius: 1em; padding: 2em; background: #fff;}
.sub-tab-list-style2 ul{display:flex; justify-content: start; width:100%; height:100%; text-align: center;}
.sub-tab-list-style2 ul.wrap{ flex-wrap: wrap;}
.sub-tab-list-style2 ul.certi_tab{ justify-content: start;}
.sub-tab-list-style2 ul:after{display:none}
.sub-tab-list-style2 ul .selected { display:inline-block; vertical-align:middle; position:relative; width:20%; min-width: 20%;}
.sub-tab-list-style2 ul .selected:hover a { }
.sub-tab-list-style2 ul .selected:hover a em{color: #222; font-weight: 600;}
.sub-tab-list-style2 ul .selected:hover a:before{ /*height: 100%; width: 100%; transition: .25s ease-out; z-index: -1;*/}
.sub-tab-list-style2 ul .selected a{ position:relative; height:60px; margin: 0 .3em .3em 0; background: #fff; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #ddd; /*border-bottom: 2px solid #ddd;*/ cursor: pointer; align-items: center; justify-content: center; }
.sub-tab-list-style2 ul .selected:last-of-type a{ border-right: 1px solid #ddd;}
.sub-tab-list-style2 ul .selected:nth-child(6n){ /*border-right: 1px solid #ddd;*/}
.sub-tab-list-style2 ul .selected a:before{ position: absolute; bottom: -1px; width: 0%; height: 2px; background: #111; content: ''; transition: .35s;}
.sub-tab-list-style2 ul .selected a:hover:before{ width: 100%; height: 2px; transition: .35s;}
.sub-tab-list-style2 ul .selected a em{ color: #666; font-weight: 600; font-size:1.15em; letter-spacing:-0.25px; text-align:center;}
.sub-tab-list-style2 ul .selected.on a{ border-bottom: 2px solid #111; background: #111; color: #fff;}
.sub-tab-list-style2 ul .selected.on a:before{ content: none;} 

.main_pslide{}
.main_pslide .wrap_in{ box-sizing:border-box; width:100%; position:relative}
.main_pslide{ position:relative; }
.main_pslide .wrap_prod .main_tit{ padding:0 .5em 1.5em 0}
.main_pslide .wrap_prod .mainProdSlide .el{ width:25%; }
.main_pslide .wrap_prod .mainProdSlide .el:nth-child(2n - 1) .prod_st{ background: #f4f4f4;}
.main_pslide .wrap_prod .mainProdSlide .el .prod_st{ overflow: hidden; margin:.5em; position:relative; box-shadow: 3px 0 9px rgba(0,0,0,.1); cursor: pointer; border: 1px solid #ddd;}
.main_pslide .wrap_prod .mainProdSlide .el .prod_st.border_n{ border: none;}
.main_pslide .wrap_prod .mainProdSlide .el:hover .prod_st .img{ }
.main_pslide .wrap_prod .mainProdSlide .el .prod_st .img{ position:relative; z-index:1; height: 20em;}
.main_pslide .wrap_prod .mainProdSlide .el .prod_st .img .resize{}
.main_pslide .wrap_prod .mainProdSlide .el .prod_st .img .prod{ width: 100%; height: 100%; transition: .25s;}
.main_pslide .wrap_prod .mainProdSlide .el:hover .prod_st .img .prod{ }
.main_pslide .wrap_prod .mainProdSlide .el .prod_st .con{  padding: 1.5em; border-top: 1px solid #eee;}
.main_pslide .wrap_prod .mainProdSlide .el .prod_st .con .t1{ font-weight:600; font-size:1.2em; margin-bottom: .3em; color: #111;}
.main_pslide .wrap_prod .mainProdSlide .el .prod_st .con .t2{ font-size: 1em; color: #111; font-weight: 500; margin-bottom :1em; }
.main_pslide .wrap_prod .mainProdSlide .el .prod_st .con .t3{ font-size: .9em; color: #111; font-weight: 500;}
/*.main_product .wrap_prod .mainProdSlide .el .prod_st::after{ content:''; width:100%; height:30%; background:var(--red); position:absolute; left:0; bottom:0; transform:translateY(100%) scaleY(0); opacity:0; transition:all .3s}
.main_product .wrap_prod .mainProdSlide .el:hover .prod_st::after{ transform:translateY(0) scaleY(100%); opacity:.8}
.main_product .wrap_prod .mainProdSlide .el:hover .prod_st .con .t1,
.main_product .wrap_prod .mainProdSlide .el:hover .prod_st .con .t2{ color:#fff}*/
.mainProdSlide_control{ position: relative; gap: 2em; margin-top: 3.5em;}
.mainProdSlide_control .paging_wrap{ width: 100%;}
.mainProdSlide_control .sw_btn_wrap{ position: relative; gap: 0 .5em; flex: 1 1 10%;}
.mainProdSlide_control .paging{ filter:none;}


/*tab*/
.facility_con {position: relative;}
/*.company_wrap,*/
.facility_slider_wrap {display: none;}
/*.company_wrap.on,*/
.facility_slider_wrap.on {display: block;}
.product_wrap{ position:absolute; width:100%; height:0; opacity:0; visibility:hidden; overflow:hidden;}
.product_wrap.on{ position:static; height:auto; opacity:1; visibility:visible; overflow:visible;}

.wrap2{ flex-wrap: wrap;}

.bg_gary{ background: #f9f9f9;}

.main_bg{ position:relative; background: url(../images/main/main_slide02.jpg) no-repeat; background-attachment: fixed; width: 100%; height: auto; margin: 3em 0;}
.main_bg:after{ position: absolute; top: 0; left: 0; background: rgba(0,0,0,.25); content: ''; width: 100%; height: 100%; z-index: 1;}

.sec_m{ margin-top: 3em;}
.maincon_1 .main_ctt_box ul{ overflow: hidden;}
.maincon_1 .main_ctt_box ul > li{ position: relative; width: 33.33%; text-align: center; padding: 4em; height: 25em; display: flex; overflow:hidden; flex-direction: column; align-items: center; justify-content: center; transition: .25s;}
.maincon_1 .main_ctt_box ul > li:hover img{ transform: scale(1.08); transition: .25s;}
.maincon_1 .main_ctt_box ul > li > img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: .25s;}
.maincon_1 .main_ctt_box ul > li:hover{ }
.maincon_1 .main_ctt_box ul > li:before{ position:absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.25); content: ''; z-index: 1;}
.maincon_1 .main_ctt_box ul > li > .de_info{ position:relative; color: #fff; margin-bottom: 3em; z-index: 2;}
.maincon_1 .main_ctt_box ul > li > .de_info .t1{ font-size: 2.15em; font-weight: 600; margin-bottom: 1.5em;}
.maincon_1 .main_ctt_box ul > li > .de_info .t2{ font-size: 1em; opacity: .85; font-weight: 500;}
.maincon_1 .main_ctt_box ul > li > .m_btn{ position:relative; margin-top: 4em; z-index: 2;}
.maincon_1 .main_ctt_box ul > li > .m_btn > a{ padding: .8em 3em; border: 1px solid #fff; text-align: center; background: rgba(255,255,255,.25); backdrop-filter: blur(1px); font-size: 1em; color: #fff; text-transform: uppercase; transition: .15s;}
.maincon_1 .main_ctt_box ul > li > .m_btn > a:hover{ background: #ab3636; border: 1px solid #ab3636; transition: .15s;}

.main_contact{}
.main_contact .list{ gap:2.5em;}
.main_contact .list > li{ flex:1;}
.main_contact .list > li .wrap_in{ flex:1; text-align:center;}
.main_contact .list > li .wrap_in .img:after{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.1); backdrop-filter:blur(0); transition:.2s}
.main_contact .list > li .wrap_in .con{ margin:0 2em; padding:1.5em 1em 0; background:#fff; transform:translateY(-2.5em); transition:.2s;}
.main_contact .list > li .wrap_in:hover .img:after{ background:rgba(0,0,0,.4); backdrop-filter:blur(.08em);}
.main_contact .list > li .wrap_in:hover .con{ transform:translateY(-80%);}

.main_contact .list > li .wrap_in .con .main_txt{}
.main_contact .list > li .wrap_in .con .main_txt .t1{ font-size: 1.1em; margin-bottom: .5em; color: #6d6d6d;}
.main_contact .list > li .wrap_in .con .main_txt .t4{ font-size: 1.5em; font-weight: 900;}

.resize .re{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box;}
.bgfix{  background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;}


#contents .subNav_wrap .nav > div:last-of-type{border-right:1px solid #ddd;}