@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;600;700&display=swap');

*{padding:0;margin:0;font-size:16px;font-weight:400;box-sizing:border-box;line-height:1.6;font-family: 'Titillium Web','Noto Sans SC', 'Noto Sans KR', sans-serif;color:#333;word-break:normal;}
body{width:100%;min-width:1500px;}
ul, ol{list-style:none;}
a{text-decoration:none;color:inherit;cursor:pointer;}
img{border:none;max-width:100%;}

/* 공통 common */
.inner{width:1198px;margin:0 auto;}
.flex_wrap{display:flex;justify-content:space-between;}
#main .btn{color:#fff;border:1px solid rgba(255,255,255,.5);height:50px;line-height:50px;padding:0 28px;display:inline-block;background: linear-gradient(270deg, #1daf45, #1daf45, rgba(34,34,34,0), rgba(34,34,34,0));background-position: 1% 50%;background-size: 300% 300%;}
#main .btn:hover {color: #fff;border-color:#1daf45;background-position: 100% 50%;}
.pc_view{}
.m_view{display:none;}

/* 헤더 header */
header.header{width:100%;position:fixed;z-index:999;transition:.3s;background:#fff;}
header.header .inner{width:100%;height:114px;padding:0 83px;display:flex;justify-content:space-between;align-items:center;transition:.3s;background: #fff;}
header.header .logo{z-index:101;}
header.header .gnb>li{float:left;height: 114px;display: flex;align-items: center;margin-right:100px;transition:.3s;}
header.header .gnb>li:last-child {margin-right:0;}
header.header .gnb>li>a{font-size:17px;display:block;font-weight: 600;}
header.header .gnb>li:hover>a{font-weight: 600; color: #2181c2;}
header.header.active{background:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);}
header.header.active .inner{width:1198px;height:91px;padding:0;}
header.header.active .gnb>li{margin:0 25px;}

header.header.active .gnb_depth2_wrap {margin-top: -23px;}
header.header .gnb_depth2_wrap {position:fixed;top:114px;left:0;width:100%;height:0;opacity:0;transition:height 0.3s; background:#fff;box-shadow: 0 2px 2px rgba(0,0,0,.1);overflow:hidden; }
header.header .gnb_depth2_wrap::before{content:'';width:100%;height:1px;background:#ddd;position:absolute;top:0px;}
header.header .gnb_depth2 .inner {box-sizing:border-box;overflow:hidden;padding-top:51px;  width: 600px;}
header.header .gnb_depth2 ~ .dimd {content:""; display:none; position:fixed; z-index:-1; top:0; left:0; width:100%; height:100%; /*background:rgba(0, 0, 0, 0.5); */}

header.header .gnb_depth2 a {letter-spacing:-0.09px;display:block; width: 100%; line-height: 45px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 0 8px;}
header.header .gnb_depth2 {width: 1198px; margin: 47px auto; transition: .3s;}
header.header ul.gnb_depth2>ul li {float: left; transition: .3s;}
header.header  ul.gnb_depth2>ul .me_style01 {border: 0; width: 180px; text-align: left;}
header.header ul.gnb_depth2>ul .me_style02 {border: 0; width: 180px;text-align: left;}
header.header ul.gnb_depth2>ul .me_style02 a{font-weight: 600; color: #676767;}
header.header ul.gnb_depth2>ul .me_style02 a i{vertical-align:middle;color:#676767;margin-left:10px}
header.header ul.gnb_depth3 ul>li a:hover {color: #2181c2;}
header.header ul.gnb_depth2 ul:first-child {overflow: hidden;}
header.header .gnb_depth2 li {width: 224px; height: 46px; line-height: 46px;float: left; background: #fff;margin: 3px 5px 3px 0; border:solid 1px #ddd; text-align: center;color:#7e7e7e; transition: .3s;}
header.header .gnb_depth2 .menu_1:hover {background: #2181c2; color: #fff;border:solid 1px #2181c2;}
header.header .gnb_depth3 {position: relative; }
header.header .gnb_depth4 {position: absolute; top: 0; left: 271px;text-align: left;}


header.header li:hover .gnb_depth2_wrap {transition: 0.3s;opacity: 1;height:258px;}


header.header .lang_icon {display: flex;}
header.header .lang_icon li {margin: 0 8px; }
header.header .lang_icon a {width: 36px; height: 36px; background: #fff; display: block; }
header.header .lang_icon .lang_ic_k {background: url(../Img/lang_k.png)center center no-repeat;}
header.header .lang_icon .lang_ic_e {background: url(../Img/lang_e.png)center center no-repeat;}
header.header .lang_icon .cho a {border: 2px solid #2181c2;border-radius: 100%; box-sizing: content-box;}
/**/

header.header .toggle_menu_btn{position:relative;width:22px;height:16px;display:none;z-index:103;}
header.header .toggle_menu_btn span{position:absolute;height:3px;width:100%;background:#2483c3;}
header.header .toggle_menu_btn span:nth-child(1){top:0;}
header.header .toggle_menu_btn span:nth-child(2){top:calc(50% - 1px);}
header.header .toggle_menu_btn span:nth-child(3){bottom:0;}
header.header .toggle_menu_btn.active span:nth-child(1){top:calc(50% - 1px);transform:rotate(45deg);}
header.header .toggle_menu_btn.active span:nth-child(2){display:none;}
header.header .toggle_menu_btn.active span:nth-child(3){top:calc(50% - 1px);transform:rotate(-45deg);}


header.header .toggle_menu{display:none;padding:89px 30px 30px;position:fixed;top:0;left:0;background:#1e3e55;width:100%;height:100vh;z-index:100;}
header.header .toggle_menu ul li a{font-size:20px;color:#fff;}
header.header .toggle_menu ul li a:hover{color:#000;}
header.header .toggle_menu>ul>li{margin-bottom:10px;padding-bottom:10px;}
header.header .toggle_menu .toggle_depth2 {flex-wrap: wrap; overflow: hidden; border-top: 1px solid rgba(255,255,255,.2);padding-top: 8px;}
header.header .toggle_menu .toggle_depth2>li {width: 50%; float: left;}
header.header .toggle_menu .toggle_depth2 a{font-size:15px;color:rgba(255,255,255,.5);}
header.header .toggle_menu.active{display:block;}

/*
#main section{padding:80px 0;}
#main section h2{font-size:50px;font-weight:700;letter-spacing:-0.1rem;}
#main section h5{font-size:1rem;font-weight:700;}
#main section p.slogan{font-size:1.75rem;font-family: 'Jeju Myeongjo', serif;}
#main section p.exp{font-size:1rem;color:#555;}
*/
#main .section01{padding:0;}
.section01 .main_slider .txt_wrap{text-shadow: 0 0 4px rgba(0, 0, 0, .3);}
.section01 .main_slider{width:100%;height:100%;}
.section01 .main_slider .item{width:100%;height:100%;}
.section01 .main_slider .item.bg01{background:url('../Img/main_slider01.jpg') center no-repeat;background-size:cover;}
.section01 .main_slider .item.bg02{background:url('../Img/main_slider02.jpg') center no-repeat;background-size:cover;}
.section01 .main_slider .item.bg03{background:url('../Img/main_slider03.jpg') center no-repeat;background-size:cover;}
.section01 .btn_next{display:block;z-index:9999;width:100px;height:100px;position:absolute;bottom:0;background:#eee url('../Img/btn_next.png') center no-repeat;right:0;cursor:pointer;}
.section01 .btn_prev{display:block;z-index:9999;width:100px;height:100px;position:absolute;bottom:0;background:#fff url('../Img/btn_prev.png') center no-repeat;right:100px;cursor:pointer;}
.section01 .main_slider .item .inner{position:relative;height:100%;}
.section01 .main_slider .txt_wrap{position:absolute;top:50%;left:0;transform:translateY(-50%);    margin-top: -37px;}
.section01 .main_slider .txt_wrap .main_tit{font-size:48px;color:#fff;line-height:1.2;font-weight:800;margin: 10px 0 27px 0;font-family: 'Titillium Web', sans-serif;}
.section01 .main_slider .txt_wrap .sub_tit{font-weight: 300;font-size:28px;color:#fff;line-height:1.2;}
.section01 .main_slider .txt_wrap .txt{color:#fff;line-height:1.8;opacity:1;font-size: 18px; letter-spacing: -0.05em;}
.main_eng .section01 .main_slider .txt_wrap .txt{letter-spacing: 0em;}
.section01 .main_slider .slick-dots{position:absolute;top: 50%;left:0;transform: translate(-516px, 162px);}
.slick-dots li.slick-active button:before{background:#2181c2; opacity: 1;}
.slick-dots li button:before{content:'';width:65px;height:3px;background:#fff;opacity: 1;}
.slick-dotted.slick-slider {margin-bottom: 0;}
.slick-dots li {width: 10px; margin: 0 30px;}
.slick-track {top: 1px;}

.section01 .main_slider .slick-active .sub_tit{animation: right 1.0s;}
.section01 .main_slider .slick-active .main_tit{animation: left 1.2s;}
.section01 .main_slider .slick-active .txt{animation: fadeIn 1.8s;}
@keyframes right{from{opacity:0;transform:translateX(10%);} to {opacity:1;transform:translateX(0)}}
@keyframes left{from{opacity:0;transform:translateX(-10%);} to {opacity:1;transform:translateX(0)}}
@keyframes fadeIn{from{opacity:0;} to{opacity:1;}}

/**/
h2.cont_tit {font-family: 'Titillium Web', sans-serif; font-size: 47px; font-weight: 700; color: #2181c2;margin-bottom: 21px;}
p.cont_txt {color: #626262; font-size: 16px;font-weight: 500;letter-spacing: -0.06em;transition: .5s;}
.main_eng p.cont_txt {letter-spacing: 0em;}

#main section {width: 100%; padding: 166px 0;}
section>.inner {width: 1198px;margin: 0 auto;}
section.section02 {background: url(../Img/section02_bg.jpg) center no-repeat;}
.section02 .flex_wrap .flex_box.flex_box_txt {width: 40%;display: block;flex-wrap: wrap;}
.section02 .flex_wrap .flex_box_pic {width: 60%;}
.section02 .flex_wrap .flex_box {display: flex; justify-content: space-between;}
.section02 .flex_wrap .flex_box .busi_box {width: calc(50% - 20px); height: 601px; background: #000; position:relative; box-shadow:24px 17px 48px rgb(0 0 0 / 39%);}
.section02 .flex_wrap .flex_box_pic .busi_box:first-child {margin-top: 18px; background: url(../Img/section02_img01.jpg)no-repeat center / cover;}
.section02 .flex_wrap .flex_box_pic .busi_box:last-child {margin-top: 62px; background: url(../Img/section02_img02.jpg)no-repeat center / cover;}
.section02 .flex_wrap .flex_box .busi_box_txt {width:222px; height: 135px;position: absolute;background: #fff;bottom: 49px;left: -17px; transition: .5s;padding: 20px;}
.section02 .flex_wrap .flex_box .busi_box:hover li {background: #2192c2;}

section p.cont_tit02 {font-family: 'Titillium Web';font-weight: 600;font-size: 27px; color:#2192c2;transition: .5s; }
section .busi_box:hover li p {color: #fff;}

section.section03 h2.cont_tit {margin-top: -22px;color: #fff;}
section.section03 p.cont_txt {color: #fff;font-weight: 600;}
section.section03 .more_btn p {color: #fff;}
section.section03 p.cont_tit02 {font-size: 19px;text-align: center;padding: 157px 5px 0 5px; z-index: 2; position: relative;}
section.section03 {background: url(../Img/section03_bg.jpg)no-repeat center / cover;}

.section03 .flex_wrap .flex_box.flex_box_txt {width: 40%;display: block;flex-wrap: wrap;}
.section03 .flex_wrap .flex_box {flex-wrap: wrap;display: flex; justify-content: space-between;}
.section03 .flex_wrap .flex_box_pic {width: 47%;}
.section03 .flex_wrap .flex_box.flex_box_txt {width: 53%;padding-left: 155px;}
.section03 .flex_wrap .flex_box .pro_box {width: calc(50% - 12px); height: 243px; background: #000; position:relative; border-radius: 3px;}
.section03 .flex_wrap .flex_box .pro_box:nth-child(2n) {margin-top: 42px;}
.section03 .flex_wrap .flex_box a ul:after{content: ''; position: absolute; top: 0; left: 0;z-index: 1;width: 100%; height: 100%;opacity: 1; transition: .5s; border-radius: 2px;}
.section03 .flex_wrap .flex_box a:hover ul:after {opacity: 0;}
.section03 .flex_wrap .flex_box a:hover p.cont_tit02 {color: #fff;}


.section03 .flex_wrap .flex_box a:nth-child(1) {background: url(../Img/section03_img01_on.jpg)center;}
.section03 .flex_wrap .flex_box a:nth-child(2) {background: url(../Img/section03_img02_on.jpg)center;}
.section03 .flex_wrap .flex_box a:nth-child(3) {background: url(../Img/section03_img03_on.jpg)center;}
.section03 .flex_wrap .flex_box a:nth-child(4) {background: url(../Img/section03_img04_on.jpg)center;}
.section03 .flex_wrap .flex_box a:nth-child(5) {background: url(../Img/section03_img05_on.jpg)center;}
.section03 .flex_wrap .flex_box a:nth-child(6) {background: url(../Img/section03_img06_on.jpg)center;}
.section03 .flex_wrap .flex_box a ul.pro_bg01:after{background: url(../Img/section03_img01_off.jpg)center;}
.section03 .flex_wrap .flex_box a ul.pro_bg02:after{background: url(../Img/section03_img02_off.jpg)center;}
.section03 .flex_wrap .flex_box a ul.pro_bg03:after{background: url(../Img/section03_img03_off.jpg)center;}
.section03 .flex_wrap .flex_box a ul.pro_bg04:after{background: url(../Img/section03_img04_off.jpg)center;}
.section03 .flex_wrap .flex_box a ul.pro_bg05:after{background: url(../Img/section03_img05_off.jpg)center;}
.section03 .flex_wrap .flex_box a ul.pro_bg06:after{background: url(../Img/section03_img06_off.jpg)center;}

#main section.section04 {padding: 95px 0;}
.section04 .flex_wrap {padding: 0 73px;}
.section04 .flex_wrap .flex_box {width: calc(33.33% - 38px); transition: .5s;}
.section04 .flex_wrap .flex_box a{width: 100%; height: 239px; background: #fff; text-align: center; display:block;}
.section04 .flex_wrap .flex_box:hover { box-shadow:10px 10px 30px rgb(0 0 0 / 15%);}
.section04 .flex_wrap .flex_box a h3 {font-size: 30px; font-weight: 700; font-family: 'Titillium Web';}
.section04 .flex_wrap .flex_box a p {font-size: 18px;}
.section04 .flex_wrap .flex_box a img {margin-top: 29px;}

#main section.section05 {height: 670px; background: url(../Img/section05_bg.jpg)no-repeat top center;padding: 118px 0;}
section.section05 p.cont_txt {font-size: 18px;}
.section05  {position: relative;overflow: hidden;}
.section05 .flex_wrap .flex_box_pic .earth_img {position:absolute;top: -50%; left: 50%;transform: translate(-11%, 25%);width: 908px; height: 908px; background: url(../Img/sect05_img01.png)center no-repeat;}
.section05 .flex_wrap .flex_box_pic .earth_img::after {position: absolute; content: ''; top: 0; left: 0; width: 908px; height: 908px;background: url(../Img/sect05_img01_1.png)center no-repeat; animation: rota_img 19s linear infinite;
    transform-origin: 50% 50%;}

@keyframes rota_img {
  0% {transform: rotate(0deg);}
  50% {transform: rotate(30deg);}
  100% {transform: rotate(0deg);}
}

.section06 .flex_wrap {padding: 0;}
.section06 .flex_wrap .flex_box {width: calc(50% - 20px);}
.section06 .flex_wrap .flex_box a {height: 179px; border-radius: 2px;}
.section06 .flex_wrap .flex_box a h3 {line-height: 27px; color: #fff;padding-top: 59px;}
.section06 .flex_wrap .flex_box a p {color: #fff;}
.section06 .flex_wrap .flex_box:first-child a {background: url(../Img/sect06_img01.jpg)no-repeat center / cover;}
.section06 .flex_wrap .flex_box:last-child a {background: url(../Img/sect06_img02.jpg)no-repeat center / cover;}
.section04 .flex_wrap .flex_box:hover { box-shadow:10px 10px 20px rgb(0 0 0 / 25%);}


.more_btn {width: 104px;text-align: right;position: relative;margin-top: 63px;}
.more_btn P{color: #626262; position: relative;font-weight: 300;}
.more_btn p::after {content: '';width: 48px;position: absolute;top: 14px;left: 2px; height: 1px;background: #d12323;}
.more_btn .btn_icon {transition: .5s; position: absolute;top: 9px;left: 0;transform: translateX(0);}
.more_btn:hover .btn_icon {transform: translateX(45px);}

.more_btn2 {width: 255px;border: 1px solid #626262;text-align: center;height: 56px;line-height: 51px;color: #626262;margin-top: 55px; transition: .5s;}
.more_btn2:hover {background: #626262; color: #fff;}

.move_up_20 {transform: translateY(0); transition: .5s;}
.move_up_20:hover {transform: translateY(-20px);}
.move_up_40 {transform: translateY(0); transition: .5s;}
.move_up_40:hover {transform: translateY(-40px);}
.move_up_80 {transform: translateY(0); transition: .5s;}
.move_up_80:hover {transform: translateY(-80px);}

footer{background:#313131;padding:60px 0 50px;}
footer .inner{display:flex;align-items:flex-start;}
footer .info{padding-left: 21px;border-left: solid 1px #4e4e4e;margin-left: 28px;}
footer ul{overflow:hidden;}
footer ul li{font-size:14px;color:#dadada;float:left;margin-right:20px;}
footer ul li span{font-size:14px;color:#fff;margin-right:10px;font-weight:600;}
footer a{color:#fff;font-size:14px;margin-bottom:20px;display:block;}
footer p.copyright{margin-top:11px;font-size:12px;color:#7d7d7d;}

footer .foot_adm {color: #7d7d7d;font-size: 12px;padding: 1px 5px;border: 1px solid #7d7d7d;border-radius: 10px; display: inline; margin-left: 10px;}

/* sub */
.sub_tit_area{height:564px;position:relative;padding-top:266px;}
.sub_tit_area.bg01{background:url('../Img/sub_tit_bg01.jpg') center no-repeat;}
.sub_tit_area.bg02{background:url('../Img/sub_tit_bg02.jpg') center no-repeat;}
.sub_tit_area.bg03{background:url('../Img/sub_tit_bg03.jpg') center no-repeat;}
.sub_tit_area.bg04{background:url('../Img/sub_tit_bg04.jpg') center no-repeat;}
.sub_tit_area.bg05{background:url('../Img/sub_tit_bg05.jpg') center no-repeat;}
.sub_tit_area h2{color:#fff;font-size:40px;font-weight:600;text-align:center;}
.sub_tit_area p {font-size: 18px; color: #fff; text-align: center; font-weight: 300;}

/* 서브 path */
.path_wrap{background: #fff;border-bottom:1px solid #ddd;width:100%;z-index:30;}
.path_wrap.fixed{}
.path_wrap .path{height:50px;display:flex;align-items:center;}
.path .path_home{height:100%;width:50px;display:flex;align-items:center;justify-content:center;border-left:1px solid #ddd;border-right:1px solid #ddd;}
.path .path_home i{color:;}
.path_main>li{border-right:1px solid #ddd;height:100%;line-height:50px;position:relative;min-width:200px;}
.path_main>li>a{line-height: 50px;display:block;padding:0 80px 0 30px;background:url('../Img/path_arrow_open.png') 90% center no-repeat;white-space:nowrap;cursor:pointer;}
.path_main>li>a.active{background:url('../Img/path_arrow_close.png') 90% center no-repeat;}
.path_main.none>li>a{background:none;}
.path_sub{display:none;position:absolute;top:50px;left: -1px;background:#fff;width:100%;z-index:1;border: 1px solid #ddd;box-sizing: content-box;}
.path_sub.active{display:block;border-top:1px solid #ddd;}
.path_sub a{display:block;padding:0 30px;line-height: 50px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;}
.path_sub a:hover{background:#2181c2; color: #fff;}
.path_depth3>li{border-right:1px solid #ddd;height:100%;line-height:50px;position:relative;}
.path_depth3>li>a{line-height: 50px;display:block;padding:0 80px 0 30px;white-space:nowrap;}

/*
.sub_path{border-bottom:1px solid #ddd;}
.sub_path .path_depth2{display:flex;align-items:center;height:65px;width: 1198px; margin: 0 auto;justify-content: center;}
.sub_path .path_depth2 li {margin-right:80px; padding: 0 10px;line-height: 62px; transition: 0.5s;}
.sub_path .path_depth2 li:hover a {color: #2181c2;}
.sub_path .path_depth2 li.cho{color: #2181c2; border-bottom: 4px solid #2181c2;}
*/

.sub_cont{padding:132px 0;}
.sub_cont_tit{font-size:40px;text-align:center;margin-bottom:100px;font-weight:800;}

/* CEO 인사말 */
.about01 .flex_wrap{flex-wrap: wrap; position: relative;}
.about01 .flex_wrap .flex_box:first-child{width: 100%; height: 564px;background:url('../Img/about01_img01.jpg') center no-repeat;}
.sub_cont .p_cont {margin-top: -118px;background: #fff;padding: 76px 37px;border-bottom: 5px solid #188fc9;}
.sub_cont .p_cont p{font-weight: 600; color: #737373; font-size: 17px;line-height: 30px;}
.sub_cont .p_cont p span{color: #188fc9;font-weight: 600;font-size: 17px;line-height: 30px;}
.sub_cont .ceo_name {display: flex; position: absolute; bottom:-23px; right: 39px;}
.sub_cont .ceo_name p {font-weight: 600; color: #313131; font-size: 17px; margin: 17px 20px 0 0;}
.sub_cont .box_tit {width: 33%;border-top: 1px solid #fff; border-bottom: 1px solid #fff;padding: 34px 0; margin: 164px auto 0; font-size: 20px;color: #fff;font-weight: 800;letter-spacing: 0.4em;text-align: center;}

/* 연혁 */
.about02 {background: url(../Img/about02_img01.jpg) center no-repeat;}
.history h4 {text-align: center; font-size: 30px; margin-bottom: 10px; font-weight: 600;}
.history ul {position: relative;  overflow: hidden;  width: 100%;}
.history ul li {margin: 0;  width: 50%;  clear: both;  vertical-align: middle;  line-height: 1.8;color:#555;}
.history ul li p {font-size: 13px; color: #b1c3c9;}
.history ul li:first-child {margin-top:20px;}
.history ul li:last-child {margin-bottom: 20px;}
.history ul li span {color: #188fc9;  font-size: 24px;  display: block;  margin: -5px 0 10px;}
.history ul li span strong {color: #188fc9; font-size: 24px; font-weight: 800;}
.history ul li img {padding-top: 10px;}
.history ul li.li_left { background: url(../Img/history_left.png) no-repeat right 5px;  float: left;  text-align: right;  padding-right: 68px;}
.history ul li.li_right {background: url(../Img/history_right.png) no-repeat left 5px; float: right; text-align: left; padding-left: 68px;}
.history ul:before {content: ""; position: absolute; left: 50%; width: 1px; height: 100%; background: #d1d1d1; z-index: 1;}

/*인증서*/
.about04 .flex_wrap .flex_box{border: 1px solid #dddddd;}
.about04 .flex_wrap .flex_box img {width: 100%; height: auto;}
.about04 .flex_wrap:first-child {padding: 0 19px;}
.about04 .flex_wrap:first-child .flex_box{width: calc(33.33% - 22px); margin-bottom: 38px;}
.about04 .flex_wrap:last-child {flex-wrap: wrap;justify-content: center;}
.about04 .flex_wrap:last-child .flex_box{width: calc(25% - 38px); margin-right: 38px;margin-bottom: 38px;}
.about04 .flex_wrap:last-child .flex_box:nth-child(4n){margin-right:0;}
.about04 .flex_wrap:last-child .flex_box:nth-child(10){margin-right:0;}

/*찾아오시는길*/

.abo_map_wrap iframe {height: 600px;}
.mapinfo{padding:35px 70px;background:#2181c2 url(../Img/about05_img05.jpg) no-repeat right;background-size:auto 100%;}
.mapinfo .name{margin-bottom:15px;font-size:36px;color:#fff;font-weight:600;}
.mapinfo .name span{display:inline-block;vertical-align:bottom;	margin-bottom:3px;color: #fff;font-size:20px;font-weight:600;}
.mapinfo dl{display:inline-flex;align-items:center;margin-right:62px;}
.mapinfo dl dt{box-sizing:border-box;width:77px;padding-left:25px;font-size:20px;color:#fff;font-weight:600;}
.mapinfo dl:nth-child(1) dt{background:url(../Img/about05_icon01.png) no-repeat;background-position: 0px 4px;}
.mapinfo dl:nth-child(2) dt{background:url(../Img/about05_icon02.png) no-repeat;background-position: 0px 4px;}
.mapinfo dl:nth-child(3) dt{background:url(../Img/about05_icon03.png) no-repeat;background-position: 0px 4px;}
.mapinfo dl dd{width:calc(100% - 77px);font-size:17px;color:rgba(255,255,255,0.7);}

/*사업분야*/
.sub_cont .tit_wrap {display: flex;justify-content: center; margin-bottom: 124px;}
.sub_cont .tit_wrap div {margin:0 5px; border-radius: 3px;border: 1px solid #dddddd; color: #9f9b9b; background: #fff;width: 255px; text-align: center;height: 56px;line-height: 51px;transition: .5s;}
.sub_cont .tit_wrap div.more_btn2_cho {background: #2181c2; color: #fff;border: 1px solid #2181c2;}
.sub_cont .more_btn2:hover {background: #fff;box-shadow:10px 10px 25px rgb(0 0 0 / 13%);}

.sub_cont.area01 {background: url(../Img/area01_bg.png)center no-repeat;}
.sub_cont.area01 .inner {text-align: center;}

.sub_cont.area .flex_wrap .flex_box {width: calc(50% - 10px);}
.sub_cont.area .cont_tit02{font-family: 'Titillium Web';font-weight: 600;font-size: 27px;color: #2192c2;text-align: left;}

.sub_cont .cont_table {width: 100%; border-top: 2px solid #2181c2;border-bottom: 2px solid #2181c2;border-spacing: 0;border-collapse: collapse;}
.sub_cont .cont_table th {width: 76px;background: #2181c2; color: #fff; border-bottom: 1px solid #fff;}
.sub_cont .cont_table th.th_eng {width: 209px;}
.sub_cont .cont_table td {border-bottom: 1px solid #a9a9a9; padding: 11px 7px;}
.sub_cont .cont_table2 th {height: 50px;}
.sub_cont .cont_table2 td {border-left: 1px solid #a9a9a9;}
.sub_cont .cont_table2 tr {border-left: 1px solid #fff;}
.sub_cont .cont_table2 {text-align: center;}
.sub_cont .cont_table .f_td {background: #fff;}
.sub_cont .cont_table .s_td {background: #e7e7e7;}
.sub_cont .cont_table2 td.border_left_none {border-left:0;}

.sub_cont.area02_01 .flex_wrap .flex_box:first-child {width: calc(40% - 10px); margin-right: 67px;}
.sub_cont.area02_01 .flex_wrap .flex_box:last-child {width: calc(60% - 10px);}
.sub_cont.area .flex_wrap .flex_box .img_box {background: #f1f1f1;text-align:center;}
.sub_cont.area .flex_wrap .flex_box dl dt,dd{font-size: 18px;padding: 3px 0;}
.sub_cont.area .flex_wrap .flex_box dl dd{margin-left: 11px;}

.sub_cont.area02_01_02 .inner {text-align:center;}
.sub_cont.area02_02_01 .cont_table th {width: 259px;}

.sub_cont.tech .cont_table th {border-right: 1px solid #fff;}
.sub_cont.tech .cont_table th:last-child {border-right:0;}
.sub_cont.tech .cont_table .td_hei {height: 96px;}


/*제품*/
.sub_cont.product .flex_wrap {flex-wrap: wrap; justify-content:flex-start;}
.sub_cont.product .flex_wrap .flex_box {width: calc(33.33% - 15px); margin-right: 15px; margin-bottom: 45px;}
.sub_cont.product .flex_wrap .flex_box:nth-child(3n) {margin-right: 0;}
.sub_cont.product .flex_wrap .flex_box .img_box {height: 273px;overflow: hidden;}
.sub_cont.product .flex_wrap .flex_box .img_box img {width: 100%; height: auto;}
.sub_cont.product .flex_wrap .flex_box dl dt {font-size: 20px; font-weight: 600;color: #188fc9;border-bottom: 1px solid #ddd;}
.sub_cont.product .flex_wrap .flex_box dl dd {border-bottom: 2px solid #a9a9a9;}


/*고객지원*/


/* 반응형 */
@media (max-width:1279px){
  .gnb.depth1{display:flex;}
  header.header .gnb>li {margin-right:30px;}
  header.header .gnb>li>a{font-size:14px;white-space:nowrap;}
  .inner{width: 100%;}
}

@media (max-width:768px){
  body{min-width:auto;}
  .pc_view{display:none;}
  .m_view{display:block;}
  header.header .logo {width: 50%;}
  header.header .lang_icon {margin-right: 29px;}
  .inner{width:100%;padding:0 30px;}
  section>.inner {width: 100%;}
  header.header .inner{height: 88px;padding:0 30px;position:relative;}
  header.header.active .inner{width:100%;padding:0 30px;}
  header.header .toggle_menu_btn{display:block;position:absolute;right:30px;top:50%;transform:translateY(-50%);}
  header.header .gnb{display:none;}
  header.header select{position: absolute;top: 50%;right: 60px;transform: translateY(-50%);}
  header.header::after,header.header.hover::after{display:none;}

  #main section {padding: 91px 0;}
  .section01 .main_slider .txt_wrap {padding: 0 30px;}
  .more_btn {margin-top: 30px;}
  section.section02 {background: url(../Img/section02_bg.jpg)center center;}
  section.section03 {background: url(../Img/section03_bg.jpg)center center;}
  section.section03 .flex_wrap{flex-direction:column-reverse;}

  .section03 .flex_wrap .flex_box.flex_box_txt{width:100%;padding-left:0;margin-bottom:50px;}
  .section03 .flex_wrap .flex_box_pic{width:100%;}

  /* .section03 .flex_wrap .flex_box a ul.pro_bg01:after {background-position: center;}
  .section03 .flex_wrap {position: relative; height: 1018px;}
  .section03 .flex_wrap .flex_box_pic {position: absolute; bottom: 0}
  .section03 .flex_wrap .flex_box_txt {position: absolute;top: 0; padding-left: 0;}
  .section03 .flex_wrap .flex_box .pro_box {width: calc(50% - 8px);height: 216px;}
  section.section03 p.cont_tit02 {font-size: 16px;}

  .section03 .flex_wrap .flex_box .pro_box:nth-child(2n) {margin-top: 20px;} */

  .section04 .flex_wrap {padding:0; flex-wrap: wrap;}
  .section04 .flex_wrap .flex_box {width: 100%;border: 1px solid #d4d4d4; margin-bottom: 20px;}

  #main section.section05 {height: 893px; background: url(../Img/section05_bg.jpg)center / cover;}
  #main section.section05 .more_btn2 {position:absolute;bottom:118px;width:calc(100% - 40px);left:20px;}
  .section05 .flex_wrap .flex_box_pic .earth_img {top: -12%; left: 50%; transform: translate(-50%, 50%); width: 600px; height: 600px;  background: url(../Img/sect05_img01.png)no-repeat center / cover;}
  h2.cont_tit {line-height: 47px;}
  .section05 .flex_wrap .flex_box_pic .earth_img::after {top: 0; left: 0; width: 600px; height: 600px;  background: url(../Img/sect05_img01_1.png)no-repeat center / cover; transform-origin: 50% 50%;}


  footer .inner{flex-direction:column;}
  footer .info{margin:30px 0 0 0;padding-left: 0; border-left: 0;width:100%;}
  footer ul:first-child{border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:4px;margin-bottom:4px;}
  footer ul li{float:inherit;}

  #main .section02 .flex_wrap {display: block;}
  #main .section02 .flex_wrap .flex_box {width: 100%; flex-wrap: wrap;}
  #main .section02 .flex_wrap .flex_box .busi_box {width: 100%; height: 200px;}
  #main .section02 .flex_wrap .flex_box_pic .busi_box:last-child {margin-top: 22px;}
  #main .section02 .flex_wrap .flex_box .busi_box_txt {bottom: 18px;}
  #main .section02 .flex_wrap .flex_box.flex_box_txt {margin-bottom: 53px;padding-left: 0;}

    /* 서브페이지 */
  .path_wrap> .inner {padding: 0;}
  .path_main>li{min-width:auto;}
  .path_depth3>li>a{padding:0 20px;font-size:13px;}
  .path_main>li>a{padding: 0 30px 0 10px;font-size:13px;}
  /* CEO 인사말 */
  .sub_cont .p_cont {padding: 76px 0px;}
  .sub_cont .ceo_name {right:0;background:#fff;padding-left:20px;}
  /* 연혁 */
  .about02 {background: url(../Img/m_about02_img01.jpg);}
  .history ul:before{left:0;}
  .history ul li.li_left{width:100%;background: url(../Img/history_right.png) no-repeat left 5px;float: right;text-align: left;padding-left: 68px;padding-right:0;}
  .history ul li.li_right{width:100%;}
  /* 조직도 */
  .about03{text-align:center;}
  /* 인증 및 특허현황 */
  .about04 .flex_wrap:first-child{padding:0;}
  .about04 .flex_wrap:first-child .flex_box{margin-bottom:20px;}
  .about04 .flex_wrap:last-child{justify-content:space-between;}
  .about04 .flex_wrap:last-child .flex_box{width:calc(33.333% - 20px);margin-right:20px;margin-bottom:20px}
  .about04 .flex_wrap:last-child .flex_box:nth-child(3n){margin-right:0;}
  .about04 .flex_wrap:last-child .flex_box:nth-child(4n){margin-right:20px;}
  /* 오시는길 */
  .abo_map_wrap iframe{height:450px;}
  .mapinfo{padding:35px;background: #2181c2 url(../Img/about05_img05.jpg) no-repeat right bottom;background-size: auto 60%;}
  .mapinfo dl{align-items:baseline;}

  .sub_cont.area .flex_wrap .flex_box{width:100%;}
  .area01_02 .flex_wrap{flex-direction:column;}
  .area01_02 .flex_wrap .flex_box{width:100%;}
  .area01_02 .flex_wrap .flex_box:last-child{margin-top:50px;}

  .sub_cont.area02_01 .flex_wrap{flex-direction:column;}
  .sub_cont.area02_01 .flex_wrap .flex_box:first-child{width:100%;margin-bottom:50px;}
  .sub_cont.area02_01 .flex_wrap .flex_box:last-child{width:100%;}

  .sub_cont.product .flex_wrap .flex_box{width:calc(50% - 10px);margin-right:10px;margin-bottom:30px;}
  .sub_cont.product .flex_wrap .flex_box:nth-child(3n){margin-right:10px;}
  .sub_cont.product .flex_wrap .flex_box:nth-child(2n){margin-right:0;}
  .sub_cont.product .flex_wrap .flex_box .img_box{height:auto;}
}

@media(max-width:480px){

  .section03 .flex_wrap .flex_box .pro_box{width:100%;margin-bottom:20px;}
  .section03 .flex_wrap .flex_box .pro_box:nth-child(2n){margin-top:0;}
  .section03 .flex_wrap .flex_box .pro_box:last-child{margin-bottom:0;}

  /* 서브페이지 */
  .sub_cont{padding:100px 0;}
  .sub_cont .sub_cont_tit{font-size:30px;margin-bottom:60px;}
  .sub_cont .p_cont {border:0;}
  .sub_cont .p_cont p{font-size:15px;font-weight:500;}
  .sub_cont .ceo_name {padding-left:0;}
  .sub_cont .ceo_name p{white-space:nowrap;}

  .about04 .flex_wrap:first-child{flex-direction: column;}
  .about04 .flex_wrap:first-child .flex_box{width:100%;}
  .about04 .flex_wrap:last-child .flex_box{width:calc(50% - 10px);margin-right:10px;}
  .about04 .flex_wrap:last-child .flex_box:nth-child(3n){margin-right:10px;}
  .about04 .flex_wrap:last-child .flex_box:nth-child(2n){margin-right:0;}

  .sub_cont.product .flex_wrap .flex_box{width:100%;margin-right:0;}
  .sub_cont.product .flex_wrap .flex_box:nth-child(3n){margin-right:0;}
}