@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat|Noto+Sans+KR&display=swap');
body
{margin: 0;font-family: "Noto Sans KR", sans-serif !important}
.coming
{background-image: url(../img/coming_bg.png);width: 100%;background-color: antiquewhite; height: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;}
.coming_txt
{background-image: url(../img/coming_txt.png);width: 515px; height: 295px; width: 100%;height: 100%;background-repeat: no-repeat;background-position: center center;}
.coming_txt a
{width: 100%; height: 100%; display: block;}



/* 마우스 호버시 밑줄보이게 */
.sm-link{
    --uismLinkDisplay: var(--smLinkDisplay, inline-flex);   
    --uismLinkTextColor: var(--smLinkTextColor);
    --uismLinkTextColorHover: var(--smLinkTextColorHover);  
    
    display: var(--uismLinkDisplay);
    color: var(--uismLinkTextColor);
    position: relative;
    overflow: hidden;
}
.sm-link_padding-bottom{
    --uismLinkLineWeight: var(--smLinkLineWeight, 2px);
    --uismLinkLineColor: var(--smLinkLineColor, #000);  
    padding-bottom: var(--uismLinkLineWeight);  
    position: relative;
}

.sm-link_padding-bottom::after
{content: "";width: 100%;height: var(--uismLinkLineWeight);background-color: var(--uismLinkLineColor);position: absolute;left: 0;bottom: 0;}
/* effect 3 */
.sm-link{
    --smLinkPadding: 10px 15px;
    --smLinkLineWeight: 3px;
    --smLinkLineColor: #fff;
    --smLinkTextColor: #243aab;
    --smLinkTextColorHover: #1b255a;
}
.sm-link span
{margin: 0 auto}
.sm-link4::after{
  opacity: 0;
  transform: translate3d(0, 100%, 0);
  transition: transform .3s ease-out, opacity .3s ease-out;
}
.sm-link4:hover::after{
  opacity: 1;
  transform: translate3d(0, 0, 0);
}




/* commom */
#wrapper
{z-index: 10; margin-bottom: 195px; position: relative; background-color: #fff}
.cb:after
{display: block;content: "";clear: both;}
.content_wrap
{width: 1200px;margin: 0 auto; padding: 150px 0}
.content01
{padding-bottom: 150px}
.content02
{padding-bottom: 150px}
.content03
{padding-bottom: 150px}



/* header */
.header
{height: 100px;width: 100%; position: relative ;z-index:9991; position: fixed;top:0;transition:0.3s ease}
.header_on
{background-color: #fff}
.header_wrap
{width: 1800px; height: 100%;margin: 0 auto; position: relative}
.logo
{width: 180px; position: absolute; left: 0;top: 20px}
.nav
{width: 1000px; margin: 0 auto;height: 100%;}
.nav ul
{width: 100%; height: 100%}
.nav li
{float: left; width: 20%; font-size: 18px;height: 100%;text-align: center}
.nav li a
{padding-top: 37px;transition: 0.3s}
.nav li a:hover
{color: #aaa}
.header_wrap a
{color: #fff;}
.lang_nav
{width: 100px; position: absolute; right: 0; top: 22px}
.lang_nav > a
{text-align: left;padding: 15px 5px 40px 15px;}
.lang
{width: 100%;background-image: url(../img/lang_btn.png);background-repeat: no-repeat; background-position: 65px 25px}
.lang_nav ul
{display: none;background-color: #fff}
.lang_nav li > a
{padding: 20px 5px; color: #333; border: 1px solid #ddd; border-top: none;text-align: center}
.lang_nav li > a:hover
{background-color: #ccc; color: #fff}
.gnb
{height:450px; width: 100%;position: absolute;background-color: #fff; top: 100%;text-align: center; display:none; transform: translate(-50%, 0%); left: 50%;border: 1px solid #ddd;box-shadow: 0px 10px 30px -10px #8e8e8e;background-image: url(../img/gnb_bg.png);background-position:100%;background-repeat: no-repeat;}
.gnb_wrap
{width: 1000px;margin: 0 auto;height: 100%}
.gnb > .gnb_wrap > ul
{float: left; width: 20%; height: 100%;border-right: 1px solid #eee;height: 100%}
.gnb > .gnb_wrap .gnb_wrap_first
{border-left: 1px solid #eee}
.gnb li a
{padding: 18px 5px; color: #333;}
.gnb li a:hover
{background-color: #165987; color: #fff}

.gnb li a span
{color: #165987;font-size: 14px;
    border: 1px solid #165987;
    -ms-border: 1px solid #165987;
    padding: 5px 10px;line-height: 3;}
.gnb li a:hover span
{color: #fff; 
    border: 1px solid #fff;
    -ms-border: 1px solid #fff}


.ham_tab
{width: 60px; position: absolute; right: 0; top: 33px; display: none;}
.ham_tab li
{width: 33px;height: 3px; background-color: #fff; margin-bottom: 10px}
.mobile_nav{display:block;position: fixed;z-index:9998;top:0;right:-300px;width: 300px; height: 100%; background-color: #fff;opacity:1;transition:0.5s ease; background-image: url(../img/sub/sub01_02_bg.png);background-position: 0px 100%;background-size: contain;background-repeat: no-repeat;}
.mobile_nav ul
{position:relative;}
.mobile_nav ul .mobile_menu_list
{width: 100%; height: 100%}
.mobile_nav_list > li
{border-bottom: 1px solid #ddd;}
.mobile_nav ul li a
{position:relative;color: #333;font-size: 16px;font-weight:bold;text-align: left;}
.dropdown > a
{padding: 25px 20px}
.dropdown_menu 
{display:none;background-color: #eee}
.dropdown_menu a 
{padding: 20px 20px 20px 30px;font-size: 14px !important;font-weight: 500 !important;}
.dropdown_menu a span
{color: #165987;font-size: 14px;
    border: 1px solid #165987;
    -ms-border: 1px solid #165987;
    padding: 5px 10px;line-height: 3;}
.dropdown_menu a:hover
{background-color: #165987; color: #fff}
.dropdown_menu a:hover span
{color: #fff;
    border: 1px solid #fff;
    -ms-border: 1px solid #fff}
.mobile_lang
{padding: 30px 0 30px 0px; border-bottom: 1px solid #ccc}
.mobile_lang li
{float: left}
.mobile_lang a
{padding: 0 20px; border-right: 1px solid #ccc}
.mobile_lang a:hover
{color: #ddd}
.mobile_lang > ul > li:last-child a
{border: none} 
.background
{background-color: #000; opacity: 0.8; position:fixed; width: 100%; height: 100%;top: 0; display: none;z-index: 11}

.scroll
{background-color: #165987 ;color: #fff;border-bottom: none}


/* mv */
.mv
{height: 750px}
.s1
{height: 100%; background-image: url(../img/sub/s1.png); background-position: center 0!important;background-size: cover;}
.s2
{height: 100%;background-image: url(../img/sub/s2.png); background-position:center 0!important;background-size: cover;}
.s3
{height: 100%;background-image: url(../img/sub/s3.png); background-position:center 0!important;background-size: cover;}


.mv .txt > div .mv_box {font-size: 20px;padding: 10px 20px; border: 1px solid #fff;display: inline-block;line-height: 1.3}


.mv .txt > div .mv_box {font-size: 20px;padding: 10px 20px; border: 1px solid #fff;display: inline-block;line-height: 1.3}
.mv .txt > div.mv_box_txt {font-size: 16px;line-height: 1.3}
.mv .txt > div.mv_box_txt .mv_box_txt_desc {font-weight: lighter;}





@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeInDown02 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.mv .txt
{color: #fff;padding: 235px 0 0 19%;
}
.mv .txt div
{animation-name:fadeInDown;
animation-duration: 5s;
animation-delay: 0.3s;}
.mv .txt p
{animation-name:fadeInDown02;
animation-duration: 10s;
animation-delay: 0;}



.mv .txt > div
{font-size: 45px; font-weight: bold; line-height: 55px; padding-bottom: 20px}
.mv .txt > div span
{font-weight: lighter}



/* index */

/* admin */
.index .content01 .btn_wrap
{border: 1px solid; width: 180px; padding: 0; padding-top: 10px; height: 50px; margin-top: 60px;margin-left: 70px;}
.index .content02 .btn_wrap
{border: 1px solid;width: 180px;padding: 0;padding-top: 10px;height: 50px;margin-top: 0px; margin-left: 70px;}

.index .content_wrap
{padding-bottom: 0}
.index .img
{box-shadow: 0px 0px 30px -10px #ddd;position: relative}
.img_cover
{position: absolute;width: 100%;height: 100%;background-color: #165987;top: 0;left: 0;text-align: center; line-height: 50px; color: #fff;opacity: 0;transition:0.5s ease;}
.img_cover div
{font-size: 36px; padding-top: 190px;}
.img_cover:hover
{opacity: 0.8}

.index .content01 > div
{float: left; width: 50%}
.index .content01 > .img
{box-shadow: 0px 0px 30px -10px #ddd}
.index .content01 > .txt
{padding:60px 0 0 70px}
.index .content01 > .txt > .tlt
{font-size: 36px; line-height: 1.2; padding-bottom: 30px}
.index .content01 > .txt > p
{padding-bottom: 30px}

.index .content02 > .txt span 
{color: #fff;font-weight: bold;font-size: 24px;background-color: #165987;padding: 10px 0px;margin-top: 10px; display: block;width: 230px;text-align: center;}
.index .content01 > .txt .btn
{width: 170px; height: 55px; border: 1px solid #165987; text-align: center}
.index .content01 > .txt .btn a
{color: #165987; font-size: 16px; text-align: center;padding-top: 13px}
.index .content01 > .txt .btn a:hover
{background-color: #165987; color: #fff}
.index .content02 > div
{float: left; width: 50%}
 .content02 > .txt
{padding:95px 0 0 0px}
.index .content02 > .txt > .tlt
{font-size: 36px; line-height: 1.2; padding-bottom: 30px}
.index .content02 > .txt > p
{padding-bottom: 30px}
.index .content02 > .txt .btn
{width: 170px; height: 55px; border: 1px solid #165987;text-align: center}
.index .content02 > .txt .btn a
{color: #165987; font-size: 16px; text-align: center;padding-top: 13px; }
.index .content02 > .txt .btn a:hover
{background-color: #165987; color: #fff}
.mv02
{background-color: #eee;background-image: url(../img/mv02_bg.png); background-size: cover;background-position: 0 95%; position: relative;padding:50px 15px}
.mv02 .content_wrap
{padding: 0}
.mv02 .content_wrap > div
{float: left; width: 50%}
.mv02 .content_wrap .mv02_img
{text-align: center}
.mv02_img img
{width: 80%}
.mv02 .txt
{color: #333; font-size:24px; font-weight: lighter; line-height: 45px}
.mv02 .txt p:nth-child(1)
{padding-bottom: 20px}
.mv02 .txt p:nth-child(2)
{font-size: 36px; font-weight:normal; color: #165987; padding-bottom:40px; line-height: 46px }
.mv02 .txt p:nth-child(2) span
{font-weight: bold}
.mv02 .btn
{width: 170px; height: 55px; border: 1px solid #165987;text-align: center;}
.mv02 .btn a
{color: #165987; font-size: 16px; text-align: center;line-height: 48px; font-weight: normal;}
.mv02 .btn a:hover
{background-color: #165987; color: #fff}




/* footer */
.footer
{background-color: #09273c;position: fixed;z-index: 1;bottom: 0; right: 0; width: 100%}
.f_wrap
{width: 1200px; margin: 0 auto;padding: 50px 10px 40px 10px;}
.f_wrap > div:nth-child(1)
{float: left; width: 80%}
.f_wrap > div:nth-child(2)
{float: left; width: 20%}
.f_wrap span
{background-image: url(../img/f_txt_bar.png);width: 2px; height: 12px; padding: 0 20px; background-repeat: no-repeat; background-position: center center}
.f_wrap .txt p
{color: #cccccc; padding-bottom: 12px}
.f_wrap .txt p:nth-last-child(2)
{padding-bottom: 25px}
.f_logo
{text-align: right; padding-top: 25px}





/* sub_common */

.sub_visual
{height: 500px}

.sub_visual01
{height: 500px; background-image: url(../img/sub/sub_visual01.png); background-attachment: fixed; background-position: center 0}

.sub_visual02_01
{height: 500px; background-image: url(../img/sub/sub_visual02_01.png);background-position: center 0; background-attachment: fixed}
.sub_visual02_02
{height: 500px; background-image: url(../img/sub/sub_visual02_02.png);background-position: center 0; background-attachment: fixed}
.sub_visual02_03
{height: 500px; background-image: url(../img/sub/sub_visual02_03.png);background-position: center 0; background-attachment: fixed}
.sub_visual02_04
{height: 500px; background-image: url(../img/sub/sub_visual02_04.png);background-position: center 0; background-attachment: fixed}

.sub_visual02_05
{height: 500px; background-image: url(../img/sub/sub_visual02_05.jpg);background-position: center 0; background-attachment: fixed}


.sub_visual03
{height: 500px; background-image: url(../img/sub/sub_visual03.png);background-position: center 0; background-attachment: fixed}
.sub_visual04
{height: 500px; background-image: url(../img/sub/sub_visual04.png);background-position: center 0; background-attachment: fixed}
.sub_visual05
{height: 500px; background-image: url(../img/sub/sub_visual05.png);background-position: center 0; background-attachment: fixed}



.sub_visual .txt_wrap
{width: 1200px ;margin: 0 auto; font-size: 55px; color: #fff; padding-top: 230px}
.sub .sub_visual .txt div
{font-size: 40px; font-weight: bold}
.sub_visual .txt_wrap span
{font-size: 16px; font-weight: 300; padding-left: 10px}
.sub_visual .txt
{padding-bottom: 100px}

.sub01_tab li
{width: 14.285%; height:80px; float: left; padding: 0 7px}
.sub01_tab_res
{display: none}
.sub01_tab_res01 li
{width: 25%; height:80px; float: left; padding: 0 3px; margin-bottom: 20px}
.sub01_tab_res02 li
{width: 33.333%; height:80px; float: left; padding: 0 3px}
.sub02_tab li
{width: 20%; height:80px; float: left; padding: 0 7px}
.sub03_tab li
{width: 33.333%; height:80px; float: left; padding: 0 7px}
.sub04_tab li
{width: 50%; height:80px; float: left; padding: 0 7px}
.sub05_tab li
{width: 33.333%; height:80px; float: left; padding: 0 3px}
.sub_tab li a
{font-size: 16px; color: #fff; text-align: center; padding-top: 27px; border: 1px solid rgba(255, 255, 255, .3);background-color: rgba( 255, 255, 255, 0.1 ); }
.sub02 .sub_tab li a
{font-size: 16px; color: #fff; text-align: center; padding-top: 15px; border: 1px solid rgba(255, 255, 255, .3); }
.sub_tab li a:hover
{background-color: #165987; color: #fff}
.sub_tab .over
{background-color: #165987; color: #fff}

.sub_title
{font-size: 40px; font-weight: lighter; text-align: center; padding-bottom: 100px;line-height: 50px}
.sub_title span
{font-weight: bold}
.sub_title p:nth-child(1)
{padding-bottom: 20px}
.sub_title p:nth-child(2)
{font-size: 16px; font-weight: normal}

.sub02_title > div
{float: left;}
.sub02_title .tlt 
{font-size: 32px; font-weight: bold; width: 35%;line-height: 42px}
.sub02_title .txt
{width: 65%;}
.sub02_title .txt div
{font-size:20px;color: #165987;padding-bottom: 15px;font-weight: 500}


.sub02_title .txt .mv_box_txt_label {color: #165987; font-size: 18px;font-weight: bold;}
.sub02_title .txt .mv_box_txt_desc {color: #666; font-size: 14px;}




/* 마우스 하버시 이미지 줌인 */
.sub02 .box_wrap .box a
{overflow: hidden; border: 1px solid #eee}
/*
.sub02 .box_wrap .box img
{border: 1px solid #ddd;
    -webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);	
	-o-transform:scale(1);	
	transform:scale(1);
	-webkit-transition:.3s;
	-moz-transition:.3s;
	-ms-transition:.3s;
	-o-transition:.3s;
	transition:.3s;}
.sub02 .box_wrap .box .popup:hover img
{-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);	
	-o-transform:scale(1);
	transform:scale(1);}
.sub02 .box_wrap .box:hover img
{-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);	
	-o-transform:scale(1.1);
	transform:scale(1.1);}
*/


.content_video
{background-color:#165987;padding-bottom: 0;background-image: url(../img/sub/video_bg.png); background-repeat: no-repeat; background-position: 100%; background-size: 45%}
.content_video .content_wrap > div
{float: left}
.video
{width: 60%;height: 400px;}
.video_jp{display: none;}
.content_video .content_wrap .txt
{width: 40%; padding: 140px 0 0 30px; color: #fff}
.video video
{width: 100%; height: 100%}
.content_video .content_wrap
{padding: 80px 0}
.content_video .content_wrap .tlt
{font-size: 30px; font-weight: bold; padding-bottom: 25px;line-height: 38px}
.content_video .content_wrap .txt p
{padding-bottom: 50px}
.content_video .content_wrap .txt .btn
{width: 140px; height: 50px; border: 1px solid #fff}
.content_video .content_wrap .txt .btn a
{color: #fff; padding: 12px; text-align: center}





/* sub01_01 */
.sub01_01 .content
{background-image: url(../img/sub/sub01_01_con03_bg.png); background-repeat: no-repeat; background-position: 0 100%}
.sub01_01 .content01
{padding:100px 0 50px 0;background-repeat: no-repeat;background-image: url(../img/sub/sub01_01_con01_bg.png);background-position: 0% 45%;}
.sub01_01 .content01 > div
{float: left; width: 50%;}
.sub01_01 .ceo
{padding-right: 70px; text-align: right}
.sub01_01 .ceo img
{width: auto}
.sub01_01 .content_wrap
{padding: 100px 0}
.sub01_01 .content01 .txt
{padding-top: 90px}
.sub01_01 .content .txt div
{font-size: 32px; font-weight: bold; line-height: 40px; padding-bottom: 40px}
.sub01_01 .content .txt p
{line-height: 25px}
.sub01_01 .content02
{padding-bottom: 250px; background-image: url(../img/sub/sub01_01_con02_bg.png); background-repeat: no-repeat;background-position: 90% 0%;}
.sub01_01 .content02 .txt
{padding: 50px 10px;background-color: #fff;width: 500px;}
.sub01_01 .content03
{text-align: center; padding-bottom: 0}
.sub01_01 .content03 .txt p
{padding-bottom: 50px}
.sub01_01 .content03 .txt .txt_name
{font-size: 24px;color: #165987; font-weight: 500;}
.sub01_01 .content03 .txt_name span
{font-size: 36px; padding-left: 10px}



/* sub01_02 */
.sub01_02 .content
{background-image: url(../img/sub/sub01_02_bg.png); background-repeat: no-repeat;background-position:100% 100%}
.sub01_02 .content img
{width: auto}
.sub01_02 .title
{text-align: center;padding-bottom: 100px}
.sub01_02 .title > div
{font-weight: bold; font-size: 35px; text-align: center;color: #165987;padding: 40px 0 40px 0;background-image: url(../img/sub/sub01_02_txt_bg.png); background-repeat: no-repeat;background-position:center}
.sub01_02 .content01 > div
{float: left;width: 50%;height: 400px}
.sub01_02 .content01 .right > div
{float: left; width: 50%; height: 50%; border: 1px solid #165987; text-align: center;padding-top: 60px}
.sub01_02 .content01 .right > div .txt_tlt
{font-size: 26px; font-weight: bold; color: #165987}
.sub01_02 .content01 .right > div p
{font-size: 18px; font-weight: lighter; padding-bottom: 15px;}
.sub01_02 .content01 .right .txt02
{background-color: #165987; color: white}
.sub01_02 .content01 .right .txt02 .txt_tlt
{color: #fff}
.sub01_02 .content02
{padding-bottom: 0}

/*
.sub01_02 .content01 .circle
{background-color: #165987; width:250px; height:250px; border-radius:125px ;text-align:center;vertical-align:middle;color: #fff;padding-top: 85px;}
.sub01_02 .content01 .circle_white
{background-color: #fff;color: #165987; border: 1px solid #165987}
.sub01_02 .content01 .circle div
{font-size:24px;padding-top: 15px; font-weight: bold}
.sub01_02 .content01 .plus
{padding: 100px 24px}
*/




/* sub01_03 */
.sub01_03 .content
{background-image: url(../img/sub/sub01_03_bg.png); background-repeat: no-repeat;background-position:0 1050px}
.sub01_03 .sub02_title .tlt 
{font-size: 40px;}
.sub01_03 .sub02_title
{padding-bottom: 100px}
.sub01_03 .icon img
{width: auto}
.sub01_03 .box_tlt
{font-size: 28px; font-weight: 600;padding-bottom: 25px}
.sub01_03 .content01 .box .icon
{padding-bottom: 20px}
.sub01_03 .content01 .box p
{width: 50%;float: left;text-align: center;padding-bottom: 5px}
.sub01_03 .content01 > div
{float: left}
.sub01_03 .content01 .con01
{background-color: #165987; width: 30%; text-align: center; color: #fff; padding: 60px 0 60px 0}
.sub01_03 .content01 .con01 .icon
{padding-bottom: 30px}
.sub01_03 .content01 .con02
{width: 70%;padding: 0 0 0 50px;}
.sub01_03 .content01 .con02 > div
{padding: 30px 0 31px 0; border-bottom: 1px solid #aaa}
.sub01_03 .content01 .con02 .icon
{float: left; padding-right: 20px}
.sub01_03 .content01 .con02 .text_wrap
{float: left}
.sub01_03 .content02
{padding-bottom: 0}



/* sub01_04 */
.sub01_04 .sub_title
{font-size: 30px; line-height: 38px}
.sub01_04 .content01 > div
{float: left;text-align: center;width: 33.3%; padding: 0 30px;}
.sub01_04 .content01 .box
{border: 1px solid #eee;height: 365px;padding: 35px 10px 10px 10px;box-shadow: 0px 0px 30px -10px #ddd;}
.sub01_04 .content01 .box div
{font-size: 24px; line-height: 30px;padding-bottom: 20px;}
.sub01_04 .content01 .box_wrap p
{padding-top: 0;font-size: 14px;line-height: 21px;}
.sub01_04 .content01 .icon
{text-align: center}
.sub01_04 .content01 .icon img
{width: auto; border: none;}
.sub01_04 .content02
{padding-bottom: 0}
.sub01_04 .content02 .sub_title
{font-size: 40px;padding-bottom: 120px}
.sub01_04 .content02 .con > div
{float: left; width: 50%}
.sub01_04 .content02 .con > div img
{width: 100%}
.sub01_04 .content02 .con .txt
{padding: 90px 0 50px 70px}
.sub01_04 .content02 .con02 .txt
{padding: 90px 0 50px 70px}
.sub01_04 .content02 .con .tlt
{font-size: 32px; line-height: 40px; padding-bottom: 40px;font-weight: bold}
.sub01_04 .content02 .con .tlt p
{font-size: 16px; font-weight: normal}
.sub01_04 .content02 .con .btn
{width: 230px; height: 65px ;border: 1px solid #999;}
.sub01_04 .content02 .con .btn a
{line-height: 64px; text-align: center}
.sub01_04 .content02 .con .btn a:hover
{background-color: #165987; color: #fff}
.sub01_04 .content02 .con .btn span
{background-image: url(../img/sub/btn_arr.png); background-repeat: no-repeat; background-position: center}



.sub01_04 .content02 > .box_wrap
{float: left;padding: 0px 15px 120px 15px; width: 50%; position: relative}
.sub01_04 .box_tlt
{width: 400px; height: 100px; background-color: #165987; position: absolute;transform: translate(-50%, -50%); left: 50%;text-align: center;color: #fff;font-size: 18px; line-height: 25px; padding-top: 22px;box-shadow: 0px 10px 30px -10px #8e8e8e}
.sub01_04 .box
{text-align: center}
.sub01_04 .box img
{width: auto}




/* sub01_05 */
.sub01_05 .sub_title
{font-weight: bold; text-align: left}
.sub01_05 .content01 > div
{float: left;width: 50%; padding-right: 70px}
.sub01_05 .content01
{background-image: url(../img/sub/sub01_05_content01_bg.png); background-repeat: no-repeat; background-position: center center}
.history
{border-bottom: 1px dashed #ccc; padding: 50px 0}
.history > div
{float: left}
.history > .year
{width: 30%;font-size: 36px; color: #165987;padding-top: 6px;}
.history > .month
{width: 10%;color: #5c7cc5}
.history > .txt
{width: 60%;color: #666}
.sub01_05 .content02
{padding-bottom: 0}
.sub01_05 .content02 img
{width: auto}
.organ_kr img
{display: block}
.organ_en img
{display: none}
.organ_jp img
{display: none}
.organ_vt img
{display: none}






/* sub01_06 */
#map
{height: 530px;position: relative;z-index: 3}
.location
{position: relative}
.location .info
{position: absolute;background-color: #165987;z-index: 5;top: 85px;right: -103px;color: #fff; padding: 50px 50px 50px 50px }
.sub01_06 .info_tlt
{font-size: 36px; font-weight: 500; padding-bottom: 50px}
.sub01_06 .txt_wrap .txt p 
{padding: 0 0 30px 40px;
background-repeat: no-repeat;background-position: 0% 0%}
.sub01_06 .txt_wrap .txt > p:nth-child(1)
{background-image: url(../img/sub/icon_pin.png)}
.sub01_06 .txt_wrap .txt > p:nth-child(2)
{background-image: url(../img/sub/icon_phone.png)}
.sub01_06 .txt_wrap .txt > p:nth-child(3)
{background-image: url(../img/sub/icon_fax.png)}
.sub01_06 .txt_wrap .txt > p:nth-child(4)
{background-image: url(../img/sub/icon_@.png);padding-bottom: 0}







/* sub01_07 */
.sub01_07 .content01 > div
{float: left; width: 25%; padding: 20px 20px;}
.sub01_07 .content01 img
{border: 1px solid #ddd}
.sub01_07 .content01
{padding-bottom: 0}
.licence > div
{text-align: center; padding-top: 10px; height: 40px}

.sub01_07 .modify_btn
{width: 120px; height: 40px; border: 1px solid #165987; color: #165987; text-align: center}
.sub01_07 .w_btn
{width: 200px; height:50px; border: 1px solid #165987; color: #165987; text-align: center;margin: 0 auto; line-height: 47px}








/* sub02 게시물 */
.sub02 .box_wrap > .modify_btn
{padding-top: 100px}
.sub02 .box_wrap_wrap
{height: 320px}
.sub02 .box_wrap
{height: 100%; overflow: hidden}
.sub02 .box_wrap_btn
{padding-top: 20px}
.sub02 .box_wrap_btn a
{width: 180px;height: 60px;margin: 0 auto;border: 1px solid #165987;text-align: center;line-height: 58px;color: #165987}
.sub02 .box_wrap_btn a:hover
{background-color: #165987; color: #fff}
.sub02 .modify_btn a
{width: 160px;height: 50px;background-color: #165987;text-align:center;color:#fff;line-height: 48px;text-align: center;margin: 0 auto;}
.sub02 .box_wrap > div
{float: left; width: 25%; padding: 0px 5px 30px 5px;height: 360px}
/*
.sub02 .popup_btn
{height: 270px;margin-bottom: 15px}
*/
.sub02 .popup_btn p
{padding-top: 15px}
.sub02 .btn_wrap
{padding-top: 10px; text-align: center}
.sub02 .btn_wrap .modify_btn
{border: 1px solid #165987;width: 120px;height: 40px;color: #165987;}









.sub .box_wrap p
{text-align: center;}
/* sub02_01 */
.sub02_01 .sub02_title .tlt span
    {color: #fff;
    font-weight: bold;
    font-size: 24px;
    background-color: #165987;
    padding: 10px 0px;
    margin-top: 10px;
    display: block;
    width: 230px;
    text-align: center;}

.sub02_01 .content01
{background-image: url(../img/sub/sub02_01_bg.png); padding-bottom: 0;background-repeat: no-repeat;background-color: #165987; background-position: center;background-size: cover;}
.sub02_01 .content01 .content_wrap
{padding: 120px 0}
.sub02_01 .content01 .txt
{float: left ; width: 50%; border-right: 1px solid #fff; color: #fff; padding-left: 100px}
.sub02_01 .content01 .txt div
{font-size:30px; font-weight: bold; padding-bottom: 30px}
.sub02_01 .content01 .txt:nth-child(2)
{border-right: 0px solid #fff}


.sub02_01 .content02
{padding-bottom: 0;position: relative; height: auto}


.sub02 .box_wrap img
{width: 100%; border: 1px solid #eee}
.sub02_01 .content03
{padding-bottom: 0}
.sub02_01 .content03 > div
{float: left;text-align: center;}
.sub02_01 .content03 .box_wrap
{width: 31%; padding: 0 20px}
.sub02_01 .content03 .arr_wrap
{width: 1.5%;padding-top: 105px;}
.sub02_01 .content03 .box
{border: 1px solid #aaa;height: 250px;border-top: 3px solid #165987;width: 100%; padding-top: 50px}
.sub02_01 .con_tlt
{font-size: 32px; padding-bottom: 50px;text-align: center}
.sub02_01 .con_tlt span
{font-weight: bolder; color: #165987}
.sub02_01 .content03 .box p
{font-size: 18px; line-height: 24px}
.sub02_01 .content03 .icon
{text-align: center}
.sub02_01 .content03 .icon img
{width: auto; border: none;}
.sub02_01 .arr_wrap img
{width: auto}




/* sub02_02 */
.sub02_02 .sub02_title
{padding-bottom:80px}
.sub02_02 .content01
{padding-bottom: 0}

.sub02_02 .content02
{padding-bottom: 0}
.sub02_02 .content02 > div
{float: left; width: 50%}
.sub02_02 .content02 .con
{padding-bottom: 90px}
.sub02_02 .content02 .con:nth-child(3)
{padding-bottom: 0}
.sub02_02 .content02 .con:nth-child(4)
{padding-bottom: 0}
.sub02_02 .content02 .con img
{width: auto}
.sub02_02 .content02 .con > div
{float: left; height: 100px}
.sub02_02 .content02 .con .icon
{width: 22%;}
.sub02_02 .content02 .con .txt
{width: 78%;padding-top: 5px}
.sub02_02 .content02 .con .txt div
{font-size: 24px; font-weight: 700; padding-bottom: 25px}



/* sub02_03 */
.sub02_03 .sub02_title
{padding-bottom:80px}
.sub02_03 .content01
{padding-bottom: 0}
.sub02_03 .content02
{padding-bottom: 0}
.sub02_03 .content02 ul br
{display: none}

.sub02_03 .content02 > div
{float: left; width: 20%; font-size: 30px; line-height: 40px; font-weight: 600; color: #165987;padding-top: 32px;}
.sub02_03 .content02 > ul
{float: left; width: 80%;}

.sub02_03 .content02 > ul >li
{float: left; width: 50%;padding:0 10px 20px 10px;}
.sub02_03 .content02 > ul >li > div
{border: 2px solid #165987; text-align: center;height: 67px;
padding-top: 18px;}
.sub02_03 table
{width: 100%;margin-bottom:60px}
.sub02_03 table colgroup col:nth-child(1)
{background-color: #eee}
.sub02_03 table tr:nth-child(1)
{background-color: #165987; color: #fff}
.sub02_03 table th
{padding: 20px 10px;font-weight: normal; border-right: 1px solid #fff}
.sub02_03 table td
{padding: 25px 10px;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd}
.sub02_03 table td:last-child
{border-right: none}



/* sub02_04 */
.sub02_04 .sub02_title
{padding-bottom:80px}
.sub02_04 .content01
{padding-bottom: 0}
.sub02_04 .content01 img
{width: auto;padding-bottom: 25px}
.sub02_04 .content01 > div
{float: left; width: 25%}
.sub02_04 .content01 .txt .tlt
{color: #165987;font-size: 24px; font-weight: bold;border-bottom: 2px solid #165987;padding-bottom: 20px}
.sub02_04 .content01 .txt p
{padding-top: 20px}

.sub02_04 .content03
{text-align: center}
.sub02_04 .content03 img
{border: 1px solid #ddd; margin-bottom: 30px;}
.sub02_04 table
{width: 100%;margin-bottom:30px}
.sub02_04 table colgroup col:nth-child(1)
{background-color: #eee}
.sub02_04 table tr:nth-child(1)
{background-color: #165987; color: #fff}
.sub02_04 table th
{padding: 19px 25px;font-weight: normal; border-right: 1px solid #fff}
.sub02_04 table td
{padding: 25px 10px;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd}
.sub02_04 table td:last-child
{border-right: none}
.border
{background-image: url(../img/sub/chart_line.png);background-size: 100% 100%;text-align: left}
.border div
{text-align: right}
.sub02_04 .content04
{font-size: 32px;font-weight: bold}
.sub02_04 .content04 > div
{padding-bottom: 100px}
.sub02_04 .content04 img
{border: 1px solid #d5d5d5; margin-top: 30px}



/* sub03_01 */
.sub03_01 .content
{overflow: hidden}
.sub03_01 .content_wrap
{width: 1800px}
.sub03_01 .scroll_wrap
{/*white-space: nowrap;*/ overflow-x: scroll}
.sub03_01 .scroll_wrap > .cb{width: 2990px;}
.sub03_01 .scroll_wrap > .cb > div
{float: left; padding-bottom: 0;/*margin-right: 10px;*/}
.sub03_01 table
{font-size: 14px; word-break: keep-all;line-height: 15px;}
.sub03_01 table .table_blue
{color: #165987; font-weight: 700}
.sub03_01 table .table_grey
{background-color: #eee;border-right: 1px solid #ccc}
.sub03_01 table tr td
{height: 66px; color: #555;border: 1px solid #eee;padding: 10px 5px;}
.sub03_01 table .table_bar th
{background-color: #165987; font-size: 14px; color: #fff;border: 1px solid #fff; padding: 30px 0}
.sub03_01 table .table_bar02 th
{height: 52px; background-color: #eee;border: 1px solid #fff;padding: 10px 5px;}
.sub03_01 table .table_row
{background-color:#165987;border: 1px solid #fff;color: #fff}
.sub03_01 table .table_row02
{background-color:#eee;border: 1px solid #fff;}
.sub03_01 .sub_title
{padding-bottom: 70px}
.sub03_01 .content_wrap div:nth-child(4)
{padding-bottom: 0}


/* list */
#bo_list
{padding-bottom: 100px}
.tbl_wrap table 
{border-top: 2px solid #165987;border-bottom: 1px solid #333;}
.more_btn
{width: 270px; height: 70px; background-color:#165987; color: #fff; margin: 70px auto 0 auto}
.more_btn a
{padding-top: 20px; color: #fff; text-align: center;}
.bo_tit a
{float: left; width: auto}
.bo_tit img
{width: auto; float: left; padding: 6px 20px}
.btn_bo_user
{padding-bottom: 20px}
.btn_b02
{width: 150px;height: 50px;line-height: 50px;padding: 0;text-align: center;color:#165987;border: 1px solid #165987 }

/* list_페이저 */
.pg_wrap .pg
{margin: 0 auto;display: block;}
.pg_wrap .pg_current 
{display: inline-block;background: #165987;border: none;color: #fff;line-height: 37px;height: 40px;width: 50px;}
.pg_wrap .pg_page
{display: inline-block;background: #eee;border: none;color: #aaa;line-height: 37px;height: 40px;width: 50px;border-radius: 0}
.pg_wrap .pg_end
{display: none}
.pg_wrap .pg_start
{display: none}


/* view */
.notice_view .subject
{font-size: 35px; padding-bottom: 15px}
.notice_view .date
{color: #999}
.tlt_wrap
{border-bottom: 1px solid #ddd;padding-bottom: 50px;}
.notice_view .con
{padding: 50px 0 50px 0;margin-bottom: 30px; border-bottom: 1px solid #ddd}
.notice_view .con img
{width: auto}

/* 첨부파일 */
#bo_v_file
{padding-bottom: 20px}
#bo_v_file h2
{display: none}
#bo_v_file i
{display: none}
#bo_v_file strong
{color: #165987}
#bo_v_file ul li a
{display: contents}

/* view_페이저 */
.view_btm_wrap
{padding-bottom: 50px}
.view_btm_wrap a 
{float: left;width: 80px;height: 40px;line-height: 38px;border: 1px solid #aaa}
.view_btm_wrap .center
{text-align: center; margin: 0 10px; background-color: #eee}
.view_btm_wrap .next
{background-image: url(../img/btn_arr.png);background-repeat: no-repeat;background-position: 78% 52%;padding-left: 15px}
.view_btm_wrap .pre
{background-image: url(../img/btn_arr02.png);background-repeat: no-repeat;background-position: 22% 52%;text-align: right;padding-right: 15px}









/* write */
.notice_write input[type="text"]
{margin: 0 0 20px 0; width: 50%}




/* admin */
.forone_btn01
{width: 140px;height: 45px;border: 1px solid #165987;text-align: center;padding-top: 10px;color: #165987;float: left;margin-right: 10px;}




/* gall */
.sub02_01 .gallery_wrap .gall
{width: 25%; float: left;padding: 5px 5px}
.board_search_wrap
{padding-bottom: 30px}
.sub02_01 .total_num
{padding-bottom: 15px}
.sub02_01 .search_wrap
{float: left}
.sub02_01 .search_wrap div
{float: left;text-align: center}
.sub02_01 .search_wrap div > div
{width: 100%}
.sub02_01 .search_wrap .s03 
{line-height: 40px;background-color: #165987;height: 47px;width: 100px}
.sub02_01 .search_wrap .s03 button
{color: #fff}
.sub02_01 .gallery_wrap .txt_box
{text-align: center}
.sub02_01 .gallery_wrap .txt_box .more
{border: 1px solid #165987;height: 50px;width: 150px;margin: 10px auto 0 auto;line-height: 47px;color: #165987;}

#bo_w .write_div .btn
{width: 150px;height: 47px;border: 1px solid #aaa;line-height: 42px;text-align: center;float: left;margin-right: 10px}
#bo_w .write_div .complete
{background-color: #165987; color: #fff}




/* sub04_02 */
.sub04_02 .red
{font-size: 14px; color: red;}
.sub04_02 .info_txt
{text-align: right}
.sub04_02 .form_wrap
{padding: 20px 0 50px;border-top: 1px solid #ddd}
.sub04_02 .f_box
{width: 50%;padding: 20px 10px 0;}
.sub04_02 .f_box label 
{float: left;display: block;width: 30%;font-size: 16px;padding-top: 13px;line-height: 22px;}
.sub04_02 .f_box span 
{position: relative;top: 0;left: 0;float: right;display: block;width: 70%;}
.sub04_02 .f_box .f 
{display: block;width: 100%;}
.sub04_02 select, .sub04_02 textarea
{width: 100%;}
.sub04_02 .btm_box .f_box
{width: 100%}
.sub04_02 .btm_box .f_box label
{width: 14.9%;}
.sub04_02 .btm_box .f_box span
{width: 85.1%;}
.sub04_02 .content01 .btn_wrap
{padding-top: 50px;text-align: center}
.sub04_02 .sub_con_wrap .sub_con .sub_tlt 
{border-bottom: 0; margin-bottom: 0; padding: 0 0 100px 0}
.sub04_02 select
{background-image: url(../img/sub/sub04_02_arr.png)}
.r_float
{float: right}
.sub04_02 .r_float label
{padding-left: 70px}
.l_float
{float: left}
.btn_wrap
{text-align: center;padding-top: 50px}
.mail_send
{width: 200px; height: 60px; background-color:#165987;margin-right: 10px; color: #fff}
.mail_cancel
{width: 200px; height: 60px; border: 1px solid #ddd; background-color:white;color: #333}

.sub04_02 .inq_input
{padding-left: 10px}
.sub04_02 .inq_input .upload-name
{width: 20px}


/* form 공통 */
input[type="text"],
input[type="button"],
input[type="email"],
input[type="password"]
{background-color:#fff; border: 0;display: inline-block;box-sizing: border-box;padding:12px 10px;border:1px solid #ccc;/*margin-left: 10px*/}
input:-webkit-autofill
{background-color:#fff !important;}
textarea
{resize: none;width:100%;height:200px;border:0;border:1px solid #ccc;padding:7px;box-sizing: border-box;white-space: pre-wrap;margin-bottom: 20px;}
button:after{cursor: pointer;}
.write_content02_btn
{text-align: center}
input[type="submit"]
{width: 200px;height: 60px;background-color: #165987;color: #fff;
text-align: center;}
select
{display: inline-block;height:47px;border:0;border:1px solid #ccc;padding:12px 5px; 
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: window;
    -webkit-appearance: none;
    background: -webkit-linear-gradient(transparent, transparent); /*사파리 그라디언트 없애줌 */
    background-image: url(../img/common/select_arrow.png);
    background-position: 99% center;
    background-repeat: no-repeat;}
/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand { display: none; }
input[type="button"], input[type="submit"],







/* product_view */
.product .subject
{font-size: 35px; padding-bottom: 10px}
.product .view_wrap
{padding-bottom: 50px}
.product .view_image img
{width: auto}
.product .view_con
{border-bottom: 1px solid #ddd; padding: 50px 0}
.product .btn_wrap
{float: right;width: 160px;height: 50px;border: 1px solid #165987;padding: 12px 0 0 0;}
.product .btn_wrap a
{color: #165987; width: 100%; height: 100%; display: block}
.product .date
{font-size: 14px; color: #aaa}



/* 회원가입화면 */
.join, .join_02, .join_03 .sub_visual01
{height: 200px}
.join_02 #fregisterform .captcha img
{width: auto}
a.btn_close 
{text-align: center;line-height: 50px;height: 50px;border: 1px solid #ddd;border-radius: 3px;width: 140px;height: 50px;vertical-align: middle;display: inline-block;}
.btn_confirm_reg a
{width: 200px;background-color: #165987;height: 50px;text-align: center;line-height: 47px;color: #fff;margin: 0 auto}


/* 로그인중 */
#hd_login_msg 
{position: fixed;top: 100px;left: 0px;width: 260px;height: 110px;background-color: #eee;z-index: 9999;text-align: center;padding-top: 17px;}
#hd_login_msg a
{width: 150px;height: 40px;line-height: 37px;margin: 0 auto;color: darkblue;border: 1px solid;margin-top: 10px;}











/*제품*/
.pt_list_all_wrap {width: 100%;overflow: hidden;padding: 40px 0}
.pt_list_wrap {margin-left: -40px;}
.pt_list_wrap:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.pt_list_box {float: left;width: 33.33%;width: calc(100%/3);padding-left: 40px;padding-bottom: 50px;position: relative;top: 0px;left: 0px;}
.pt_chk {position: absolute;top: 0px;left: 0px;}
.pt_list_info_wrap {padding: 0px;}
.pt_list_box .pt_list {display: block;position: relative;top: 0px;left: 0px;background-color: #fff;}
.pt_list_box .pt_list_img {position: relative;top: 0px;left:0px;overflow: hidden;}
.pt_list_box .pt_list_img img {width: 100%;max-width: 100%;transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1);transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;-moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;-webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;-o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;}
.pt_list_mask {position: absolute;top: 0px; left: 0px; right: 0px; bottom: 0px;
background-color: #000;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.pt_list:hover .pt_list_mask {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
opacity: 0.5;
}
.pt_list:hover .pt_list_img img {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.pt_list_txt {height: 70px;width: 100%;position: relative;top: 0px;left: 0px;overflow: hidden;}
.pt_list_txt:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.pt_list_txt .pt_list_txt_in {vertical-align: middle;display: inline-block;line-height: 1.3;color: #333;font-size: 16px;width: 100%;}
.pt_list_txt .pt_list_txt_in span {width: 100%;display: block;}
.pt_list_txt_01 {font-size:14px; color: #666;line-height: 1.3}
.pt_list_txt_02 {font-size:18px; color: #222;line-height: 1.3;padding: 3px 0}
.pt_list_txt_03 {font-size:14px; color: #999;line-height: 1.3}


.pt_list_txt .pt_list_txt_in .pt_list_txt_en {font-size:14px; color: #666;padding-top: 5px;}

.pt_list_cate {font-size: 15px; color: #43c7e7;padding-bottom: 10px;display: none;}
.pt_list_date {font-size: 20px; color: #999;padding-top: 20px;display: none;}
.main_board_line_in {line-height: 1.6;}
#bo_v_atc {padding: 20px;}




.notice_view .con img {max-width: 100%;}



#bo_cate_ul li {display: inline-block;padding-left: 15px;}
#bo_cate_ul li:first-child {padding-left: 0px;}
#bo_cate > h2 {display: none;}

#bo_cate_ul li a {color: #888}
#bo_cate_ul li a#bo_cate_on {color: #43c7e7; font-weight: bold;}