/* p, h2, h3, h4, h5, h6, li, input, div, b, span, strong{font-family:"Bareun_L"} */

:focus{outline:none;}
#hd{position:fixed; top:0; left:0; width:100%;  background:rgba(255, 255, 255, 0.3); transition:all 0.5s; z-index: 99}
#hd .header_wrap{padding:0 330px; width:auto; height:100%; transition:all 0.3s;}
#hd .header_wrap .logo_wrap{float:left; padding-top:20px;}
#hd .header_wrap .logo_wrap a{display:block; background:url('/images/main_logo.png')no-repeat center; width:246px; height:56px}
#hd .header_wrap .gnb_wrap{float:left;  margin-left:100px;}
#hd .header_wrap .gnb_wrap ul li{float:left; position:relative; padding:39px 0; width:190px; text-align:center;}
#hd .header_wrap .gnb_wrap ul li:first-child{margin-left:0;}
#hd .header_wrap .gnb_wrap ul li a { display: block; position: relative; font-size:22px; line-height:21px; transition: all 0.3s;}
#hd .header_wrap .gnb_wrap .gnb_sub li{padding:25px 0;}
#hd .header_wrap .gnb_wrap > li a:after { content: ""; display: none; width: 75px; height: 2px; position: absolute; left: 50%; bottom: -15px; margin-left: -37.5px; background: #000;}
#hd .header_wrap .gnb_wrap .gnb_sub li a:hover:after { display: block;}
#hd .header_wrap .gnb_wrap .gnb_slide{display:none; position:absolute; top:98px; padding:25px 0; background:#fff;}
#hd .header_wrap .gnb_wrap .gnb_slide li{padding:25px 0;}
#hd .header_wrap .gnb_wrap ul li:hover #hd{background:#fff;}
#hd .header_wrap .gnb_wrap ul li:hover .gnb_slide{display:block;}
#hd .header_wrap .lang{float:right; padding-top:41px;}
#hd .header_wrap .lang li{float:left;}
#hd .header_wrap .lang li a{font-size:18px; line-height:22px}
#hd .header_wrap .lang li:nth-of-type(2){margin-left:14px;}
#hd .header_wrap .lang .line{display:inline-block; margin-left:14px; width:1px; height:14px; background:#000; text-indent:-9999px; vertical-align:text-bottom;}

#hd .header_wrap .menu_btn{position:relative; float:right; margin-left :30px; margin-top:26px; width:48px; height:48px;}
#hd .header_wrap .more_menu{background:url('/images/ico-menu.svg')no-repeat center; background-size:cover; width:48px; height:48px; cursor:pointer;}
#hd .header_wrap .close_menu{display:none; position:absolute; top:0; left:0; background:url('/images/ico-close.svg')no-repeat center; background-size:cover; width:48px; height:48px; cursor:pointer;}


