/* COMMON SETTING */

*
{font-family:'Poppins', 'Noto Sans Kr'; box-sizing:border-box}

/* MAIN DETAIL SETTING */
.container
{max-width:1200px; margin:0 auto; padding:0;}
.main-title
{text-align:center; margin-bottom:55px;}
.main-title h2
{font-family:'Raleway'; font-size:46px; font-weight:700; color:#2f2e2e; letter-spacing:-1px;}

/* NAV */
#header
{height:75px;}
#header .contains
{max-width:1350px;}
#header .header_wrap .logo
{top:10px;}
#header .header_gnb
{height:75px;}
#gnb
{width:80%;}
#gnb .menu .link
{font-size:18px; font-weight:500; color:#4e4e4e; height:75px; line-height:75px;}
#gnb .menu:hover .link
{color:#003a81;}
#gnb .sub_menu
{top:75px;}
#gnb .menu .sub_menu li a:hover
{text-decoration:none !important; color:#003a81 !important; }

/* MAIN */

/* MAIN PRODUCT */
.mainProduct
{padding:80px 0; background:#f7f7f7;}
.main-prd-slide
{position:relative; text-align:center;}
.main-prd-item
{display:inline-block;}
.main-prd-item .main-prd-img
{border:1px solid #ddd; transition:all 0.2s ease;}
.main-prd-item .main-prd-txt
{font-family:'Noto Sans Kr'; font-size:22px; font-weight:500; color:#333333; text-align:center; padding:20px 0;}
.main-prd-item:hover .main-prd-txt
{color:#666;}


/* CONTROLS */
.main-prd-slide .owl-pagination
{text-align:center; display:none;}
.main-prd-slide .owl-pagination .owl-page
{width:55px; height:6px; background:#afc7d9; display:inline-block; margin:0 5px;}
.main-prd-slide .owl-pagination .owl-page.active
{background:#0371c0;;}

.main-prd-slide .owl-buttons
{position:absolute; width:100%; top:35%;}
.main-prd-slide .owl-prev
{font-size:0; position:absolute; left:-130px; background:url('../img/main-prd-prev.png'); width:34px; height:64px;}
.main-prd-slide .owl-next
{font-size:0; position:absolute; right:-130px; background:url('../img/main-prd-next.png'); width:34px; height:64px;}
.main-prd-slide .owl-prev:hover
{opacity:.8;}
.main-prd-slide .owl-next:hover
{opacity:.8;}

/* MAIN ABOUT */
.mainAbout
{padding:75px 0; background:url('../img/main-about-bg.jpg') no-repeat center; background-size:cover;}
.mainAbout .main-title h2
{color:#fff;}
.main-about-icon-wrapper
{margin-top:100px;}
.main-about-list
{display:flex; justify-content:space-between; flex-wrap:wrap;}
.main-about-list .main-about-item
{width:25%; text-align:center;}
.main-about-list .main-about-item > a
{width:100%; display:inline-block;}
.main-about-list .main-about-item p
{font-size:22px; color:#fff; margin-top:25px; }
.main-about-list .about-plus
{position:relative; width:42px; height:42px; border:1px solid #fff; border-radius:50%; display:inline-block; margin-top:20px; transition:all 0.3s ease;}
.main-about-list .about-plus .about-plus-row
{position:absolute; top:20px; left:10px; width:20px; height:1px; background:#fff;}
.main-about-list .about-plus .about-plus-col
{position:absolute; top:11px; left:19px; width:1px; height:20px; background:#fff;}
.main-about-list .main-about-item:hover .about-plus
{background:#0071be; border-color:#0071be;}

/* MAIN CUSTOMER */
.mainCustomer
{padding:85px 0;}
.main-customer-box-wrap
{display:flex; justify-content:space-between;}

.main-customer-content .inner
{padding:25px 30px;}
.main-customer-content .tit
{position:relative; margin-bottom:10px;}
.main-customer-content .tit h3
{font-family:'Montserrat' , 'Noto Sans Kr'; font-size:22px; color:#2d2d2d; font-weight:500; display:inline-block;}
.main-customer-content .tit .customer-plus
{position:relative; float:right; right:0px; top:0px; width:25px; height:25px; border:1px solid #ddd; }
.main-customer-content .tit .customer-plus-row
{position:absolute; right:4px; top:11px; width:15px; height:1px; background:#ddd;}
.main-customer-content .tit .customer-plus-col
{position:absolute; right:11px; top:4px;  width:1px; height:15px; background:#ddd;}
.main-customer-content .tit .customer-plus:hover
{background:#f4f4f4;}


.main-customer-notice
{flex-basis:390px; border:1px solid #ddd;}
.main-notice .noticeoutput tr
{border:none;}
.main-notice .noticeoutput tr td
{padding:4px 0 !important;}
.main-notice .noticeoutput tr td:nth-child(2) a
{font-size:15px !important;; color:#757575;}
.main-notice .noticeoutput tr td:nth-child(3)
{font-size:14px !important; color:#a1a1a1;}

.main-customer-bg
{display:flex; justify-content:space-between;}
.main-customer-bg .main-icon-box:hover
{opacity:.9;}
.main-customer-bg .main-customer-wrap
{text-align:center;}
.main-customer-bg .main-customer-wrap .txt
{font-size:20px; font-weight:400; color:#fff; margin-top:10px;}
.main-customer-location
{background:url('../img/main-location-bg.jpg') no-repeat center; background-size:cover; width:171px; height:221px; display:flex; align-items:center; justify-content:center; margin-right:20px;}
.main-customer-location .main-location-icon
{background:url('../img/main-location-icon.png') no-repeat center; width:54px; height:63px; display:inline-block;}
.main-customer-inquiry
{background:url('../img/main-inquiry-bg.jpg') no-repeat center; background-size:cover; width:171px; height:221px; display:flex; align-items:center; justify-content:center;}
.main-customer-inquiry .main-inquiry-icon
{background:url('../img/main-inquiry-icon.png') no-repeat center; width:41px; height:67px; display:inline-block;}

.main-customer-cs
{background:url('../img/main-cs-bg.jpg') no-repeat center; background-size:cover; flex-basis:390px;}
.main-cs .tel-num
{font-family:'Motserrat'; font-size:36px; font-weight:600; color:#003a81; line-height:130%; margin-bottom:10px;}
.main-cs .tel-list li
{font-family:'Montserrat'; font-size:19px; color:#272727; font-weight:500;}
.main-cs .tel-list li strong
{font-family:'Montserrat'; font-size:18px; color:#2e2e2e; font-weight:700; margin-right:10px;}


#footer
{background:#f0f0f0; padding:40px 0px;}
#footer .container:after
{content:''; display:block; clear:both;}
#footer .f-logo
{float:left; width:144px; height:37px; background:url('../img/f-logo.png') no-repeat center; width:144px; height:37px; margin-top:10px;}
#footer .f-info
{float:right; width:80%;}
#footer .f-info .f-txt li span
{font-family:'Noto Sans Kr'; font-size:15px; color:#444444; padding-right:15px;}
#footer .f-info .f-txt li.copy
{text-transform:uppercase; margin-top:10px;}




/* SUB VISUAL */
.subbg1
{background:url('../img/svisual01.jpg') no-repeat center; background-size:cover;}
.subbg2
{background:url('../img/svisual02.jpg') no-repeat center; background-size:cover;}
.subbg3
{background:url('../img/svisual03.jpg') no-repeat center; background-size:cover;}
.subbg4
{background:url('../img/svisual04.jpg') no-repeat center; background-size:cover;}
.subbg5
{background:url('../img/svisual05.jpg') no-repeat center; background-size:cover;}
/* SUB CONTENT */
.sub-container
{max-width:1350px; margin:0 auto;}
#sub-content
{padding:80px 0px;}

/* SIDE BAR SETTING */
.sub-content-wrap:after
{clear:both; content:''; display:block;}
#subsidebar
{float:left; width:250px;}
#subsidebar .sidebar-list-con li
{border:1px solid #ddd; margin:0 0 5px; display:table; height:55px; width:100%; transition:all 0.3s ease;}
#subsidebar .sidebar-list-con li a
{display:table-cell; vertical-align:middle; padding:0 20px;}
#subsidebar .sidebar-list-con li a span
{font-family:'Noto Sans Kr'; font-size:15px; color:#333;}
#subsidebar .sidebar-list-con li.selected
{background:#333;}
#subsidebar .sidebar-list-con li.selected a span
{color:#fff;}
#subsidebar .sidebar-list-con li:hover
{background:#333;}
#subsidebar .sidebar-list-con li:hover a span
{color:#fff;}

/* SUB TITLE SETTING */
.sub-title
{border-bottom:1px solid #ddd; padding-bottom:30px; margin-bottom:30px;}
.sub-title h2
{font-family:'Noto Sans Kr'; font-size:26px; color:#333;}

/* SUB CONTENT SETTING */
#sub-con
{float:left; width:calc(100% - 250px); padding-left:5%;}


/* GREETING */
.greeting-txt-con
{display:flex; align-items:end; justify-content:space-between;}
.greeting-left-con
{flex-basis:77%;}
.greeting-left-con strong
{font-size:21px; font-weight:500; color:#333;}
.greeting-left-con p
{font-size:17px; color:#888; margin-top:30px; font-weight:400;}
.greeting-right-con strong
{display:block; color:#333;}

/* OVERVIEW */
.summary-box
{margin-bottom:50px;}
.summary-box .summary-tit
{font-size:21px; color:#1b1b1b; margin-bottom:15px; position:relative; padding-left:15px;}
.summary-box .summary-tit:before
{content:''; position:absolute; width:6px; height:50%; background:#066bbb; left:0;}
.summary-box .summary-tit:after
{content:''; position:absolute; width:6px; height:50%; background:#ff1b16; bottom:0; left:0;}
.summary-box table
{width:100%; border-top:1px solid #454545;}
.summary-box table th
{background:#f4f4f4; padding:20px; font-size:15px; font-weight:500; width:180px; border-color:#c2c2c2;}
.summary-box table td
{font-size:15px; color:#666; padding:10px; width:335px; border-bottom:1px solid #ddd;}

/* HISTORY */
.history-list-con .history-box
{position:relative; border-bottom:1px solid #ddd;}
.history-year-con
{position:absolute; top:50px; left:20px;}
.history-year-con h4
{font-family:'Poppins'; font-size:26px; font-weight:900; color:#1b1b1b; letter-spacing:-1px;}
.history-txt-box
{position:relative; padding-left:140px;}
.history-txt-box .history-txt-inner
{padding:50px;}
.history-txt-box .history-txt-con dl
{position:relative; margin-bottom:10px;}
.history-txt-box .history-txt-con dl dt
{position:absolute; display:inline-block; left:0; font-size:18px; color:#0b70b6; font-weight:600; font-family:'Poppins'; letter-spacing:-1px;}
.history-txt-box .history-txt-con dl dd
{width:calc(100% - 55px); padding-left:55px; display:inline-block; font-size:16px; color:#4e4e4e;}


/* VISION */
.vision-top
{padding:0 80px; text-align:right;}
.vision-top .deco-txt
{font-size:8vw; font-weight:800; color:#e8eff6; font-style:normal;}
.vision-con
{margin-top:-70px; padding:0 20px; background:#fff; position:relative;}
.vision-list
{display:flex; align-items:center; padding:40px 0px; border-bottom:1px solid #ddd;}
.vision-list .num
{width:120px; font-size:64px; font-weight:800; color:#dae4ee; font-style:italic;}
.vision-list .txt strong
{font-size:21px; color:#000; font-weight:500; margin-bottom:5px; display:inline-block;}
.vision-list .txt p
{font-size:16px; color:#888;}

/* LOCATION */
.location-info
{margin-top:30px;}
.location-info ul
{}
.location-info ul li
{width:33%; float:left; padding:0 20px;}
.location-info ul li strong
{margin-right:20px; display:block; margin-bottom:5px; font-size:17px;}



/* PRODUCT */


/* BOARD COMMON*/
.gallery_subject .gallery_title
{font-family:'Noto Sans Kr';}

/* FORM MAIL */
.mail-content .mailformtb td.formmail_cell_bgcolor
{line-height:27px;}
.mail-content .formmail_cell_bgcolor input[type="text"]
{background:#f1f1f1;}
.mail-content .mailformtb table textarea
{max-height:150px; height:150px;}


/* CERTIFI */

.certifi-content .glist3t img
{height:380px;}


@media screen and (max-width:1600px){
    .main-prd-slide .owl-pagination
    {display:block;}
    .main-prd-slide .owl-buttons
    {display:none;}
}

@media screen and (max-width:1192px){
    #gnb .sub_menu {top:0px;}


    #sub-content {padding:0 0 80px;}
    #subsidebar {float:none; width:100%; margin-bottom:30px;}
    .sidebar-list-con {display:flex; text-align:center;}
    #subsidebar .sidebar-list-con li {width:50%;}
    #subsidebar .sidebar-list-con li:only-child {width:100%;}

    #sub-con {float:none; padding:0 20px;; width:100%;}

    .greeting-txt-con {flex-wrap:wrap;}
    .greeting-left-con {flex-basis:100%;}
    .greeting-right-con {margin-top:30px;}
}


@media screen and (max-width:992px){
    .container {padding:0 10px;}
    .main-customer-box-wrap {flex-wrap:wrap; align-items:center; max-width:90%; margin:0 auto;}
    .main-customer-notice {flex-basis:100%;}
    .main-customer-bg {margin:10px 0px;}
}

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


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

    .container {padding:0 10px;}
    .main-title h2 {font-size:36px;}
    .main-about-list .main-about-item {width:50%; margin:50px 0px;}

    .main-customer-box-wrap {flex-wrap:wrap;}
    .main-customer-notice {flex-basis:100%;}
    .main-customer-bg {margin:30px 0px;}

    #footer .f-logo {margin:0 0 20px;}
    #footer .f-info {width:100%;}

    .sidebar-list-con {flex-wrap:wrap;}
    #subsidebar .sidebar-list-con li a span {font-size:14px;}
}


@media screen and (max-width:414px){
    .main-customer-bg {flex-wrap:wrap; justify-content:center;}
    .main-customer-location {margin-right:0;}
    .main-customer-content .inner {padding:25px 10px;}
}