@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700&display=swap');

/* * {font-family:'NanumSquare';} */
.container
{margin:0 auto; padding:0px; max-width:1200px; width:100%;}


#header
{background:white; height:80px;
     /* width: calc(100% - 10px); */
    }
#header .container-fluid
{max-width:1140px; margin:0 auto; padding:0px;}

#header .logo
{width:231px; height:36px; left:0px; margin-top:25px;}
#header .gnb
{left:28%; margin-left:0px; width:810px;}
#header .gnb > li > a
{color:#101010; padding:0px 44px; letter-spacing:0px; /*transform:skew(-0.01deg);*/ font-size:18px; height:80px; line-height:80px;}
#header .gnb > li:hover > a
{color:#0069b4;}
#header .gnb > li > .subnav li a
{/*transform:skew(-0.1deg);*/ display : inline-block; line-height:100%;}
#header .gnb > li > .subnav li a:hover
{color:#0069b4;}


#header.sticky
{height:80px;}
#header.sticky .gnb > li > a
{height:80px; line-height:80px;}



#main-hero
{height:614px; margin-top:80px;}
#main-hero .slick-slide .slide-caption .caption-inner 
{text-align:center;}
#main-hero .slick-slide .slide-caption h2
{font-family:'Roboto'; font-size:74px; font-weight:400; line-height:100%;}
#main-hero .slick-slide .slide-caption p
{opacity:1; font-weight:100; font-size:48px; margin:0; font-family:'Noto Sans Kr'; line-height:100%; letter-spacing:-2px;}



/***************************************************/


#main-hero .slick-arrow
{opacity:1;}
#main-hero .slick-prev
{background:url('../images/slick_arrow.png'); width:48px; height:89px; left:260px;}
#main-hero .slick-next
{background:url('../images/slick_arrow.png'); transform:rotate(180deg); width:48px; height:89px; right:260px;}
#main-hero .slick-prev:hover
{background:url('../images/slick_arrow.png');}
#main-hero .slick-next:hover
{background:url('../images/slick_arrow.png'); transform:rotate(180deg);}

#main-hero .slick-dots li
{margin:0 5px;}
#main-hero .slick-dots li button
{width:14px; height:14px;}
#main-hero .slick-dots li.slick-active button
{opacity:1; background:white;}


.main-section .section-heading h2
{font-size:48px; letter-spacing:-1px; font-weight:500; font-family:'Roboto'; color:#383838;}



.main-about-section .col-about .com_txt
{text-align:center; position:Relative; top : -1px; transition-duration:0.3s; background:#f3f3f3;}
.main-about-section .col-about .com_txt h4
{font-size:24px; color:#434343; font-weight:600; padding-top:30px; margin:0px;}
.main-about-section .col-about .com_txt p
{color:#818181; font-size:17px; padding-top:10px; /*transform:skew(-1.01deg);*/ padding-bottom:30px;}
.main-about-section .col-about:hover .com_txt
{background:#0069b4;}
.main-about-section .col-about:hover .com_txt h4
{color:white;}
.main-about-section .col-about:hover .com_txt p
{color:white;}


.section02:after
{content:''; display : block; clear:both;}
.section02 .sec02_img_wrap
{display : inline-block; width:50%; float:left;}
.section02 .sec02_img1
{background:url('../images/business.jpg') center; height:335px;}
.section02 .sec02_img2
{background:url('../images/product.jpg') center; height:335px;}
.section02 .sec02_tit
{padding-top:80px; text-align:center;}
.section02 .sec02_tit h2
{color:white;}
.section02 .sec02_tit p
{font-size:17px; color:white; margin-top:18px; font-weight:100;}
.section02 .sec02_tit a
{display : inline-block; margin-top:15px; padding:10px 40px; border: 1px solid white;color:white; font-weight:100; transition-duration:0.2s;}
.section02 .sec02_tit a:hover
{background:#0069b4; border-color:#0069b4;}



.main-news-section .col-sm-6 h3
{margin-bottom:20px;  font-weight:600;}
.main-news-section .col-sm-6 > a
{ font-size:35px; display : inline-block; height:35px; width:35px; border:1px solid #ddd; font-weight:100; color:#aaa; text-align:center; line-height:35px; position:absolute; right:30px; top:-5px; 
    font-family:'Roboto'; transition-duration:0.2s;}
.main-news-section .col-sm-6 > a:hover
{transform:rotate(90deg); background:#0069b4; color:white; border-color:#0069b4;}


.main-news-section .article-list tr
{padding:15px 2px;}
.main-news-section .article-list td.bd_out1 a
{color:#404040; font-size:17px;}
.main-news-section .article-list td:nth-child(3) 
{color:#9a9999; font-size:15px; margin-top:5px;}
.main-news-section .article-list td[align='center']
{font-size:14px; margin-top:2px;}



.main-news-section .online h3
{border-bottom:1px solid #eaeaea; padding-bottom:20px; }
.main-news-section .online .online_img
{background:url('../images/inquiry.jpg') center; width: 540px; height:204px;}
.main-news-section .online .online_img p
{color:white; font-size:18px; padding:40px 0px 0px 35px;}





.bottom_info
{padding:30px 0px; background:url('../images/bottom_bg.jpg');}
.bottom_info .col-sm-4
{padding:0px;}
.bottom_info .col-sm-4 img
{float:left;}
.bottom_info .info_txt
{display : inline-block; padding-left:30px;}
.bottom_info .info_txt li
{color:white; list-style:none; font-size:20px;}
.bottom_info .info_txt p
{color:white; font-size:24px; margin-top:10px; font-weight:800;}
.bottom_info .info_txt p.add_txt
{font-size:16px; /*transform:skew(-1.01deg);*/ font-weight:600;}


#footer
{padding:40px 0px;}
#footer .info p
{color:#c9c9c9; /* transform:skew(-0.1deg);}*/}


.info_footer_area {background: #31353e url('../images/bottom_bg.jpg'); color: #efefef; padding-top: 35px; padding-bottom: 10px;}
.info_footer_area ul li {margin-bottom: 25px;}
.info_footer_area ul li h5 {font-size: 18px; font-weight: 600; margin-bottom: 5px;}
.info_footer_area ul li p {font-size: 14px; line-height: 1.5; margin-bottom: 5px;}
.info_footer_area hr {width: 100%; height: 1px; background: #555; border: none;}
.info_footer_area {}
.info_footer_area {}



/* 서브페이지 */
#sub-hero .caption-cell p
{font-size:20px; margin-top:0px;}

.dropdown-nav-section .dropdown-wrap > .dropdown
{padding:0px;}
.dropdown-nav-section .dropdown-wrap a
/*{transform:skew(-0.1deg);}*/
.dropdown-nav-section .dropdown-03 > a
{color:#6693fb;}


/*2번째 드롭다운*/
.dropdown-nav-section .dropdown-02 > a
{padding:0px 50px 0px 25px; }




/* 서브 카테고리가 3단 메뉴인 경우 */
.category
{max-width:1600px; margin:0 auto; margin-bottom:50px;}
.category:after
{content:''; display : block; clear:both;}
.category li
{list-style: none; display : inline-block; float:left; border: 1px solid #ddd; border-left:none;}
.category li:first-child
{border-left: 1px solid #ddd;}
.category li a
{padding:15px; display : inline-block; /*transform:skew(-0.1deg);}*/}

.category li:hover
{background:#006bb9;}
.category li:hover a
{color:white;}
.category li.on
{background:#006bb9;}
.category li.on a
{color:white;}


@media screen and (max-width:991px){
    #header .btn-open-nav
    {background:#111;}
    #header.sticky .btn-open-nav > span
    {background:white;}
    #header .logo
    {left:15px;}

    #header nav .mobile-header
    {background:white;}
    #header .gnb
    {width:100%;}
    #header .gnb > li > a
    {height:40px; line-height:40px; padding:0px 20px;}
}


@media screen and (max-width:414px){
    #main-hero
    {height:250px;}
    #main-hero .slick-slide .slide-caption .caption-inner
    {padding:0px 10px;}
    #main-hero .slick-slide .slide-caption h2
    {font-size:34px;}
    #main-hero .slick-slide .slide-caption p
    {font-size:24px;}

    #main-hero .slick-dots
    {bottom:5px;}
    #main-hero .slick-arrow
    {display : none !important;}



    .main-section .section-heading h2
    {font-size:36px;}

    .section02 .sec02_img_wrap
    {width:100%;}



    .main-news-section .online .online_img
    {width:100%;}
    .main-news-section .notice
    {margin-bottom:70px}



    .bottom_info .col-sm-4
    {padding:0px 10px; margin-top:20px;}
    .bottom_info .col-sm-4:first-child
    {margin-top:0px;}
    .bottom_info .col-sm-4 img
    {}



    #sub-hero .caption-cell
    {padding-top:70px;}
    #sub-hero .caption-cell h2
    {font-size:32px;}
    #sub-hero .caption-cell p
    {font-size:17px;}
    .sub-section
    {padding:60px 20px 60px;}
    .dropdown-nav-section .dropdown-01
    {border-bottom:1px solid #eaeaea;}
    .dropdown-nav-section .dropdown-wrap
    {width:100%;}


    .sub-section .main-heading h2
    {font-size:26px; margin-bottom:10px;}
    .sub-section .main-heading h4
    {font-size:17px;}
}