body {overflow-x: hidden}
.row {width: 100%; margin: 0;}
.container
{max-width:1200px; margin:0 auto; padding:0;}
.container:after
{content:''; display:block; clear:both;}
.main-title-con
{text-align:center; margin-bottom:40px;}
.main-title-con .main-title
{font-family:'Lato'; font-size:50px; color:#333333; font-weight:800;}
.main-title-con .main-sub-txt
{font-size:17px; color:#666666;}
.product-tbl-wrap table .letter {word-spacing: 0.2em;}
.product-tbl-wrap table .word {word-spacing: 0.8em;}
.product-tbl-wrap table .tr_h th {padding: 8px 15px;}

#head-mn
{max-width:1380px; margin:0 auto; padding:0;}
#head-mn .tlogo
{height:78px; display:table; width:22%;}
.header_scroll .tlogo img
{/*max-height:78px;*/max-height:40px; max-width: 80%;}
#head-mn .tlogo > a
{display:table-cell; vertical-align:middle;}
#head-mn .resmn
{width:10%; line-height:78px;}
#head-mn .resmn a
{font-size:15px; color:#fff; padding:8px 30px; background:#133c92; border-radius:25px; transition:all 0.25s ease;}
#head-mn .resmn a:hover
{background:#0d6fb8;}
#head-mn .container-mn
{width:67%; text-align:right;}
#head-mn .main-nav > ul > li > a
{height:78px; line-height:78px; padding:0 50px;}
#head-mn .main-nav > ul > li:hover > a
{color:#194497;}
#head-mn .main-nav > ul > li ul
{text-align:left;}
#head-mn .main-nav > ul > li ul a
{padding:8px 15px;}
.main-nav > ul > li ul li:hover > a
{background:#0d6fb8; border-color:#0d6fb8;}


.main-about
{background:url('../img/main-about-bg.jpg') no-repeat center 1px; background-size:cover; padding:80px 0px; }
.main-about-list
{display:flex; justify-content:space-between; }
.main-about-list .main-about-box
{width:380px; box-shadow:1px 1px 7px #ddd;}
.main-about-list .main-about-txt
{background:#fff; padding:30px; transition:all 0.35s ease; height: 140px; display: flex; align-items: stretch; flex-wrap: wrap;}
.main-about-list .main-about-txt h4
{font-size:23px; color:#333333; font-weight:500; margin:0 0 10px;}
.main-about-list .main-about-txt p
{font-size:16px; color:#666; letter-spacing:-0.5px; line-height:1.3}
.main-about-list .main-about-box:hover .main-about-txt
{background:#194497;}
.main-about-list .main-about-box:hover .main-about-txt h4,
.main-about-list .main-about-box:hover .main-about-txt p
{color:#fff;}

.main-banner
{background:url('../img/main-banner-bg.jpg') no-repeat center; }
.main-banner .main-banner-wrap
{display:table; width:100%; height:322px; text-align:center;}
.main-banner .main-banner-wrap .inner
{display:table-cell; vertical-align:middle;}
.main-banner h5
{font-size:32px; color:#fff; font-weight:200; word-break:keep-all;}
.main-banner h1
{font-family:'Lato'; font-size:44px; color:#fff; font-weight:600; margin-top:10px;}


.main-contact
{background:url('../img/main-contact-bg.jpg') no-repeat center; height:713px; background-size:cover; padding:90px 0px;}
.main-contact-wrap
{background:#194497;}
.main-contact-list
{display:flex; justify-content:space-between;}
.main-contact-list .main-contact-box
{width:100%; text-align:center;}
.main-contact-list .main-contact-box > a
{display:table; width:100%; height:240px; position:relative;}
.main-contact-list .main-contact-box .inner
{display:table-cell; vertical-align:top; padding-top:50px; transition:all 0.2s ease;}
.main-contact-list .main-contact-box.location-box .icon
{background:url('../img/contact-location-icon.png') no-repeat center;}
.main-contact-list .main-contact-box.call-box .icon
{background:url('../img/contact-call-icon.png') no-repeat center;}
.main-contact-list .main-contact-box.fax-box .icon
{background:url('../img/contact-fax-icon.png') no-repeat center;}
.main-contact-list .main-contact-box .icon
{width:100%; height:45px; display:inline-block;}
.main-contact-list .main-contact-box h5
{font-family:'Lato'; font-size:18px; color:#fff; font-weight:600; margin:20px 0px;}
.main-contact-list .main-contact-box p
{font-size:16px; color:#fff; font-weight:300; line-height:1.3;}
.main-contact-list .main-contact-box > a:after
{content:''; height:50%; top:25%; width:1px; background:#7e97c2; position:absolute;}
.main-contact-list .main-contact-box:last-child > a:after
{display:none;}
.main-contact-list .main-contact-box > a[href]:hover .inner
{transform:translateY(-5px); opacity:.6;}


.footer
{background:#2d303a; padding:30px 0;}
.footer .f-logo
{float:left; width:25%; background:url('../img/f-logo.png') no-repeat; height:47px; margin-top:30px;}
.footer .f-txt
{float:right; width:75%;}
.footer .f-txt li.copy,
.footer .f-txt li.copy a
{font-family:'Noto Sans Kr'; font-size:15px; color:#eeeeee; font-weight:300; margin-top:5px;}
.footer .f-txt span
{font-family:'Noto Sans Kr'; font-size:15px; color:#eeeeee; font-weight:300; padding:0 15px 0 0;; position:relative}
.footer .f-txt span:after
{content:''; position:absolute; width:1px; height:50%; top:25%; background:#fff; right:7px;}
.footer .f-txt span:last-child::after
{display:none;}


.subbg1
{background:url('svisual01.jpg')no-repeat center top;}
.subbg2
{background:url('svisual02.jpg')no-repeat center top;}
.subbg3
{background:url('svisual03.jpg')no-repeat center top;}
.subbg4
{background:url('svisual04.jpg')no-repeat center top;}

.submn li a
{background:#1f2c5c}
.submn li a:hover
{background:#293974; color:#fff;}

.sub-body
{margin:100px 0; padding: 0 20px;}
.sub-title-con
{margin:0 0 80px; text-align:center;}
.sub-title-con h2
{color:#1b1b1b; font-size:30px;}

.greeting-con
{display:flex; justify-content:space-between;}
.greeting-left
{ width:40%; background:url('../img/greeting-img.jpg'); height:500px; display:table;}
.greeting-left .inner
{display:table-cell; vertical-align:middle; text-align:center; padding:0 10px;}
.greeting-left .inner h3
{color:#fff; font-weight:400; font-size:24px;}
.greeting-right
{width:57%; margin-top:50px;}
.greeting-txt p
{font-size:17px; margin:0 0 30px; color:#666;}
.greeting-txt span {font-size: 20px; text-align: right; width: 100%; display: block; font-weight: 500; color: #444;}

.vision-list
{display:flex;}
.vision-list .vision-box
{width:100%; margin:0 10px; display:flex; flex-flow:column;}
.vision-list .vision-box:nth-child(2)
{flex-direction:column-reverse;}
.vision-list .vision-box:nth-child(2) .vision-txt-con
{padding:0 0 20px;}

.vision-list .vision-box .vision-txt-con
{padding:20px 0 0;;}
.vision-list .vision-box .vision-txt-con h3
{font-size:26px; color:#000;}
.vision-list .vision-box .vision-txt-con span
{color:#ababab; font-weight:500;}
.vision-list .vision-box .vision-txt-con p
{font-size:16px; color:#888; line-height:1.3; margin:5px 0 0;}


.contact-con
{display:flex; justify-content:space-between;}
.contact-left
{width:25%; position:relative;}
.contact-left:after
{content:''; width:50%; height:2px; background:rgb(197, 197, 197); position:absolute; right:-20px; top:15px;}
.contact-left h2
{line-height:1; font-size:30px;}
.contact-right
{width:70%;}
.contact-right table
{width:100%; border:1px solid #ddd; border-top:2px solid #03163b;}
.contact-right table tr
{border-bottom:1px solid #ddd;}
.contact-right table th
{width:230px; padding:20px; background:#f4f4f4; font-size:15px; font-weight:500;}
.contact-right table td
{padding:20px; font-size:15px; color:#666;}


.product-tbl-wrap table
{width:100%;}
.product-tbl-wrap table tr
{border-bottom:1px solid #ddd;}
.product-tbl-wrap table tr:nth-child(odd)
{background:#f4f4f4}
.product-tbl-wrap table th
{padding:0px 15px; background:#002167; font-weight:500; color:#fff; font-size:15px; text-align:center; }
.product-tbl-wrap table td
{font-size:14px; color:#666; text-align:center; padding:15px;}
.product-img-wrap
{display:flex; justify-content:space-around; margin-top:80px;}
.product-img-wrap .product-img
{}


.data-con .qalist td.att_title font
{font-size:14px !important; font-weight:500; color:#333 !important;}


.location-tit
{padding-left:30px; position:relative; margin-bottom:20px;}
.location-tit:before
{content:''; position:absolute; left:0; top:14px; width:22px; height:4px; background:#194497;}
.location-tit h2
{font-size:24px; color:#2b2b2b; display:inline-block;}
.location-tit p
{font-size:16px; color:#666; display:inline-block; padding-left:20px;} 
.location-box
{margin:0 0 50px;}
.white-space-nowrap {white-space: nowrap;}

@media screen and (max-width:1200px){
  #head-mn {max-width: 100%; padding: 0 20px;}
  
  #head-mn .container-mn {text-align: left; width: 40%;}
  #head-mn .tlogo {width: 50%; height: inherit;}
  
  #head-mn .resmn {width: 10%; line-height: 40px; display: inline-block; margin-right: 10%; margin-top: 13px; float: right;}
  
  #head-mn .main-nav > ul > li > a {height: inherit; line-height: 45px; padding: 0 20px;}
  #head-mn .main-nav > ul > li ul a {padding: 0 20px;}
}

@media screen and (max-width: 768px){
  .container {padding: 0 10px;}
    .footer .f-logo
    {float:none; width:100%; margin:0 0 10px;}
    .footer .f-txt
    {float:none; width:100%;}
}

@media screen and (max-width:450px){
    .main-title-con .main-title
    {font-size:36px; margin:0 0 10px;}
    .container
    {padding:0 10px;}

    #head-mn .resmn
    {/*line-height:0; width:100%;*/ margin-right: 30%; text-align:center;}
    #head-mn .tlogo
    {width:auto;}
    .mob-btn
    {/*top:62px;*/top:18px;}
    #head-mn .container-mn
    {text-align:left;}
    .main-nav ul li.submenu i
    {right:0; /*height:78px;*/ height:39px;}
    .main-nav ul li.submenu i:after
    {right:40px;/* top:15px;*/}


    .main-about-list
    {flex-flow:column; align-items:center;}
    .main-about-list .main-about-box
    {width:100%; margin: 0 0 30px;}
    .main-about-list .main-about-txt p br
    {display:none;}
    .main-banner h5
    {font-size:21px;}
    .main-banner h1
    {font-size:30px;}
    .main-contact
    {background:#fff; height:auto;}
    .main-contact-list
    {flex-flow:column;}
    .main-contact-list .main-contact-box
    {border-bottom:1px solid #ddd;}
  .main-about-box .main-about-img img {width: 100%;}

  .sub-body {margin: 50px 0;}


    .greeting-con
    {flex-wrap:wrap;}
    .greeting-left
    {width:100%;}
    .greeting-right
    {width:100%;}

    .vision-list
    {flex-wrap:wrap;}
    .vision-list .vision-box
    {margin:30px 0px;}
    .vision-list .vision-box:nth-child(2)
    {flex-direction:column;}
    .vision-list .vision-box:nth-child(2) .vision-txt-con,
    .vision-list .vision-box .vision-txt-con
    {padding:20px 0;}

    .contact-con
    {flex-wrap:wrap;}
    .contact-left
    {width:100%;}
    .contact-left:after
    {display:none;}
    .contact-right
    {width:100%; margin-top:30px;}
    .contact-right table th
    {width:130px;}

    .product-tbl-wrap
    {overflow:scroll;}
    .product-tbl-wrap table
    {min-width:1000px;}
    .product-img-wrap
    {flex-wrap:wrap;}
    


    .location-tit p
    {display:block; padding:0;}
  
  
  .footer .f-txt span:after {display: none;}
  .footer .f-txt span {width: 100%; display: block;}
}

@media screen and (max-width:375px){
  #head-mn {padding: 0 10px;}
  #head-mn .tlogo {width: 45%;}
  .tlogo img {max-width: 100%;}
  #head-mn .resmn {margin-right: 35%;}
}