/* common */
.p_top{padding-top: 100px;}
.pad{padding: 100px 0;}
/* 모바일 */
input[type="submit"],input[type="button"], input[type="file"],  input[type="text"], button { appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
input[type="checkbox"]{ padding: 0 !important;}

/* select icon */
select::-ms-expand { display: none; }
select { 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    appearance: none;
     background: url(/img/sub/icon_select.png) no-repeat 90% 50%;
}


/* tit */	
.s_tit{position:relative; text-align: center; padding-top: 50px; margin-bottom:80px;}
.s_tit::before{content:''; position:absolute; top: -2px; left: calc(50% + 2px); transform:translateX(-50%); width: 9px; height: 9px; background: #47d5cd; border-radius:50%}
.s_tit::after{content:''; position:absolute; top: 2px; left: calc(50% - 2px); transform:translateX(-50%); width: 9px; height: 9px; background: #2526a9;border-radius:50%}
.s_tit h3{font-weight:600; font-size:56px; color: #222;}
.s_tit p{font-weight:300; font-size:18px; color: #444; margin-top: 20px;}

.s_wrap{position:relative; overflow: hidden;}
.s_wrap.visible{overflow: unset;}
.sv{position:relative; height: 100vh; border-bottom: 1px solid #eeeeee; box-sizing:border-box;}
.sv .line_ctn span:not(.clip)::before,
.sv .line_ctn span:not(.clip)::after{content:''; position:absolute; top: 0; bottom: 0; width: 1px; background: #94aece; opacity: 0.1; z-index: 1;}
.sv .line_ctn span:not(.clip):nth-of-type(2)::before{left: 14.28571428571429%;}					 
.sv .line_ctn span:not(.clip):nth-of-type(3)::before{left: 28.57142857142857%;}					 
.sv .line_ctn span:not(.clip):nth-of-type(4)::before{left: 42.85714285714286%;}					 
.sv .line_ctn span:not(.clip):nth-of-type(2)::after{left: 57.14285714285714%;}					 
.sv .line_ctn span:not(.clip):nth-of-type(3)::after{left: 71.42857142857143%;}					 
.sv .line_ctn span:not(.clip):nth-of-type(4)::after{left: 85.71428571428571%;}

.sv .bg{position:relative; }
.sv .bg::after{content:''; position:absolute; top: 0; bottom: 0; width: 100%; right: 0; background: #fff; opacity: 0.2; animation:width 1.2s 0.2s both}
.sv .bg::before{content:''; position:absolute; top: 0; bottom: 0; width: 100%; right: 0; background: #fff; opacity: 0.2; animation:width 1.8s 0.2s both}
.sv .bg.bg01{background:url(/img/sub/sv01.png) 50% 50% no-repeat; background-size:cover; width: 100%; height: 100%;}
.sv .bg.bg02{background:url(/img/sub/sv02.png) 50% 50% no-repeat; background-size:cover; width: 100%; height: 100%;}
.sv .bg.bg03{background:url(/img/sub/sv03.png) 50% 50% no-repeat; background-size:cover; width: 100%; height: 100%;}
.sv .bg.bg04{background:url(/img/sub/sv04.png) 50% 50% no-repeat; background-size:cover; width: 100%; height: 100%;}
.sv .bg.bg05{background:url(/img/sub/sv05.png) 50% 50% no-repeat; background-size:cover; width: 100%; height: 100%;}
.sv .bg.bg06{background:url(/img/sub/sv06.png) 50% 50% no-repeat; background-size:cover; width: 100%; height: 100%;}


.sv .ctn {display:flex; justify-content:space-between; align-items:flex-end; position:absolute; bottom: 200px; left: 50%;  width: 72.36497115888831%;transform:translateX(-50%); max-width: 1380px; margin: 0 auto; box-sizing:border-box; z-index: 11;}
.sv .ctn .txt{} 
.sv .ctn .txt ul{display:flex; align-items:center; }
.sv .ctn .txt ul li{position:relative; font-weight:300; font-size:14px; color: #fff; margin-right: 26px;}
.sv .ctn .txt ul li::after{content:''; position:absolute; top: 8px; right: -15px; width: 3px; height: 3px; background: #fff; opacity: 0.3;}
.sv .ctn .txt ul li:last-of-type{margin-right: 0;}
.sv .ctn .txt ul li:last-of-type::after{display:none; }
.sv .ctn .txt ul li i{color: #47d5cd;}
.sv .ctn .txt h2{font-weight:600; font-size:100px; letter-spacing:-0.045em; color: #fff; margin-top: 33px;}
.sv .ctn .scroll{margin-bottom:30px;}
.sv .lnb{position: absolute; bottom: 0; left: 50%; width: 72.36497115888831%; margin: 0 auto; background: #fff; transform:translateX(-50%); transition:0.4s; z-index: 10;}
.sv .lnb.on{width: 100%;}
.sv .lnb > ul{display:flex; flex-wrap:wrap; max-width: 1380px; margin: 0 auto; justify-content:center;}
.sv .lnb > ul > li{position:relative; width: 25%; text-align: center;}
.sv .lnb > ul > li::after{content:''; position:absolute; bottom: 0; left: 0; width: 0; height: 1px; background:#2526a9; transition:0.4s}
.sv .lnb > ul > li > a{display:inline-block; vertical-align: top; line-height: 80px; width: 100%; font-size:17px; color: #333; transition:0.4s}
.sv .lnb > ul > li > a br{display:none; }
.sv .lnb > ul > li.on > a,
.sv .lnb > ul > li:hover > a{color: #2526a9;}
.sv .lnb > ul > li.on:after,
.sv .lnb > ul > li:hover::after{width: 100%;}


@keyframes width{
	0%{width: 100%;}
	100%{width: 0%;}
}


/* 회사소개
------------------------------------------------------ */
.company{}
.company .bg{margin-top: -200px; background:url(/img/sub/greeting02.png) 50% 50% no-repeat; background-size:cover; height: 855px; box-sizing:border-box; padding-top:360px;}
.company .bg dl{display:flex; flex-wrap:wrap;}
.company .bg dl dt{font-weight:bold; width: 580px; font-size:45px; color: #fff;}
.company .bg dl dd{width: calc(100% - 580px);}
.company .bg dl dd p{font-weight:300; font-size:18px; color: #fff; opacity: 0.9; margin-bottom:24px; line-height: 1.8;}
.company .bg dl dd p:last-of-type{margin-bottom:0;}
.company .circle_box{position:relative; text-align: center; padding: 150px 0;}
.company .circle_box::after{content:''; position:absolute; bottom: 0; left: 50%; transform:translateX(-50%); background:url(/img/sub/greeting03.png) 50% 50% no-repeat; background-size:contain; height: 16vw; width: 100%; z-index: 10;}
.company .circle_box h4{font-weight:bold; font-size:45px; color: #333333;}
.company .circle_box .shadow{position:relative; max-width: 1260px; margin: 0 auto; margin-top: 170px;}
.company .circle_box .shadow::before{content:''; position:absolute; top: 0; left: 0; width: 100%; height: 94px; background:url(/img/sub/greeting_shadow.png) 50% 50% no-repeat; background-size:cover;}
.company .circle_box .shadow::after{content:''; position:absolute; top: 93px; left: 0; width: 100%; height: 100%; background: #fff; z-index: 10;}
.company .circle_box .c_list{max-width: 900px; margin: 0 auto; display:flex; justify-content:center}
.company .circle_box .c_list .item{width: 30%; position:relative}
.company .circle_box .c_list .item:last-of-type{margin-right: 0;}
.company .circle_box .c_list .item::after{content:''; position:absolute; top: -85px; left: 50%; transform:translateX(-50%); width: 360px; height: 360px; border-radius:50%;background: rgb(71,213,205); background: linear-gradient(54deg, rgba(71,213,205,1) 0%, rgba(45,137,199,1) 100%); z-index: 9;}
.company .circle_box .c_list .item:nth-of-type(2)::after{z-index: 8;}
.company .circle_box .c_list .item:last-of-type::after{z-index: 7;}
.company .circle_box .c_list .item figure{position:relative; display:inline-block; vertical-align: top; box-shadow:0px 0px 30px 0px rgba(49, 74, 98, 0.15); border-radius:50%; z-index: 11;}
.company .circle_box .c_list .item .txt{position:relative; margin-top: 30px; z-index: 11; width: 90%; margin: 30px auto 0;}
.company .circle_box .c_list .item .txt h5{font-weight:bold; font-size:24px; color: #333;}
.company .circle_box .c_list .item .txt p{font-weight:300; font-size:17px; color: #555; margin-top: 14px;}

/* -------- ceo 메시지 -------- */
.ceo_m{}
.ceo_m .bg_txt{background:url(/img/sub/ceo_message.png) 50% 50% no-repeat; background-size:cover; padding: 0 120px; height: 390px;}
.ceo_m .bg_txt .txt{display:flex; flex-direction:column; justify-content:center; align-items:flex-start; height: 100%;}
.ceo_m .bg_txt .txt h4{font-weight:bold; font-size:40px; color: #fff; line-height: 1.6;}
.ceo_m .bg_txt .txt p{font-weight:500; font-size:26px; color: #fff; margin-top: 24px;}
.ceo_m .bg_txt .txt p span{opacity: 0.6; font-weight:300; font-size:15px;}
.ceo_m .txt_box{display:flex; flex-wrap:wrap; margin-top: 56px;}
.ceo_m .txt_box .box{width: calc(50% - 25px); margin-right: 50px;}
.ceo_m .txt_box .box:last-of-type{margin-right: 0;}
.ceo_m .txt_box .box p{font-weight:300; font-size:17px; color: #333; line-height: 1.7; margin-bottom:10px;}


/* -------- 임원소개 -------- */
.executives .cont .tab{display:flex; justify-content:center; margin-bottom:96px;}
.executives .cont .tab li{display:flex; justify-content:center; align-items:center; text-align: center; font-size:16px; color: #666; max-width: 210px; width: 33.33%; box-sizing:border-box; border:1px solid #e5e5e5; height: 60px;}
.executives .cont .tab li.on{color: #fff; background: #2526a9; border-color:#2526a9;}
.executives .cont .tab_ctn{}
.executives .cont .tab_ctn .ceo{display:flex; flex-wrap:wrap; margin-bottom:100px;}
.executives .cont .tab_ctn .ceo figure{width: 540px;}
.executives .cont .tab_ctn .ceo .txt{width: calc(100% - 540px); padding-left: 80px; margin-top: 40px; box-sizing:border-box;}
.executives .cont .tab_ctn .ceo .txt h4{font-weight:500; font-size:18px; color: #2526a9; padding-bottom:24px; margin-bottom:24px; border-bottom: 1px solid #e5e5e5;}
.executives .cont .tab_ctn .ceo .txt h4 span{position:relative;  margin-right: 15px;font-weight:bold; font-size:40px; color: #222; }
.executives .cont .tab_ctn .ceo .txt h4 span::after{content:''; position:absolute; width: 100%; height: 1px; bottom: -20px; left: 0; background: #2526a9;}
.executives .cont .tab_ctn .ceo .txt p{font-weight:400; font-size:16px; color: #333; line-height: 1.6; margin-bottom:10px;}
.executives .cont .tab_ctn .ceo .txt p:last-of-type{margin-bottom:0;}
.executives .cont .tab_ctn .ceo .txt dl{display:flex; flex-wrap:wrap; margin-top: 34px;}
.executives .cont .tab_ctn .ceo .txt dl dt{width: 90px; font-weight:500; font-size:18px; color: #2526a9;}
.executives .cont .tab_ctn .ceo .txt dl dd{width: calc(100% - 90px);}
.executives .cont .tab_ctn .ceo .txt dl dd ul{}
.executives .cont .tab_ctn .ceo .txt dl dd ul li{position:relative; font-size:16px; color: #333; padding-left: 14px; line-height: 1.6; margin-bottom:10px;}
.executives .cont .tab_ctn .ceo .txt dl dd ul li::before{content:''; position:absolute; top: 11px; left: 0; width: 3px; height: 3px; background: #2526a9;}
.executives .cont .tab_ctn .ceo .txt dl dd ul li:last-of-type{margin-bottom:0;}
.executives .cont .tab_ctn .list{display:flex; flex-wrap:wrap;}
.executives .cont .tab_ctn .list .item{position:relative; width: calc(33.33% - 20px); margin-right: 30px; margin-bottom:80px;}
.executives .cont .tab_ctn .list .item:nth-of-type(3n){margin-right: 0;}
.executives .cont .tab_ctn .list .item figure{}
.executives .cont .tab_ctn .list .item .txt{margin-top: 20px; border-bottom: 1px solid #dddddd; padding-bottom:24px;}
.executives .cont .tab_ctn .list .item .txt p{font-size:16px; color: #2526a9;}
.executives .cont .tab_ctn .list .item .txt h4{font-weight:bold; font-size:26px; letter-spacing:-0.045em; color: #333; margin-top: 8px; }
.executives .cont .tab_ctn .list .item ul{margin-top: 24px;}
.executives .cont .tab_ctn .list .item ul li{position:relative; padding-left: 12px; line-height: 1.6; font-size:16px; color: #333; margin-bottom:12px;}
.executives .cont .tab_ctn .list .item ul li:last-of-type{margin-bottom:0;}
.executives .cont .tab_ctn .list .item ul li::before{content:''; position:absolute; top: 11px; left: 0; width: 3px; height: 3px; background: #2526a9;}

/* -------- 주요연혁 -------- */
.history{background: #fff;	}
.history .tab{display:flex; justify-content:center; margin-bottom:80px;}
.history .tab li{display:flex; width: 50%; align-items:center; justify-content: center; height: 60px; font-size:17px; color: #666; border:1px solid #e5e5e5; max-width: 210px;}
.history .tab li.on{background: #2526a9; color: #fff; border:1px solid #2526a9}
.history .cont{}
.history .cont .item{padding-bottom:110px; background: #fff;}
.history .cont .item figure{}
.history .cont .item .txt{box-sizing:border-box; padding: 0 78px;}
.history .cont .item .txt h4{font-family: 'Work Sans', sans-serif; font-weight:600; font-size:100px; letter-spacing:-0.025em; color: #222; margin-top: -65px;}
.history .cont .item .txt dl{display:flex; flex-wrap:wrap; margin-top: 40px;}
.history .cont .item .txt dl dt{width: 650px; font-weight:bold; font-size:35px; color: #222222;}
.history .cont .item .txt dl dd{width: calc(100% - 650px);}
.history .cont .item .txt dl dd p{position:relative; font-weight:300; font-size:17px; color: #333; padding-left: 12px;; margin-bottom:10px;}
.history .cont .item .txt dl dd p::before{content:''; position:absolute; top: 13px; left: 0; width: 3px; height: 3px; background: #222}
.history .cont .item .txt dl dd p:last-of-type{margin-bottom:0;}
.history .cont .table_box{ border-top: 1px solid #aaaaaa; padding-bottom:110px;}
.history .cont .table_box table{}
.history .cont .table_box table th{background: #f5f5f5; border-bottom: 1px solid #e5e5e5; padding: 18px 0; font-size:16px; color: #666; text-align: center;}
.history .cont .table_box table td{ border-bottom: 1px solid #e5e5e5; padding: 18px 0; font-size:16px; color: #222222; text-align: center;}


/* product
------------------------------------------------------ */
.product{}
.product .cont{display:flex; flex-wrap:wrap;}
.product .cont .item{position:relative; width: calc(50% - 30px); margin-right: 60px; background: #f5f5f5; box-sizing:border-box; padding: 50px; margin-bottom:60px; transition:0.3s}
.product .cont .item:nth-of-type(2n){margin-right: 0}
.product .cont .item a{position:absolute; top: 0; right: 0; bottom: 0; left: 0;}
.product .cont .item figure{width: 100%; position:relative; top: 0; padding-bottom: 62%; text-align: center; transition:0.3s}
.product .cont .item figure img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); max-width: 100%; max-height: 100%; }
.product .cont .item .txt{margin-top: 26px;}
.product .cont .item .txt h4{font-weight:600; font-size:34px; letter-spacing:-0.045em; color: #333;}
.product .cont .item .txt p{font-weight:300; font-size:17px; letter-spacing:-0.015em; color: #444; margin-top: 10px;}
.product .cont .item .p_btn{position:absolute; bottom: 60px; right: 50px; width: 55px; height: 55px; border-radius:50%; background: #2526a9; opacity: 0; transition:0.3s}
.product .cont .item .p_btn::after{content:''; position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%) rotate(90deg); width: 2px; height: 21px; background: #fff; z-index: 1; transition:0.3s}
.product .cont .item .p_btn::before{content:''; position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%) rotate(-180deg); width: 21px; height: 2px; background: #fff; z-index: 1; transition:0.3s}
.product .cont .item:hover{background: #edf2f8;}
.product .cont .item:hover figure{top: -10px;}
.product .cont .item:hover .p_btn{opacity: 1;}
.product .cont .item:hover .p_btn::before{transform:translate(-50%,-50%) rotate(0)}
.product .cont .item:hover .p_btn::after{transform:translate(-50%,-50%) rotate(0)}

/* 제품 상세 */
.product_inner{padding-bottom:80px;}
.product_inner > .cont > .w1380{padding-top: 120px; overflow: hidden;}
.product_inner .pv{position:relative; width: 100%; height: calc(100vh - 70px);}
.product_inner .pv .bg{position:absolute; top: 0; left: 0; background:url(/img/sub/product_bg.png) 50% 50% no-repeat; background-size:cover; width: 100%; height: 100%; z-index: -1;}
.product_inner .pv .cont{display:flex; flex-wrap:wrap; align-items:center; height: 100%; font-size:0; padding-top: 100px; box-sizing:border-box;}
.product_inner .pv .cont .txt{display:inline-block; width: calc(100% - 550px); vertical-align: middle;}
.product_inner .pv .cont p{font-weight:300; font-size:17px; color: #fff; opacity: 0.7;}
.product_inner .pv .cont p.c{opacity: 1; font-weight:500; font-size:17px; letter-spacing:-0.045em; color: #47d5cd;}
.product_inner .pv .cont h2{font-weight:bold; font-size:60px; letter-spacing:-0.045em; color: #fff; margin: 10px 0 14px;}
.product_inner .pv .cont .btn_ctn{margin-top: 54px;}
.product_inner .pv .cont .btn_ctn .btn{color: #fff; margin-right: 70px;}
.product_inner .pv .cont .btn_ctn .btn:last-of-type{margin-right: 0;}
.product_inner .pv .cont .btn_ctn .btn a{color: #fff;}
.product_inner .pv .cont .btn_ctn .btn a i{color: #fff; font-size:12px;}
.product_inner .pv .cont figure{position:relative; padding-bottom:42.5%; overflow:hidden; display:inline-block; width: 550px; vertical-align: middle;}
.product_inner .pv .cont figure img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); max-width: inherit; max-height: 100%;}
.product_inner .tab_box{position:sticky; top: 0; left: 0;border-bottom: 1px solid #e5e5e5; background: #fff; z-index: 100;}
.product_inner .tab{ display:flex; flex-wrap:wrap; max-width: 1380px; margin: 0 auto;}
.product_inner .tab li{position:relative; display:flex; align-items:center; justify-content:center; height: 70px; width: 25%; text-align: center; font-weight:400; font-size:17px; letter-spacing:-0.045em; color: #999999; transition:0.3s}
.product_inner .tab li::after{content:''; position:absolute; bottom: -1px; left: 0; width: 0; height: 1px; background: #2526a9; transition:0.3s}
.product_inner .tab li.on{color: #2526a9; font-weight:500; }
.product_inner .tab li.on::after{width: 100%;}
.product_inner .section{margin-bottom:120px;}
.product_inner .section:last-of-type{margin-bottom:0;}
.product_inner .section .c_txt{font-family: 'Work Sans', sans-serif; font-weight:600; font-size:23px; color: #2526a9;}
.product_inner .section h3{position:relative; font-family: 'Work Sans', sans-serif; font-weight:bold; font-size:30px; letter-spacing:-0.025em; color: #222; padding-left: 24px; box-sizing:border-box; margin-bottom:20px;}
.product_inner .section h3::after{content:''; position:absolute; top:11px; left: 0; border:3px solid #2526a9; box-sizing:border-box;  width: 13px; height: 13px; border-radius:50%}
.product_inner .section .f_list{display:flex; flex-wrap:wrap;}
.product_inner .section .f_list .box{display:flex; align-items:center; flex-wrap:wrap; width: 33.33333%; box-sizing:border-box; border-right:2px dotted #e8e8e8; border-bottom:2px dotted #e8e8e8; padding: 30px 0 30px 40px;}
.product_inner .section .f_list .box:nth-of-type(4),
.product_inner .section .f_list .box:nth-of-type(1){padding-left: 0;}
.product_inner .section .f_list .box:nth-of-type(3n){border-right: none;}
.product_inner .section .f_list .box:nth-of-type(n + 4){border-bottom: none;}
.product_inner .section .f_list .box p{width: calc(100% - 102px);font-size:16px;letter-spacing:-0.015em; color: #333; line-height: 1.7em;	}
.product_inner .section .f_list .box p.num{font-family: 'Work Sans', sans-serif; font-weight:bold; font-size:60px; letter-spacing:-0.015em; color: #2526a9; opacity: 0.1; margin-right: 30px; width: 72px;}
.product_inner .section .f_list .box p span{display:inline-block; width: 100%; font-family: 'Work Sans', sans-serif; font-weight:300; font-size:14px; letter-spacing:-0.015em; color: #666;}
.product_inner .section .video_ctn{position:relative;padding-bottom:40%; overflow: hidden; margin:50px auto 0; max-width: 1000px;}
.product_inner .section .video_ctn .visual::before{content:''; position:absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5; z-index: 1;}
.product_inner .section .video_ctn .visual{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); max-width: inherit; height: 100%; width: 
100%;}
.product_inner .section .video_ctn .visual.on::before{display:none; }
.product_inner .section .video_ctn .visual figure img{width: 100%; height: 100%;}
.product_inner .section .video_ctn .visual .video{display:none; width: 100%; height: 100%;}
.product_inner .section .video_ctn .visual .play{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);width: 190px; height: 190px; border-radius:50%; z-index: 10; cursor: pointer;}
.product_inner .section .video_ctn .visual .play::before{content:'';position:absolute; top: 0; left: 0; width: 100%; height: 100%; background: #2526a9; opacity: 0.8;border-radius:50%; opacity: 0; transition:0.5s;}
.product_inner .section .video_ctn .visual .play::after{content:''; position:absolute; width: 167px; height: 168px; top: 50%; left: 50%; transform:translate(-50%,-50%); background:url(/img/sub/icon_p_arrow_bg.png) 50% 50% no-repeat; background-size:cover; transition:0.3s; transform-origin: 50% 50%;}
.product_inner .section .video_ctn .visual .play img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); z-index: 10;}
.product_inner .section .table_box{border-top: 1px solid #333333;}
.product_inner .section .table_box table tr th{position:relative; font-size:17px; letter-spacing:-0.015em; color: #222; border-bottom: 1px solid #e5e5e5; padding: 18px 0; line-height: 1.6;}
.product_inner .section .table_box table tr th::after{content:''; position:absolute; top: 50%; right: 0; width: 1px; height: 13px; background: #e5e5e5; transform:translateY(-50%);}
.product_inner .scon03 .table_box table tr th{font-family: 'Work Sans', sans-serif;}
.product_inner .section .table_box table tr td{font-family: 'Work Sans', sans-serif; font-weight:400; font-size:17px; letter-spacing:-0.015em; color: #666; text-align: center;  border-bottom: 1px solid #e5e5e5; padding: 18px 0; line-height: 1.6;}
.product_inner .section .img_ctn{margin-bottom:80px;}
.product_inner .section .img_ctn:last-of-type{margin-bottom:0;}
.product_inner .section .img_ctn .img{padding: 30px 0; border:1px solid #e5e5e5; box-sizing:border-box; text-align: center;}
.product_inner .section .img_ctn .img h4{font-weight:600; font-size:21px; letter-spacing:-0.025em; color: #222; margin-bottom:18px;}
.product_inner .section .img_ctn .img2{display:flex; justify-content:center}
.product_inner .section .img_ctn .img2 figure:last-of-type{margin-top: 38px; margin-left: 120px;}
.product_inner .section .img_txt{margin-top: 30px;}
.product_inner .section .img_txt h4{font-weight:bold; font-size:24px; letter-spacing:-0.015em; color: #333;margin-bottom:18px; line-height:1.5em;}
.product_inner .section .img_txt p{font-family: 'Work Sans', sans-serif; font-weight:400; font-size:17px; letter-spacing:-0.015em; color: #333; margin-bottom:12px;}
.product_inner .section .img_txt p:last-of-type{margin-bottom:0;}
.product_inner .section .img_txt p span{font-weight:300; font-size:15px; color: #777;}
.product_inner .page{display:flex; align-items:center; justify-content:space-between; border-top: 1px solid #e5e5e5;}
.product_inner .page a{display:flex; align-items:center; font-size:14px; height: 80px; letter-spacing:-0.015em; color: #333;}
.product_inner .page a i{display:inline-block; width: 18px; height: 18px; font-size:18px; color: #333; margin-right: 6px;}
.product_inner .page .list a i{position:relative; top: 2px;}
.product_inner .page .next a i{margin-left: 6px; margin-right: 0;}

/* 핵심기술
------------------------------------------------------ */
.core_t{}
.core_t .cont{}
.core_t .cont .scon{border-bottom: 5px solid #f5f5f5; padding-bottom:100px; margin-bottom:100px;}
.core_t .cont .scon:last-of-type{border-bottom: none; padding-bottom:0; margin-bottom:0;}
.core_t .cont .scon span.icon_tit,
.core_t .cont .scon dt.icon_tit,
.core_t .cont .scon h4.icon_tit{display:inline-block; vertical-align: top; position:relative; font-weight:bold; font-size:40px; letter-spacing:-0.025em; color: #222; margin-bottom:46px;}
.core_t .cont .scon .icon_tit::after{content:''; position:absolute; right: -20px; bottom: 3px; width: 11px; height: 11px; border-radius:50%; background: #47d5cd;}
.core_t .cont .scon > dl{display:flex; flex-wrap:wrap; margin-bottom:60px;}
.core_t .cont .scon > dl:last-of-type{margin-bottom:0;}
.core_t .cont .scon > dl > dt{width: 430px; font-weight:bold; font-size:28px; letter-spacing:-0.015em; color: #333; line-height: 1.45em;}
.core_t .cont .scon > dl > dd{width: calc(100% - 430px);}
.core_t .cont .scon > dl > dd p{font-weight:300; font-size:17px; letter-spacing:-0.015em; color: #333; line-height: 1.6em; margin-bottom:10px;}
.core_t .cont .scon > dl > dd p:last-of-type{margin-bottom:0;}
.core_t .cont .scon > dl > dd .bg_img{margin-top: 20px; background: #f7f7f7; text-align: center; padding: 44px 0;}
.core_t .cont .scon > dl > dd .txt_img{border:1px solid #e5e5e5; box-sizing:border-box; text-align: center; padding: 35px 0; margin-bottom:10px;}
.core_t .cont .scon > dl > dd .txt_img:last-of-type{margin-bottom:0;}
.core_t .cont .scon > dl > dd .txt_img h5{font-family: 'Work Sans', sans-serif; font-weight:bold; font-size:18px; letter-spacing:-0.015em; margin-bottom:30px;}
.core_t .cont .scon > dl > dd .txt_img .cp{color: #2526a9;}
.core_t .cont .scon > dl > dd .bg_list{background: #f7f7f7; display:flex; flex-wrap:wrap; padding: 40px 70px; border:1px solid #e5e5e5; border-top: none;}
.core_t .cont .scon > dl > dd .bg_list li{position:relative; width: 50%; box-sizing:border-box; padding-left: 13px; font-weight: 400; font-size:16px; letter-spacing:-0.015em; color: #333; margin-bottom:16px;}
.core_t .cont .scon > dl > dd .bg_list li:last-of-type{margin-bottom:0;}
.core_t .cont .scon > dl > dd .bg_list li::before{content:''; position:absolute; top: 7px; left: 0; width: 3px; height: 3px; background: #2526a9;}
.core_t .cont .scon .tab{display:flex; flex-wrap:wrap; margin-bottom: 75px;}
.core_t .cont .scon .tab li{display:flex; align-items:center; justify-content:center; width: calc(20% + 1px); height: 60px; border:1px solid #e5e5e5; box-sizing:border-box; font-size:17px; color: #666; margin-left: -1px;}
.core_t .cont .scon .tab li.on{background: #2526a9; color: #fff;}
.core_t .cont .scon .tab_box{}
.core_t .cont .scon .tab_box dl{display:flex; flex-wrap:wrap;}
.core_t .cont .scon .tab_box dl dt{width: 430px; font-weight:bold; font-size:28px; color: #333; box-sizing:border-box;}
.core_t .cont .scon .tab_box dl dt.hyphen_tit{padding-left: 34px; position:relative; }
.core_t .cont .scon .tab_box dl dt.hyphen_tit::after{content:''; position:absolute; left: 0; top: 15px; width: 15px; height: 2px; background: #2526a9;}
.core_t .cont .scon .tab_box dl dd{width: calc(100% - 430px);}
.core_t .cont .scon .tab_box dl dd .box{margin-bottom:58px;}
.core_t .cont .scon .tab_box dl dd .box:last-of-type{margin-bottom:0;}
.core_t .cont .scon .tab_box dl dd .box h5{font-weight:bold; font-size:24px; color: #333; line-height: 1.6em; margin-bottom:12px;}
.core_t .cont .scon .tab_box dl dd .box h5.icon_tit{padding-left: 22px; position:relative; font-size:24px; color: #000;}
.core_t .cont .scon .tab_box dl dd .box h5.icon_tit::after{content:''; position:absolute; top: 13px; left: 0; width: 13px; height: 13px; border:3px solid #2526a9; box-sizing:border-box; background: #fff;}
.core_t .cont .scon .tab_box dl dd .box p{font-weight:300; font-size:17px; color: #333; letter-spacing:-0.015em;}
.core_t .cont .scon .tab_box dl dd .box .hyphen_txt{position:relative; padding-left: 10px;}
.core_t .cont .scon .tab_box dl dd .box .hyphen_txt span{position:absolute; left: 0; top: 3px;}
.core_t .cont .scon .tab_box dl dd .box figure{margin-bottom:34px;}
.core_t .cont .scon .tab_box dl dd .box ul{}
.core_t .cont .scon .tab_box dl dd .box ul li{position: relative; padding-left: 14px; font-weight:300; font-size:17px; color: #333; margin-bottom:14px;}
.core_t .cont .scon .tab_box dl dd .box ul li:last-of-type{margin-bottom:0;}
.core_t .cont .scon .tab_box dl dd .box ul li::before{content:''; position:absolute; top: 7px; left: 0; width: 3px; height: 3px; background: #2526a9;}
.core_t .cont .scon span.icon_tit{margin-bottom:0;}
.core_t .cont .scon .center_icon_box{position:relative; display:flex; flex-wrap:wrap;}
.core_t .cont .scon .center_icon_box::after{content:''; position:absolute; top: 50%; left: 50%; background:url(/img/sub/core_technology12.png) 50% 50% no-repeat; background-size:cover; width: 180px; height: 180px; transform:translate(-50%,-50%);}
.core_t .cont .scon .center_icon_box .item{position:relative; padding-bottom: calc(25% - 5px); width: calc(50% - 5px); margin-right: 10px; margin-bottom:10px; overflow: hidden; background: #f5f5f5;}
.core_t .cont .scon .center_icon_box .item:nth-of-type(2n){margin-right: 0;}
.core_t .cont .scon .center_icon_box .item:nth-of-type(n + 3){margin-bottom:0;}
.core_t .cont .scon .center_icon_box .item .txt{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); width: 100%; text-align: center;}
.core_t .cont .scon .center_icon_box .item .txt h5{font-weight:bold; font-size:21px; color: #333; margin-bottom:10px;}
.core_t .cont .scon .center_icon_box .item .txt p{font-weight:300; font-size:17px; color: #333;}
.core_t .cont .scon .circle_box{max-width: 690px;margin-left: 28px; display:flex; margin-top: 40px;}
.core_t .cont .scon .circle_box .item{position:relative; width: 33.33%; box-sizing:border-box; padding-bottom:33.33%;}
.core_t .cont .scon .circle_box .item::before{content:''; position:absolute; top: 0; left: 0; width: 100%; height: 50%; border-radius:200px 200px 0 0; border:1px solid #e5e5e5; border-bottom: none; z-index: -1;}
.core_t .cont .scon .circle_box .item::after{content:''; position:absolute; bottom: 0; left: 0; width: 100%; height: 50%; border-radius:0 0 200px 200px; border:1px dashed #a8a8dd; border-top: none; z-index: -1;}
.core_t .cont .scon .circle_box .item:nth-of-type(2n)::before{border:1px dashed #a8a8dd; border-bottom: none;}
.core_t .cont .scon .circle_box .item:nth-of-type(2n)::after{border:1px solid #e5e5e5; border-top: none;}

.core_t .cont .scon .circle_box .item .txt{position:absolute; top: 50%; left: 50%; width: 90%; transform:translate(-50%,-50%);}
.core_t .cont .scon .circle_box .item .txt::after{content:url('/img/sub/icon_circle.png'); position:absolute; top: 50%; left: calc(-10% + 4px); transform:translateY(-50%); z-index: 10;}
.core_t .cont .scon .circle_box .item .txt::before{content:url('/img/sub/icon_circle.png'); position:absolute; top: 50%; right: calc(-10% + 2px); transform:translateY(-50%); z-index: 10;}
.core_t .cont .scon .circle_box .item:nth-of-type(2) .txt::before,
.core_t .cont .scon .circle_box .item:nth-of-type(1) .txt::before{display:none; }
.core_t .cont .scon .circle_box .item .txt p{font-size:17px; color: #333; text-align: center;}

/* 연구성과
------------------------------------------------------ */
.resources{}
.resources .cont{}
.resources .cont .tab{display:flex; flex-wrap:wrap; margin-bottom:62px; justify-content:center;}
.resources .cont .tab li{width: 20%; border:1px solid #e5e5e5; box-sizing:border-box;}
.resources .cont .tab li a{display:flex; height: 60px; align-items:center; justify-content:center; font-family: 'Work Sans', sans-serif; font-size:16px; color: #666; text-align: center;}
.resources .cont .tab li.on a{background: #2526a9; color: #fff;}
.resources .cont .search_ctn{background: #f5f5f5; padding: 30px 0; box-sizing:border-box;}
.resources .cont .search_ctn .w870{display:flex; flex-wrap:wrap; justify-content:center; max-width: 870px; margin: 0 auto;}
.resources .cont .search_ctn .w870 .select{width: 185px; box-sizing:border-box;}
.resources .cont .search_ctn .w870 .select select{ font-family: 'Noto Sans KR', sans-serif; width: 100%; height: 60px; box-sizing:border-box; padding: 0 20px; border: 1px solid #e0e0e0; font-size:16px; color: #666; background-color: #fff;}
.resources .cont .search_ctn .w870 .input{position:relative; width: calc(100% - 370px); }
.resources .cont .search_ctn .w870 .input input{width: 100%; height: 60px; box-sizing:border-box; font-family: 'Noto Sans KR', sans-serif; font-size:16px; color: #333; padding: 0 20px; border:1px solid #e0e0e0}
.resources .cont .search_ctn .w870 .input input::placeholder{color: #aaa}
.resources .cont .search_ctn .w870 .input button{width: 60px; height: 60px; position:absolute; top: 0; right: 0; background: #2526a9; color: #fff; font-size:20px; border:none; box-sizing:border-box;}
.resources .cont .table_box{margin-top: 60px; border-top: 1px solid #333333;}
.resources .cont .table_box table{}
.resources .cont .table_box table tr th{font-weight:500; font-size:16px; color: #333; padding: 20px 0; border-bottom: 1px solid #e5e5e5;}
.resources .cont .table_box table tr td{font-size:15px; color: #666; padding: 20px 0; text-align: center; border-bottom: 1px solid #e5e5e5;}
.resources .cont .table_box table tr td.left{text-align: left;}
.resources .cont .table_box table tr td a{display:inline-block; width: 100%; vertical-align: top; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #666; line-height: 1.5;}
/* -------- 게시판 상세 -------- */
.view{}
/* .view .cont{border-top: 1px solid #333333;} */
.view .cont .tit{text-align: center; border-bottom: 1px solid #d0d0d0; padding: 44px 0; background: #f7f7f7; border-top:1px solid #c8c8c8;}
.view .cont .tit p{font-weight:500; font-size:16px; color: #2526a9}
.view .cont .tit h4{font-weight:bold; font-size:28px; color: #222222; margin-top: 14px;}
.view .cont .inner{position:relative; padding: 50px 90px; box-sizing:border-box;}
.view .cont .inner .date{position:absolute; top: 15px; right: 0; text-align: right; font-weight:300; font-size:14px; color: #999;}
.view .cont .inner .info{}
.view .cont .inner .info p{font-size:16px; color: #333;}
.view .cont dl{display:flex; flex-wrap:wrap;}
.view .cont dl dt{width: 120px; background: #f7f7f7; font-size:14px; color: #999; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; text-align: center; padding: 20px 0;box-sizing:border-box}
.view .cont dl dd{width: calc(100% - 120px); border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5;padding: 20px 0 20px 20px; box-sizing:border-box; font-size:14px; color: #777777;}
.view .cont dl dd a{display:inline-block; width: 100%;}
.view .cont dl dd a img{position:relative; top: 3px;}
.view .cont dl.page dt:last-of-type{border-top: none;}
.view .cont dl.page dd:last-of-type{border-top: none; }
.view .cont .list{width: 124px; height: 50px; background: #2526a9; margin: 30px auto 80px;}
.view .cont .list a{display:inline-block; width: 100%; height: 100%; line-height: 50px; color: #fff; font-size:15px; text-align: center;}
.view .cont .list a i{margin-right: 6px;}

/* -------- 비디오 게시판 -------- */
.video{}
.video .cont .video_ctn{display:flex; flex-wrap:wrap; margin-top: 60px;}
.video .cont .video_ctn .item{position:relative; width: calc(33.33% - 20px); margin-right: 30px; margin-bottom:38px;}
.video .cont .video_ctn .item:nth-of-type(3n){margin-right: 0;}
.video .cont .video_ctn .item:nth-of-type(n + 4){margin-bottom:0;}
.video .cont .video_ctn .item a{position:absolute; top: 0; right: 0; bottom: 0; left: 0;}
.video .cont .video_ctn .item figure{position:relative; padding-bottom:59%; overflow: hidden;}
.video .cont .video_ctn .item figure img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); max-width: inherit; height: 100%;}
.video .cont .video_ctn .item .txt{margin-top: 20px;}
.video .cont .video_ctn .item .txt h5{font-weight:bold; font-size:21px; color: #222; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.video .cont .video_ctn .item .txt p{font-family: 'Work Sans', sans-serif; margin-top: 10px; font-size:14px; color: #999;}
/* -------- 비디오 게시판 상세 -------- */
.video_view .cont .tit h4{margin-top:0;}

/* faq
------------------------------------------------------ */
.faq{}
.faq .cont{}
.faq .cont .faq_ctn{border-top: 1px solid #e5e5e5;}
.faq .cont .faq_ctn .item{}
.faq .cont .faq_ctn .item .tit{border-bottom: 1px solid #e5e5e5; padding: 40px; box-sizing:border-box;}
.faq .cont .faq_ctn .item .tit h4{position:relative; font-weight:bold; font-size:19px; color: #333; padding-left: 70px;}
.faq .cont .faq_ctn .item .tit h4 span{position:absolute; top: -3px; left: 0; font-family: 'Work Sans', sans-serif; font-weight:bold; font-size:21px; color: #2526a9;}
.faq .cont .faq_ctn .item .tit h4 span::after{content:''; position:absolute; top: 50%; right:-30px ; transform:translateY(-50%); width: 3px; height: 3px; background: #bac6f6;}
.faq .cont .faq_ctn .item .tit h4 i{position: absolute; right: 0; top: 50%; transform:translateY(-50%); width: 14px; height: 14px;}
.faq .cont .faq_ctn .item .tit h4 i::before{content:''; position:absolute; top: 50%; left: 50%; width: 14px; height: 2px; background: #999999; transform:translate(-50%, -50%);}
.faq .cont .faq_ctn .item .tit h4 i::after{content:''; position:absolute; top: 50%; left: 50%; width: 2px; height: 14px; background: #999999; transform:translate(-50%, -50%);}
.faq .cont .faq_ctn .item .inner{display:none; border-bottom: 1px solid #e5e5e5; box-sizing:border-box; padding: 0 110px 30px; background: #f4f5f9;}
.faq .cont .faq_ctn .item .inner p{font-weight:300; font-size:17px; color: #444;}
.faq .cont .faq_ctn .item.on .tit{border-bottom-color:#f4f5f9; background: #f4f5f9; padding-bottom:30px;}
.faq .cont .faq_ctn .item.on .tit h4 i::after{display:none;}

/* ir
------------------------------------------------------ */
.financial .tab{display:flex; justify-content:center; margin-bottom:80px;}
.financial .tab li{display:flex; width: 50%; align-items:center; justify-content: center; height: 60px; font-size:17px; color: #666; border:1px solid #e5e5e5; max-width: 210px;}
.financial .tab li a{display:inline-block; width: 100%; height: 100%; line-height: 60px; color: #666; text-align: center;}
.financial .tab li.on{background: #2526a9; border:1px solid #2526a9}
.financial .tab li.on a{color: #fff;}
.financial .cont .tit{display:flex; justify-content:space-between; align-items:flex-end;margin-bottom:20px; }
.financial .cont .tit h3{position:relative; font-family: 'Work Sans', sans-serif; font-weight:bold; font-size:30px; letter-spacing:-0.025em; color: #222; padding-left: 24px; box-sizing:border-box; line-height: 1.3;}
.financial .cont .tit h3::after{content:''; position:absolute; top:11px; left: 0; border:3px solid #2526a9; box-sizing:border-box;  width: 13px; height: 13px; border-radius:50%}
.financial .cont .tit p{font-size:16px; color: #666; line-height: 1.3;}
.financial .cont .table_box{ border-top: 1px solid #aaaaaa;}
.financial .cont .table_box table{}
.financial .cont .table_box table th{background: #f5f5f5; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; padding: 18px 0; font-size:20px; color: #666; text-align: center; }
.financial .cont .table_box table td{ border-bottom: 1px solid #e5e5e5; padding: 18px 40px; font-size:19px; color: #222222; text-align: right; border-right: 1px solid #e5e5e5;}
.financial .cont .table_box table td.bg{background: #f2f2ff;}
.financial .cont .table_box table td:first-of-type{text-align: left;}
.financial .cont .table_box table th:last-of-type,
.financial .cont .table_box table td:last-of-type{border-right: none;}

/* careers
------------------------------------------------------ */
.talent{}
.talent .t_list{display:flex; flex-wrap:wrap;}
.talent .t_list .item{position:relative; width: calc(33.33% - 20px); margin-right: 30px;}
.talent .t_list .item:last-of-type{margin-right: 0;}
.talent .t_list .item::after{content:url(/img/sub/icon_talent01.png); position:absolute; top: 80px; left: 50px;}
.talent .t_list .item:nth-of-type(2)::after{content:url(/img/sub/icon_talent02.png);}
.talent .t_list .item:nth-of-type(3)::after{content:url(/img/sub/icon_talent03.png);}
.talent .t_list .item .txt{position:absolute; bottom: 80px; left: 50px;}
.talent .t_list .item .txt h4{font-family: 'Work Sans', sans-serif; font-weight:600; font-size:34px; letter-spacing:-0.045em; color: #fff; margin-bottom:18px;}
.talent .t_list .item .txt p{font-weight:300; font-size:17px; color: #fff; opacity: 0.8;}
/* -------- 인재채용 -------- */
.recruitment .cont .search_ctn .w870{justify-content:center;}
.recruitment .cont .table_box table tr td:nth-of-type(2){text-align: left;}
.recruitment .cont .table_box table tr td:nth-of-type(3){text-align: center;}
.recruitment .cont .table_box table tr td span{display:inline-block; width: 60px; height: 30px; line-height: 30px; text-align: center; border-radius:2px; font-size:13px;}
.recruitment .cont .table_box table tr td span.on{color: #fff; background: #2526a9;}
.recruitment .cont .table_box table tr td span.end{color: #888; background: #eeeeee;}
/* 채용뷰 */
.view.careers .cont .tit p span{display:inline-block; width: 60px; height: 30px; line-height: 30px; text-align: center; border-radius:2px; font-size:13px;}
.view.careers .cont .tit p span.on{color: #fff; background: #2526a9;}
.view.careers .cont .tit p span.end{color: #6a6969; background: #cfcece;}
/* contact
------------------------------------------------------ */
.contact{}
.contact .cont{}
.contact .cont .info{display:flex; flex-wrap:wrap; margin-bottom:80px;}
.contact .cont .info .box{width: 50%;}
.contact .cont .info .box h4{font-weight:bold; font-size:40px; color: #222;}
.contact .cont .info .box h4 span{position:relative; }
.contact .cont .info .box h4 span::after{content:''; position:absolute; bottom: 7px; right: -14px; width: 11px; height: 11px; border-radius:50%; background: #47d5cd;}
.contact .cont .info .box a{display:inline-block; vertical-align: top; width: 130px; height: 50px; border:1px solid #e5e5e5; font-size:15px; color: #444; line-height: 50px; text-align: center; margin-top: 38px;}
.contact .cont .info .box dl{display:flex; flex-wrap:wrap; align-items:center; margin-bottom:30px; padding-bottom:30px; border-bottom: 1px solid #e5e5e5;}
.contact .cont .info .box dl:last-of-type{border-bottom: none; padding-bottom:0; margin-bottom: 0;}
.contact .cont .info .box dl dt{width: 120px; font-weight:bold; font-size:20px; letter-spacing:-0.045em; color: #222;}
.contact .cont .info .box dl dd{width: calc(100% - 120px); font-size:17px; color: #444; line-height: 1.6;}
.contact .cont .info .box dl dd span{display:inline-block; text-align: center; line-height: 18px; width: 18px; height: 18px; background: #2526a9; border-radius:50%; font-family: 'Work Sans', sans-serif; font-weight:600; font-size:11px; color: #fff; position: relative; top: -3px;}
.contact .cont .info .box dl dd span.bg2{background: #747F00;}
.contact .cont .map_box{width: 100%; height: 560px;}
.contact .cont .map_box > div > div{width: 100%; height: 100%;}
.contact .cont .map_box > div{width: 100%; height: 100%;}

/* -------- 문의하기 -------- */
.inquiry{}
.inquiry .cont{max-width: 1200px; margin: 100px auto 0;}
.inquiry .cont .box{display:flex; flex-wrap:wrap; margin-bottom:56px;}
.inquiry .cont .box:last-of-type{margin-bottom:0;}
.inquiry .cont .box > div:nth-of-type(2n){margin-right: 0;}
.inquiry .cont .box p{font-size:17px; color: #444; margin-bottom:10px;}
.inquiry .cont .box p span{color: #2526a9;}
.inquiry .cont .box > div{width: calc(50% - 30px); margin-right: 60px;}
.inquiry .cont .box > div.w100{width: 100%; margin-right: 0;}
.inquiry .cont .box > div select{width: 100%; height: 50px; padding: 0; border:none; border-bottom: 1px solid #e5e5e5; background-position:98% 50%; outline:none}
.inquiry .cont .box > div input{width: 100%; height: 50px; padding: 0; border:none; border-bottom: 1px solid #e5e5e5; outline:none}
.inquiry .cont .box > div textarea::placeholder,
.inquiry .cont .box > div input::placeholder{font-weight:300; font-size:15px; color: #888888;}
.inquiry .cont .box > div textarea{width: 100%; border:1px solid #e5e5e5; height: 320px; padding: 20px; box-sizing:border-box; resize:none}
.inquiry .cont .box .file_box{font-size:0;}
.inquiry .cont .box .file_box #fileName{display:inline-block; vertical-align: top; width: calc(100% - 160px); height: 50px; box-sizing:border-box; border-bottom:1px solid #e5e5e5; padding: 0 20px; font-weight:300; font-size:15px; color: #888888;}
.inquiry .cont .box .file_box .file{display:inline-block; vertical-align: top; position:relative; width: 160px; height: 50px; box-sizing:border-box; background: #e6e6e6; cursor: pointer;}
.inquiry .cont .box .file_box .file span{display:inline-block; width: 100%; height: 100%; text-align: center; line-height:50px; font-size:14px; color: #666;}
.inquiry .cont .box .file_box .file input{display:none; width: auto; } 
.inquiry .cont .box .cap{}
.inquiry .cont .box .cap .img_input{font-size:0;}
.inquiry .cont .box .cap .img_input img{vertical-align: top;}
.inquiry .cont .box .cap .img_input label{display:inline-block; vertical-align: top; position:relative; width: 340px;}
.inquiry .cont .box .cap .img_input label input{border:1px solid #e5e5e5; border-left: none; box-sizing:border-box;}
.inquiry .cont .box .cap .img_input label button{position:absolute; top: 0; right: 0; width: 50px; height: 50px; border:none; background: none; font-size:14px; color: #666;}
.inquiry .cont .box .policy{}
.inquiry .cont .box .policy .txt{}
.inquiry .cont .box .policy .txt p{height: 170px; box-sizing:border-box; border:1px solid #e5e5e5; padding: 30px; overflow-y: scroll; font-size:14px; color: #777;}
.inquiry .cont .box .policy .chk input{display:none; }
.inquiry .cont .box .policy .chk label{display:flex; cursor: pointer;}
.inquiry .cont .box .policy .chk label span{position:relative; top: 3px; display:inline-block; vertical-align: top; width: 16px; height: 16px; box-sizing:border-box; border:1px solid #ddd; line-height:1.3em}
.inquiry .cont .box .policy .chk label span i{position: absolute; top: -1px; left: -1px; color: #fff; font-size:16px; font-weight:bold;}
.inquiry .cont .box .policy .chk label p{width: calc(100% - 16px); display:inline-block; vertical-align: middle; font-weight:300; font-size:15px; letter-spacing:-0.015em; color: #333; padding-left: 5px; box-sizing:border-box; ;line-height:1.4em}
.inquiry .cont .box .policy .chk input[id="chk"]:checked + label span{background: #2526a9;}
.inquiry .cont .box .policy .chk input[id="chk"]:checked + label span i{color: #fff;}
.inquiry .cont .inquiry_btn{width: 180px; height: 60px; margin: 60px auto 0; }
.inquiry .cont .inquiry_btn button{width: 100%; height: 100%; background: #2526a9; color: #fff; border:none; font-size:16px;}




@media (hover: hover){
	.product_inner .section .video_ctn:hover .visual .play::before{opacity: 1;}
	.product_inner .section .video_ctn:hover .visual .play::after{animation:rotate 10s linear infinite}
	.product_inner .tab li:hover{color: #2526a9; font-weight:500;}
	.product_inner .tab li:hover::after{width: 100%;}
}

@keyframes rotate{
	0%{transform: translate(-50%,-50%) rotate(0);}
	100%{transform: translate(-50%,-50%) rotate(360deg);}
}

@media screen and (max-width: 1600px){
	.sv{height: 80vh;}
	.sv .ctn{width: 90%;}
	.sv .lnb{width: 90%;}
}

@media screen and (max-width: 1400px){
	.s_tit h3{font-size:46px;}
	.company .bg dl dt{width: 400px; font-size:38px;}
	.company .bg dl dd{width: calc(100% - 400px);}

	.company .circle_box h4{font-size:38px;}
	.product_inner .section .f_list .box{width: 50%;}
	.product_inner .section .f_list .box p br{ display:none; }
	.product_inner .section .f_list .box:nth-of-type(3n){border-right: 2px dotted #e8e8e8;}
	.product_inner .section .f_list .box:nth-of-type(2n){border-right: none;}
	.product_inner .section .f_list .box:nth-of-type(n + 4){border-bottom:2px dotted #e8e8e8;}
	.product_inner .section .f_list .box:nth-of-type(n + 5){border-bottom:none;}
	.product_inner .section .f_list .box:nth-of-type(4), .product_inner .section .f_list .box:nth-of-type(1){padding-left: 40px;}
	.product_inner .section .f_list .box:nth-of-type(3),
	.product_inner .section .f_list .box:nth-of-type(1),
	.product_inner .section .f_list .box:nth-of-type(5){padding-left: 0;}

	.core_t .cont .scon > dl > dd p br{display:none; }
	.core_t .cont .scon .center_icon_box .item{padding-bottom:calc(30% - 5px);}
	.core_t .cont .scon .center_icon_box .item .txt p br{display:block; }

	.executives .cont .tab_ctn .ceo .txt dl dd ul li br,
	.executives .cont .tab_ctn .ceo .txt p br{display:none; }
}

@media screen and (max-width: 1200px){
	.sv{height: 60vh;}
	.sv .ctn{bottom: 60px;}
	.sv .lnb{display:none;}
	
	.pad{padding: 80px 0;}
	.p_top{padding-top: 80px;}
	
	.s_tit{padding-top: 30px; margin-bottom:50px;}
	.s_tit h3{font-size:40px;}
	.s_tit p{font-size:16px;}
	
	.company .bg{padding-top: 27vw; height: 800px;}
	.company .bg dl dd p br{display:none; }
	.company .circle_box{padding: 100px 0;}
	
	.product .cont .item{width: calc(50% - 10px); margin-right: 20px; margin-bottom:20px;}	
	.product .cont .item .txt{width: 80%;}
	.product .cont .item .txt h4{font-size:24px;}

	.product_inner > .cont > .w1380{padding-top: 100px;}
	.product_inner .pv .cont h2{font-size:50px;}
	.product_inner .pv .cont .txt p br{display:none; }
	.product_inner .section{margin-bottom:80px;}
	
	.product_inner .section .table_box table tr th{font-size:16px;}
	.product_inner .section .table_box table tr td{font-size:16px;}
	.product_inner .section .img_ctn .img2{flex-direction:column}
	.product_inner .section .img_ctn .img2 figure:last-of-type{margin-left: 0; margin-top: 20px;}
	
	.core_t .cont .scon > dl{margin-bottom:30px;}
	.core_t .cont .scon .tab_box dl dt.hyphen_tit,
	.core_t .cont .scon > dl > dt{width: 100%; margin-bottom:20px; font-size:22px;}
	.core_t .cont .scon .tab_box dl dd,
	.core_t .cont .scon > dl > dd{width: 100%;}
	.core_t .cont .scon > dl > dd p br{display:block; }
	.core_t .cont .scon span.icon_tit, .core_t .cont .scon dt.icon_tit, .core_t .cont .scon h4.icon_tit{font-size:30px;}
	.core_t .cont .scon dt.icon_tit, .core_t .cont .scon h4.icon_tit{margin-bottom:20px;}
	
	.core_t .cont .scon .tab{margin-bottom:40px;}
	.core_t .cont .scon .tab_box dl dt{font-size:20px;}
	.core_t .cont .scon .tab_box dl dd .box h5.icon_tit,
	.core_t .cont .scon .tab_box dl dd .box h5{font-size:20px;}
	.core_t .cont .scon .tab_box dl dd .box{margin-bottom:30px;}
	.core_t .cont .scon .tab_box dl dd .box figure{text-align: center; background: #f7f7f7;}

	.faq .cont .faq_ctn .item .tit{padding: 30px 20px;}
	.faq .cont .faq_ctn .item .tit h4{padding-left: 50px;}
	.faq .cont .faq_ctn .item .tit h4 span::after{right: -20px;}
	.faq .cont .faq_ctn .item .inner{padding: 0 70px 30px;}

	.executives .cont .tab_ctn .ceo{margin-bottom:80px;}
	.executives .cont .tab_ctn .ceo .txt{padding-left: 30px; margin-top: 15px;}

	.contact .cont .info{margin-bottom:40px;}
	.contact .cont .info .box{width: 100%; margin-bottom:40px;}
	.contact .cont .info .box a{margin-top: 20px;}
	.contact .cont .info .box h4{font-size:30px;}
	.contact .cont .map_box{height: 400px;}
	
	.talent .t_list .item::after{top: 30px; left: 20px;}
	.talent .t_list .item .txt{bottom: 30px; left: 20px;}
		
	
	.history .cont .item .txt{padding: 0 30px 100px;}
	.history .cont .item .txt h4{font-size:80px; margin-top: -48px;}
	.history .cont .item .txt dl{margin-top: 20px;}
	.history .cont .item .txt dl dt{width: 400px;}
	.history .cont .item .txt dl dd{width: calc(100% - 400px);}
	.history .cont .table_box table td{font-size:15px;}

	
}

@media screen and (max-width: 1000px){
	.pad{padding: 60px 0;}
	.p_top{padding-top: 60px;}
	.s_tit h3 > br{display:none; }
	.s_tit p > br{display:none}
	.company > div > figure{position:relative; padding-bottom: 375px; overflow: hidden;}
	.company > div > figure img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); height: 100%; max-width: inherit;}

	.company .bg dl dt{width: 100%; margin-bottom:20px;}
	.company .bg dl dd{width: 100%;}
	
	.company .circle_box .shadow{margin-top: 120px;}
	.company .circle_box .c_list{max-width: 800px;}
	.company .circle_box .c_list .item::after{top: -60px; width: 300px; height: 300px;}
	.company .circle_box .c_list .item .txt p br{display:none; }
	
	.product_inner{padding-bottom:60px;}
	.product_inner > .cont > .w1380{padding-top: 60px;}
	.product_inner .pv .cont .w1380{display:flex; flex-wrap:wrap;}
	.product_inner .pv .cont .txt{width: 100%; text-align: center; margin-bottom:50px;}
	.product_inner .pv .cont .txt p br{display:block; }
	.product_inner .pv .cont .btn_ctn{margin-top: 30px;}
	.product_inner .pv .cont figure{width: 100%; order:-1; margin-bottom:40px;}
	.product_inner .section{margin-bottom:50px;}
	.product_inner .section h3{font-size:24px;}
	.product_inner .section h3::after{top:7px}
	.product_inner .section .f_list .box p{font-size:16px;}
	.product_inner .section .f_list .box p.num{font-size:40px; margin-right: 20px;}
	
	.product_inner .section .table_box{overflow-x: scroll;}
	.product_inner .section .table_box table{width: 1100px;}
	.product_inner .section .img_txt h4{font-size:18px;}
	.product_inner .section .img_ctn{margin-bottom:40px;}
	.product_inner .section .img_ctn .img h4{font-size:18px;}
	.product_inner .section .c_txt{font-size:19px;}

	.core_t .cont .scon{margin-bottom:50px; padding-bottom:50px;}
	.core_t .cont .scon > dl > dd .bg_list{padding: 30px;}
	.core_t .cont .scon .tab li{font-size:15px; text-align: center; padding: 0 6px; box-sizing:border-box;}

	.core_t .cont .scon .tab_box dl dt,
	.core_t .cont .scon .tab_box dl dd .box h5.icon_tit,
	.core_t .cont .scon .tab_box dl dd .box h5{font-size:18px;}
	.core_t .cont .scon .tab_box dl dd .box figure{margin-bottom:18px;}

	.view .cont .tit{padding: 20px 0;}
	.view .cont .inner{padding: 40px 16px 30px;}
	.view .cont .inner .date{top: 10px;}

	.faq .cont .faq_ctn .item .tit h4{font-size:17px; line-height: 1.5em;}
	.faq .cont .faq_ctn .item .inner p{font-size:15px;}

	.executives .cont .tab{margin-bottom:50px;}
	.executives .cont .tab_ctn .ceo{margin-bottom:60px;}
	.executives .cont .tab_ctn .ceo .txt{width: 100%; padding-left: 0;}

	.executives .cont .tab_ctn .list .item{width: calc(50% - 15px); margin-bottom:30px;}
	.executives .cont .tab_ctn .list .item:nth-of-type(2n){margin-right: 0;}
	.executives .cont .tab_ctn .list .item:nth-of-type(3n){margin-right: 30px;}

	.inquiry .cont{margin-top: 50px;}
	.inquiry .cont .box{margin-bottom: 30px;}
	
	.talent .t_list .item{width: calc(33.33% - 10px); margin-right: 15px;}
	.talent .t_list .item .txt{padding-right: 20px; box-sizing:border-box;	}
	.talent .t_list .item .txt h4{font-size:28px; margin-bottom:10px;}
	.talent .t_list .item .txt p{font-size:16px;}
	.talent .t_list .item .txt p br{display:none; }

	.history .tab{margin-bottom:50px;}
	.history .cont .item{padding-bottom:80px;}
	.history .cont .item .txt{padding: 0 16px;}
	.history .cont .item .txt dl dt{width: 300px; font-size:26px;}
	.history .cont .item .txt dl dd{width: calc(100% - 300px);}
	
	.ceo_m .bg_txt{padding: 0 40px; background-position:70% 50%; height: 300px;}
	.ceo_m .bg_txt .txt h4{font-size:30px;}

	.ceo_m .txt_box{margin-top: 30px;}
	.ceo_m .txt_box .box{width: 100%; margin-right: 0;}
	
}

@media screen and (max-width: 800px){
	.paging{margin-top: 35px;}

	.sv{height: 400px;}
	.sv .ctn{width: 100%; max-width: 1380px; padding: 0 16px; bottom: 40px;}
	.sv .ctn .scroll{display:none; }
	.sv .ctn .txt h2{font-size:60px; margin-top: 10px;}
	.company .bg{padding-top: 250px;}
	.company .bg dl dt{font-size:34px;}
	.company .bg dl dd p{font-size:16px;}
	
	.company .circle_box{padding: 80px 0;}
	.company .circle_box h4{font-size:34px;}
	.company .circle_box .c_list{flex-wrap:wrap;}
	.company .circle_box .c_list .item{width: 100%; margin-bottom:100px;}
	.company .circle_box .c_list .item:last-of-type{margin-bottom:0;}
	.company .circle_box .c_list .item::before{content:'';position:absolute; top: 93px; left: 0; width: 100%; height: 200px; background: #fff; z-index: 10;}
	.company .circle_box .shadow::before,
	.company .circle_box .shadow::after{display:none; }
	.company .circle_box .c_list .item .txt{z-index: 11; width: 100%;}
	.company .circle_box .c_list .item .txt::before{content:''; position:absolute; top: -211px; left: 0; width: 100%; height: 94px; background:url(/img/sub/greeting_shadow.png) 50% 50% no-repeat; background-size:cover; z-index: -1;}
	.company .circle_box .c_list .item .txt p br{display:block; }

	.product .cont .item{padding: 20px; width: calc(50% - 5px); margin-right: 10px; margin-bottom:10px;}
	.product .cont .item .p_btn{display:none; }
	.product .cont .item .txt{width: 100%;}
	.product .cont .item .txt h4{font-size:19px;}
	.product .cont .item .txt p{font-size:16px; white-space: normal; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 48px}

	.product_inner .pv .cont figure{padding-bottom:60%;}
	.product_inner .pv .cont .txt{margin-bottom:0;}
	.product_inner .pv .cont{padding-top: 60px;}
	.product_inner .tab li{font-size:15px;}

	.product_inner .section .f_list .box{flex-direction:column}
	.product_inner .section .f_list .box{padding: 30px 10px; text-align: center;}
	.product_inner .section .f_list .box:nth-of-type(4), .product_inner .section .f_list .box:nth-of-type(1),
	.product_inner .section .f_list .box:nth-of-type(3), .product_inner .section .f_list .box:nth-of-type(1), .product_inner .section .f_list .box:nth-of-type(5){padding-left: 10px;}
	.product_inner .section .f_list .box p.num{margin-right: 0;}

	.product_inner .section .img_txt h4 br{display:none; }
	.product_inner .section .img_ctn .img{padding: 30px 10px;}
	
	.core_t .cont .scon > dl > dd .bg_list li{width: 100%;}
	.core_t .cont .scon .tab_box dl dd .box h5 br{display:none; }
	
	.core_t .cont .scon .center_icon_box::after{display:none; }
	.core_t .cont .scon .center_icon_box .item{width: 100%; padding-bottom:200px; margin-right: 0; margin-bottom:10px;}
	.core_t .cont .scon .center_icon_box .item:nth-of-type(n + 3){margin-bottom:10px;}
	.core_t .cont .scon .center_icon_box .item:last-of-type{margin-bottom:0px;}

	.core_t .cont .scon .circle_box{margin-left: 0; max-width: none; margin-top: 20px;}
	.core_t .cont .scon .circle_box .item .txt p{font-size:16px;}
	.core_t .cont .scon .circle_box .item .txt p br{display:none; }
	
	.resources .cont .tab{margin-bottom:30px;}
	.resources .cont .tab li a{font-size:14px;}
	.resources .cont .table_box{margin-top: 30px;}
	.resources .cont .table_box table colgroup col,
	.resources .cont .table_box table colgroup{display:none;}
	.resources .cont .table_box table tr th{font-size:16px;}
	.resources .cont .table_box table tr th:nth-of-type(1){width: 10%;}
	.resources .cont .table_box table tr th:nth-of-type(2){width: 18%;}
	.resources .cont .table_box table tr th:nth-of-type(4){width: 15%;}
	.resources .cont .table_box table tr th:nth-of-type(5){width: 15%;}
	.resources .cont .table_box table tr td{font-size:14px;}
	.resources .cont .table_box table tr td:nth-of-type(3){padding: 20px 8px;}

	.resources .cont .search_ctn{padding: 20px;}
	.resources .cont .search_ctn .w870 .select{width: 120px;}
	.resources .cont .search_ctn .w870 .input{width: calc(100% - 240px);}
	
	.video .cont .video_ctn{margin-top: 30px;}
	.video .cont .video_ctn .item{width: calc(50% - 15px); margin-bottom:20px;}
	.video .cont .video_ctn .item:nth-of-type(3n){margin-right: 30px;}
	.video .cont .video_ctn .item:nth-of-type(2n){margin-right: 0;}
	.video .cont .video_ctn .item:nth-of-type(n + 4){margin-bottom:20px;}
	.video .cont .video_ctn .item:nth-of-type(n + 5){margin-bottom:0;}
	.video .cont .video_ctn .item .txt{margin-top: 12px;}
	.video .cont .video_ctn .item .txt h5{font-size:19px;}
	
	.contact .cont .info{margin-bottom:0;}
	.contact .cont .map_box{height: 320px;}

	.inquiry .cont .box > div{width: calc(50% - 10px); margin-right: 20px;}
	.inquiry .cont .box > div:nth-of-type(2n){margin-right: 0;}
	.inquiry .cont .box > div textarea{height: 180px;}
	.inquiry .cont .box .cap .img_input label{width: calc(100% - 140px);}
	.inquiry .cont .inquiry_btn{margin-top: 45px;}
	.inquiry .cont .box:first-of-type > div{width: 100%; margin-right: 0;}
	.inquiry .cont .box .policy .txt p{padding: 20px;}

	.talent .t_list .item{width: calc(50% - 5px); margin-right: 10px; margin-bottom:10px;}
	.talent .t_list .item:nth-of-type(2n){margin-right: 0;}
	.talent .t_list .item::after{transform:scale(0.6); top: 0; left: 5px;}

	.recruitment .cont .table_box table tr th:nth-of-type(1){width: 10%;}
	.recruitment .cont .table_box table tr th:nth-of-type(2){width: 60%;}
	.recruitment .cont .table_box table tr th:nth-of-type(3){width: 24%;}
	.recruitment .cont .table_box table tr th:nth-of-type(4){width: 15%;}

	.history .cont .item{padding-bottom:50px;}
	.history .cont .item .txt dl dt{width: 100%; margin-bottom:20px;}
	.history .cont .item .txt dl dd{width: 100%;}
	.history .cont .item .txt h4{margin-top: 20px; font-size:50px;}

	.ceo_m .bg_txt{background-position:60% 50%}
	.ceo_m .bg_txt .txt h4{font-size:24px;}
}

@media screen and (max-width: 600px){
	.product_inner .pv .cont figure{padding-bottom:45%;}
	.product_inner .pv .cont h2{font-style: 40px;}
	.product_inner .pv .cont .txt p br{display:none}
	
	.product_inner .section .f_list .box{padding: 20px 10px;}
	.product_inner .section .f_list .box p.num{font-size:40px;}
	.product_inner .section .f_list .box p{font-size:15px;}

	.core_t .cont .scon .circle_box .item .txt::before{right: calc(-10% + -1px);}
	.core_t .cont .scon .circle_box .item .txt::after{left: calc(-10% + 1px);}

	.resources .cont .search_ctn .w870 .select{width: 50%;}
	.resources .cont .search_ctn .w870 .input{width: 100%; margin-top: 10px;}
	.resources .cont .search_ctn .w870 .select select,
	.resources .cont .search_ctn .w870 .input input{height: 40px;}
	.resources .cont .search_ctn .w870 .input button{width: 40px; height: 40px;}

	.video .cont .video_ctn .item{width: calc(50% - 10px); margin-right: 20px;}
	.video .cont .video_ctn .item:nth-of-type(3n){margin-right: 20px;}
	.video .cont .video_ctn .item:nth-of-type(2n){margin-right: 0;}
	.video .cont .video_ctn .item .txt h5{font-size:17px;}
	
	.executives .cont .tab_ctn .ceo .txt h4 span{font-size:30px;}
	.executives .cont .tab_ctn .ceo .txt dl{margin-top: 15px;}
	.executives .cont .tab_ctn .ceo .txt dl dt{width: 100%; margin-bottom:10px;}
	.executives .cont .tab_ctn .ceo .txt dl dd{width: 100%;}

	.executives .cont .tab_ctn .list .item{width: 100%; margin-bottom:20px; margin-right: 0;}
	.executives .cont .tab_ctn .list .item:nth-of-type(2n){margin-right: 0;}
	.executives .cont .tab_ctn .list .item:nth-of-type(3n){margin-right: 0}

	.contact .cont .info .box dl dd br{ display:none; }

	.talent .t_list .item{width: 100%; margin-right: 0; margin-bottom:10px;}
	.talent .t_list .item::after{transform:scale(1); top: 80px; left: 50px;}
	.talent .t_list .item .txt{bottom: 80px; left: 50px;}
	.talent .t_list .item .txt h4{font-size:34px;}
	.talent .t_list .item .txt p{font-size:17px;}
	.talent .t_list .item .txt p br{display:block; }
	.talent .t_list .item figure img{width: 100%;}

	.ceo_m .bg_txt{height: 260px; padding: 0 10px; background-position:65% 50%}
	.ceo_m .bg_txt .txt h4{font-size:22px;}
	.ceo_m .bg_txt .txt p{font-size:19px;}
	
	.financial .cont .table_box table td,
	.financial .cont .table_box table th{font-size:16px; padding: 10px;}
	
}