@font-face {
    font-family: 'notokr-thin';
    src: url('../fonts/NotoKR-Thin/notokr-thin.eot');
    src: url('../fonts/NotoKR-Thin/notokr-thin.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NotoKR-Thin/notokr-thin.woff2') format('woff2'),
         url('../fonts/NotoKR-Thin/notokr-thin.woff') format('woff'),
         url('../fonts/NotoKR-Thin/notokr-thin.ttf') format('truetype'),
         url('../fonts/NotoKR-Thin/notokr-thin.svg#notokr-thin') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'notokr-regular';
    src: url('../fonts/NotoKR-Regular/notokr-regular.eot');
    src: url('../fonts/NotoKR-Regular/notokr-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NotoKR-Regular/notokr-regular.woff2') format('woff2'),
         url('../fonts/NotoKR-Regular/notokr-regular.woff') format('woff'),
         url('../fonts/NotoKR-Regular/notokr-regular.ttf') format('truetype'),
         url('../fonts/NotoKR-Regular/notokr-regular.svg#notokr-regular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'notokr-medium';
    src: url('../fonts/NotoKR-Medium/notokr-medium.eot');
    src: url('../fonts/NotoKR-Medium/notokr-medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NotoKR-Medium/notokr-medium.woff2') format('woff2'),
         url('../fonts/NotoKR-Medium/notokr-medium.woff') format('woff'),
         url('../fonts/NotoKR-Medium/notokr-medium.ttf') format('truetype'),
         url('../fonts/NotoKR-Medium/notokr-medium.svg#notokr-medium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'notokr-light';
    src: url('../fonts/NotoKR-Light/notokr-light.eot');
    src: url('../fonts/NotoKR-Light/notokr-light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NotoKR-Light/notokr-light.woff2') format('woff2'),
         url('../fonts/NotoKR-Light/notokr-light.woff') format('woff'),
         url('../fonts/NotoKR-Light/notokr-light.ttf') format('truetype'),
         url('../fonts/NotoKR-Light/notokr-light.svg#notokr-light') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'notokr-demilight';
    src: url('../fonts/NotoKR-DemiLight/notokr-demilight.eot');
    src: url('../fonts/NotoKR-DemiLight/notokr-demilight.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NotoKR-DemiLight/notokr-demilight.woff2') format('woff2'),
         url('../fonts/NotoKR-DemiLight/notokr-demilight.woff') format('woff'),
         url('../fonts/NotoKR-DemiLight/notokr-demilight.ttf') format('truetype'),
         url('../fonts/NotoKR-DemiLight/notokr-demilight.svg#notokr-demilight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'notokr-bold';
    src: url('../fonts/NotoKR-Bold/notokr-bold.eot');
    src: url('../fonts/NotoKR-Bold/notokr-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NotoKR-Bold/notokr-bold.woff2') format('woff2'),
         url('../fonts/NotoKR-Bold/notokr-bold.woff') format('woff'),
         url('../fonts/NotoKR-Bold/notokr-bold.ttf') format('truetype'),
         url('../fonts/NotoKR-Bold/notokr-bold.svg#notokr-bold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'notokr-black';
    src: url('../fonts/NotoKR-Black/notokr-black.eot');
    src: url('../fonts/NotoKR-Black/notokr-black.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NotoKR-Black/notokr-black.woff2') format('woff2'),
         url('../fonts/NotoKR-Black/notokr-black.woff') format('woff'),
         url('../fonts/NotoKR-Black/notokr-black.ttf') format('truetype'),
         url('../fonts/NotoKR-Black/notokr-black.svg#notokr-black') format('svg');
    font-weight: normal;
    font-style: normal;

}
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

.nt-t
{font-family:'notokr-thin'}
.nt-l
{font-family:'notokr-light'}
.nt-dl
{font-family:'notokr-demilight'}
.nt-r
{font-family:'notokr-regular'}
.nt-m
{font-family:'notokr-medium'}
.nt-b
{font-family:'notokr-bold'}

.container
{max-width:1140px; width : 100%; margin: 0 auto; }
.sec-tit
{font-size:45px; color:#2b2b2b; font-family:'Roboto'; margin: 0 0 60px 0;}


/* NAV */
#header
{height:110px;}
#menu-container
{height:110px;}
.top-bar
{height:10px; background:#00037a;}
#header .navbar
{height:100px; margin:0px;}
#header .navbar .navbar-brand
{margin-top:8px;}
#header .navbar-nav.navbar-right li > a
{font-size:18px; font-family:'notokr-regular'; color:#444444}

#header .navbar-nav.navbar-right
{padding-top:25px;}


#header .navbar-nav.navbar-right .language
{position:absolute; top:35px; right:150px; border:1px solid #ddd; padding:5px 0px;}
#header .navbar-nav.navbar-right .language ul li
{display:inline-block; padding:0px 15px;}
#header .navbar-nav.navbar-right .language ul li:first-child
{ border-right:1px solid #ddd;}
#header .navbar-nav.navbar-right .language ul li a
{color:#333; padding:0 15px; display:inline-block;}
#header .navbar-nav.navbar-right .language ul li.on a
{color:#00037a; font-family:'notokr-medium';}


/* Slider */
.bxslider-img
{height:642px;}
.bx-wrapper .bx-caption
{top:35%;}
.bx-wrapper .bx-caption h2
{color:#fff; font-size:48px; font-family:'notokr-bold';}
.bx-wrapper .bx-caption h4
{color:#fff; font-size:42px; font-family:'notokr-bold';}

.bx-caption h4
{-webkit-animation:moveUp 1.2s ease-in-out both; animation:moveUp 1.2s ease-in-out both}


/** SECTION01 */
.section01
{padding:80px 0px 120px; background:#fdfdfd;}
.section01 .sec01_wrap .sec01_box
{display : inline-block; width:360px; margin-right:20px; box-shadow:4px 1px 10px 1px #ddd;}
.section01 .sec01_wrap .sec01_box img
{float:left;}
.section01 .sec01_wrap .sec01_box .sec01_txt
{display : inline-block; width:100%; padding:30px 20px; text-align:left;}
.section01 .sec01_wrap .sec01_box .sec01_txt h4
{font-size:24px; color:#363636}
.section01 .sec01_wrap .sec01_box .sec01_txt p
{font-size:16px; color:#535353; padding:20px 0px; line-height:130%;}
.section01 .sec01_wrap .sec01_box .sec01_txt span
{color:#676767; font-size:14px; border:1px solid #d1d1d1; border-radius:25px; padding:7px 30px;}

.section01 .sec01_wrap .sec01_box:last-child
{margin:0px;}
.section01 .sec01_wrap .sec01_box:hover .sec01_txt span
{background:#1f2ba6; color:#fff; transition-duration:0.2s; border-color:#1f2ba6}

/** SECTION02 */
.section02
{padding:100px 0px 100px; background:url('../images/sec02_bg.jpg') center; background-size:cover;}
.section02 .sec02_wrap .sec02_icon
{width:24%; float:left; text-align:center; margin-right:1%;}
.section02 .sec02_wrap .sec02_icon:last-child
{margin-right:0px;}
.section02 .sec02_wrap .sec02_icon .sec02_icon_cir
{width:180px;height:180px;background:#1f2ba6; border-radius:50%; display:inline-block}
.section02 .sec02_wrap .sec02_icon .sec02_icon_cir img
{padding-top:40px;}
.section02 .sec02_wrap .sec02_icon .sec02_icon_cir p
{padding:15px 0 0; color:#fff; font-size:19px;}
.section02 .sec02_wrap .sec02_icon span
{display:block; color:#4c4c4c; font-size:16px; padding:30px 0px;}


.section02 .sec02_wrap::after
{clear:both; content:''; display:block;}
.section02 .sec02_wrap .sec02_icon:hover .sec02_icon_cir
{background:#303ecf}


/** SECTION03 */
.section03
{background:url('../images/sec03_bg.jpg') center; padding:30px 0px;}
.section03 .sec03_notice
{float:left; width:45%; background:rgba(255 255 255 / 0.9); padding:30px; text-align:left;}
.section03 .sec03_notice h3
{font-size:21px; color:#373737;}
.section03 .sec03_notice h3 .notice_plus
{float:right; position:relative; display : inline-block; width:28px;height:28px; margin-right:30px;}
.section03 .sec03_notice h3 .notice_plus .p_row
{width:28px; height:1px; background:#000; margin-top:14px;}
.section03 .sec03_notice h3 .notice_plus .p_col
{height:28px; width:1px; background:#000; position:absolute; top:0px; right:14px;}
.section03 .sec03_notice h3 .notice_plus:hover
{transform:rotate(90deg); transition-duration:0.25s}
.section03 .sec03_notice .notice_wrap
{padding:20px 0px;}
.section03 .sec03_notice .notice_wrap .board_output .board_output_1_tr td
{padding:0px;}
.section03 .sec03_notice .notice_wrap .board_output .board_output_1_tr td:first-child
{display:none;}
.section03 .sec03_notice .notice_wrap .board_output .board_output_1_tr td:nth-child(2) a
{font-family:'notokr-regular'; font-size:15px !important; color:#464646 !important;}
.section03 .sec03_notice .notice_wrap .board_output .board_output_1_tr td:nth-child(3)
{color:#434343 !important; font-size:15px; font-family:'notokr-regular';}

/* 영문 */
.section03 .sec03_notice .notice_wrap .board_output .board_output_40_tr td
{padding:0px;}
.section03 .sec03_notice .notice_wrap .board_output .board_output_40_tr td:first-child
{display:none;}
.section03 .sec03_notice .notice_wrap .board_output .board_output_40_tr td:nth-child(2) a
{font-family:'notokr-regular'; font-size:15px !important; color:#464646 !important;}
.section03 .sec03_notice .notice_wrap .board_output .board_output_40_tr td:nth-child(3)
{color:#434343 !important; font-size:15px; font-family:'notokr-regular';}



.section03 .sec03_customer
{float:right; width:30%; background:rgba(255 255 255 / 0.9); text-align:left; padding:30px 30px 40px;}
.section03 .sec03_customer h3
{font-size:21px; color:#373737}
.section03 .sec03_customer ul a.nt-b
{font-size:32px; color:#d62828;}
.section03 .sec03_customer ul li.nt-dl
{font-size:21px; color:#373737;}
.section03 .sec03_customer .cus
{background:url('../images/sec03_icon01.png') no-repeat; width:100%; height:18px; display : inline-block; padding-left:25px; font-size:14px; color:#7e7e7e; margin:15px 0px 0px}
.section03 .sec03_customer .mail
{background:url('../images/sec03_icon02.png') no-repeat 0px 4px; width:100%; height:18px; display : inline-block; padding-left:25px; font-size:14px; color:#7e7e7e; margin :10px 0 0;}
.section03 .sec03_customer p strong
{color:#444444;}


.footer
{padding:40px 0px; background:#4a4a4a; text-align:center;}
.footer ul li.copy
{margin:15px 0px 0px;}
.footer ul li span
{font-size:15px; color:#dcdcdc; font-family:'notokr-regular'; padding:0px 8px;}
.footer ul li.copy span a
{color:#dcdcdc}





/********************************************************* SUB PAGE *******************************************************************/

/* SUB MENU */
.submenu-tit
{background:#00037a;}


.sub-category ul:after
{clear:both; content:''; display:block;}
.sub-category ul li
{float:left; border:1px solid #ddd; margin: 0 0 10px; border-right:none; width:25%; text-align:center;}
.sub-category ul li a
{font-size:15px; padding:12px 0px;display:inline-block; width:100%; font-weight:500; color:#333;}
.sub-category ul li:last-child, .sub-category ul li:nth-child(4n)
{border-right:1px solid #ddd;}
.sub-category ul li a.on
{background:#00037a; color:#fff; }


/* GREETING */
.com-greeting .greeting-tit h2
{font-size:28px; color:#333; font-weight:normal; margin: 0 0 30px; padding: 0 0 10px; text-align:center; border-bottom:1px dashed #ddd;}
.com-greeting .greeting-txt p
{font-size:16px; color:#666; line-height:150%;}
.com-greeting .greeting-txt p b
{font-weight:800; color:#333; font-style: italic}




/* HISTORY */
.com-history .history-box dl
{padding:30px 0px; border-bottom:1px solid #ddd;}
.com-history .history-box dl dt
{float:left; font-size:28px; color:#0d0e44; line-height:100%; font-family:'notokr-bold'; font-size:30px;}
.com-history .history-box dl dd
{padding:1px 0px 0px 110px;}
.com-history .history-box dl dd li
{padding-left:100px; position:relative; padding:3px 0px 8px 100px; color:#666; font-family:'notokr-regular'; font-size:16px;}
.com-history .history-box dl dd li span
{position:absolute; left:0px; color:#333; font-family:'notokr-medium'; font-size:20px;}



/* CERTIFICATE */
.certificate .certi-wrap
{width:32%; float:left; margin-right:1%; height:500px; text-align:center; transition-duration:0.2s}
.certificate .certi-wrap.col2
{width:48%;}
.certificate .certi-wrap img
{width:100%; border:1px solid #ddd;}
.certificate .certi-wrap p
{font-size:16px; color:#333; padding:30px 0px;}
.certificate .certi-wrap:hover p
{color:#555;}
.certificate .certi-wrap:hover img
{opacity:.8;}


/* product */
.product
{margin-top:50px;}
.product .sub-tit
{ font-size:24px; margin: 0 0 15px;}
.product .sub-sec
{margin:30px 0; display:inline-block; width:100%;}
.product .sub-sec.t
{margin:0 0 30px;}
.product .sub-sec-img
{text-align:center;}

.product .sub-sec .sub-sec-txt p
{font-size:16px; color:#666; line-height:160%; font-family:'notokr-medium';}
.product .sub-sec .sub-sec-tit
{margin-bottom:20px;}
.product .sub-sec .sub-sec-tit h4
{font-size:23px; color:#222222; position:relative; padding-left:20px;}
.product .sub-sec .sub-sec-tit h4:before
{content:''; position:absolute; left:0; top:0; }

.product .sub-sec .sub-sec-list ul 
{display:flex; flex-wrap:wrap;}
.product .sub-sec .sub-sec-list ul li
{position:relative; padding-left:15px; width:100%; margin:0 0 10px;}
.product .sub-sec .sub-sec-list ul li:before
{content:''; position:absolute; top:50%; left:0; width:6px; height:6px; background:#0d0e44; border-radius:50px; transform:translateY(-50%)}
.product .sub-sec .sub-sec-list ul li a
{color:#666}
.product .sub-sec .sub-sec-list ul li a:hover
{color:#8b8b8b;}

/* product 소메뉴 카테고리 */
.submenu > ul > li > ul > li
{text-align:left; border:1px solid #ddd; border-top:none;}
.submenu > ul > li > ul > li a
{width:100%; padding:12px 30px; display:inline-block; font-size:14px; color:#333;}
.submenu > ul > li > ul > li > a:hover
{background:#eee; border:none;}
.submenu > ul > li > ul > li a.active
{background:#00037a; color:#fff;}


/*** 레이아웃 ***/

.product .sub-sec .mov
 {display:inline-block; }
.product .sub-sec .mov1
{width:100%; height:515px;}
.product .sub-sec .mov2
{width:49%; height:250px;}
.product .sub-sec .mov3
{width:32%; height:170px;}
.product .sub-sec .mov4
{width:24%;}

.product .sub-sec .mov:last-child
{margin-right:0px;}

.products .gallery_title
{font-size:13px !important; font-family:'notokr-medium'; color:#333;}
/*** 레이아웃 END ***/


/* ONLINE INQUIRY */
.inquiry .table_02 td.formmail_cell_bgcolor input.formmail_border
{width:100%;}
.inquiry .table_02 > tbody > tr:nth-child(1) .formmail_cell_bgcolor
{height:35px; width:100%; display:inline-block;}

/* NOTICE & NEWS */
.notice .table_02 tr.board td.board_bgcolor
{display:inline-block;}




/* gallery */
/*
.gallery_list .board_gallery td.bbsnewf5 > table > tbody > tr > td > a > img
{width:100%;}
*/

.board_description #post_area p > img
{width:auto !important;}


/* 21. 01. 12 추가 */
@media screen and (max-width:1850px){
    .con-box
    {max-width:1000px;}
    #header .navbar-nav.navbar-right .language
    {right:100px;}
}

@media screen and (max-width:1500px){
    .con-box
    {max-width:750px;}
    #header .navbar .navbar-brand
    {left:20px; position:absolute; top:0px; margin:0px;}
    #header .navbar-nav.navbar-right .language
    {right:20px;}
}
@media screen and (max-width:1120px){
    #header
    {height:145px;}
    .con-box
    {margin:40px auto 0; max-width:100%;}
    #header .navbar-nav.navbar-right
    {width:78%;}
    .navbar-nav > li
    {width:20% !important;}
    #header .navbar-nav.navbar-right .language
    {top:0px;}
}





@media screen and (max-width : 414px){
    /* 21. 01. 12 추가 */
    #header
    {height:110px;}
    .con-box
    {margin:0 auto; max-width: none;;}
    #header .navbar .navbar-brand
    {position:static}
    #header .navbar-nav.navbar-right
    {width:100%;}
    .navbar-nav > li
    {width:100% !important;}



    /*nav */

    #header .navbar .navbar-brand
    {margin-top:0px;}
    .navbar-toggle
    {margin-top:35px;}
    #header .navbar-nav.navbar-right
    {padding-top:0px;}

    #header .navbar-nav.navbar-right .language
    {position:relative; top:0px; right:0px; display:inline-block; width:100%; background:#f5f5f5; padding:10px 0px ; text-align:center; border:none;}
    #header .navbar-nav.navbar-right .language ul li:first-child
    {border-right:1px solid #333;}
    #header .navbar-nav.navbar-right .language ul li a
    {background:transparent !important; padding:0px !important;}
    #header .navbar-nav.navbar-right .language ul li.on a
    {color:#00037a !important; font-weight:bold}



    .bx-wrapper .bx-caption
    {top:30%;}
    .bxslider-img
    {height:250px;}
    .bx-wrapper .bx-caption h2
    {font-size:22px;}
    .bx-wrapper .bx-caption h4
    {font-size:18px;}
    .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto
    {bottom:15px;}



    .sec-tit
    {font-size:42px;}


    .section01 .sec01_wrap .sec01_box
    {margin:0px 0px 20px;; width:90%;}
    .section01 .sec01_wrap .sec01_box img
    {width:100%;}
    .section01 .sec01_wrap .sec01_box .sec01_txt p br
    {display:none;}

    .section02 .sec02_wrap .sec02_icon
    {float:none; width:100%; margin: 0 0 20px;}

    .section03
    {background-size:cover}
    .section03 .sec03_notice
    {width:100%; margin: 0 0 20px;}
    .section03 .sec03_customer
    {width:100%;}

    .footer
    {padding:40px 15px; text-align:left;}
    .footer ul li span
    {padding: 0 8px 0 0}



    /******************************************************************************* SUB PAGE *******************************************************************************/
    .com-greeting .greeting-tit h2
    {text-align:left; font-size:21px; line-height:130%;}
    .com-greeting .greeting-txt p
    {line-height:180%;}


    /* HISOTRY */
    .com-history .history-box
    {padding:0px 20px;}
    .com-history .history-box dl
    {padding:15px 0px;}
    .com-history .history-box dl dd
    {padding:1px 0 0 0 ;}
    .com-history .history-box dl dt
    {float:none; text-align:center; font-weight:600;}
    .com-history .history-box dl dd li
    {font-size:17px; padding:20px 0px 5px 70px;}
    .com-history .history-box dl dd li span
    {font-size:19px;}


    /* orga */
    .sub-contents > img
    {width:100%;}

    .certificate .certi-wrap
    {width:100%;}


    .submenu li
    {width:100%;}
    .submenu > ul > li > ul > li
    {width:100%;}


    .product .sub-sec .mov
    {display:inline-block; }
    .product .sub-sec .mov1
    {width:100%; height:200px;}
    .product .sub-sec .mov2
    {width:100%; height:200px;}
    .product .sub-sec .mov3
    {width:100%; height:200px;}



    
}