@charset "utf-8";



.emt30{height: 30px}

/* common set */
.wrap{position:relative; overflow:visible; width:1360px; margin:0 auto;}


/* sub lnb */
.area_lnb{display:block; width:100%; height:65px; border-bottom:1px solid #eee; box-sizing:border-box; z-index:98;}
.area_lnb.fixed{position:fixed; top:0; left:0; right:0;}
.area_lnb *[data-lnb]{display:inline-block; position:relative; min-width:250px; height:100%; line-height:65px; box-sizing:border-box; padding:0 57px 0 20px; font-size:16px; font-weight:500; color:#222; border-right:1px solid #eee; box-sizing:border-box;}
.area_lnb .inr{width:1400px; margin:0 auto; background:#fff;}
.area_lnb a[data-lnb="home"]{position:relative; min-width:inherit; width:65px; padding:0; background:#123c8d url(../img/sub/icon_home.svg) no-repeat center; background-size:19px 19px; text-indent:200%; overflow:hidden; white-space:nowrap;}
.area_lnb a[data-lnb="home"]:after{display:none;}
.area_lnb .lnb.v2:before{content:''; position:absolute; top:50%; left:0; width:1px; height:15px; background:#d9d9d9; transform:translateY(-50%);}
.area_lnb *[data-lnb]:after{content:''; position:absolute; top:50%; right:25px; margin-top:-3px; width:10px; height:6px; background:url(../img/sub/icon_lnb_arrow.svg)no-repeat center; background-size:cover; transition:opacity 0.45s, transform 0.45s ease; opacity:1;}
.area_lnb *[data-lnb].active:after{transform:rotate(180deg);}
.area_lnb .deth01 > a:after{content:''; position:absolute; top:50%; right:25px; margin-top:-3px; width:10px; height:6px; background:url(../img/sub/icon_lnb_arrow.svg)no-repeat center; background-size:cover; transition:opacity 0.45s, transform 0.45s ease; opacity:1;}
.area_lnb .deth01 > a.active:after{transform:none;}
.area_lnb .inr > *[data-lnb],
.area_lnb .inr > nav,
.area_lnb .inr > .deth01{float:left;}
.area_lnb .lnb,
.area_lnb .deth01{position:relative;}
/*
.area_lnb .deth01:before{content:''; position:absolute; top:50%; right:0; width:1px; height:15px; background:#d9d9d9; transform:translateY(-50%);}
*/
.area_lnb .deth01.v2:before{right:unset; left:0;}
.area_lnb .lnb ul,
.area_lnb .deth01 ul{display:none;position:absolute;top:64px; left:0px; z-index:89; width:100%; box-sizing:border-box; background:#fff; border-top:1px solid rgba(255,255,255,0.1);padding:10px 0;border: 1px solid #eee;}

.area_lnb .lnb ul > li > a,
.area_lnb .deth01 ul > li > a{display:block; padding:6px 20px; color:#666; font-weight:300; font-size:15px; word-break:keep-all; transition:all 0.3s ease 0s;}
.area_lnb .lnb ul > li > a.on,
.area_lnb .deth01 ul > li > a.on{padding:8px 20px; color:#123c8d; font-weight:500;}
.area_lnb .lnb ul > li > a br{display:none;}
.area_lnb.fix{position:fixed; top:0px; left:0px; z-index:100; margin-top:0px; background:#ff7234;}
.area_lnb.fix a[data-lnb="home"]{background-color:#ff8c5a;} 




#scont article > h2 + p{margin-top:14px; font-size:20px; color:#888; text-align:center;}
/*#scont article > h2{opacity:0; visibility:hidden; font-size:50px; color:#222; font-weight:bodl; text-align:center;}*/
#scont article h2.icon{display:inline-block; position:relative; font-size:52px;}
#scont article  h2.icon::before{content:""; position:absolute; top:-8px; left:0; width:51px; height:20px; background:url(../img/sub/icon_logo.png) no-repeat 50% 50%;}
/*#scont article > h2 + *:not(p){opacity:0; visibility:hidden; margin-top:67px;}*/

body *{}
p{line-height:2; font-weight:400; font-size:16px; color:#666;}

.sub i{font-style:normal;}
#scont  h2{text-align:center;}
#scont h2{display:block; margin:0 0 50px; font-weight:600; font-size:50px; color:#222;}

.co1{color:#32a26c !important;}
.co2{color:#1b7d61 !important;}

.bg_gray{background:#f5f5f5;}

ul[class^="colum"]{display:flex;}
#scont article{padding:90px 0;}
#scont #area_company{padding:90px 0 0;}

.colum2{justify-content:space-between;}
.colum3{gap:20px; flex-wrap:wrap;}
.colum3 > li{width:33.33%;}
.colum4{display:flex; justify-content:space-between; justify-content:center; gap:9px; flex-wrap:wrap;}
.colum4 > li:not(.arr){width:325px; max-width:325px;}
.colum4 > li:nth-child(4) ~ li{margin-top:7px !important;}
.colum5{display:flex; gap:20px;}
.colum5 > li{flex:1;}
.colum6 > li{flex:1;}

.pdt0{padding-top:0 !important;}
.pdb0{padding-bottom:0 !important;}

/* table set */
.scrollTable{width:100%;}
.area_table .mob_info{display:none;}
#container table.table{border-top:2px solid #111;}
#container table.table thead th{padding:27px 10px; font-weight:bold; font-size:18px; color:#222; background:#fcfdfd; border-right:1px solid #eee;}
#container table.table thead tr:last-child th{border-bottom:1px solid #eee;}
#container table.table thead tr th:last-child{border-right:0;}
#container table.table thead tr.col02 th{border-bottom:1px solid #eee;}
table.table{width:100%; margin:0; padding:0; border-top:2px solid #444547; border-spacing:0;}
table.table caption{display:none;}
table.table tbody tr{margin:0; padding:0; border:1px solid #ccc;}
table.table tbody tr th{padding:27px 20px; box-sizing:border-box; background:#fcfdfd; text-align:left; border-bottom:1px solid #eee; border-right:1px solid #eee; font-size:17px; font-weight:bold; color:#222;}
table.table tbody tr td{padding:27px 80px; box-sizing:border-box; border-bottom:1px solid #eee; font-weight:400; font-size:17px; color:#777; text-align:left; text-align:center; word-break:keep-all; line-height:1.6em;}
table.table tbody tr td:last-child{border-right:none; text-align:left;}
table.table tbody tr:first-child td {font-weight: bold; background: #fcfdfd;}
.list_info{}
.list_info > li{margin:20px 0 0;}
.list_info > li > h3{position:relative; margin: 0 0 8px; font-size:17px; font-weight:bold; color:#333; padding:0 0 0 10px;}
.list_info > li > h3:before{content:''; position:absolute; top:14px; left:0; width:3px; height:3px; background:#333;}
.list_info > li > p{font-size:17px; font-weight:400; color:#777; line-height:1.2em; word-break:keep-all;}

/* tab  */
.tabs{display:flex; justify-content:center; align-items:center; margin:0 0 50px;}
.tabs:after{content:''; display:block; clear:both;}
.tabs li{display:inline-block; box-sizing:border-box; margin:0 8px; padding:17px 10px; background:transparent; border:3px solid #eee; font-weight:500; font-size:16px; color:#777; text-align:center; transition:border 0.3s ease; min-width:220px; border-radius:50px; cursor:pointer;}
.tabs li span{line-height:1.35em; font-weight:600; font-size:17px; color:#999; word-break:keep-all;}
.tabs li.active,
.tabs li:hover{border:3px solid #123c8d; color:#123c8d; box-shadow: 0px 5px 9px 1px rgba(18, 60, 141, 0.1);}
.tabs li.active span,
.tabs li:hover span{color:#123c8d;}
.tabs.v2 li{position:relative; min-width:auto; border:None; box-shadow:none; padding:0; margin:0 25px; border-radius:0;}
.tabs.v2 li:before{content:''; position:absolute; top:20px; right:-25px; width:4px; height:4px; border-radius:50px; background:#ddd;}
.tabs.v2 li:last-child:before{display:none;}
.tabs.v2 li span{position:relative; font-size:30px; font-weight:bold; color:#ddd;}
.tabs.v2 li span:before{content:''; position:absolute; z-index:-1; left:0; right:0; bottom:0px; width:100%; height:0; background:rgba(216,243,250,0.5); transition:all 0.3s ease;}
.tabs.v2 li.active span{color:#222;}
.tabs.v2 li.active span:before,
.tabs.v2 li:hover span{height:12px;}
.tab_content{position:relative;}
.tab_content:after{content:''; display:block; clear:both;}

/* sub layout */
#sub_visual{display:flex; justify-content:center; align-items:center; position:relative; overflow:hidden; height:535px;}
#sub_visual .visual_bg{display:block; position:absolute; top:0; left:0; width:100%; height:100%;}
#sub_visual .txt h3{display:block; opacity:0; visibility:hidden; line-height:1em; font-weight:500; font-size:60px;}
#sub_visual .visual_bg{width:100%; height:100%; background-size:cover !important; background-position:50% 50%; animation:imagescale 2s ease alternate;}
#sub_visual .txt{position:relative; margin-top:79px; text-align:center;}
#sub_visual .txt > *{color:#fff !important;}
#sub_visual .txt > span{font-size:20px; color:#fff; font-weight:bold;}
#sub_visual .txt > h3{margin-top:20px; font-size:60px; color:#fff; font-weight:bold;}

.area_tab{margin:90px auto 60px;}
.area_tab ul{text-align:center;}
.area_tab ul > li{display:inline-block; height:80px; margin:0 27px 0 0; min-width:220px;}
.area_tab ul > li:last-child{margin:0;}
.area_tab ul > li > a{display:block; height:100%; box-sizing:border-box; padding:0 7px; background:#f9f9f9; border:1px solid #eee; font-weight:bold; font-size:20px; color:#222; text-align:center; transition:all 0.5s ease;}
.area_tab ul > li > a.on{position:relative; z-index:3; background:#91cb63; border:1px solid #91cb63; color:#fff;}
.area_tab ul > li > a span{display:inline-block; font-size:16px; vertical-align:middle;}
.area_tab ul > li > a:after{content:''; display:inline-block; height:100%; vertical-align:middle;}

/* lnb 
.lnb{position:sticky; opacity:1; visibility:visible; top:0; z-index:80; width:100%; background:#06293b; transition:all 0.5s ease;}
.lnb::before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#06293b;}
.lnb ul{display:flex;}
.lnb ul > li{position:relative; box-sizing:border-box; flex:1;}
.lnb ul > li:last-child{border-right:0;}
.lnb ul > li > a{display:block; padding:18px 0; font-size:18px; color:#78909c; text-align:center;}
.lnb ul > li.active{background:#fff;}
.lnb ul > li.active a{font-weight:500; color:#333;}
*/

/* ȸ��Ұ� */
.area_img{width:100%;}
.area_img img{width:100%; height:auto; max-height:100%;}
.flex{display:flex;}
#area_company .area_txt{margin:90px 0 0;}
#area_company .area_txt > h3{width:505px; padding:0 50px; box-sizing:border-box; font-size:40px; font-weight:400; color:#222; line-height:1.5em; word-break:keep-all;}
#area_company .area_txt > h3 i{font-weight:bold;}
#area_company .area_txt > .cont{width:calc(100% - 505px); width:-webkit-calc(100% - 505px); }
#area_company .area_txt > .cont p{display:block; margin:0 0 35px; font-size:17px; font-weight:400; color:#555; line-height:1.9em; word-break:keep-all;}
#area_company .area_txt > .cont .area_ceo{margin:70px 0 0;}
#area_company .area_txt > .cont .area_ceo > *{display:inline-block;}
#area_company .area_txt > .cont .area_ceo span{font-size:20px; font-weight:bold; color:#222; line-height:1em; word-break:keep-all;}
#area_company .area_txt > .cont .area_ceo .sign{position:relative; top:-10px; margin-left:20px;}
#area_company .area_txt > .cont .area_ceo .sign img{width:auto;}
#area_company .area_box{z-index:1; padding-bottom:150px;}
.area_box .obj{position:absolute; left:-20%; bottom:0; z-index:-1;}
.area_box .obj img{height:513px;}
#area_company .area_box.tabbox{padding-bottom:90px;}
.area_box.tabbox .area_img{width:100%; margin:0 0 60px;}
.area_box.tabbox .area_img img{width:100%;}
.area_box.tabbox .area_table{width:1300px; margin:0 auto;}
.bg_txt{font-size:115px; font-weight:600; color:rgba(0,0,0,0.05); font-family: 'Poppins', sans-serif; line-height:0.7em; text-align:center;}


/* ���� */
#area_history{position:relative;}
#area_history #scont h2{margin:0 0 70px;}
#area_history .box_left{width:620px;}
#area_history .box_left.w340{width:340px;}
#area_history .box_left .box_txt{margin:0 0 35px;}
#area_history .box_left .box_txt em{display:block; margin:0 0 10px; font-size:17px; font-weight:bold; color:#bababa; line-height:1em; word-break:keep-all;}
#area_history .box_left .box_txt h3{display:block; font-size:40px; font-weight:bold; color:#222;}
#area_history .box_left .box_img{position:relative; width:446px;}
#area_history .box_left .box_img:before{content:''; position:absolute; top:15px; left:15px; width:100%; height:100%; background:#efefef; z-index:-1;}
.txt_color01{color:#123c8d;}
.box.history{position:relative; width:calc(100% - 620px);}
.box.history.w340{position:relative; width:calc(100% - 340px);}


.box.history > span{display:inline-block; position:absolute; top:9px; left:0; width:1px; height:95%; background:#eee;}


.box.history > ul{width:100%;}
.box.history > ul:after{content:''; display:block; clear:both;}
.box.history > ul > li{position:relative; display:flex; margin:0 0 30px; padding:0;border:none; opacity:0; transform:translateY(30px); transition:all 0.3s ease;}
.box.history > ul > li:before{content:''; position:absolute; top:0; left:0; width:21px; height:21px; background:rgba(18,60,141,0.05); margin-left:-10.5px; border-radius:15px;}
.box.history > ul > li.active{opacity:1;  transform:translateY(0px); transition:all 0.3s ease;}
.box.history > ul > li > em{position:relative; display:inline-block; width:145px; font-size:18px; font-weight:800; color:#333; line-height:1.2em; box-sizing:border-box;}
.box.history > ul > li > em:after{content:''; position:absolute; top:8px; width:5px; height:5px; background:#123c8d; border-radius:5px;}
.box.history > ul > li > em:before{content:''; position:absolute; top:4px; width:13px; height:13px; background:rgba(18,60,141,0.2); border-radius:15px;}
.box.history > ul > li > em:after{margin-left:-2.5px; left:0;}
.box.history > ul > li > em:before{margin-left:-6.5px; left:0;}
.box.history > ul > li > p{display:inline-block; width:-webkit-calc(100% - 150px);  width:calc(100% - 150px); padding:0 0 0 50px; font-size:16px; line-height:1.2em; font-weight:400; color:#555; box-sizing:border-box; word-break:keep-all;}
.box.history > ul > li:nth-child(2n-1){}
.box.history > ul > li > em{padding:0 0 0 70px;}
.box.history #historyLine{display:block; width:1px; height:0%; background:#9bbc0c;}

.box.history > ul.tecnew{display: flex; flex-wrap: wrap; gap:20px 0}
.box.history > ul.tecnew:after{display:none; }

.box.history > ul.tecnew li{display: flex; width: 50%; align-items: flex-start; margin: 0}
.box.history > ul.tecnew li:before{display: none; margin: 0}

.box.history > ul.tecnew li .thum_img{width: 130px; height: 130px; display: flex;justify-content: center;
    align-items: center; }
.box.history > ul.tecnew li .text{width:calc(100% - 130px); padding-left: 10px; padding-top: 35px}

.box.history > ul.tecnew li p{font-size: 17px;  color: #555; font-weight: 400; letter-spacing: -.5px; line-height: 25px; word-break: keep-all}
.box.history > ul.tecnew li p b{font-size: 17px;  color: #333; font-weight: 600}
.box.history > ul.tecnew li p + p{margin-top: 5px}


#area_history .flex + .flex{margin-top: 30px}

/* ������Ȳ */
.list_box{display:flex; flex-wrap: wrap;}
.list_box.col05 > li{margin: 0 40px 40px 0; width:calc((100% / 5) - 32px); width:-webkit-calc((100% / 5) - 32px); border:1px solid #eee; box-sizing:border-box;}
.list_box.col05 > li:nth-child(5n){margin-right:0;}
.list_box > li .area_img{display:flex; justify-content: center; align-items: center; height:170px; padding:10px; box-sizing:border-box;}
.list_box > li .area_img img{width:auto; max-width:100%;}
.list_box > li .area_txt{border-top:1px solid #eee; text-align:center; height:60px; padding:20px; box-sizing:border-box; font-size:17px; font-weight:bold; color:#222; line-height:1.2em; word-break:keep-all;}
.list_box.col03 > li{margin: 0 60px 60px 0; width:calc((100% / 3) - 40px); width:-webkit-calc((100% / 3) - 40px); border:1px solid #eee; box-sizing:border-box;}
.list_box.col03 > li:nth-child(3n){margin-right:0;}
.list_box.col03 > li .area_img{height:auto;}
.list_box.col03 > li .area_txt{height:auto; border-top:none;}

#area_part .list_box.col04 > li{border:1px solid #eee;}
.list_box.col04 > li{position:relative; margin: 0 50px 50px 0; width:calc((100% / 4) - 37.5px); width:-webkit-calc((100% / 4) - 37.5px); box-sizing:border-box;}
.list_box.col04 > li:nth-child(4n){margin-right:0;}
.list_box.col04 > li a{position:relative; display:block; width:100%; height:100%; overflow:hidden; transition:all 0.3s ease;}
.list_box.col04  > li .area_img{height:265px;}
.list_box.col04  > li .area_txt{display: flex; justify-content: center; align-items: center; height:85px; line-height:1.3em;}
#area_pd .list_box.col04  > li .area_img img{transform:scale(1,1); transition:all 0.3s ease;} 
#area_pd .list_box.col04  > li a:hover .area_img img{transform:scale(1.1,1.1);} 
#area_pd .list_box.col04  > li:nth-last-child(-n+4){margin-bottom:0;}
#area_pd .list_box.col04  > li:hover{}
.list_box.col04 > li a:before,
.list_box.col04 > li a:after{content:''; display:block; width:100%; height:100%; box-sizing:border-box; position:absolute; transition:all 0.3s ease 0s;}
.list_box.col04 > li a:before{top:0px; left:0px; border:1px solid #eee;}
.list_box.col04 > li a:after{top:0px; left:0px; border-width:4px; border-style: solid; border-color:#123c8d; transform:scale(1.1,1.1); transition:all 0.3s ease-out 0s;}
.list_box.col04 > li a:hover:after{transform:scale(1,1);}
.list_box.col04 > li a:hover{box-shadow: 2.5px 4.33px 16px 4px rgba(18, 60, 141, 0.06);}


#scont #area_pd.view{}
#area_pd.view .pd_top{position:relative; padding:40px 0 0; margin:0 0 80px;}
#area_pd.view .pd_top .inr{display:flex;}
#area_pd.view .pd_top .product_img{width:50%; display:flex; justify-content: center; overflow:hidden;}
#area_pd.view .pd_top .product_img .pd_wrap{width:545px;}
#area_pd.view .pd_top .big_img{}
#area_pd.view .pd_top .big_img .swiper-slide{display:flex; justify-content: center; align-items: center; box-sizing:border-box; height:450px;}
#area_pd.view .pd_top .big_img .swiper-slide img{width:auto;}
#area_pd.view .pd_top .thumbs_img{}
#area_pd.view .pd_top .thumbs_img .swiper-slide{display:flex; justify-content: center; align-items: center;  height:100px; border:1px solid #eee; box-sizing:border-box; cursor:pointer;}
#area_pd.view .pd_top .thumbs_img .swiper-slide img{width:100%; height:auto; max-width:100%; max-height:100%;}
#area_pd.view .pd_top .thumbs_img .swiper-slide-thumb-active{border:1px solid #123c8d;}
#area_pd.view .pd_top .pd_txt{width:calc(50% - 50px);  width:-webkit-calc(50% - 50px); margin-left:50px;}
#area_pd.view .pd_top .pd_txt h3{display:block; padding:0 0 35px 25px; font-size:35px; font-weight:bold; border-bottom:2px solid #222; color:#222; line-height:1.2em; word-break:keep-all; box-sizing:border-box;}
#area_pd.view .pd_top .pd_txt .pd_info{display:block; margin:35px 0 0 25px;}
#area_pd.view .pd_top .pd_txt .pd_info > li{display:block; margin:0 0 30px;}
#area_pd.view .pd_top .pd_txt .pd_info > li h4{display:block; font-size:18px; font-weight:bold; color:#222; line-height:1em; word-break:keep-all;}
#area_pd.view .pd_top .pd_txt .pd_info > li span{display:block; margin:10px 0 0; font-size:18px; font-weight:400; color:#555; line-height:1.5em; word-break:keep-all;}
#area_pd.view .pd_top .pd_txt .pd_info > li:last-child{margin:0;}
.relatepd{margin:60px 0 0;}
.relatepd .swiper-slide{box-sizing:border-box; background:#fff;}
.relatepd .swiper-slide .area_img{display:flex; justify-content: center; align-items: center; width:100%; height:265px;}
.relatepd .swiper-slide .area_img img{width:auto; max-width:100%;}
.relatepd .swiper-slide .area_txt{display:flex; justify-content: center; align-items: center; padding:10px 20px; box-sizing:border-box; border-top:1px solid #eee; height:85px; font-size:17px; font-weight:bold; color:#222; line-height:1.2em; word-break:keep-all; text-align:center;}
.relatepd .swiper-slide > a{position:relative; display:block; width:100%; height:100%; overflow:hidden;}

.relatepd .swiper-slide > a:before,
.relatepd .swiper-slide > a:after{content:''; display:block; width:100%; height:100%; box-sizing:border-box; position:absolute; transition:all 0.3s ease 0s;}
.relatepd .swiper-slide > a:before{top:0px; left:0px; border:1px solid #eee;}
.relatepd .swiper-slide > a:after{top:0px; left:0px; border-width:4px; border-style: solid; border-color:#123c8d; transform:scale(1.1,1.1); transition:all 0.3s ease-out 0s;}
.relatepd .swiper-slide > a:hover:after{transform:scale(1,1);}
.relatepd .swiper-slide > a:hover{box-shadow: 2.5px 4.33px 16px 4px rgba(18, 60, 141, 0.06);}



.area_items{position:relative;}
.area_items .swiper-button-prev,
.area_items .swiper-button-next{z-index:90; position:absolute; top:50%; width: 50px; height: 50px; background: #123c8d url(../img/sub/icon_arr_wt.svg)no-repeat center; border-radius: 50%; box-sizing: border-box; background-size: 7px 13px; transform: translateY(-50%);}
.area_items .swiper-button-prev{left:50%; margin-left:-725px; transform:translateY(-50%) rotate(-180deg);}
.area_items .swiper-button-next{left:unset; right:50%; margin-right:-725px;}
.area_items .swiper-button-next:before{display:none;}
.area_items .swiper-pagination{display:none; position:relative; bottom:0; margin:30px auto 0;}
.area_items .swiper-pagination-bullet-active{background:#123c8d;}
.area_items .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 2px;}
.sub .area_btn{text-align:center; margin:80px 0 0;}
.area_btn .btn_list{display:flex; justify-content: center; align-items: center; margin:0 auto; width:150px; height:65px; background:#333; border-radius:5px;}
.area_btn .btn_list span{position:relative; display:inline-block; font-size:16px; font-weight:bold; color:#fff; line-height:1em; word-break:keep-all;}
.area_btn .btn_list span:before{content:''; display:inline-block; margin:0 5px 0 0; width:15px; height:12px; background:url(../img/sub/icon_list.svg)no-repeat center; background-size:contain;}


/* ���� �� ��� ��*/
#area_pd.view .pd_top .img_facility{text-align:center; margin:0 auto; width:100%; }
#area_pd.view .pd_top .img_facility .swiper-slide{display: flex; justify-content: center; align-items: center; height:350px;}
#area_pd.view .pd_top .img_facility img{width:auto; max-width:100%;}
#area_pd.view.facility .pd_top{margin:0 0 40px;}
#container #area_pd.view table.table thead th{font-size:20px; background:#f8f9fd;}
#container #area_pd.view table.table tbody tr td{border-right:1px solid #eee; font-size:18px; color:#555; padding:20px 10px; line-height:1.2em;}
#container #area_pd.view table.table tbody tr td.tit{font-weight:bold; color:#222;}
#container #area_pd.view table.table tbody tr td:last-child{text-align:center; border-right:none;}
.list_dot_info{margin:50px 0 0; display:block; background:#f9f9f9; border:1px solid #eee; box-sizing:border-box;}
.list_dot_info > li{position:relative; padding:30px 0; margin:0 20px; box-sizing:border-box; border-bottom:1px dashed #eee;}
.list_dot_info > li:last-child{border-bottom:none;}
.list_dot_info > li span{position:relative;display:block; padding-left:22px; font-size:16px; font-weight:400; color:#555; line-height:1.7em; word-break:keep-all;}
.list_dot_info > li span:before{content:''; position:absolute; top:12px; left:12px; width:3px; height:3px; background:#333;}
.img_facility .swiper-pagination{position:relative; bottom:0; margin:50px 0 0;}
.img_facility .swiper-pagination-bullet-active{background:#123c8d;}


/* ������ */
#layerPopup img{width:500px;}
.popLayer{position:fixed; opacity:0; visibility:hidden; top:0px; left:0px; z-index:-1; width:100%; height:100%; background:rgba(0,0,0,0.5); transition:opacity 0.3s ease-out 0s;}
.popLayer > div{position:absolute; top:50%; left:50%; margin:0 auto; box-shadow:26px 18px 49px rgba(0,0,0,0.2); transform:translate(-50%, -50%);}
.popLayer.active{opacity:1; visibility:visible; z-index:99;}
.popLayer .close{display:block;}
.popupBox .hamburger{top:0px; right:-79px; width:79px;}
.popupBox  .hamburger .bar{left:28px;}
.hamburger{display:block; position:absolute; top:0px; right:0; z-index:9999; width:71px; height:79px; background:rgba(255,255,255,0); border:0; flex-grow:0; cursor:pointer;}
.hamburger.open{position:fixed; background:#123c8d;}
.hamburger:focus{outline:0;}
.hamburger .bar{position:absolute; left:25px; width:25px; height:4px; background-color:#fff; transition:top 0.2s ease-in-out 0.2s, transform 0.2s ease-in-out 0s;}
.hamburger .bar.top{top:33px;}
.hamburger .bar.middle{top:42px; left:23px; transition:opacity 1ms linear 0.2s; transform:translateY(-50%);}
.hamburger .bar.bottom{top:49px;}
.hamburger.open .bar{transition:top 0.2s ease-in-out 0s, transform 0.2s ease-in-out 0.2s;}
.hamburger.open .bar.top{top:50%; transform:translateY(-50%) rotate(45deg);}
.hamburger.open .bar.middle{opacity:0; transition:opacity 1ms linear 0.2s;}
.hamburger.open .bar.bottom{top:50%; transform:translateY(-50%) rotate(-45deg);}
.hamburger.open:before{content:"";}
.hamburger.open div{background:#fff;}
.area_certificate{width:100%;}
.area_certificate:after{content:''; display:block; clear:both;}	
.area_certificate > li{float:left;}
.area_certificate > li > a{display:block; width:100%; height:100%;}
.area_certificate > li .area_img{display:inline-block; width:100%; height:100%; padding:20px; border:1px solid #eee; box-sizing:border-box;}
.area_certificate > li .area_img img{max-width:100%;}
.area_certificate > li img{float:left; box-sizing:border-box; width:100%; height:auto; }
.area_certificate > li .area_txt{display:block; padding:15px 0 0; box-sizing:border-box; text-align:center; }
.area_certificate > li:nth-child(-n+4) .area_txt{min-height:155px;}
.area_certificate > li:nth-child(n+5):nth-child(-n+8) .area_txt h3{min-height:48px;}
.area_certificate > li .area_txt em{display:block; font-size:15px; font-weight:600; color:#123c8d;}
.area_certificate > li .area_txt h3{display:block; margin:10px 0; font-size:20px; font-weight:bold; color:#222; line-height:1.2em; word-break:keep-all;}
.area_certificate > li .area_txt span{display:block; font-size:15px; font-weight:400; color:#666; line-height:1.7em; word-break:keep-all; min-height:105px;}
.area_certificate.col04 > li{margin:0 50px 30px 0; width:-webkit-calc((100% / 4) - 38px); width:calc((100% / 4) - 38px);}
.area_certificate.col04 > li:nth-child(4n){margin: 0 0 30px;}
.area_certificate.col03 > li{margin:0 60px 60px 0; width:-webkit-calc((100% / 3) - 40px); width:calc((100% / 3) - 40px);}
.area_certificate.col03 > li:nth-child(3n){margin: 0 0 60px;}
.area_certificate.col03 > li:nth-child(10){margin:0;}

#area_social{}
span.top_txt{display:block; font-size:17px; font-weight:400; color:#555; line-height:1.7em; word-break:keep-all; text-align:center;}
#area_social .box_slide{position:relative; width:1175px; margin:60px auto 0;}
.socialSwiper{overflow:hidden;}
.socialSwiper .swiper-wrapper{}
.socialSwiper .swiper-slide{padding:0 0 75px;}
.socialSwiper .swiper-slide .area_img img{width:auto;}
.socialSwiper .swiper-slide .area_txt{position:absolute; right:0; bottom:0; display: flex; flex-direction: column; justify-content: flex-end; padding:50px 45px; width:397px; height:290px; background:url(../img/sub/bg_txt.jpg)no-repeat center; background-size:cover; }
.socialSwiper .swiper-slide .area_txt > *{color:#fff;}
.socialSwiper .swiper-slide .area_txt span{font-size:15px; font-weight:bold; opacity:0.18;}
.socialSwiper .swiper-slide .area_txt h3{margin:8px 0 0; font-size:18px; font-weight:400; word-break:keep-all;}
.page-number{position:absolute; right:0; bottom:226px; width:352px; z-index:99;}
.page-number span{font-size:15px; font-weight:bold; color:#fff;}
.page-number i{display:inline-block; font-size:15px; color:#fff; opacity:0.3; margin:0 10px;}
#area_social .box_btn{position:absolute; top:15%; right:0; z-index:99; width:calc(100% - 870px);}
#area_social .swiper-button-prev, #area_social .swiper-button-next{opacity:.5; width:55px; height:55px; border:2px solid #aaa; background:url(../img/common/icon_arr_gray.svg)no-repeat center; background-size:15px 10px; border-radius:50px; position:relative; top:0; left:50%; right:unset; bottom:unset; box-sizing:border-box; margin:0; transform:translateX(-50%); transition:all 0.3s ease;}
#area_social .swiper-button-prev{margin:0 0 15px;}
#area_social .swiper-button-prev{transform:translateX(-50%) rotate(-180deg);}
#area_social .swiper-button-prev:hover, #area_social .swiper-button-next:hover{opacity:1; border:2px solid #123c8d; background:url(../img/common/icon_arr_blue.svg)no-repeat center; background-size:15px 10px;}

/* ���ô� �� */
#area_map{}
#area_map .area_txt{padding:60px 60px 0; box-sizing:border-box;}
#area_map .area_txt h3{display:block; font-size:32px; font-weight:bold; color:#222; line-height:1.2em; word-break:keep-all;}
#area_map .area_txt .list_map{margin:25px 0 0; display:flex;}
#area_map .area_txt .list_map > li{position:relative; margin:0 18px;}
#area_map .area_txt .list_map > li:before{content:''; position:absolute; top:4px; right:-17px; width:1px; height:11px; background:#ddd;}
#area_map .area_txt .list_map > li:last-child:before{display:none;}
#area_map .area_txt .list_map > li:nth-child(1){margin-left:0;}
#area_map .area_txt .list_map > li em{font-size:18px; margin-right:8px; font-weight:600; color:#222; line-height:1em;}
#area_map .area_txt .list_map > li span{font-size:18px; font-weight:300; color:#555; line-height:1em; word-break:keep-all;}
#area_map .btn_more{display:block; margin:50px 0 0; width:190px; padding:25px 20px; box-sizing:border-box; background:#123c8d; border-radius:5px; box-sizing:border-box; transition:all 0.3s ease;}
#area_map .btn_more span{position:relative; display:block; font-size:16px; font-weight:bold; color:#fff; line-height:1em;}
#area_map .btn_more span:before{content:''; position:absolute; top:3px; right:0; width:15px; height:10px; background:url(../img/common/icon_arr_wt.svg)no-repeat center; background-size:contain;}
#area_map .btn_more:hover{background:#60bad0;}



/* ���꼳�� */
#area_part{}
#area_part .box_txt{display:block; font-size:17px; font-weight:400; color:#333; line-height:1.7em; word-break:keep-all;}
#area_part .box_txt .bold{font-weight:600;}
#area_part .area_box{position:relative; margin:80px 0 0; }
#area_part .area_box h3{display:block; margin:0 0 30px; position:relative; font-size:30px; font-weight:bold; color:#222; line-height:1em; word-break:keep-all;}
#area_part .list_box.col03 > li:nth-last-child(-n+3){margin-bottom:none;}
#area_part .list_box.col03 > li .area_img{padding:18px 18px 0; box-sizing:border-box;}
#area_part .list_box.col03 > li .area_img img{width:100%;}
#area_part .list_box.col04 > li .area_txt{border-top:None; height:75px; padding:10px; }
#area_part .list_box.col04 > li .area_img{padding:14px 14px 0; height:auto;}
#area_part .list_box.col04 > li .area_img img{width:100%; height:100%;}
#area_part table.table tbody tr td:last-child{text-align:center; border-right:none; }
#area_part table.table tbody tr td{padding:25px 10px; border-right:1px solid #eee; background: #fff; font-weight: normal}


#area_develop{}
#area_develop .tab_content .area_img{position:relative; padding:50px 0; width:100%; border:1px solid #eee; box-sizing:border-box; background:#fff; display: flex; justify-content: center; align-items: center; }
#area_develop .tab_content .area_img img{width:auto; max-width:100%;}
#area_develop .tab_content .area_txt{margin:35px 0 0; text-align:center; font-size:17px; font-weight:400; color:#333; line-height:1.8em; word-break:keep-all;}
#area_develop .tab_content .area_box{position:relative; padding:80px 0; box-sizing:border-box;}
#area_develop .tab_content .area_box:last-child{padding-bottom:0;}
.bg_gray{position:relative; padding:80px 0; background:#f9f9f9;}
.area_title{display:block; text-align:center;}
.area_title > h3{font-size:45px; font-weight:bold; color:#333; line-height:1.2em; word-break:keep-all;}
.area_title > span{display:block; margin:20px 0 0; font-size:17px; font-weight:400; color:#555; line-height:1.7em; word-break:keep-all;}
#area_develop .tab_content .box_flex{margin:50px 0 0; display:flex; justify-content: space-between; align-items: flex-start;}
#area_develop .tab_content .box_flex .area_img{padding:50px; width:380px; box-sizing:border-box;}
#area_develop .tab_content .box_flex .area_txt{margin:0; width:calc(100% - 420px); width:-webkit-calc(100% - 420px);}
#area_develop #tab4 .box_flex{margin:0;}

.list_injection{}
.list_injection > li{position:relative; display:block; margin:0 0 16px; width:100%; height:70px; background:#fff; border:1px solid #eee; box-sizing:border-box;}
.list_injection > li:last-child{margin:0;}
.list_injection > li > *{display:flex;  align-items: center;}
.list_injection > li i{position:absolute; top:-1px; left:0; width:70px; height:70px; background:#123c8d; text-align:center; justify-content:center; font-size:20px; font-weight:bold; color:#fff;}
.list_injection > li em{margin-left:90px; padding-right:10px; width:calc(100% - 90px); width:-webkit-calc(100% - 90px); height:100%; text-align:left; justify-content: flex-start; font-size:17px; font-weight:400; color:#333; line-height:1.3em; word-break:keep-all;}
.list_process{margin:40px 0 0; display:flex;}
.list_process > li{margin:0 100px 0 0; width:-webkit-calc((100% / 4) - 75px); width:calc((100% / 4) - 75px);}
.list_process > li:last-child{margin:0;}
#area_develop .tab_content .list_process > li{position:relative; border:1px solid #eee; box-sizing:border-box; box-shadow: 0px 5px 12.75px 2.25px rgba(0, 0, 0, 0.03);}
#area_develop .tab_content .list_process > li:before{content:''; position:absolute; top:50%; right:-77px; width:50px; height:50px; background:#123c8d url(../img/sub/icon_arr_wt.svg)no-repeat center; border-radius:50%; box-sizing:border-box; background-size:7px 13px; transform:translateY(-50%);}
#area_develop .tab_content .list_process > li .area_img{padding:0; height:210px; border:None;}
#area_develop .tab_content .list_process > li .area_txt{margin:0; padding:10px; box-sizing:border-box; border-top:1px solid #eee; width:100%; height:80px; display:flex; align-items: center; justify-content: center; background:#fafafa; font-size:18px; font-weight:bold; color:#333; line-height:1.2em; word-break:keep-all;}
#area_develop .tab_content .list_process > li:last-child:before{display:none;}
.list_sample{display:block; margin:80px 0 0;}
.list_sample > li{position:relative; border:1px solid #eee; box-sizing:border-box; box-shadow: 0px 5px 12.75px 2.25px rgba(0, 0, 0, 0.03);}
#area_develop .tab_content .list_sample > li .area_img{border:none;}
#area_develop .tab_content .list_sample > li .area_txt{display: flex; align-items: center; justify-content: center; margin:0; width:100%; height:70px; background:#333; padding:10px; box-sizing:border-box; font-size:18px; font-weight:bold; color:#fff; line-height:1.2em; word-break:keep-all;}
#area_develop .tab_content .list_sample.col02{display:flex;}
#area_develop .tab_content .list_sample.col02 > li{margin:0 100px 0 0; width:calc((100% / 2) - 50px); width:-webkit-calc((100% / 2) - 50px);}
#area_develop .tab_content .list_sample.col02 > li:last-child{margin:0;}
#area_develop .tab_content .list_sample.col02 > li .area_img{height:255px;}
#area_develop #tab4 .box_flex{padding:70px; background:#fff; border:1px solid #eee; box-sizing:border-box; justify-content: center;}
#area_develop #tab4 .box_flex .area_img{padding:0; border:none;}
#area_develop #tab4 .box_flex .area_txt{margin-left:50px; text-align:left; width:auto;}
#area_develop #tab4 .box_flex .area_txt h3{display:block; font-size:50px; font-weight:bold; color:#333; line-height:1em; word-break:keep-all;}
.list_dot{display:block; margin:40px 0 0;}
.list_dot > li{position:relative; display:block; margin:0 0 30px; padding:0 0 0 10px; font-size:17px; font-weight:400; color:#555; line-height:1.5em; word-break:keep-all;}
.list_dot > li:last-child{margin:0;}
.list_dot > li:before{content:''; position:absolute; top:10px; left:0; width:4px; height:4px; border-radius:50px; background:#555;}


/* software list*/
#area_software .area_box{margin:0 0 70px;}
#area_software .area_box:last-child{margin:0;}
.box_tit{display:block;}
.box_tit h3{display:inline-block; font-size:35px; font-weight:bold; color:#222; line-height:1em; word-break:keep-all;}
.box_tit span{display:inline-block; padding:0 0 0 8px; font-size:20px; font-weight:bold; color:#aaa; line-height:1em; word-break:keep-all; vertical-align:bottom;}
.area_software{margin:40px 0 0;}
.area_software:after{content:''; display:block; clear:both;}	
.area_software > li{float:left; margin:0 60px 0 0; width:-webkit-calc((100% / 3) - 40px); width:calc((100% / 3) - 40px); border:1px solid #eee; padding:15px; box-sizing:border-box;}
.area_software > li:nth-child(3n){margin: 0;}
.area_software > li .area_logo{display:flex; align-items: center; margin:0 0 15px; width:100%; height:60px; box-sizing:border-box;}
.area_software > li .area_logo img{width:auto;}
.area_software > li .area_img{border-top:1px solid #eee; padding:15px 0 0; box-sizing:border-box;}
.area_software > li .area_img img{min-width:100%;}

/* r&d �Ұ� */
#scont #area_rndabout{padding-bottom:0;}
#area_rndabout .bg_gray{position:relative;}
#area_rndabout .bg_gray.process:before{content:''; position:absolute; top:0px; width:100%; height:250px; background:#f9f9f9; z-index:-1;}
#area_rndabout .area_top{position:relative; z-index:1; margin:0 80px; padding:45px 0; background:url(../img/sub/bg_rnd.jpg)no-repeat center; background-size:cover;}
#area_rndabout .area_top .box_flex{display:flex; justify-content: center; align-items: center;}
#area_rndabout .area_top .box_flex .box_txt{position:relative;}
#area_rndabout .area_top .box_flex .box_txt i{position:absolute; top:-20px; left:0; display:inline-block; width:65px; height:47px; background:url(../img/sub/img_quote.png)no-repeat center; background-size:contain;}
#area_rndabout .area_top .box_flex .box_txt span{display:block; padding-left:95px; font-size:30px; font-weight:300; color:#fff; line-height:1.7em; word-break:keep-all;}
#area_rndabout .area_top .box_flex .box_txt span .bold{padding-left:0; display:inline-block; font-weight:bold;}
#area_rndabout .area_top .box_flex .box_img{width:276px; margin-left:100px;}
.box_tit02{display:block; margin:0 0 50px;}
.box_tit02 h3{position:relative; display:inline-block; font-size:35px; font-weight:bold; color:#222; line-height:1em; word-break:keep-all;}
.box_tit02 h3:before{content:''; position:absolute; top:-12px; right:-12px; width:10px; height:10px; background:#123c8d; border-radius:50px;}
.box_tit02 span{display:block; margin:10px 0 0; font-size:17px; font-weight:400; color:#777; line-height:1.3em; word-break:keep-all;}
.area_box h4{position:relative; margin:0 0 50px; display:inline-block; font-size:20px; font-weight:bold; color:#222; line-height:1em; word-break:keep-all;}
.area_box h4:before{content:''; position:absolute; left:0; right:0; bottom:-10px; width:100%; height:2px; background:#090909;}
.area_box.process .box_img{text-align:center;}
.area_box.process .box_img img{width:auto; max-width:100%;}
.area_box.process .box_img img.m{display:none;}
.line{position:relative; margin:80px 0; width:100%; height:8px; background:url(../img/sub/img_line.png)repeat-x; background-size:contain;}
.area_vision{position:relative; padding:80px 0; }
.list_vision{display:flex; justify-content: center; margin:0 0 80px;}
.list_vision > li{position:relative; margin:0 70px 0 0; width:499px;}
.list_vision > li:last-child{margin:0;}
.list_vision > li .area_img img{width:auto;}
.list_vision > li .area_txt{position:relative; left:10%; bottom:40px; width:80%; background:#fff; padding:30px 50px; box-sizing:border-box; text-align:center; font-size:16px; font-weight:500; color:#555; line-height:1.4em; word-break:keep-all; transform:translateX(-50%); box-shadow: 2.5px 4.33px 16px 4px rgba(0, 0, 0, 0.05);}
.list_strategy{}
.list_strategy > li{position:relative; margin:0 0 20px; padding:0 100px; display: flex; align-items: center; width:100%; height:148px; border:1px solid #eee; box-sizing:border-box;}
.list_strategy > li:last-child{margin:0;}
.list_strategy > li:nth-child(even){background:#f9fcff;}
.list_strategy > li .list_icon{margin-right:100px;}
.list_strategy > li .list_icon img{height:58px;}
.list_strategy > li .area_txt{}
.list_strategy > li .area_txt em{display:block; font-size:15px; font-weight:bold; color:#123c8d;}
.list_strategy > li .area_txt span{margin:7px 0 0; display:block; font-size:17px; font-weight:400; color:#333; line-height:1.2em; word-break:keep-all;}
.list_strategy > li:before{position:absolute; top:50%; right:100px; font-size:60px; font-weight:bolder; color:#a7d1f0; opacity:0.2; transform:translateY(-50%);}
.list_strategy > li:nth-child(1):before{content:'01';}
.list_strategy > li:nth-child(2):before{content:'02';}
.list_strategy > li:nth-child(3):before{content:'03';}
.list_strategy > li:nth-child(4):before{content:'04';}
.bg_gray.organization {padding:80px 0 0;}
.bg_gray.organization .box_img{text-align:Center;}
.bg_gray.organization .box_img img{width:auto; max-width:100%;}
.bg_gray.organization .box_img .m{display:none;}
#area_rndabout .obj_txt{margin:70px 0 0; display:flex; justify-content: center; align-items: center;}

/* �����ϱ� */
.area_contact h3{margin:0 0 15px; display:block; font-size:35px; font-weight:bold; color:#222; line-height:1.4em; word-break:keep-all;}
.area_contact .table_info{text-align:right; font-size:16px; font-weight:400; color:#777; line-height:1em; word-break:keep-all;}
.area_contact .table_info > i{position:relative; top:2px; font-size:16px; font-weight:400; color:#ff0000;}
.input_list{display:block; width:1000px; padding:0 0 30px; margin:40px auto 0;}
.input_list > li{position:relative; display:block; margin:0 0 40px;}
.input_list > li:after{content:''; display:block; clear:both;}
.input_list > li:last-child{margin:0;}
.input_list > li > div{float:left; margin:0 20px 0 0; width:calc((100% / 2) - 10px); width:-webkit-calc((100% / 2) - 10px);}
.input_list > li > div:last-child{margin:0;}
.input_list > li label{display:block; margin:0 0 10px; font-size:15px; color:#333; font-weight:bold;}
.input_list > li input{width:100%; border:1px solid #ddd; background:#f9f9f9; height:60px; padding:20px; box-sizing:border-box; font-size:15px; color:#999; font-family:'Roboto', 'Noto Sans KR', sans-serif; outline:none;}
.input_list > li textarea{width:100%; border:1px solid #ddd; background:#f9f9f9; height:200px; padding:20px; box-sizing:border-box; font-size:15px; color:#999; resize:none; outline:None; font-family:'Noto Sans KR', sans-serif;}
.input_list > li.button input{float:left; width:calc(100% - 200px); width:-webkit-calc(100% - 200px); margin:0 20px 0 0; font-size:15px; color:#777; }
.input_list > li button{float:left; width:180px; height:60px; line-height:60px; background:#444; border-radius:5px; box-sizing:border-box; border:none; text-align:center; font-size:15px; color:#fff;}
.input_list > li input::placeholder { color:#777; }

#area_cs{margin:20px 0 0;}
#area_cs .area_box{margin:50px 0 0; border:none; }
#area_cs .area_box h3{display:block; font-size:22px; color:#333; word-break:keep-all; line-height:1.4em;}
#area_cs .area_box .box_cont p{font-size:15px; font-weight:400; color:#555; line-height:1.4em; word-break:keep-all;}
#area_cs .area_box .box_cont .privacy_box{margin:12px 0 0; padding:25px 30px; box-sizing:border-box; background:#fff; border:1px solid #e4e4e4;}
#area_cs .area_box .box_cont .privacy_box > li{display:block; padding:0 0 10px; font-size:16px; font-weight:400; color:#444; line-height:1.5em;}
#area_cs .area_box .box_cont .privacy_box > li:last-child{padding:0;}
#area_cs .ckbox{margin:20px 0 0; text-align:left;}
#area_cs .ckbox input[type="checkbox"]{display:none; width:15px; height:15px;}
#area_cs .ckbox input[type="checkbox"] + label span{display:inline-block; margin-right:5px; width:26px; height:26px; background:url(../img/sub/img_check.png) left top no-repeat; cursor: pointer;}
#area_cs .ckbox input[type="checkbox"]:checked + label span{background:url(../img/sub/img_check.png) -27px top no-repeat;}
#area_cs .ckbox em{position:relative; top:-6px; font-size:18px; font-weight:400; color:#222; line-height:1.4em;}
#area_cs .area_btn{display:block; margin:60px 0 0; text-align:center;}
#area_cs .area_btn #inq_submit{min-width:200px; padding:21px 10px; box-sizing:border-box; background:#123c8d; font-size:16px; font-weight:500; color:#fff; border:none; outline:None; cursor: pointer; border-radius:5px; font-family:'Noto Sans KR', sans-serif; transition:all 0.3s ease;}
#area_cs .area_btn #inq_submit:hover{background:#60bad0;}

/*checkbox_custom*/
label.container{display:block;position:relative;margin-bottom:40px;padding-left:32px;color:#666;font-size:16px;font-weight:500;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
.container input{position:absolute;opacity:0;cursor:pointer;}
.checkmark{position:absolute;top:3px;left:0;width:22px;height:22px;border:1px solid #ccc;}
#en .checkmark{top:1px;}
.container:hover input ~ .checkmark{}
.container input:checked ~ .checkmark{border:1px solid #009cd9;background-color:#ffffff;}
.checkmark:after{display:none;position:absolute;content:"";}
.container input:checked ~ .checkmark:after{display:block;}
.container .checkmark:after{top:3px;left:7px;width:5px;height:9px;border:solid #009cd9;border-width:0 1px 1px 0;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}

#area_cs .area_top{margin:30px 0 0; text-align:center;}
#area_cs .area_top h3{display:block; font-size:30px; font-weight:500; color:#333; line-height:1.5em; word-break:keep-all;}
#area_cs .area_top h3 .txt_blue{color:#284fa2;}
#area_cs .area_top span{display:inline-block; margin:7px 0 0; font-size:16px; font-weight:400; color:#777; line-height:1.5em; word-break:keep-all;}
#area_cs .box{text-align:left;}

/* ���̺� */
#area_cs table.table{margin:10px 0 0; border:none; border-top:2px solid #222;}
#container #area_cs table.table thead tr:last-child th{border-bottom:1px solid #eee;}
#area_cs table.table thead th{background:#f9f9f9; border-bottom:none; font-size:16px; font-weight:bold; color:#222; text-align:center;}
#area_cs table.table.v2 thead th{border-right:1px solid #eee;}
#area_cs table.table tbody td{font-size:15px; color:#555; font-weight:500; height:60px; box-sizing:border-box;}
#area_cs table.table tbody td:first-child{background:none; border-right:none;}
#area_cs table.table tbody tr:last-child td{border-bottom:1px solid #eee;}
#area_cs table.table tbody tr td:last-child{text-align:center;}
#area_cs table.table tbody tr th{padding:20px; border-right:1px solid #eee; background:#f9f9f9; border-bottom:1px solid #eee; font-size:16px; font-weight:bold; color:#222; text-align:center;}
#area_cs table.table tbody td p{font-size:15px; color:#555; font-weight:500;}
#area_cs table.table tbody td span{display:block; font-size:14px; color:#888; font-weight:400; line-height:1.8em;}
#area_cs table.table tbody td span:nth-of-type(1){padding:5px 0 0; }
#area_cs table.table th{padding:14px;}
#area_cs table.table td{padding:20px;}
.mob_info{display:none;}

#area_cs table.itable{border-top:2px solid #444547; border-bottom:none; width:100%; padding:0; margin:0; border-spacing:0;}
#area_cs table.itable caption{display:none;}
#area_cs table.itable tbody tr th{padding:12px 10px;  border-bottom:1px solid #eee; background:#fff; font-size:17px; font-weight:500; color:#333;}
#area_cs table.itable tbody tr th:last-child{border-right:none;}
#area_cs table.itable tbody tr th i.marking{font-size:17px; font-weight:600; color:#ff0000; margin-right:5px;}
#area_cs table.itable tbody tr{padding:0; margin:0; border:1px solid #eee;}
#area_cs table.itable tbody tr td{padding:20px 30px; border-bottom:1px solid #eee;  border-right:1px solid #eee; text-align:left; font-size:18px; font-weight:400; color:#333; }
#area_cs table.itable tbody tr td:last-child{border-right:none;}
#area_cs table.itable tbody tr td .select_box{display:inline-block;}
#area_cs table.itable tbody tr td .select_box.v1{margin:0 7px 0 0; z-index:10;}
#area_cs table.itable tbody tr td .select_box.v2{z-index:8;}
#area_cs table.itable tbody tr td select{outline:none; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; 
appearance:none; display:block; width:200px; border:1px solid #eee; box-sizing:border-box; background:#fff url(../img/sub/icon_arrow.svg) no-repeat center right 15px; background-size:10px 5px !important; border-radius:4px; padding:15px 10px; font-size:16px; font-weight:400; color:#333; }
#area_cs table.itable tbody tr td input{outline:none; display:block; padding:20px 10px; width:245px; border:1px solid #eee; background:#f9f9f9; box-sizing:border-box; font-size:16px; font-weight:400; line-height:1.1em; color:#333; font-family:'Play', 'Noto Sans KR', sans-serif;}
#area_cs table.itable tbody tr td input.inputfull{width:100%;}
#area_cs table.itable tbody tr td textarea{font-family:'Noto Sans KR', sans-serif; resize: none; outline:none; width:100%; height:250px; box-sizing:border-box; border:1px solid #eee; background:#f9f9f9; padding:10px; font-size:15px; font-weight:400; color:#333; line-height:1.4em;}
.inputbox{}
.inputbox:after{display:block; content:""; clear: both;}
.inputbox input[type="text"]{float:left;}
.inputbox span{position:relative; top:11px; float:left; margin:0 5px;}
.inputbox .select_box{margin:0 0 0 10px;}
.mob_info{display:none;}
.mob_info span{display:block; margin:0 0 5px; font-size:14px; font-weight:400; color:#555; line-height:1.4em;}
.mob_info .en{display:none;}
.select_box .box {display: inline-block; position: relative; margin:0; width: 200px; }
.select_box .box .select{position: relative; z-index:1; border: 1px solid #eee; box-sizing: border-box; padding:17px 20px; font-size: 16px; font-weight:400; background-color: #f9f9f9; cursor: pointer; font-family:'Play', 'Noto Sans KR', sans-serif;}
.select_box.v1 .box .select{z-index:10;}
.select_box.v1 .box .list{z-index:9;}
.select_box .box .select:after { content: ''; position: absolute; top: 50%; right: 20px; z-index:90;  background:url(../img/sub/icon_arrow.svg) no-repeat center; width:10px; height:5px; background-size:contain; transform:translateY(-50%);}
.select_box.on .box .select{border-bottom:none;}
.select_box.on .box .select:after{transform: rotate(-180deg) ;}
.select_box .box .list {display: none; overflow-y: auto; padding:60px 0 0; position: absolute; top: 0; left: 0; z-index: 10; border: 1px solid #eee; box-sizing:border-box; width: 100%; background-color: #f9f9f9; box-shadow: 0.624px 2.934px 18px 0px rgba(0, 0, 0, 0.14); border-radius:0 0 2px 2px; z-index:0; }
.select_box .box .list > li{font-size:15px; font-weight:600; color:#333; line-height:1.5em;}
.select_box .box .list > li span{font-size:12px;}
.select_box .box .list::-webkit-scrollbar { width: 10px; height: 0; }
.select_box .box .list::-webkit-scrollbar-button:start:decrement,
.select_box .box .list::-webkit-scrollbar-button:end:increment {display: block; height: 0; }
.select_box .box .list::-webkit-scrollbar-track{background: rgba(0, 0, 0, .05); -webkit-border-radius: 10px; border-radius:10px; }
.select_box .box .list::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0, 0, 0, .2); -webkit-border-radius: 5px; border-radius: 5px; }
.select_box .box .list > li {box-sizing: border-box; padding: 5px 20px; width: 100%; cursor: pointer; height:40px; line-height:33px; }
.select_box .box .list > li:hover {background-color: #ccc; }

#en .mob_info .en{display:block;}
#en .mob_info .kr{display:none;}
#en #area_company .area_txt > h3{font-size:30px;}

@media (max-width:1500px){
	.area_lnb .inr{width:100%;}
	.area_items .swiper-button-prev{left:3.4%; margin-left:0;}
	.area_items .swiper-button-next{right:3.4%; margin-right:0;}
}
@media (max-width:1400px){
	#area_company .area_txt > .cont p br{display:none;}
	#area_company .area_txt > .cont{padding-right:50px; box-sizing:border-box;}
	#area_company .area_box.tabbox .area_table{width:100%;}
	.bg_txt {font-size:90px;}

	.area_certificate > li .area_txt h3{min-height:48px;}

	.list_box.col03 > li{margin:0 50px 50px 0; width:calc((100% / 3) - 33.5px); width:-webkit-calc((100% / 3) - 33.5px);}
	.area_certificate.col03 > li{margin:0 50px 50px 0; width:calc((100% / 3) - 33.5px); width:-webkit-calc((100% / 3) - 33.5px);}
	.area_certificate.col03 > li:nth-child(3n){margin:0 0 50px;}
	.area_software > li{margin:0 50px 0 0; width:calc((100% / 3) - 33.5px); width:-webkit-calc((100% / 3) - 33.5px);}

	#area_develop .tab_content .list_process > li{margin:0 80px 0 0; width:calc((100% / 4) - 60px); width:-webkit-calc((100% / 4) - 60px);}
	#area_develop .tab_content .list_process > li:last-child{margin:0;}
	#area_develop .tab_content .list_process > li:before{right:-66px;}
	#area_develop .tab_content .list_sample.col02 > li{margin:0 80px 0 0; width:calc((100% / 2) - 40px); width:-webkit-calc((100% / 2) - 40px);}

	#area_rndabout .area_top{margin:0; padding:45px 60px;}
	#area_rndabout .area_top .box_flex{width:90%; margin:0 auto;}
	#area_rndabout .area_top .box_flex .box_img{margin-left:50px;}
	#area_rndabout .area_top .box_flex .box_txt span br{display:none;}
}
@media (max-width:1300px){
	#area_history .box_left{width:50%; padding:0 50px 0 0;}
	#area_history .box_left .box_img img{width:auto; max-width:100%;}
	.box.history{width:50%;}
	.box.history > ul > li > em{padding:0 0 0 50px; width:125px;}
	.box.history > ul > li > p{width:calc(100% - 125px); width:-webkit-calc(100% - 125px); padding:0 0 0 30px;}
	
	
	
	

	.list_box.col05 > li{width:calc((100% / 4) - 30px); width:-webkit-calc((100% / 4) - 30px);}
	.list_box.col05 > li:nth-child(5n){margin:0 40px 40px 0;}
	.list_box.col05 > li:nth-child(4n){margin-right:0;}

	#area_social .box_slide{width:100%;}
	#area_social .box_slide .area_img{width:calc(100% - 200px);}
	#area_social .box_slide .area_img img{width:100%;}
	#area_social .box_btn{width:200px;}

	.list_box.col04 > li .area_img{height:245px;}

	.list_box.col03 > li{margin:0 40px 40px 0; width:calc((100% / 3) - 27px); width:-webkit-calc((100% / 3) - 27px);}
	.area_certificate.col03 > li{margin:0 40px 40px 0; width:calc((100% / 3) - 27px); width:-webkit-calc((100% / 3) - 27px);}
	.area_certificate.col03 > li:nth-child(3n){margin:0 0 40px;}

	.area_software > li{margin:0 40px 0 0; width:calc((100% / 3) - 27px); width:-webkit-calc((100% / 3) - 27px);}

	#area_develop #tab4 .box_flex .area_txt h3{font-size:45px;}
	.list_dot{margin:35px 0 0;}

	.relatepd{margin:40px 0 0;}

	#area_rndabout .area_top .box_flex .box_txt{width:calc(100% - 290px);}
	#area_rndabout .area_top .box_flex .box_txt i{width:50px; height:47px;}
	#area_rndabout .area_top .box_flex .box_txt span{padding-left:70px; font-size:27px; line-height:1.5em;}
	#area_rndabout .area_top .box_flex .box_txt span .bold{padding-left:0;}
	#area_rndabout .area_top .box_flex .box_img{width:240px;}
	#area_rndabout .area_top .box_flex .box_img img{width:100%;}
}
@media (max-width:1200px){
	#area_company .area_txt > h3{width:400px; font-size:35px;}
	#area_company .area_txt > .cont{width:calc(100% - 400px); width:-webkit-calc(100% - 400px);}
	.bg_txt {font-size:80px;}
	#area_history .box_left .box_img{width:390px;}

	.area_certificate.col04 > li{margin:0 40px 30px 0; width:-webkit-calc((100% / 4) - 30px); width: calc((100% / 4) - 30px);}
	.area_certificate > li .area_txt h3,
	.area_certificate > li:nth-child(n+5):nth-child(-n+8) .area_txt h3{min-height:70px; font-size:19px;}
	.area_certificate > li .area_txt span{min-height:115px;}
	#en .area_certificate > li .area_txt span{min-height:138px;}

	.box_map iframe{height:450px;}
	#area_map .area_txt{padding:50px 50px 0;}

	.list_box.col04 > li{margin:0 40px 40px 0; width:-webkit-calc((100% / 4) - 30px); width:calc((100% / 4) - 30px);}
	.list_box.col04 > li .area_img{height:235px;}

	#area_develop .tab_content .list_process > li{margin:0 60px 0 0; width:calc((100% / 4) - 44px); width:-webkit-calc((100% / 4) - 44px);}
	#area_develop .tab_content .list_process > li:last-child{margin:0;}
	#area_develop .tab_content .list_process > li:before{right:-51px; width:40px; height:40px;}
	#area_develop .tab_content .list_process > li .area_img{height:185px;}
	#area_develop .tab_content .list_process > li .area_txt{height:65px;}
	#area_develop #tab4 .box_flex .area_txt h3{font-size:40px;}
	.list_dot{margin:30px 0 0;}
	#area_develop .tab_content .list_sample.col02 > li{margin:0 60px 0 0; width:calc((100% / 2) - 30px); width:-webkit-calc((100% / 2) - 30px);}

	#area_pd.view .pd_top .product_img .pd_wrap{width:100%;}
	#area_pd.view .pd_top .pd_txt{width:55%; margin-left:5%;}
	#area_pd.view .pd_top .thumbs_img .swiper-slide{height:90px;}
	.relatepd .swiper-slide .area_img{height:240px;}
	.area_items .swiper-button-prev{left:3%;}
	.area_items .swiper-button-next{right:3%;}

	.list_vision > li{margin:0 50px 0 0; width:calc((100% / 2) - 25px); width:-webkit-calc((100% / 2) - 25px);}
	.list_vision > li .area_img img{width:100%;}
	#area_rndabout .obj_txt img{height:70px;}
	
	
	
	
	
}
@media (max-width:1100px){
	.area_certificate > li .area_txt span{min-height:133px;}
	#area_social .box_slide .area_img{width:calc(100% - 150px);}
	#area_social .box_btn{width:150px;}
	.socialSwiper .swiper-slide .area_txt{padding:40px;width:320px; height:220px;}
	.page-number{bottom:165px; width:279px;}

	.list_box.col04 > li{margin:0 30px 30px 0; width:-webkit-calc((100% / 4) - 22.5px); width:calc((100% / 4) - 22.5px);}
	.list_box.col04 > li .area_img{padding:25px;}

	#area_part .list_box.col03 > li .area_img{padding:14px 14px 0;}
	.list_box.col03 > li .area_txt{padding:20px 15px;}
	.list_box.col03 > li{margin:0 30px 30px 0; width:calc((100% / 3) - 20px); width:-webkit-calc((100% / 3) - 20px);}

	.area_certificate.col03 > li{margin:0 30px 30px 0; width:calc((100% / 3) - 20px); width:-webkit-calc((100% / 3) - 20px);}
	.area_certificate.col03 > li:nth-child(3n){margin:0 0 30px;}

	.area_software > li{margin:0 30px 0 0; width:calc((100% / 3) - 20px); width:-webkit-calc((100% / 3) - 20px);}

	.sub03_03 iframe{height:550px;}

	#area_cs table.itable tbody tr td .inputbox.mail{width:100%;}
	#area_cs table.itable tbody tr td .inputbox.mail > input,
	#area_cs table.itable tbody tr td .inputbox.mail .select_box{width:calc((100% / 3) - 12px);}
	#area_cs table.itable tbody tr td .inputbox.mail .select_box{ float:left;}
	#area_cs table.itable tbody tr td .inputbox.mail .select_box .box{width:100%;}

}
@media (max-width:1024px){
	#sub_visual{height:450px;}
	#sub_visual .txt{margin-top:40px;}
	#sub_visual .txt > span{font-size:18px;}
	#sub_visual .txt > h3{font-size:52px;}
	.area_lnb *[data-lnb]{min-width:200px;}
	#scont article{padding:70px 0;}
	#scont #area_company{padding:70px 0 0;}
	#scont h2{margin:0 0 35px; font-size:42px;}
	#area_company .area_box{padding-bottom:80px;}
	#area_company .area_txt{display:block; margin:50px 0 0;}
	#area_company .area_txt > h3{width:75%; padding:0;}
	#area_company .area_txt > .cont{padding:0; margin:30px 0 0; width:100%;}
	#area_company .area_txt > h3 br{display:none;}
	.area_box .obj{display:none;}
	#area_company .area_txt > .cont .area_ceo{margin:60px 0 0;}
	table.table tbody tr td{padding:27px;}	
	.tabs{margin:0 0 40px;}
	.tabs li{min-width:190px; margin:0 5px;}
	.bg_txt{display:none;}
	#area_history .box_left .box_txt{margin:0 0 30px;}
	#area_history .box_left .box_txt em{margin:0 0 2px; font-size:16px;}
	#area_history .box_left .box_txt h3{font-size:35px;}
	#area_history .box_left .box_img{width:330px;}

	.area_certificate > li .area_txt h3, .area_certificate > li:nth-child(n+5):nth-child(-n+8) .area_txt h3{min-height:auto;}
	
	.area_certificate.col04 > li{margin:0 30px 20px 0; width:-webkit-calc((100% / 3) - 20px); width: calc((100% / 3) - 20px);}
	.area_certificate.col04 > li:nth-child(4n){margin:0 30px 20px 0;}
	.area_certificate.col04 > li:nth-child(3n){margin:0 0 20px;}
	.area_certificate > li:nth-child(-n+4) .area_txt{min-height:auto;}
	.area_certificate > li .area_txt span{min-height:100px;}

	.list_box.col05 > li{margin:0 30px 30px 0; width:-webkit-calc((100% / 3) - 20px); width:calc((100% / 3) - 20px);}
	.list_box.col05 > li:nth-child(4n){margin:0 30px 30px 0;}
	.list_box.col05 > li:nth-child(5n){margin:0 30px 30px 0;}
	.list_box.col05 > li:nth-child(3n){margin-right:0;}

	.box_map iframe{height:400px;}
	#area_map .area_txt{padding:40px 40px 0;}
	#area_map .area_txt .list_map{margin:20px 0 0;}

	.list_box.col04 > li{margin:0 30px 30px 0; width:-webkit-calc((100% / 3) - 20px); width:calc((100% / 3) - 20px);}
	.list_box.col04 > li:nth-child(4n){margin:0 30px 30px 0;}
	.list_box.col04 > li:nth-child(3n){margin-right:0;}
	.list_box.col04 > li .area_img{padding:25px;}

	#area_part .area_box{margin:60px 0 0;}

	#area_software .area_box{margin:0 0 50px;}
	.area_software{margin:30px 0 0;}
	.area_software > li{padding:12px;}
	.box_tit h3{font-size:30px;}

	#area_develop .tab_content .box_flex .area_img{width:310px; padding:35px;}
	#area_develop .tab_content .box_flex .area_txt{width:calc(100% - 340px); width:-webkit-calc(100% - 340px);}
	.list_injection > li{height:60px; margin:0 0 13px;}
	.list_injection > li i{width:60px; height:60px;}
	.list_injection > li em{margin-left:75px; width:calc(100% - 75px); width:-webkit-calc(100% - 75px); font-size:16px;}

	#area_develop #tab4 .box_flex{padding:50px;}
	#area_develop .tab_content .box_flex{display:block;}
	#area_develop .tab_content .box_flex .area_img{width:auto;}
	#area_develop #tab4 .box_flex .area_txt{margin:40px 0 0; width:100%;}

	.box_tit02{margin:0 0 40px;}
	.box_tit02 h3{font-size:32px;}
	.box_tit02 h3:before{width:8px; height:8px; top:-10px; right:-10px;}
	#area_pd.view .pd_top{margin:0 0 60px;}
	#area_pd.view .pd_top .big_img .swiper-slide{height:400px;}
	#area_pd.view .pd_top .pd_txt h3{padding:0 0 20px 20px; font-size:30px;}
	#area_pd.view .pd_top .pd_txt .pd_info{margin:30px 0 0 20px;}
	#area_pd.view .pd_top .thumbs_img .swiper-slide{height:80px;}
	.relatepd .swiper-slide .area_txt{height:75px;}
	.area_items .swiper-button-prev{left:2.5%;}
	.area_items .swiper-button-next{right:2.5%;}

	#area_rndabout .area_top .box_flex{width:100%;}
	#area_rndabout .area_top .box_flex .box_txt{width:calc(100% - 270px); width:-webkit-calc(100% - 270px);}
	#area_rndabout .area_top .box_flex .box_txt span{padding-left:20px; font-size:24px;}
	#area_rndabout .area_top .box_flex .box_txt i{width:40px ;height:40px; top:-45px;}
	#area_rndabout .area_top .box_flex .box_img{margin-left:30px;}

	.list_vision > li{margin:0 40px 0 0; width:calc((100% / 2) - 20px); width:-webkit-calc((100% / 2) - 20px); }
	.list_vision > li .area_txt{left:5%; width:90%; padding:25px; bottom:30px;}

	.list_strategy > li{padding:0 50px;}
	.list_strategy > li:before{right:50px; font-size:55px;}
	.list_strategy > li .list_icon{margin-right:35px;}
	.list_strategy > li .area_txt{width:70%;}
	
	.box.history > ul.tecnew li{width: 100%}

}
@media (max-width:950px){
	.box.history > ul > li{display:block;}
	.box.history > ul > li > em{padding:0 0 0 30px;}
	.box.history > ul > li > p{margin:5px 0 0; width:100%;}

	.area_certificate > li:nth-child(n+4) .area_txt h3,
	.area_certificate > li:nth-child(n+5):nth-child(-n+8) .area_txt h3{min-height:47px;}

	span.top_txt br{display:None;}
	#area_develop .tab_content .area_img{padding:40px;}
}

@media (max-width:900px){
	#area_history .box_left .box_img{width:270px;}

	#area_social .box_slide .area_img{width:calc(100% - 100px);}
	#area_social .box_btn{width:100px;}
	.socialSwiper .swiper-slide .area_txt{padding:30px;width:280px; height:200px;}
	.page-number{bottom:154px; width:249px;}
	#area_social .box_btn{top:23%;}
	#area_social .swiper-button-prev{margin:0 0 7px;}
	#area_social .swiper-button-prev, #area_social .swiper-button-next{width:45px; height:45px;}

	.area_title > h3{font-size:40px;}
	.area_title > span br{display:None;}

	.list_process{flex-wrap: wrap;}
	.list_process > li:nth-child(1),
	.list_process > li:nth-child(2){margin-bottom:30px !Important;}
	#area_develop .tab_content .list_process > li{margin:0 60px 0 0; width:calc((100% / 2) - 30px); width:-webkit-calc((100% / 2) - 30px);}
	#area_develop .tab_content .list_process > li:nth-child(2n){margin:0;}
	#area_develop .tab_content .list_process > li:nth-child(2):before{display:none;}
	#area_develop .tab_content .list_process > li:nth-chlid(1),
	#area_develop .tab_content .list_process > li:nth-chlid(2){margin-bottom:30px;}
	.list_sample{margin:50px 0 0;}
	#area_develop .tab_content .list_sample.col02 > li{margin:0 20px 0 0; width:calc((100% / 2) - 10px); width:-webkit-calc((100% / 2) - 10px);}
	#area_develop .tab_content .list_sample > li .area_txt{height:65px;}

	#area_pd.view .pd_top .pd_txt{margin-left:2%;}
	#area_pd.view .pd_top .pd_txt .pd_info > li span{margin:7px 0 0; font-size:17px; line-height:1.4em;}
	#area_pd.view .pd_top .thumbs_img .swiper-slide{height:70px;}
	#area_pd.view .pd_top .big_img .swiper-slide{height:350px;}
	.area_items .swiper-button-prev{left:2%;}
	.area_items .swiper-button-next{right:2%;}
	#area_rndabout .obj_txt img{height:60px;}

	#area_pd.view.facility .pd_top{margin:0 0 30px;}
	.img_facility .swiper-pagination{margin:30px 0 0;}
}

@media (max-width:850px){
	#area_company .area_txt{margin:30px 0 0;}
	#area_company .area_txt > h3{width:100%; font-size:30px;}
	#en #area_company .area_txt > h3{font-size:24px;} 
	#en #area_company .area_txt > h3 i{display:inline-block;}
	#area_company .area_txt > h3 i{display:block;}
	#area_company .area_txt > .cont{margin:20px 0 0;}
	#area_company .area_txt > .cont p{margin:0 0 20px;}
	#area_company .area_txt > .cont .area_ceo{margin:50px 0 0;}

	.box_map iframe{height:350px;}
	#area_map .area_txt{padding:30px 30px 0;}
	#area_map .area_txt h3{font-size:27px;}
	#area_map .area_txt .list_map{margin:17px 0 0;}
	#area_map .area_txt .list_map > li{margin:0 10px;}
	#area_map .area_txt .list_map > li em,
	#area_map .area_txt .list_map > li span{font-size:17px;}
	#area_map .area_txt .list_map > li:before{right:-10px; top:2px;}
	#area_map .btn_more{margin:30px 0 0; width:160px; padding:20px 15px;}

	.list_box.col04 > li .area_img{height:200px;}

	#area_part .area_box{margin:40px 0 0;}
	.sub03_03 iframe{height:500px;}

	.bg_gray,
	#area_develop .tab_content .area_box{padding:60px 0;}
	#area_pd.view .pd_top{padding:20px 0 0;}
	#area_pd.view .pd_top .pd_txt h3{padding:0 0 10px; font-size:27px;}
	#area_pd.view .pd_top .pd_txt .pd_info{margin:15px 0 0;}
	#area_pd.view .pd_top .product_img{width:52%;}
	#area_pd.view .pd_top .pd_txt{width:45%; margin-left:3%;}
	.relatepd .swiper-slide .area_img{height:220px;}
	.area_items .swiper-button-prev, .area_items .swiper-button-next{width:45px; height:45px;}
	.area_items .swiper-button-prev{left:2.2%;}
	.area_items .swiper-button-next{right:2.2%;}

	#area_rndabout .area_top{padding:45px;}

	.list_vision > li{margin:0 20px 0 0; width:calc((100% / 2) - 10px); width:-webkit-calc((100% / 2) - 10px); }
	.list_vision > li .area_txt{left:0; bottom:0; width:100%;}

	.list_strategy > li{padding:0 30px; margin:0 0 15px;}
	.list_strategy > li:before{right:30px; font-size:50px;}
	.list_strategy > li .list_icon{margin-right:25px;}
	
	#area_history .box_left.w340 {
    width: 250px;}
	
	.box.history.w340 {
    position: relative;
    width: calc(100% - 250px);}

}
@media (max-width:800px){
	.sub03_03 #area_develop .tab_content .area_txt br{display:none;}
}
@media (max-width:768px){
	#sub_visual{height:400px;}
	#sub_visual .txt{margin-top:35px;}
	#sub_visual .txt > span{font-size:17px;}
	#sub_visual .txt > h3{margin:15px 0 0; font-size:45px;}
	.area_lnb{height:60px;}
	.area_lnb a[data-lnb="home"]{width:60px; }
	.area_lnb *[data-lnb]{line-height:60px;}
	.area_lnb .lnb ul, .area_lnb .deth01 ul{padding:5px 0;}
	.area_lnb .lnb ul > li > a, .area_lnb .deth01 ul > li > a{padding:5px 10px;}
	.area_lnb .lnb ul > li > a.on, .area_lnb .deth01 ul > li > a.on{padding:5px 10px;}
	.area_lnb .lnb ul, .area_lnb .deth01 ul{top:59px;}
	#scont article{padding:60px 0;}
	#scont #area_company{padding:60px 0 0;}
	#scont h2{margin:0 0 25px; font-size:38px;}

	#area_company .area_box{padding-bottom:60px;}
	#area_company .area_txt > .cont .area_ceo{margin:30px 0 0;}
	#area_company .area_txt > .cont .area_ceo span{font-size:18px;}
	#area_company .area_box.tabbox{padding-bottom:60px;}
	.tabs{margin:0 0 30px;}
	.tabs li{padding:12px 10px; min-width:150px;}
	.tabs li span{font-size:16px;}
	.area_box.tabbox .area_img{margin:0 0 30px;}
	table.table tbody tr th,
	table.table tbody tr td{padding:15px; font-size:16px;}
	.list_info > li{margin:10px 0 0;}
	.list_info > li > h3{margin:0 0 5px; font-size:16px;}
	.list_info > li > h3:before{top:11px;}
	.list_info > li > p{font-size:16px;}

	#area_history .box_left .box_txt em{margin:0;}
	#area_history .box_left .box_txt h3{font-size:36px;}
	#area_history .box_left{width:90%; margin:0 auto; padding:0;}
	#area_history .box_left .box_img:before{display:none;}
	#area_history .box_left .box_img{width:auto; text-align:center;}
	#area_history .flex{display:block;}
	.box.history{margin:50px auto 0; width:90%;}
	.box.history > ul > li{display:flex;}
	
	#area_history .box_left.w340{width: 90%}
	.box.history.w340 {
    position: relative;
    width: 90%;}
	

	.area_certificate.col04 > li{margin:0 20px 20px 0; width:-webkit-calc((100% / 2) - 10px); width: calc((100% / 2) - 10px);}
	.area_certificate.col04 > li:nth-child(4n){margin:0 20px 20px 0;}
	.area_certificate.col04 > li:nth-child(3n){margin:0 20px 20px 0;}
	.area_certificate.col04 > li:nth-child(2n){margin:0 0 20px;}
	.area_certificate > li .area_txt span,
	#en .area_certificate > li .area_txt span{min-height:auto;}
	.area_certificate > li .area_txt h3{margin:6px 0; font-size:18px; line-height:1.1em;}
	.area_certificate > li:nth-child(n+4) .area_txt h3, 
	.area_certificate > li:nth-child(n+5):nth-child(-n+8) .area_txt h3{min-height:auto;}

	.list_box.col05 > li{margin:0 20px 20px 0; width:-webkit-calc((100% / 2) - 10px); width:calc((100% / 2) - 10px);}
	.list_box.col05 > li:nth-child(3n){margin:0 20px 20px 0;}
	.list_box.col05 > li:nth-child(4n){margin:0 20px 20px 0;}
	.list_box.col05 > li:nth-child(5n){margin:0 20px 20px 0;}
	.list_box.col05 > li:nth-child(2n){margin-right:0;}

	#area_social .box_slide{margin:40px auto 0;}
	#area_social .box_slide .area_img{width:100%;}
	.socialSwiper .swiper-slide .area_txt{position:Relative; width:100%; height:240px;}
	.page-number{bottom:270px; width:calc(100% - 30px); width:-webkit-calc(100% - 30px);}
	#area_social .box_btn{top:unset; bottom:315px; width:auto; display:flex; background:#fff;}
	#area_social .swiper-button-prev{left:0; margin:0; transform:translateX(0) rotate(-180deg);}
	#area_social .swiper-button-next{left:0; transform:none;}
	#area_social .swiper-button-prev, #area_social .swiper-button-next{border:none;}
	#area_social .swiper-button-prev:before{content:''; position:absolute; top:50%; right:100%; width:1px; height:13px; background:#ddd; transform:translateY(-50%);}
	#area_social .swiper-button-prev:hover, #area_social .swiper-button-next:hover{border:none;}

	.box_map iframe{height:300px;}
	#area_map .area_txt{padding:25px 0px 0;}
	#area_map .area_txt h3{font-size:24px;}
	#area_map .area_txt .list_map{margin:12px 0 0;}
	#area_map .area_txt .list_map > li em,
	#area_map .area_txt .list_map > li span{font-size:16px;}
	#area_map .btn_more{margin:20px 0 0; width:150px;}
	#area_map .btn_more span{font-size:15px;}

	.list_box.col04 > li{margin:0 20px 20px 0; width:-webkit-calc((100% / 3) - 13.5px); width:calc((100% / 3) - 13.5px);}
	.list_box.col04 > li:nth-child(4n){margin:0 20px 20px 0;}
	.list_box.col04 > li:nth-child(3n){margin-right:0;}
	.list_box.col04 > li .area_img{padding:25px;}
	.list_box > li .area_txt{padding:10px; font-size:16px;}
	.pg_wrap{margin:50px 0 0;}

	.list_box.col03 > li{margin:0 20px 20px 0; width:calc((100% / 2) - 10px); width:-webkit-calc((100% / 2) - 10px);}
	.list_box.col03 > li:nth-child(3n){margin:0 20px 20px 0;}
	.list_box.col03 > li:nth-child(2n){margin-right:0;}

	#area_part .area_box{margin:30px 0 0;}
	#area_part .box_txt{font-size:16px;}

	#area_part .area_box h3{font-size:27px; margin:0 0 20px;}
	#container table.table thead th{padding:15px 10px; font-size:17px;}
	#area_part table.table tbody tr td{padding:10px;}
	#container #area_pd.view table.table thead th{font-size:17px;}
	#container #area_pd.view table.table tbody tr td{font-size:16px;}

	.area_certificate.col03 > li{margin:0 20px 20px 0; width:calc((100% / 2) - 10px); width:-webkit-calc((100% / 2) - 10px);}
	.area_certificate.col03 > li:nth-child(3n){margin:0 20px 20px 0;}
	.area_certificate.col03 > li:nth-child(2n){margin-right:0;}
	#layerPopup img{width:100%;}
	.area_certificate > li img{padding:5px;}
	.popupBox .hamburger{right:-57px; width:57px; height:57px;}
	.popupBox .hamburger .bar{left:17px;}

	#area_software .area_box{margin:0 0 40px;}
	.area_software{margin:20px 0 0;}
	.box_tit h3{font-size:25px;}
	.box_tit span{font-size:17px;}
	.area_software > li .area_logo{margin:0 0 10px; height:40px;}
	.area_software > li .area_logo img{height:100%;}
	#area_software .area_box:last-child .area_logo{height:35px;}

	.area_software > li{margin:0 20px 20px 0; width:calc((100% / 2) - 10px); width:-webkit-calc((100% / 2) - 10px);}
	.area_software > li:nth-child(3n){margin:0 20px 20px 0;}
	.area_software > li:nth-child(2n){margin-right:0;}

	.sub03_03 iframe{height:400px;}
	.bg_gray,
	#area_develop .tab_content .area_box{padding:50px 0;}
	#area_develop .tab_content .box_flex{display:block;}
	#area_develop .tab_content .box_flex .area_img{width:100%;}
	#area_develop .tab_content .box_flex .area_txt{width:100%; margin:30px 0 0;}
	.area_title > h3{font-size:35px;}
	#area_develop .tab_content .box_flex{margin:30px 0 0;}
	.area_title > span{margin:15px 0 0; font-size:16px;}
	.list_injection > li{margin:0 0 7px;}
	.list_process{margin:30px 0 0;}

	#area_develop #tab4 .box_flex{padding:40px;}
	#area_develop #tab4 .box_flex .area_txt h3{font-size:35px;}
	.list_dot{margin:20px 0 0;}
	.list_dot > li{margin:0 0 15px;}
	#area_develop .tab_content .list_sample.col02 > li .area_img{height:210px; padding:20px;}
	
	.list_dot_info{margin:30px 0 0;}
	.list_dot_info > li{padding:20px 0; margin:0 10px;}
	.sub .area_btn{margin:60px 0 0;}
	.area_btn .btn_list{ height:60px;}

	.box_tit02{margin:0 0 30px;}
	.box_tit02 h3{font-size:27px;}
	#area_pd.view .pd_top{margin:0 0 40px;}

	#area_pd.view .pd_top{padding:0;}
	#area_pd.view .pd_top .inr{display:block;}
	#area_pd.view .pd_top .product_img{width:100%;}
	#area_pd.view .pd_top .pd_txt{margin-top:40px; margin-left:0; width:100%;}
	#area_pd.view .pd_top .thumbs_img .swiper-slide{height:125px;}
	.area_items .swiper-pagination{display:block;}

	.relatepd{margin:30px 0 0;}
	.area_items .swiper-button-prev, .area_items .swiper-button-next{display:none;}

	#area_rndabout .area_top .box_flex .box_txt{width:calc(100% - 230px); width:-webkit-calc(100% - 230px);}
	#area_rndabout .area_top .box_flex .box_txt i{top:-35px; width:32px; height:32px;}
	#area_rndabout .area_top .box_flex .box_txt span{padding-left:15px; font-size:21px;}
	#area_rndabout .area_top .box_flex .box_img{width:200px;}

	.list_vision > li .area_txt{padding:20px; font-size:15px;}
	.list_strategy > li{height:135px;}
	.box_tit02 span{font-size:16px;}
	.list_vision{margin:0 0 60px;}
	.area_vision{padding:60px 0;}
	.bg_gray.organization{padding:60px 0 0;}
	#area_rndabout .obj_txt{margin:40px 0 0;}
	#area_rndabout .obj_txt img{height:50px;}

	.bg_gray.organization .box_img .w{display:none;}
	.bg_gray.organization .box_img .m{display:block;}
	.area_box.process .box_img img.w{display:none;}
	.area_box.process .box_img img.m{display:block;}
	.line{margin:60px 0;}

	.area_contact h3{font-size:30px; margin:0 0 20px;}
	#area_cs table.itable tbody tr th{font-size:16px;}
	#area_cs table.itable tbody tr td{padding:15px 10px;}
	#area_cs table.itable tbody tr td input{width:100%; padding:15px 10px;}
	.select_box .box .list{padding:49px 0 0}
	.select_box .box .select{padding:12px 10px;}
	#area_cs table.itable tbody tr td textarea{height:200px;}
	#area_cs{margin:10px 0 0;}
	#area_cs .area_box{margin:40px 0 0;}
	#area_cs .area_box .box_cont .privacy_box{padding:20px;}
	#area_cs .area_btn #inq_submit{min-width:160px; padding:18px 10px;}

	#area_pd.view.facility .pd_top{margin:0 0 20px;}
	#area_pd.view .pd_top .img_facility .swiper-slide{height:300px;}
	.img_facility .swiper-pagination{margin:20px 0 0;}
	
}
@media (max-width:700px){
	#container .area_facility .scrollTable{overflow:auto;}
	#container .area_facility .scrollTable .table{width:750px;}
	#container .area_facility .mob_info{display:block; margin:10px 0 0; font-size:13px;}
	#area_pd.view .pd_top .pd_txt .pd_info > li span br{display:none;}
	.area_items .swiper-button-prev{left:2%;}
	.area_items .swiper-button-next{right:2%;}
}
@media (max-width:650px){
	#scont article{padding:40px 0;}
	#scont #area_company{padding:40px 0 0;}
	#sub_visual .txt > h3{font-size:40px;}
	#sub_visual .txt > span{font-size:16px;}
	#scont h2{margin:0 0 25px; font-size:34px;}
	#area_company .area_txt > h3{font-size:25px; line-height:1.4em;}
	#en #area_company .area_txt > h3{font-size:22px;}
	#area_company .area_txt > .cont p{font-size:16px; line-height:1.7em;}
	#area_company .area_box{padding-bottom:40px;}
	#area_company .area_box.tabbox{padding-bottom:40px;}
	.tabs{margin:0 0 25px;}
	.tabs li{padding:10px; border:2px solid #eee; min-width:130px;}
	.tabs li span{font-size:15px;}
	.tabs li.active, .tabs li:hover{border:2px solid #123c8d;}
	.tabs.v2 li.active, .tabs.v2 li:hover{border:none;}
	span.top_txt{font-size:16px;}

	.list_box.col04 > li{margin:0 20px 20px 0; width:-webkit-calc((100% / 2) - 10px); width:calc((100% / 2) - 10px);}
	.list_box.col04 > li:nth-child(4n){margin:0 20px 20px 0;}
	.list_box.col04 > li:nth-child(3n){margin:0 20px 20px 0;}
	.list_box.col04 > li:nth-child(2n){margin-right:0;}
	.list_box.col04 > li .area_img{padding:20px;}
	.list_box.col04 > li .area_txt{height:75px;}

	.area_software > li{padding:12px;}
	.area_software > li .area_logo{height:35px;}
	.area_software > li .area_logo img{height:100%;}	
	#area_software .area_box:last-child .area_logo{height:30px;}
	.sub03_03 iframe{height:350px;}
	#area_develop .tab_content .list_process > li .area_img{height:165px;}
	#area_develop .tab_content .list_process > li .area_txt{height:55px; font-size:17px;}

	#area_develop #tab4 .box_flex .area_txt{margin:30px 0 0;}
	#area_develop #tab4 .box_flex .area_txt h3{font-size:30px;}
	#area_develop #tab4 .box_flex{padding:30px;}
	.list_dot{margin:15px 0 0;}
	.list_dot > li{font-size:16px; margin:0 0 10px;}
	#area_develop .tab_content .list_sample > li .area_txt{height:55px; font-size:17px;}

	#area_pd.view .pd_top .thumbs_img .swiper-slide{height:100px;}
	#area_pd.view .pd_top .pd_txt{margin-top:30px;}
	#area_pd.view .pd_top .pd_txt .pd_info > li{margin:0 0 20px;}

	#area_pd.view .pd_top .pd_txt .pd_info > li h4{font-size:17px;}
	#area_pd.view .pd_top .pd_txt .pd_info > li span{font-size:16px; line-height:1.3em;}
	.area_items .swiper-button-prev{left:1.5%;}
	.area_items .swiper-button-next{right:1.5%;}
	.relatepd .swiper-slide .area_img{padding:10px; height:200px;}
	.relatepd .swiper-slide .area_txt{height:65px; font-size:16px;}

	#area_rndabout .area_top .box_flex .box_img{width:160px;}
	#area_rndabout .area_top .box_flex .box_txt{width:-webkit-calc(100% - 190px); width:calc(100% - 190px);}
	#area_rndabout .area_top .box_flex .box_txt span{font-size:18px;}

	.list_vision{flex-direction: column;}
	.list_vision > li{width:100%; margin:0 0 20px;}
	.list_vision > li:last-child{margin:0;}

	.list_strategy > li{padding:0 20px; height:110px; margin:0 0 10px;}
	.list_strategy > li:before{font-size:40px; right:20px;}
	.list_strategy > li .list_icon{margin-right:20px;}
	.list_strategy > li .list_icon img{height:45px;}
	.list_strategy > li .area_txt em{font-size:14px;}
	.list_strategy > li .area_txt span{font-size:16px; margin:5px 0 0;}

	#area_rndabout .obj_txt{margin:30px 0 0;}
	#area_rndabout .obj_txt img{height:40px;}

}
@media (max-width:600px){
	.area_lnb{height:55px;}
	.area_lnb a[data-lnb="home"]{width:55px; background-size:15px 15px;}
	.area_lnb *[data-lnb]{line-height:55px; min-width:160px; padding:0 20px 0 10px; font-size:15px;}
	.area_lnb .deth01 > a:after,
	.area_lnb *[data-lnb]:after{right:10px;}
	.area_lnb .lnb ul, .area_lnb .deth01 ul{top:54px;}

	#area_history .box_left{width:100%;}
	.box.history{width:100%;}

	.socialSwiper .swiper-slide .area_txt{height:190px;}
	.page-number{bottom:220px;}
	#area_social .box_btn{bottom:265px;}
	.socialSwiper .swiper-slide .area_txt h3{margin:2px 0 0;}

	#area_map .area_txt .list_map{display:block;}
	#area_map .area_txt .list_map > li{margin:0 0 10px;}
	#area_map .area_txt .list_map > li:before{display:none;}
	.area_items .swiper-button-prev{left:1.2%;}
	.area_items .swiper-button-next{right:1.2%;}
	.relatepd{margin:20px 0 0;}

	#area_cs table.itable tbody tr th i.marking{font-size:15px; margin-right:2px;}
	#area_cs table.itable tbody tr th{padding:0; font-size:15px;}
	.area_contact h3{font-size:25px;}
	
	.box.history > ul.tecnew li .thum_img{width: 90px; height: 90px}
	.box.history > ul.tecnew li .text {
    width: calc(100% - 100px);
    padding-left: 30px;
    padding-top: 0;}
    
    
    .box.history > ul.tecnew li p {
    font-size: 14px;
    color: #555;
    font-weight: 400;
    letter-spacing: -.5px;
    line-height: 20px;
    word-break: keep-all;}
    
	
}
@media (max-width:550px){
	#sub_visual{height:300px;}
	#sub_visual .txt > span{font-size:15px;}
	#sub_visual .txt > h3{margin:10px 0 0; font-size:30px;}
	#scont article{padding:30px 0;}
	#scont #area_company{padding:30px 0 0;}
	#scont h2{margin:0 0 20px; font-size:28px;}
	.area_lnb{height:50px;}
	.area_lnb a[data-lnb="home"]{width:50px;}
	.area_lnb *[data-lnb]{line-height:50px;}
	.area_lnb .lnb ul > li > a, .area_lnb .deth01 ul > li > a{font-size:14px;}
	.area_lnb .lnb ul > li > a, .area_lnb .deth01 ul > li > a,
	.area_lnb .lnb ul > li > a.on, .area_lnb .deth01 ul > li > a.on{padding:3px 10px;}
	#area_company .area_box{padding-bottom:30px;}
	#area_company .area_txt{margin:20px 0 0;}
	#area_company .area_txt > h3{font-size:22px;}
	#en #area_company .area_txt > h3{font-size:20px;}
	#area_company .area_txt > .cont{margin:15px 0 0;}
	#area_company .area_txt > .cont p{margin:0 0 15px; font-size:15px;}
	#area_company .area_txt > .cont .area_ceo{margin:20px 0 0;}
	#area_company .area_txt > .cont .area_ceo span{font-size:17px;}
	#area_company .area_txt > .cont .area_ceo .sign{margin-left:10px;}
	#area_company .area_txt > .cont .area_ceo .sign img{height:50px;}
	#area_company .area_box.tabbox{padding-bottom:30px;}
	.tabs li span{font-size:14px;}
	table.table tbody tr th, table.table tbody tr td{padding:10px; font-size:15px;}
	.list_info > li{margin:8px 0 0;}
	.list_info > li > h3{margin:0; font-size:15px;}
	.list_info > li > p{font-size:15px;}
	.list_info > li > h3:before{top:11px;}
	.area_lnb .deth01{display:none;}
	.area_lnb .lnb ul, .area_lnb .deth01 ul{top:49px;}

	#area_history .box_left .box_txt{margin:0 0 15px;}
	#area_history .box_left .box_txt em{font-size:14px;}
	#area_history .box_left .box_txt h3{font-size:25px;}
	.box.history{margin:20px auto 0;}
	.box.history > ul > li{display:block; margin:0 0 18px;}

	.area_certificate.col04 > li{margin:0 12px 12px 0; width:-webkit-calc((100% / 2) - 6px); width: calc((100% / 2) - 6px);}
	.area_certificate.col04 > li:nth-child(4n){margin:0 12px 12px 0;}
	.area_certificate.col04 > li:nth-child(3n){margin:0 12px 12px 0;}
	.area_certificate.col04 > li:nth-child(2n){margin:0 0 12px;}
	.area_certificate > li .area_txt{padding:10px 0 0;}
	.area_certificate > li .area_txt h3{font-size:17px;}
	.area_certificate > li .area_txt em{font-size:14px;}
	.area_certificate > li .area_img{padding:10px;}
	.area_certificate > li .area_txt span{line-height:1.6em; font-size:14px;}

	.list_box.col05 > li{margin:0 12px 12px 0; width:-webkit-calc((100% / 2) - 6px); width:calc((100% / 2) - 6px);}
	.list_box.col05 > li:nth-child(3n){margin:0 12px 12px 0;}
	.list_box.col05 > li:nth-child(4n){margin:0 12px 12px 0;}
	.list_box.col05 > li:nth-child(5n){margin:0 12px 12px 0;}
	.list_box.col05 > li:nth-child(2n){margin-right:0;}
	.list_box > li .area_img{height:140px;}
	.list_box > li .area_txt{padding:17px 10px; height:50px; font-size:16px;}

	span.top_txt{font-size:15px; line-height:1.6em;}
	#area_social .box_slide{margin:30px auto 0;}

	#area_map .area_txt{padding:20px 0 0;}

	.list_box.col04 > li{margin:0 12px 12px 0; width:-webkit-calc((100% / 2) - 6px); width:calc((100% / 2) - 6px);}
	.list_box.col04 > li:nth-child(4n){margin:0 12px 12px 0;}
	.list_box.col04 > li:nth-child(3n){margin:0 12px 12px 0;}
	.list_box.col04 > li:nth-child(2n){margin-right:0;}
	.list_box.col04 > li .area_txt{font-size:15px;}
	.list_box.col04 > li .area_img{height:180px;}
	.pg_wrap{margin:30px 0 0;}

	.list_box.col03 > li{margin:0 12px 12px 0; width:calc((100% / 2) - 6px); width:-webkit-calc((100% / 2) - 6px);}
	.list_box.col03 > li:nth-child(3n){margin:0 12px 12px 0;}
	.list_box.col03 > li:nth-child(2n){margin-right:0;}
	#area_part .list_box.col03 > li .area_img{padding:10px 10px 0;}
	.list_box.col03 > li .area_txt{padding:17px 10px; font-size:15px;}

	#area_part .area_box h3{font-size:22px; margin:0 0 10px;}
	#area_part .area_box{margin:20px 0 0;}
	#area_part .box_txt{font-size:15px;}

	.area_certificate.col03 > li{margin:0 12px 12px 0; width:calc((100% / 2) - 6px); width:-webkit-calc((100% / 2) - 6px);}
	.area_certificate.col03 > li:nth-child(3n){margin:0 12px 12px 0;}
	.area_certificate.col03 > li:nth-child(2n){margin-right:0;}

	.box_tit h3{font-size:22px;}
	.box_tit span{font-size:15px;}
	.area_software{margin:12px 0 0;}
	.area_software > li{margin:0 12px 12px 0; width:calc((100% / 2) - 6px); width:-webkit-calc((100% / 2) - 6px);}
	.area_software > li:nth-child(3n){margin:0 12px 12px 0;}
	.area_software > li:nth-child(2n){margin-right:0;}

	.sub03_03 iframe{height:300px;}

	#area_develop .tabs{margin:0 0 15px; flex-wrap: wrap;}
	#area_develop .tabs li{margin:0 3px 7px;}
	.bg_gray,
	#area_develop .tab_content .area_box{padding:30px 0;}
	#area_develop .tab_content .area_img{padding:15px;}
	#area_develop .tab_content .area_txt{margin:15px 0 0; font-size:15px; line-height:1.7em;}
	.area_title > h3{font-size:30px;}
	.area_title > span{margin:10px 0 0; font-size:15px; line-height:1.6em;}
	#area_develop .tab_content .box_flex{margin:20px 0 0;}
	#area_develop .tab_content .box_flex .area_img{padding:20px;}
	#area_develop .tab_content .box_flex .area_txt{margin:10px 0 0;}
	.list_injection > li i{width:50px; height:50px; font-size:18px;}
	.list_injection > li{height:50px;}
	.list_injection > li em{font-size:15px; margin-left:60px; width:calc(100% - 60px); width:-webkit-calc(100% - 60px); line-height:1.2em;}

	.list_process{margin:20px 0 0;}
	.list_process > li:nth-child(1), .list_process > li:nth-child(2){margin-bottom:20px !important;}
	#area_develop .tab_content .list_process > li:before{width:30px; height:30px;}
	#area_develop .tab_content .list_process > li{margin: 0 40px 0 0; width: calc((100% / 2) - 20px);  width: -webkit-calc((100% / 2) - 20px);}
	#area_develop .tab_content .list_process > li:nth-child(2n){margin:0;}
	#area_develop .tab_content .list_process > li:before{right:-37px;}
	.list_sample{margin:30px 0 0;}
	#area_develop .tab_content .list_sample > li .area_txt{height:55px; font-size:17px;}

	#area_develop #tab4 .box_flex .area_txt{margin:20px 0 0;}
	#area_develop #tab4 .box_flex .area_txt h3{font-size:25px;}
	#area_develop #tab4 .box_flex{padding:20px;}
	.list_dot{margin:10px 0 0;}
	.list_dot > li{font-size:15px; margin:0 0 10px;}
	#area_develop .tab_content .list_sample.col02 > li{margin:0 12px 0 0; width:calc((100% / 2) - 6px); width:-webkit-calc((100% / 2) - 6px);}
	#area_develop .tab_content .list_sample.col02 > li .area_img{height:180px; padding:10px;}

	#container #area_pd.view table.table thead th{font-size:16px; padding:12px 10px;}
	#container #area_pd.view table.table tbody tr td{padding:12px 10px; font-size:15px;}
	.list_dot_info{margin:20px 0 0;}
	.list_dot_info > li{padding:15px 0; margin:0 ;}
	.list_dot_info > li span{font-size:15px; line-height:1.5em;}
	.sub .area_btn{margin:30px 0 0;}
	.area_btn .btn_list{width:120px; height:50px;}
	.area_btn .btn_list span{font-size:15px;}

	.box_tit02{margin:0 0 20px;}
	.box_tit02 h3{font-size:22px;}
	.box_tit02 h3:before{width:6px; height:6px; top:-7px; right:-7px;}
	#area_pd.view .pd_top{margin:0 0 30px;}
	#area_pd.view .pd_top .thumbs_img .swiper-slide{height:80px;}
	#area_pd.view .pd_top .pd_txt{margin-top:25px;}
	#area_pd.view .pd_top .pd_txt h3{font-size:25px;}
	#area_pd.view .pd_top .pd_txt .pd_info > li{margin:0 0 14px;}
	#area_pd.view .pd_top .pd_txt .pd_info > li h4{font-size:16px;}
	#area_pd.view .pd_top .pd_txt .pd_info > li span{font-size:15px;}
	.area_items .swiper-button-prev, .area_items .swiper-button-next{display:none;}
	.relatepd{margin:15px 0 0;}
	.relatepd .swiper-slide .area_img{height:180px;}
	.relatepd .swiper-slide .area_txt{height:60px;}
	.area_items .swiper-pagination{margin:25px auto 0;}
	#area_rndabout .area_top .box_flex{flex-direction: column-reverse;}
	#area_rndabout .area_top .box_flex .box_txt{width:100%; margin:30px 0 0;}
	#area_rndabout .area_top .box_flex .box_img{width:170px; margin-left:0;}

	.list_vision{margin:0 0 40px;}
	.list_vision > li{margin:0 0 14px;}
	.list_strategy > li .area_txt span{font-size:15px; line-height:1.3em;}
	.list_strategy > li:before{font-size:30px; right:15px;}
	.box_tit02 span{font-size:15px;}
	.area_box h4{font-size:17px; margin:0 0 30px;}
	.area_vision{padding:40px 0;}
	.bg_gray.organization{padding:40px 0 0;}

	#area_rndabout .obj_txt{margin:20px 0 0;}
	#area_rndabout .obj_txt img{height:30px;}
	.line{margin:40px 0;}

	.area_contact h3{font-size:22px; line-height:1.3em;}
	.area_contact .table_info{font-size:14px;}
	#area_cs table.itable tbody tr td{padding:10px;}
	#area_cs table.itable tbody tr td .inputbox.mail .select_box{margin:0; width:100%;}
	#area_cs table.itable tbody tr td .select_box .box{margin:10px 0 0;}
	#area_cs table.itable tbody tr td .inputbox.mail > input[type="text"]{width:150px;}
	#area_cs table.itable tbody tr td .inputbox.mail #email2{width:calc(100% - 174px);}
	#area_cs table.itable tbody tr td input{padding:10px; font-size:15px;}
	.select_box .box .list{padding:44px 0 0}
	.select_box .box .select{padding:10px; font-size:15px;}
	#area_cs table.itable tbody tr td textarea{height:150px;}	
	#area_cs .area_box{margin:30px 0 0;}
	#area_cs .area_box h3{font-size:17px; margin:0 0 10px;}
	#area_cs .area_box .box_cont .privacy_box{padding:12px;}
	#area_cs .area_box .box_cont .privacy_box > li{font-size:15px; padding:0 0 5px;}
	#area_cs .ckbox{margin:10px 0 0;}
	label.container{padding-left:25px; font-size:15px;}
	.checkmark{width:18px; height:18px;}
	.container .checkmark:after{left:6px;}
	#area_cs .area_btn{margin:20px 0 0;}
	#area_cs .area_btn #inq_submit{min-width:140px; padding:15px 10px; font-size:15px;}

	#area_pd.view.facility .pd_top{margin:0 0 10px;}
	#area_pd.view .pd_top .img_facility .swiper-slide{height:250px;}
	.img_facility .swiper-pagination{margin:15px 0 0;}
	.img_facility .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 2px;}

}


@media (max-width:500px){
	#container #area_pd .scrollTable{overflow:auto;}
	#container #area_pd .scrollTable .table{width:500px;}
	#container #area_pd .mob_info{display:block; margin:10px 0 0; font-size:13px;}

	#area_company .area_txt > .cont .area_ceo .sign{display:block; top:0; margin:10px 0 0;}

	
	#en #area_company .area_txt > h3{font-size:17px;}
}
@media (max-width:450px){

	#scont h2{font-size:25px;}
	#area_company .area_txt > .cont{margin:10px 0 0;}	
	#area_company .area_txt > .cont p{margin:0 0 12px; font-size:14px;}
	#area_company .area_txt > h3{font-size:20px;}
	table.table tbody tr th, table.table tbody tr td{font-size:14px;}

	.tabs li{margin:0 3px; padding:7px 10px; min-width:120px;}
	#area_develop .tabs li{min-width:auto;}

	.area_certificate > li .area_txt h3{font-size:16px;}
	.list_box > li .area_img{height:115px; padding:20px;}
	.list_box > li .area_txt{height:45px; padding:14px 10px; font-size:15px;}

	.socialSwiper .swiper-slide .area_txt{height:160px;}
	.page-number{bottom:200px;}
	#area_social .box_btn{bottom:235px;}
	.socialSwiper .swiper-slide .area_txt{padding:20px;}
	.socialSwiper .swiper-slide .area_txt h3{margin:2px 0 0; font-size:16px;}
	.socialSwiper .swiper-slide .area_txt span{font-size:14px;}
	#area_social .swiper-button-prev, #area_social .swiper-button-next{width:35px; height:35px; background-size:12px 8px;}
	#area_social .swiper-button-prev:hover, #area_social .swiper-button-next:hover{background-size:12px 8px;}
	.page-number{width:-webkit-calc(100% - 20px); width:calc(100% - 20px);}
	.page-number span{font-size:14px;}
	.page-number i{font-size:14px; margin:0 5px;}

	#area_map .area_txt{padding:15px 0 0;}
	.box_map iframe{height:260px;}
	#area_map .area_txt h3{font-size:22px;}
	#area_map .btn_more{padding:18px 15px; width:140px; border-radius:3px;}
	#area_map .btn_more span{font-size:14px;}
	#area_map .area_txt .list_map > li em, #area_map .area_txt .list_map > li span{font-size:15px;}

	.list_box.col04 > li .area_img{height:160px;}

	#area_part .area_box h3{font-size:20px;}

	.popupBox .hamburger{right:-45px; width:45px; height:45px;}
	.popupBox .hamburger .bar{left:10px;}

	.box_tit h3{font-size:20px;}
	.box_tit span{font-size:14px;}
	.area_software{margin:10px 0 0;}
	.area_software > li{width:100%; margin:0 0 10px; }
	.area_software > li:last-child{margin:0;}

	.sub03_03 iframe{height:250px;}
	#area_develop .tab_content .area_txt{font-size:14px;}
	.area_title > h3{font-size:25px;}
	.list_injection > li em{font-size:14px;}

	.list_process{display:block;}
	#area_develop .tab_content .list_process > li{width:100%; margin:0 40px 40px 0;}
	.list_process > li:nth-child(1), .list_process > li:nth-child(2){margin-bottom:40px !Important;}
	#area_develop .tab_content .list_process > li:last-child{margin:0;}
	#area_develop .tab_content .list_process > li:before{top:unset; left:50%; right:unset; bottom:-36px; transform:translate(-50%, 0) rotate(90deg);}
	.list_process > li:nth-child(1), .list_process > li:nth-child(2):before{display:block;}
	#area_develop .tab_content .list_process > li:nth-child(2):before{display:block;}
	#area_develop .tab_content .list_process > li .area_img{height:140px;}
	.list_sample{margin:20px 0 0;}
	#area_develop .tab_content .list_sample.col02{display:block;}
	#area_develop .tab_content .list_sample.col02 > li{width:100%; margin:0 0 10px;}
	#area_develop .tab_content .list_sample.col02 > li:last-child{margin:0;}
	#area_pd.view .pd_top .pd_txt{padding:0 0 7px; margin-top:20px;}
	#area_pd.view .pd_top .big_img .swiper-slide{height:300px;}
	#area_pd.view .pd_top .thumbs_img .swiper-slide{height:70px;}
	.area_btn .btn_list{width:110px; height:47px;}
	#area_rndabout .area_top{padding:45px 30px;}
	.box_tit02 span{font-size:14px;}
	#area_rndabout .obj_txt img{height:25px;}
	.list_strategy > li:before{display:none;}
	.list_strategy > li .area_txt{width:75%;}
	.line{margin:30px 0;}

	#area_cs .area_box{margin:20px 0 0;}
	#area_cs .area_box h3{margin:0 0 7px;}
	.area_contact h3{font-size:19px; margin:0 0 10px;}
	#area_pd.view .pd_top .img_facility .swiper-slide{height:200px;}
}

@media (max-width:400px){
	.list_box.col04 > li .area_img{height:140px;}
	.list_box.col04 > li .area_txt{font-size:14px;}

	#area_develop #tab4 .box_flex .area_txt h3{font-size:21px;}
	.list_dot > li{font-size:14px;}
	#area_pd.view .pd_top .thumbs_img .swiper-slide{height:57px;}
	.list_strategy > li .area_txt em{font-size:13px;}
	.list_strategy > li .area_txt span{font-size:14px;}
	#area_cs table.itable tbody tr th{font-size:14px;}
}