@charset "utf-8";
/* CSS Document */
@-ms-viewport{width:device-width}
html{overflow-x:hidden}
*{ margin:0; padding:0; }
ul,li{ list-style:none}
img { border:none; }
.wrap{position: relative; z-index:inherit; left:50%; top:0; width:2000px; margin-left:-1000px}
body{ font-family:notokrM,notokrR,notokrB,sans-serif; letter-spacing:-1px; font-size:16px}
.box0{ width:94%; margin:0 auto}
.box1{ width:1140px; margin:0 auto; max-width:95%}
.box2{ padding:0 2em; margin:0 auto;}
.box3{ width:1800px; margin:0 auto; max-width:98%}
.box4{ width:90%; margin:0 auto}
.box5{ width:1160px; margin:0 auto; max-width:95%}
.box6{ width:1200px; margin:0 auto; max-width:95%}

.PC{ display:none !important}
.PHONE{ display:none !important}
.eng_m_st{ display:none !important}



/*main*/
/*메인 타이틀*/
.main_tit {text-align:center; padding:60px 0 40px 0;}
.main_tit.pd_none {padding:0;}

.main_tit .tit {font-size:2.188em; vertical-align:middle; font-family:Arial, Helvetica, sans-serif;}
.main_tit .tit_col {color:#fff; }
.main_tit .tit > strong {color:#999999; vertical-align:bottom;}
.main_tit .txt {color:#555; padding-top:1em; font-size: 1.125em; }
.main_tit.main03_st {position:relative;}
.main_tit.main03_st .txt:after {position:absolute; content:""; width:2px; height:25px; background:#003f87; left:50%; bottom:0;}

/*main 01*/
.main01 {padding-bottom:80px;}
.main01 .bis_ul {overflow:hidden; margin-left:-15px;}
.main01 .bis_ul .li_in {float:left; width:33.33%;}
.main01 .bis_ul .li_in .con_in {margin-left:15px;}
.main01 .bis_ul .li_in .con_in  .con_im_wrap {position:relative;  z-index:101;}
.main01 .bis_ul .li_in .con_in  .con_tx_wrap {padding:30px 20px; position:relative;  z-index:101;}
.main01 .bis_ul .li_in .con_in  .con_tx_wrap.bg1 {background:#212737;}
.main01 .bis_ul .li_in .con_in  .con_tx_wrap.bg2 {background:#003a6c;}
.main01 .bis_ul .li_in .con_in  .con_tx_wrap.bg3 {background:#32243e;}
.main01 .bis_ul .li_in .con_in  .con_tx_wrap .ti {color:#fff; font-size:1.5em; font-family:notokrM;}
.main01 .bis_ul .li_in .con_in  .con_tx_wrap .tx {color:#fff; font-size:0.875em; padding:15px 0 30px 0; opacity:.7;}
.main01 .bis_ul .li_in .con_in  .con_tx_wrap .bis_more {color:#fff; font-size:0.875em; border:1px solid #fff; padding:5px 10px; vertical-align:middle;}
.main01 .bis_ul .li_in .con_in  .con_tx_wrap .bis_more .xi {vertical-align:middle; font-size:20px; padding-left:9px;} 
.main01 .bis_ul .li_in .con_in  .con_tx_wrap .bis_more.st {margin-right:10px;} 
.main01 .bis_ul .li_in .con_in  .con_tx_wrap .bis_more:hover {background:#f9f9f9; color:#003f87; transition:.3s;}
.main01 .bis_ul .li_in .con_in  .con_tx_wrap .bis_more:hover .xi {margin-left:5px; transition:.3s;}

/*main 02*/
.main02 {background:url(../images/main/main2_bg.jpg) no-repeat center center; background-size:cover; width: 100%; height: 540px; }
.main02 .va_wrap { height: 500px; }
.main02 .text_wrap { width: 45%; float: right; margin-top: 78px; }
.main02 .main_tit { font-size: 2.188em; vertical-align: middle; font-family: Arial, Helvetica, sans-serif; text-align: left; padding: 0;}
.main02 .main_tit > strong { color: #999999; vertical-align: bottom; }
.main02 .line { width: 30px; height: 3px; background: #005aab; margin: 35px 0 10px 0; }
.main02 .main_tt { font-size: 2em; font-family: notokrR; color: #005aab; text-align: left;}
.main02 .main_tt .fw { font-family: notokrB; vertical-align: baseline; }
.main02 table { margin-top: 50px; font-size: 1.125em; }
.main02 table span { vertical-align: baseline; color: #055aab; margin-right: 5px; }
.main02 table th { text-align: left; color: #222; font-family: notokrB; padding: 6px 25px 6px 0; }
.main02 table td { color: #444; text-align: left; }



/*main 03*/
.ffnt { font-family: notokrM!important; font-size: 1.938em!important; }
.main03 .main_history_wrap { position: relative; }
.main03 .main_history_wrap:before { position: absolute; content: ""; width: 2px; height: 25px; background: #003f87; left: 50%; top: -25px; }
.main03 .main_history_wrap .main_history{ background:url(../images/main/main3_bg.jpg) no-repeat center bottom; background-size:cover; padding:60px 0}
.main03 .main_history_wrap .main_history .history_tt{ text-align:center; color:#fff; font-family:notokrR, sans-serif}
.main03 .main_history_wrap .main_history .history{ position:relative}
.main03 .main_history_wrap .main_history .history .wrap_line{ position:absolute; left:0; top:50%; width:100%; height:1px; background:#fff; opacity:.2}
.main03 .main_history_wrap .main_history .history .list{ padding:0 5%}
.main03 .main_history_wrap .main_history .history .list > li{ width:14.28%}
.main03 .main_history_wrap .main_history .history .list > li .in{ position: relative; padding-bottom:30px; text-align:center; color:#fff; width:140%; left:-20%}
.main03 .main_history_wrap .main_history .history .list > li .in .line{ position:absolute; left:50%; height:30px; width:1px; bottom:0; background:#fff; opacity:.2}
.main03 .main_history_wrap .main_history .history .list > li .in .dot{ position:absolute; left:50%; height:10px; width:10px; margin-left:-5px; bottom:-3px; background:#fff; border-radius:100%; opacity:.7}
.main03 .main_history_wrap .main_history .history .list > li .in .img{ background-repeat:no-repeat; background-position:center; background-size:cover; height: 140px; }
.main03 .main_history_wrap .main_history .history .list > li .in .date{ font-family:notokrR,Tahoma, Arial, Helvetica, sans-serif; font-size:.813em; padding:15px 0 10px 0; letter-spacing:2px; opacity:.7}
.main03 .main_history_wrap .main_history .history .list > li .in .tt{ font-size:1.063em; font-family:notokrR, sans-serif; line-height:20px; height:40px; overflow:hidden; margin-bottom:5px}
.main03 .main_history_wrap .main_history .history .list > li:nth-child(2n-1) .in{ padding-top:30px; padding-bottom:0; margin-top: 251px; }
.main03 .main_history_wrap .main_history .history .list > li:nth-child(2n-1) .in .line{ top:0}
.main03 .main_history_wrap .main_history .history .list > li:nth-child(2n-1) .in .dot{ top:-3px; margin-left:-4px}

.main03 .main_history_wrap .main_history .history #HistorySlideBtn{}
.main03 .main_history_wrap .main_history .history #HistorySlideBtn .control > li{ position:absolute; z-index:100; top:50%; margin-top:-20px; width:60px; line-height:40px; text-align:center; font-size:2.5em; opacity:.7}
.main03 .main_history_wrap .main_history .history #HistorySlideBtn .control > li > a{ color:#fff}
.main03 .main_history_wrap .main_history .history #HistorySlideBtn .control > li.flex-prev{ left:0}
.main03 .main_history_wrap .main_history .history #HistorySlideBtn .control > li.flex-next{ right:0}
.main03 .main_history_wrap .main_history .history #HistorySlideBtn .control > li:hover{ opacity:1}

.main03 .main_history_wrap .link{ margin:0 -30px -30px 0; margin-top:40px}
.main03 .main_history_wrap .link > li{ width:50%}
.main03 .main_history_wrap .link > li .in{margin:0 30px 30px 0; line-height:120px; color:#fff; text-align:center; font-size:1.5em; background-position:center; background-repeat:no-repeat; background-size:cover}
.main03 .main_history_wrap .link > li .in .icon{ padding-right:10px}
.main03 .main_history_wrap .link > li .in .more{ padding-left:15px; font-size:1em}

/*main04*/
.main04 {background:url(../images/main/main04_bg.jpg) no-repeat center center; background-size:cover; padding:3.5em 0;}
.main04 .con_wrap {margin:40px 0;}
.main04 .con_wrap .client_ul {overflow:hidden; margin-left:-10px;}
.main04 .con_wrap .client_ul li {float:left; width:20%;}
.main04 .con_wrap .client_ul li .client_in {margin-left:10px; margin-bottom:10px; border:1px solid #ddd; background:#fff; height:70px; overflow:hidden;}
.main04 .con_wrap .client_ul li:hover .client_in {border:1px solid #272c7e; transition:.5s; }
.main04 .main04_btn_w {width:1100px; margin:0 auto; text-align:center;}
.main04 .main04_btn_w .partner_more {width:49%;}
.main04 .main04_btn_w .partner_more.bg01 {background:url(../images/main/main04_more_bg.jpg); background-position:center center; background-repeat:no-repeat; margin-right:2%;}
.main04 .main04_btn_w .partner_more.bg02 {background:url(../images/main/main04_homeart_bg.jpg); background-position:center center; background-repeat:no-repeat;}
.main04 .main04_btn_w .partner_more .partner_in  {padding:2em 0; position:relative;}
.main04 .main04_btn_w .partner_more .partner_in .tx {display:block; color:#f5f5f5; font-size:.813em; padding-top:.7em; letter-spacing:.4px; width:100%; max-width:250px; margin:0 auto;} 
.main04 .main04_btn_w .partner_more .in_more {color:#fff; text-align:center;  font-size:1.063em; transition:.6s;}
.main04 .main04_btn_w .partner_more .in_more .xi {padding-left:3px; vertical-align:middle; font-size:.938em; opacity:0;}

.main04 .main04_btn_w .partner_more .in_more:hover {color:#003f87;}

.customer_w{position:relative;  height:70px; margin-bottom:40px; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
.customer_w .customer_slide .tt{position:absolute; left:0; top:16px; z-index:3;}
.customer_w .customer_slide .tt .xi{display:inline-block; *display:inline; zoom:1; vertical-align:middle; color:#000; font-size:30px; color:#000;}
.customer_w .customer_slide .tt span{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; color:#fff; font-size:0.938em;  cursor:pointer; background:#003f87; padding:10px 30px;}
.customer_w .customer_slide .slides{}
.customer_w .customer_slide .slides li{height:70px; line-height:70px; position:relative;}
.customer_w .customer_slide .slides li .notice_tit {cursor:pointer; color:#000; font-family:notokrR; font-size: 1em; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding-right:180px; margin-left:130px; vertical-align:middle; width:50%;}
.customer_w .customer_slide .slides li .notice_tit .xi {vertical-align:bottom; padding-right:3px;}
.customer_w .customer_slide .flex-direction-nav{position:absolute; right:0; bottom:16px;}
.customer_w .customer_slide .flex-direction-nav li{display:inline-block;}
.customer_w .customer_slide .flex-direction-nav a{display:block; height:40px; width:40px; font-size:0;}
.customer_w .customer_slide .flex-direction-nav a:hover{background-color:#111;}
.customer_w .customer_slide .flex-direction-nav .flex-prev{background-color:#595959; background-image:url(../images/main/arr_up.png); background-repeat:no-repeat; background-position:center center; margin-right:1px;}
.customer_w .customer_slide .flex-direction-nav .flex-next{background-color:#595959; background-image:url(../images/main/arr_down.png);  background-repeat:no-repeat; background-position:center center;}
.customer_w .customer_slide .slides li .notice_date{position:absolute; right:120px; top:0; color:#999; font-family:notokrR; font-size:.875em;}


.main04 {padding-bottom:120px;}
.main04 .custom_ul {overflow:hidden; margin-left:-10px;}
.main04 .custom_ul .li_in {float:left; width:25%;}
.main04 .custom_ul .li_in .con_in {margin-left:10px; border:1px solid #ddd; position:relative; overflow:hidden;}
.main04 .custom_ul .li_in:last-child .con_in:after { display: none; }
.main04 .custom_ul .li_in .con_in:after {position:absolute; content:""; right:-35px; bottom:-35px; width:65px; height:65px; transform:rotate(45deg); border-left:1px solid #ddd;;}
.main04 .custom_ul .li_in .con_in  .con_im_wrap {position:relative;  z-index:101;}
.main04 .custom_ul .li_in .con_in  .con_tx_wrap {padding:20px 30px 50px 30px; position:relative;  z-index:101;}
.main04 .custom_ul .li_in:last-child .con_in  .con_tx_wrap {padding:20px 30px 20px 30px; position:relative;  z-index:101;}
.main04 .custom_ul .li_in .con_in  .con_tx_wrap .tel { margin-top: 9px; color: #005aab; font-family: notokrB; font-size: 1.125em; }
.main04 .custom_ul .li_in .con_in  .con_tx_wrap .ti {color:#000; font-size:1.250em; font-family:notokrM;}
.main04 .custom_ul .li_in .con_in  .con_tx_wrap .tx {color:#8d8d8d; font-size:0.875em; padding:15px 10px 0 0px; line-height: 1.4; }
.main04 .custom_ul .li_in .con_in  .con_tx_wrap .bis_more {color:#656565; position:absolute; right:0; bottom:0;}
.main04 .custom_ul .li_in .con_in  .con_tx_wrap .bis_more .xi {font-size:23px;}
.main04 .custom_ul .li_in .con_in  .con_tx_wrap .bis_more:hover .xi {color:#003f87; transition:.3s;}


/**/
.results_performance{ margin-top:4em; border-top:2px dashed #ddd}
.results_performance .con{ position:relative; padding:4em 4em 4em 14em; border-bottom:2px dashed #ddd}
.results_performance .con .year{ position:absolute; top:3.5em; left:0; width:10em; text-align:right}
.results_performance .con .year .tt{ font-size:2.5em; color:#00a3dd; letter-spacing:-4px; font-family:Verdana,Tahoma,Arial, Helvetica, sans-serif; font-style:italic}
.results_performance .con .year .tt:before{ content:"20"; color:#ccc}
.results_performance .con .gotop{ position:absolute; width:2.125em; height:1.75em; right:0; bottom:0; text-align:center; background: linear-gradient(0deg, rgba(0,0,0,.1) 0%, #fff 100%); border:1px solid #ddd; border-bottom:none; line-height:1; border-radius:.5em .5em 0 0; color:#888}
.results_performance .con .gotop .xi{ display:block}



/*header*/


#header{ position:fixed; z-index:1001; left:0; top:0; width:100%; border-bottom:1px solid rgba(255,255,255,.2); transition:.3s}
#header:hover { background: #FFF; transition: .3s; box-shadow: 0px 1px 2px #999; }
#header .va_wrap{ height:80px;}
.headerPD{ padding-top:81px; }
/*.headerMG{ margin-bottom: 130px; }*/
#header .logo{ float:left; }
#header .logo > a{ position:relative}
#header .logo img{ max-height:80%}

#header .tel { float: left; text-align: right; margin-left: 40px; }
#header .tel .va { padding: 10px 15px; border: 1px solid #c00c3f; }
#header .tel .top_t1 { color:#db0000; font-size:1.063em; font-weight:500; margin-right:8px; text-align:left;}
#header .tel .top_t2 { font-size:1.875em;}
#header .tel a { display:inline-block; color:#db0000; font-family:'Roboto', sans-serif; font-weight:700; vertical-align: middle; cursor: default; }
#header .tel .top_xi { font-size:.875em; color:#db0000; vertical-align: bottom; margin-bottom: 3px; }

#header .eng_m_st { position:absolute; right:43px; top:25px; color:#fff; font-size:1.063em;}
#header .eng_m_st .eng_m_xi {display:inline; padding-right:2px; font-size:15px;}


#header .menu_wrap{ float:right; }
#header .gnb_wrap{ float:left}
#header .gnb_wrap .gnbBg{ position:absolute; top:4.625em; left:0; width:100%; height:0; background:#f9f9f9; transition:.2s}
#header .gnb_wrap.on .gnbBg{ box-shadow:0 1px 3px rgba(0,0,0,.3)}
#header .gnb_wrap.on .gnbBg:before{ content:""; position:absolute; left:0; top:0; z-index:1; height:1px; width:100%; background:#ddd}
#header .gnb_wrap .gnb > li{ position:relative}
#header .gnb_wrap .gnb > li .dp1{ color:#222; position:relative; padding:0 2.25em;}
#header .gnb_wrap .gnb > li .dp1:after{ content:""; position:absolute; left:0; bottom:-2px; width:0; height:2px; background:#005aab; z-index:1; transition:.3s;}
#header .gnb_wrap .gnb > li .dp1 .va{ position:relative; z-index:1; font-size:1.188em; transition:.3s}
#header .gnb_wrap .gnb > li .dp2{ position:absolute; left:0; width:100%; display: none; background:#fff; box-sizing:border-box; padding:1rem 0 1.5rem 0}
#header .gnb_wrap .gnb > li .dp2:after,
#header .gnb_wrap .gnb > li:first-child .dp2:before{ content:""; position:absolute; z-index:1; right:-1px; top:0; width:1px; height:100%; background:#eee}
#header .gnb_wrap .gnb > li:first-child .dp2:before{ right:auto; left:-1px}
#header .gnb_wrap .gnb > li .dp2 > li{ display:block}
#header .gnb_wrap .gnb > li .dp2 > li > a{ height:auto; color:#666; text-align:center; padding:1em}
#header .gnb_wrap .gnb > li .dp2 > li > a .va{ font-size:.875em}
#header .gnb_wrap .gnb > li:hover .dp1:after,
#header .gnb_wrap .gnb > li.on .dp1:after{ width:100%}
#header .gnb_wrap.on .gnb > li .dp2{ opacity:1; visibility:visible; transition-delay:.2s;}
#header .gnb_wrap .gnb > li .dp2 > li:hover > a{ color:#4196e2}
#header .gnb_wrap .gnb > li.m_privacy, #header .gnb_wrap .gnb > li .dp3 { display: none; }

/**/
.TAB_WRAP {position:relative; text-align:center;  margin-bottom:30px;}
.TAB_WRAP .his_bg { background:#f6f6f6; height:200px; position:absolute; left:0; top:0; width:100%; background-size:cover;}
.TAB_WRAP .tab_ul {/*overflow:hidden;*/  position:relative; display:inline-block;}
.TAB_WRAP .tab_ul li {float:left; position:relative;}
.TAB_WRAP .tab_ul li > a {display:block; text-align:center; transition:.3s; margin:0 0 0 -1px; border:1px solid #ccc; font-size:1em; padding:0.8em 2.5em; }
.TAB_WRAP.organiziation_st .tab_ul li > a {padding:1em 3em;}
.TAB_WRAP.st2 .tab_ul li > a {/*padding:5px 30px;*/}
/*.TAB_WRAP .tab_ul li > .tab_dot { background:#0065A4; width:10px; height:10px; border-radius:100%; left:50%; margin-left:-5%; bottom:-5px; position:absolute; cursor:pointer;}
.TAB_WRAP .tab_ul li.on > .tab_dot:after{ content:""; position:absolute; top:-4px; bottom:-4px; left:-4px; right:-4px; border:1px solid #0065A4; border-radius:100%;}*/
.TAB_WRAP .tab_ul li.on > a {color:#fff;  background:#999; border-color:transparent;}
.TAB_WRAP .tab_ul li.on > a:after{ opacity:1; content:"\e935"; font-family:xeicon; font-style:normal; font-size:16px; color:#999; width:100%; position:absolute; text-align:center; bottom:-14px; left:0;}




#header .all_wrap{ float:left; margin-left: 1em; }
#header .all_wrap .m_tel,
#header .all_wrap .home,
#header .all_wrap .contact,
#header .all_wrap .m_btn { float: left; }
#header .all_wrap > .m_tel .xi,
#header .all_wrap > .home .xi,
#header .all_wrap > .contact .xi { width: 2.25em; color: #888; }

#header .all_wrap .m_tel { display: none; }
#header .all_wrap > .m_tel .xi { color: #db0000; }

#header .all_wrap .allBtn{ width:5em; text-align:center; }
#header .all_wrap .allBtn .va{ font-size:1.688em; color:#333; }
#header .all_wrap .all{ position: fixed; z-index:1; right:0; top:0; width:22em; max-width:90%; height:100%; box-shadow:-5px 0 5px rgba(0,0,0,.2); opacity:0; visibility:hidden; transition:.3s}
#header .all_wrap .all:before{ content:""; position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5}
#header .all_wrap .all .in{ position: absolute; right:-100%; width:100%; height:100%; background:#fff; transition:.3s}
#header .all_wrap .all .tit_wrap{ background:#003f87; position:relative; border-bottom:1px solid rgba(255,255,255,.2)}
#header .all_wrap .all .tit_wrap .btn{ position:absolute; top:0; width:5em; height:100%; text-align:center; color:#fff; transition:.3s}
#header .all_wrap .all .tit_wrap .btn:hover{ background:rgba(0,0,0,.1)}
#header .all_wrap .all .tit_wrap .btn.close{ right:0; }
#header .all_wrap .all .tit_wrap .tit{ padding:0 6em}
#header .all_wrap .all .tit_wrap .tit .va{ color:#fff; font-size:1.25em}
#header .all_wrap .gnb > li{ display:block}
#header .all_wrap .gnb li > a{ position:relative; text-align:left; padding:0 2em; height:3.5em; overflow:hidden}
#header .all_wrap .gnb li > a:after{ content:"\e93f"; font-family:xeicon!important; position:absolute; right:0; top:0; width:3em; text-align:center; line-height:3.5em}
#header .all_wrap .gnb > li .dp1{ color:#111; border-bottom:1px solid #ddd}
#header .all_wrap .gnb > li .dp2{ background:#f5f5f5; padding:0 0 0 1px; position:relative}
#header .all_wrap .gnb > li .dp2:after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#ddd}
#header .all_wrap .gnb > li .dp2 > li{ width:50%}
#header .all_wrap .gnb > li .dp2 > li > a{ border:1px solid #ddd; margin:-1px 0 0 -1px; color:#666; transition:.3s}
#header .all_wrap .gnb > li .dp2 > li > a:after{ right:-100%; transition:.3s}
#header .all_wrap .gnb > li .dp2 > li > a .va{ font-size:.875em}
#header .all_wrap .gnb > li:hover > .dp1{ background:#003f87; color:#fff}
#header .all_wrap .gnb > li .dp2 > li:hover > a{ background:#555; border-color:transparent; color:#fff}
#header .all_wrap .gnb > li .dp2 > li:hover > a:after{ right:0}
#header .all_wrap.on .all{ opacity:1; visibility:visible}
#header .all_wrap.on .all .in{ right:0}

#header .language{ float:left; margin-left:.6em;}
#header .language .va{ position:relative}
#header .language .langBtn{ display:block; border:1px solid rgba(255,255,255,.2); color:#fff; padding:.5em .7em; transition:.3s}
#header .language .langBtn .tt{ text-transform:uppercase; font-size:.813em; padding:0; margin-left: 6px;}
#header .language .langBtn .arrow{ transition:.2s}
#header .language .langList{ position:absolute; left:0; width:100%; z-index:1; padding-top:.2em; visibility:hidden; opaicty:0; transition:.3s}
#header .language .langList > li > a{ display:block; border-top:1px solid rgba(255,255,255,.2); color:#fff; padding:.7em 1em; text-align:left; background:#333; position:relative; overflow:hidden}
#header .language .langList > li > a:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.2}
#header .language .langList > li > a.link:before{ display:none}
#header .language .langList > li:first-child > a{ border-top:none}
#header .language .langList > li > a .tt{ font-size:.75em}
#header .language .langList > li > a .arrow{ position:absolute; right:-1em; top:50%; margin-top:-.4em; transition:.3s}
#header .language .langList > li > a .arrow:before{ font-size:.75em}
#header .language .langList > li:hover > a {background:#fff; color:#003f87;}
#header .language .langList > li:hover > a.link .arrow{ right:.5em}
#header .language.on .langBtn{ background:#333; border-color:transparent}
#header .language.on .langList{ visibility:visible; opacity:1}
#header .language.on .langBtn .arrow{ transform:rotate(90deg)}

.stW#header{ background:#fff; border-bottom-color:#ddd}
.stW#header .gnb_wrap .gnb > li .dp1{ color:#333}
.stW#header .gnb_wrap .gnb > li:hover .dp1,
.stW#header .gnb_wrap .gnb > li.on .dp1{ color:#005aab}
.stW#header .language .langBtn{ background:#333}
.stW#header .eng_m_st {color:#333;}
.stW#header .m_btn .xi {color:#333;}




/*footer*/
#footer{ background:#282828}
#footer .menu_wrap .box1{ position:relative}
#footer .menu_wrap .gnb_wrap{}
#footer .menu_wrap .gnb_wrap .gnb > li{ width:25%; position:relative}
#footer .menu_wrap .gnb_wrap .gnb > li:after,
#footer .menu_wrap .gnb_wrap .gnb > li:first-child:before{ content:""; position:absolute; right:0; top:0; width:1px; height:100%; background:#fff; opacity:.1}
#footer .menu_wrap .gnb_wrap .gnb > li:first-child:before{ left:0}
#footer .menu_wrap .gnb_wrap .gnb > li .dp1{ padding:2em 1.5em 1em 1.5em; color:#fff; text-align:left}
#footer .menu_wrap .gnb_wrap .gnb > li .dp2{ padding-bottom:3rem}
#footer .menu_wrap .gnb_wrap .gnb > li .dp2 > li{ display:block}
#footer .menu_wrap .gnb_wrap .gnb > li .dp2 > li > a{ padding:.5em 1.5em; text-align:left; color:#fff; opacity:.6; transition:.3s}
#footer .menu_wrap .gnb_wrap .gnb > li .dp2 > li > a .va{ font-size:.813em}
#footer .menu_wrap .gnb_wrap .gnb > li .dp2 > li > a:hover{ opacity:1}
#footer .menu_wrap .gnb_wrap .gnb > li .dp3, #footer .menu_wrap .gnb_wrap .gnb > li.m_privacy { display: none; }
#footer .menu_wrap .etc_wrap{ width:16.7%; position:absolute; right:0; top:0; height:100%}
#footer .menu_wrap .etc_wrap:before,
#footer .menu_wrap .etc_wrap:after{ content:""; position:absolute; top:0; width:1px; height:100%; background:#fff; opacity:.1}
#footer .menu_wrap .etc_wrap:after{ right:0}
#footer .menu_wrap .etc_wrap .in{ padding:2em 1em}
#footer .menu_wrap .etc_wrap .in .catalog{ display:block; background:#fff; color:#003f87; height:2.5em; transition:.3s}
#footer .menu_wrap .etc_wrap .in .catalog .tt{ font-size:.875em; padding-left:.5em}
#footer .menu_wrap .etc_wrap .in .catalog:hover{ background:#003f87; color:#fff}
#footer .link_wrap{ border:1px solid #333; border:1px solid rgba(255,255,255,.1); border-left:none; border-right:none}
#footer .link_wrap .va_wrap{ height:3em}
#footer .link_wrap .link > li > a{ margin:0 2.5em; color:#fff}
#footer .link_wrap .link > li > a:first-child{ margin-left:0}
#footer .link_wrap .link > li > a .va{ font-size:.875em}
#footer .link_wrap .link > li > a:hover .va{ text-decoration:underline}
#footer .link_wrap .gotop{ display:block; width:3.5em; background:#111; background:rgba(0,0,0,.4); opacity:.7; color:#fff; text-align:center; transition:.3s}
#footer .link_wrap .gotop .xi{ display:block}
#footer .link_wrap .gotop .tt{ display:block; font-size:.625em; letter-spacing:0}
#footer .link_wrap .gotop:hover{ background:#df1b0b; color:#fff; opacity:1}
#footer .info_wrap{ padding:1em 0}
#footer .info_wrap .info{ }
#footer .info_wrap .info > li{ margin-right:1.625em; font-size:.813em; color:#fff; opacity:.6; line-height:2; letter-spacing:0}
#footer .info_wrap .info > li.copyright{ clear:both; padding-top:1em; font-size:.688em; color:#fff; opacity:.3; text-transform:uppercase}


#contents{}
#contents .sub_visual_wrap{ position:relative}
#contents .sub_visual_wrap .va_wrap{ position:relative; height:18em; overflow:hidden}
#contents .sub_visual_wrap .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; transform:scale(1.2,1.2); transition:1s}
#contents .sub_visual_wrap .slogan{ position:relative}
#contents .sub_visual_wrap .slogan .t1{ font-size:2.25em; color:#000; padding-bottom:.7em; margin-left:10em; opacity:0; transition:1s; font-family: notokrM}
#contents .sub_visual_wrap .slogan .t1:before{ content:""; display:block; width:1em; height:.1em; margin:0 auto .5em auto; background:#000}
#contents .sub_visual_wrap .slogan .t2{ font-size:.813em; letter-spacing:.5em; text-transform:uppercase; color:#666; margin-right:10em; margin-bottom:4em; opacity:0; transition:1s}
.load #contents .sub_visual_wrap .bg{ transform:scale(1,1)}
.load #contents .sub_visual_wrap .slogan .t1{ margin-left:0; opacity:1;; }
.load #contents .sub_visual_wrap .slogan .t2{ margin-right:0; opacity:1}
#contents .sub_visual_wrap .sub_gnb_wrap{ position:absolute; left:0; bottom:0; width:100%}
/*#contents .sub_visual_wrap .sub_gnb_wrap:before{ content:""; position:absolute; left:0; bottom:0; width:100%; height:50%; background:#fff}*/
#contents .sub_visual_wrap .sub_gnb_wrap .gnb{ text-align:center}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li { width: 16.666%!important; }
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li.m_3 .dp2 > li{ width:20% !important}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li,
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp1{ display:none}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li.on,
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li.on .dp2{ display:block}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li > a{ background:#004584; height:3.3em; font-size:1em; color:#fff; /* border-left:1px solid #ec5e61; */}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li:first-child > a { border-left:none}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li.on:first-child > a { border-left:none}

/*#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li:last-child > a { border-right:1px solid #ddd; }*/
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li > a .va{ /*font-size:1em; opacity:.4;*/  }

#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li:hover > a .va,
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li.on > a .va{ opacity:1 ;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li:hover > a, #contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li.on > a {background:#fff; color:#333; transition:.3s; /*border-left:1px solid #fff*/}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li.on > a { border-bottom: 0; }
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp3 { display: none; }

#contents .sub_visual_wrap .sub_gnb2 { position:absolute; left: 0; bottom:-40px; width:100%; height:42px; background: #e8e8e8; display:none}
#contents .sub_visual_wrap .sub_gnb2 .gnb > li .dp1, #contents .sub_visual_wrap .sub_gnb2 .gnb > li .dp2 { display:none;}

#contents .sub_tit{ text-align:center; padding:2em 0; border-bottom:1px solid #ddd; position:relative}
#contents .sub_tit:after{ content:""; position:absolute; width:20em; height:1px; left:50%; bottom:-1px; margin-left:-10em; background:#002654; 
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, #002654 50%, rgba(255,255,255,0) 100%)}
#contents .sub_tit .tit{ font-family:notokrM, sans-serif; font-size:1.875em; color:#222}



/*
#contents .sub_tit_wrap.dp3 { display: none;}
#contents .sub_tit_wrap{ border-bottom:1px solid #ddd; text-align:center; position:relative; background:#fff; transition:.3s; z-index:1;}
#contents .sub_tit_wrap .va_wrap{ height:5em; z-transition:.3s}
#contents .sub_tit_wrap .tit{ font-size:2.25em; color:#111; display:none;}
#contents .sub_tit_wrap .pageMove > li > a{ position:absolute; height:100%; color:#666; transition:.3s}
#contents .sub_tit_wrap .pageMove > li > a .xi{ width:2em; line-height:2em; text-align:center; background:#666; color:#fff; margin:0 .7em; border-radius:100%}
#contents .sub_tit_wrap .pageMove > li > a .xi:before{ font-size:1.25em;}
#contents .sub_tit_wrap .pageMove > li > a .tt{ display:inline-block; font-size:1.125em; opacity:.7; min-width:6em}
#contents .sub_tit_wrap .pageMove > li > a.prev{ left:0; padding-left:2%; text-align:left}
#contents .sub_tit_wrap .pageMove > li > a.next{ right:0; padding-right:3%; text-align:right}
#contents .sub_tit_wrap .pageMove > li > a:hover{ opacity:1; color:#0072c6}
#contents .sub_tit_wrap .pageMove > li > a:hover .xi{ background:#0072c6}
#contents .sub_tit_wrap .pageMove > li > a:hover .tt{ opacity:1}
#contents .sub_tit_wrap .pageMove > li > a.prev:hover{ padding-left:1%; padding-right:1%}
#contents .sub_tit_wrap .pageMove > li > a.next:hover{ padding-right:2%; padding-left:1%}
#contents .sub_tit_wrap.fix{ position: fixed; left:0; width:100%; box-shadow:0 1px 5px rgba(0,0,0,.2)}
#contents .sub_tit_wrap.fix .va_wrap{ height:4em; font-size:.875em}
*/


#contents .doc{ padding:3em 0 12em 0}
#contents .doc_st{ margin-bottom:-15em}
#contents .prod_doc{ margin-top:-3.8em}


/************************************************************************************************************************************************************/
/******************************************************************MAIN**************************************************************************************/
/************************************************************************************************************************************************************/

.map_st {padding:10px 0 30px 0;}

/*.wrap{position: relative; z-index:inherit; left:50%; top:0; width:2000px; margin-left:-1000px}
*/

.mainVisual_wrap{ position:relative;}
.mainVisual .slides{ overflow:hidden}
.mainVisual .img{ position:relative; z-index:1; }
.mainVisual .img .bg{ display:block; height:100%; padding-bottom: 47.873%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.mainVisual .img .slogan_wrap{ position: absolute; left:10em; top:0; width:90%; padding-top:180px;}
.mainVisual .img .slogan{ position:relative}
.mainVisual .img .slogan .t1{ font-family:notokrB, sans-serif; font-size:4.000em; color:#111; letter-spacing:-2px; word-spacing:2px; opacity:0; padding-bottom:.25em; margin-left:-3em}
.mainVisual .img .slogan .t2{ font-family:notokrR, sans-serif; font-size:1.125em; color:#111; letter-spacing:-1px; line-height:1.7; opacity:0; padding-left:.2em; margin-left:-3em; margin-top:2em;}
.mainVisual .img .slogan .line_wrap{ display:inline-block; *display:inline; zoom:1; position:relative}
.mainVisual .img .slogan .line_wrap:before{ content:""; position:absolute; width:0; height:0; border-bottom:1px solid #111; left:-10em; bottom:0}
.mainVisual .img .slogan .line_wrap:after{ content:""; position:absolute; width:14px; height:14px; background:#111; right:-4em; bottom:0; margin-bottom:-7px; visibility:hidden}

.mainVisual .img.flex-active-slide .slogan .line_wrap:before{ width:100%; padding-left:10em; padding-right:4em; transition:2s; transition-delay:.5s}
.mainVisual .img.flex-active-slide .slogan .line_wrap:after{ visibility: visible; transform:rotate(315deg); transition:2s; transition-delay:2.5s}

.mainVisual .img.flex-active-slide .slogan .t1{ opacity:1; margin-left:0; transition:1s}
.mainVisual .img.flex-active-slide .slogan .t2{ opacity:1; margin-left:0; transition:1s; transition-delay:2s}

.mainVisual .flex-control-paging{ position:absolute; bottom:10%; left:11em; z-index:100}
.mainVisual .flex-control-paging > li{ display:inline-block; *display:inline; zoom:1;}
.mainVisual .flex-control-paging > li > a{ display:block; width:12px; height:12px; border-radius:12px; margin:0 4px; font-size:0; position:relative; border:1px solid #fff; transition:.5s}
.mainVisual .flex-control-paging > li > a.flex-active{ width:70px; background:#fff}

.main_nav{ position:fixed; right:30px; top:0; z-index:1000; height:100%; transition:.3s}
.main_nav .nav{ background:#000; background:rgba(0,0,0,.7); padding:15px; text-align:center; border-radius:50px}
.main_nav .nav > li{ }
.main_nav .nav > li > a{ display:block; width:15px; height:15px; border-radius:17px; background:#fff; margin:5px 0; transition:.3s; opacity:.7}
.main_nav .nav > li:hover > a{ opacity:1}
.main_nav .nav > li.on > a{ height:40px; opacity:1 }

#scrollAni{ position: absolute; left:50%; width:100px; margin-left:-50px; text-align:center; bottom:50px; opacity:1; z-index:100; text-decoration:none}
#scrollAni .xi{ vertical-align:middle}
#scrollAni .xi-mouse{font-size:3em; color:#fff; margin-right:-7px}
#scrollAni .xi-scroll{font-size:2em; color:#fff; margin-left:-7px}
#scrollAni .tt{ display:block; color:#fff; font-size:.75em; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif}
#scrollAni.hide{ opacity:0; z-index:-1}





/*sub*/

/*1_1*/
.sub1_1 { width: 100%; height: 390px; background: url('../images/sub/sub1_1bg.jpg') no-repeat 50% 100%; margin-top: 30px; position: relative; box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.3); }
.sub1_1 .top { width: 380px; border: 1px solid #005aab; position: absolute; left: 30px; top: -30px; text-align: right; padding: 20px; box-sizing: border-box; background: rgba(255,255,255,.65); box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.2);}
.sub1_1 .top .st { font-size: 1.125em; color: #005aab; line-height: 1.5; font-family: notokrR; margin-top: 27px; }
.sub1_1 .top .tt { font-size: 1.688em; color: #005aab; font-family: notokrB; margin-top: 17px; }
.wh .btm { width: 94%; margin: 50px auto 0 auto; text-align: center; }
.wh .btm .inner { display: inline-block; }
.wh .btm .t1 { text-align: center; font-size: 1.625em; color: #004584; }
.wh .btm .t1 .fc { vertical-align: baseline; color: #59a4e1; }
.wh .btm .t2 { font-size: 1.063em; color: #333; line-height: 2; margin-top: 35px; text-align: left; }
.wh .btm .t3 { font-size: 1em; color: #555; text-align: right; margin-top: 30px; }
.wh .btm .t3 .ceo { vertical-align: baseline; font-size: 1.25em; margin-left: 5px; color: #222; }


/*1_2*/
.sub1_2 { text-align: center; }

/*1_3*/
.table_st.location_st {margin-top:1em; border-top:2px solid #005aab; border-left: 1px solid #DDD; }
.table_st.location_st th {color:#333; font-size:1em; background: #f5f5f5; padding: 1em; border-right: 1px solid #ddd; border-bottom: 1px solid #DDD;}
.table_st.location_st th .xi {font-size:1.125em; padding-right:5px;}
.table_st.location_st td { font-size:.938em; padding: 1em; border-right: 1px solid #ddd; border-bottom: 1px solid #DDD;}

.table_st.location_st td .bus_info { display: inline-block; padding-bottom:3px;}
.table_st.location_st td .tt { display: inline-block; padding-bottom:3px;}
.table_st.location_st td .bus_info .bus_ti {color:#fff; border-radius:50%; text-align:center; margin-right:7px; font-size:.813em; height:40px; line-height:40px; width: 40px; background:#444; display: block; vertical-align: middle; }
.table_st.location_st td .bus_info > span {}
.table_st.location_st td .bus_info .ti {}
.table_st.location_st td .bus_info .tx { vertical-align: middle; }
.table_st.location_st td .bus_info .tx .tt {display:block;}
.table_st.location_st td .bus_info_t {padding:3px 0;}
.table_st.location_st td .bus_info_t .tt {display:block;}
.table_st.location_st td .bus_info_t .bus_icon {color:#fff; border-radius:29px; text-align:center; margin-right:4px; font-size:.875em; height:20px; line-height:20px; padding:0 10px;}
.bus_txt { margin-bottom: 5px; }
.bus_c1 { background: #47af1b!important; }
.bus_c2 { background: #6175f5!important; }
.bus_c3 { background: #00afbd!important; }
.bus_c4 { background: #e5a900!important; }




/*2_1*/
.sub2_1 { position: relative; padding: 3em; background: url("../images/sub/sub2_1img.jpg") no-repeat 50% 50%; background-attachment: fixed; }
.sub2_1 .text_w { position: absolute; top: 120px; left: -5%; }
.sub2_1 .text { display: inline-block; width: 380px; padding: 1.75em 2em 1.5em 2em; background: #004d93; color: #FFF; position: relative; box-sizing: border-box; z-index: 2; }
.sub2_1 .t1 { font-size: 1.75em; font-family: notokrB; }
.sub2_1 .t2 { font-size: 1.5em; font-family: notokrR; color: #CCC; margin-top: 20px; margin-bottom: 30px; }
.sub2_1 .line { width: 285px; height: 1px; background: #FFF; position: absolute; left: 0; bottom: 1.5em; }
.sub2_1 .logo { position: absolute; right: 1.5em; bottom: 1.5em; }
.sub2_1 .img { position: absolute; right: 13%; top: 120px; z-index: 1; box-shadow: 1px 1px 3px #555; }


.sub2_1 .inner_w { width: 100%; background: rgba(0,0,0,.85); overflow: hidden; padding: 72px 40px 72px 40px; box-sizing: border-box; }
.sub2_1 .inner_w.pd_ed { padding-right: 60px; }
.sub2_1 .inner { float: right; width: 55%; }
.sub2_1 .inner.wd_ed { width: 70%; }
.sub2_1 .inner .map { box-shadow: 1px 1px 3px #555; }
.sub2_1 table { color: #FFF; width: 100%; }
.sub2_1 table th { width: 45%; text-align: left; padding: 10px 30px; font-size: 1.125em; font-family: notokrB;  }
.sub2_1 table td { font-size: 1.125em; font-family: notokrL; }
.sub2_1 table td sup { font-size: .625em; }

.nav_wh { text-align: center; margin-bottom: 50px; }
.nav_wh li { width: 20%; height: 58px; cursor: pointer; font-size: 1.188rem!important; }
.nav_wh li .xi { font-size: 1.125em; margin-bottom: 5px; }
.nav_wh li .xi_1 { display: none!important; }
.nav_wh li.on .xi_1 { display: block!important; }
.nav_wh li.on .xi_2 { display: none!important; }
.nav_wh li.on { color: #0057a6; font-family: notokrB; transition: .3s; }

.wh_idx .idx { overflow: inherit!important; }

/*2_2*/
.sub2_2 { overflow: hidden; margin-top: 20px;}
.sub2_2 span { vertical-align: baseline; }

.sub2_2 .top { width: 90%; border: 1px solid #DDD; background: #f4f4f4; overflow: hidden; margin: 0 auto; }
.sub2_2 .slogan { float: left; width: 50%; border-right: 1px solid #DDD; padding: 3em 2em; box-sizing: border-box; }
.sub2_2 .slogan .st { font-size: 1.375em; color: #111; line-height: 1.4; font-family: notokrB; }
.sub2_2 .slogan .st .fc { color: #004584; }
.sub2_2 .slogan .tt{ margin-top: 25px; font-size: .875em; color: #777; letter-spacing: 2px; }
.sub2_2 .bg { float: left; width: 50%; height: 197px; background: url('../images/sub/sub2_2img.jpg') no-repeat 50% 50%; position: relative; }
.sub2_2 .bg:after { content: ""; width: 100%; height: 100%; background: rgba(255,255,255,.4); position: absolute; top: 0; left: 0; }

.sub2_2 .inner1 { margin-top: 50px; }
.sub2_2 .inner1 .icon { width: 80px; height: 80px; margin: 0 auto; border-radius: 50%; background: #4169e1; position: relative; }
.sub2_2 .inner1 .icon:after { content: ""; width: 2px; height: 860px; background: #ddd; position: absolute; bottom: -860px; left: 50%; margin-left: -1px; }
.sub2_2 .inner1 .icon .xi { font-size: 2.5em; color: #FFF; }
.sub2_2 .inner1 .txt { position: absolute; top: 13px; right: -140px; text-align: left; color: #222; }
.sub2_2 .inner1 .txt .year { font-size: 1.5em; font-family: notokrB; margin-bottom: 2px; }
.sub2_2 .inner1 .txt .year .fc { color: #4169e1; }
.sub2_2 .inner1 .txt .tt { font-size: 1.25em; font-family: notokrB; }
.sub2_2 .inner1 .txt .tt .fc { color: #777; }

.sub2_2 .left { text-align: right; width: 50%; float: left; padding-right: 50%; margin-top: 50px; overflow: hidden; }
.sub2_2 .left .txt { padding-right: 120px; overflow: hidden; }
.sub2_2 .left .txt:not(:last-child) { margin-bottom: 12px; }
.sub2_2 .left .year { font-size: 1.313em; color: #222; font-family: notokrB; margin-bottom: 4px; }
.sub2_2 .left .year.first { position: relative; }
.sub2_2 .left .year.first:before { content: ""; width: 100px; height: 2px; background: #DDD; position: absolute; top: 12px; right: -130px; }
.sub2_2 .left .year.first:after { content: ""; width: 20px; height: 20px; border-radius: 50%; background: #6a8ae8; position: absolute; top: 3px; right: -30px; }
.sub2_2 .left .tt { color: #222; font-size: 1.125em; }
.sub2_2 .left .tt .fc { color: #777; }

.sub2_2 .right .year.first.bc2:after { background: #849eec; }
.sub2_2 .left .year.first.bc3:after { background: #a5b8f1; }
.sub2_2 .right .year.first.bc4:after { background: #bdcbf4; }
.sub2_2 .right { text-align: left; width: 50%; float: right; padding-left: 50%; margin-top: 50px; overflow: hidden; }
.sub2_2 .right .txt { padding-left: 120px; overflow: hidden; }
.sub2_2 .right .txt:not(:last-child) { margin-bottom: 12px; }
.sub2_2 .right .year { font-size: 1.313em; color: #222; font-family: notokrB; margin-bottom: 4px; }
.sub2_2 .right .year.first { position: relative; }
.sub2_2 .right .year.first:before { content: ""; width: 100px; height: 2px; background: #DDD; position: absolute; top: 12px; left: -130px; }
.sub2_2 .right .year.first:after { content: ""; width: 20px; height: 20px; border-radius: 50%; background: #BBB; position: absolute; top: 3px; left: -30px; }
.sub2_2 .right .tt { color: #222; font-size: 1.125em; }
.sub2_2 .right .tt .fc { color: #777; }


/*2-3*/
.sub2_3 { overflow: hidden; width: 90%; margin: 0 auto; }
.sub2_3 .left { float: left; width: 50%; border: 1px solid #CCC; box-sizing: border-box; }
.sub2_3 .right { float: left; width: 50%; }
.sub2_3 .right .inner { margin-left: 30px; }
.sub2_3 .right .t_img { border-top: 3px solid #59a4e1; }
.sub2_3 .right .top { padding: 20px; border: 1px solid #CCC; border-bottom: 3px solid #59a4e1; color: #333; line-height: 1.5; }
.sub2_3 .right .top .fw { font-family: notokrB; vertical-align: baseline; }
.sub2_3 .right .btm_w { margin-top: 30px; }
.sub2_3 .right .b_img { border-top: 3px solid #59a4e1; }
.sub2_3 .right .btm { padding: 20px; border: 1px solid #CCC; border-bottom: 3px solid #59a4e1; color: #333; line-height: 1.5; }
.sub2_3 .right .btm .fw { font-family: notokrB; vertical-align: baseline; }









/*3_1*/
.sub3_1bg { position: absolute; top: 0; left: 0; width: 100%; height: 425px; background: url('../images/sub/sub3_1img1.jpg') no-repeat 50% 50%; }
.sub3_1 { position: relative; height: 776px; }
.sub3_1 .text_w { position: absolute; top: 120px; left: -5%; z-index: 2; }
.sub3_1 .text { display: inline-block; width: 380px; padding: 1.75em 2em 1.5em 2em; background: #004d93; color: #FFF; position: relative; box-sizing: border-box; z-index: 2; }
.sub3_1 .t1 { font-size: 1.75em; font-family: notokrB; }
.sub3_1 .t2 { font-size: 1.5em; font-family: notokrR; color: #CCC; margin-top: 20px; margin-bottom: 30px; }
.sub3_1 .line { width: 285px; height: 1px; background: #FFF; position: absolute; left: 0; bottom: 1.5em; }
.sub3_1 .logo { position: absolute; right: 1.5em; bottom: 1.5em; }
.sub3_1 .img { position: absolute; right: 13%; top: 120px; z-index: 1; box-shadow: 1px 1px 3px #555; }

.information { text-align: center; margin-top: 100px; position: relative; }
.information:before { content: ""; width: 15px; height: 50px; background: #4aa9ff; position: absolute; top: -75px; left: 50%; margin-left: -1px; transform: skewX(-25deg);  }
.information .tit { font-size: 1.5em; color: #333; font-family: notokrB; }
.information .tit .en { font-size: .75em; color: #888; font-family: notokrR; margin-bottom: 5px; }

.table_w { text-align: center; margin-top: 40px; }
/*
.table_w table { width: 90%; margin: 20px auto 0 auto; border-top: 2px solid #005aab; border-left: 1px solid #DDD; } 
.table_w th { width: 12.5%; padding: 12px; box-sizing: border-box; border-bottom: 1px solid #DDD; border-right: 1px solid #DDD; background: #f2f2f2; font-size: .938em; color: #222;}
.table_w td { width: 12.5%; padding: 12px; box-sizing: border-box; border-bottom: 1px solid #DDD; border-right: 1px solid #DDD; font-size: .875em; color: #444; }
*/






/*3_2*/

.benefit { width: 100%; overflow :hidden; border-top: 2px solid #00396c; border-bottom: 1px solid #DDD; margin-bottom: 30px;}
.benefit .left { float: left; width: 30%; padding: 1.5em 0; }
.benefit .right { float: left; width: 70%; padding: 1.5em 0; height: 200px; box-sizing: border-box; }
.benefit .right.hta{ height: auto; }
.benefit .tit { font-size: 1.5em; color: #333; font-family: notokrB; }
.benefit .tit .en { font-size: .75em; color: #888; font-family: notokrR; margin-bottom: 5px; }
.benefit .fc { vertical-align: baseline; color: #005aab; }
.benefit .txt { font-size: 1em; padding-left: 15px; color: #222; position: relative; margin-bottom: 10px;  }
.benefit .txt:before { content:""; width: 4px; height: 4px; border-radius: 100%; border: 2px solid #4169e1; position: absolute; top: 6px; left: 0; }
.benefit .txt .tx { vertical-align: baseline; display: block; color: #666; font-size: .938em; margin-top: 4px; }


/*footer*/
.f_fs { opacity: 1!important; font-size: .875em!important; }
.op6 { opacity: .7!important; vertical-align: baseline; }
.info_wrap .box1 { overflow: hidden; }
.info_wrap .info.wt50 { width: 50%; float: left; }
.info_wrap .f_ed { padding-left: 30px; box-sizing: border-box; }