@charset "utf-8";
/* css setting start */
.sec-wrap,
.sec-header,
.sec-content,
.sec-footer {position:relative;width:100%;margin:0;padding:0;box-sizing:border-box;}

/* contents */
.dv-conts-wrap {position:relative;width:100%;max-width:1280px;margin:0 auto;padding:0;box-sizing:border-box;overflow:hidden;}

/* css setting end */
.inner{width:90%; margin:0 auto; max-width:1500px;}


/********************************** header **********************************/
.header { position: absolute; left: 0; top: 0; z-index: 7; width: 100%; transition:all ease .3s; border-bottom:1px solid rgba(255,255,255,0.3);}
.header:after{content:''; width:0; height:1px; background:#258bc4; position:absolute; left:50%; bottom:0;  transition: all ease 1s; transition-delay:.25s;}
.header.active:after{width:100%; left:0;}
.header .container {height:100%; position: static; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 1780px; margin:0 auto; align-items:center; width:92%;} 
.header.fixed .gnb_area, .header.active .gnb_area { background: #fff;  -webkit-transition: .2s; transition: .2s; }
.header.fixed .gnb_area .logo .link, .header.active .gnb_area .logo .link { background: url(../../images/logo.png) no-repeat center center / cover; }
.header.fixed .gnb_area .icon, .header.fixed .gnb_area .icon::before, .header.fixed .gnb_area .icon::after, .header.active .gnb_area .icon, .header.active .gnb_area .icon::before, .header.active .gnb_area .icon::after { background: #000; }
.header.fixed .depth1 > a, .header.fixed .btn_sch_open, .header.active .depth1 > a, .header.active .btn_sch_open,.header.active .btn_allmenu ,.header.fixed .btn_allmenu, .header.fixed .gnb_area .btn_wrap .btn_top_link a,.header.active .gnb_area .btn_wrap .btn_top_link a { color: #000; }
.header.fixed .topmenu.fullmenu .submenu, .header.active .topmenu.fullmenu .submenu { margin-top: 3rem; }
.header.fixed { position: fixed; -webkit-animation: dropDown 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); animation: dropDown 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);  border-bottom-color:#ddd; } 
.header.fixed .gnb_area .btn_wrap .btn_top_link .global_box,.header.active .gnb_area .btn_wrap .btn_top_link .global_box{background:url(../../images/global_iconhover.png) no-repeat;}
.header.fixed .gnb_area .btn_wrap .btn_top_link .global_box::before{border-top:4px solid #666;}
.header.fixed .gnb_area .btn_wrap .btn_top_link .global_box.on::before{border-top:none; border-bottom:4px solid #666;}
.gnb_area .btn_wrap .btn_top_link .global_box.on::before{border-top:none; border-bottom:4px solid #fff;}
.gnb_area .btn_wrap .btn_top_link .global_box.on ul{display:block;}
.gnb_area { position: relative; border-bottom: 1px solid transparent; position: relative; height: 100px; }
.gnb_area .nav { display: -webkit-box; display: -ms-flexbox; display: flex; }
.gnb_area .logo { padding:  0; position: relative; z-index: 101; }
.gnb_area .logo .link { background: url("../../images/logo_w.png") no-repeat center center / cover ; display: block; width: 93px; height:31px; transition:all ease .3s; }
.gnb_area .gnb_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; position:fixed; left:0; width:100%; z-index: 100;}
.gnb_area .gnb_wrap .mo_login{display:none;}
.gnb_area .pop_title, .gnb_area .pop_eng_title, .gnb_area .pop_close { display: none; }
.gnb_area .btn_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; min-width: 150px;   justify-content: flex-end; align-items:center; position: relative; z-index: 101;} 
.gnb_area .btn_wrap .btn_top_link > a{color:#fff; display:flex; align-items: center; position:relative; padding-left: 20px;}
.gnb_area .btn_wrap .btn_top_link > a + a:after{content:''; width:1px; height:12px; background:rgba(255,255,255,0.3); position:absolute; left:7px; top:8px;}
.gnb_area .btn_wrap .btn_top_link .global_box{width:35px; height:20px; background:url(../../images/global_icon.png) no-repeat; margin-left:20px; position:relative; cursor: pointer;}
.gnb_area .btn_wrap .btn_top_link .global_box::after{    content: ''; width: 1px; height: 12px; background: rgba(255,255,255,0.3); position: absolute; left:calc(-100% + 7px); top: 6px;}
.gnb_area .btn_wrap .btn_top_link .global_box::before{content:''; position: absolute; right: 0; top: 50%; margin-top: -1px; border: 4px solid transparent; border-top:4px solid #fff;}
.gnb_area .btn_wrap .btn_top_link .global_box ul{position: absolute; top:calc(100% + 15px); left:-50%; background-color:#fff; border-radius: 3px; box-shadow: 1px 1px 10px rgba(0,0,0,0.2); display:none;}
.gnb_area .btn_wrap .btn_top_link .global_box ul::after{content:''; border:4px solid transparent; border-bottom:4px solid #fff; position: absolute; top: -8px; left: 50%; transform: translateX(-50%);}
.gnb_area .btn_wrap .btn_top_link .global_box ul li{padding:3px 15px;}
.gnb_area .btn_wrap .btn_top_link .global_box ul li a{font-size:13px; display:block;}
.gnb_area .btn_allmenu {background:none; color:#fff; font-size:1.875rem; width:50px;height: 100px;display: flex;align-items: center;justify-content: center; display:none;}
.gnb_area .btn_allmenu .icon { display: block; width: 16px; height: .3rem; background: #fff; position: relative; }
.gnb_area .btn_allmenu .icon::before, .gnb_area .btn_allmenu .icon::after { content: ""; display: block; width: 2.5rem; height: 0.3rem; background: #fff; border-radius: 0.2rem; top: -1rem; position: absolute; right: 0; }
.gnb_area .btn_allmenu .icon::after { width: 2.3rem; top: 1rem; }
.gnb_area .btn_sch_open { color: #fff; background:none; display:none;}
.gnb_area .btn_sch_open .xi-search { font-size: 1.250rem; }
.gnb_area .sch_layer { opacity: 0; visibility: hidden; -webkit-transition: 0.3s; transition: 0.3s; position: absolute; left: 0; top: 10rem; z-index: 9; background: #fff; width: 100%; text-align: center; padding: 0; -webkit-box-shadow: 0 2rem 2rem rgba(0, 0, 0, 0.12); box-shadow: 0 2rem 2rem rgba(0, 0, 0, 0.12); overflow: hidden; }
.gnb_area .sch_layer input[type=text] { border: 0; border-bottom: 3px solid #F2F2F2; color: #727272; font-size: 2.8rem; width: 60rem; padding: 1.5rem 4rem 1.5rem 1.5rem; margin-left: 2rem; }
.gnb_area .sch_layer .btn_sch { font-size: 2.5rem; color: #5D5D5D; -webkit-transform: translateX(-3rem); transform: translateX(-3rem); vertical-align: middle; }
.gnb_area .sch_layer .btn_sch_close { position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 50%; top: 3rem; }
.gnb_area .sch_layer .btn_sch_close i { color: #373737; font-size: 3rem; font-weight: 700; }
.gnb_area .sch_layer.active { opacity: 1; visibility: visible; padding: 12rem 0 7rem; }
.topmenu { display: -webkit-box; display: -ms-flexbox; display: flex; }
.topmenu a[target="_blank"]::after { display: inline-block; font-family: 'xeicon'; content: '\e980'; margin-left: .3rem; font-weight: 300; }
.topmenu .depth1 { display: -webkit-box; display: -ms-flexbox; display: flex; }
.topmenu .depth1 > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; display: block; white-space: nowrap; font-size: 1.063rem; padding:0 25px;  line-height:100px; font-weight:400; transition:color ease .3s; position:relative;}
.topmenu .depth1 > a span{ position: relative;  } 
.topmenu .depth1 > a::after{content:''; width:1px; height:0px; position:absolute; top:calc(100% - 20px); left:50%; transform: translateX(-50%); background-color:#258bc4; transition: all .3s;}
.topmenu .depth1 > a:hover::after{height:20px;}
.topmenu .depth1.active .submenu { opacity: 1; visibility: visible; max-height: 70rem; -webkit-transition-delay: .2s; transition-delay: .2s;}
.topmenu .depth1.active > a { color: #258bc4; }
.topmenu .submenu { -webkit-transition: 0.35s, max-height 1s cubic-bezier(0.13, 0.67, 0.59, 0.98); transition: 0.35s, max-height 1s cubic-bezier(0.13, 0.67, 0.59, 0.98); opacity: 0; visibility: hidden; overflow: hidden; max-height: 0; position: absolute; left: 0; top: 100px; z-index: 20; width: 100%; background-color: #fff; text-align: left; -webkit-box-shadow: 0 2rem 2rem rgba(0, 0, 0, 0.12); box-shadow: 0 2rem 2rem rgba(0, 0, 0, 0.12); display:flex;  flex-wrap:wrap;} 
.topmenu .title_area { width: 33.33%; height: 100%; padding:50px 5%; letter-spacing: .5px;}
.topmenu .title_area .title { font-size:2.25rem; margin-bottom: .3rem; color: #111; } 
.topmenu .title_area p{font-size:1rem; font-weight:400;}
.topmenu .menu_area {  width:33.33%;    position: relative; overflow: hidden;padding: 0 50px;margin: 50px 0;border-left: 1px solid #ddd;}
.topmenu .menu_area .title{font-size:1.250rem; color:#111; margin-top:.5rem; margin-bottom: 1rem; font-weight:600;}
.topmenu .img_area {  width:33.33%; position:relative; height:100%;}
.topmenu .img_area img{width:100%; height:100%; vertical-align:top; transition:all 1s;}
.topmenu .depth2{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.topmenu .depth2 > li { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%;  position: relative;  } 
.topmenu .depth2 > li > a { display: block; font-size: 0.938em; color: #666; font-weight:400; padding:5px 0; }
.topmenu .depth2 > li > a:before{content:''; width:0; height:1px;background:#258bc4; display:inline-block; -webkit-transition: .25s; transition: .25s; vertical-align:middle; }
.topmenu .depth2 > li:hover > a{   color: #258bc4;  -webkit-transition: .25s; transition: .25s; font-weight:500; }
.topmenu .depth2 > li:hover > a:before{width:25px; margin-right:10px; }
.topmenu .depth2 > li.is-depth3 > a { position: relative; }
.topmenu .depth2 > li.is-depth3 > a::after { display: inline-block; font-family: 'xeicon'; content: '\e942'; font-size:1.125rem; color: #333; position: absolute; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); right: 2rem; top: 50%; display: none; }
.topmenu .depth3 { margin:10px 0; }
.topmenu .depth3 > li > a { color: #111; font-weight:300; display: block; padding:5px 0; position: relative; transition:all ease .2s;}
.topmenu .depth3 > li > a:hover{color: #258bc4;}
.topmenu .depth4 { display: none; }
.topmenu.fullmenu .depth1.on > a { color: #0D51C5; }
.topmenu.fullmenu .depth1 > a span::after { -webkit-transform: scale(0); transform: scale(0); }
.topmenu.fullmenu .depth1:hover > a span::after, .topmenu.fullmenu .depth1.on > a span::after { -webkit-transform: scale(1.2); transform: scale(1.2); }
.topmenu.fullmenu .depth1.active .submenu { -webkit-transition: margin 0.3s, opacity 0.5s, max-height 1.35s cubic-bezier(0.13, 0.67, 0.59, 0.98); transition: margin 0.3s, opacity 0.5s, max-height 1.35s cubic-bezier(0.13, 0.67, 0.59, 0.98); -webkit-transition-delay: .2s; transition-delay: .2s; } 
.topmenu.fullmenu .submenu { -webkit-transition: .35s; transition: .35s; width: auto; position: static; left: auto; background-color: transparent; border-top: 0; -webkit-box-shadow: none; box-shadow: none; }
.topmenu.fullmenu .submenu .title_area { display: none; padding: 0; }
.topmenu.fullmenu .submenu .depth2 { padding-left: 0; max-width: inherit; display: block; margin-top: 0; margin-bottom: 0; }
.topmenu.fullmenu .submenu .depth2 > li { margin-bottom: 0; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; margin-left: auto; }
.topmenu.fullmenu .submenu .depth2 > li > a { border: 0; }
.topmenu.fullmenu .submenu .depth2 > li.is-depth3 > a:after { display: none; }
.topmenu.fullmenu .submenu .depth3 { display: none; }
.allmenu { display: block; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 8; background: #fff; }  
.allmenu .pop_close { display: block; position: fixed; right: 0; top: 0; font-size: 1.500rem; color: #111; width: 69px;  height: 69px;   width: 99px;   height: 99px;  display: flex; align-items: center; justify-content: center;background:#fff; }
.allmenu .header { position: static;   }
.allmenu .header .gnb_site { background: rgba(0, 0, 0, 0.65); padding-left: 8.6rem; }
.allmenu .header .gnb_area .gnb_wrap { display: block; background-color: #fff; position: fixed; left:0; top:100px; right: 0; bottom: 0; z-index: 11; max-width: none; }
.allmenu .header .gnb_area .gnb_wrap::before { display: none; }
.allmenu .header .gnb_area .gnb_wrap .nav { display: block; max-width: 1300px; margin: 0 auto; position: relative; height:100%; }
.allmenu .topmenu {  height:100%; overflow: auto; margin: 0 auto; display:block; position:relative;}
.allmenu .topmenu::-webkit-scrollbar-track { background-color: #f5f5f5; border-radius: 1rem; }
.allmenu .topmenu::-webkit-scrollbar { width: 0.6rem; }
.allmenu .topmenu::-webkit-scrollbar-thumb { background-color: #d5d7dc; border-radius: 1rem; }
.allmenu .topmenu .submenu { opacity: 1; visibility: visible; max-height: inherit; width: 100%; position: static; -webkit-box-shadow: none; box-shadow: none; background:url('../../images/new/allmenu-line.html') left top / 100% ; }
.allmenu .topmenu .submenu::before { display: none; }
.allmenu .topmenu .depth1 { display: flex;position: relative; width:100%; }
.allmenu .topmenu .depth1 > a { display: block; width:200px;  padding:0 50px 0 0;text-align:right; margin-left: 0; font-size:1.750rem;  color: #111;z-index:21;}
.allmenu .topmenu .depth1 > a span {   text-align: left;  }
.allmenu .topmenu .depth1 > a span::before{content:''; width:4px; height:24px; background:#258bc4; position:absolute; right:-52px; top:10px; z-index:2;}
.allmenu .topmenu .depth2 { padding-left: 0; margin: 0;  }
.allmenu .topmenu .title_area, .allmenu .topmenu .depth1 > a::before, .allmenu .topmenu .depth2 > li > a::after { display: none; }
.allmenu .topmenu .depth2 > li { margin-bottom: 0; margin-left: 0; padding:40px 30px 0; }
.allmenu .topmenu .depth2 > li:after{display:none;}
.allmenu .topmenu .depth2 > li > a { border: 0; font-size:1.125rem; text-align: left; } 
.allmenu .topmenu .depth3 {  }

/* sub-visual */

.sub-visual{width:100%; height:640px;background-repeat:no-repeat ; background-position:center center; background-size:cover; display:flex; align-items:center; text-align:center; color:#fff; padding-top:70px;}
.sub-visual.bg00{height:0;}
.sub-visual.bg01{background-image:url('../../images/sub/sub-visual01.jpg');}
.sub-visual.bg02{background-image:url('../../images/sub/sub-visual02.jpg');}
.sub-visual.bg03{background-image:url('../../images/sub/sub-visual03.jpg');}
.sub-visual.bg04{background-image:url('../../images/sub/sub-visual04.jpg');}
.sub-visual.bg05{background-image:url('../../images/sub/sub-visual05.jpg');}
.sub-visual.bg06{background-image:url('../../images/sub/sub-visual06.jpg');}
.sub-visual.bg07{background-image:url('../../images/sub/sub-visual07.jpg');}
.sub-visual h1{font-size:70px; line-height:1.2;font-weight:700;}
.sub-visual ul{display:flex; justify-content:center; align-items:center; margin-top:20px; opacity:.8;}
.sub-visual ul li{margin:0 5px;}
.sub-visual ul li a{color:#fff; }
.sub-visual ul li i{vertical-align:baseline;} 
.sub-tit{ padding:140px 0 80px;  color:#222; text-align:center; }
.sub-tit h2{font-size:55px; font-weight:700;line-height:1.2; margin-bottom:20px;} 
.sub-tit p{font-size:1.2em; font-weight:500;}


/********************************** footer **********************************/  
.sec-footer{padding:50px 5%; background:#111;}
.sec-footer .ft-top{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid rgba(255,255,255,0.2);}
.sec-footer .ft-info{width:50%;}
.sec-footer .ft-info h3{font-size:1rem; color:#fff; margin-bottom:20px; font-weight:500;}
.sec-footer .ft-info span{margin-right:20px;}
.sec-footer .ft-info span:nth-child(3){width:100%;}
.sec-footer .ft-info p{color:#aaa; font-size:0.938em;}
.sec-footer .ft-info p b{color:#fff;  }
.sec-footer .ft-btm{display:flex;flex-wrap:wrap;  justify-content:space-between; align-items:center;  }
.sec-footer .copy{font-size:14px; color:#aaa;display:inline-block;}
.sec-footer .ft-link{display:inline-block;}
.sec-footer .ft-link a{font-size:0.938em; color:#fff; margin-left:10px; padding-left:10px;}
.sec-footer .ft-sns a{opacity:.7; color:#fff; margin-left:15px; font-size:	1.500rem;}
.sec-footer .ft-sns a i{vertical-align: middle;}
.sec-footer .ft-sns a:hover{opacity:1}






/********************************** sub **********************************/  
.sub b{vertical-align:baseline;  font-weight:bold;}
.sub h3{font-size:2.813rem; color:#222; line-height:1.2;}
.sub h3 b{ line-height:1.2; color:#258bc4; }
.sub h4{font-size:1.563rem; color:#222;}
.sub h5{font-size:1.5rem; color:#222; font-weight:600;}
.sub p{font-size:1.125rem;}
.sub p a{cursor: pointer;}
.sub-tab{text-align:center; margin-bottom:80px;}
.sub-tab ul{display:flex; justify-content:center;}
.sub-tab ul li{width:100%; max-width:440px; background:#f5f6f8;}
.sub-tab ul li.on{background:#258bc4; }
.sub-tab ul li.on a{ color:#fff;}
.sub-tab ul li a{height:100%; font-size:1.1em; font-weight:500; padding:22px;display: flex;  align-items: center; justify-content: center; } 
.sub-tab ul li+li a{border-left:1px solid #ddd;}
/* .sub .more{background:#258bc4; color:#fff; padding:20px 100px 20px 20px; display:inline-block; margin-top:60px; position:relative;}  
.sub .more:before{content:"\e93f"; font-family: xeicon!important; position:absolute; right:20px; top:50%; transform:translateY(-50%); font-size:1.250rem;}
.sub .more.download:before{content:"\eb7c";  } */
.sub .download{width:240px; padding:20px 18px; background-color:#258bc4; margin-top:70px; display:flex; align-items:center; justify-content: space-between; cursor: pointer;}
.sub .download span{color:#fff;}


/* checkbox */ 
.checkbox{position:relative;}
.checkbox input[type=checkbox]{ width: 26px; cursor: pointer; height: 26px; display: block; position: absolute; top: 0; left: 0; margin: 0;z-index: 1;opacity: 0;}
.checkbox input[type=checkbox]+ label{position:relative; font-weight: normal;  padding:0 0 0 35px; display:block; height:26px;}
.checkbox input[type=checkbox]+ label:before {content: ""; display: inline-block; width:26px; height:26px; background:url('../../images/check-off.jpg')no-repeat 50% 50%; position:absolute; top:0; left:0;}
.checkbox input[type=checkbox]:checked + label:before {content: ""; background:url('../../images/check-on.jpg')no-repeat 50% 50%; width:26px; height:26px;}
.multi-check{padding:10px 0;}
.multi-check label {display: inline-block; margin-right:20px;  position: relative;padding-left: 35px; cursor: pointer; -webkit-user-select: none;-moz-user-select: none; -ms-user-select: none;  user-select: none;}
.multi-check input {position: absolute; opacity: 0; cursor: pointer;  height: 0;  width: 0;}
.multi-check .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #fff; border:1px solid #ddd;} 
.multi-check label:hover input ~ .checkmark {background-color: #eee;}
.multi-check label input:checked ~ .checkmark {background-color: #fff;}
.multi-check .checkmark:after {content: "";position: absolute;display: none;} 
.multi-check label input:checked ~ .checkmark:after {display: block;} 
.multi-check .checkmark:after {top: 5px;left: 5px;width:13px;height:13px; background: #258bc4;}


/* ceo */
.ceo {padding-bottom:150px; overflow:hidden;}
.ceo .inner{display:flex; flex-wrap:wrap; justify-content:space-between; } 
.ceo .left{width:43%; padding-top:100px;}
.ceo .right{width:48%;  position:relative; padding-top:100px;} 
.ceo .right:before{content:''; width:120%; height:0; padding-bottom:100%; background:#f5f6f8; position:absolute; left:15%; top:0; z-index:-1;}
.ceo h3{font-size:2.625rem;} 
.ceo h4{ color:#222; font-weight:600; margin:50px 0 20px;} 
.ceo p{font-size:1.1875rem; line-height: 1.6; letter-spacing: .5px;}
.ceo .right img{margin-bottom:50px;}
.ceo .name{color:#222; font-size:1.313rem; font-weight:600; margin-top:30px; display:inline-block; position:relative;} 
.ceo .name:after{content:''; width:61px; height:47px; background:url('../../images/sub/dda.png') no-repeat center center / cover; position:absolute; right:-50px; top:0; z-index:-1;}







/* history */
.history{}
.history h3{ font-size:3rem;}
.history .mission{padding:150px 0 220px; background:url('../../images/sub/history_bg.jpg') no-repeat center center / cover; color:#fff;}
.history .mission h3{color:#fff; }
.history .mission h3:after{content:''; width:45px; height:3px; background:#fff; margin:30px 0; display:block;}
.history .mission p{max-width:600px; color:#c9ccc4; }
.history .mission p b{color:#fff; font-weight:500;}
.history .history-sec{padding:150px 0 ;} 
.history .history-sec .history-wr{display:flex; flex-wrap:wrap; justify-content:space-between; border-top:1px solid #333; margin-top:70px; }
.history .history-sec .history-wr .tab-menu{position:sticky; height:100%; top:100px; left:0;  padding:70px 0;}
.history .history-sec .history-wr .tab-menu li a{color:#ddd; font-size:1.875rem; font-weight:700; cursor:pointer; display:block; margin:30px 0; position:relative;}
.history .history-sec .history-wr .tab-menu li a.active{color:#222; padding-left:20px;}
.history .history-sec .history-wr .tab-menu li a.active:after{content:''; width:7px; height:7px; border-radius:50%; background:#258bc4; position:absolute; left:0; top:0;}
.history .history-sec .history-wr .sections{width:calc(100% - 400px);  padding:70px 0;}
.history .history-sec .history-wr section{ position:relative; padding:50px 0; border-bottom:1px solid #ddd;}  
.history .history-sec .history-wr section strong{font-size:2.625rem; line-height:1; color:#258bc4 ; position:absolute; left:0; top:60px;}
.history .history-sec .history-wr section ul{padding-left:300px;  }
.history .history-sec .history-wr section ul li{padding-left:100px; margin:15px 0;position:relative;}
.history .history-sec .history-wr section ul li b{position:absolute; left:0; top:0; font-size:1.125rem; font-weight:500;}
.history .history-sec .history-wr section ul li p{position:relative; font-size:1.063rem; font-weight:400; padding-left:15px; margin:10px 0;}
.history .history-sec .history-wr section ul li p:before{content:''; width:4px; height:4px; background:#222; position:absolute; left:0; top:10px;}
.history .history-sec .tab{display:none;}
.history .history-sec .tab.active{display:block;}



/* vision */
.value .val-sec {position:relative; padding:60px 0; margin-bottom:60px;}
.value .val-sec:nth-child(2n) .inner{flex-direction: row-reverse;}
.value .val-sec:nth-child(2n):after{left:auto; right:0;}
.value .val-sec:nth-child(2n) .txt{padding:60px 120px 60px 0;}
.value .val-sec:after{content:''; width:46%; height:100%; max-height:400px; background:#f4f6f7; position:absolute; left:0; top:0; z-index:-1;}
.value .val-sec .inner{display:flex; flex-wrap:wrap;}
.value .val-sec .inner > div{width:50%;}
.value .val-sec .txt{padding:60px 0 60px 120px;}  
.value .val-sec .txt ul{border-top:1px solid #ddd; padding:20px 0 0; margin:30px 0 0; position:relative;}
.value .val-sec .txt ul:before{content:''; width:100px; height:1px; background:#091346; position:absolute; left:0; top:-1px;}
.value .val-sec .txt li{font-size:1.125rem; position:relative; margin:10px 0; padding-left:15px; letter-spacing: .5px; line-height: 1.6;}
.value .val-sec .txt li:before{content:''; width:4px; height:4px; background:#091346; position:absolute; left:0; top:10px;}
.value .val-sec .img img{box-shadow:3px 3px 10px #eff0f0;}
.vision .vis-sec{color:#fff; text-align:center; padding:180px 0; background:url('../../images/sub/vision_bg.jpg') no-repeat center center / cover; position:relative;}
.vision .vis-sec:after{content:''; width:calc(100% - 40px); height:calc(100% - 40px); position:absolute; left:20px; top:20px; background:rgba(255,255,255,0.05);}
.vision .vis-sec h3{color:#fff;}
.vision .vis-sec h3:after{content:''; width:30px; height:1px; background:#fff; margin:20px auto; display:block;}
.vision .vis-sec p{font-size:1.125em; line-height: 1.6; letter-spacing: .5px; max-width:1200px; margin:0 auto;}






/* awards & certifications */
.certi-list{display:flex; flex-wrap:wrap; margin-bottom:30px;}
.certi-list li{width:23.5%; margin-right:2%; margin-bottom:2%;} 
.certi-list li:nth-child(4n){margin-right:0;}
.certi-list li a{display:block;}
.certi-list li .thumb{width:100%; height:0; padding-bottom:130%; position:relative; }
.certi-list li .thumb img{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.certi-list li p{margin:20px 0; font-size:1.1em; color:#000; text-align:center;}
.certi-pop{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); padding:10vh 5%; z-index:9; overflow-y:auto; color:#fff; display:none;}
.certi-pop .pop-wr{width:100%; max-width:730px; margin:0 auto; position:relative;}
.certi-pop .pop-wr .pop-close{color:#fff; position:absolute; right:-70px; top:-10px; font-size:4rem; cursor:pointer;}
.certi-pop .pop-wr h4{color:#fff; margin:20px 0; font-size:1.250rem; font-weight:500;}
.certi-pop .pop-wr img{width:100%;}

/* all */
.product{padding-bottom:150px;}
.srboardList{margin-bottom:60px;}
.srboardList .listProduct ul{border-top:2px solid #111; display:flex; flex-wrap:wrap; justify-content: space-between;}
.srboardList .listProduct ul li{width:22%; padding:44px 0 10px 0;}  
.srboardList .listProduct ul li a{display:block;  position:relative; overflow:hidden;}
.srboardList .listProduct ul li a p{text-align:center; font-size:20px; font-weight:700; color:#222;}

/* system */
.system{text-align:center; margin-bottom:120px;}


/* location */
.location{padding-bottom:150px;}
.location .swiper-container{padding-bottom:50px;} 
.location .swiper-pagination-bullet{width:10px; height:10px;  margin:5px;background:#ddd; opacity:1;}
.location .swiper-pagination-bullet-active{width:15px; height:15px; background:#258bc4;} 
.location .swiper-container .img{width:100%; height:0; padding-bottom:40%; position:relative;}
.location .swiper-container .img img{width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover;}
.loca-add{display:flex; flex-wrap:wrap ; justify-content:space-between; margin:20px 0; padding:60px 0 0;}
.loca-add li{display:flex; align-items: center;}
.loca-add li div{padding:25px 0 25px 40px; }
.loca-add li h4{margin-bottom:10px;}






/* brochure */
.brochure{padding-bottom:160px; position:relative;}
.brochure:before{content:''; width:100%; height:67%; background:url('../../images/sub/company_bg.jpg') #f4f6f7 no-repeat bottom right; position:absolute; left:0; bottom:0; z-index:-1;}
.brochure .inner{display:flex; justify-content:space-between; flex-wrap:wrap;} 
.brochure .inner .img{width:35%;}
.brochure .inner .img img{box-shadow:3px 3px 20px #ddd}
.brochure .inner .txt{width:65%; padding:120px 0 60px 120px; }
.brochure .txt p a{color:#258bc4; text-decoration:underline; font-weight:500} 
.brochure .txt h3:after{content:''; width:2px; height:80px; background:#258bc4; display:block; margin:30px 0;}  


/* video */
.video.brochure .inner{display:block;}
.video.brochure .inner .img{width:100%;}
.video.brochure .inner .txt{width:100%; padding:60px 40% 0 0; position:relative;}
.video.brochure .inner .txt .more{position:absolute; top:0; right:0;}
.video.brochure .txt h3:after{width:60px; height:2px;}



/* inqury form 공통 */
.inquiry-form{padding:50px; border-top:2px solid #333; border-bottom:1px solid #ddd; } 
.inquiry-form dl{display:flex; flex-wrap:wrap; margin:20px 0;}
.inquiry-form dl dt{width:200px; color:#222; padding:15px 0; font-weight:600; font-size:1.1em; position:relative;}
.inquiry-form dl dt.req{padding-left:15px;}
.inquiry-form dl dt.req:after{content:'*'; color:#dd2d2d;  position:absolute; left:0; top:10px;}
.inquiry-form dl dd{width:calc(100% - 200px);}
.inquiry-form dl dd span.msg{display:block; font-weight: 500;}
.inquiry-form dl dd span.msg em{color:#ff0000;}
.inquiry-form input{border:0; background:#f5f5f5; padding:15px; font-size:1em; height:60px;}
.inquiry-form input[type=text]:focus{background:#fff; border:0; outline:1px solid #258bc4;} 
.inquiry-form textarea{border:0; background:#f5f5f5; padding:15px; font-size:1em; height:250px;}
.inquiry-form select{border:0; background:url('../../images/sub/ico_select.png') no-repeat #f5f5f5 center right 20px; padding:10px; font-size:1em; height:60px; width:100%; max-width:300px;}

.inquiry-pop{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); padding:10vh 5%; z-index:9; overflow-y:auto; display:none; }
.inquiry-pop h3{margin-bottom:30px;}
.inquiry-pop .pop-wr{width:100%; max-width:1240px; margin:0 auto; position:relative; background:#fff; padding:  80px;}
.inquiry-pop .pop-wr .pop-close{color:#fff; position:absolute; right:-70px; top:-10px; font-size:4rem; cursor:pointer;}   

.inq-button{display:flex; justify-content:center; margin:60px 0 0;}
.inq-button a,
.inq-button button{width:calc(50% - 20px); margin:0 10px; max-width:240px; border:0; color:#fff; background:#aaa; padding:25px; transition:all ease .3s; text-align:center; display:block;}
.inq-button a:hover,
.inq-button button:hover{background:#258bc4; color:#fff;}


 
/* inqury */
.inquiry{margin-bottom:160px;}
.inquiry .sub-tab ul {justify-content:space-between;}
.inquiry .sub-tab ul li{max-width:none; width:32%; }
.inquiry .sub-tab ul li+li a{border:0;} 
.inquiry .sub-tab ul li a { padding:40px 20px;  flex-direction: column;}
.inquiry .sub-tab ul li a img{display:block; margin:0 auto 20px}
.inquiry .sub-tab ul li.on a img{filter:invert(1)  brightness(2);}
.inquiry .inq-send{ display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:60px;}
.inquiry .inq-send button{font-size:1rem;  background:#258bc4; color:#fff; padding:20px 130px 20px 30px; display:inline-block; position:relative;}  
.inquiry .inq-send button:before{content:"\e93f"; font-family: xeicon!important; position:absolute; right:30px; top:50%; transform:translateY(-50%); font-size:1.250rem;} 
.inquiry-info{background: url(../../images/sub/company_bg.jpg) #f4f6f7 no-repeat bottom right; padding:50px 40px 40px; margin-bottom:60px;}
.inquiry-info > p{color:#222; font-weight:600; }
.inquiry-info ul li{margin:18px 0; padding-left:40px; position:relative;}
.inquiry-info ul li b{width:26px; height:26px; background:#258bc4; color:#fff; line-height:26px; text-align:center; position:absolute; left:0; top:0; border-radius:50%; font-weight:500;}


 
/* faq */
.listFaq{border-top:2px solid #333; margin-bottom:160px;}
.listFaq p{font-size:1rem}
.listFaq li{border-bottom:1px solid #ddd;}
.listFaq li > div{padding:45px 100px 45px 30px; position:relative;  padding-left:120px;}
.listFaq li > div > strong{width:56px; height:56px; background:#258bc4; color:#fff; font-size:1.750rem; text-align:center; line-height:56px; font-weight:500; position:absolute; left:30px; top:30px;}
.listFaq li.on .question:after{color:#258bc4; transform:rotate(180deg);}
.listFaq .question{position:relative; cursor:pointer;}
.listFaq .question:after{content:"\e943";font-family: xeicon!important; position:absolute; right:30px; top:36px; font-size:1.875rem}
.listFaq .question p{ font-weight:500; color:#222; }
.listFaq .question b{display:block; color:#258bc4; margin-bottom:10px; font-weight:500;}
.listFaq .answer strong{border:1px solid #258bc4; color:#258bc4; background:#fff;}
.listFaq .answer{border-top:1px solid #ddd; background:#f5f6f8; display:none; padding:30px 100px 30px 120px;}




/* newsList */
.newsList ul{border-top:1px solid #333;}
.newsList ul li a{padding:  40px; border-bottom:1px solid #ddd; display:flex; flex-wrap:wrap; justify-content:space-between; position:relative;}
.newsList ul li .img{width:380px;}
.newsList ul li .thumb{position:relative; width:100%; height:0; padding-bottom:50%;}
.newsList ul li .thumb img{position:absolute; left:0; top:0; width:100%;height:100%; object-fit:cover;}
.newsList ul li .txt{width:calc(100% - 420px); padding-right:50px;}
.newsList ul li .txt h3{color:#333; font-size:1.250rem; margin:  20px 0; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; font-weight:600;}
.newsList ul li .txt p{font-size:1rem;}
.newsList ul li .txt .date{font-size:14px; color:#aaa; margin-top:30px;}
.newsList ul > li a:before{content:"\e93f"; font-family: xeicon!important; position:absolute; right:30px; top:50%; transform:translateY(-50%); font-size:1.250rem; width:46px; height:46px; background:#cccccc; color:#fff;border-radius:50%; display:flex; justify-content:center; align-items:Center;transition:all ease .6s;} 
.newsList ul > li a:after{content:''; width:0; height:1px; background:#258bc4; position:absolute; left:0; bottom:-1px; transition:all ease .6s;}
.newsList ul > li:hover a:before{background-color:#258bc4}
.newsList ul > li:hover a:after{width:100%;}
.newsList .main-tit{position:relative;}
.newsList .more{position:absolute; right:0; bottom:0; color:#258bc4; padding:10px 30px 10px 10px; display:inline-block; }  
.newsList .more:after{content:"\e93f"; font-family: xeicon!important; position:absolute; right:0; top:50%; transform:translateY(-50%); font-size:1.250rem;}






/* member */
.login-wr{display:flex;  flex-wrap:wrap; margin:0 auto 160px;}
.login-wr > div{width:50%;}
.login-wr .login-bg{ background:url('../../images/sub/login_bg.jpg') no-repeat center center / cover; }
.login-wr .login-box{background:#f4f6f7; padding:100px 8%;}
.login-wr .login-box h2{text-align:center; font-size:2.813rem; color:#222;}
.login-wr .login-box p{text-align:center; margin:10px 0 50px;}
.login-wr .login-bt{display:flex; justify-content:space-between; margin:20px 0 50px;}
.login-wr .login-bt .right a{margin-left:20px;}
.login-wr .login-bt .right a b{font-weight:500; color:#222; position:relative;}
.login-wr .login-bt .right a b:before{content:''; width:1px; height:12px; background:#aaa; position:absolute; left:-10px; top:5px;}
.login-wr button{width:100%; height:70px; line-height:70px; background:#258bc4; color:#fff; text-align:center;}
.login-wr input{border:1px solid #ddd;; background:#f4f6f7; padding:20px; font-size:1em; height:60px; margin:5px 0;}
.login-wr input:focus{background:#fff; border:0; outline:1px solid #258bc4;} 
.login .sub-tab ul li{max-width:100%; cursor:pointer;}  
.login .tab{display:none;}
.login .tab.active{display:block;}
.login .inquiry-pop h3{text-align:center; margin-bottom:10px;} 
.login .inquiry-pop p{text-align:center; }
.login .inquiry-form{border-top:0;}
.login .inquiry-form dl dd.email{display:flex; align-items:center;}
.login .inquiry-form dl dd.email span{margin:0 10px;}
.join {margin-bottom:140px;}
.join .inner{max-width:1243px;}
.join .step{display:flex; justify-content:space-between; max-width:300px; margin:0 auto 60px; position:relative;}
.join .step:after{content:''; width:80%; height:1px; background:#ddd; position:absolute; left:10%; top:20px; z-index:-1;}
.join .step li{font-size:1.250rem; text-align:center;}
.join .step li p{color:#aaa; font-weight:600; font-size:1.250rem}
.join .step i{width:40px; height:40px; background:#ddd; color:#fff; text-align:center; display:flex; align-items:center; justify-content:center; color:#fff; border-radius:50%; margin:0 auto 10px;}
.join .step li.on i{ background:#258bc4;}
.join .step li.on p{color:#222;}
.join h4{font-size:2.188rem; margin-bottom:20px; }
.join .inquiry-form + h4{ margin-top:60px;}
.join .inquiry-form dl dd.id input{max-width:500px;}
.join .inquiry-form dl dd.id button{background:#258bc4; color:#fff; height:60px; line-height:60px; padding:0 25px; color:#fff;  margin-left:10px;}
.join .inquiry-form dl dd p{font-size:14px; margin:10px 0 0;}
.join .inquiry-form dl dd p > span{color:#258bc4;}
 

.policy li{display:flex; justify-content:Space-between; flex-wrap:wrap; align-items:center; background:#f4f6f7; padding:20px 40px; margin:20px 0;}
.policy li label{color:#222; font-weight:500;font-size:1.125rem;}
.policy li .policy-btn{border:1px solid #258bc4; display:inline-block; padding:15px 60px; color:#258bc4;  background:#fff; font-weight:500; cursor:pointer;transition:all ease .3s;}
.policy li .policy-btn:hover{background:#258bc4; color:#fff; }
.policy-cont{background:#f5f5f5;  padding:40px; max-height:500px; overflow-y:auto;}
.policy-cont p{font-size:1rem; }
.policy-cont::-webkit-scrollbar {width: 10px;}
.policy-cont::-webkit-scrollbar-thumb {background-color: #cecece; border-radius:10px;}
.policy-cont::-webkit-scrollbar-track {background-color: #eee; border-radius:10px;}


.complete{text-align:center; padding:40px 0;}
.complete h5{ margin:40px 0 20px;}
.complete p{font-size:1rem;}

 
.modify{max-width:740px; margin : 0 auto;}
.modify-cont{text-align:center;}
.modify-cont h5{margin:20px 0;}
.modify-cont p{font-size:1rem;}

/* 페이지 next prev */
.next_prve{display:flex; justify-content: center;}
.next_prve .dubble_prev{width:46px; height:46px; background:url(../../images/dubble_prev.png) no-repeat center;}
.next_prve .prev{width:46px; height:46px; background:url(../../images/prev.png) no-repeat center; margin-left:10px;}
.next_prve .dubble_next{width:46px; height:46px; background:url(../../images/dubble_next.png) no-repeat center;}
.next_prve .next{width:46px; height:46px; background:url(../../images/next.png) no-repeat center; margin-right:10px;}
.next_prve > ul{display:flex; margin:0 40px;}
.next_prve > ul li a{width:46px; height:46px; display:block; line-height:46px; text-align:center; font-size:15px; font-weight:600;}
.next_prve > ul li a.on{background-color:#258bc4; color:#fff;}

/* why */
.why .why_visual{margin-bottom:204px;}
.why .why_visual h3{font-size: 34px; font-weight: 700; position:relative; padding-left:30px; margin-bottom:40px;}
.why .why_visual h3::after{position:absolute; top: -58px; left:0; font-size:100px; color:rgb(37,139,196,0.2); z-index: -1;}
.why .why_visual h3.num01::after{content:'01';}
.why .why_visual h3.num02::after{content:'02';}
.why .why_visual h3.num03::after{content:'03';}
.why .why_visual h3.num04::after{content:'04';}
.why .why_visual h3.num05::after{content:'05';}
.why .why_visual h3.num06::after{content:'06';}
.why .why_visual h3.num07::after{content:'07';}
.why .why_visual ul li{font-size:17px; line-height:28px; margin-bottom:38px;}
.why .why_visual ul li:last-child{margin-bottom:0;}
.why .why_visual .img_box{font-size:0;}
.why .why_visual .img01{margin-top:38px;}
.why .why_visual .img02{position:relative; top:-100px;}
.why .why_visual .img03{margin-bottom:100px;}
.why .why_visual .img05{margin-bottom:100px;}
.why .why_visual .flex{display:flex; justify-content: space-between;}
.why .why_visual .flex.reverse{flex-direction:row-reverse;}
.why .why_visual .flex .left{width:43%;}
.why .why_visual .flex .right{width:50%;}
#why_sec01,#why_sec02,#why_sec03,#why_sec04,#why_sec05,#why_sec06,#why_sec07{scroll-margin-top: 260px;}

/* what */
.what{width:100%;}
.what .list{border-top:2px solid #222; margin-bottom:140px;}
.what .list .list_box{border-bottom:1px solid #ddd; position:relative; display:flex; justify-content:space-between; align-items: center; padding:50px 0;}
.what .list .list_box .title{font-size:14px; color:#258bc4; font-weight:600; margin-bottom:18px;}
.what .list .list_box p{font-size:32px; color:#222; font-weight:700;}
.what .list .list_box .img_box{width:34%; font-size:0; position:relative;}
.what .list .list_box .img_box .thumb{position:relative; padding-bottom:45%;}
.what .list .list_box .img_box .thumb img{position:absolute; top:0; right:0; height:100%; object-fit:cover;}
.what .list .list_box .txt_wrap{width:57%;}
.video_wrap{padding:150px 0; background-color:#f4f6f7;}
.video_wrap h2{font-size:48px; color:#222; font-weight:700; margin-bottom:30px;}
.video_wrap .video_visual{position:relative; width:100%; height:0; padding-bottom:45%;}
.video_wrap .video{position:absolute; top:0; left:0; width:100%; height:100%;}
 
/* research */
.research{padding-bottom:150px;}	
.research .list{border-top:2px solid #222; margin-bottom:60px;}
.research .list .list_box{border-bottom:1px solid #ddd; position:relative; display:flex; justify-content:space-between; align-items: center; padding:50px 0;}
.research .list .list_box .title{font-size:14px; color:#258bc4; font-weight:500; margin-bottom:18px;}
.research .list .list_box p{font-size:20px; color:#222; font-weight:600; }
.research .list .list_box .thumb{position:relative; padding-bottom:51%;}
.research .list .list_box .thumb img{position:absolute; top:0; right:0; width:100%; height:100%; object-fit:cover; border:1px solid #ddd;}
.research .list .list_box .img_box{width:34%; font-size:0; position:relative;}
.research .list .list_box .txt_wrap{width:63%;}

/* how */
.how{padding-bottom:150px;}    
.how .hover_bg_wrap{height:880px; display:flex;}    
.how .hover_bg_wrap > li{width:25%; transition:all .5s; cursor: pointer;}
.how .hover_bg_wrap > li .hover_bg{width:100%; height:100%;}
.how .hover_bg_wrap > li:nth-child(1) .hover_bg{background:url(../../images/how01.jpg) no-repeat center; background-size:cover;}
.how .hover_bg_wrap > li:nth-child(2) .hover_bg{background:url(../../images/how02.jpg) no-repeat center; background-size:cover;}
.how .hover_bg_wrap > li:nth-child(3) .hover_bg{background:url(../../images/how03.jpg) no-repeat center; background-size:cover;}
.how .hover_bg_wrap > li:nth-child(4) .hover_bg{background:url(../../images/how04.jpg) no-repeat center; background-size:cover;}
.how .hover_bg_wrap > li:hover{width:75%;}
.how .hover_bg_wrap > li .hover_bg{position:relative;}
.how .hover_bg_wrap > li .hover_bg .txt{width:100%; position:absolute; top:50%; left:50%; transform:translate(-50% , -50%); padding:0 30px; text-align:center; font-size:0;}
.how .hover_bg_wrap > li .hover_bg .txt::before{content:''; width:30px; height:3px; background-color:#fff; display:inline-block;}
.how .hover_bg_wrap > li .hover_bg .txt h4{font-size:20px; font-weight:500; color:#fff; text-align:center; margin-top:30px;}
.how .hover_bg_wrap > li:hover .hover_bg .txt{display:none;}
.how .hover_bg_wrap > li:not(:hover) .txt h4{overflow:hidden;  text-overflow: ellipsis; white-space: nowrap; word-wrap: break-word; display: -webkit-box; -webkit-box-orient: vertical;}
.how .hover_bg_wrap > li .hover_bg .hover_txt{width:100%; position:absolute; bottom:0; left:0; padding:40px 40px; background-color:rgb(37,139,196, .8); opacity:0; visibility: hidden;}
.how .hover_bg_wrap > li:hover .hover_bg .hover_txt{opacity:1; visibility:visible; transition:all ease .5s; transition-delay:.3s;}
.how .hover_bg_wrap > li .hover_bg .hover_txt .sub_txt li{color:#fff; font-size:16px; font-weight:300; position:relative; margin-bottom:10px;}
.how .hover_bg_wrap > li .hover_bg .hover_txt .sub_txt li::after{content:''; width:3px; height:3px; background-color:#fff; position:absolute; top:11px; left:-10px;}
.how .hover_bg_wrap > li .hover_bg .hover_txt .sub_txt li.title::after{display:none;}
.how .hover_bg_wrap > li .hover_bg .hover_txt .sub_txt li.title{font-size:20px; font-weight:500; margin-bottom:30px;}

/* use */
.use-list{border-top:2px solid #333; margin-bottom:160px;}
.use-list h3{font-size:2.188rem; display:flex; align-items:center; padding:40px 50px;}
.use-list > li h3.on{background-color:#f5f6f8;}
.use-list > li h3 strong{font-size:18px; margin-right:50px;}
.use-list p{font-size:1rem}
.use-list > li{border-bottom:1px solid #ddd; position:relative; cursor:pointer;}
.use-list .use-con{border-top:1px solid #ddd; display:none; padding:70px 0 70px 128px;}
.use-list .use-con .flex{display:flex; justify-content:space-between;}
.use-list .use-con .txt_con{width:50%;}
.use-list .use-con .txt_con .txt_wrap{margin-bottom:30px;}
.use-list .use-con .txt_con .txt_wrap:last-child{margin-bottom:0;}
.use-list .use-con .txt_con .txt_wrap h4.title{position:relative; padding:14px 0; font-size:25px;}
.use-list .use-con .txt_con .txt_wrap h4.title::after{content:''; width:100%; height:1px; background-color:#ddd; position:absolute; left:0; bottom:0; z-index:10;}
.use-list .use-con .txt_con .txt_wrap h4.title::before{content:''; width:30%; height:1px; background-color:#222; position:absolute; left:0; bottom:0; z-index:15;}
.use-list .use-con .txt_con .txt_wrap .sub_txt{padding-top:12px;}
.use-list .use-con .txt_con .txt_wrap .sub_txt li{padding:4px 0 0 14px; font-size:17px; position:relative;}
.use-list .use-con .txt_con .txt_wrap .sub_txt li::after{content:''; width:4px; height:4px; background-color:#091346; position:absolute; top:13px; left:0;}
.use-list .use-con .img_box{width:44%;}

/* trial */
.visual{background-color:#f4f6f7; padding:110px 0;}
.visual .title{font-size:28px; font-weight:700; color:#222;}
.visual .title strong{color:#258bc4;}
.visual .imgtxt{margin-top:50px; display:flex; justify-content:space-between; align-items:center;}
.visual .imgtxt .img_box{width:50%;}
.visual .imgtxt .txt_box{width:42%; padding-left:35px;}
.visual .imgtxt .txt_box .title{margin-bottom:30px;}
.visual .imgtxt .txt_box ul.sub_txt li{font-size:1.125rem; line-height: 1.6; letter-spacing: .5px; margin-bottom:34px; line-height:28px;}
.visual .imgtxt .txt_box ul.sub_txt li strong{color:#222; font-weight:500;}
.visual .imgtxt.reverse{flex-direction: row-reverse;}
.visual02{padding:110px 0;}
.visual02 .title{font-size:28px; font-weight:700; color:#222;}
.visual02 .imgtxt{margin-top:50px; display:flex; flex-wrap:wrap; gap:36px;}
.visual02 .imgtxt .img_box{width:calc(50% - 18px);}
.visual02 .imgtxt .sub_txt span{font-size:1.125rem; line-height:1.6;letter-spacing: .5px;}
#sec01,#sec02,#sec03{scroll-margin-top: 200px;}
/* world */
.world{font-size:0; padding-bottom:130px;}
.full_img{margin-bottom:30px;}
.half_wrap{display:flex; gap:30px; justify-content:space-between; margin-bottom:30px;}

/* address */
.address .map_wrap{padding:120px 0; background-color:#f4f6f7;}
.address .map_wrap .inner{max-width:1020px;}
.address .map_wrap .map{margin-bottom:120px;}
.address .map_wrap .map:last-child{margin-bottom:0;}
.address .map_wrap .map .title{font-size:48px; font-weight:700; color:#258bc4; margin-bottom:40px;}
.address .map_wrap .map .txt_wrap{display:flex; justify-content:space-between; margin-bottom:40px;}
.address .map_wrap .map .txt_wrap dl dt{font-size:20px; font-weight:700; color:#222; margin-bottom:16px;}
.address .map_wrap .map .txt_wrap dl dd{font-size:18px; font-weight:500; color:#666;}
.address .map_box{width:100%; padding-bottom:45%; position:relative;}
.address .map_box iframe{position:absolute; top:0; left:0; width:100%; height:100%; border:0;}
.address .hour .bg{width:100%; height:525px; background:url(../../images/address01.jpg) no-repeat center; background-size:cover;}
.address .hour .bg .inner{height:100%;}
.address .hour .flex{display:flex; height:100%;}
.address .hour .flex .left{width:50%; display:flex; flex-direction:column; justify-content:center; padding-left:120px;}
.address .hour .flex .left .title{font-size:48px; font-weight:700; color:#fff; margin-bottom:20px;}
.address .hour .flex .left span{font-size:18px; color:rgb(255 , 255 , 255 , 0.6);}
.address .hour .flex .right{width:50%; display: flex; flex-direction: column; justify-content: center;}
.address .hour .flex .right > p{font-size: 18px; color: rgb(255 , 255 , 255 , 0.6); padding-left: 20px;}
.address .hour .flex .right .icon_wrap{display:flex; align-items:center;}
.address .hour .flex .right .icon_wrap ul{display:flex; flex-wrap:wrap; width:55%;}
.address .hour .flex .right .icon_wrap ul li{width:25%; margin-bottom:45px; text-align:center;}
.address .hour .flex .right .icon_wrap ul li a{cursor: pointer;}
.address .hour .flex .right .icon_wrap ul li:nth-child(5),
.address .hour .flex .right .icon_wrap ul li:nth-child(6),
.address .hour .flex .right .icon_wrap ul li:nth-child(7),
.address .hour .flex .right .icon_wrap ul li:nth-child(8)
{margin-bottom:0;}
.address .hour .flex .right .icon_wrap ul li a img{background-color:rgb(255 , 255 , 255 , 0.2); border-radius:13px; position:absolute; top:0; left:50%; transform:translateX(-50%); transition: all ease .3s;}
.address .hour .flex .right .icon_wrap ul li a img:first-child{z-index: 50;}
.address .hour .flex .right .icon_wrap ul li a img:last-child{opacity:0; visibility: hidden;}
.address .hour .flex .right .icon_wrap ul li a p{font-size:14px; color:rgb(255 , 255 , 255 , 0.8); margin-top:10px;}
.address .hour .flex .right .icon_wrap ul li a > div{position:relative; width:63px; height:63px; margin: 0 auto;}
.address .hour .flex .right .icon_wrap ul li a:hover img:last-child{opacity:1; visibility:visible;}
.address .hour .flex .right .icon_wrap ul li a:hover img:first-child{opacity:0; visibility:hidden;}

/* chart */
th, td{text-align:center; padding:10px;}
.chart_wrap{padding-bottom:150px;}
.chart_wrap thead tr{border-top:2px solid #258bc4;}
.chart_wrap thead tr th{background-color:#f4f6f7; padding:30px 0; font-size:18px; font-weight:600; color:#222; position:relative;}
.chart_wrap thead tr th::after{content:''; width:1px; height:30px; background-color:#e0e5e8; position:absolute; top:50%; right:0; transform:translateY(-50%);}
.chart_wrap tr{border-bottom:1px solid #e0e5e8;}
.chart_wrap tr td{padding:20px 30px; border-right:1px solid #e0e5e8; font-size:16px;}
.chart_wrap tr td:nth-child(2){text-align:left;}
.chart_wrap tr td:last-child{border-right:0; text-align:left; padding-left:38px;}
.chart_wrap tr td ul li{position:relative; margin-bottom:10px;}
.chart_wrap tr td ul li:last-child{margin-bottom:0;}
.chart_wrap tr td ul li::after{content:''; width:4px; height:4px; background-color:#091346; position:absolute; top:9px; left:-12px;}

/* 개인정보 */
.header.on{border-bottom-color: #ddd;}
.header.on .gnb_area .logo .link{background: url(../../images/logo.png) no-repeat center center / cover;}
.header.on .depth1 > a{color:#000;}
.header.on .gnb_area .btn_wrap .btn_top_link a{color:#000;}
.gnb_area .btn_wrap .btn_top_link{display:flex; align-items: center;}
.gnb_area .btn_wrap .btn_top_link #google_translate_element{margin-left:15px;}
.sub-visual.on{display:none;}
.privacy{padding-bottom:160px;}
.privacy .inner{max-width:1300px;}
.privacy h1{text-align:center; font-size:34px; color:#000; padding-bottom:60px;}
.privacy p{color:#000; font-size:16px;}
.privacy p em{width:100%; background-color:#ddd; padding:20px;}
.privacy p strong{color:#000; font-size:18px;}
.privacy.refusal{padding-bottom:300px;}
/* manufacturing & rnd */
.factory_sec .full_img .img_box{font-size:0;}
.factory_sec .full_img .img_box.pd{padding:40px 0;}
.factory_sec .full_img .txt_box{margin-bottom:50px;}
.factory_sec .full_img .txt_box h4{font-size:36px; margin-bottom:15px;}
.factory_sec .full_img .txt_box p{font-size:18px;}
.factory_sec .full_img .cen_txtBox{font-size:22px; font-weight:500; color:#222; text-align:center; padding:20px 0 20px;}
.factory_sec .factory_wrap .factory_title h4{font-size:48px; text-align:center; margin-bottom:50px;}
.factory_sec .factory_wrap ul.factory{display:flex; flex-wrap:wrap; justify-content:space-between;}
.factory_sec .factory_wrap ul.factory li{width:49%; font-size:0; margin-bottom:32px;}
.factory_sec .factory_wrap ul.factory li:last-child{margin-right:0;}
.factory_sec .factory_wrap ul.factory li.full{width:100%; margin-bottom:32px;}
.factory_sec .factory_wrap ul.factory li img{width:100%;}
@media (max-width: 1400px) {   
	/********************************** header **********************************/ 
	.header .container{padding:0;}
	.gnb_site .container { padding-left: 0; }
	.gnb_site .site_area .list a { letter-spacing: -1px; }
	.gnb_site .site_area .list a ~ a { padding-left: 0.45rem; margin-left: 0.45rem; }
	.topmenu .depth1 > a span { padding-left: 2rem; padding-right: 2rem; }
	.allmenu .header .gnb_site { padding-left: 0; }
	.allmenu .gnb_site .site_area.active .list { color: #fff; }
	.allmenu .header .gnb_area .gnb_wrap { left: 0; padding: 0; top:70px;}
	.allmenu .pop_eng_title { display: none; }
	.submenu .title_area { width: 20%; left: 2rem; top: 0; -webkit-transform: none; transform: none; }
	.submenu .title_area .title { font-size: 3rem; }
	.submenu .title_area p { width: 100%; }  
	.gnb_area{height:70px;    align-items: center; display: flex;}
	.gnb_area .logo .link{ } 
    .gnb_area .gnb_wrap .mo_login{display:block;}
    .gnb_area .gnb_wrap .mo_login a{color:#111; border-bottom: 1px solid #ddd; display:block;}
    .gnb_area .gnb_wrap .mo_login a span{font-size:18px; font-weight: 700; padding: 20px 5%;}
    .none{display:none !important;}
    .gnb_area .btn_wrap .btn_top_link .global_box::after{display: none;}
	.gnb_area .btn_allmenu{height:70px; width:auto; display:flex; padding-left:20px;} 
	.header.active .gnb_area .btn_allmenu{display:none;}
	.header.active .gnb_area .btn_top_link{display:none;}
	.header .topmenu { display: none; }
	.header .sitemap_footer { display: none; }
	.gnb_site .site_area { display: none; }
	.gnb_site .site_area_mobile { display: block; } 
	.gnb_site .gnb_util .text { display: none; }
	.gnb_site .gnb_util a { padding-left: 0; padding-right: 0; } 
	.allmenu .header .gnb_area .gnb_wrap .nav { height: 100%; }
	.allmenu .pop_title { display: none; }
	.allmenu .pop_close { right:0; top: 0; background: #fff; width: 69px;  height: 69px;  }
	.allmenu .topmenu { position: relative; display: block; padding: 3rem 0; }
	.allmenu .topmenu .depth1 { position: static; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; margin-left: 0; margin-bottom: 0; height: auto; display:block; }
	.allmenu .topmenu .depth1 > a { border: 0; border-bottom: 1px solid #ddd;max-width:100%; padding:0; line-height:1.5; width:100%; text-align:left;}
	.allmenu .topmenu .depth1 > a:focus{outline:none}
	.allmenu .topmenu .depth1 > a span { font-weight: 700; padding:20px 5%; font-size:20px;; }
	.allmenu .topmenu .depth1 > a span::before, .allmenu .topmenu .depth1 > a span::after { display: none; }
	.allmenu .topmenu .depth1.active > a { position: relative; }
	.allmenu .topmenu .depth1.active > a::after { content: ""; display: block; width: 1.3rem; height: 0.8rem; background: url("../img/common/select_arrow.html") 0 0/contain no-repeat; position: absolute; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); right: 4rem; top: 50%; border: 0; }
	.allmenu .topmenu .depth1.active span { color: #258bc4; font-weight: 700; background-color: #fff; }
	.allmenu .topmenu .depth1.active .submenu { display: block; padding: 0  ; max-height: inherit; min-height: inherit;  }
	.allmenu .topmenu.active .depth1 > a { color: #757575; }
	.allmenu .topmenu .submenu { display: none; background-color: #fff; overflow-y: auto; }
	.allmenu .topmenu .depth2 { min-height: inherit; background:#f7f7f7; padding:  0;}
	.allmenu .topmenu .depth2 > li { -ms-flex-preferred-size: 100%; flex-basis: 100%; padding:0; }
	.allmenu .topmenu .depth2 > li.active > a { background-color: #258bc4; color: #fff;  padding:15px 25px; }
	.allmenu .topmenu .depth2 > li.active > .depth3 { display: block; margin:.5rem 1rem; }
	.allmenu .topmenu .depth2 > li.is-depth3 > a::before { display: inline-block; font-family: 'xeicon'; content: '\e942'; font-size: 16px; position: absolute; right: 20px; top: 50%; transform:translateY(-50%); z-index: 2; color: #aaa; -webkit-transition: .2s; transition: .2s; }
	.allmenu .topmenu .depth2 > li.is-depth3.active > a::before { -webkit-transform: rotate(180deg) translateY(50%); transform: rotate(180deg) translateY(50%); color: #fff; }
	.allmenu .topmenu .depth2 > li > a { color: #333; font-size:1.125rem;  padding:15px 25px; } 
	.allmenu .topmenu .depth3 { display: none; }
	.allmenu .topmenu .depth3 li a { font-size: 17px; padding: 10px; } 
	.topmenu .menu_area{width:100%; padding:0; margin:0; border:0;}
	.topmenu .menu_area .title{ display: none; }
	.topmenu .img_area{ display: none; }
}
 
@media(max-width:1280px){  
} 
@media (max-width:768px) {    
	html{font-size:14px;}
    .allmenu .topmenu .depth1 > a span{font-size:18px;}
    /* visual & sub */
    .sub-visual{height:340px;}
    .sub-visual h1{font-size:34px;}
    .sub-tit{padding:70px 0 30px;}
    .sub-tit h2{font-size:34px; margin-bottom:10px;}
    .sub-tit p{text-align:left;}
    .sub p{font-size:14px;}
    .sub h3{font-size:26px;}
    .sub h4{font-size:18px;}
    .sub .download{margin-top:30px;}
    .sub-tab ul li a{padding:10px;}
    /* manufact &  rnd & location */
    .loca-add{flex-direction:column; padding:0;}
	.loca-add li{width:100%; padding:30px 0; align-items:center;}
    .loca-add li img{max-width:100px;}
    .loca-add li div{padding:0 0 0 30px;}
    .location{padding-bottom:30px;}
    .location .map{width:100%; padding-bottom:45%; position:relative;}
    .location .map iframe{position:absolute; top:0; left:0; width:100%; height:100%; border:0;}
    /* inquiry 공통 */
    .inquiry{margin-bottom:60px;}
    .inquiry-form{padding:10px 0;}
    .inquiry-form dl{margin:10px 0;}
    .inquiry-form dl dt{width:100%; padding:10px 0;}
    .inquiry-form dl dd{width:100%;}
    .inquiry-form select{max-width:100%;}
    .inquiry-form select{height:40px;}
    .inquiry-form input{height:40px;}
    .inquiry .inq-send{margin-top:30px;}
    .inquiry .inq-send button{margin-top:30px; padding: 15px 90px 15px 30px;}
    .sub-tab{margin-bottom:30px;}
    .inquiry-info{padding:20px; margin-bottom:30px;}
    .inquiry-info ul li{padding-left:34px;}
    .inquiry-info ul li:last-child{margin-bottom:0;}
    .inquiry-info ul li b{width:22px; height:22px; line-height:22px; top:3px;}
    .multi-check{display:flex; flex-direction: column;}
    .multi-check label{margin-bottom:14px;}
    .inquiry .sub-tab ul li a{padding:20px 10px;}
    .inquiry .sub-tab ul li a img{max-width:40px;}
    /* download */
    .brochure{padding-bottom:30px;}
    .brochure .inner .img{width:100%;}
    .brochure .inner .txt{width:100%; padding:30px 0 30px 0;}
    .brochure .txt h3:after{height:40px; margin:15px 0;}
    .video.brochure .inner .txt{padding:30px 0;;}
    .video.brochure .inner .txt .more{position:unset;}
    /* ceo */
    .ceo{padding-bottom:60px;} 
    .ceo h4{margin: 30px 0 15px;}
    .ceo .left{width:100%; padding-top:0;}
    .ceo .right{width:100%; padding-top:60px;}
    .ceo .right img{margin-bottom:30px;}
    .ceo .right:before{display:none;}
    .ceo h3{font-size:28px;}
    .sub p{font-size:16px;}
    .ceo .name{margin-top:15px;}
    .ceo .name:after{width:34px; height:27px; right:34px;}
    /* history */
    .history .mission{padding:30px 0 30px; background-position:center right 30%;}
    .history h3{font-size:28px;}
    .history .mission h3{margin:50px 0;}
    .history .mission h3:after{margin:15px 0; height:2px;}
    .history .mission p{font-size:14px;}
    .history .history-sec{padding:60px 0;}
    .history .history-sec .history-wr{margin-top:30px; flex-direction:column;}
    .history .history-sec .history-wr .tab-menu{width:100%; position:unset; padding:10px 0; display: flex; overflow-x:auto; flex-wrap:nowrap;}
    .history .history-sec .history-wr .tab-menu li{flex:0 0 auto; margin-right:20px;}
    .history .history-sec .history-wr .tab-menu li a{margin:15px 0; font-size:18px;}
    .history .history-sec .history-wr .sections{width:100%; padding:0;}
    .history .history-sec .history-wr section{padding:30px 0;}
    .history .history-sec .history-wr section strong{position:unset; font-size:24px;}
    .history .history-sec .history-wr section ul{padding-left:10px; padding-top:10px;}
    .history .history-sec .history-wr section ul li{padding-left:40px;}
    /* vision */
    .value .val-sec .inner{flex-direction:column;}
    .value .val-sec .inner > div{width:100%;}
    .value .val-sec:after{display:none;}
    .value .val-sec{padding:0;}
    .value .val-sec .txt{padding:30px 0 0;}
    .sub h3{font-size:26px;}
    .value .val-sec .txt ul{padding:15px 0 0; margin:15px 0 0;}
    .value .val-sec:nth-child(2n) .txt{padding:30px 0 0;}
    .vision .vis-sec{padding:30px 0;}
    .vision .vis-sec p{font-size:14px;}
    .vision .vis-sec h3:after{margin:10px auto;}
    /* awards */
    .certi-list{justify-content: space-between;}
    .certi-list li{width:48%; margin-right:0;}
    .certi-pop{padding:19vh 18%;}
    .certi-pop .pop-wr .pop-close{right:-38px; top:-4px; font-size:2rem;}
   /* system */
    .system{margin-bottom:60px;}
    /* why */
    .why .why_visual{margin-bottom:60px;}
    .why .why_visual h3{font-size:26px; margin-top:110px; margin-bottom:30px; padding-left:0;}
    .why .why_visual h3.num01{margin-top:50px;}
    .why .why_visual h3::after{font-size:44px; top:-60px;}
    .why .why_visual ul li{margin-bottom:14px; font-size:14px;}
    .why .why_visual .img02{position:unset;}
    .why .why_visual .flex{flex-direction:column;}
    .why .why_visual .flex.flex.reverse{flex-direction:column;}
    .why .why_visual .flex .left{width:100%;}
    .why .why_visual .flex .right{width:100%;}
    /* faq */
    .selArea{text-align:unset;}
    .srboardTop .selArea div.dv-select{height:40px; line-height:40px;}
    .srboardTop .selArea .dv-select > label{height:40px; line-height:40px;}
    .srboardTop .selArea .dv-select > span.spn-sel-arrow{height:40px;}
    .srboardTop .selArea select{height:40px; line-height:40px; font-size:14px;}
    .srboardTop .selArea input{height:40px; line-height:40px; font-size:14px;}
    .listFaq{margin-bottom:0;}
    .listFaq li > div > strong{width:36px; height:36px; font-size:18px; line-height:36px; top:50%; transform:translateY(-50%); left:10px;}
    .listFaq li > div{padding-left:68px;}
    .listFaq .answer{padding:30px 100px 30px 68px;}
    .listFaq .answer strong{top:30px; transform:none;}
    .awards .boardListArea{padding:0;}
    /* 페이지 next prev */
    .next_prve > ul li a{width:28px; height:28px; line-height:28px; font-size:12px;}
    .next_prve .prev,
    .next_prve .next,
    .next_prve .dubble_prev,
    .next_prve .dubble_next{width:28px; height:28px;}
    .next_prve .prev,.next_prve .next{background-size:5px;}
    .next_prve .dubble_next,.next_prve .dubble_prev{background-size:10px;}
    .next_prve .prev{margin-left:0;}
    .next_prve .next{margin-right:0;}
   /* all */
    .product{padding-bottom:60px;}
    .sub-tab ul{justify-content:start; overflow-x:auto;}
    .sub-tab ul li{width:25%;}
    .srboardList .listProduct ul li{width:48%; padding:20px 0 0;}
    .srboardList .listProduct ul li a p{font-size:16px;}
    /* detail */
    .detail{padding:130px 0 60px;}
    .detail .content{padding:0;}
    .detail .sub-position ul{justify-content:unset; margin-bottom:30px;}
    .detail .sub-position ul li{padding:0 10px;}
    .detail .sub-position ul li:first-child{padding-left:0;}
    .detail .sub-position ul li a{font-size:12px;}
    .detail .detail_top{display:unset;}
    .detail .detail_top .left{width:100%;}
    .detail .detail_top .right{width:100%; padding-left:0; padding-top:30px;}
    .detail .detail_top .right h4{font-size:26px;}
    .detail .detail_top .right .info dl dt{width:55%; font-size:14px;}
    .detail .detail_top .right .info dl dd{font-size:14px;}
    /* what */
    .what .list{margin-bottom:60px;}
    .what .list .list_box{display:block; padding:30px 0 20px;}
    .what .list .list_box .img_box{width:100%;}
    .what .list .list_box .img_box .thumb{padding-bottom:0;}
    .what .list .list_box .img_box .thumb img{position:unset;}
    .what .list .list_box .txt_wrap{width:100%; padding:10px 0;}
    .what .list .list_box .title{margin:10px 0 0;}
    .what .list .list_box p{font-size:20px;}
    .what .list .list_box p br{display:none;}
    .video_wrap{padding:60px 0;}
    .video_wrap h2{font-size:26px;}
    /* research */
    .research{padding-bottom:30px;}
    .research .list .list_box{display:block; padding:30px 0 20px;}
    .research .list .list_box .img_box{width:100%;}
    .research .list .list_box .img_box .thumb{padding-bottom:0;}
    .research .list .list_box .img_box .thumb img{position:unset;}
    .research .list .list_box .txt_wrap{width:100%; padding:10px 0;}
    .research .list .list_box .title{margin-bottom:10px;}
    .research .list .list_box p{font-size:20px;}
    .research .list .list_box p br{display:none;}
    .video_wrap{padding:60px 0;}
    .video_wrap h2{font-size:26px;}
    /* how */
    .how{padding-bottom:60px;}
    .how .hover_bg_wrap{flex-direction:column; height:auto;}
    .how .hover_bg_wrap > li{width:100%;}
    .how .hover_bg_wrap > li:hover{width:auto;}
    .how .hover_bg_wrap > li .hover_bg {padding-top:300px;}
    .how .hover_bg_wrap > li .hover_bg .txt{display:none;}
    .how .hover_bg_wrap > li .hover_bg .hover_txt{bottom:auto; opacity:1; visibility: visible; position:relative;}
    .how .hover_bg_wrap > li .hover_bg .hover_txt .sub_txt li{font-size:14px;}
    .how .hover_bg_wrap > li .hover_bg .hover_txt .sub_txt li.title{font-size:16px; margin-bottom:20px;}
    /* use */
    .use-list{margin-bottom:60px;}
    .use-list h3{font-size:18px; padding:20px;}
    .use-list > li h3 strong{font-size:14px; margin-right:20px;}
    .use-list .use-con{padding:10px 20px 30px;}
    .use-list .use-con .flex{display:block;}
    .use-list .use-con .txt_con{width:100%;}
    .use-list .use-con .img_box{display:none;}
    .use-list .use-con .txt_con .txt_wrap h4.title{font-size:16px;}
    .use-list .use-con .txt_con .txt_wrap .sub_txt li{font-size:14px;}
    /* trial */
    .visual{padding:30px 0;}
    .visual .title{font-size:20px;}
    .visual .title br{display:none;}
    .visual .imgtxt{display:block; margin-top:30px;}
    .visual .imgtxt .img_box{width:100%; font-size:0;}
    .visual .imgtxt .txt_box{width:100%; padding:30px 0 0;}
    .visual .imgtxt .txt_box .title{margin-bottom:10px;}
    .visual .imgtxt .txt_box ul.sub_txt li{font-size:14px; margin-bottom:14px;}
    .visual .imgtxt .txt_box ul.sub_txt li br{display: none;}
    .visual02{padding:30px 0;}
    .visual02 .title{font-size:20px;}
    .visual02 .imgtxt{margin-top:15px; justify-content: space-between; gap: 0;}
    .visual02 .imgtxt .img_box{width:48%;}
    .visual02 .imgtxt .sub_txt{margin-top:15px;}
    /* news */
    .srboardList{margin-bottom:30px;}
    .bottomBtn{display:none;}
    .newsList ul li .img{width:100%;}
    .newsList ul li .thumb{}
    .newsList ul li .thumb img{}
    .newsList ul li .txt{width:100%;}
    .newsList ul li a{padding:30px 0;}
    .newsList ul li .txt .date{margin-top:10px;}
    .newsList ul > li a:before{display:none;}
    /* broadcast */
    .srboardList .listGallery .colUll > ul{padding:0;}
    .srboardList .listGallery .colUll > ul > li{width:100%; margin-right:0; margin-bottom:0;}
    /* world */
    .world{padding-bottom:30px;}
    .full_img{margin-bottom:15px;}
    .half_wrap{flex-direction: column; gap:15px; margin-bottom:15px;}
    /* address */
    .address .map_wrap{padding:30px 0;}
    .address .map_wrap .map{margin-bottom:60px;}
    .address .map_wrap .map .title{font-size:26px; margin-bottom:15px;}
    .address .map_wrap .map .txt_wrap{flex-direction: column; margin-bottom:30px;}
    .address .map_wrap .map .txt_wrap dl:first-child{margin-bottom:15px;}
    .address .map_wrap .map .txt_wrap dl dt{font-size:18px; margin-bottom:4px;}
    .address .map_wrap .map .txt_wrap dl dd{font-size:14px;}
    .address .hour .bg{height:400px;}
    .address .hour .bg .inner{padding:30px 0;}
    .address .hour .flex{display:block;}
    .address .hour .flex .left{width:100%; padding-left:0; text-align: center; margin-bottom:30px;}
    .address .hour .flex .left .title{font-size:22px; margin-bottom:10px;}
    .address .hour .flex .left span{font-size:14px;}
    .address .hour .flex .right{width:100%;}
    .address .hour .flex .right > p{font-size:14px; text-align: center;}
    .address .hour .flex .right .icon_wrap ul{width:100%;}
    .address .hour .flex .right .icon_wrap ul li{width:25%; display:inline-block; margin-bottom:30px;}
    .address .hour .flex .right .icon_wrap ul li a > div{width:40px; height:40px;}
    /* join */
    .join{margin-bottom:30px;}
    .join .step{margin:0 0 30px 0;}
    .join .step li p{font-size:14px;}
    .join .inquiry-form dl dd.id button{height:40px; line-height:40px; margin:10px 0;}
    .inq-button a, .inq-button button{width:calc(50% - 10px); margin:0 20px 0 0;}
    .inq-button a, .inq-button button:last-child{margin-right:0;}
    .inq-button{margin:30px 0 0;}
    .policy li{padding:20px;}
    /* login */
    .login-wr > div{width:100%;}
    .login-wr .login-bg{display:none;}
    .login-wr .login-box{padding:60px 8%;}
    .login-wr .login-box h2{font-size:26px;}
    .login-wr .login-box p{margin:10px 0 30px;}
    .login-wr{margin:0 auto 30px;}
    .login-wr input{height:40px;}
    .login-wr .login-bt{margin:20px 0 30px;}
    .login-wr button{height:50px; line-height:50px;}
    /* footer */
    .sec-footer .ft-link a:first-child{padding-left:0; margin-left:0;}
    /* chart */
    th,td{padding:10px !important; font-size:16px !important;}
    .chart_wrap{padding-bottom:70px;}
    .chart_wrap .inner{overflow-x:auto;}
    .chart_wrap .table{width:700px;}
    .chart_wrap td ul{padding-left:12px;}
    
}