@charset "utf-8";
.display_pc {display: block;}
.display_m {display: none;}
	
/************** header ************/
header h1, header h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.nav_wrapper {position: fixed; left: 0; top: 0; width: 100%; height:100px; transition: top .5s ease-out; background-color:rgba( 1, 1, 1, 0.5 ); z-index:9999; text-align: center; font-family: 'Poppins-Regular', Sans-serif;}
.nav_wrapper a {display: inline-block;}
.nav_wrapper > ul > li {font-size: 0.9rem; height:28px;width:40px; cursor: pointer;vertical-align: middle; display: inline-block;}
.nav_wrapper > ul a {text-indent:-9999em; display:block; height:28px; *display: inline; zoom: 1; *text-indent:0;  *overflow:hidden;}
.contacus {display:inline-block; background:url('../img/icon_contactus.png') 1px 2px  no-repeat; background-size:70%;}
.english {display:inline-block; background:url('../img/icon_internet.png') no-repeat;background-size:70%;}
.ticktock {display:inline-block; background:url('../img/top_menu.png') -7px -155px no-repeat;}
.we_chat {display:inline-block; background:url('../img/top_menu.png') -2px -102px no-repeat;}
.viewall {display:inline-block; background:url('../img/top_menu.png') -7px -207px no-repeat;}
.viewall button {width:100%; height:100%; outline: 0; background:none;}
.nav_wrapper > ul {position: absolute; right: 0; top: 0px;font-size: 0.9rem; margin:34px 10px 0 0; z-index: 20;}
.mailto {width: 60px !important; padding-right:20px;}
.mailto a {text-indent: inherit !important; font-size:15px; color:#999; font-weight: 600; line-height:24px;}

.nav_wrapper .logo {float:left; position: relative; display: inline-block; margin:0 auto; padding:10px 0 0 24px; vertical-align:top; z-index: 20; }
.nav_wrapper .logo img {width:130px;}

.visuarl_01 .text-item__inner  {padding:320px 0 0 0; text-align:center; width:100%;}
.visuarl_04 .text-item__inner  {padding:130px 0 0 0; text-align:center; width:100%;}
.visuarl_05 .text-item__inner  {padding:130px 0 0 0; text-align:center; width:100%;}
.visuarl_03 .text-item__inner  {padding:100px 0 0 0; text-align:center; width:100%;}

/************** Footer ************/
footer {clear:both;  height: 320px; background:#1f1f1f; color:#fff; padding-top:40px; position:relative;}
footer .logo {margin: 0 auto; padding:0 0 20px 0;}
footer .copyright {padding:0 0 20px 0; font-size:0.95rem;}
footer div {text-align: center; padding: 0;}
footer .family_site {float:none;}
footer .btn_family_site {width:228px; background:#1f1f1f; padding:10px; text-align:left; border-bottom:1px solid #0074bc; font-size:0.8rem; color:#fff; background: url('../img/select_arrow.png') no-repeat 95% 50%; margin:0 auto;}
footer .btn_family_site a {color:#fff; }
footer .family_site_list {display:none; position:absolute; bottom: 126px; background: #0074bc; font-size: 0.7rem; padding: 10px 4px;}
footer .family_site_list li {border-bottom:1px solid #458dd8; padding:5px 0;} 
footer .family_site_list a {color:#fff;}
footer .family_site_list a:focus {color:#fff;}


/************** sub ************/
#sub_wrapper {overflow:hidden;}
#sub_wrapper h2 {display: block; color:#fff; font-size: 31px; font-weight: bold; height: 410px; line-height: 41px; padding-top: 230px;} 
.sub_visual_01 { height:410px; background:url('../img/sub_visual_01.png') no-repeat; background-size: cover; text-align: center;}
.sub_visual_02 { height:410px; background:url('../img/sub_visual_02.png') no-repeat; background-size: cover; text-align: center;}
.sub_visual_03 { height:410px; background:url('../img/sub_visual_03.png') no-repeat; background-size: cover; text-align: center;}
.sub_visual_04 { height:410px; background:url('../img/sub_visual_04.png') no-repeat; background-size: cover; text-align: center;}
.sub_visual_05 { height:410px; background:url('../img/sub_visual_05.png') no-repeat; background-size: cover; text-align: center;}
.sub_visual_06 { height:410px; background:url('../img/sub_visual_06.png') no-repeat; background-size: cover; text-align: center;}

.sub_menu {position: relative; width:100%; max-width: 1240px; height:90px; line-height: 90px; margin: 0 auto; text-align: center;}
.sub_menu ul {font-size:0;}
.sub_menu.active {display: block; height: 50px; line-height: 50px; z-index:20;}
.sub_menu.active ul li {display:none; font-size:17px; background:#0557d2; color:#fff; border-bottom:1px solid #236bd7; padding:0 23px; height:50px; line-height:50px; cursor:pointer; }
.sub_menu.active ul li:hover {background:#004ab9; color:#afd3ff;}
.sub_menu.active ul li.over {display: block; color:#afd3ff;}
.sub_menu.active ul li a {display: block; color:#fff; }
.sub_menu ul li span {width:8px; height:9px; background:url(../img/sub_tab_icon.png) no-repeat; margin-left:20px; display:inline-block; position:relative; float:right; top:20px; right:20px;}

.sub_contents {position: relative; width:100%; max-width: 1240px; margin: 0 auto; text-align: center; padding: 60px 20px 140px 20px; font-size:0;}
.sub_contents .top_text {position:relative; font-size: 1.15rem; font-weight: 400; line-height: 2.2rem; padding-top:30px; text-align:center;}
.sub_contents .top_text span {display:inline-block; position: absolute; left: calc( 50% - 35px ); top:0px; width:90px; height:1px; background:#000; }
.sub_contents .top_text.sns span {display:inline-block; position: absolute; left: calc( 50% - 45px ); top:0px; width:90px; height:1px; background:#000; }
.sub_contents .top_img {margin-top: 5rem;}

.gray_bg {width:100vw; margin-left: calc(-50vw + 49.3%); background:#f9f9f9; padding:0 20px;}
.gray_bg.right { margin-left:0;}

/*----- quickmenu ----*/
.quick_menu {position: fixed; bottom:20px; width:130px; height:100px; border-radius:50px; background:url(../img/quick_bg.png) center 11px no-repeat #0075bc; text-align:center; line-height:155px; box-shadow: 6px 6px 8px -5px rgba(10, 0, 0, 0.28); right:10px; z-index:9999;}
.quick_menu a {color:#fff; font-size:11px; line-height: 13px; font-weight:600; width: 80px; display: inline-block; height: 80px; border-radius: 50px; padding-top: 66px;} 

/*----- Tabs -----*/
.tab_container {width:100%; margin-top:80px; display:inline-block; font-size:1.1rem; line-height:2.2rem; text-align:left;}
.tab {display:none;}
.tab.active {display:block;}
.tabs li {display:inline-block; width: 50%; float: left; background:#eaeaea; color:#808080; font-size:16px; height:50px; line-height:50px; border:1px solid #cccccc; cursor: pointer; overflow:hidden;}
.tabs li.active {background:#fff; color:#000; font-size:16px; border-bottom:1px solid #cccccc;}
.tab-content {padding:15px;	border-radius:3px;	box-shadow:-1px 1px 1px rgba(0,0,0,0.15);background:#fff;}
.history {display: inline-block; width: 100%; margin-bottom:100px;}
.history .title {display:inline-block; float:left; width:100%; text-align:center;}
.history .title li:first-child {font-size:55px; font-weight:bold; color:#2c2c2c; padding-bottom:20px;}
.history .title li {display:inline-block; color:#797979; line-height: 23px; font-size:14px;}
.history .contents {display:inline-block; float:left; width:100%; border-top:1px solid #000; padding-top:20px; margin-top:20px;}
.history .contents .imgwrap {display:block; vertical-align:top; width:100%; background:#e8e8e8; text-align:center;}
.history .contents ul {display:inline-block; vertical-align:top; margin-left:25px; width:94.5%; padding-top:20px;}
.history .contents ul li {background:url('../img/dot_icon.png') 0px 15px no-repeat; padding:0 15px; display: inline-block; width:100%;}
.history .contents ul li span {width:100px; display:inline-block; float: left}
.history .contents ul li p {width: calc( 100% - 100px );  display: inline-block; float: left}

/*----- sub_01 -----*/
.sub_0104_wrap {font-size:1.2rem; border-top:1px solid #000; letter-spacing: -0.04rem;}
.sub_0104 {border-bottom:1px solid #e0e0e0; padding:50px 30px; max-width: 1240px; margin: 0 auto;font-size:1.2rem; }
.imgwrap {clear:both; display: inline-block;}
.sub_0104  > ul {width: 100%; margin:30px 0 0 0; text-align:left; display:inline-block;}
.sub_0104  > ul > li {position:relative; display:block; color:#333333; font-size:1rem; line-height: 26px;}
.sub_0104  > ul > li.title {color:#0091ea; font-size:1.8rem; font-weight:500; padding-bottom:20px;}
.sub_0104  > ul > li.stitle {color:#1e1e1e; font-size:1.23rem; line-height: 42px; font-weight:500; margin-top:47px;}
.sub_0104 .com_info {position:relative; display:block;}
.sub_0104 .com_info span {display:inline-block; color:#1e1e1e; font-size:0.89rem; font-weight:600; width:90px; padding-left:20px; vertical-align:top; }
.sub_0104 .com_info .location {background:url('../img/icon_set.png') 0px 7px no-repeat;}
.sub_0104 .com_info .phone {background:url('../img/icon_set.png') 0px -23px no-repeat;}
.sub_0104 .com_info .email {background:url('../img/icon_set.png') 0px -54px no-repeat;}
.sub_0104 .com_info p {display:inline-block; width: calc(100% - 100px);}

.map {height:450px; background:url('../img/sub_01/sub01_03_map.png') center no-repeat #f9f9f9; background-size: contain; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; margin-bottom:100px; }
.gray_bg.map ul {position:relative; right:-60px; top: 60px; text-align:left; width: 290px; }
.gray_bg.map ul li {font-size:1.2rem; line-height:22px; text-align:left; height:45px; line-height:45px; padding:0 10px 0px 0px;}
.gray_bg.map ul li:nth-child(1) {background:url('../img/sub_01/sub01_03_icon.png') 91% 7px no-repeat; }
.gray_bg.map ul li:nth-child(2) {background:url('../img/sub_01/sub01_03_icon.png') 91% -46px no-repeat; }
.gray_bg.map ul li:nth-child(3) {background:url('../img/sub_01/sub01_03_icon.png')  91% -96px no-repeat; }
.gray_bg.map ul li:nth-child(4) {background:url('../img/sub_01/sub01_03_icon.png') right -146px no-repeat #e7ebef; margin-top:10px;}
.gray_bg.map ul li:nth-child(5) {background:url('../img/sub_01/sub01_03_icon.png') right -196px no-repeat #e7ebef; }
.gray_bg.map ul li:nth-child(6) {background:url('../img/sub_01/sub01_03_icon.png') right -246px no-repeat #e7ebef; }
.gray_bg.map ul li:nth-child(7) {background:url('../img/sub_01/sub01_03_icon.png') right -296px no-repeat #e7ebef; padding-bottom:60px; }
.gray_bg.map ul li.bg_wrap {position:relative; left:-20px; padding-left:24px;}
.inner {max-width:1240px; margin:0 auto;}
.company_map h3 {color:#0091ea; font-size:2.3rem; text-align:left; letter-spacing:-0.14rem;}
.company_map > div {padding-bottom:30px;}
.company_map ul li {position:relative; display:block;}
.company_map ul li span {display:inline-block; color:#1e1e1e; font-size:1.15rem; font-weight:600; width:130px; padding-left:20px; vertical-align:top; }
.company_map .location {background:url('../img/icon_set.png') 0px 11px no-repeat;}
.company_map .phone {background:url('../img/icon_set.png') 0px -18px no-repeat;}
.company_map .email {background:url('../img/icon_set.png') 0px -49px no-repeat;}
.company_map p {display:inline-block; width: calc(100% - 140px);}
.company_map .stitle {padding-top:30px;font-size:1.15rem; font-weight:600; }

.sub_0105 {}
.sub_0105 > .introduce_con {display:flex; justify-content:space-between;}
.sub_0105 > .introduce_con > .info_con {max-width:800px; text-align:left;}
.sub_0105 > .introduce_con > .info_con > .text_con {display:flex; flex-direction:column; gap:14px;}
.sub_0105 > .introduce_con > .info_con > .text_con > p {font-size:18px; color:#333; font-weight:400; line-height:150%; letter-spacing:-0.36px;}
.sub_0105 > .introduce_con > .info_con > .txt_con {margin:40px 0 0;}
.sub_0105 > .introduce_con > .info_con > .txt_con > .text01_con {}
.sub_0105 > .introduce_con > .info_con > .txt_con > .text01_con > span {font-size:20px; color:#0091EA; font-weight:600; line-height:130%; letter-spacing:-0.4px;}
.sub_0105 > .introduce_con > .info_con > .txt_con > .text02_con {margin:4px 0 0;}
.sub_0105 > .introduce_con > .info_con > .txt_con > .text02_con > span {font-size:20px; color:#222; font-weight:600; line-height:130%; letter-spacing:-0.4px;}
.sub_0105 > .introduce_con > .img_con {flex-shrink:0; width:390px; margin:120px 0 0; position:relative;}
.sub_0105 > .introduce_con > .img_con:after {content:''; width:1000px; height:380px; background:rgba(0,145,234,0.05); border-radius:300px 0 0 300px; position:absolute; left:70%; bottom:0; transform:translateX(-50%); z-index:-1;}
.sub_0105 > .introduce_con > .img_con > img {width:100%;}

/*----- sub_02 -----*/
.sub02_wrap .top_text {position:relative; font-size: 1.75rem; font-weight: 500; padding-top:0px; text-align:center; padding: 10px 0; }
.sub02_wrap .top_text_sub {position:relative; display:block; font-size: 1.15rem; font-weight: 400; line-height: 1.9rem; text-align:center; margin-bottom:70px; }
.sub0201 {max-width:1240px; margin:0 auto; padding:40px 0 50px 0; text-align:center;font-weight:400; }
.sub0201 > ul > li {line-height: 27px; display:inline-block; width:100%; vertical-align:top;}
.sub0201 > ul > li > ul > li:last-child {margin-bottom:40px;}
.sub0201 > span {font-size:26px; font-weight:600; color:#5f5f5f; margin-bottom:40px; display:inline-block;}
.sub0201 .title {font-size:25px; font-weight:500; color:#076cb3; padding:30px 0 20px 0; line-height: 42px; }
.sub0202 {display: block; margin-top:70px; }
.sub02_img_wrap {background:url('../img/sub_02/product_0101.png') no-repeat; background-size:cover; width:100%; height:300px; display: inline-flex;}
.sub02_img_wrap2 {background:url('../img/sub_02/product_0101.png') no-repeat; background-size:cover; width: 100%; height:300px; display: inline-flex;}
.sub_img_list .sub02_txt {padding:15px 60px 0px 60px;}
.sub0202 .img_0102 {background:url('../img/sub_02/product_0102.png') no-repeat; background-size:cover; height:330px;}
.sub0202 .img_0103 {background:url('../img/sub_02/product_0103.png') no-repeat; background-size:cover; height:330px;}
.sub0202 .img_0104 {background:url('../img/sub_02/product_0104.png') no-repeat; background-size:cover; height:360px;}
.sub0202 .img_0105 {background:url('../img/sub_02/product_0105.png') no-repeat; background-size:cover; height:300px;}
.sub0202 .img_0106 {background:url('../img/sub_02/product_0106.png') no-repeat; background-size:cover; height:300px;}
.sub0202 .img_0107 {background:url('../img/sub_02/product_0107.png') no-repeat; background-size:cover; height:300px;}
.sub0202 .img_0202 {background:url('../img/sub_02/product_0202.png') no-repeat; background-size:cover; height:300px;}
.sub0202 .img_0203 {background:url('../img/sub_02/product_0203.png') no-repeat; background-size:cover; height:300px;}
.sub0202 .img_0204 {background:url('../img/sub_02/product_0204.png') no-repeat; background-size:cover; height:300px;}
.sub0202 .img_0205 {background:url('../img/sub_02/product_0205.png') no-repeat; background-size:cover; height:300px;}
.sub0202 .img_0206 {background:url('../img/sub_02/product_0206.png') no-repeat; background-size:cover; height:300px;}
.sub0202 .img_0207 {background:url('../img/sub_02/product_0207.png') no-repeat; background-size:cover; height:300px;}
.sub0202 .img_0208 {background:url('../img/sub_02/product_0208.png') no-repeat; background-size:cover; height:300px;}
.gray_bg .sub_img_list .sub02_count:first-child {border-bottom:none;}
.gray_bg .sub_img_list .sub02_count {margin-top:0;}
.gray_line {border-bottom:1px solid #eee; padding-top: 70px;}

.sub02_img_wrap3 {background:url('../img/sub_02/product_0301.png') no-repeat; background-size:cover; width: calc(50vw + 0.7%); height:580px; display: inline-flex;}
.sub02_txt {width:100%; padding:15px 60px 24px 60px; background:#fff;}
.gray_bg .sub02_count:first-child {border-bottom:1px solid #CCC; padding-bottom:40px;}
.sub02_count {margin-top:30px; min-height:230px;}
.sub02_count li {font-size:15px; line-height:28px;}
.sub02_count .title {font-size:1.6rem; font-weight:600; padding-bottom:10px;}
.sub02_count .text {margin-bottom:20px;}
.sub02_count li:last-child {font-size:0.9rem; color:#767676;}
.sub02_count li:last-child span {display:inline-block; width:150px; font-weight:600;}
.sub02_product > li {display:block; width:100%; vertical-align: top; padding:0 30px; border-bottom:1px solid #eaeaea;}
.sub02_product .sub02_count {margin:70px 0;}
.sub02_product .sub02_count li {display:block;}
.sub02_product .sub02_count li:first-child {text-align:center;}
.sub02_product .sub02_count li span {display:block;}
.sub02_product .sub02_count .title {margin-top:40px;}
.sub02_product .sub02_count p {line-height:24px;}

/*----- sub_03 -----*/
.sub0301_wrap {}
.sub0301_wrap > ul {margin:0 0 0 20px; padding-top: 30px; border-left:1px solid #cccccc;}
.sub0301_wrap > ul > li {font-size:15px; padding: 10px 0 50px 27px;}
.sub0301_wrap .dot {position:relative; top:35px; left:-35px; display:inline-block; width:15px; height:15px; border-radius:15px; background:#0091ea;}
.sub0301_wrap .title {font-size:25px; font-weight:500; color:#0091ea; padding-bottom:20px;}
.sub03_01 {margin-top:50px;}
.sub03_01 li:first-child {font-size:1.2rem; font-weight:bold; color:#1e1e1e; background:none; padding-left:0; margin-bottom:15px;}
.sub03_01.notitle li:first-child {background:url('../img/dot_icon.png') 0px 15px no-repeat; padding-left:15px; line-height: 1.95rem; font-size: 1.1rem; font-weight:normal; margin-bottom:0;}
.sub03_01 li {background:url('../img/dot_icon.png') 0px 15px no-repeat; padding-left:15px; line-height: 1.95rem;}
.regular { display:block; width:100%; max-width:1240px;} 
.regular .slick-slide {width: 1240px;}
.regular > .slick-next {background:url('/img/sub_03/slider_next.png') no-repeat; width:38px; height:78px; cursor: pointer;text-indent:-9999rem; right: 20px; z-index:20}
.regular > .slick-prev {background:url('/img/sub_03/slider_prev.png') no-repeat; width:38px; height:78px; cursor: pointer;text-indent:-9999rem; left: 20px; z-index:20}
.sub0302_wrap {max-width:1240px; margin:60px auto;}
.sub0302_wrap.first {margin-top:0;}
.gray_bg > .sub0302_wrap {padding:60px 0;}
.sub0302_wrap > li > div {text-align:center;}
.sub0302_wrap h4 {color:#1e1e1e; font-size:1.27rem; text-align:center; margin:30px 0 20px 0 ; line-height: 30px;}
.sub0302_wrap > li {display:block; width:100%; font-size:1.1rem; color:#7d7d7d; padding:0 30px; vertical-align:top; text-align:left; margin-bottom:50px;}
.sub0302_wrap > li > ul > li {display:inline-block; background:url('../img/dot_icon.png') 0px 15px no-repeat; padding-left:15px; line-height: 32px; word-break: break-all; text-align: justify; font-size:14px;}
.sub03_table {}
.sub03_table table {width:100%; border-collapse: collapse;}
.sub03_table.organiz table {text-align:center; margin-top:60px;}
.sub03_table.organiz table tr:last-child {background:#f6f6f6;}
.sub03_table table thead {background:#f6f6f6; text-align:center; font-size:1.2rem; font-weight:500; color:#333333; border-top:2px solid #666666;}
.sub03_table table thead td { border:1px solid #ddd; height:60px;}
.sub03_table table tr {border-bottom:1px solid #dddddd;}
.sub03_table table tbody td { font-size:1rem; line-height:26px; color:#797979; padding:10px; border:1px solid #ddd;  height:60px;}
.sub03_table table tbody td:first-child, .sub03_table table thead td:first-child { text-align:center; border-left:none; }
.sub03_table table tbody td:last-child, .sub03_table table thead td:last-child {border-right:none;}
.sub03_table table .center { text-align:center;}
.sub03_table table .blue {color:#0093f4;}
 
/*----- sub_04 -----*/
.sub_0401_bg1 {width:100vw; margin-left: calc(-50vw + 49.3%); background:url(../img/sub_04/sub04_0101.png) no-repeat; padding-top: 300px; margin-bottom: 140px; background-size:auto;}
.sub_0401_bg2 {width:100vw; margin-left: calc(-50vw + 49.3%); background:url(../img/sub_04/sub04_0102.png) no-repeat; padding-top: 300px; margin-bottom: 140px; background-size:auto;}
.sub_0401_bg3 {width:100vw; margin-left: calc(-50vw + 49.3%); background:url(../img/sub_04/sub04_0103.png) no-repeat; padding-top: 300px; background-size:auto;}
.sub_0401_wrap {max-width:1240px; margin:0 auto; text-align:left; padding-bottom:140px; background:#fff; padding: 20px;}
.sub_0401_wrap h3 {font-size:2.5rem; font-weight:500; color:#0091ea; padding-bottom:40px; line-height: 2.3rem;}
.sub_0401_wrap h3 span {font-size:.8rem; font-weight:300; color:#7d7d7d; display:block; margin-bottom:15px; }
.sub_0401_wrap > ul > li {font-size:15px; font-weight:400; padding:0 20px 15px 20px; color:#7d7d7d; letter-spacing: -0.35px; line-height:26px;}
.sub_0401_wrap > ul > li.title {font-size:1.1rem; font-weight:500; padding:10px 0; color:#333333;}
.sub_0401_wrap .flow {border:1px solid #ddd; font-size:1.1rem; text-align:center; padding:25px; margin-bottom:35px;}
.sub_0401_wrap .flow li {display:inline-block; padding-right:35px; line-height:38px;}
.sub_0401_wrap .flow li::after {position:absolute; content:' '; width:36px; height:33px; background:url(../img/sub_04/sub04_arrow.png) 15px 11px no-repeat; }
.sub_0402_wrap {font-size:1.2rem; border-top:1px solid #000; letter-spacing: -0.04rem;}
.sub_0402 {border-bottom:1px solid #e0e0e0; padding:50px 0; max-width: 1240px; margin: 0 auto;font-size:1.2rem; }
.sub_0402  > ul {width: 100%; margin:30px 0 0 0; text-align:left; display:inline-block;}
.sub_0402  > ul > li {position:relative; display:block; color:#333333; font-size:1rem; line-height: 26px;}
.sub_0402  > ul > li.title {color:#0091ea; font-size:1.8rem; font-weight:500; padding-bottom:20px;}
.sub_0402  > ul > li span {display: inline-block; width:150px; vertical-align:top;}
.sub_0402  > ul > li p  {display: inline-block; width: calc(100% - 150px);}
.tab_content h3 {font-size:1.56rem; font-weight:500; color:#076cb3; text-align:center; margin-bottom:30px; }
.sub04_01 {margin-top:50px;}
.sub04_01 li:first-child {font-size:1.2rem; font-weight:bold; color:#1e1e1e; background:none; padding-left:0; margin-bottom:15px;}
.sub04_01 li {background:url('../img/dot_icon.png') 0px 15px no-repeat; padding-left:15px; line-height: 1.95rem;}
.sub_contents .quality .top_text {text-align:center; font-size:1.3rem; font-weight:500; margin-bottom:50px;}

/*----- sub_05 -----*/
.sub_0501_wrap, .sub_0501_view_wrap {border-top:1px solid #000; letter-spacing: -0.04rem;}
.sub_0501_wrap a {position:relative; display:block; opacity:1;}
.sub_0501_wrap a:hover {opacity:.9;}
.sub_0501_wrap .thumnail {width:380px; height:280px !important;}
.search {text-align:right; margin-bottom:50px;}
.search ul li {display:inline-block;}
.search select {font-size:0.9rem;}
.search button {height:40px; }
.search .in_search {margin-left:10px;}
.search .in_search input {width:180px; height:40px; font-size:0.9rem; padding:0 5px;}
.search .in_search button {margin-left:6px; width:60px; font-size:0.9rem; outline: 0;}
.sub_0501_wrap > ul > li {display:inline-block; text-align:left;  padding:30px 50px 30px 0; }
.sub_0501_wrap > ul > li:nth-child(3n) {padding:30px 0; }
.sub_0501_wrap ul {text-align: left;}
.sub_0501_wrap ul.kolma_sabo {text-align: center;}
.sub_0501_wrap ul.kolma_sabo img {width:250px; height:350px; border:1px solid #eee;}
.sub_0501_wrap ul.kolma_sabo > li {text-align: center;}
.sub_0501_wrap ul.kolma_sabo > li:nth-child(3n) {padding:30px 50px 30px 0; }
.sub_0501_wrap ul.kolma_sabo > li:nth-child(4n) {padding:30px 0 30px 0; }
.sub_0501_wrap .stitle {font-size:1rem; width: 380px; height:30px; line-height: 30px; overflow:hidden; word-break: break-all; text-align: justify; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.sub_0501_wrap .title {font-size:1.2rem; font-weight:500; padding: 30px 0 10px 0;}
.sub_0501_wrap .date {font-size:1rem; color:#838383; padding-top: 30px;}

.sub_0501_view_wrap .title {font-size: 1.2rem; font-weight: 500; padding: 30px 0 10px 0; }
.sub_0501_view_wrap .contents {font-size: 1rem; padding: 30px 0 50px 0; line-height: 2rem; color:#6a6a6a; text-align: left; border-bottom:1px solid #eaeaea; position:relative;}
.sub_0501_view_wrap .bbs_info { position: relative; width: 100%; text-align: right; padding-bottom:10px; font-size: 0.8rem;border-bottom:1px solid #eaeaea;}
.sub_0501_view_wrap .bbs_info div {display: inline-block; margin-left: 20px; color: #ababab;}
.btn_set {position:relative; margin-top:20px;}
.btn_set .left_set {position:absolute; top:0; left:0;}
.btn_set .right_set {position:absolute; top:0; right:0;}
.btn_set .right_set .bbs_btn {margin:0;}
.btn_set .bbs_btn {text-align: center;  min-width: 60px; max-width: 127px; border-width: 1px; border-color: #ccc; display: inline-block; padding: 0.85em 3%; background-color: #175cb0; color: #fff;  font-size: 1rem; font-weight: 300; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; transition: .8s ease;  -moz-transition: .8s ease; -webkit-transition: .8s ease; -o-transition: .8s ease; -webkit-transition-property: color, background-color; -moz-transition-property: color, background-color;-ms-transition-property: color, background-color; -o-transition-property: color, background-color; transition-property: color; margin-right:10px;}

.pager ul {text-align:center; border-top:1px solid #666666; padding-top:30px;}
.pager ul li {display:inline; vertical-align:middle; font-size:0.91rem; line-height: 34px;}
.pager ul li a {display:-moz-inline-stack;	display:inline-block; vertical-align:top; color:#a9a9a9; padding:0 10px; text-align:center; }
.pager ul li a.now {font-weight:500;color:#000; }
.pager ul li a:hover, .pager ul li a:focus {font-weight:500;color:#000; }
.pager ul li:nth-child(1) a, .pager ul li:nth-child(2) a, .pager ul li:nth-last-child(1) a, .pager ul li:nth-last-child(2) a {padding:0 3px;}

.ci_solution {width:100%; margin-top:45px;}
.ci_solution > li > div {text-align:center;}
.ci_solution h4 {color:#1e1e1e; font-size:1.27rem; text-align:center; margin:30px 0 20px 0 ;  }
.ci_solution > li {display:block; width:100%; font-size:1.1rem; color:#7d7d7d; padding:0 30px; vertical-align:top; text-align:left; margin-bottom:50px;}
.ci_solution > li > ul > li {display:inline-block; background:url('../img/dot_icon.png') 0px 15px no-repeat; padding-left:15px; line-height: 1.95rem;}

.logo_wrap {padding:30px 0 ; max-width:1240px; margin:0 auto; margin-top:60px; }
.logo_wrap > li {display:inline-block; width:100%; padding:50px;}
.logo_inner {border:1px solid #e8e8e8; background:#fff; font-size:1rem; font-weight:400; padding: 70px 0 10px 0; }
.logo_inner hr {height:50px; background: #276ef1; margin-top:50px; }
.logo_inner hr.lite {background:#00ace9;}

/*---------- sub_06 ----------------*/
.bbs_write table {width: 100%; border-top:1px solid #000; font-size: 1rem; border-spacing: 0px;}
.bbs_write table tbody th,.bbs_write table tbody td{width:100%; display:block; padding:1%;border-bottom: 1px solid #e0e0e0;font-size: 1em;line-height: 2em; text-align:left;}
.bbs_write table tbody th{text-align: left; padding-left: 2%; border-right: 1px solid #e0e0e0; vertical-align: middle;background:#f4f4f4; }
.bbs_write table tbody td{color: #696969; padding:20px 10px 30px 10px;}
.bbs_write table input {height:40px; padding:0 5px; display:block; margin-bottom:10px;}
.bbs_write table input[type=radio] {height:14px; display:inline-block;}
.bbs_write select {font-size: 1rem; margin-bottom:10px; vertical-align:top;}
.bbs_write textarea {width:100%;}
.write_ti{width: 20%;}
.tb_txt{font-size: 0.9em;}
.tb_uptxt{margin-bottom: 1em;}
.editorTB{width: 100%;}
.editorTB td{padding: 0 5px;}
.lst_radio ul:after{display: block;clear: both;content: "";}
.lst_radio ul li{float: none; margin-left: 1em;  }
.lst_radio ul li:first-chid{margin-left: 0; }
/* fakefile */
div.fakefile {position: absolute;top: 0px;left: 0px;z-index: 1;width: 100%;height: 100%;}
div.fakefile input{border: 1px solid #d1d1d1;width: 70%;height: 40px;color: #666;margin-right: 5px;vertical-align: top;font-size: 1.1em;padding: 0 1%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
input.file {cursor: pointer;width: 100%;/* height: 2em; */line-height: 2.2em;position: relative;text-align: right;font-size: 1em;-moz-opacity:0;filter:alpha(opacity: 0);opacity: 0;z-index: 2;vertical-align: top;}
.fileinputsDesign{padding-left: 20px;padding-right: 75px;background: url(../images/btn/btn_upload_off.gif) 100% 50% no-repeat;vertical-align: middle;}
input.fileDesign {vertical-align: middle;border: 1px solid #e2e7eb;cursor: pointer;width: 150px; height: 33px; line-height: 26px;position: relative;z-index: 2;}
div.fileImg {text-align:center;}
span.fileImg{ vertical-align: middle; margin-right: 10px;}
div.fileinputs { position: relative;max-width: 350px;width: 100%;font-size: 1em;height: 2.1em;}
div.fakefile button{max-width:100px; width: 35%;height:  40px; font-size:15px;line-height: 1em;vertical-align: top;padding: 0.5em;float: right; position:absolute; right:0; top:0;}
.bbs_btnArea {padding-top:20px;}
.bbs_btnArea ul li {display:inline-block; width:50%; font-family:1.2rem; text-align:left;}
.bbs_btnArea ul li:first-child {text-align:right; padding-right:10px;}
.bbs_write input[type=checkbox] {height:12px;}

/*----- sub_sns -----*/
.sns_wrap li { font-size: 18px; padding: 20px 0; color: #a3a3a3;}

/*---- 2022.01.25 폼메일 추가 -----*/
.txt_wrap {font-size:18px; text-align: left; padding-bottom:30px; line-height: 28px;}
.txt_wrap h4 {font-weight: 600; padding-bottom:10px;}
.inp_nor {width:100%;}
.wenti_wrap {display: flex; width:100%; position: relative; flex-wrap: wrap;}
.wenti_wrap > div {flex:1 1 30%;}
.bbs_write table input[type=checkbox] {display: inline-block; vertical-align: middle; margin:0 5px 0 0;}

@media screen and (min-width:1355px){
/*navigation*/
header .nav > ul  {left:-8% !important; position: relative;}
header .nav > ul li.dep02 {width: 150px !important;}
header .nav > ul li.dep02 h2 a {font-size:22px !important;}
.board_wrap {display:inline-block; width:calc(50% - 10px);}

.sub_0501_wrap > ul > li:nth-child(3n) {padding:30px 0; }
}

@media screen and (min-width:1220px){


}

@media screen and (min-width:1024px){ 
    
/*intro*/
.intro_logo { width:300px; margin:0 auto; }
.intro_logo img {width:300px; top:0px;}
.box span {padding-top:13vw; width: 260px; font-size:42px;}
.visuarl_01 .text-item__inner  {padding:370px 100px 0 0; text-align:right; width:100%;}
.visuarl_05 .text-item__inner  {padding:370px 100px 0 0; text-align:right; width:100%;}	

header .close  {display:none;}

/*navigation
header .nav {float:left; position: absolute; display: block; left:0; top: 0; z-index: 10; transition:none; padding: 0; width:100%; height: 100%; background: none; }
header .nav.on { right: 0;}
header .nav > ul {font-size:0; text-align:left; position: relative; left:20%; background:none;}
header .nav > ul > li {display:inline-block; position:relative; padding-left:0px; }
header .nav > ul > li a {display:inline-block; padding:0 23px; height:100px; line-height:100px; font-size:25px; padding-left:0;}
.nav_wrapper .dropdown {display:none; clear:both; position:absolute; top:100px; left:0; width:185px; z-index:9999;}
.nav_wrapper .dropdown li a {width:100%; height:41px; line-height:41px; font-size:18px; padding-left:0px;}*/


/* 메인 이미지 */
.text-item__inner {position: relative; float: left; text-align: center; color: #fff; font-size:30px; line-height: 1.6em; font-weight:400; /*text-shadow: 2px 3px 6px rgba(0, 3, 18, 0.5);*/ font-family: 'Poppins-Regular'; letter-spacing: 0;}
.visuarl_01 .text-item__inne {padding:250px 100px 0 0; float:right; width:auto;}
.visuarl_04 .text-item__inner {padding:140px 0px 0 0; clear:both; width:auto; left:29%;}
.visuarl_03 .text-item__inner {padding:100px 0 0 200px; float:left; width:auto;}
.board_wrap .lst_news > li {width:calc(34% - 10px); vertical-align: top;}

/*sub menu*/
.sub_menu ul li {display: inline-block !important; font-size:22px;  padding:0 23px; }
.sub_menu ul li a {color:#a9a9a9; font-weight: 400;}
.sub_menu ul li a:hover, .sub_menu ul li.over a  {color:#282c2d;}
.sub_menu ul .active {display:inline-block;  background: #fff;}
.sub_menu ul li:after {position:absolute; content:'|'; width:44px; height:23px; font-size:15px; color:#e1e1e1; }
.sub_menu ul li:last-child:after {display: none;}
.sub_menu ul li span  {display: none;}

.sub_contents {padding: 60px 0px 140px 0px;}
.gray_bg {padding:0;}
	
/*----- Tabs -----*/
.tabs li {width: 16.666%; }
.tabs.col_3 li {width: 33.333%; }
.tabs.col_4 li {width: 25%; }
.tabs.col_5 li {width: 20%; }
.tabs li.active {border-bottom:none; }
.history .title {width:210px; text-align:left;}
.history .title li {display:block;}
.history .contents {width:calc(100% - 210px); padding-top:40px; margin-top:0;}
.history .contents ul {width: calc(100% - 5px); padding-top:0px;}
.history .contents .imgwrap {display:inline-block; width:206px; }
.history .contents ul li {padding-left:15px; }

.sub_0104 {padding:50px 0;}
.sub_0104 .imgwrap {float:left; margin:0 40px 0 0; }
.sub_0104 .imgwrap.right {float:right; margin:0 0 0 0;}
.sub_0104 > ul {display:inline-block; width: calc(100% - 455px); margin:0 ;}
.sub_0104 > ul > li.stitle {margin-top:27px;}

.sub0201 > ul > li {width:32.333%; padding-left:15px;}
.sub02_product > li {display:inline-block; width:calc(33.33% - 3px); border-bottom:none;}
.sub0202 {display: flex; margin-top:70px;}
.sub02_txt {width:620px; padding:15px 60px 24px 60px; background:#fff;}
.sub02_img_wrap {background:url('../img/sub_02/product_0101.png') no-repeat; background-size:cover; width: calc(50vw + 0.7%); height:580px; display: inline-flex;}
.sub02_img_wrap2 {background:url('../img/sub_02/product_0201.png') no-repeat; background-size:cover; width: calc(50vw + 0.7%); height:610px; display: inline-flex;}

.sub0301_wrap > ul {margin:0 0 0 310px;}
.sub0302_wrap > li {display:inline-block; width:25%; margin-bottom:0px;}

.sub_0402 {padding: 50px 0;}
.sub_0402 .imgwrap {float:left; margin:0 40px 0 0; }
.sub_0402 .imgwrap.right {float:right; margin:0 0 0 0;}
.sub_0402 > ul {display:inline-block; width: calc(100% - 455px); margin:0 ; height:230px;}
.sub_0402 > ul > li.stitle {margin-top:27px;}

.gray_bg.map ul {position:relative; right:-900px; top:60px; width:320px;}
.gray_bg.map ul li {display:block;}

.ci_solution > li {display:inline-block; width:33.333%; margin-bottom:0px;}
.logo_wrap > li {width:50%;}

.lst_radio ul li {float:left;}
.bbs_write select { margin-bottom:0;}
.bbs_write table input {display:inline-block; margin-bottom:0;}
.bbs_write table tbody th {width:20%; display:table-cell;}
.bbs_write table tbody td {width:80%; display:table-cell; padding-bottom:1%;}

}

@media screen and (min-width:960px){	
	
}

@media screen and (min-width:768px){
/* navigation */

/*Footer*/
footer {background:#1f1f1f; height:170px; color:#fff; padding-top:40px;}
footer .logo {float:left; padding:0 100px 0 24px;}
footer .copyright {float:left; line-height: 30px;text-align: left;}
footer .family_site {float:right; margin-right:10px;}

}


@media screen and (min-width:1025px) {
	.only-m{display:none;}
	.viewall {display:none;}

	header{width:100%; text-align:center;  background:rgba(0, 0, 0 , 0.5);}
	header .head-content{max-width:1280px; width:100%; padding:10px 10px 7px; margin:auto; overflow:hidden;}
	header .head-content:after{clear:both; display:block; content:"";}
	.nav_wrapper nav .bg_lnb {display:none; position:absolute; top:100px; left:0; right:0; height:310px; background-color:rgba(5, 87, 210, .8); zoom:1; }

	header h1{float:left}
	header h1 a{color:#000; text-transform:uppercase;}

	header .nav{display:inline-block; margin:auto; vertical-align:middle;}
	header .nav > ul{margin-top:25px; z-index: 99; left:-11%; position:relative;}
	header .nav > ul:after{clear:both; display:block; content:"";}
	header .nav > ul li.dep02{float:left; text-align: left; padding:0 10px; width:123px;}
	header .nav > ul li.dep02 h2{position:relative; height:60px;}
	header .nav > ul li.dep02:nth-child(3) h2 {width:95px;}
	header .nav > ul li.dep02 h2 a{color:#fff; font-size:20px; line-height: 25px; font-weight: 500;}
	header .nav > ul li:first-child.dep02 h2 a {padding-top:10px;}
	header .nav > ul li.dep02.active h2 a{color:#0075bc;}
	header .nav > ul li.dep02 h2 ~ ul.dep03{display:block; max-height:0; position:relative; margin-top:20px; overflow: hidden; z-index: 999;  transition:all 0.4s linear;}
	/*header .nav > ul li.dep02.active h2 ~ ul.dep03{max-height:200px;}*/
	header .nav > ul li.dep02 h2 ~ ul.dep03 li{text-align: left; padding:5px 0;}
	header .nav > ul li.dep02 h2 ~ ul.dep03 li a{padding:4px 0; color:#fff; font-size:17px;}
	header .nav > ul li.dep02 h2 ~ ul.dep03 li a:hover {color:#96dcff; font-weight: 400; }
	
	.board_wrap {width:100%; display:block; margin-bottom:20px;display:inline-block; width:70%; vertical-align: top;}
	
}


@media screen and (max-width:1024px) {
	.only-m{display:block;}
	.visuarl_01 {height: 40vh;min-height: 400px; background: url("../img/visuarl_01.png") no-repeat left/cover; margin-bottom: 25px;}
	.visuarl_02 {height: 40vh;min-height: 400px; background: url("../img/visuarl_02.png") no-repeat center/cover; margin-bottom: 25px;}
	.visuarl_03 {height: 40vh;min-height: 400px; background: url("../img/visuarl_03.png") no-repeat center/cover;}
	.visuarl_04 {height: 40vh;min-height: 400px; background: url("../img/visuarl_04.png") no-repeat center/cover;}
	.visuarl_05 {height: 40vh;min-height: 400px; background: url("../img/visuarl_05.png") no-repeat center/cover;}
	.visuarl_01 .text-item__inner, .visuarl_04 .text-item__inner, .visuarl_05 .text-item__inner {padding:260px 0 0 0;font-size: 20px; letter-spacing: 0; line-height: 23px;}
	.text-item__inner .title {font-size:30px;}
	.main_silde > .slick-next {top:230px; background-size: 75%; }
	.main_silde > .slick-prev {top:230px;  background-size: 75%;}	
	.sub_visual_01 { height:200px; background-position:center;}
	.sub_visual_02 { height:200px; background-position:center;}
	.sub_visual_03 { height:200px; background-position:center;}
	.sub_visual_04 { height:200px; background-position:center;}
	.sub_visual_05 { height:200px; background-position:center;}
	.sub_visual_06 { height:200px; background-position:center;}
	.nav_wrapper {height:70px;}
	.nav_wrapper .logo img {width:90px;}
	.nav_wrapper > ul {margin:20px 10px 0 0;}
	#sub_wrapper h2 { padding-top: 128px;}
	.bbs_write table tbody th {border-right:none;}

	header{width:100%; text-align:center;  background:rgba(0, 0, 0 , 0.5); position:fixed; top:0; left:0;}
	header .head-content{max-width:100%; width:100%; padding:10px 10px 0px; margin:auto; overflow:hidden; box-sizing:border-box;}
	header .head-content:after{clear:both; display:block; content:"";}
	.nav_wrapper nav .bg_dim {width:100%; height:100%; background:rgba(0,0,0,0.6); position:fixed; top:0; left:0; z-index:1; opacity:1; transition:all 0.5s ease; display: none;}

	header h1{float:left; margin-top:10px;}
	header h1 a{color:#000; text-transform:uppercase;}

	header .nav{display:inline-block; position:relative; top:10px; width:100%; margin:auto; vertical-align:middle;}
	header .nav > ul{display:none;}
	header .nav > ul.active{display:block; position:relative; z-index: 2; transition: all 0.5s ease;}
	header .nav > ul:after{clear:both; display:block; content:"";}
	header .nav > ul li.dep02{float:none; width:100%; overflow: hidden; font-size:25px; line-height: 25px; background:#000;  border-bottom:1px solid #0c0c0c;     padding: 10px 0;}
	header .nav > ul li.dep02 h2{width:100%; margin:0 0px; position: relative;}	
	header .nav > ul li.dep02:nth-child(3) h2 {width:100%;}
	header .nav > ul li.dep02 h2 a{padding:5px 10px; color:#fff; text-align:center; font-size:25px; line-height: 25px;}
	header .nav > ul li.dep02 h2 ~ ul.dep03{display: none; max-height:200px; position:relative; margin-top:10px; transition: none; padding:10px 0; background:#0557d2;}
	header .nav > ul li.dep02.active h2 ~ ul.dep03{display: block; max-height:200px; }
	header .nav > ul li.dep02 h2 ~ ul.dep03 li{}
	header .nav > ul li.dep02 h2 ~ ul.dep03 li:frist-child { border-top: 1px solid rgb(20 114 226);}
	header .nav > ul li.dep02 h2 ~ ul.dep03 li a{padding:6px 0; color:#fff; font-size:20px;}	
	header .nav > ul li.dep02 h2 ~ ul.dep03 li a:hover { color: #96dcff;}	
	
	.sub_0105 > .introduce_con {flex-direction:column; justify-content:unset; position:relative;}
	.sub_0105 > .introduce_con > .info_con {max-width:100%;}
	.sub_0105 > .introduce_con > .info_con > .text_con {gap:17px;}
	.sub_0105 > .introduce_con > .info_con > .text_con > p {font-size:21px; letter-spacing:-0.76px;}
	.sub_0105 > .introduce_con > .info_con > .txt_con {margin:48px 0 0;}
	.sub_0105 > .introduce_con > .info_con > .txt_con > .text01_con > span {font-size:24px; letter-spacing:-0.8px;}
	.sub_0105 > .introduce_con > .info_con > .txt_con > .text02_con {margin:5px 0 0;}
	.sub_0105 > .introduce_con > .info_con > .txt_con > .text02_con > span {font-size:24px; letter-spacing:-0.8px;}
	.sub_0105 > .introduce_con > .img_con {width:280px; margin:-30px 0 0 auto;}
	.sub_0105 > .introduce_con > .img_con:after {content:''; width:480px; height:312px; background:rgba(0,145,234,0.05); border-radius:300px 0 0 300px; position:absolute; left:30%; bottom:0; transform:translateX(-50%); z-index:-1;}

	.sub_0501_wrap > ul > li {display:inline-block; text-align:left;  padding:30px 0; width:100%; }
	.sub_0501_wrap > ul > li img {width:100%;}
	.sub_0501_wrap .stitle {width:100%; }
	.sub_0501_wrap > ul > li:nth-child(3n) {padding:30px 0; }
	.gray_bg.right { margin-left:calc(-50vw + 50%)}
	.sub02_txt, .sub_img_list .sub02_txt {padding:10px 10px 10px 10px;}
	.gray_line {padding-top: 10px;}
	
	.bbs_write table input.inp_email {display: inline-block; width:35%;}
	.sub_0401_bg1, .sub_0401_bg2, .sub_0401_bg3 { padding-top: 21vw; background-size:contain; margin-bottom: 80px}
	
	footer .family_site {clear:both;}
	.board_wrap, .board_wrap2 {width:100%; display:block; }	
	.board_wrap2 li {width:100%;}
	
}


@media screen and (max-width:500px) { 

	.sub_0105 > .introduce_con > .info_con > .text_con {gap:12px;}
	.sub_0105 > .introduce_con > .info_con > .text_con > p {font-size:16px; letter-spacing:-0.34px;}
	.sub_0105 > .introduce_con > .info_con > .txt_con {margin:36px 0 0;}
	.sub_0105 > .introduce_con > .info_con > .txt_con > .text01_con > span {font-size:18px; letter-spacing:-0.36px;}
	.sub_0105 > .introduce_con > .info_con > .txt_con > .text02_con {margin:3px 0 0;}
	.sub_0105 > .introduce_con > .info_con > .txt_con > .text02_con > span {font-size:18px; letter-spacing:-0.36px;}
	.sub_0105 > .introduce_con > .img_con {width:210px; margin:-22px 0 0 auto;}
	.sub_0105 > .introduce_con > .img_con:after {content:''; width:360px; height:234px; background:rgba(0,145,234,0.05); border-radius:135px 0 0 135px; position:absolute; left:40%; bottom:0; transform:translateX(-50%); z-index:-1;}

}