@charset "utf-8";
/* CSS Document */
body{ font-size:16px}
.box0{ width:90%; margin:0 auto}
.box1{ width:1200px; 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: absolute; z-index:1500; left:0; top:0; width:100%; background-color:none; border-bottom:1px solid rgba(255,255,255,.2);}
#header .h_in_wrap{ position:relative;}
#header .va_wrap{ height:80px;}
#header .logo{ float:left; z-index:99; position:relative}
#header .logo > a{ position:relative}
#header .logo img{ max-height:80%}

/*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}
#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: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:100%; 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;}
#footer .info_wrap .f_logo{ width:20%;}
#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:25em; 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;}
#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;}

.agree_wrap{ padding:.5em; font-size:.875em; line-height:1.5}

@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;}
.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{height:8.5rem; line-height:8.5rem;}
.mainCon .main_tit_box .main_tit{font-size:2.25em; text-align:center; font-family:'notokrR';}
.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:space-between;}
.maincon_1 .main_ctt_box ul li .txt_box{padding:1.75em; box-sizing:border-box; color:#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;}



.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);}


/*sub4*/
.agree_wrap{ border:1px solid #ddd; border-radius:.5em; padding:1.5em; width:100%; min-height:8em; box-sizing:border-box}
.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 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: 10px 0 40px 0; font-size:0.875em; color:#555;}
.sub_agree_wrap .span{text-align: center; padding-left: 40px;}