.gnb_sub{display:none; margin-top:38px; padding:25px 0; background:#fff; width:100%; overflow:hidden}
.gnb_sub li{float:none; padding:25px 0; width:auto; background:#fff;}
#hd .header_wrap .gnb_wrap ul li:hover .gnb_sub li{bottom:0;}

.index_visual{width:100%; height:700px;}
.index_visual .index_slide{width:100%; height:100%;}
.index_visual .index_slide .slick-slide{height:700px}
.index_visual .index_slide .slide01{position:relative;  background:url('/images/img-main_banner01.png')no-repeat center; background-size:cover; width:100%; height:700px;}
.index_visual .index_slide .slide02{position:relative;  background:url('/images/img-main_banner02.png')no-repeat center; background-size:cover; width:100%; height:700px;}
.index_visual .index_slide h3{position:absolute; font-size:50px; line-height:55px; word-break:keep-all; text-align:center; font-weight:400}
.index_visual .index_slide .slide01 h3{top:347px; left:677px;}
.index_visual .index_slide .slide02 h3{top:317px; left:550px; color:#fff;}

.index_contents{width:100%; height:100%;}
.index_contents .index_side{display:block; float:left; width:16%; height:100vh; border-right:1px solid #EEEEEE; box-sizing:border-box;}
.index_contents .index_cont_wrap{float:left; width:84%;}
{float:left; padding-left:52px; margin-top:220px; background:url('/images/img_mainbg01.jpg')no-repeat right; width:100%; height:572px;}
.index_contents .index_cont1, .index_contents .index_cont2, .index_contents .index_cont3, .index_contents .index_cont4{float:left; padding-left:52px; margin-top:220px; background:url('/images/img_mainbg01.jpg')no-repeat right; width:100%; height:572px;}
.index_contents .index_cont1 h4, .index_contents .index_cont2 h4, .index_contents .index_cont3 h4, .index_contents .index_cont4 h4{font-size:30px; line-height:30px; color:#FF0000}
.swiper-slide h5{padding-top:40px; padding-bottom:24px; font-size:70px; line-height:69px;}
.swiper-slide h5 span{font-size:40px; padding-left:40px; font-weight:400;}
.swiper-slide p{padding-bottom:21px; font-size:22px; line-height:28px; height:auto; color:#757575;}
.swiper-slide ul{height:140px;}
.swiper-slide li{font-size:22px; line-height:28px; color:#757575;}
.swiper-slide .view_more{display:block; position:absolute; bottom:3px; left:calc(50% - 155px); width:155px; font-size:13px; line-height:13px; color:#BDBDBD; font-weight:400; text-align:center}
.swiper-slide .view_more img{padding-left:12px; vertical-align:sub;}

.swiper-slide .tab1_text{padding-bottom:0; width:845px; height:auto; word-break:keep-all;}

.mySwiper, .mySwiper2, .mySwiper3, .mySwiper4{height:462px;}

.tabBox{margin:295px auto 0;}
.tab-link{float:right; display:inline-block; padding-top:24px; padding-right:24px; width:74%; color:#BDBDBD; cursor:pointer; font-size:16px; text-align:right; word-break:keep-all;}
.tab-link.current{font-weight: 400; color:#000;}
.tab-content{display: none;  margin-bottom:16px; width:100%; }
.tab-content.current{display: block;}
.tab-link .current span{display:block; float:right; width:10px; height:10px; background:red;}
.index_cont2_wrap{float:left; margin-top:350px; width:84%;}
.index_view_wrap{padding-left:52px; padding-right:306.5px; width:auto;}
.mySwiper_thumb {position:relative; width:100%; height:546px;}
.mySwiper_thumb .view_more{float:left; display:inline-block; margin:62px auto 0; text-align:left;}
.mySwiper_thumb .view_more img{position: static;}
.mySwiper_thumb div img{position:absolute; top:0; right:0;}
.mySwiper_thumb h6{font-size:30px; line-height:30px; color:#FF0000}
.mySwiper_thumb .locate_title{padding-top:24px; padding-bottom:26px; height:100px; box-sizing:border-box; line-height:50px; font-size:50px; color:#000}
.mySwiper_thumb .locate_text{margin-bottom:20px; font-size:18px; line-height:24px; height:18px; color:#000}
.mySwiper_thumb .address_text{margin-bottom:40px;}
.mySwiper_thumb2{float:left; position:absolute; bottom:87px; left:0; width:985px;}
.mySwiper_thumb .work-text{background:#fff;}


#ft{background:#F4F4F4; padding:50px 0;width:100%; overflow:hidden;}
#ft .footer_wrap{padding-left:340px; padding-right:425px; width:auto;}
#ft .footer_wrap .footer_gnb{padding-bottom:50px; width:100%; overflow:hidden;}
#ft .footer_wrap .footer_gnb ul{float:left; margin-right:100px; width:52px; text-align:center;}
#ft .footer_wrap .footer_gnb ul li{margin-bottom:30px;}
#ft .footer_wrap .footer_gnb ul li:nth-of-type(1) a{font-weight:bold; color:#000}
#ft .footer_wrap .footer_gnb ul li:last-child{margin-bottom:0;}
#ft .footer_wrap .footer_gnb a{font-size:14px; line-height:14px; color:#757575; font-weight:400;}
#ft .footer_wrap .footer_gnb .lang {position:relative;}
#ft .footer_wrap .footer_gnb .lang .lang_wrap{float:right; padding-left: 24px; background:transparent; width:120px; line-height:44px; font-size:14px; color:#000; font-weight:400; border:1px solid #BDBDBD; text-align:left; cursor:pointer;}
#ft .footer_wrap .footer_gnb .lang .lang_wrap img{float:right; vertical-align:bottom;}
#ft .footer_wrap .footer_gnb .lang .lang_inner{display:none; margin-right:0; position:absolute; top:46px; right:0; width:120px; background:#fff;}
#ft .footer_wrap .footer_gnb .lang .lang_inner li{margin-bottom:0;}
#ft .footer_wrap .footer_gnb .lang .lang_inner li a{display:block; width:100%; height:44px; line-height:44px;}
#ft .footer_wrap .footer_gnb .lang .lang_inner li:first-child{border-bottom:1px solid #bdbdbd;}
#ft .footer_wrap .footer_gnb .lang .lang_inner li:first-child a{color:#757575; font-weight:400;}
#ft .footer_wrap .footer_inner{width:100%; float:left; display:block;}
#ft .footer_wrap .footer_inner ul {width:100%; overflow:hidden}
#ft .footer_wrap .footer_inner ul li{float:left; margin-left:20px; font-size:12px; line-height:13px;}
#ft .footer_wrap .footer_inner ul li:first-child{margin-left:0;}
#ft .footer_wrap .footer_inner ul li:last-child{margin-top:20px; margin-left:0; display:block; width:100%; text-align:left;}


.mo-lang, #hd .header_wrap .gnb_wrap .hd_sch_wr{display:none;}

@media(min-width:320px) and (max-width:1200px){
#hd .header_wrap{padding:0; width:100%; background:transparent;}
#hd .header_wrap .logo_wrap{padding:16px 0 16px 12px;}
#hd .header_wrap .logo_wrap a{background:url('/images/mo-ico-logo.png')no-repeat center; background-size:cover;  width:110px; height:26px}
#hd .header_wrap .gnb_wrap{position:absolute; top:57px; left:-100%; padding:0 16px; margin-left:0; width:100%; height:calc(100vh - 57px); background:url('/images/mo-img-background.png')no-repeat center; background-size: cover;}
#hd .header_wrap .gnb_wrap ul li{float:none; padding:0; padding-bottom:40px;}
#hd .header_wrap .lang{padding-top:18px;}
#hd .header_wrap .lang li a{font-size:14px;}
#hd .header_wrap .lang .line{margin-left:6px;height:12px;}
#hd .header_wrap .lang li:nth-of-type(2){margin-left:6px;}
#hd .header_wrap .menu_btn{margin-top:5px; margin-left:0;}
#hd .header_wrap .more_menu{background:url('/images/mo-ico-menu.svg')center}
#hd .header_wrap .close_menu{background:url('/images/mo-ico-close.svg')center}
#hd .header_wrap .gnb_wrap ul{margin-top:62px; width:100%;}
#hd .header_wrap .gnb_wrap ul li{width:120px;}
#hd .header_wrap .gnb_wrap ul li a{color:#000; font-size:30px; line-height:30px; font-weight:bold; text-align:left;}

#hd .header_wrap .gnb_wrap .gnb_sub{margin-top:20px; padding:0; background:transparent}
#hd .header_wrap .gnb_wrap .gnb_sub li{margin-bottom:16px; padding:0; background:transparent}
#hd .header_wrap .gnb_wrap .gnb_sub li a{color:#757575; font-size:16px; line-height:21px; font-weight:400;}
#hd .header_wrap .gnb_wrap .hd_sch_wr
.gnb_slide{display:none !important;}
#hd .header_wrap .gnb_wrap .hd_sch_wr{display:block; padding:0; margin-top:30px; margin-left:0; width:100%;}
#hd .header_wrap .gnb_wrap #hd_sch{border-radius:0;}
#hd_sch #sch_stx{position:relative; background:transparent; padding-left:30px; width:100%; height:48px; box-sizing:border-box; border-bottom:1px solid #000;  border-radius:0; }
#hd_sch #sch_submit{position:absolute; top:30px; left:0; background:url('/images/mo-ico-search.svg')no-repeat center; width:48px; height:48px;}

.mo-lang{display:block; position:absolute; bottom:70px; right:46px;}
.mo-lang .lang_wrap{float:right; padding-left: 24px; background:transparent; width:120px; line-height:44px; font-size:14px; color:#000; font-weight:400; border:1px solid #BDBDBD; text-align:left; cursor:pointer;}
.mo-lang .lang_wrap img{float:right; vertical-align:bottom;}
.mo-lang .lang_inner{display:none; margin-top:0 !important; margin-right:0; position:absolute; top:46px; right:0; width:120px; background:#fff;}
.mo-lang .lang_inner li{margin-bottom:0; padding-bottom:0 !important;}
.mo-lang .lang_inner li a{display:block; padding-left:24px; width:100%;  font-size:14px !important; height:44px; line-height:44px !important;}
.mo-lang .lang_inner li:first-child{border:1px solid #bdbdbd !important; border-top:0 !important;}
.mo-lang .lang_inner li:first-child a{color:#757575 !important; font-weight:400 !important;}

.index_visual{height:100vw;}
.index_visual .index_slide .slick-slide{height:100vw;}
.index_visual .index_slide .slide01{height:100vw; background:url('/images/mo-img-mainbanner01.png')no-repeat; background-size:cover;}
.index_visual .index_slide .slide02{height:100vw; background:url('/images/mo-mainbanner02.png')no-repeat; background-size:cover;}
.index_visual .index_slide h3{font-size:16px; line-height:16px;}
.index_visual .index_slide .slide01 h3, .index_visual .index_slide .slide02 h3{top:198px; left:0; width:100%; text-align:center;}
.index_contents{padding:0 16px;}
.index_contents .index_side{margin:60px auto 0; width:100%; height:auto; border-right:none;}
.tabBox{margin:0 auto}
.tab-link{display:block; float:none; margin:0 auto; padding-top:27px; padding-right:0; width:60.5%; font-size:12px; text-align:center;}
.tab-link.current{padding-bottom:5px; font-size:16px; border-bottom:1px solid #ff0000}
.tab-content{margin-bottom:66px;}

.index_contents .index_cont_wrap{float:none; width:100%;}
.index_contents .index_cont1, .index_contents .index_cont2, .index_contents .index_cont3, .index_contents .index_cont4{margin-top:80px; background:transparent; padding-left:0; height:auto;}
.index_contents .index_cont1 h4, .index_contents .index_cont2 h4, .index_contents .index_cont3 h4, .index_contents .index_cont4 h4{font-size:12px; line-height:12px;}
.swiper-slide h5{padding-top:12px; font-size:28px; line-height:28px;}
.swiper-slide h5 span{padding-left:20px; font-size:14px;}
.swiper-slide .tab1_text{width:100%; height:38vw;}
.swiper-slide p{font-size:12px; line-height:18px;}
.swiper-slide .view_more{right:0; left:inherit; margin:19px auto 0; text-align:right;}
.swiper-slide ul{height:auto;}
.swiper-slide li{font-size:12px; line-height:20px;}
.slick-dots{display:none !important;}

.mySwiper, .mySwiper2, .mySwiper3, .mySwiper4{height:100vw;}

.index_cont2_wrap{float:none; margin:0 auto; width:100%;}
.index_view_wrap{padding-left:0; padding-right:0;}
.mySwiper_thumb {margin-bottom:50px; height:auto}
.mySwiper_thumb h6{font-size:12px; line-height:12px;}
.mySwiper_thumb .locate_title{padding-top:12px; padding-bottom:18px; font-size:28px; line-height:28px; height:auto; }
.mySwiper_thumb .locate_text{margin-bottom:14px; font-size:12px; line-height:14px;}
.mySwiper_thumb .view_more{float:left; position:static; width:115px;}
.mySwiper_thumb .view_more img{margin-top:0; width:50px; height: auto;}
.mySwiper_thumb div img{position:static; margin-top:24px; width:100%; height:68vw;}
.mySwiper_thumb2{margin-bottom:84px; bottom:0; width:100%;}
.mySwiper_thumb2 .swiper-slide img{width:100%;}


#ft {padding:36px 16px}
#ft .footer_wrap{padding-left:0; padding-right:0;}
#ft .footer_wrap .footer_gnb{padding:0 20px 50px;}
#ft .footer_wrap .footer_gnb ul{margin-right:26px; width:70px; text-align:left;}
#ft .footer_wrap .footer_gnb .lang{display:none;}
#ft .footer_wrap .footer_inner ul li{margin-left:0; margin-bottom:12px; text-align:left;}
#ft .footer_wrap .footer_inner ul li:last-child{font-size:10px;}
}

@media (min-width:767px) and (max-width:1200px) {
  #hd .header_wrap .logo_wrap a{background:url('/images/mo-ico-logo.png')no-repeat center; background-size:cover; width:150px; height:34px}
  #hd .header_wrap .menu_btn{margin-top:9px;}
  #hd .header_wrap .lang{padding-top:22px;}
  #hd .header_wrap .gnb_wrap:{top:66px}
  #hd .header_wrap .gnb_wrap ul{margin-top:150px;}
  #hd .header_wrap .gnb_wrap .gnb_sub{margin-top:32px;}
  #hd .header_wrap .gnb_wrap .gnb_sub li{margin-bottom:32px;}
  .index_visual{height:66vw;}
  .index_visual .index_slide .slide01 h3, .index_visual .index_slide .slide02 h3{top:30vw; font-size:32px; line-height:40px;}
  .index_visual .index_slide .slick-slide{height:66vw;}
  .index_visual .index_slide .slide01{height:66vw;}
  .mySwiper, .mySwiper2, .mySwiper3, .mySwiper4{height:40vw;}
  .company_wrap .company_sign img{width:18vw; height:10vw;}
}

@media(min-width:1400px) and (max-width:1800px) {
  #hd .header_wrap{padding:0 150px;}
  .slick-dots{left:220px !important;}
  .index_visual .index_slide h3{font-size:42px;}
  .index_visual .index_slide .slide01 h3{left:33%}
  .index_visual .index_slide .slide02 h3{left:27%}

  .index_view_wrap{padding-right:0;}
  .mySwiper_thumb .locate_text:first-child{margin-bottom:35px; width:35%}
}

@media(min-width:1200px) and (max-width:1399px) {
    #hd .header_wrap{padding:0 50px;}

    .slick-dots{left:150px !important;}
    .index_visual .index_slide h3{font-size:42px;}
    .index_visual .index_slide .slide01 h3{left:30%}
    .index_visual .index_slide .slide02 h3{left:25%}


    .index_cont2_wrap{float:right; margin-top:100px;}
    .index_contents .index_cont1 h4, .index_contents .index_cont2 h4, .index_contents .index_cont3 h4, .index_contents .index_cont4 h4{font-size:18px; line-height:18px;}
    .swiper-slide h5{padding-top:20px;font-size:42px; line-height:42px;}
    .swiper-slide h5 span{font-size:30px;}
    .swiper-slide .tab1_text{font-size:22px;}

    .index_view_wrap{padding-left:50px; padding-right:0;}
    .mySwiper_thumb {margin-bottom:50px; height:auto}
    .mySwiper_thumb h6{font-size:18px; line-height:18px;}
    .mySwiper_thumb .locate_title{padding-top:20px; padding-bottom:32px; font-size:40px; font-weight:bold; line-height:40px; height:auto; }
    .mySwiper_thumb .address_text{margin-bottom:40px !important;}
    .mySwiper_thumb .locate_text{margin-bottom:14px; font-size:18px; line-height:24px;}
    .mySwiper_thumb .view_more{float:left; position:static; width:115px;}
    .mySwiper_thumb .view_more img{margin-top:0; width:50px; height: auto;}
    .mySwiper_thumb div img{position:static; margin-top:24px; width:100%; height:68vw;}
    .mySwiper_thumb2{margin-bottom:84px; bottom:0; width:100%;}
    .mySwiper_thumb2 .swiper-slide img{width:100%;}
}