@charset "utf-8";

html {word-break:keep-all !important;}
.title {letter-spacing:-0.04em;}

/* header */
.header {position: relative; width: 100%; height: 360px; padding-top:100px; background-repeat: no-repeat; background-position: center center; background-size: cover; box-sizing: border-box; letter-spacing: -0.025em;}
.header.header_long {height: 330px;}

.header.header_news {background-image: url("../g_n_images/common/bg_news.jpg");}
.header.header_careers {background-image: url("../g_n_images/common/bg_careers.jpg");}
.header.header_contact {background-image: url("../g_n_images/common/bg_contact.jpg");}
.header.header_sub01 {background-image: url("../g_n_images/common/bg_sub01.jpg");}
.header.header_sub02 {background-image: url("../g_n_images/common/bg_sub02.jpg");}
.header.header_sub03 {background-image: url("../g_n_images/common/bg_sub03.jpg");}
.header.header_sub04 {background-image: url("../g_n_images/common/bg_sub04.jpg");}
.header.header_sub05 {background-image: url("../g_n_images/common/bg_sub05.jpg");}
.header.header_long.header_who {background-image: url("../g_n_images/common/bg_who_long.jpg");}
.header.header_long.header_lng {background-image: url("../g_n_images/common/bg_do_lng.jpg");}
.header.header_ship {background-image: url("../g_n_images/common/bg_do_ship.jpg");}
.header.header_more {background-image: url("../g_n_images/common/bg_do_more.jpg");}
.header.header_ethics {background-image: url("../g_n_images/common/bg_ethics.jpg");}
.header.header_trust {background-image: url("../g_n_images/common/bg_trust.jpg"); background-position:center right;}
.header.header_pro {background-image: url("../g_n_images/common/bg_value_01.png"); height: 739px;}
.header.header_pat {background-image: url("../g_n_images/common/bg_value_02.png"); height: 739px;}
.header.header_management {background-image: url("../g_n_images/common/bg_value_03.png"); height: 739px;}

.header > .gnb_web_area {position: absolute; top:0; left:0; width: 100%; height: 100px; overflow: hidden;
	-webkit-transition:height 0.2s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0, 0, 0.25, 1); transition:height 0.2s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0, 0, 0.25, 1), transform 0.5s cubic-bezier(0, 0, 0.25, 1);
}
.header > .gnb_web_area > .gnb_bg {position: absolute; top:100px; left:0; width: 100%; height: 0;  background-color: #fff;  -webkit-transition:height 0.3s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0, 0, 0.25, 1); transition:height 0.3s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0, 0, 0.25, 1);}
.header > .gnb_web_area.active > .gnb_bg:before {content: ""; position: absolute; bottom:-15px; left:0; display: block; width: 100%; height: 15px; background: url("../g_n_images/common/bg_header_line.png") repeat-x 0 0;}
.header > .gnb_web_area.active > .gnb_bg:after {content: ""; position: absolute; bottom:0; right: 130px; display: block; width: 166px; height: 400px; no-repeat 0 0; -webkit-transition:opacity 0.3s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0, 0, 0.25, 1); transition:opacity 0.3s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0, 0, 0.25, 1); opacity: 0;}
.header > .gnb_web_area:before {content: ""; position: absolute; top:99px; left:0; display: block; width: 100%; height: 1px; background-color: #fff; z-index: 2; opacity:0.2; }
.header > .gnb_web_area ul li a {font-family: "Noto Sans"; color:#fff;}
.header > .gnb_web_area > h1 {position: relative; float:left; display: block; width:18.75%; min-width: 110px; height: 99px;}
.header > .gnb_web_area > h1 > .logo {position: absolute; top:50%; left:50%; display: block; width: 140px; height: 70px; margin-left:-50px; margin-top:-35px; background: url("../g_n_images/common/logo_w.png") no-repeat center center;}
.header > .gnb_web_area > h1 > .logo em {position: absolute; top:0; left:0; width: 0; height: 0; overflow: hidden; opacity: 0;}
.header > .gnb_web_area > .gnb {float:left;}
.header > .gnb_web_area > .gnb ul.dep1 {position:relative; margin:0 5px;}
.header > .gnb_web_area > .gnb ul.dep1 > li {position: relative; padding:0 43px; line-height: 99px;}
.header > .gnb_web_area > .gnb ul.dep1 > li:after {content: ""; position: absolute; top:49px; left:0; display: block; width: 4px; height: 4px; margin-left:-2px; background-color: #fff;}
.header > .gnb_web_area > .gnb ul.dep1 > li:first-child:after {display: none;}
.header > .gnb_web_area > .gnb ul.dep1 > li > a {display: block; font-size:18px; font-weight: bold; color:#fff; height: 100px; box-sizing: border-box; letter-spacing: 0;}
.header > .gnb_web_area > .gnb ul.dep1 > li > a:hover,
.header > .gnb_web_area > .gnb ul.dep1 > li > a.hover,
.header > .gnb_web_area > .gnb ul.dep1 > li > a.active {border-bottom:4px solid #00aeef; color:#00aeef !important;}

.header > .gnb_web_area.active {height: 360px; z-index: 13; -webkit-transition:height 0.3s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0, 0, 0.25, 1); transition:height 0.3s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0, 0, 0.25, 1), transform 0.5s cubic-bezier(0, 0, 0.25, 1);}
.header > .gnb_web_area.active > .gnb_bg {top:0; height: 444px; -webkit-transition:height 0.2s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0, 0, 0.25, 1); transition:height 0.2s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0, 0, 0.25, 1);}
.header > .gnb_web_area.active > .gnb_bg:after {opacity: 1;}
.header > .gnb_web_area.active:before {background-color: #eeeeee; opacity:1;}
.header > .gnb_web_area.active > h1 > .logo {background-image: url("../g_n_images/common/logo_b.png");}
.header > .gnb_web_area.active > .gnb ul.dep1 > li > a {color:#333333;}
.header > .gnb_web_area.active > .gnb ul.dep1 > li:after {background-color: #d1d1d1;}

.header > .gnb_web_area > .gnb ul.dep2 {position:relative; padding-top:29px;}
.header > .gnb_web_area > .gnb ul.dep2 > li {position: relative; line-height: 40px;}
.header > .gnb_web_area > .gnb ul.dep2 > li > a {display: block; font-size:16px; color:#333333; padding:8px 0; height: 33px; line-height: 18px; box-sizing: border-box;}
.header > .gnb_web_area > .gnb ul.dep2 > li > a:hover,
.header > .gnb_web_area > .gnb ul.dep2 > li > a.hover,
.header > .gnb_web_area > .gnb ul.dep2 > li > a.active {color:#00aeef !important;}

.header > .gnb_web_area > .gnb ul.dep3 {position:relative; padding-bottom:9px;}
.header > .gnb_web_area > .gnb ul.dep3 > li {position: relative; line-height: 24px;}
.header > .gnb_web_area > .gnb ul.dep3 > li > a {display: block; font-size:14px; color:#999999; padding:3px 0; line-height: 18px; box-sizing: border-box;}
.header > .gnb_web_area > .gnb ul.dep3 > li > a:hover,
.header > .gnb_web_area > .gnb ul.dep3 > li > a.hover,
.header > .gnb_web_area > .gnb ul.dep3 > li > a.active {color:#00aeef !important;}

.header > .gnb_web_area > .right_zone {position: absolute; top:0; right:6.25%; height: 100px;}
.header > .gnb_web_area > .right_zone > .info {float:left;}
.header > .gnb_web_area > .right_zone > .info ul {position:relative; margin:0 -15px;}
.header > .gnb_web_area > .right_zone > .info ul li {position: relative; padding:0 15px; height: 100px; line-height: 99px;}
.header > .gnb_web_area > .right_zone > .info ul li a {display: block; font-size:16px; color:#fff; letter-spacing: 0.5px;}
.header > .gnb_web_area > .right_zone > .info ul li a:hover {color:#00aeef !important;}
.header > .gnb_web_area.active > .right_zone > .info ul li a {color:#333;}

.header > .gnb_web_area > .right_zone > .global {float:left; padding-right:10px;}
.header > .gnb_web_area > .right_zone > .global ul {position:relative; display: inline-block; width: 0; height: 100px; overflow: hidden; margin-left:21px; -webkit-transition:width 0.2s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0, 0, 0.25, 1); transition:width 0.2s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0, 0, 0.25, 1);}
.header > .gnb_web_area > .right_zone > .global ul:before {content: ""; position: absolute; top:50%; left:0; display: block; width: 1px; height: 11px; margin-top:-6px; background-color: rgba(255, 255, 255, 0.2);}
.header > .gnb_web_area > .right_zone > .global ul li {position: relative; padding:0 6px; height: 100px; line-height: 99px; white-space:nowrap;}
.header > .gnb_web_area > .right_zone > .global ul li a {display: block; font-size:16px; color:#fff;}
.header > .gnb_web_area > .right_zone > .global ul li a:hover,
.header > .gnb_web_area > .right_zone > .global ul li.on a {color:#00aeef !important;}
.header > .gnb_web_area.active > .right_zone > .global ul li a {color:#333;}
.header > .gnb_web_area > .right_zone > .global > a.btn_global {margin-top:39px; display: block; float:right; width: 19px; height: 19px; text-indent: -999em; background: url("../g_n_images/icons/icon_earth.png") no-repeat 0 0; overflow: hidden;}
.header > .gnb_web_area > .right_zone > .global.active ul {width: 68px; padding-left:15px; padding-right:15px;}
.header > .gnb_web_area > .right_zone > .global > a.btn_global:hover,
.header > .gnb_web_area > .right_zone > .global.active > a.btn_global {background-image: url("../g_n_images/icons/icon_earth_h.png") !important;}
.header > .gnb_web_area.active > .right_zone > .global > a.btn_global {background-image: url("../g_n_images/icons/icon_earth_b.png")}
.header > .gnb_web_area.active > .right_zone > .global ul:before {background-color: rgba(0,0,0,0.2);}

.header > .gnb_web_area .sub_menu {float:left; position: relative; padding-top:100px; margin-left:103px;}
.header > .gnb_web_area .sub_menu .menu_area {position: relative;  padding-left:76px; padding-top:29px; height: 344px; border-left:1px solid #eeeeee; box-sizing: border-box;}
.header > .gnb_web_area .sub_menu ul.dep1 {display: block; float:left; margin-left:65px;}
.header > .gnb_web_area .sub_menu ul.dep1:first-child {margin-left:0;}
.header > .gnb_web_area .sub_menu ul.dep1 > li {position: relative;}
.header > .gnb_web_area .sub_menu ul.dep1 > li > a {display: block; font-size:16px; color:#333333; padding:8px 0; line-height: 24px; box-sizing: border-box;}
.header > .gnb_web_area .sub_menu ul.dep1 > li > a:hover,
.header > .gnb_web_area .sub_menu ul.dep1 > li > a.hover,
.header > .gnb_web_area .sub_menu ul.dep1 > li > a.active {color:#00aeef !important;}

.header > .gnb_web_area .sub_menu ul.dep2 {position:relative; padding-bottom:9px;}
.header > .gnb_web_area .sub_menu ul.dep2 > li > a {display: block; font-size:14px; color:#999999; padding:3px 0; line-height: 18px; box-sizing: border-box;}
.header > .gnb_web_area .sub_menu ul.dep2 > li > a:hover,
.header > .gnb_web_area .sub_menu ul.dep2 > li > a.hover,
.header > .gnb_web_area .sub_menu ul.dep2 > li > a.active {color:#00aeef !important;}

@media all and (min-width:0px) and (max-width:1290px) {
	.header > .gnb_web_area.active > .gnb_bg:after {display: none;}
}
@media all and (min-width:0px) and (max-width:1400px) {
	.header > .gnb_web_area .sub_menu {margin-left:50px;}
	.header > .gnb_web_area .sub_menu .menu_area {padding-left:35px;}
	.header > .gnb_web_area .sub_menu ul.dep1 {margin-left:20px;}
}

@media all and (min-width:0px) and (max-width:1550px) {
	.header > .gnb_web_area > .gnb ul.dep1 {margin:0 -23px;}
	.header > .gnb_web_area > .gnb ul.dep1 > li {padding:0 30px; }
	.header > .gnb_web_area > .right_zone > .info ul {margin:0 -7px;}
	.header > .gnb_web_area > .right_zone > .info ul li {position: relative; padding:0 7px;}
	.header > .gnb_web_area > .right_zone > .global ul {margin-left:11px;}
	.header > .gnb_web_area > .right_zone > .global.active ul {width: 52px; padding:0 7px;}
	.header > .gnb_web_area > .right_zone > .global ul li {padding:0 3px;}
	.header > .gnb_web_area > .right_zone {right:25px;}
}

@media all and (min-width:861px) and (max-width:1280px) {
	.header > .gnb_web_area > .gnb ul.dep1 {margin:0 -23px;}
	.header > .gnb_web_area > .gnb ul.dep1 > li {padding:0 23px; }
	.header > .gnb_web_area > .right_zone > .info ul {margin:0 -7px;}
	.header > .gnb_web_area > .right_zone > .info ul li {position: relative; padding:0 7px;}
	.header > .gnb_web_area > .right_zone > .global ul {margin-left:11px;}
	.header > .gnb_web_area > .right_zone > .global.active ul {width: 52px; padding:0 7px;}
	.header > .gnb_web_area > .right_zone > .global ul li {padding:0 3px;}
	.header > .gnb_web_area > .right_zone {right:25px;}
}
@media all and (min-width:821px) and (max-width:1200px) {
	.header > .gnb_web_area .sub_menu {margin-left:0; float:none; position: absolute; top:0; right:25px;}
	.header > .gnb_web_area .sub_menu .menu_area {padding-left:20px;}
}
@media all and (min-width:821px) and (max-width:1050px) {
	.header > .gnb_web_area .sub_menu ul.dep1:last-child {float:none; position: absolute; top:129px; right:0;}
}
@media all and (min-width:769px) and (max-width:820px) {
	.header > .gnb_web_area .sub_menu ul.dep1 {position: relative; float:none; margin-left:0;}
	.header > .gnb_web_area .sub_menu ul.dep1 > li > a {padding:6px 0;}
}
@media all and (min-width:769px) and (max-width:920px) {
	.header > .gnb_web_area > h1 {width: 120px;}
	.header > .gnb_web_area > .gnb ul.dep1 {margin:0 -12px;}
	.header > .gnb_web_area > .gnb ul.dep1 > li {padding:0 12px; }
	.header > .gnb_web_area > .gnb ul.dep2 > li > a > em {display: block;}
	.header > .gnb_web_area > .gnb ul.dep3 > li > a > em {display: block; margin-left:7px;}
	.header > .gnb_web_area > .right_zone > .info ul {margin:0 -7px;}
	.header > .gnb_web_area > .right_zone > .info ul li {position: relative; padding:0 7px;}
	.header > .gnb_web_area > .right_zone {right:12px;}
}
.header > .gnb_mobile_area {display: none; height: 55px; border-bottom:1px solid rgba(255, 255, 255, 0.2);}
.header > .gnb_mobile_area > h1 {position: absolute; top:0; left:0; display: block; width:70px; height: 55px;}
.header > .gnb_mobile_area > h1 > .logo {display: block; width: 70px; height: 55px; background: url("../g_n_images/common/logo_w.png") no-repeat center center; background-size: 50px 30px;}
.header > .gnb_mobile_area > h1 > .logo em {position: absolute; top:0; left:0; width: 0; height: 0; overflow: hidden; opacity: 0;}
.header > .gnb_mobile_area > a.btn_gnb {position: absolute; top:0; right:0; display: block; width: 75px; height: 55px; background: url("../g_n_images/icons/icons.png") no-repeat center center; background-size: 500px auto; background-position: 0 0;}
.header > .gnb_mobile_area > a.btn_gnb em {position: absolute; top:0; left:0; width: 0; height: 0; overflow: hidden; opacity: 0;}

.header > .title_area {padding-top:80px;}
.header > .title_area > p.title {font-size:48px; font-weight: bold; text-align: center; color:#fff; line-height: 58px; letter-spacing: 2.5px; text-transform: uppercase;}
.header > .title_area > p.desc {margin-top:8px; padding:0 30px; font-size:18px; text-align: center; color:#b4b4b7; line-height: 24px; letter-spacing:0; box-sizing: border-box;}
.header > .title_area > p.desc em.w_br {display: block;}

.header.header_long > .title_area > p.title {font-size:40px; line-height: 70px; letter-spacing: 1px;}
.header > .title_area .count_boxs {margin-top:53px; text-align: center;}
.header > .title_area .count_boxs ul {display: inline-block;}
.header > .title_area .count_boxs ul li {display: inline-block;}
.header > .title_area .count_boxs ul.dep2 > li {margin:6px 8px; width: 180px; height: 180px; background: none; border:1px solid #898c99; text-align: center;}
.header > .title_area .count_boxs ul li p.title {font-family: "Noto Sans"; padding-top:20px; font-size:60px; font-weight: bold; text-align: center; color:#fff; line-height: 60px;}
.header > .title_area .count_boxs ul li p.desc {margin-top:10px; font-size:15px; text-align: center; color:#b4b4b7; line-height: 24px; letter-spacing:0;}

/* ship */
.header > .title_area .ship_box {margin-top:70px; text-align: center;}
.header > .title_area .ship_box ul {display: inline-block;}
.header > .title_area .ship_box ul li {display: inline-block;}
.header > .title_area .ship_box ul.dep2 > li > a {display: block; width: 184px; min-height: 230px; height: auto; text-align: center;}
.header > .title_area .ship_box ul.dep2 > li > a span {display: block;  color:#ffffff;}
.header > .title_area .ship_box ul.dep2 > li > a > span {width: 100%; height: 100%; box-sizing: border-box;}
.header > .title_area .ship_box ul.dep2 > li > a > span.off {position: relative; padding:135px 20px 0; font-size:18px; line-height: 24px;}
.header > .title_area .ship_box ul.dep2 > li > a > span.off:before {content: ""; position: absolute; top:40px; left:50%; display: block; width: 80px; margin-left:-40px; height: 70px; background-image: url("../g_n_images/icons/icons.png"); background-repeat: no-repeat; background-size: 1000px auto; background-position: 0 -200px;}
.header > .title_area .ship_box ul.dep2 > li > a.ship_02 > span.off:before {background-position: -80px -200px;}
.header > .title_area .ship_box ul.dep2 > li > a.ship_03 > span.off:before {background-position: -160px -200px;}
.header > .title_area .ship_box ul.dep2 > li > a.ship_04 > span.off:before {background-position: -240px -200px;}
.header > .title_area .ship_box ul.dep2 > li > a.ship_05 > span.off:before {background-position: -320px -200px;}
.header > .title_area .ship_box ul.dep2 > li > a.ship_06 > span.off:before {background-position: -400px -200px;}
.header > .title_area .ship_box ul.dep2 > li > a > span.hover {display: none; min-height: 230px; height: auto; background-color: rgba(3,2,0,0.3); border:1px solid rgba(255,255,255,0.3);}
.header > .title_area .ship_box ul.dep2 > li > a > span.hover .t {position: relative; font-size:18px; line-height: 28px; padding-top:30px; padding-bottom:10px; margin-bottom:10px;}
.header > .title_area .ship_box ul.dep2 > li > a > span.hover .t:after {content: ""; position: absolute; bottom:0; left:50%; display: block; width: 20px; margin-left:-10px; height: 1px; background-color: rgb(255,255,255,0.3);}
.header > .title_area .ship_box ul.dep2 > li > a> span.hover .d {font-size:14px; line-height: 24px;}

@media all and (max-width:1180px) {
	.header > .title_area .ship_box ul.dep2 > li > a {width: 160px;}
	.header > .title_area .ship_box ul.dep2 > li > a > span.off {padding:135px 10px 0;}
}

@media all and (min-width:1025px) {
	.header > .title_area .ship_box ul.dep2 > li > a:hover > span.off {display: none;}
 	.header > .title_area .ship_box ul.dep2 > li > a:hover > span.hover {display: block;}
}
/* turst */
.header > .title_area .trust_box {margin-top:70px; text-align: center;}
.header > .title_area .trust_box ul {display: inline-block;}
.header > .title_area .trust_box ul li {display: inline-block; vertical-align: top;}
.header > .title_area .trust_box ul.dep1 > li > .box {display: block; width: 223px; min-height: 230px; height: auto; text-align: center; vertical-align: top;}
.header > .title_area .trust_box ul.dep1 > li > .box > .title {position: relative; padding-top:135px; font-size:18px; line-height: 28px; color:#fff;}
.header > .title_area .trust_box ul.dep1 > li > .box > .title:before {content: ""; position: absolute; top:40px; left:50%; display: block; width: 80px; margin-left:-40px; height: 70px; background-image: url("../g_n_images/icons/icons.png"); background-repeat: no-repeat; background-size: 1000px auto; background-position: 0 -400px;}
.header > .title_area .trust_box ul.dep1 > li > .box.trust_02 > .title:before {background-position: -80px -400px;}
.header > .title_area .trust_box ul.dep1 > li > .box.trust_03 > .title:before {background-position: -160px -400px;}

/* ETHICS */
.header > .title_area .ethics_box {margin-top:70px; text-align: center;}
.header > .title_area .ethics_box ul {display: inline-block;}
.header > .title_area .ethics_box ul li {display: inline-block; vertical-align: top;}
.header > .title_area .ethics_box ul.dep2 > li > .box {display: block; width: 186px; text-align: center; vertical-align: top;}
.header > .title_area .ethics_box ul.dep2 > li > .box > .title {position: relative; padding-top:115px; font-size:18px; line-height: 28px; color:#fff;}
.header > .title_area .ethics_box ul.dep2 > li > .box > .title:before {content: ""; position: absolute; top:40px; left:50%; display: block; width: 80px; margin-left:-40px; height: 70px; background-image: url("../g_n_images/icons/icons.png"); background-repeat: no-repeat; background-size: 1000px auto; background-position: -240px -400px;}
.header > .title_area .ethics_box ul.dep2 > li > .box.ethics_02 > .title:before {background-position: -320px -400px;}
.header > .title_area .ethics_box ul.dep2 > li > .box.ethics_03 > .title:before {background-position: -400px -400px;}
.header > .title_area .ethics_box ul.dep2 > li > .box.ethics_04 > .title:before {background-position: -480px -400px;}
.header > .title_area .ethics_box ul.dep2 > li > .box.ethics_05 > .title:before {background-position: -560px -400px;}
.header > .title_area .ethics_box ul.dep2 > li > .box.ethics_06 > .title:before {background-position: -640px -400px;}

/* header mobile */
@media all and (max-width:1400px) {
	.header > .title_area .trust_box {margin-top:0px;}
	.header > .title_area .trust_box ul.dep2 > li > .box {height: 186px;}
}
@media all and (max-width:1200px) {
	.header > .title_area .ethics_box {margin-top:0px;}
}
@media all and (max-width:1024px) {
	.header {height: 200px; padding-top:0;}
	.header.header_pro,
	.header.header_pat {height: 250px; background-position: 40% top; background-color: #000; background-size:1024px auto;}
	.header.header_management {height: 250px; background-position: 60% top; background-color: #000;}
	.header.header_long {height: 158px;}
	.header.header_long.header_sub02 {height: 158px;}
	.header.header_news {background-position: 63% center;}
	.header.header_long.header_ship {background-position: 30% center;}
	.header > .gnb_web_area {display: none;}
	.header > .gnb_web_area:before {display: none;}
	.header > .gnb_mobile_area {display: block;}
	.header > .title_area {padding-top:40px;}
	.header > .title_area > p.title {padding:0; font-size:25px; line-height: 35px; letter-spacing: 1px;}
	.header.header_long > .title_area p.title {font-size:25px; line-height: 35px;}
	.header > .title_area > p.desc {margin-top:6px;  font-size:12px; line-height: 15px; padding:0 20px; word-break: keep-all;}
	.header > .title_area p.desc em {display: block;}

	.header.header_ship > .title_area {padding-top:42px;}
	.header > .title_area .count_boxs {margin-top:25px;}
	.header > .title_area .count_boxs ul.dep2 li {margin:5px 7px; padding:0 3px; width: 132px; height: 132px; box-sizing:border-box;}
	.header > .title_area .count_boxs ul li p.title {padding-top:10px; font-size:30px; line-height: 40px;}
	.header > .title_area .count_boxs ul li p.desc {margin-top:3px; font-size:13px; line-height: 18px;}
	.header > .title_area .count_boxs ul.dep2 p.desc {letter-spacing: 0;}

	.header > .title_area .ship_box {margin-top:15px;}
	.header > .title_area .ship_box ul.dep1 > li {margin-bottom:10px; display: block;}
	.header > .title_area .ship_box ul.dep2 > li > a {width: 112px; height: 100px; min-height: auto;}
	.header > .title_area .ship_box ul.dep2 > li > a > span.off {padding-top:70px; font-size:13px; line-height:15px;}
	/*.header > .title_area .ship_box ul.dep2 > li > a:hover > span.off {display: block;}
	.header > .title_area .ship_box ul.dep2 > li > a:hover > span.hover {display: none;}*/
	.header > .title_area .ship_box ul.dep2 > li > a > span.off:before {top:20px; left:50%; width: 50px; margin-left:-25px; height: 45px; background-size: 500px auto; background-position: 0 -135px;}
	.header > .title_area .ship_box ul.dep2 > li > a.ship_02 > span.off:before {background-position: -50px -135px;}
	.header > .title_area .ship_box ul.dep2 > li > a.ship_03 > span.off:before {background-position: -100px -135px;}
	.header > .title_area .ship_box ul.dep2 > li > a.ship_04 > span.off:before {background-position: -150px -135px;}
	.header > .title_area .ship_box ul.dep2 > li > a.ship_05 > span.off:before {background-position: -200px -135px;}
	.header > .title_area .ship_box ul.dep2 > li > a.ship_06 > span.off:before {background-position: -250px -135px;}

	.header > .title_area .trust_box {margin-top:25px;}
	.header > .title_area .trust_box ul.dep1 > li > .box {width: 112px; height: 85px; min-height: auto;}
	.header > .title_area .trust_box ul.dep1 > li > .box > .title {padding-top:80px; font-size:13px; line-height: 20px;}
	.header > .title_area .trust_box ul.dep1 > li > .box > .title:before {top:20px; left:50%; width: 50px; margin-left:-25px; height: 45px; background-size: 500px auto; background-position: 0 -235px;}
	.header > .title_area .trust_box ul.dep1 > li > .box.trust_02 > .title:before {background-position: -50px -235px;}
	.header > .title_area .trust_box ul.dep1 > li > .box.trust_03 > .title:before {background-position: -100px -235px;}

	.header > .title_area .ethics_box {margin-top:0;}
	.header > .title_area .ethics_box ul.dep2 > li > .box {width: 112px; height: auto; min-height: auto;}
	.header > .title_area .ethics_box ul.dep2 > li > .box > .title {padding-top:75px; font-size:13px; line-height: 20px;}
	.header > .title_area .ethics_box ul.dep2 > li > .box > .title:before {top:20px; left:50%; width: 50px; margin-left:-25px; height: 45px; background-size: 500px auto; background-position: -150px -235px;}
	.header > .title_area .ethics_box ul.dep2 > li > .box.ethics_02 > .title:before {background-position: -200px -235px;}
	.header > .title_area .ethics_box ul.dep2 > li > .box.ethics_03 > .title:before {background-position: -250px -235px;}
	.header > .title_area .ethics_box ul.dep2 > li > .box.ethics_04 > .title:before {background-position: -300px -235px;}
	.header > .title_area .ethics_box ul.dep2 > li > .box.ethics_05 > .title:before {background-position: -350px -235px;}
	.header > .title_area .ethics_box ul.dep2 > li > .box.ethics_06 > .title:before {background-position: -400px -235px;}
}
@media all and (max-width:800px) {
	.header.header_ship > .title_area {padding-top:40px;}
	.header.header_ethics > .title_area {padding-top:25px;}
	.header.header_long.header_sub01 {height: 158px;}
	.header.header_long.header_lng {height: 230px;}
	.header.header_long.header_more {height: 200px;}
	.header > .title_area .count_boxs {display: none;}

	.header > .title_area .ship_box ul li {display: block;}
	.header > .title_area > p.desc em.w_br {display: inline;}

	.header.header_pro {height: 200px; background-size:800px auto;}
	.header.header_pat {height: 210px; background-size:800px auto;}
	.header.header_management {height: 230px; background-size:800px auto;}
	.header.header_pro> .title_area ,
	.header.header_pat > .title_area,
	.header.header_management > .title_area {padding-top:10px;}
}
@media all and (max-width:609px) {
	.header > .title_area {padding-top:40px;}
}
@media all and (max-width:414px) {
	.header > .title_area .ship_box ul.dep2 > li > a {width: 100px; height: 100px; min-height: auto;}
	.header.header_trust {background-position:90% center;}
}
@media all and (max-width:359px) {
	.header > .title_area .count_boxs ul.dep2 li {margin:2px 3px; width: 96px; height: 96px;}
	.header > .title_area .count_boxs ul.dep2 li {margin:2px 3px; width: 96px; height: 96px;}
	.header > .title_area .count_boxs ul li p.desc {font-size:12px;}
	.header > .title_area .trust_box ul.dep1 > li > .box {width: 100px;}
	.header > .title_area .trust_box ul.dep2 > li > a {width: 100px;}
	.header > .title_area .ethics_box ul.dep2 > li > .box {width: 100px;}
	.header > .title_area .ethics_box ul.dep2 > li > .box {width: 100px;}
}
/* */
.gnb_modal { visibility:hidden; opacity:0; position:fixed; top:0; bottom:0; left:0; right:0; z-index:11; background-color:rgba(0,0,0,.4); -webkit-transition:opacity 0.3s cubic-bezier(0, 0, 0.25, 1) 0.4s, visibility 0s cubic-bezier(0.9, 0, 0, 0.9) 0.7s; transition:opacity 0.3s cubic-bezier(0, 0, 0.25, 1) 0.4s, visibility 0s cubic-bezier(0.9, 0, 0, 0.9) 0.7s; }
.show_gnb .gnb_modal { opacity:1; visibility:visible; -webkit-transition-delay:0s; transition-delay:0s; }
/* */
.nav_gnb { opacity:0; visibility:hidden; position:fixed; right:0; top:0; box-sizing:border-box; max-width:460px; width:100%; height:100%; z-index:12; overflow:hidden; -webkit-transition:opacity 0.3s cubic-bezier(0, 0, 0.25, 1) 1s, visibility 0s cubic-bezier(0, 0, 0.25, 1) 1s, transform 0.5s cubic-bezier(0, 0, 0.25, 1); transition:opacity 0.3s cubic-bezier(0, 0, 0.25, 1) 1s, visibility 0s cubic-bezier(0, 0, 0.25, 1) 1s, transform 0.5s cubic-bezier(0, 0, 0.25, 1); -ms-transform:translateX(100%); -webkit-transform:translateX(100%); transform:translateX(100%); transform:translate3d(100%,0,0); background-color: #fff;}
.show_gnb .nav_gnb {opacity:1; visibility:visible; -webkit-transition-delay:0s; transition-delay:0s; -ms-transform:translateX(0); -webkit-transform:translateX(0); transform:translateX(0); transform:translate3d(0,0,0);}

.nav_gnb {font-family: "Noto Sans"; letter-spacing: 0; padding-bottom:83px; box-sizing: border-box;}
.nav_gnb .head {position: relative; height: 55px; border-bottom:1px solid #eeeeee;}
.nav_gnb .head .logo {position: absolute; top:0; left:0; width: 90px; height: 55px; text-indent: -999em; background: url("../g_n_images/common/logo_m_b.png") no-repeat center center; background-size: 50px 30px;}
.nav_gnb .head .btns {position: absolute; top:0; right:0; padding-right:60px; height: 55px;}
.nav_gnb .head .btns .btn_gnb_close {position: absolute; top:0; right:0; width: 50px; height: 55px; background: url("../g_n_images/icons/icons.png") no-repeat -75px 0; background-size:  500px auto; text-indent: -999em;}
.nav_gnb .head .btns .btn_lang {display: inline-block; padding:0 10px; height: 55px; line-height: 55px; font-size:13px; color:#999; font-weight: normal;}
.nav_gnb .head .btns .btn_lang.on {color:#00aeef;}

.nav_gnb .scroller .ftscroller_y {-webkit-transition:all 0.2s cubic-bezier(0, 0, 0.25, 1); transition:all 0.2s cubic-bezier(0, 0, 0.25, 1);}
.nav_gnb .menus {}
.nav_gnb .menu {padding:20px 20px 14px;}
.nav_gnb .menu ul.dep1 > li > a {position: relative; display: block; padding:14px 0; font-size:22px; line-height: 32px; height: 32px; color:#333333;}
.nav_gnb .menu ul.dep1 > li > a:before {content: ""; position: absolute; top:17px; right:1px; display: block; width: 30px; height: 30px;background: url("../g_n_images/icons/icons.png") no-repeat -125px 0; background-size:  500px auto;}
.nav_gnb .menu ul.dep1 > li.active > a {color:#00aeef;}
.nav_gnb .menu ul.dep1 > li.active > a:before {background-position: -155px 0;}

.nav_gnb .menu ul.dep2 {display: none; border-top:4px solid #00aeef; background-color: #f4f4f4; padding:4px 20px; margin-bottom:16px;}
.nav_gnb .menu ul.dep2 > li > a {position: relative; display: block; padding:9px 0; font-size:15px; line-height: 23px; height: 25px; color:#666666; border-top:1px solid #f1f1f1;}
.nav_gnb .menu ul.dep2 > li > a.menuPlus:after {content: ""; position: absolute; top:7px; right:1px; display: block; width: 30px; height: 30px; background: url("../g_n_images/icons/icons.png") no-repeat -185px 0; background-size:  500px auto;}
.nav_gnb .menu ul.dep2 > li.active > a {font-weight: bold;}
.nav_gnb .menu ul.dep2 > li.active > a.menuPlus:after {background-position: -215px 0;}
.nav_gnb .menu ul.dep2 > li:first-child > a {border-top:none;}
.nav_gnb .menu ul.dep2 > li.active > a,
.nav_gnb .menu ul.dep2 > li > a:foucs,
.nav_gnb .menu ul.dep2 > li > a:hover {font-weight: bold;}
.nav_gnb .menu ul.dep3 {padding-bottom:10px;}
.nav_gnb .menu ul.dep3 > li > a {position: relative; display: block; padding:0 10px; font-size:13px; line-height: 23px; height: 25px; color:#999999; border-top:1px solid #f1f1f1;}
.nav_gnb .menu.menuSub {padding-top:0; margin-bottom:30px;}
.nav_gnb .menu ul.dep2 > li .active { color:#00aeef !important; }

.nav_gnb .nav_foot {position: absolute; bottom:0; left:0; width: 100%; height: 73px; z-index:1; background-color: #003591;}
.nav_gnb .nav_foot ul li {display: block; float:left; width: 33.333%; padding-top:3px;}
.nav_gnb .nav_foot ul li a {position: relative; display: block; width: 100%; height: 70px; padding-top:32px; background-color: #003591; text-align: center; box-sizing: border-box;}
.nav_gnb .nav_foot ul li a em {font-size:13px; line-height: 23px; color:#fff; text-transform:uppercase;}
.nav_gnb .nav_foot ul li a:after {content: ""; position: absolute; top:15px; left:50%; display: block; background-image: url("../g_n_images/icons/icons.png"); background-repeat: no-repeat; background-size:  500px auto;}
.nav_gnb .nav_foot ul li a.btn_01:after {width: 15px; height: 11px; margin-left:-7px; background-position: -140px -35px;}
.nav_gnb .nav_foot ul li a.btn_02:after {width: 15px; height: 14px; margin-top:-2px; margin-left:-7px; background-position: -170px -35px;}
.nav_gnb .nav_foot ul li a.btn_03:after {width: 10px; height: 16px; margin-top:-3px; margin-left:-5px; background-position: -200px -35px;}

/** container **/
.content {position: relative; width: 100%;}

/** sub_section **/
.sub_section {position: relative; min-height: 645px; padding:150px 70px; box-sizing: border-box; overflow: hidden;}
@media all and (max-width:1200px) {
	.sub_section {padding-left:30px;}
}
.sub_section.value_section {overflow: visible;}
.sub_section.value_section.value_trust {overflow: hidden;}
@media all and (max-width:800px) {
	html {font-size:13px;}
	.sub_section {padding: 70px 20px; font-size:14px;}
}

.ani {-webkit-transition:opacity 0.4s cubic-bezier(0, 0, 0.25, 1); transition:opacity 0.4s cubic-bezier(0, 0, 0.25, 1);}
input,
textarea {
   -webkit-appearance: none;
   -webkit-border-radius: 0;
}

/** 서브 네비게이션 WEB **/
.sub_section > .sticky-wrapper {position: absolute; top:0; left:0; display: block; width: 100%; height: 60px; z-index: 10;}
.web_snb {position: relative; width: 100%; height: 60px; background-color: #003591; z-index: 1; font-family: "Noto Sans"; letter-spacing: -0.025em;}
.web_snb.active {position: fixed;}
.web_snb .tbox {width: 100%; max-width: 1200px; margin:0 auto; display: table;}
.web_snb .tbox li {display: table-cell; height: 60px; line-height: 60px; text-align: center; vertical-align: center; font-size:18px; color:#fff; border-right:1px solid #305aa4;}
.web_snb .tbox li:first-child {border-left:1px solid #305aa4; }
.web_snb .tbox.tbox_02 li {width: 50%;}
.web_snb .tbox.tbox_03 li {width: 33.333%;}
.web_snb .tbox.tbox_04 li {width: 25%;}
.web_snb .tbox.tbox_05 li {width: 20%;}
.web_snb .tbox li.on {background-color: #fff; color:#003591; border:none;}
.web_snb .tbox li a {display: block;}

/** 서브 네비게이션 모바일 **/
.mobile_snb {display: none; font-family: "Noto Sans";}
.mobile_snb .box {width: 50%; float:left; height: 45px; background-color: #fff;}
.mobile_snb .box.dep1 {background-color: #003591;}
.mobile_snb .dropLst .txt, .mobile_snb .dropLst li span, .mobile_snb .dropLst li a {padding-left:20px; width:100%; height: 45px; line-height: 45px; font-size:14px; border:none; z-index: 99;}
.mobile_snb .box .dropLst .txt {padding-right:40px; color:#003591;}
.mobile_snb .box .dropLst .txt:before {content: ""; position: absolute; top:50%; right:20px; display: block; width: 11px; height: 8px; margin-top:-4px; background: url("../g_n_images/icons/icons.png") no-repeat -230px -35px; background-size:  500px auto; -webkit-transition:all 0.2s cubic-bezier(0, 0, 0.25, 1); transition:all 0.2s cubic-bezier(0, 0, 0.25, 1);}
.mobile_snb .box .dropLst .txt.on:before {-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.mobile_snb .box .dropLst ul {padding:10px 0;}
.mobile_snb .box.dep1 .dropLst ul,
.mobile_snb .box.dep1 .dropLst ul li {background-color: #003591;}
.mobile_snb .box.dep1 .dropLst li .value {color:#fff;}
.mobile_snb .box.dep1 .dropLst li .value.on {color:#00aeef;}
.mobile_snb .box.dep1 .dropLst .txt {color:#fff; }
.mobile_snb .box.dep1 .dropLst .txt:before {background-position: -215px -35px}
.mobile_snb .box.dep2 .dropLst ul,
.mobile_snb .box.dep2 .dropLst ul li {background-color: #fff;}
.mobile_snb .box.dep2 .dropLst li .value {color:#003591;}
.mobile_snb .box.dep2 .dropLst li .value.on {color:#00aeef;}
.mobile_snb .dropLst {width: 100%; box-sizing: border-box;}
.mobile_snb .dropLst .dlst {width: 100%; left:0; /* box-shadow: none; -webkit-box-shadow: none; */}
.mobile_snb .dropLst .dlst ul {border:none;}

@media all and (max-width:800px) {
	.web_snb {display: none;}
	.mobile_snb {display: block;}
}

/** 퀵 네비게이션 WEB **/
.quickLayer {position: absolute; top:60px; right:0; width: 60px; height: auto; z-index: 10;}
.quickLayer.type_01 {top:0;}
.quickLayer.type_02 {top:320px;}
.sticky_quick {position: relative; overflow: hidden;}
.sticky_quick a {position: relative; display: block; width: 60px; }
.sticky_quick a em {position: absolute; top:0; left:0; width: 0; height: 0; opacity: 0;}
.sticky_quick .btn_open {height: 180px; background: url("../g_n_images/common/btn_quickmenu.jpg") no-repeat 0 0; overflow: hidden;}
.sticky_quick.active .btn_open {height: 148px; background-position: 0 -180px;}
.sticky_quick .btn_top {height: 59px; background: url("../g_n_images/common/btn_top.jpg") no-repeat 0 0; }
.sticky_quick .menus {display: none;}
.sticky_quick .btn_contact {height: 142px; background: url("../g_n_images/common/btn_contactus.jpg") no-repeat 0 0;}
.sticky_quick .btn_brochure {height: 121px; background: url("../g_n_images/common/btn_brochure.jpg") no-repeat 0 0;}
.sticky_quick .btn_locations {height: 128px; background: url("../g_n_images/common/btn_locations.jpg") no-repeat 0 0;}
.sticky_quick .btn_close {height: 60px; background: url("../g_n_images/common/btn_quickclose.jpg") no-repeat 0 0;}

/* 퀵 네비게이션 mobile */
@media all and (max-width:800px) {
	.quickLayer {visibility: hidden; opacity: 0; z-index: -1;}
}

/** 푸터 **/
.footer {position: relative; height: 407px; font-family: "Noto Sans"; letter-spacing: 0; background-color: #373c44;}
.footer_area {width: auto; max-width: 1230px; margin:0 auto; padding-left:30px; box-sizing: border-box;}
.siteMap:after {content: ""; display: block; clear: both; height: 0;}
.siteMap {padding-top:32px; padding-bottom:25px;}
.siteMap .dep1 > li {position: relative; display: block; width: 16%; float:left;}
.siteMap .dep1 > li > a {position: relative; display: inline-block; font-size:17px; line-height: 34px; height: 34px; color:#c0c1c3;}
.siteMap .dep2 {display: block; padding-top:7px;}
.siteMap .dep2 > li {margin-bottom:10px;}
.siteMap .dep2 > li > a {position: relative; display: inline-block; font-size:14px; line-height: 14px; height: 18px; color:#9b9da0;}
.footer .info {padding-top:25px; font-size:14px; line-height: 24px;}
.footer .info span {display: inline-block; color: #8d8f92; text-transform: uppercase;}
.footer .info span.phone em {margin-left: 20px;}
.footer .info .copyright {color:#707377;  letter-spacing: -0.5px;}

@media all and (max-width:800px) {
	.footer {height: 134px;}
	.siteMap {display: none;}
	.footer_area {padding:0 30px;}
	.footer .info {text-align: center; font-size:12px; line-height: 15px;}
	.footer .info span.adress {padding:2px 0 8px;}
	.footer .info span.adress em {display: block;}
	.footer .info span.phone {margin-bottom:14px;}
	.footer .info span.phone em {margin:0 8px;}
	.footer .info span {display: block; text-align: center;}
}

/** NEWS - NEWS - LIST *************************************************/
article.search {position: relative; width: auto; max-width: 1200px; height: 3.750rem; margin:0 auto; border:1px solid #e1e1e1; padding-left:220px; padding-right:80px; box-sizing: border-box;}
.search_area .select_box {position: absolute; top:0; left:0; width: 200px; height: 3.750rem; font-family: "Noto Sans";}
/*
.search_area .select_box .dropLst {width: 100%; height: 100%;}
.search_area .select_box .dropLst .txt {position: relative; height: 3.750rem; line-height:3.750rem; padding:0 70px 0 30px; width: 100%; font-size:16px; color:#666; box-sizing: border-box; border:none;}
.search_area .select_box .dropLst .txt:before {content: ""; position: absolute; top:0; right:0; width: 3.750rem; height: 3.750rem; background-image: url("../images/icons/icons.png"); background-repeat: no-repeat; background-size:  1000px auto; background-position: -490px 0;}
.search_area .select_box .dropLst ul li a {padding:0 30px;}
*/
.search_area .select_box .selectbox {width: 100%; height: 100%;}
.search_area .select_box .selectbox select {margin-top:-1px; margin-left:-1px;}
.search_area .select_box .selectbox label {display: block; width: 100%; height: 100%; margin-top:-1px; margin-left:-1px; padding:0 70px 0 30px; font-size:16px; line-height: 3.625rem; color:#666; box-sizing: border-box;}
.search_area .select_box .selectbox label:before {content: ""; position: absolute; top:0; right:0; width: 3.750rem; height: 3.750rem; background-image: url("../g_n_images/icons/icons.png"); background-repeat: no-repeat; background-size:  1000px auto; background-position: -490px 0;}

.search_area .inp_txt {width: 100%; height: 3.625rem; line-height: 3.625rem; font-size:16px; color:#666; box-sizing: border-box;}
.search_area a.btn_search {position: absolute; bottom:-1px; right:-1px; display: block; width: 3.750rem; height: 3.750rem; background-color: #7e878f; background-image: url("../g_n_images/icons/icons.png"); background-repeat: no-repeat; background-size:  1000px auto; background-position: -550px 0;}
.search_area a.btn_search em {position: absolute; top:0; left:0; display: block; width:0; height: 0; overflow: hidden; opacity: 0;}

@media all and (max-width:800px) {
	article.search {height: 45px; padding:0 50px 0 140px;}
	.search_area .select_box {height: 45px; width: 140px; border-right:1px solid #e5e5e5;}
	.search_area .select_box .selectbox label {height: 43px; line-height: 43px; padding:0 42px 0 15px; margin-top:0; margin-left:0; border:none; }
	.search_area .select_box .selectbox label:before {top:50%; right:10px; width: 19px; height: 10px; margin-top:-5px; background-size:  500px auto; background-position: -325px 0;}
	.search_area .inp_txt {height: 44px; line-height: 45px; padding:0 10px 0 15px; background: none;}
	.search_area a.btn_search {bottom:-1px; right:-1px; height: 45px; width: 45px; background-size: 500px auto; background-position: 0 -55px;}
}
@media all and (max-width:414px) {
	article.search {padding:0; height: auto;}
	.search_area .select_box {position: relative; display: block; width: 100%; height: 45px; border-right:0; border-bottom:1px solid #e5e5e5;}
	.search_area .select_box .dropLst .txt {border-bottom:1px solid #e1e1e1; }
}

article.news {position: relative; width: auto; max-width: 1200px; margin:50px auto 0;}
.news_list {position: relative; width: 100%; margin:0 ;}
.news_list ul {display: block; margin:-15px;}
.news_list ul li {display: block; float:left; width: 33.333%; padding:15px; box-sizing: border-box;}
.news_list ul li a {position: relative; display: block; width: 100%; height: 440px;
	-webkit-transition:all 0.2s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0, 0, 0.25, 1); transition:all 0.2s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0, 0, 0.25, 1), transform 0.5s cubic-bezier(0, 0, 0.25, 1);
}
.news_list ul li a .photo {position: relative; display: block; width: 100%; height: 250px; overflow: hidden;}
.news_list ul li a .photo:after {content: ""; position: absolute; bottom:0; right:0; width: 60px; height: 50px; background-image: url("../g_n_images/icons/icons.png"); background-repeat: no-repeat; background-size:  1000px auto; background-position: -490px -60px; border-right:1px solid #eeeeee; background-color: #fff; box-sizing: border-box;}
.news_list ul li a .photo .img_area {position: relative; display: block; width: 100%; height: 250px; overflow: hidden;}
.news_list ul li a .photo .img_area .img {display: block; width: 100%; height: 250px; -webkit-transition:all 0.2s cubic-bezier(0, 0, 0.25, 1); transition:all 0.2s cubic-bezier(0, 0, 0.25, 1), transform 0.5s cubic-bezier(0, 0, 0.25, 1); background-repeat: no-repeat; background-position: center center; background-size: cover;}

.news_list ul li a .info {position: relative; display: block; padding:25px 30px; height: 190px; border:1px solid #eeeeee; box-sizing: border-box; background-color: #fff; box-sizing: border-box;}
.news_list ul li a.btn_photo .info {border-top:none;}
.news_list ul li a .info span {display: block;}
.news_list ul li a .info .cat {margin-bottom:; font-size:0.875rem; line-height:1.500rem; color:#00aeef; font-family: "Noto Sans"; margin-bottom:0.375rem;}
.news_list ul li a .info .title {font-size:1.250rem; line-height:1.750rem; color:#333333; font-weight: bold;  word-break: break-all; margin-bottom:1.875rem;
	-webkit-transition:all 0.2s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0, 0, 0.25, 1); transition:all 0.2s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0, 0, 0.25, 1), transform 0.5s cubic-bezier(0, 0, 0.25, 1);
	text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; height: 3.5rem; overflow: hidden;
}
.news_list ul li a .info .date {font-size:0.875rem; line-height:1.500rem; color:#bbbbbb; font-family: "Noto Sans";}
.pc .news_list ul li a:hover {-webkit-box-shadow: 0px 0px 12px 6px rgba(238,238,238,0.75); -moz-box-shadow: 0px 0px 12px 6px rgba(238,238,238,0.75); box-shadow: 0px 0px 12px 6px rgba(238,238,238,0.75);}
.pc .news_list ul li a:hover .info .title {color:#00aeef;}
.pc .news_list ul li a:hover .photo .img {transform:scale(1.1); -webkit-transform:scale(1.1); -ms-transform:scale(1.1);}

p.list_empty {position: relative; width: 100%; padding-top:165px; font-size:30px; line-height: 40px; text-align: center; color:#333;}
p.list_empty:before {content: ""; position: absolute; top:65px; left:50%; display: block; width: 80px; height: 80px; margin-left: -40px; background: url("../g_n_images/icons/icons.png") no-repeat 0 -700px;}

@media all and (max-width:800px) {
	article.news {margin-top:30px;}
	.news_list ul {display: block; margin:-8px;}
	.news_list ul li {padding:8px;}
	.news_list ul li a {height: 400px;}
	.news_list ul li a .info {height: 150px;}
	.news_list ul li a .photo:after {bottom:0; right:0; width: 45px; height: 45px; background-size:  500px auto; background-position: -440px -80px;}
}

@media all and (min-width:641px) and (max-width:1024px) {
	.news_list ul li {width: 50%;}
	.news_list ul li a .info {padding:20px 25px;}

}
@media all and (max-width:640px) {
	.news_list ul li {width: 100%;}
	.news_list ul li a {height: auto;}
	.news_list ul li a .info {padding:12px 15px; height: 137px;}
}
@media all and (max-width:414px) {
	.news_list ul li a .photo {height: 180px}
}

.news_list ul li a.btn_text .info {position: relative; height: 100%;}
.news_list ul li a.btn_text .info .desc {font-size:1rem; line-height: 1.750rem; color:#666666; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 8; /* 라인수 */ -webkit-box-orient: vertical; height: auto; height: 14rem; overflow: hidden;}
.news_list ul li a.btn_text .info .date {position: absolute; left:30px; bottom:20px;}
@media all and (max-width:800px) {
	.news_list ul li a.btn_text .info .desc {-webkit-line-clamp: 10; /* 라인수 */ height: 17.2rem;}
}
@media all and (max-width:640px) {
	.news_list ul li a.btn_text {height: auto;}
	.news_list ul li a.btn_text .info .date {position: relative; top:0; left:0; right:0; bottom:0;}
	.news_list ul li a.btn_text .info .desc {-webkit-line-clamp: 5; /* 라인수 */ height: 8.75rem; margin-bottom:1.250rem;}
}

article > .btn_area {margin-top:60px;}
article > .btn_area .btn_more {display: inline-block; width: 10rem; height: 3.750rem; line-height: 3.750rem; font-size:1em; text-align: center; border:1px solid #003591; color:#003591; font-weight: bold; box-sizing: border-box;}
article > .btn_area .btn_more em {font-family: "Noto Sans"; margin-right:0.25rem;}
@media all and (max-width:800px) {
	article > .btn_area {margin-top:30px;}
	article > .btn_area .btn_more {height: 45px; line-height: 45px;}
}

/** NEWS - NEWS - VIEW *************************************************/
article.news_view {width: auto; max-width: 1200px; margin:0 auto;}

.news_view .pub_info {position: relative; padding:2.750rem 0 1.625rem; border-bottom:1px solid #e5e5e5;}
.news_view .pub_info .info {font-family: "Noto Sans"; font-size:1rem; line-height: 1.625rem; color:#999999;}
.news_view .pub_info .info span.cat {color:#00aeef; margin-right:7px;}
.news_view .pub_info .dday {position: absolute; top:40px; right:0; font-size:1.875rem; line-height: 2.500rem; font-weight: bold; color:#00aeef;}
.news_view .pub_info .dday.off {color:#999999 !important;}

.news_view .news_head {padding:3.500rem 0 1.875rem;}
.news_view .news_head p.title {font-size:2.5rem; line-height: 3.125rem; color:#333333; font-weight: bold; letter-spacing: -0.1rem; word-break: keep-all;}

.news_view .news_data {padding-bottom:80px; margin-bottom:60px; border-bottom:1px solid #e1e1e1;}
/*.news_view .view_area */
.news_view .view_area p {font-size:1rem; line-height: 1.75rem; color:#666666;}
.news_view .view_area img {position: relative; width: auto; max-width: 100%; box-sizing: border-box; }

.news_view .news_data {}

@media all and (max-width:800px) {
	.news_view .view_area {padding-bottom:40px; margin-bottom:30px;}
	.news_view .news_head p.title {font-size:1.786rem; line-height: 1.3em;}
	.news_view .pub_info .dday {top:28px;}
}

.page_nav {position: relative; height: 3.750rem;}
.page_nav .btn_arrow {position: absolute; top:0; display: block; height: 3.750rem; padding:0.250rem 0; width: 40%; box-sizing: border-box;}
.page_nav .btn_arrow:before {content: ""; position: absolute; top:50%; display: block; width: 16px; height: 22px; margin-top:-11px; background-image: url("../g_n_images/icons/icons.png"); background-repeat: no-repeat; background-size:  500px auto;}
.page_nav .btn_arrow.btn_prev {text-align: left; left:0; padding-left:44px;}
.page_nav .btn_arrow.btn_prev:before {left:0; background-position: -75px -55px;}
.page_nav .btn_arrow.btn_next {right:0; padding-right:44px; text-align: right;}
.page_nav .btn_arrow.btn_next:before {right:0; background-position: -125px -55px;}
.page_nav .btn_arrow span {display: block; display: block; color:#666; line-height: 1.625rem; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:100%; overflow:hidden;}
.page_nav .btn_arrow.off span {color:#999;}
.page_nav .btn_arrow.btn_prev.off:before {background-position: -50px -55px;}
.page_nav .btn_arrow.btn_next.off:before {background-position: -100px -55px;}
.page_nav .btn_arrow span.name {font-family: "Noto Sans";}
.page_nav .btn_list {display: inline-block; width: 10rem; height: 3.750rem; line-height: 3.750rem; font-size:1em; text-align: center; border:1px solid #003591; color:#003591; font-weight: bold; box-sizing: border-box;}
.page_nav .btn_list em {position: relative; display: inline-block; font-family: "Noto Sans"; padding-right:1.625rem;}
.page_nav .btn_list em:before {content: ""; position: absolute; top:50%; right:0; display: block; width: 11px; height: 11px; margin-top:-6px; background-image: url("../g_n_images/icons/icons.png"); background-repeat: no-repeat; background-size:  500px auto; background-position: -150px -55px;}

@media all and (max-width:1024px) {
	.page_nav .btn_arrow {width: 35%;}
}
@media all and (max-width:800px) {
	.page_nav .btn_arrow span.title {display: none;}
	.page_nav .btn_arrow {padding-top:0; padding-bottom:0;}
	.page_nav .btn_arrow span.name {height: 3.750rem; line-height: 3.750rem;}
	.page_nav .btn_arrow.btn_prev {padding-left:33px;}
	.page_nav .btn_arrow.btn_next {padding-right:33px;}
}

/** NEWS - Activities - LIST *************************************************/
.news_list.act_list ul li a .info .title {-webkit-line-clamp: 1; height: 1.750rem; margin-bottom:1.125rem;}
.news_list.act_list ul li a.btn_photo .info .desc {text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; height: auto; line-height: 1.625rem; min-height: 1.625rem; max-height: 3.25rem; overflow: hidden; margin-bottom:1.250rem;}
.news_list.act_list ul li a.btn_text .info .desc {font-size:1rem; line-height: 1.750rem; color:#666666; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 10; /* 라인수 */ -webkit-box-orient: vertical; height: auto; height: 17.5rem; overflow: hidden;}

@media all and (max-width:800px) {
	.news_list.act_list ul li a.btn_text .info .desc {-webkit-line-clamp: 12; /* 라인수 */ height: auto; max-height: 22rem;}
}
@media all and (max-width:640px) {
	.news_list.act_list ul li a {height: 388px;}
	.news_list.act_list ul li a.btn_text {height: auto;}
	.news_list.act_list ul li a.btn_photo .info {padding:12px 15px; height: 138px;}
	.news_list.act_list ul li a.btn_text .info .desc {-webkit-line-clamp: 5; /* 라인수 */ height: 8.75rem; margin-bottom:1.250rem;}
}
@media all and (max-width:414px) {
	.news_list.act_list ul li a {height: 318px;}
}

/** groups *************************************************/
.groups {padding:48px 44px 28px;}
.groups > .btn_group {display: inline-block; margin:0 18px; padding:0 1px; font-size:20px; line-height: 40px; font-weight: bold; color:#999999; border-bottom:4px solid #fff;}
.groups > .btn_group.on {color:#00aeef; border-color:#00aeef;}
@media all and (max-width:1024px) {
  .groups {padding:25px 44px;}
}
@media all and (max-width:820px) {
  .groups > .btn_group {margin:0 10px;}
}
@media all and (max-width:800px) {
	.groups {padding:18px 16px;}
	.groups > .btn_group {margin:0 14px; font-size:14px; line-height: 30px; border-bottom:2px solid #fff;}
}

/** title_area *************************************************/
article.title_area {position: relative; width: auto; max-width: 1200px; margin: 0 auto 45px;}
article.title_area .title {font-size:40px; line-height: 60px; color:#333333; font-weight: bold;}
article.title_area .desc {margin-top:10px; line-height: 28px; color:#777777;}
@media all and (max-width:800px) {
	article.title_area {margin-bottom:25px;}
	article.title_area .title {font-size:25px; line-height: 35px;}
	article.title_area .desc {font-size:13px; line-height: 20px; margin-top:5px;}
}
/** Careers - Seastaff - list *************************************************/
.sec_intro {position: relative; width: auto; max-width: 1200px; margin: 0 auto 80px; padding-top:90px; box-sizing: border-box;}
.sec_intro .intro_img {position: absolute; top:0; left:0; width: 100%; display: none; max-width:690px; height: 614px; }
.sec_intro .intro_img.on {display: block;}
.sec_intro.sea_staff .intro_img.group_01 {background: url("../g_n_images/careers/bg_sea_staff_01.jpg") no-repeat 0 0; background-size:cover;}
.sec_intro.sea_staff .intro_img.group_02 {background: url("../g_n_images/careers/bg_sea_staff_02.jpg") no-repeat 0 0; background-size:cover;}
.sec_intro.shore_staff .intro_img {background: url("../g_n_images/careers/bg_sea_staff_shore.jpg") no-repeat 0 0; background-size:cover;}
.sec_intro .intro_box {position: relative; margin-left:49%; width: 51%; height: 524px; background-color: #fff; box-sizing: border-box;}
.sec_intro.shore_staff .intro_box {padding-top:40px;}
.sec_intro .intro_box .intro_data {display: none; padding:0 0 0 60px;}
.sec_intro .intro_box .intro_data.on {display: block;}
.sec_intro .intro_box .intro_data p.title {padding:4px 0; font-size:40px; line-height: 52px; color:#333333; font-weight: bold;}
.sec_intro .intro_box .intro_data p.desc {margin-top:14px; font-size:16px; line-height: 28px; color:#777777;}
.sec_intro .intro_box .intro_data p.desc .btn_mail {display: inline-block; color:#00aeef;}
.sec_intro .intro_box .intro_data p.desc .btn_mail:hover {text-decoration: underline;}
.sec_intro .intro_box .intro_data .btn_download {height: 60px; line-height: 60px; text-align: center; border:1px solid #003591; box-sizing: border-box;}
.sec_intro.sea_staff .intro_box .intro_data .btn_download,
.sec_intro.shore_staff .intro_box .intro_data .btn_download {position: absolute; bottom:0; left:60px; display: block; width: 210px; }
.sec_intro .intro_box .intro_data .btn_download em {position: relative; padding-right:28px; color:#003591; font-weight: bold;}
.sec_intro .intro_box .intro_data .btn_download em:before {content: ""; position: absolute; top:1px; right:0; display: block; width: 18px; height: 16px; background-image: url("../g_n_images/icons/icons.png"); background-repeat: no-repeat; background-size:  500px auto; background-position: -170px -55px;}

@media all and (max-width:1200px) {
  .sec_intro {padding-top:100px;}
  .sec_intro .intro_box {margin-left:40%; width: 60%; min-height:524px; height: auto; box-sizing:border-box;}
}
@media all and (max-width:1024px) {
  .sec_intro .intro_box {margin-left:30%; width: 70%;}
  .sec_intro .intro_box .intro_data p.desc {margin-top:10px;}
}
@media all and (max-width:860px) {
	.sec_intro .intro_box .intro_data p.desc {line-height: 24px;}
}
@media all and (max-width:800px) {
  .sec_intro {margin:-25px -20px 0; padding:155px 20px 35px;}
  .sec_intro .intro_img {max-width: 100%; height: 200px;}
  .sec_intro.sea_staff .intro_img.group_02 {background-position: center;}
  .sec_intro .intro_box {margin:0; padding-bottom:0; width: 100%; height: auto; min-height:0 !important;}
  .sec_intro .intro_box .intro_data {padding:0;}
  .sec_intro .intro_box .intro_data p.title {font-size:25px; line-height: 35px; padding:0 30px;}
  .sec_intro .intro_box .intro_data p.desc {font-size:13px; line-height: 20px; margin-bottom:25px; padding:0 30px;}
  .sec_intro .intro_box .intro_data .btn_download {margin:10px auto 0; width: 100%; max-width: 384px; height: 45px; line-height: 45px; font-size:13px;}
  .sec_intro.sea_staff .intro_box .intro_data .btn_download,
  .sec_intro.shore_staff .intro_box .intro_data .btn_download {position: relative; top:0; left:0; right:0; bottom:0; width: 100%; max-width: 384px;}
  .sec_intro .intro_box .intro_data .btn_download em {padding-right: 28px;}
  .sec_intro .intro_box .intro_data .btn_download em:before {top:50%; right:0; width: 18px; height: 18px; margin-top:-12px; background-position: -170px -53px;}
}

.staff_board {position: relative; width: auto; max-width: 1200px; margin:50px auto 0;}
.staff_list ul {display: block; margin:-15px;}
.staff_list ul li {display: block; float:left; width: 33.333%; padding:15px; box-sizing: border-box;}
.staff_list ul li a {position: relative; display: block; width: 100%; box-sizing: border-box; padding:25px 30px 25px; border:1px solid #eeeeee;
	-webkit-transition:all 0.2s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0, 0, 0.25, 1); transition:all 0.2s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0, 0, 0.25, 1), transform 0.5s cubic-bezier(0, 0, 0.25, 1);}
.staff_list ul li a:hover {-webkit-box-shadow: 0px 0px 12px 6px rgba(238,238,238,0.75); -moz-box-shadow: 0px 0px 12px 6px rgba(238,238,238,0.75); box-shadow: 0px 0px 12px 6px rgba(238,238,238,0.75);}
.staff_list ul li a > span {display: block;}
.staff_list ul li a .cat {font-size:1rem; line-height: 1.625rem; color:#00aeef;}
.staff_list ul li a .dday {position: absolute; top:19px; right:26px; font-size:1.875rem; line-height: 2.5rem; color:#00aeef; font-weight: bold; }
.staff_list ul li a .title {font-size:1.250rem; line-height:1.750rem; height:3.5rem;  color:#333333; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; overflow: hidden; margin:1.5rem 0 1.250rem; font-weight: bold; word-break: keep-all;}
.staff_list ul li a .date {position: relative; padding-left:26px; font-size:1rem; line-height: 1.625rem; color:#666666; letter-spacing: 0;}
.staff_list ul li a .date:before {content: ""; position: absolute; top:50%; left:0; display: block; width: 16px; height: 16px; margin-top:-8px; background-image: url("../g_n_images/icons/icons.png"); background-repeat: no-repeat; background-size:  500px auto; background-position: -200px -55px;}
.staff_list ul li a:before {content: "+"; font-family: "Noto Sans"; position: absolute; bottom:26px; right:19px; display: block; width: 24px; height: 24px; line-height: 24px; font-size:24px; color:#00aeef; font-weight: bold;}
.staff_list ul li a.isDisabled:hover {-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
.staff_list ul li a.isDisabled {background-color: #f7f7f7;}
.staff_list ul li a.isDisabled span {color:#999999 !important;}
.staff_list ul li a.isDisabled:before {color:#666666;}

@media all and (max-width:800px) {
	article.staff_board {margin-top:30px;}
	.staff_list ul {display: block; margin:-8px;}
	.staff_list ul li {padding:8px;}
	.staff_list ul li a .dday {top:8px; right:13px;}
	.staff_list ul li a:before {bottom:11px; right:2px;}
}

@media all and (min-width:641px) and (max-width:1024px) {
	.staff_list ul li {width: 50%;}
	.staff_list ul li a {padding:20px 25px;}
}
@media all and (max-width:640px) {
	.staff_list ul li {width: 100%;}
	.staff_list ul li a {padding:12px 15px;}
}

/** Careers - Shorestaff - list *************************************************/
.sec_intro.shore_staff .intro_img {height: 494px;}
.sec_intro.shore_staff .intro_box {height: 404px; padding-top:50px;}

@media all and (max-width:1200px) {
  .sec_intro.shore_staff {padding-top:90px;}
  .sec_intro.shore_staff .intro_box {margin-left:40%; width: 60%; min-height:404px; height: auto;}
}
@media all and (max-width:1024px) {
  .sec_intro.shore_staff .intro_box {margin-left:30%; width: 70%;}
  .sec_intro.shore_staff .intro_box .intro_data p.desc {margin-top:10px;}
}
@media all and (max-width:800px) {
  .sec_intro.shore_staff {margin:-25px -20px 0; padding:155px 20px 35px;}
  .sec_intro.shore_staff .intro_img {max-width: 100%; height: 200px;}
  .sec_intro.shore_staff .intro_box {margin:0; padding-top:25px; width: 100%; height: auto; min-height:0;}
}

/** News - NEWS & PRESS - Downloads *************************************************/
.sec_intro .intro_box .intro_data p.title em {display: block;}
.sec_intro.sec_downloads .intro_img {height: 600px; }
.sec_intro.sec_downloads .intro_img.group_01 {background: url("../g_n_images/news/bg_news_download_01.jpg") no-repeat 0 0; background-size:cover;}
.sec_intro.sec_downloads .intro_img.group_02 {background: url("../g_n_images/news/bg_news_download_02.jpg") no-repeat 0 0; background-size:cover;}
.sec_intro.sec_downloads .intro_box .intro_data .btns {margin-top:53px;}
.sec_intro.sec_downloads .intro_box .intro_data.group_02 .btns {margin-top:85px;}
.sec_intro.sec_downloads .intro_box .intro_data .btn_download {display: inline-block; width: 190px;}
.sec_intro.sec_downloads .intro_box .intro_data .btn_download:first-child {margin-right:7px;}

@media all and (max-width:1024px) {
	.sec_intro.sec_downloads .intro_box {min-height: 400px;}
	.sec_intro.sec_downloads .intro_box .intro_data .btn_download {width: 180px;}
}
@media all and (max-width:1200px) {
  .sec_intro.sec_downloads {padding-top:200px;}
}
@media all and (max-width:800px) {
  .sec_intro {margin:-25px -20px 0; padding:155px 20px 35px;}
  .sec_intro.sec_downloads {padding-top:155px;}
  .sec_intro .intro_box .intro_data p.title em {display: inline-block;}
  .sec_intro.sec_downloads .intro_img {max-width: 100%; height: 200px;}
  .sec_intro.sec_downloads .intro_img.group_01 {background-position: center -110px;}
  .sec_intro.sec_downloads .intro_img.group_02 {background-position: center -50px ;}
  .sec_intro.sec_downloads .intro_box .intro_data .btn_download {margin:10px auto 0; width: 100%; max-width: 384px; height: 45px; line-height: 45px; font-size:13px;}
  .sec_intro.sec_downloads .intro_box .intro_data .btns {text-align: center; margin-top:20px !important;}
  .sec_intro.sec_downloads .intro_box .intro_data .btn_download {position: relative; top:0; left:0; right:0; bottom:0; width: 100%; max-width: 384px; margin-right:0 !important;}
  .sec_intro.sec_downloads .intro_box .intro_data .btn_download em {padding-right: 28px;}
  .sec_intro.sec_downloads .intro_box .intro_data .btn_download em:before {top:50%; right:0; width: 18px; height: 18px; margin-top:-12px; background-position: -170px -53px;}
}
@media all and (max-width:414px) {
  .sec_intro.sec_downloads .intro_img.group_01 {background-position: center -40px;}
  .sec_intro.sec_downloads .intro_img.group_02 {background-position: center -20px ;}
}

article.title_area.group_01,
article.title_area.logos.group_01 {display: none;}
article.title_area.group_01.on,
article.title_area.logos.group_01.on {display: block;}

article.logos {position: relative; display: none; width: auto; max-width: 1200px; margin: 0 auto 45px;}
article.logos.on {display: block;}
article.logos ul {display: block; margin:0 -8px;}
article.logos ul li {display: block; width: 33.333%;}
article.logos ul li .ci_area {display: table; width: 100%; padding:0 8px; height: 253px; box-sizing: border-box;}
article.logos ul li .ci_area .ci {display: table-cell; width: 100%; height: 100%; padding:0 20px; border:1px solid #e1e1e1; text-align: center; vertical-align: middle; background: url("../g_n_images/news/bg_guide.jpg") repeat 0 0;}
article.logos ul li .ci_area .ci img {width:100%; height:auto; max-width:100%; max-height:100%;}
article.logos ul li.type_1 .ci_area .ci img {max-width: 225px; max-height: 142px;}
article.logos ul li.type_2 .ci_area .ci img {max-width: 278px; max-height: 113px;}
article.logos ul li.type_3 .ci_area .ci img {max-width: 71px; max-height: 153px;}
article.logos ul li p {margin-top:15px; text-align: center; color:#777777;}

@media all and (max-width:1200px) {
	article.logos ul li.type_1 {width: 35%;}
	article.logos ul li.type_2 {width: 40%;}
	article.logos ul li.type_3 {width: 25%;}
}
@media all and (max-width:800px) {
	article.logos ul li {width: 100% !important; margin-bottom:25px;}
	article.logos ul li .ci_area {height: 127px;}
	article.logos ul li p {margin-top:10px;}
	article.logos ul li.type_1 .ci_area .ci img {width: 112px; height: auto;}
	article.logos ul li.type_2 .ci_area .ci img {width: 139px; height: auto;}
	article.logos ul li.type_3 .ci_area .ci img {width: 36px; height: auto;}
}

/** placeholder *************************************************/
*::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #999999;
}
*::-moz-placeholder { /* Firefox 19+ */
  color: #999999;
}
*:-ms-input-placeholder { /* IE 10+ */
  color: #999999;
}
*:-moz-placeholder { /* Firefox 18- */
  color: #999999;
}

/** contact *************************************************/
article.contact {position: relative; width: auto; max-width: 1200px; margin: 0 auto 45px;}
.form .form_box {float: left; width: 50%; box-sizing: border-box;}
.form .form_box.box_first {padding-right:30px;}
.form .form_box .inp_box {position: relative;}
.form .form_box .inp_box:first-child label.txt {margin-top:0;}
.form .form_box label.txt {display: block; margin:20px 0 16px; font-size:1.250rem; color:#333333; font-weight: bold;}
.form .form_box label.txt em {color:#00aeef;}
.form .form_box label.hid_label {position: absolute; top:0; left:0; opacity: 0; overflow: hidden;}
.form .form_box .inp_txt {position: relative; width: 100%; height: 60px; padding:0 28px; border:1px solid #e1e1e1; box-sizing: border-box; font-size:1rem; color:#666666; border-radius: 0 !important;}
.form .form_box textarea {width: 100%; height: 251px; padding:24px 28px; font-size:1rem; line-height: 1.5rem; border:1px solid #e1e1e1; box-sizing: border-box; margin-top:-1px;}
.form .form_box textarea:focus,
.form .form_box .inp_txt:focus {border-color:#00aeef; z-index: 1;}

.agreement p.title {margin:20px 0 16px; font-size:1.250rem; color:#333333; font-weight: bold;}
.agreement .agree_box {width: 100%; height: 251px; padding:24px 28px; font-size:1rem; line-height: 1.5rem; border:1px solid #e1e1e1; box-sizing: border-box; overflow: auto;}
.agree_check {margin-top:15px;}
.agree_check .checkbox .icon {text-indent: -37px; padding-left:37px; line-height: 26px;}
.agree_check .checkbox .icon:before {margin-right:13px;}

@media all and (max-width:800px) {
	.form .form_box label.txt {margin:10px 0 8px;}
	.form .form_box {float: none; width: 100%;}
	.form .form_box.box_first {padding-right:0; margin-bottom:10px;}
	.form .form_box .inp_txt {height: 40px; padding:0 15px;}
	.form .form_box textarea {height: 140px; padding:12px 15px;}
	.agreement .agree_box {height: 140px; padding:12px 15px;}
}

article > .btn_area .btn_agree {display: inline-block; width: 10rem; height: 3.750rem; line-height: 3.750rem; font-size:1em; text-align: center; background-color:#003591; color:#fff; font-weight: bold; box-sizing: border-box;}

/** Location *************************************************/
.sub_section.full_section {padding:0 !important;}
article.location {position: relative; width: auto; padding-top:60px;}
.location .map_area {height: 680px;}
.location .map_area img {height: 680px; max-height: 100%; width: auto; min-width: 100%;}
.location .info_area {position: absolute; bottom:0; left:50%; width: 50%; height: 371px; background-color: #fff;}

.location .groups {padding:58px 49px 48px;}
.location .groups > .btn_group {margin:0 13px;}

.location .info_box {display: none; padding:0 60px;}
.location .info_box.on {display: block;}
.location .info_box p.title {padding:4px 0; font-size:2.5rem; line-height: 3.25rem; color:#333333; font-weight: bold;}
.location .info_box p.desc {margin-top:14px; font-size:1.250rem; line-height: 1.875rem; color:#777777;}
.location .info_box p.desc em {display:inline-block;}
.location .info_box ul {margin-top:15px;}
.location .info_box ul:after {content: ""; display: block; clear: both; height: 0;}
.location .info_box ul li {float:left; display: block; position: relative; padding-right:25px; font-size:1.125rem; color:#333333; margin-bottom:10px;}
.location .info_box ul li .icon {position: relative; display: block; padding-left:30px;}
.location .info_box ul li .icon.mail {color:#00aeef;}
.location .info_box ul li .icon.mail:hover {text-decoration: underline;}
.location .info_box ul li .icon:before {content: ""; position: absolute; top:50%; left:0; display: block; background-image: url("../g_n_images/icons/icons.png"); background-repeat: no-repeat; background-size: 500px auto;}
.location .info_box ul li .icon.phone:before {margin-top:-7px; width: 15px; height: 17px; background-position: -300px -55px;}
.location .info_box ul li .icon.fax:before {margin-top:-7px; width: 16px; height: 17px; background-position: -325px -55px;}
.location .info_box ul li .icon.mail:before {margin-top:-5px;width: 16px; height: 13px; background-position: -350px -55px;}

@media all and (max-width:1200px) {
	.location .groups > .btn_group {margin:0 5px;}
}

@media all and (max-width:1024px) {
	.location .info_area {position: relative; top:0; right:0; bottom:0; left:0; width: 100%; height: auto; padding-bottom:45px; margin:-80px auto 0; width: 94%; }
	.location .groups {padding:38px 30px 24px;}
	.location .info_box {padding:0 40px;}
}
@media all and (max-width:800px) {
	article.location {position: relative; width: auto; padding-top:45px;}
	.location .groups {padding:18px 16px;}
	.location .map_area {height: 360px;}
	.location .info_area {position: relative; margin:-45px auto 0; width: 90%; left:0; margin:45px auto 0; width: 90%;}
	.location .info_box {padding:0 28px;}
	.location .info_box p.title {font-size:25px; line-height: 35px; padding:0;}
    .location .info_box p.desc {font-size:13px; line-height: 20px; margin-bottom:25px; padding:0;}
	.location .info_box ul li {float: none;}
}

/*invitation*/
article.company {position: relative; width: auto; max-width: 1320px; margin:0 auto; padding:60px 60px 0; box-sizing: border-box;}

.company .title_box {padding:9px 0 55px;}
.company .title_box p.title {position: relative; font-size:40px; line-height: 50px; font-weight: bold; color:#174a88; letter-spacing: -0.04em;}
.company .title_box p.title > em {position: relative; font-size:40px; line-height: 50px; font-weight: bold; color:#ba0006; letter-spacing: -0.04em;}
.company .title_box p.desc {margin-top:16px; font-size:16px; line-height: 28px; color:#717070;}
.company .title_box p.desc > em {margin-top:16px; font-size:17px; line-height: 28px; color:#353434;}
.company .title_box p.desc em.br {display: block;}

.company .invibox_image img {display: block; max-width:100%; margin:auto;}
.company .invibox_image .bg_img {background-image: url("../g_n_images/invi_img01.jpg")}
.company .invibox_image .bg_img {top:0; background-repeat: no-repeat; background-position: center; height: 500px;}

.company .box_image {position: relative; height: 380px; margin-bottom: 70px;}
.company .box_image .bg_img {position: absolute; top:0; display: block; width: 57.5%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; z-index: 1;}
.company .box_image.box_right .bg_img {right:0;}
.company .box_image.box_left .bg_img {left:0;}
.company .box_image.box_01 .bg_img {background-image: url("../g_n_images/location01.jpg")}
.company .box_image.box_02 .bg_img {background-image: url("../g_n_images/who/img_who_01_02.jpg")}
.company .box_image.box_03 .bg_img {background-image: url("../g_n_images/who/img_who_01_03.jpg")}
.company .box_image.box_04 .bg_img {background-image: url("../g_n_images/who/img_who_01_04.jpg")}
.company .box_image.box_05 .bg_img {background-image: url("../g_n_images/who/img_who_01_05.jpg")}

.invi_list ul li {font-size: 19px; margin-top: 20px; margin-bottom: 6px; color: #252525; line-height: 10px; position: relative; padding-left: 30px;}
.invi_list ul li > em {font-size: 50px;line-height: 18px; margin-bottom: 6px;color: #525252;position: relative;padding-left: 10px;}
.invi_list ul li:last-child {font-size: 5px; margin-bottom: 0;}

.company .box_image .text_area {position: absolute; top:0; width: 47.5%;  height: 100%; z-index: 2; box-sizing: border-box;}
.company .box_image.box_right .text_area {padding-right:60px; left:0;}
.company .box_image.box_left .text_area {padding-left:60px; right:0;}

.company .box_image .text_area .bg_title {position: absolute; display: block; z-index: 3;}
.company .box_image.box_01 .text_area .bg_title em {position: relative; margin-left:-20px; font-size:80px;}

.company .box_image.box_01 .text_area .bg_title {width: 152px; height: auto; bottom:0; left:240px;;}
.company .box_image.box_02 .text_area .bg_title {width: 400px; height: auto; bottom:0; right:0; }
.company .box_image.box_03 .text_area .bg_title {width: 273px; height: auto; bottom:-10px; right:0; }
.company .box_image.box_04 .text_area .bg_title {width: 424px; height: auto; bottom:0; left:0; }
.company .box_image.box_05 .text_area .bg_title {width: 375px; height: auto; bottom:0; right:0; }

.company .box_image .text_area .text_box {position: absolute; background-color: #fff; width: 570px; box-sizing: border-box;}
.company .box_image.box_right .text_area .text_box {top:0; left:0; padding:25px 60px 33px 0;}
.company .box_image.box_left .text_area .text_box {bottom:0; right:0; padding:55px 30px 0 60px;}

.company .box_image .text_area .text_box p.title {position: relative; font-size:30px; line-height: 40px; font-weight: bold; color:#333333;}
.company .box_image .text_area .text_box p.desc {margin-top:20px; font-size:16px; line-height: 28px; color:#777;}
.company .box_image .text_area .text_box p.desc em.br {display: block;}

@media all and (max-width:1360px) {
	article.company {padding:60px 70px 0 70px;}
}
@media all and (max-width:1320px) {
	.company .box_image .text_area .text_box p.desc em.br {display: inline;}
}
@media all and (max-width:1200px) {
	.company .box_image .text_area .text_box {width:530px;}
	article.company {padding:60px 70px 0 30px;}
}
@media all and (max-width:1024px) {
	.company .title_box p.desc em.br {display: inline;}
	.company .box_image .text_area .text_box {width:490px;}
	.company .box_image.box_right .text_area .text_box {padding:30px 40px 20px 0;}
	.company .box_image.box_left .text_area .text_box {padding:30px 20px 20px 30px;}
	.company .box_image.box_01 .text_area .bg_title {width: 102px;}
	.company .box_image.box_02 .text_area .bg_title {width: 266px; bottom:0; right:0; }
	.company .box_image.box_03 .text_area .bg_title {width: 182px; bottom:-5px; right:0; }
	.company .box_image.box_04 .text_area .bg_title {width: 282px; bottom:0; left:0; }
	.company .box_image.box_05 .text_area .bg_title {width: 250px; bottom:5px; right:0; }
}
@media all and (max-width:800px) {
	article.company {padding:45px 0 0;}
	.company .title_box {padding:30px 20px 20px;}
	.company .box_image {height: auto; margin-bottom:0;}
	.company .box_image .bg_img {position: relative; top:0; left:0; right:0; bottom:0; width: 100%; height: 250px;}
	.company .box_image .text_area {position: relative; top:0; left:0; right:0; bottom:0; width: 100%; height: auto;  padding:20px !important; }
	.company .box_image .text_area .text_box {position: relative; width:100%; top:0; left:0; right:0; bottom:0; padding:15px !important; margin-top:-60px;}
	.company .box_image .text_area .bg_title {display: none !important;}
	.company .box_image .text_area .text_box p.title {font-size:20px; line-height: 30px;}
	.company .box_image .text_area .text_box p.desc {margin-top:10px; font-size:14px; line-height: 20px;}
	.company .title_box p.title {font-size:25px; line-height: 35px;}
	.company .title_box p.desc {font-size:14px; line-height: 24px;}
}
@media all and (max-width:414px) {
	.company .box_image .bg_img {height: 187px;}
}

/*program*/
article.program {position: relative; width: auto; max-width: 1320px; margin:0 auto; padding:60px 60px 0; box-sizing: border-box;}
.program .title_box p.title {position: relative; font-size:55px;  font-weight: bold; color:#663793; letter-spacing: -0.04em;}
/*.program .title_box p.title {position: relative; font-size:55px; line-height: 72px; font-weight: bold; color:#663793; letter-spacing: -0.04em; text-align:center;}*/
.program .title_box p.title >span{ font-size:14px; color:#797979; font-weight:400; letter-spacing:normal; padding-left:320px;}

.program .title_box p.title em {font-size:34px; color:#555555; font-weight:400; text-align:center;}
.program .title_box {padding:9px 0 17px;}
.program .title_box h1 {position: relative; font-size:35px; line-height: 50px; font-weight: bold; color:#c6252c; letter-spacing: -0.04em; margin-bottom:20px}
.program .title_box .bar_list {display:block; font-size:20px; color:#fff; width:100%; height:40px; text-align:center; margin-bottom:10px;border-radius: 25px; line-height:40px; }
.program .title_box .bar_slist {display:block; font-size:17px; color:#053266; width:100%; height:35px; text-align:center;  margin-bottom:10px; line-height:35px; background-color:#e9e9e9;}
.program .title_box .bar_slist > em {padding-left:20px;}
.program .title_box .bar_sslist {display:block; font-size:17px; color:#fff; width:100%; height:35px; text-align:center;  margin-bottom:10px; line-height:35px;}


.program .title_box p.pro_name {margin-top:0px; font-size:16px; line-height: 7px; color:#717070;}
.program .title_box p.pro_name > em {position: relative; font-size:20px; line-height: 50px; font-weight: bold; color:#363636; letter-spacing: -0.04em;}
.program .title_box p.desc {margin-top:16px; font-size:16px; line-height: 28px; color:#717070;}
.program .title_box p.desc > em {margin-top:16px; font-size:17px; line-height: 28px; color:#353434;}
.program .title_box p.desc em.br {display: block;}
.program .title_box .time ul li {position: relative; padding-left: 13px;margin-bottom: 8px;}
.program .title_box .time ul li img { display:inline-block;}
.program .title_box .time ul li p {font-size: 16px;line-height: 26px;color: #636363;padding-left: 150px;position: relative;}
.program .title_box .time ul li strong {position: absolute;left: 43px; line-height: 27px; font-size: 16px;display: block;top: 0;color: #868686;}
.program .title_box .time ul li .time_txt {position: absolute;left: 10px; font-size: 16px;display: block;top: 0;color: #ec008c;}
.program .title_box .time ul li em {font-size: 18px; color: #000000;}

.program .invibox_image img {display: block; max-width:100%; margin:auto;}
.program .invibox_image .bg_img {background-image: url("../g_n_images/invi_img01.jpg")}
.program .invibox_image .bg_img {top:0; background-repeat: no-repeat; background-position: center; height: 500px;}

.program .box_image {position: relative; height: 380px; margin-bottom: 70px;}
.program .box_image .bg_img {position: absolute; top:0; display: block; width: 57.5%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; z-index: 1;}
.program .box_image.box_right .bg_img {right:0;}
.program .box_image.box_left .bg_img {left:0;}
.program .box_image.box_01 .bg_img {background-image: url("../g_n_images/invi_img01.jpg")}
.program .box_image.box_02 .bg_img {background-image: url("../g_n_images/who/img_who_01_02.jpg")}
.program .box_image.box_03 .bg_img {background-image: url("../g_n_images/who/img_who_01_03.jpg")}
.program .box_image.box_04 .bg_img {background-image: url("../g_n_images/who/img_who_01_04.jpg")}
.program .box_image.box_05 .bg_img {background-image: url("../g_n_images/who/img_who_01_05.jpg")}

.invi_list ul li {font-size: 19px; margin-top: 20px; margin-bottom: 6px; color: #252525; line-height: 10px; position: relative; padding-left: 30px;}
.invi_list ul li > em {font-size: 50px;line-height: 18px; margin-bottom: 6px;color: #525252;position: relative;padding-left: 10px;}
.invi_list ul li:last-child {font-size: 5px; margin-bottom: 0;}

.company .box_image .text_area {position: absolute; top:0; width: 47.5%;  height: 100%; z-index: 2; box-sizing: border-box;}
.company .box_image.box_right .text_area {padding-right:60px; left:0;}
.company .box_image.box_left .text_area {padding-left:60px; right:0;}

.program .box_image .text_area .bg_title {position: absolute; display: block; z-index: 3;}
.program .box_image.box_01 .text_area .bg_title em {position: relative; margin-left:-20px; font-size:80px;}

.program .box_image.box_01 .text_area .bg_title {width: 152px; height: auto; bottom:0; left:240px;;}
.program .box_image.box_02 .text_area .bg_title {width: 400px; height: auto; bottom:0; right:0; }
.program .box_image.box_03 .text_area .bg_title {width: 273px; height: auto; bottom:-10px; right:0; }
.program .box_image.box_04 .text_area .bg_title {width: 424px; height: auto; bottom:0; left:0; }
.program .box_image.box_05 .text_area .bg_title {width: 375px; height: auto; bottom:0; right:0; }

.program .box_image .text_area .text_box {position: absolute; background-color: #fff; width: 570px; box-sizing: border-box;}
.program .box_image.box_right .text_area .text_box {top:0; left:0; padding:25px 60px 33px 0;}
.program .box_image.box_left .text_area .text_box {bottom:0; right:0; padding:55px 30px 0 60px;}

.program .box_image .text_area .text_box p.title {position: relative; font-size:30px; line-height: 40px; font-weight: bold; color:#333333;}
.program .box_image .text_area .text_box p.desc {margin-top:20px; font-size:16px; line-height: 28px; color:#777;}
.program .box_image .text_area .text_box p.desc em.br {display: block;}

@media all and (max-width:1360px) {
	article.program {padding:60px 70px 0 70px;}
}
@media all and (max-width:1320px) {
	.program .box_image .text_area .text_box p.desc em.br {display: inline;}
}
@media all and (max-width:1200px) {
	.program .box_image .text_area .text_box {width:530px;}
	.program .title_box p.title >span{ font-size:13px; color:#797979; font-weight:400;letter-spacing:normal; padding-left:155px;}
}
@media all and (max-width:1024px) {
	.program .title_box p.desc em.br {display: inline;}
	.program .box_image .text_area .text_box {width:490px;}
	.program .box_image.box_right .text_area .text_box {padding:30px 40px 20px 0;}
	.program .box_image.box_left .text_area .text_box {padding:30px 20px 20px 30px;}
	.program .box_image.box_01 .text_area .bg_title {width: 102px;}
	.program .box_image.box_02 .text_area .bg_title {width: 266px; bottom:0; right:0; }
	.program .box_image.box_03 .text_area .bg_title {width: 182px; bottom:-5px; right:0; }
	.program .box_image.box_04 .text_area .bg_title {width: 282px; bottom:0; left:0; }
	.program .box_image.box_05 .text_area .bg_title {width: 250px; bottom:5px; right:0; }
}
@media all and (max-width:800px) {
	article.program {padding:3px 0 0;}
	.program .title_box h1 {position: relative; font-size:25px; line-height: 50px; font-weight: bold; color:#c6252c; margin-top:10px; letter-spacing: -0.04em;}
	.program .title_box {padding:30px 20px 20px;}
	.program .box_image {height: auto; margin-bottom:0;}
	.program .box_image .bg_img {position: relative; top:0; left:0; right:0; bottom:0; width: 100%; height: 250px;}
	.program .box_image .text_area {position: relative; top:0; left:0; right:0; bottom:0; width: 100%; height: auto;  padding:20px !important; }
	.program .box_image .text_area .text_box {position: relative; width:100%; top:0; left:0; right:0; bottom:0; padding:15px !important; margin-top:-60px;}
	.program .box_image .text_area .bg_title {display: none !important;}
	.program .box_image .text_area .text_box p.title {font-size:20px; line-height: 30px;}
	.program .box_image .text_area .text_box p.desc {margin-top:10px; font-size:14px; line-height: 20px;}
	.program .title_box p.title {font-size:30px; line-height: 35px;}
	.program .title_box p.title em {font-size:20px;}
	.program .title_box p.desc {font-size:14px; line-height: 24px;}
	.program .title_box p.pro_name {margin-top:8px; font-size:16px; line-height: 22px; color:#717070;}
	.program .title_box p.pro_name > em {position: relative; font-size:20px; line-height: 29px; font-weight: bold; color:#363636; letter-spacing: -0.04em;}
	.program .title_box p.title >span{ font-size:14px; color:#797979; font-weight:400; letter-spacing:normal;  padding-left:35px;}

}
@media all and (max-width:414px) {
	.program .box_image .bg_img {height: 187px;}
	.program .title_box p.title >span{ display:none}
}

.tbl { width:100%; }
.tbl thead th { font-size:18px; color:#292929; font-weight:400; background-color:#fff; text-align:center; border-bottom:1px solid #ccc; border-top:4px solid #0065ad; padding:2px 10px; }
.tbl tbody th { font-size:20px; color:#292929; font-weight:400; text-align:center; border-bottom:1px solid #ccc;}
.s_bg{ background-color:#3b438c;line-height:50px;}
.s1_bg{ background-color:#ebebeb;line-height:37px;}
.s1_txt{ font-size:16px; color:#000000}
.s2_bg{ background-color:#6859a2;line-height:37px;}
.s3_bg{ background-color:#9a65a7;line-height:37px;}
.s4_bg{ background-color:#ba67a1;line-height:37px;}
.s5_bg{ background-color:#562174;line-height:37px;}
.s_center { text-align:center;}
.tbl tbody td { border-bottom:1px solid #ccc; padding:6px 20px; font-size:16px; line-height:25px; }
.tbl tbody td em {font-size: 18px; color: #000000;}
.tbl tbody td span {font-size: 16px; color: #00558e;}
.tabletop{ border-top:#9e0039 3px solid; border-right::#a1a1a1 1px solid; border-bottom:#a1a1a1 1px solid;}
.tableleft{border-left:#a1a1a1 1px solid;}
.tablebottom{border-bottom:#a1a1a1 1px solid;}

@media (max-width: 1199px) {
	.tbl_wrap { overflow-x:scroll; -webkit-overflow-scrolling: touch;}
	.tbl thead th { font-size:15px;}
	.tbl tbody th { font-size:15px;}
	.tbl tbody td { font-size:15px;}
	.tbl colgroup { display:none; }
}


.container .con_teb {
    clear: both;
    float: left;
    width: 100%;
	margin:0px 0 5px 0;
    
}
ul.tabs2 { font-family:'Noto Sans KR', 'Malgun Gothic', dotum, '돋움', '굴림', Gulim, sans-serif;
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;

    width: 100%;
    font-size:19px;
	/*height:40px;*/
}


ul.tabs2 li { margin-bottom:-1px; color:#232222; margin-left:0px;
    float: left;
    text-align:center;
	
    cursor: pointer;
    width:16.5%;
    height: 55px;
    /*line-height: 45px;*/
    border: 1px solid #ccc;
    font-weight: 400;
    background: #eeeeee;
    overflow: hidden;
    position: relative;
	margin-bottom:50px;
	
}


ul.tabs2 li.selected, ul.tabs li.selected:hover
{
    position: relative;
    top: 0px;
	color:#444; background:#fff; border:2px solid #ccc; border-top: 2px solid #05384c; border-bottom:none;}
	
ul.tabs2 li.selected a, ul.tabs li.selected a:hover { font-size:21px; color:#d03769;}
        

ul.tabs2 li a { padding:10px 180px; font-size:17px; font-weight:500; color:#444; display:block;}
        
ul.tabs2 li.selected a:hover
{
    text-decoration: none;
}

ul.tabs2 li.active { color:#fff; background: #6aa9c5; border:1px solid #6aa9c5; }


.tab_container2 {
    border: none;
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    background: #FFFFFF;max-width:900px;
}
.tab_content2 { position: absolute;
    margin:40px 0px 0px 0px; padding-right:60px;
    font-size: 1em;
    display: none;
}
.tab_container2 .tab_content2 ul {
    width:100%;
    margin:0px;
    padding:0px;
}
.tab_container2 .tab_content2 ul li {
    padding:5px;
    list-style:none;
}
 #container2 {
    width: 1100px;
    margin: 0 auto;
}
@media all and (max-width:800px) {
	
.container .con_teb {margin:20px 0 5px 0; }	
	
ul.tabs2 li a { font-size:15px;}
ul.tabs2 li.selected a, ul.tabs li.selected a:hover { font-size:17px;}

}
@media all and (max-width:414px) {
	
.container .con_teb {margin:20px 0 5px 0; }	
	
ul.tabs2 li a { font-size:12px;}
ul.tabs2 li.selected a, ul.tabs li.selected a:hover { font-size:14px;}

}


/*symposium*/
article.symposium {position: relative; width: auto; max-width: 1320px; margin:0 auto; padding:60px 60px 0; box-sizing: border-box;}

.d_title {display:block; font-size:25px; line-height: 50px; font-weight: bold; text-align:center; color:#c6252c; margin-top:10px; margin-bottom:10px; letter-spacing: -0.04em;}
.btn_gbcsdwon {display:block; margin:auto;font-size:17px; width:250px; height:36px; text-align:center; line-height:35px; border: 1px solid #787878; border-radius: 3px; background-color:#cce0e8; }


/* transportation */
article.transportation {position: relative; width: auto; max-width: 1200px; margin:0 auto; padding:60px 20px 0; box-sizing: border-box;}

.locationWrap .trans_img ul li {float:left; margin-bottom:50px;}
.locationWrap #map {height: 590px;background-color: #dcdcdc;}
.locationWrap .mapInfo {text-align: center;margin-top: 70px;}
.locationWrap .mapInfo p {font-size: 23px;line-height: 35px; font-weight: 500;}
.locationWrap .mapInfo ul {font-size: 0;margin-top: 8px;}
.locationWrap .mapInfo ul li {display: inline-block;vertical-align: top;font-size: 18px;line-height: 30px;margin-right: 11px;padding-right: 15px;position: relative;}
.locationWrap .mapInfo ul li span {display: inline-block;color: #2e3480;}
.locationWrap .mapInfo ul li:after {position: absolute;width: 5px;height: 5px;background-color: #2e3480;content:'';right: 0;top: 50%;margin-top: -2.5px;}
.locationWrap .mapInfo ul li:last-child {margin-right: 0;padding-right: 0;}
.locationWrap .mapInfo ul li:last-child:after {display: none;} 

@media all and (max-width:800px) {
	.locationWrap #map {height: 400px;}
	.locationWrap .mapInfo {margin-top: 20px;}
	.locationWrap .mapInfo p {font-size: 18px;line-height: 30px;}
	.locationWrap .mapInfo ul li {font-size: 14px;line-height: 30px;}
	.locationWrap .mapInfo ul li:after {width: 4px;height: 4px;margin-top: -2px;}
	.locationWrap .trans_img ul li {margin-bottom:0px;}
}

/* pre_registration */
article.pre_registration {position: relative; width: auto; max-width: 1100px; margin:0 auto; padding:0px 20px 0; box-sizing: border-box;}
.pre_registration .pre_table {width:100%; font-size:16px;line-height: 40px; padding-bottom:20px;}
.pre_registration .pre_table tr {text-align:center;}
.pre_registration .tabletop {border-top:#1a507c 3px solid; border-bottom:#a1a1a1 1px solid;}
.pre_registration .tabletop2 {border-bottom:#a1a1a1 1px solid;}
.pre_registration .tableTxtBold {font-weight: normal; font-size:16px; color:#000000;}
.pre_registration .pre_table th {font-weight: normal; font-size:14px; color:#000000; width: 30%; background:#ececec;}
.pre_registration .pre_table td {text-align:center; font-size: 14px;}
.pre_registration .tableleft {border-left:#a1a1a1 1px solid;}
.pre_registration .tableright {border-right:#a1a1a1 1px solid; border-left:#a1a1a1 1px solid;}

.pre_registration .pre_txt_box {padding:9px 0 26px;}
.pre_registration .pre_txt_box .txt_box {position: relative; font-size:18px; line-height: 36px; color:#464646; letter-spacing: -0.01em;}
.pre_registration .pre_txt_box .txt_box > em {position: relative; font-size:18px; line-height: 36px; color:#174a88; letter-spacing: -0.01em;}


@media all and (max-width:800px) {
	
    .pre_registration .pre_table {width:100%; font-size:12px;line-height: 20px;}
	.pre_registration .pre_table th {font-weight: normal; font-size:12px; width: 40%;}
	.pre_registration .pre_txt_box .txt_box {position: relative; font-size:16px; line-height: 25px;letter-spacing: -0.01em;}
    .pre_registration .pre_txt_box .txt_box > em {position: relative; font-size:16px; line-height: 25px; letter-spacing: -0.01em;}

}



/** who we are - company - history **********************************************************************************************/
article.history {position: relative; width: auto; min-height: 843px; height:auto; background: url("../g_n_images/who/bg_history.jpg") no-repeat center; background-size: cover;}
.history .img_area {position: absolute; bottom:150px; right:0; width: 50%; height:475px; display: block; opacity: 0; background-repeat: no-repeat; background-size: cover; background-position: center;}
.history .img_area.on {opacity: 1;}
.history .img_area.history_01 {background-image: url("../g_n_images/who/img_history_01.jpg")}
.history .img_area.history_02 {background-image: url("../g_n_images/who/img_history_02.jpg")}
.history .img_area.history_03 {background-image: url("../g_n_images/who/img_history_03.jpg")}

.history .info_area {position: relative; width: 100%; max-width: 1200px; margin:0 auto; padding-top:78px; color: #fff; box-sizing: border-box;}
.history .info_area > p.title {font-size:40px; line-height: 60px; font-weight: bold; padding-right:70px;}
.history .info_area .history_group {margin:61px -20px 0;}
.history .info_area .history_group a.btn_history {display: inline-block; font-family: "Noto Sans"; font-size:20px; line-height:40px; height: 41px; margin:0 20px; box-sizing: border-box; font-weight: bold; letter-spacing: 0;}
.history .info_area .history_group a.btn_history.on {border-bottom:4px solid #fff;}
.history .info_area .history_box {display: none; padding-top:150px; padding-right:50%; box-sizing: border-box;}
.history .info_area .history_box.on {display: block;}
.history .info_area .history_box > p.title {position: relative; font-size:40px; line-height: 50px; padding:5px 0; color:#00aeef; font-weight: bold; margin-right:20px;}
.history .info_area .history_box > p.title > .bg {position: absolute; top:-70px; left:0; z-index: 1;}
.history .info_area .history_box > p.title > .text {position: relative; z-index: 2;}
.history .info_area .history_box ul {padding-top:40px; padding-right:20px; padding-bottom:45px;}
.history .info_area .history_box ul li {font-size:16px; line-height: 30px; text-indent: -77px; margin-left:77px;}
.history .info_area .history_box ul li .year {position: relative; text-indent: 0; display: inline-block; width: 77px; padding-left:14px; color:#00aeef; box-sizing: border-box;}
.history .info_area .history_box ul li .year:before {content: ""; position: absolute; top:13px; left:0; width: 6px; height: 6px; background-color: #00aeef;}
@media all and (max-width:1260px) {
	.history .info_area {padding-left:30px; width: 100%;}
}
@media all and (max-width:800px) {
	article.history {height: auto; padding-bottom:390px; min-height: 0;}
	.history .img_area {bottom:0; height:360px; width: 100%;}
	.history .info_area {padding:39px 20px 0;}
	.history .info_area > p.title {font-size:30px; line-height: 40px; font-weight: bold;}
	.history .info_area .history_group {margin:20px -10px 0;}
	.history .info_area .history_group a.btn_history {font-size:18px; line-height: 30px; height: 32px; margin:0 10px;}
	.history .info_area .history_group a.btn_history.on {border-bottom:2px solid #fff;}

	.history .info_area .history_box {padding-top:80px; padding-right:0;}
	.history .info_area .history_box > p.title {font-size:25px; line-height: 35px;}
	.history .info_area .history_box > p.title > .bg {height: 70px; width: auto;}
	.history .info_area .history_box > p.title > .bg img {max-height: 100%; width: auto;}
	.history .info_area .history_box > p.title > .text {position: relative; z-index: 2;}
	.history .info_area .history_box ul {padding-top:20px; padding-bottom:0;}
	.history .info_area .history_box ul li {font-size:14px; line-height: 28px;}
	.history .info_area .history_box ul li .year {font-size:16px;}
	.history .info_area .history_box ul li .year:before {top:13px; left:0; width: 4px; height: 4px;}
}

/** who we are - ceo **********************************************************************************************/
.ceo {width: 100%; background-color: #575c62; height:auto; padding-top:60px; box-sizing: border-box;}
.ceo .ceo_info {position: relative; width: auto; max-width: 1200px; height: 100%; margin:0 auto; padding-bottom:136px;}
.ceo .ceo_info .info_data {padding-bottom:75px; background:url("../g_n_images/who/bg_ceo.jpg") no-repeat bottom right;}
.ceo .ceo_info p.cat {padding-top:90px; font-family: "Noto Sans"; font-size:20px; line-height: 30px; color:#00aeef;}
.ceo .ceo_info p.title {padding-top:14px; font-size:40px; line-height: 50px; color:#fff; font-weight: bold;}
.ceo .ceo_info p.desc {padding-top:20px; font-size:20px; line-height: 32px; color:#bbb;}
.ceo .ceo_info p.desc .br {display: block;}
.ceo .ceo_info p.sign {padding-top:20px; font-size:16px; line-height: 26px; color:#999;}
.ceo .ceo_info p.sign .name {display: block; font-weight: bold;}

.ceo_message {width: 100%; height: auto; min-height: 627px; margin-top:-136px; box-sizing: border-box;}
.ceo_message .message_area {position: relative; width: auto; max-width: 1200px; height: auto; margin:0 auto; padding:60px 60px 95px 60px; background-color: #fff; box-sizing: border-box;}
.ceo_message .message_area .photo {float: left; width:420px; margin-right:60px; margin-bottom:10px;}
.ceo_message .message_area p.message_text {margin-top:-0.375rem; font-size:1rem; line-height:1.750rem; color:#666; text-align: left; letter-spacing: 0;}

@media all and (max-width:1280px) {
	.ceo {padding-left:30px; padding-right:30px;}
	.ceo_message {padding-left:30px; padding-right:30px;}
}
@media all and (max-width:1170px) {
	.ceo .ceo_info .info_data {padding-right:380px; background-position: 110% bottom;}
}
@media all and (max-width:1024px) {
	.ceo_message .message_area {padding: 30px 50px 95px 30px;}
	.ceo_message .message_area .photo {margin-right:30px; width: 50%;}
	.ceo .ceo_info p.desc .br {display: inline;}
}
@media all and (max-width:910px) {
	.ceo .ceo_info {background-size: auto 350px; background-position: 115% 130px;}
	.ceo .ceo_info p.title {font-size:30px; line-height: 40px;}
	.ceo .ceo_info p.desc {padding-top:10px; font-size:16px; line-height: 28px; text-align: left;}
}
@media all and (max-width:800px) {
	.ceo {height: auto; min-height: auto; padding:45px 20px 30px;;}
	.ceo .ceo_info {padding-bottom:10px;}
	.ceo .ceo_info .info_data {background:none; padding-right:0; padding-bottom:0;}
	.ceo .ceo_info p.cat {padding-top: 30px;}
	.ceo .ceo_info p.title {font-size:30px; line-height: 40px;}
	.ceo .ceo_info p.desc {padding-top:10px; font-size:16px; line-height: 28px; text-align: left;}
	.ceo_message {margin-top:0; padding:0;}
	.ceo_message .message_area {padding: 20px 20px 45px 20px;}
}
@media all and (max-width:414px) {
	.ceo_message .message_area .photo {float: none; width: 100%; margin-bottom:30px;}
}

/** who we are - Top_mangementan **********************************************************************************************/
.management {padding-top:60px;}
.management .photo_area {float:left; width: 50%; height: 100%;}
.management .photo_area .photo {display: none; width: 100%; height: 901px; background-repeat: no-repeat; background-position: top center; background-size: cover;}
.management .photo_area .photo.on {display: block;}
.management .photo_area .photo .img {display: none;}
.management .photo_area .photo.man_01 {background-image: url("../g_n_images/who/img_executive_01.jpg")}
.management .photo_area .photo.man_02 {background-image: url("../g_n_images/who/img_executive_02.jpg")}
.management .photo_area .photo.man_03 {background-image: url("../g_n_images/who/img_executive_03.jpg")}

.management .photo.mobile {display: none;}

.management .info_area {position: relative; float:left; width: 50%; max-width: 600px; padding-right:70px; position: relative; box-sizing: border-box;}
.management .info_area .info_box {display: none; width: 100%; padding-top:110px; padding-left:60px; box-sizing: border-box;}
.management .info_area .info_box.on {display: block;}
.management .info_area .info_box .name {padding:5px 0; font-size:40px; line-height: 50px; color:#333; font-weight: bold;}
.management .info_area .info_box .name em {display: inline-block; width: auto; padding-right:30px;}
.management .info_area .info_box .name span {display:block; margin-top:10px; font-size:1rem; line-height:1.4rem; color:#666666;}
.management .info_area .info_box ul.career {margin-top:25px;}
.management .info_area .info_box ul.career li {text-indent: -150px; margin-left:150px; font-size:1rem; line-height: 1.625rem; color:#999;}
.management .info_area .info_box ul.career li.line {margin-bottom:1.625rem;}
.management .info_area .info_box ul.career li span {text-indent: 0; display: inline-block; width: 150px; color:#333;}

.management .info_area .menus {position: absolute; right:-40px; top:610px;}
.management .info_area .menus ul {display: block; margin:0 -10px; width: 720px;}
.management .info_area .menus ul li {padding:0 10px; box-sizing: border-box;}
.management .info_area .menus ul li a {position: relative; display: block; width: 220px; height: 170px;}
.management .info_area .menus ul li a:after {content: ""; position: absolute; top:0; left:0; display: block; width: 100%; height: 100%; border:10px solid #00aeef; box-sizing: border-box; opacity: 0; -webkit-transition:opacity 0.2s cubic-bezier(0, 0, 0.25, 1); transition:opacity 0.2s cubic-bezier(0, 0, 0.25, 1);}
.management .info_area .menus ul li a.on:after,
.management .info_area .menus ul li a:hover:after {opacity: 1;}
.management .info_area .menus ul li a .name {position: absolute; bottom:-44px; right:0; display: block; width: 180px; height: 100px; padding-top:15px; padding-left:15px; box-sizing: border-box; background-color: #00aeef; color:#fff; font-size:1rem; z-index: 2; opacity: 0; -webkit-transition:opacity 0.3s cubic-bezier(0, 0, 0.25, 1); transition:opacity 0.3s cubic-bezier(0, 0, 0.25, 1);}
.management .info_area .menus ul li a .name strong {font-size:1.25rem;}
.management .info_area .menus ul li a:hover .name {opacity: 1;}

@media all and (max-width:1360px) {
	.management .info_area .menus {top:670px; right:10px;}
}
@media all and (max-width:1120px) {
	.management .info_area .info_box .name em {display:block;}
}
@media all and (max-width:1080px) {
	.management .info_area .info_box {padding-top:55px; padding-left:30px;}
	.management .info_area .info_box .name {font-size:35px; line-height:45px;}
	.management .info_area .info_box ul.career {margin-top:15px;}
	.management .info_area .info_box ul.career li {text-indent: 0; margin-left:0; line-height:1.4rem;}
	.management .info_area .info_box ul.career li span {display: block;}
	.management .info_area .menus {top:670px;}
}
@media all and (max-width:800px) {
	.management {padding-top:45px;}

	.management .photo_area {display: none; padding:0;}
	.management .photo.mobile {display: block;}
	.management .info_area {float:none; width: 100%; padding:0 0 25px 0; max-width: 100%;}
	.management .info_area .info_box {padding:0 20px 20px; display: block !important;}
	.management .info_area .info_box .name {padding-top:15px; padding-bottom:0; font-size:30px; line-height: 40px;}
	.management .info_area .info_box .name em {display:inline-block; width: auto; padding-right:15px;}
	.management .info_area .info_box ul.career {margin-top:15px;}
	.management .info_area .info_box ul.career li {text-indent: -100px; margin-left:100px;}
	.management .info_area .info_box ul.career li span {display: inline-block; width: 100px;}

	.management .info_area .menus {display: none;}
}

@media all and (max-width:414px) {
	.management .info_area .info_box .name em {display:block;}
	.management .info_area .info_box ul.career li {text-indent: 0; margin-left:0;}
	.management .info_area .info_box ul.career li span {display: block;}
	.management .info_area .menus ul {margin:0 -5px;}
	.management .info_area .menus ul li {padding:0 5px; margin-bottom:10px;}
}

/** What we do - Ship Management **********************************************************************************************/
.ship_management {position: relative; padding-top:60px; width: 100%; height: 890px; background-repeat: no-repeat; background-position: 0 bottom; background-color: #fff; background-size:auto 890px; box-sizing: border-box;}
.ship_management.ship_01 {background-image: url("../g_n_images/do/bg_ship_01_top.jpg")}
.ship_management.ship_02 {background-image: url("../g_n_images/do/bg_ship_02_top.jpg")}
.ship_management.ship_03 {background-image: url("../g_n_images/do/bg_ship_03_top.jpg")}
.ship_management.ship_04 {background-image: url("../g_n_images/do/bg_ship_04_top.jpg")}
.ship_management.ship_05 {background-image: url("../g_n_images/do/bg_ship_05_top.jpg")}
.ship_management.ship_06 {background-image: url("../g_n_images/do/bg_ship_06_top.jpg")}

.ship_management .management_area {position: relative; max-width: 1200px; width: 100%; height: 100%; margin:0 auto;box-sizing: border-box;}
.ship_management .management_area .page_area {margin-left:33.337%;  width: 66.666%; padding:60px; height: 100%; background-color: #fff; box-sizing: border-box;}

.ship_management .scroll_area {position: relative; margin-left:-20px;}
.ship_management .scroll_area:before {content: ""; position: absolute; top:-10px; left:0; display: block; width:30px; height: 50px; background: url("../g_n_images/icons/icons.png") no-repeat -100px -600px; background-size: 1000px auto; z-index: 1;}
.ship_management .scroll_area:after {content: ""; position: absolute; top:-10px; right:0; display: block; width:30px; height: 50px; background: url("../g_n_images/icons/icons.png") no-repeat -150px -600px; background-size: 1000px auto; z-index: 1;}
.ship_management .scroll_area ul {margin:0 3px; white-space:nowrap;}
.ship_management .scroll_area ul li {display: inline-block; padding:0 17px;}
.ship_management .scroll_area ul li a {display: block; font-size:20px; line-height: 30px; padding-bottom:5px; color:#999; font-weight: bold;}
.ship_management .scroll_area ul li.on a {color:#00aeef; border-bottom:4px solid #00aeef;}

.ship_management .management_area .page_area > p.title {margin-top:47px; font-size:40px; line-height: 60px; color:#333; font-weight: bold;}
.ship_management .management_area .page_area > p.desc {margin-top:15px; font-size:18px; line-height: 30px; color:#777;}
.ship_management .management_area .page_area > p.desc > .br {display: block;}

.ship_management .management_area .img_box {position: absolute; left:0; bottom:0; padding-left:33.337%; width: 100%; height: 440px; box-sizing: border-box; background-color: #00aeef;}
.ship_management .management_area .img_box .in_box {display: none;}
.ship_management .management_area .img_box .in_box.on {display: block;}
.ship_management .management_area .img_box .photo {position: absolute; top:0; left:0; width: 33.337%; height: 100%; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: cover; z-index: }
.ship_management .management_area .img_box .photo .img {display: none;}
.ship_management.ship_01 .management_area .img_box .case_01 .photo {background-image: url("../g_n_images/do/img_ship_01_01.jpg")}
.ship_management.ship_01 .management_area .img_box .case_02 .photo {background-image: url("../g_n_images/do/img_ship_01_02.jpg")}
.ship_management.ship_02 .management_area .img_box .case_01 .photo {background-image: url("../g_n_images/do/img_ship_02_01.jpg")}
.ship_management.ship_02 .management_area .img_box .case_02 .photo {background-image: url("../g_n_images/do/img_ship_02_02.jpg")}
.ship_management.ship_03 .management_area .img_box .photo {background-image: url("../g_n_images/do/img_ship_03.jpg")}
.ship_management.ship_04 .management_area .img_box .photo {background-image: url("../g_n_images/do/img_ship_04.jpg")}
.ship_management.ship_05 .management_area .img_box .photo {background-image: url("../g_n_images/do/img_ship_05.jpg")}
.ship_management.ship_06 .management_area .img_box .case_01 .photo {background-image: url("../g_n_images/do/img_ship_06_01.jpg")}
.ship_management.ship_06 .management_area .img_box .case_02 .photo {background-image: url("../g_n_images/do/img_ship_06_02.jpg")}

.ship_management .management_area .img_box .info {position: relative; margin:53px 70px 0 60px;}
.ship_management .management_area .img_box .info:before {content: ""; position: absolute; top:14px; left: 0; display: block; width: 100%; height: 1px; background-color: rgba(255,255,255,0.2);}
.ship_management .management_area .img_box .info .cat {position: relative; display: inline-block; font-family: "Noto Sans"; font-size: 14px; line-height: 24px; padding-right:25px; color:rgba(255,255,255,0.5); letter-spacing:2px; background-color: #00aeef; z-index: 1;}
.ship_management .management_area .img_box .info p.title {margin-top:20px; font-size:30px; line-height: 40px; color:#fff; font-weight: bold;}
.ship_management .management_area .img_box .info ul.list {margin-top:18px;}
.ship_management .management_area .img_box .info ul.list li {position: relative; padding-left:14px; font-size:16px; line-height: 30px; color:#fff;}
.ship_management .management_area .img_box .info ul.list li:before {content: ""; position: absolute; top:15px; left:0; display: block; width:4px; height: 4px; margin-top:-2px; background-color: rgba(255,255,255,0.7); }
.ship_management .management_area .img_box .info p.sub_title {margin-top:18px; font-size:18px; color:#fff;}
.ship_management .management_area .img_box .info ul.list.list2 {margin-top:0;}
.ship_management .management_area .img_box .info ul.sub_list {margin-top:35px;}
.ship_management .management_area .img_box .info ul.sub_list li {font-size:16px; line-height: 30px; color:rgba(16,42,72,0.5);}

.ship_management .management_area .img_box .info p.tit_desc {font-size:16px; line-height: 30px; color:#fff;}
.ship_management .management_area .img_box .info p.desc {margin-top:10px; font-size:16px; line-height: 30px; color:#fff;}

.ship_management .management_area .img_box .diagram {position: absolute; top:100%; left:33.337%; width: 66.666%; padding:13px 30px 60px; height:auto; z-index: 1; background-color: #00aeef; text-align: center; box-sizing: border-box;}
@media all and (min-width:769px) and (max-width:1360px) {
	.ship_management .scroll_area {position: relative; margin-left:-20px; margin-right:30px;}
}
@media all and (min-width:769px) and (max-width:1100px) {
	.ship_management .management_area .img_box .diagram {padding-right:70px;}
}
.ship_management .management_area .img_box .btns {position: absolute; bottom:0; right:0; width: 120px; height: 60px;}
.ship_management .management_area .img_box .btns .btn {display: block; float: left; width:60px; height: 60px; background-color: #fff; background: url("../g_n_images/icons/icons.png") no-repeat -700px 0; background-size: 1000px auto;}
.ship_management .management_area .img_box .btns .btn em {position: absolute; top:0; left:0; display: block; width: 0; height: 0; overflow: hidden; opacity: 0;}
.ship_management .management_area .img_box .btns .btn.btn_next {background-position: -760px 0;}

.ship_management .management_area .img_box .status {position: absolute; top:-5px; right:-37px; width: 12px; height: 34px;}
.ship_management .management_area .img_box .status > a {margin-top:10px; display: block; width: 12px; height: 12px; box-sizing: border-box; border:2px solid #fff;}
.ship_management .management_area .img_box .status > a.on {background-color: #fff;}
.ship_management .management_area .img_box .status > a em {position: absolute; top:0; left:0; display: block; width: 0; height: 0; overflow: hidden; opacity: 0;}

.ship_diagram {position: relative; width: 100%; height:998px; background-repeat: no-repeat; background-position: center; background-size: cover; box-sizing: border-box;}
.ship_diagram.ship_03 {background-image: url("../g_n_images/do/bg_ship_03_bottom.jpg");}
.ship_diagram.ship_04 {background-image: url("../g_n_images/do/bg_ship_04_bottom.jpg");}
.ship_diagram.ship_05 {background-image: url("../g_n_images/do/bg_ship_05_bottom.jpg");}
.ship_diagram.ship_06 {background-image: url("../g_n_images/do/bg_ship_06_bottom.jpg");}
.ship_diagram .diagram_area {display: none; width: 100%; max-width: 1200px; margin:0 auto; box-sizing: border-box;}
.ship_diagram .diagram_area.on {display: block;}
.ship_diagram .diagram_area > p.title {padding-top:82px; font-family: "Noto Sans"; font-size:30px; line-height: 50px; color:#fff; font-weight: bold;}
.ship_diagram .diagram {width: 100%:; text-align: center; box-sizing: border-box;}
.ship_diagram.ship_03 .diagram {padding-top: 72px;}
.ship_diagram.ship_04 .diagram {padding-top: 113px;}
.ship_diagram.ship_06 .diagram {padding-top: 93px;}
.ship_diagram a.btn_mobile {position: absolute; bottom:0; right:0; display: none; width: 45px; height: 45px; background: url("../g_n_images/icons/icons.png") no-repeat -380px -30px; background-size: 500px auto;}
.ship_diagram a.btn_mobile em {position: absolute; top:0; left:0; display: block; width: 0; height: 0; overflow: hidden; opacity: 0;}

.ship_diagram .block_area {width: 100%; max-width:1040px; margin:70px auto 0;}
.ship_diagram .block_area .block {float: left; width: 50%;}
.ship_diagram .block_area .block .box_area {border: 2px solid #fff; box-sizing: border-box; margin:15px;}
.ship_diagram .block_area .block .box_area p.title {height: 60px; line-height: 60px; padding-left:25px; font-size:20px; color:#00aeef; background-color: #fff; }
.ship_diagram .block_area .block .box_area ul {padding:24px 28px 26px;}
.ship_diagram .block_area .block .box_area ul li {font-family: "Noto Sans"; position: relative; font-size:18px; line-height: 26px; padding:2px 0 2px 13px; color:#fff;}
.ship_diagram .block_area .block .box_area ul li:before {content: ""; position: absolute; top:14px; left:0; width: 4px; height: 4px; background-color: #cacbcd;}
.ship_diagram .block_area .block .box_area ul li.none:before {display: none;}

.ship_diagram.ship_05 {padding-top:364px;}
.ship_diagram.ship_05 .list_box {width:100%; max-width: 1200px; margin:0 auto; box-sizing: border-box; font-family: "Noto Sans";}
.ship_diagram.ship_05 .list_box > .title {font-size:60px; line-height: 80px; padding-left:15%; font-weight: bold; color:#00aeef;}
.ship_diagram.ship_05 .list_box ul {margin:45px -15px -15px; padding-left:15%;}
.ship_diagram.ship_05 .list_box ul li {display: block; width: 20%; padding:15px; box-sizing: border-box; }
.ship_diagram.ship_05 .list_box ul li .w_box {display: block; width: 100%; height: 180px; padding:0 10px; background-color: #fff; text-align: center; box-sizing: border-box;}
.ship_diagram.ship_05 .list_box ul li .w_box p.title {padding-top:38px; font-size:24px; line-height: 34px; color:#00aeef; font-weight: bold;}
.ship_diagram.ship_05 .list_box ul li .w_box p.desc {padding-top:7px; font-size:14px; line-height: 18px; color:#666666;}

@media all and (min-width:769px) and (max-width:1360px) {
	.ship_diagram.ship_05 .list_box {padding:0 70px 0 30px;}
	.ship_diagram.ship_05 .list_box > .title {padding-left:0;}
	.ship_diagram.ship_05 .list_box ul {padding-left:0; margin:45px -5px;}
	.ship_diagram.ship_05 .list_box ul li {padding:0 5px;}
}

.certified {width: 100%; position: relative;}
.certified:before {content: ""; position: absolute; top:0; right:0; display: block; width:50%; height: 254px; background-color: #fff;}
.certified .cer_area {position: relative; width: 100%; max-width: 1200px; margin:0 auto; padding:60px 60px 170px; background-color: #fff; margin-top:-254px; box-sizing: border-box; z-index: 1;}
.certified .cer_area .cat {position: relative; font-family: "Noto Sans"; font-size: 14px; line-height: 24px; color:rgba(255,255,255,0.5); letter-spacing:2px; color: #00aeef;}
.certified .cer_area .title {margin-top:19px; font-size:30px; line-height: 40px; color:#333333; font-weight: bold;}
.certified .cer_area .desc {margin-top:20px;}
.certified .cer_area .desc li {position: relative; padding-left:14px; font-size:16px; line-height: 30px; color:#666666;}
.certified .cer_area .desc li:before {content: ""; position: absolute; top:15px; left:0; display: block; width:4px; height: 4px; margin-top:-1px; background-color: #00baff; }

.certified .cer_history {display: table; width: 100%; margin-top:25px; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee;}
.certified .cer_history .cer_box {position: relative; display: table-cell; width: 50%; padding:20px 0 20px 138px; box-sizing: border-box;}
.certified .cer_history .cer_box .mark {position: absolute; top:50%; left:0; margin-top:-21px;}
.certified .cer_history .cer_box p {font-size:16px; line-height: 30px; color:#333333;}
.certified .cer_history .cer_box p span {display: inline-block; width: 45%;}
.certified .cer_history .cer_box.box_02 {padding-left:120px;}
.certified .cer_history .cer_box.box_02 .mark {top:30px; margin-top:0;}
.certified .cer_history .cer_box.box_02 .history {position: absolute; top:38px; width: 100%;}
.certified .cer_history .cer_box.box_02 .history span {width: 35%;}

.certified .cer_list {width: 100%; margin-top:30px;}
.certified .cer_list ul {margin:-10px; }
.certified .cer_list ul li {width: 25%; padding:10px; box-sizing: border-box;}
.certified .cer_list ul li img {max-width: 100%;}

@media all and (max-width:1350px) {
	.ship_management .scroll_area {}
	.ship_management .ft_scroller ul {margin:0 10px; padding-right:60px;}
	.ship_management .ft_scroller ul li {padding:0 10px;}
	.ship_management .management_area .page_area > p.desc > .br {display: inline;}
}
@media all and (max-width:1320px) {
 	.ship_management .management_area .page_area > p.desc {padding-right:40px;}
	.certified .cer_area {padding:30px 70px 90px 30px;}
}
@media all and (max-width:1260px) {
	.ship_diagram .diagram_area {padding:0 70px 0 30px;}
}
@media all and (max-width:1200px) {
	.ship_management .management_area .page_area {padding:30px;}
	.ship_management .management_area .page_area > p.title {margin-top:25px;}
}
@media all and (max-width:1024px) {
	.ship_management .scroll_area ul {margin:0 3px;}
	.ship_management .scroll_area ul li {padding:0 17px;}
	.ship_management .scroll_area ul li a {font-size:14px; line-height: 26px; padding-bottom:0;}
	.ship_management .scroll_area ul li.on a {border-bottom:2px solid #00aeef;}
	.ship_management .management_area .page_area > p.title {font-size:30px;}
}

@media all and (max-width:980px) {
	.ship_diagram.ship_05 .list_box > .title {padding-left:30px;}

	.certified .cer_history .cer_box {width: 55%; padding-left:100px;}
	.certified .cer_history .cer_box.box_02 {width: 45%; padding-left:90px;}
	.certified .cer_history .cer_box.box_02 .history span {width: 25%;}
}

@media all and (max-width:800px) {
	.ship_management {padding-top:45px; background: none !important; height: auto;}
	.ship_management .management_area .page_area {margin:0; width: 100%; padding:25px 0 0;}
	.ship_management .scroll_area {margin-right:0; margin-left:0;}
	.ship_management .scroll_area ul {padding-left:0px; padding-right:10px;}
	.ship_management .scroll_area ul li {padding:0 14px;}
	.ship_management .management_area .page_area {height: auto;}
	.ship_management .management_area .page_area > p.title {margin-top:25px; padding:0 20px; font-size:25px; line-height: 30px;}
	.ship_management .management_area .page_area > p.desc {margin-top:8px; padding:0 20px; font-size:13px; line-height: 20px;}
	.ship_management .management_area .img_box {position: relative; top:0; right:0; padding-left:0; margin-top:27px; height: auto;}
	.ship_management .management_area .img_box .photo {position: relative; right:0; bottom:0; width: 100%; height: auto; overflow: hidden;  background: none !important;}
	.ship_management .management_area .img_box .photo .img {display: block;}
	.ship_management .management_area .img_box .photo .img img {width: 100%; height: auto;}
	.ship_management .management_area .img_box .info {margin:0 20px 0 20px; padding-bottom:90px;}
	.ship_management .management_area .img_box .info.none_btn {padding-bottom:45px;}
	.ship_management .management_area .img_box .info:before {display: none;}
	.ship_management .management_area .img_box .info .cat {display: none;}
	.ship_management .management_area .img_box .info p.title {margin-top:20px; padding:2px 0; font-size:19px; line-height: 25px;}
	.ship_management .management_area .img_box .info ul.list {margin-top:5px;}
	.ship_management .management_area .img_box .info ul.list li {position: relative; padding-left:10px; font-size:13px; line-height: 22px;}
	.ship_management .management_area .img_box .info ul.list li:before {top:10px; width:3px; height: 3px; margin-top:-2px;}
	.ship_management .management_area .img_box .info p.sub_title {margin-top:5px; font-size:16px; color:#fff;}
	.ship_management .management_area .img_box .info ul.sub_list {margin-top:15px;}
	.ship_management .management_area .img_box .info ul.sub_list li {font-size:14px; line-height: 22px;}

	.ship_management .management_area .img_box .btns {width: 90px; height: 45px;}
	.ship_management .management_area .img_box .btns .btn {width:45px; height: 45px; background-color: #fff; background: url("../g_n_images/icons/icons.png") no-repeat -350px -125px; background-size: 500px auto;}
	.ship_management .management_area .img_box .btns .btn.btn_next {background-position: -395px -125px;}

	.ship_management .management_area .img_box .status {position: absolute; top:2px; right:-10px; width: 8px; height: 30px;}
	.ship_management .management_area .img_box .status > a {margin-top:7px; width: 8px; height: 8px; border:1px solid #fff;}

	.ship_diagram {height: auto; padding-top:40px; padding-bottom:60px;}
	.ship_diagram .diagram_area {padding:0 20px;}
	.ship_diagram .diagram_area > p.title {padding:2px 0;font-size:19px; line-height: 25px;}
	.ship_diagram .diagram {padding-top:25px !important;}
	.ship_diagram a.btn_mobile {display: block;}

	.ship_diagram .block_area {margin-top:20px;}
	.ship_diagram .block_area .block {float: none; width: 100%;}
	.ship_diagram .block_area .block .box_area {border: 1px solid #fff; margin:10px 0;}
	.ship_diagram .block_area .block .box_area p.title {height: 40px; line-height: 40px; padding-left:15px; font-size:16px;}
	.ship_diagram .block_area .block .box_area ul {padding:12px 14px 13px;}
	.ship_diagram .block_area .block .box_area ul li {font-size:14px; line-height: 20px; padding:2px 0 2px 9px;}
	.ship_diagram .block_area .block .box_area ul li:before {top:11px; width: 2px; height: 2px;}
	.ship_diagram .block_area .block .box_area ul li.none:before {display: none;}

	.ship_management .management_area .img_box .info p.tit_desc,
	.ship_management .management_area .img_box .info p.desc {font-size:13px; line-height:22px;}
	.ship_management .management_area .img_box .diagram {position: relative; top:0; left:0; right:0; bottom:0; width:100%;}
	.ship_diagram.ship_05 {padding-top:20px; padding-bottom:20px;}
	.ship_diagram.ship_05 .list_box > .title {font-size:40px; line-height: 60px; padding-left: 20px;}
	.ship_diagram.ship_05 .list_box ul {margin-top:15px; padding:0 20px;}

	.certified .cer_area {margin-top:0;}
	.certified .cer_area .cat {font-size:13px; line-height: 23px;}
	.certified .cer_area .title {margin-top:10px; font-size:20px; line-height: 30px;}
	.certified .cer_area .desc {margin-top:10px;}
	.certified .cer_area .desc li {font-size:13px; line-height: 22px; padding-left:8px;}
	.certified .cer_area .desc li:before {width:2px; height: 2px;}
	.ship_diagram.ship_05 .list_box ul li {width: 33.333%; height: auto;}
	.ship_diagram.ship_05 .list_box ul li .w_box {height: auto; padding-bottom:20px;}
	.ship_diagram.ship_05 .list_box ul li .w_box p.title {padding-top:20px; font-size:18px; line-height: 28px;}

	.certified .cer_history {display: block;}
	.certified .cer_history .cer_box {display: block; width: 100%; padding-top:10px; padding-bottom:10px; padding-left:120px !important;}
	.certified .cer_history .cer_box p {font-size:14px; line-height: 26px; box-sizing: border-box !important;}
	.certified .cer_history .cer_box p span {width: 50% !important;}
	.certified .cer_history .cer_box .mark {left:10px;}
	.certified .cer_history .cer_box.box_02 {height: 90px; width: 100%; border-top:1px solid #eeeeee;}
	.certified .cer_history .cer_box.box_02 .mark {top:12px;}
	.certified .cer_history .cer_box.box_02 .history {position: relative; top:9px;}
	.certified .cer_list ul li {width: 50%; text-align: center;}
}
@media all and (max-width:600px) {
	.ship_diagram.ship_05 .list_box ul {margin:15px -5px -5px;}
	.ship_diagram.ship_05 .list_box ul li {padding:5px;}
}
@media all and (max-width:414px) {
	.certified .cer_history .cer_box p {line-height: 20px; padding:3px 0; text-indent: -20px; margin-left:20px;}
	.certified .cer_history .cer_box p span {display: block; width: 100% !important;}
	.ship_diagram.ship_05 .list_box ul li {width: 50%;}
	.certified .cer_list ul li {width: 100%;}
}
@media all and (max-width:359px) {
	.ship_diagram.ship_05 .list_box ul li .w_box {padding:0 5px 20px;}
}


/** LNG **********************************************************************************************/
.company .box_image.box_lng {height: 500px;}
.company .box_image.box_lng.lng_01 {margin-top:90px;}
.company .box_image.box_lng .bg_img {display: none; height: 500px;}
.company .box_image.box_lng .bg_img.on {display: block;}
.company .box_image.box_lng .case_box {display: none;}
.company .box_image.box_lng .case_box.on {display: block;}
.company .box_image.box_lng.lng_01 .bg_img.case_01 {background-image: url("../g_n_images/do/img_lng_01_01.jpg")}
.company .box_image.box_lng.lng_01 .bg_img.case_02 {background-image: url("../g_n_images/do/img_lng_01_02.jpg")}
.company .box_image.box_lng.lng_02 .bg_img.case_03 {background-image: url("../g_n_images/do/img_lng_02_01.jpg")}
.company .box_image.box_lng.lng_02 .bg_img.case_04 {background-image: url("../g_n_images/do/img_lng_02_02.jpg")}

.company .box_image.box_lng .menus {margin:0 -9px;}
.company .box_image.box_lng .menus a {margin:0 9px; display: inline-block; font-size:20px; line-height: 30px; height: 34px; color:#999; font-weight: bold; letter-spacing:-0.04em;}
.company .box_image.box_lng .menus a.on {color:#00aeef; border-bottom:4px solid #00aeef; }
.company .box_image.box_lng.box_right {margin-bottom:0;}
.company .box_image.box_lng.box_right .text_area .text_box {padding-top:18px; padding-bottom:0; height: 400px; box-sizing: border-box;}
.company .box_image.box_lng .text_area .text_box p.title {margin-top:47px; font-size:40px; line-height: 60px; letter-spacing:-0.04em;}
.company .box_image.box_lng .text_area .text_box p.title_sub {margin-top:14px; font-size:24px; line-height: 32px; color:#333333; font-weight: bold; letter-spacing: 0;}
.company .box_image.box_lng.box_left .text_area .text_box p.desc {height: 140px;}
.company .box_image.box_lng.box_right .text_area .text_box p.desc {padding-right:10px;}

.company .box_image.box_lng .btns {display: none; margin-top:17px;}
.company .box_image.box_lng .btns li:first-child {margin-bottom:13px;}
.company .box_image.box_lng .btns.on {display: block;}
.company .box_image.box_lng .btn_more {display: inline-block; font-size:16px; font-weight: bold; line-height: 26px; height: 30px; color:#666666; border-bottom:1px solid #666666;}
.company .box_image.box_lng .btn_more em {font-family:"Dotum, 'droid sans fallback','AppleGothic',sans-serif"; font-weight:bold;}

.shadow_title {padding-left:50%; margin-left:-90px; margin-top:0; margin-bottom:125px;}
.shadow_title > p {display: none;}
.shadow_title .on {display: block;}

@media all and (max-width:1200px) {
	.company .box_image.box_lng .text_area .text_box {width:570px;}
}
@media all and (max-width:1060px) {
	.shadow_title {margin-left:-8%;}
}
@media all and (max-width:1060px) {
	.company .box_image.box_lng .btns li {display: inline-block;}
	.company .box_image.box_lng .btns li:first-child {margin-right:20px;}
}
@media all and (max-width:1060px) {
	.company .box_image.box_lng .text_area .text_box {width:510px; padding-right:0;}
}
@media all and (max-width:800px) {
	.company .box_image.box_lng {height: auto;}
	.company.com_lng {padding-top:0;}
	.company .box_image.box_lng .bg_img {height: 500px;}
	.company .box_image.box_lng.lng_01 {margin-top:0; padding-top:45px;}
	.company .box_image.box_lng .menus {margin:0 -15px; padding:0;}
	.company .box_image.box_lng .menus a {font-size:14px; line-height: 24px; height: 24px; margin:0 15px;}
	.company .box_image.box_lng .menus a.on {border-bottom:2px solid #00aeef;}
	.company .box_image.box_lng .text_area .text_box {width:100%; margin-top:-70px; padding:23px 30px !important; height: auto !important;}
	.company .box_image.box_lng .text_area .text_box p.title_sub {margin-top:0; font-size:16px; line-height: 26px;}
	.company .box_image.box_lng .text_area .text_box p.title {margin-top:23px; font-size:25px; line-height: 35px;}
	.company .box_image .text_area .text_box p.desc {font-size:13px; text-align: left;}
	.company .box_image.box_lng .btns {margin-top:20px;}
	.company .box_image.box_lng .btns li {display: block;}
	.company .box_image.box_lng .btns li:first-child {margin-bottom:9px;}
	.company .box_image.box_lng .btn_more {font-size:14px; line-height: 24px; height: 24px;}
	.company .box_image.box_lng.box_left .text_area .text_box p.desc {height: auto;}
	.shadow_title {display: none;}
}
@media all and (max-width:414px) {
    .company .box_image.box_lng .bg_img {height: 250px;}
}

/* LNG popup 4 */
.popup {display: none; width: 100%; max-width: 1200px; height: auto; padding:40px 20px 0; box-sizing: border-box;}
.popup .popup_area {position: relative; width: 100%; background-color: #fff; padding:50px 60px; box-sizing: border-box;}
.popup .popup_area .btn_close {position: absolute; top:-40px; right:0; display: block; width: 90px; height: 90px; background: url("../g_n_images/icons/icons.png") no-repeat -850px -60px; background-size: 1000px auto;}
.popup .popup_area .btn_close em {position: absolute; top:0; left:0; display: block; width: 0; height: 0; overflow: hidden; opacity: 0;}
.popup .popup_area p.title {padding:4px 0; font-size:30px; line-height: 42px; color:#333; text-align: center;}
.popup .popup_area .img {text-align: center; margin-top:30px;}
.popup .popup_area .exp_area {position: relative; margin-top:35px; padding-left:285px;}
.popup .popup_area .exp_area .img_left {position: absolute; top:0; left:0; padding-left:35px; padding-top:37px; text-align: left;}
.popup .popup_area .exp_area .img_left .text {margin-top:20px; text-align: center; font-size:1rem; line-height: 1.625rem; color:#333333; font-weight: bold;}
.popup .popup_area .exp_area .exp {padding-left:31px; border-left:1px solid #eeeeee;}
.popup.popup_membrane .popup_area .exp_area .exp {padding-top:37px; padding-bottom:37px;}
.popup .popup_area .exp_area .exp p.desc {margin-bottom:10px; font-size:1rem; line-height: 1.750rem; color:#666666;}
.popup .popup_area .exp_area .exp p.t_sub {padding:10px 0; font-size:20px; line-height: 30px; color:#333; font-weight: bold;}
.popup .popup_area .exp_area .exp ul {margin-bottom:10px; }
.popup .popup_area .exp_area .exp ul li {position: relative; font-size:1rem; line-height: 1.5rem; color:#666666; padding:2px 0 2px 13px;;}
.popup .popup_area .exp_area .exp ul li::before {content: ""; position: absolute; top:0.785rem; left:0; width: 3px; height: 3px; margin-top:2px; display: block; background-color: #999;}

/* LNG POPUP megi */
.popup.popup_megi {font-family:"Noto Sans"; padding-bottom:100px;}
.popup.popup_megi .exp_area img {max-width:100%;}
.popup.popup_megi .exp_area .img {margin-top:0;}
.popup.popup_megi .exp_area .img_left {width:36.5%; padding:0; margin-top:0;}
.popup.popup_megi .exp_area .img_right {position:absolute; width:27%; absolute; top:0; right:0; text-align: center; padding-left:20px;  box-sizing:border-box;}
.popup.popup_megi .popup_area .exp_area {padding-left:36.5%; padding-right:27%; width:100%; box-sizing:border-box;}
.popup.popup_megi .popup_area .exp_area .exp.middle {border-left:0;}
.popup.popup_megi .popup_area .exp_area .exp ul li.big::before {display:none; padding:3px 0;}
.popup.popup_megi .popup_area .exp_area p.t_sub {font-size:20px; line-height:30px; color:#40a911; font-weight:bold; padding-left:10px; text-align:left; letter-spacing:-1px;}
.popup.popup_megi .exp_area .img_right img {margin-top:20px;}
.popup.popup_megi .exp_area .img_left p.t_sub {position:absolute; bottom:35px; right:0; text-align:right;}
@media all and (max-width:1024px) {
	.popup.popup_megi .exp_area .img_left p.t_sub {bottom:0;}
}
@media all and (max-width:800px) {
	.popup .popup_area {padding:25px 30px;}
	.popup .popup_area .btn_close {top:-30px; right:0; display: block; width: 45px; height: 45px; background: url("../g_n_images/icons/icons.png") no-repeat -425px -30px; background-size: 500px auto;}
	.popup .popup_area p.title {padding:2px 0; font-size:25px; line-height: 36px;}
    .popup .popup_area .exp_area  {padding:0;}
    .popup .popup_area .exp_area .img_left {position: relative; padding:0 20px 10px 0; float:left; width: 40%; max-width: 220px;}
    .popup .popup_area .exp_area .exp {padding-left:0; border-left:0;}
    .popup .popup_area .exp_area .exp p.t_sub {font-size:16px; line-height: 24px; padding:5px 0;}
    
    .popup.popup_megi .popup_area {max-width:460px; margin:0 auto;}
    .popup.popup_megi .exp_area .img_left {position:relative; width:100%; top:0; left:0; right:0; bottom:0; float:none; max-width:100%; text-align:center;}
    .popup.popup_megi .exp_area .img_right {position:relative; width:100%; margin-top:20px; top:0; left:0; right:0; bottom:0; padding-left:0; float:none; max-width:100%; text-align:center;}
 	.popup.popup_megi .popup_area .exp_area .exp.middle {margin-top:-20px;}
    .popup.popup_megi .popup_area .exp_area {padding-left:0; padding-right:0;}
    .popup.popup_megi .popup_area .exp_area p.t_sub {padding-left:0;}
    .popup.popup_megi .popup_area .exp_area p.t_sub {font-size:16px; line-height:24px;}
    .popup.popup_megi .exp_area .img_left p.t_sub {bottom:35px; right:20px;}
}


/* ship_intro */
.ship_intro {position: relative; width: 100%; height: 970px; background-color: #f7f7f7; box-sizing:border-box;}
.ship_intro .intro_area {position: relative; padding-top:85px; width: 100%; max-width: 1200px; height: 265px; margin:0 auto; overflow: visible; box-sizing: border-box;}
.ship_intro .intro_area:before {content: ""; position: absolute; top:0; left:-1920px; display: block; width: 1920px; height: 970px; background-color: #f7f7f7; z-index: 9;}
.ship_intro .intro_area > p.title {font-size:40px; line-height: 60px; color:#333; font-weight: bold;}
.ship_intro .intro_area > p.desc {margin-top:12px; font-size:1rem; line-height: 1.750rem; color:#666666;}
.ship_intro .intro_area > p.desc .br {display: block;}

.ship_intro .swiper {position: relative; width: 100%; max-width:1200px; margin:0 auto; overflow:visible !important;}
.ship_intro .swiper .slick-list {overflow:visible !important;}
.ship_intro .slideBox {position: relative; padding-top:55px; padding-left:88px; width: 100%; max-width: 1200px; box-sizing: border-box; opacity: 0.3; -ms-transform: scale(0.7); -webkit-transform: scale(0.7); transform: scale(0.7);}
.ship_intro .slideBox.slick-clone-current,
.ship_intro .slideBox.slick-active {opacity: 1; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -webkit-transition:transform 0.5s cubic-bezier(0, 0, 0.25, 1); transition:transform 0.5s cubic-bezier(0, 0, 0.25, 1);}
.ship_intro .slide .img {position: absolute; top:0; left:0; width: 630px; height: 500px; z-index: 1;}
.ship_intro .slide .img .swiper-container {width: 100%; height: 100%;}
.ship_intro .slide .img .swiper-container .slick-track, 
.ship_intro .slide .img .swiper-container .slick-list {width:auto; height:100%;}
.ship_intro .slide .img .swiper-container .slick-list .slick-slide {width:auto; height:100%;}
.ship_intro .slide .img .swiper-slide img {width: 100%; height: auto; max-width: 100%; max-height:100%;}
.ship_intro .slide .img .swiper-slide .photo {position: relative; width: 630px; height: 500px; background-repeat: no-repeat; background-position: center; background-size:cover;}
.ship_intro .slide .info_area {position: relative; background-color: #fff; padding-left:600px; height: 500px;}
.ship_intro .slide .info_area .name {padding-top:53px; font-size:30px; line-height: 40px; color:#00aeef; font-weight: bold;}
.ship_intro .slide .info_area .name span {padding-left:10px; font-size:1rem; font-weight: normal;}
.ship_intro .slide .info_area .gt {font-family: "Noto Sans"; font-size:100px; line-height: 110px; color:#00aeef; font-weight: bold;}
.ship_intro .slide .info_area .gt em {font-size:70px;}
.ship_intro .slide .info_area .gt em sup {font-size:40px;}
.ship_intro .slide .info_area ul {margin-top:12px;}
.ship_intro .slide .info_area ul li {position: relative; padding-left:176px; min-height:2rem; font-size:1rem; line-height: 2rem; color:#333333;}
.ship_intro .slide .info_area ul li span {position:absolute; top:0; left:20px; display: block; width: 156px; color:#999;}
.ship_intro .slide .info_area ul li:before {content: ""; position: absolute; top:12px; left:8px; display: block; width: 3px; height: 3px; background-color:#999999;}
.ship_intro .slide .img .slick-dots {position: absolute; bottom:30px; left:0; width: 100%; height:13px; text-align: center;}
.ship_intro .slide .img .slick-dots li {display: inline-block; text-indent: -999em; width: 13px; height: 13px; border-radius: 6px; overflow: hidden; background-color:#00aeef; margin:0 8px; opacity: 1;}
.ship_intro .slide .img .slick-dots li.slick-active {background-color: #fff;}
.ship_intro .slider_arrow {position: absolute; right:0; bottom:150px; width:100%; height: 60px; z-index: 6;}
.ship_intro .slider_arrow .arrows {position: relative; width: 100%; max-width: 1200px; margin:0 auto;}
.ship_intro .slider_arrow .arrows > div {position: absolute; top:0; display: block; width: 60px; height: 60px; background: url("../g_n_images/icons/icons.png") no-repeat -880px 0; cursor: pointer;}
.ship_intro .slider_arrow .arrows > .slider_prev {right:0;}
.ship_intro .slider_arrow .arrows > .slider_next {right:-60px; background-position: -940px 0;}

.ship_intro .scrollMenu {position: relative; width: 100%; max-width: 1200px; margin:25px auto 0; padding-left:88px; box-sizing: border-box;}
.ship_intro .scrollMenu .dots_area {position:relative; width: auto; white-space:nowrap;}
.ship_intro .scrollMenu .dots_area:before {content: ""; position: absolute; top:-10px; left:0; display: block; width:30px; height: 50px; background: url("../g_n_images/icons/icons.png") no-repeat 0px -600px; background-size: 1000px auto; z-index: 1;}
.ship_intro .scrollMenu .dots_area:after {content: ""; position: absolute; top:-10px; right:0; display: block; width:30px; height: 50px; background: url("../g_n_images/icons/icons.png") no-repeat -50px -600px; background-size: 1000px auto; z-index: 1;}
.ship_intro .scrollMenu li {display: inline-block; margin:0 15px;}
.ship_intro .scrollMenu li:first-child {margin-left:20px;}
.ship_intro .scrollMenu li:last-child {margin-right:20px;}
.ship_intro .scrollMenu li button {border:none; background: none; outline:0; font-size:1rem; line-height: 1.625rem; color:#999999; font-weight: bold; padding-bottom:5px; }
.ship_intro .scrollMenu li.slick-active button {color:#00aeef; border-bottom:4px solid #00aeef;}
@media all and (max-width:1480px) {
	.ship_intro .slider_arrow .arrows > .slider_prev {right:60px;}
	.ship_intro .slider_arrow .arrows > .slider_next {right:0;}
}
@media all and (max-width:1360px) {
	.ship_intro .intro_area > p.desc {padding-right:40px;}
	.ship_intro .intro_area > p.desc em.br {display: inline;}
}
@media all and (max-width:1340px) {
	.ship_intro {padding-left:70px; padding-right:70px;}
	.ship_intro .slider_arrow .arrows {right:70px;}
}
@media all and (max-width:1300px) {
	.ship_intro {padding-left:30px; padding-right:70px;}
}
@media all and (max-width:1360px) {
	.ship_intro .slide {margin:0;}
	.ship_intro .intro_area {padding:50px 0 0; box-sizing: border-box;}
	.ship_intro .slide .img {width: 550px; left:0; text-align: center;}
	.ship_intro .slide .img .swiper-slide .photo {width:550px;}
	.ship_intro .slide .info_area {padding-left:510px;}
	.ship_intro .scrollMenu {padding:0 10px 0 88px;}
}
@media all and (max-width:1200px) {
	.ship_intro .slide {padding-left:40px;}
	.ship_intro .slide .info_area {padding-left:530px;}
	.ship_intro .scrollMenu {padding:0 10px 0 40px;}
	.ship_intro .slide .img {width: 450px; left:0;}
	.ship_intro .slide .img .swiper-slide .photo {width:450px;}
	.ship_intro .slide .info_area {padding-left:430px;}
}
@media all and (max-width:1080px) {
	.ship_intro .slide .info_area .name {padding-left:5px;}
	.ship_intro .slide .info_area .name span {display: block; padding-left:2px;}
	.ship_intro .slide .info_area .gt {font-size:70px; line-height: 80px;}
}
@media all and (max-width:960px) {
	.ship_intro .slide .img {width: 400px; left:0;}
	.ship_intro .slide .info_area {padding-left:380px;}
	.ship_intro .slide .img .swiper-slide .photo {width:400px;}
}
@media all and (max-width:920px) {
	.ship_intro .slide .img {width: 350px; left:0;}
	.ship_intro .slide .info_area {padding-left:330px;}
	.ship_intro .slide .img .swiper-slide .photo {width:350px;}
}
@media all and (max-width:860px) {
	.ship_intro .slide .img {width: 300px; left:0;}
	.ship_intro .slide .info_area {padding-left:280px;}
	.ship_intro .slide .img .swiper-slide .photo {width:300px;}
}

@media all and (max-width:800px) {
	.ship_intro {height: auto; padding-bottom:45px; padding-left:20px; padding-right:20px;}
	.ship_intro .intro_area {height:auto; padding:40px 20px 25px; width: 100%;}
	.ship_intro .intro_area > p.title {font-size:25px; line-height: 35px;}
	.ship_intro .intro_area > p.desc {margin-top:6px; font-size:13px; line-height: 20px; padding-right:0; word-break: keep-all; text-align: left;}
	.ship_intro .intro_area > p.desc .br {display: inline; }

	.ship_intro .swiper {overflow: hidden !important;}
	.ship_intro .slide {width: 100%; height: auto; padding:0; box-sizing: border-box;}
	.ship_intro .slide .img {position: relative; top:0; left:0; right:0; bottom:0; width: 100%; padding:0 20px; height: auto; box-sizing: border-box;}
	.ship_intro .slide .img .swiper-slide .photo {width:100%; height:356px;}
	.ship_intro .slide .img .slick-dots {height:7px;}
	.ship_intro .slide .img .slick-dots li {width:7px; height:7px; margin:0 4px;}

	.ship_intro .slide .info_area {margin:-80px -20px 0; padding:80px 20px 60px; width: 100%; min-height:336px; height: auto; background-color: #fff;}.ship_intro .scrollMenu {display: none;}
	.ship_intro .slide .info_area .name {font-size:15px; line-height: 25px; padding:25px 20px 0;}
	.ship_intro .slide .info_area .name span {display: none;}
	.ship_intro .slide .info_area .gt {font-size:50px; line-height: 60px; padding:0 20px;}
	.ship_intro .slide .info_area .gt em {font-size:35px;}
	.ship_intro .slide .info_area .gt em sup {font-size:20px;}
	.ship_intro .slide .info_area ul {padding:0 20px;}
	.ship_intro .slide .info_area ul li {font-size:13px; line-height: 26px;}

	.ship_intro .slider_arrow {bottom:45px; right:0; width: 90px; height: 45px;}
	.ship_intro .slider_arrow .arrows {right:20px;}
	.ship_intro .slider_arrow .arrows > div {width: 45px; height: 45px; background-size:500px auto;}
	.ship_intro .slider_arrow .arrows > .slider_prev {right:45px; background-position: -350px -80px}
	.ship_intro .slider_arrow .arrows > .slider_next {right:0; background-position: -395px -80px;}
}

@media all and (max-width:414px) {
	.ship_intro .slide .img {height: 267px;}
	.ship_intro .slide .img .swiper-slide .photo {width:100%; height:267px;}
	.ship_intro .slide .info_area ul li {padding-left:130px;}
	.ship_intro .slide .info_area ul li span {width:130px;}
}

/* new */
.ship_intro .intro_area:before { display:none; }
.swiper_panel { position:relative; overflow:hidden; z-index:0; -webkit-transition:height 0.2s; transition:height 0.2s; }
.swiper_panel:before {content: "";position: absolute;top:0;right:50%; margin-right:600px; display: block;width:1920px; height: 100%;background-color: #f7f7f7;z-index: 9;bottom: 0;}
.ship_intro { height:auto; padding-bottom:30px; }
.ship_intro .slider_arrow { bottom:0; }
.ship_intro .slider_arrow .arrows { right:0; }
.ship_intro .slider_arrow .arrows > .slider_prev { right:60px; }
.ship_intro .slider_arrow .arrows > .slider_next { right:0; }
.ship_intro .slick-slide.slick-clone-current .sec,
.ship_intro .slick-slide.slick-active .sec { opacity:1; -ms-transform:scale(1); -webkit-transform:scale(1); transform:scale(1); }
.ship_intro .slide { padding:0; }
.ship_intro .slide .sec { position:relative; padding-left:7.333%; padding-top:55px; box-sizing:border-box; max-width:1200px; margin:0 auto; -webkit-transition:opacity 0.5s cubic-bezier(0, 0, 0.25, 1), transform 0.5s cubic-bezier(0, 0, 0.25, 1); transition:opacity 0.5s cubic-bezier(0, 0, 0.25, 1), transform 0.5s cubic-bezier(0, 0, 0.25, 1); opacity: 0.3; -ms-transform: scale(0.7); -webkit-transform: scale(0.7); transform: scale(0.7); }
.ship_intro .slide .sec .slick-list { overflow:hidden !important; }
.ship_intro .slide .sec .swiper-container .slick-list .slick-slide { width:100%; height:auto; }
.ship_intro .slide .sec .img { width:52.5%; height:auto; }
.ship_intro .slide .img .swiper-slide img { width:100%; height:auto; max-height:none; }
.ship_intro .slide .img .swiper-container .slick-list { width:100%; height:auto; }
.ship_intro .slide .info_area { padding-left:52%; box-sizing:border-box; padding-bottom:80px; height:auto; min-height:450px; }
@media all and (max-width:1380px) {
	.ship_intro .slide .info_area .name {padding-left:5px;}
	.ship_intro .slide .info_area .name span {display: block; padding-left:2px;}
	.ship_intro .slide .info_area .gt {font-size:70px; line-height: 80px;}
}
@media all and (max-width: 1340px) {
	.ship_intro .slider_arrow { width:auto; }
}
@media all and (max-width:1100px) {
	.ship_intro .slide .sec { padding-top:30px; }
	.ship_intro .slide .info_area { padding-bottom:70px; }
	.ship_intro .slide .info_area .name { padding-top:40px; }
	.ship_intro .slide .info_area .gt {font-size:60px; line-height:70px; }
	.ship_intro .slide .info_area .gt em {font-size:35px;}
	.ship_intro .slide .info_area .gt em sup {font-size:20px;}
	.ship_intro .slide .info_area ul li {font-size:14px; line-height:26px; padding-left:160px; }
	.ship_intro .slider_arrow { width: 90px; height: 45px;}
	.ship_intro .slider_arrow .arrows > div {width: 45px; height: 45px; background-size:500px auto;}
	.ship_intro .slider_arrow .arrows > .slider_prev {right:45px; background-position: -350px -80px}
	.ship_intro .slider_arrow .arrows > .slider_next {right:0; background-position: -395px -80px;}
}
@media all and (min-width:801px) and (max-width:1050px) {
	.ship_intro .slide .info_area ul li { padding-left:145px; }
}
@media all and (max-width:900px) {
	.ship_intro .slide .info_area { min-height:400px; }
	.ship_intro .slide .info_area .name {font-size:15px; line-height:25px; padding-top:30px;}
	.ship_intro .slide .info_area .name span {display: none;}
	.ship_intro .slide .info_area .gt {font-size:50px; line-height: 60px; }
	.ship_intro .slide .info_area ul li {font-size:13px; }
}
@media all and (max-width:800px) {
	.ship_intro .slide .sec { padding-left:20px; padding-right:20px; padding-top:0; }
	.ship_intro .slide .sec .img { position:relative; width:auto; padding:0; }
	.ship_intro .slide .info_area { padding-left:0; padding-bottom:60px; width:auto; min-height:auto; }
	.ship_intro .slide .info_area .name { padding:25px 20px 0;}
	.ship_intro .slide .info_area .gt {padding:0 20px;}
	.ship_intro .slide .info_area ul {padding:0 20px;}
	.ship_intro .slider_arrow { right:0; bottom:0; }
	.ship_intro .slider_arrow .arrows {right:0;}
}

/* global_network */
.global_network {position: relative; height: auto; padding-bottom:60px; background-color: #00afef;}
.global_network .con_area {width: auto; max-width: 1200px; margin:0 auto;}
.global_network .con_area .title_area {height: 280px; text-align: center; color:#fff;}
.global_network .con_area .title_area .title {padding-top:90px; font-size:40px; line-height: 60px; font-weight: bold;}
.global_network .con_area .title_area .desc {margin-top:13px; font-size:1rem; line-height: 1.750rem;}

.global_network .con_area .map_area {position: relative; width: 100%; max-width: 1024px; margin:0 auto;}
.global_network .con_area .map_area .btns {display: block;}
.global_network .con_area .map_area a.btn {position: absolute; padding-left:52px; margin-top:-46px; margin-left:0; display: block; width: 158px; height: 46px; background-color: #fff; box-sizing: border-box; font-family: "Noto Sans"; font-size:20px; line-height: 46px; color:#11316a; font-weight: bold; z-index: 1; box-shadow: 0px 0px 6px rgba(0,0,0,0.3);}
.global_network .con_area .map_area a.btn.btn_01 {left:18.555%; top:34.576%;}
.global_network .con_area .map_area a.btn.btn_02 {left:20.080%; top:47.457%;}
.global_network .con_area .map_area a.btn.btn_03 {left:22.070%; top:53.389%;}
.global_network .con_area .map_area a.btn.btn_04 {left:19.726%; top:59.322%;}
.global_network .con_area .map_area a.btn.btn_05 {left:45.800%; top:28.813%;}
.global_network .con_area .map_area a.btn.btn_06 {left:42.382%; top:40.847%;}
.global_network .con_area .map_area a.btn.btn_07 {left:39.062%; top:53.389%;}
.global_network .con_area .map_area a.btn.btn_08 {left:36.133%; top:62.203%;}
.global_network .con_area .map_area a.btn.btn_09 {left:42.480%; top:71.864%;}
.global_network .con_area .map_area a.btn.btn_10 {left:50.195%; top:81.016%;}
.global_network .con_area .map_area a.btn.btn_11 {left:76.660%; top:48.813%;}
.global_network .con_area .map_area a.btn:after {content: ""; position: absolute; top:14px; left:14px; display: block; width: 30px; height: 18px; background: url("../g_n_images/icons/img_flag.png") no-repeat 0 0; overflow: hidden;}
.global_network .con_area .map_area a.btn.btn_01:after {background-position: 0 0;}
.global_network .con_area .map_area a.btn.btn_02:after {background-position: 0 -20px;}
.global_network .con_area .map_area a.btn.btn_03:after {background-position: 0 -40px;}
.global_network .con_area .map_area a.btn.btn_04:after {background-position: 0 -60px;}
.global_network .con_area .map_area a.btn.btn_05:after {background-position: 0 -80px;}
.global_network .con_area .map_area a.btn.btn_06:after {background-position: 0 -100px;}
.global_network .con_area .map_area a.btn.btn_07:after {background-position: 0 -120px;}
.global_network .con_area .map_area a.btn.btn_08:after {background-position: 0 -140px;}
.global_network .con_area .map_area a.btn.btn_09:after {background-position: 0 -160px;}
.global_network .con_area .map_area a.btn.btn_10:after {background-position: 0 -180px;}
.global_network .con_area .map_area a.btn.btn_11:after {background-position: 0 -200px;}

.global_network .info_korea {position: absolute; top:33%; left:59%; display: block;}
.global_network .info_korea ul li {position: relative; padding-left:10px; font-size:14px; line-height: 28px; color:#003591;}
.global_network .info_korea ul li:before {content: ""; position: absolute; top:50%; left:0; display: block; width: 3px; height: 3px; margin-top:-1px; background-color: #003591;}

@media all and (max-width:1024px) {
	.global_network .con_area .map_area a.btn {padding-left:42px; padding-right:20px; margin-top:-30px; margin-left:0; width: auto; height: 30px; font-size:20px; line-height: 30px;}
	.global_network .con_area .map_area a.btn:after {top:6px; left:6px;}
	.global_network .info_korea {top:35%; left:42.382%; margin-left:130px;}
	.global_network .info_korea ul li {line-height: 24px;}
}
@media all and (max-width:800px) {
	.global_network .info_korea {top:43%; left:50%; margin-left:-40px; display: none;}
	.global_network .info_korea.on {display: block;}
}

.global_network .con_area .map_area .mobile_select {display: none; position: absolute; top:25px; left:0; width: 100%; box-sizing: border-box;}
.global_network .con_area .map_area .mobile_select .selectbox {display: block; width:100%; max-width: 414px; margin:0 auto; box-sizing: border-box; font-size:13px; color:#11316a; font-weight: bold;}
.global_network .con_area .map_area .mobile_select .selectbox .txt:before {content: ""; position: absolute; top:50%; right:15px; display: block; width: 11px; height: 8px; margin-top:-4px; background: url("../g_n_images/icons/icons.png") no-repeat -230px -45px; background-size: 500px auto;}
@media all and (max-width:1024px) {
	.global_network .con_area {padding-left:20px; padding-right:20px;}
}
@media all and (max-width:800px) {
	.global_network .con_area .title_area {height: auto; padding-bottom:5px;}
	.global_network .con_area .title_area .title {font-size:25px; line-height: 35px;}
	.global_network .con_area .title_area .desc {margin-top:13px; font-size:1rem; line-height: 1.750rem;}
	.global_network .con_area .map_area .btns {display: none;}
	.global_network .con_area .map_area .mobile_select {display: block;}
}
@media all and (max-width:414px) {
	.global_network .con_area .title_area .desc em.m_br {display: block;}
}
@media all and (max-width:360px) {
	.global_network .con_area .title_area .desc em.m_br {display: inline;}
}

.global_network .con_area .map_area a.btn:hover,
.global_network .con_area .map_area a.btn.on {background-color: #003591; color:#fff; z-index: 2;}
.global_network .con_area .map_area a.btn.btn_06 {color:#11316a; background-color: #fff; cursor:default;}
.mobile .global_network .con_area .map_area a.btn:hover {background-color: #fff; color:#11316a;}
.mobile .global_network .con_area .map_area a.btn.on {background-color: #003591; color:#fff; z-index: 2;}

.global_network .global_info {position: absolute; top:0; left:-470px; width: 100%; max-width: 470px; height: 100%; background-color: #fff; z-index: 6; overflow-y: auto; -webkit-transition:all 0.2s cubic-bezier(0, 0, 0.25, 1); transition:all 0.4s cubic-bezier(0, 0, 0.25, 1);}
.global_network .global_info a.btn_close {position: absolute; top:0; right:0; z-index: 1; display: block; width: 60px; height: 60px; background: url("../g_n_images/icons/icons.png") no-repeat -820px 0; overflow: hidden;}
.global_network .global_info a.btn_close em {position: absolute; top:0; left:0; display: block; width: 0; height: 0; overflow: hidden; opacity: 0;}
.global_network .global_info.on {left:0;}

.global_network .global_info .photo {width: 100%; height: 400px; background-position: center; background-repeat: no-repeat; background-size: cover;}
.global_network .global_info .info_01 .photo {background-image: url("../g_n_images/do/img_gn_01.jpg")}
.global_network .global_info .info_02 .photo {background-image: url("../g_n_images/do/img_gn_02.jpg")}
.global_network .global_info .info_03 .photo {background-image: url("../g_n_images/do/img_gn_03.jpg")}
.global_network .global_info .info_04 .photo {background-image: url("../g_n_images/do/img_gn_04.jpg")}
.global_network .global_info .info_05 .photo {background-image: url("../g_n_images/do/img_gn_05.jpg")}
.global_network .global_info .info_06 .photo {background-image: url("http://errdoc.gabia.net/404.html")}
.global_network .global_info .info_07 .photo {background-image: url("../g_n_images/do/img_gn_07.jpg")}
.global_network .global_info .info_08 .photo {background-image: url("../g_n_images/do/img_gn_08.jpg")}
.global_network .global_info .info_09 .photo {background-image: url("../g_n_images/do/img_gn_09.jpg")}
.global_network .global_info .info_10 .photo {background-image: url("../g_n_images/do/img_gn_10.jpg")}
.global_network .global_info .info_11 .photo {background-image: url("../g_n_images/do/img_gn_11.jpg")}

.global_network .global_bg {position: absolute; display: none; top:0; left:0; right:0; bottom:0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); z-index: 5;}
.global_network .global_bg.on {display: block;}

.global_network .global_info .info {position: relative; display: none; width: 100%; height: 100%;}
.global_network .global_info .info.on {display: block;}
.global_network .global_info .info .data {display: block; width: 100%; padding:50px 43px 30px 60px; box-sizing: border-box;}
.global_network .global_info .info .data .nation {margin-top:4px; font-size:30px; line-height: 50px; color:#333333; font-weight: bold;}
.global_network .global_info .info .data .harbor {font-size:18px; line-height: 28px; color:#333333;}
.global_network .global_info .info .data .ship {margin-top:16px; padding-top:10px; border-top:1px solid #eeeeee;}
.global_network .global_info .info .data .ship li {font-size:1rem; line-height: 2rem; color:#333333;}
.global_network .global_info .info .data .ship li span {display: inline-block; width:100px;  color:#999999;}
.global_network .global_info .info .data .desc {margin-top:20px; font-size:1rem; line-height: 1.75rem; color:#666;}
.global_network .global_info .info .data .desc em {display: block;}

@media all and (max-width:800px) {
	.global_network .global_info a.btn_close {width: 45px; height: 45px; background-size: 500px auto; background-position: -300px -80px;}
	.global_network .global_info .photo {height: 300px;}
	.global_network .global_info .info .data {padding:25px 30px;}
	.global_network .global_info .info .data .nation {margin-top:0; font-size:25px; line-height: 31px; padding:2px 0;}
	.global_network .global_info .info .data .harbor {margin-top:5px; font-size:14px; line-height: 20px; padding:2px 0;}
	.global_network .global_info .info .data .ship {margin-top:10px; padding-top:10px;}
	.global_network .global_info .info .data .ship li {font-size:13px; line-height: 26px;}
	.global_network .global_info .info .data .desc {font-size:13px; line-height: 20px;}
	.global_network .global_info .info .data .desc em {display: inline;}

}
@media all and (max-width:414px) {
	.global_network .global_info .photo {height: 250px;}
	.global_network .global_info {position: fixed; top:0; width: 100%; height: 100%; z-index: 11;}
}

/* do_more */
.header > .title_area .count_boxs ul.dep2 > li > .box {display: table; width: 100%; height: 100%;}
.header > .title_area .count_boxs ul.dep2 > li > .box p {display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle; font-size:20px; line-height: 26px; color:#fff; font-weight: bold; padding:0 10px; box-sizing: border-box; word-break: keep-all;}

@media all and (max-width:1024px) {
	.global_network .global_info .photo {height: 250px;}
	.header > .title_area .count_boxs ul.dep2 > li > .box p {font-size:15px; line-height: 20px;}
}

article.for_the_more {position: relative; padding-top:60px; padding-bottom:50px;}
article.for_the_more .bg_area {height: 600px; width: 100%; background: url("../g_n_images/do/bg_more.jpg") no-repeat center center; background-size: cover;}
article.for_the_more .text_area {position: relative; width: 100%; max-width: 1200px; margin:0 auto; box-sizing: border-box;}
article.for_the_more .bg_box {position: relative; width: 100%; margin-top:-100px; padding-left:33.334%; box-sizing: border-box;}
article.for_the_more .bg_box:before {content: ""; position: absolute; top:0; right:-200%; display: block; width: 200%; height: 110px; background-color: #fff;}
article.for_the_more .text_box { width: 100%; padding:45px 60px 45px; box-sizing: border-box; background-color: #fff;}
article.for_the_more .text_box p.title {font-family: "Noto Sans"; font-size:40px; line-height: 60px; color:#333; font-weight: bold; text-transform: uppercase; letter-spacing:-1px;}
article.for_the_more .text_box p.desc {margin-top:10px; font-size: 1rem; line-height:1.875rem; color:#666666; word-break: keep-all;}

@media all and (max-width:1360px) {
	article.for_the_more .text_box {padding-right:70px;}
}
@media all and (max-width:800px) {
	article.for_the_more {padding-top:45px;}
	article.for_the_more .bg_area {height: 300px;}
	article.for_the_more .bg_box {width: 100%; margin-top:-60px; padding:0 20px;}
	article.for_the_more .text_box {padding:25px 30px;}
	article.for_the_more .text_box p.title {font-size:25px; line-height: 35px;}
}

/* What we value */
.header > .title_area > p.cat {margin-top:4px; text-align: center; font-family: "Noto Sans"; color:#00aeef; font-size:20px; line-height: 30px; letter-spacing: 0;}
section.value_section .stickyMenu { /* display: none; */ opacity:0; visibility:hidden; }
article.value {position: relative; width: 100%; display: none; overflow: hidden; margin-top:-318px;}
article.value.on {display: block;}

/* What we value - banner */
.value .banner_area {position: relative; width: 100%; max-width: 1200px; margin:0 auto 0; height: 500px; background-repeat: no-repeat; background-position: center; background-size: cover;}
.value.value_p .banner_area {background-image: url("../g_n_images/value/img_p_banner.jpg")}
.value.value_t_01 .banner_area {background-image: url("../g_n_images/value/img_t_01_banner.jpg")}
.value.value_t_02 .banner_area {background-image: url("../g_n_images/value/img_t_02_banner.jpg")}
.value.value_m_01 .banner_area {background-image: url("../g_n_images/value/img_m_banner_01.jpg")}
.value.value_m_02 .banner_area {background-image: url("../g_n_images/value/img_m_banner_02.jpg")}
.value.value_m_03 .banner_area {background-image: url("../g_n_images/value/img_m_banner_03.jpg")}

.value .banner_area .banner_box {position: relative; width: 730px; height: 100%; padding:70px 60px 0 90px; box-sizing: border-box;}
.value .banner_area a.btn {position: absolute; bottom:50%; display: block; width:40px; height: 84px; margin-bottom:-42px; background-image: url("../g_n_images/icons/icons.png"); background-repeat: no-repeat;}
.value .banner_area a.btn.btn_prev {left:-100px; background-position: -900px -260px;}
.value .banner_area a.btn.btn_next {right:-100px; background-position: -950px -260px;}
.value .banner_area .count {position: absolute; bottom:30px; right:60px; width: 32px; height: 45px;  padding-top:30px; font-size:20px; line-height: 30px; color:#999999; text-align: right;}
.value .banner_area .count:before {content: ""; position: absolute; top:16px; left:3px; display: block; width: 30px; height: 30px; background: url("../g_n_images/icons/icons.png") no-repeat -600px -270px;}
.value .banner_area .count em {position: absolute; top:0; left:0; color:#fff;}

@media all and (max-width:1560px) {
	.value .banner_area a.btn.btn_prev {left:-50px;}
	.value .banner_area a.btn.btn_next {right:-50px;}
}
@media all and (max-width:1450px) {
	.value .banner_area a.btn {bottom:42px; margin-bottom:0; width: 50px; height: 58px;}
	.value .banner_area a.btn.btn_prev {left:50%; margin-left:-113px; background-position: -900px -400px;}
	.value .banner_area a.btn.btn_next {right:50%; margin-right:-113px; background-position: -950px -400px;}
	.value .banner_area .count {left:50%; margin-left:-16px; bottom:26px;}
	.value .banner_area .count em {text-shadow: 1px 1px 3px #585d63;}
}
@media all and (max-width:1024px) {
	article.value {margin-top:0;}
	.value .banner_area .banner_box {padding-top:55px;}
}
@media all and (max-width:800px) {
	.value .banner_area {height: 300px;}
	.value .banner_area .banner_box {
	    padding: 40px 20px;
	    width: 70%;
	    word-break: break-all;
	}
	.value .banner_area a.btn {bottom:17px; width:25px; height: 29px; margin-bottom:0; background-size: 500px auto;}
	.value .banner_area a.btn.btn_prev {margin-left:-59px; background-position: -450px -200px;}
	.value .banner_area a.btn.btn_next {margin-right:-59px; background-position: -475px -200px;}
	.value .banner_area .count {bottom:14px; font-size:12px; line-height: 18px; width: 18px; height: 18px; padding-top:18px; margin-left:-9px;}
	.value .banner_area .count:before {top:12px; left:1px; width: 15px; height: 15px; background-size: 500px auto; background-position: -300px -150px;}


	.sub_section.value_section { padding-top:45px !important; }
	.sub_section > .sticky-wrapper { height:45px !important; }
	section.value_section .stickyMenu { opacity:1; visibility:visible; }
	section.value_section .stickyMenu .web_snb { display:none; }
	section.value_section .stickyMenu .mobile_snb { display:block; }
}

.value .banner_area .banner_box p.title {font-size:40px; line-height: 50px; color:#fff; font-weight: bold; word-break: keep-all;}
.value .banner_area .banner_box p.desc {margin-top:20px; font-size:16px; line-height: 28px; color:#bbb; font-weight: 200;}
.value .banner_area .banner_box p.desc .br {display: block;}
.value .banner_area .banner_box .tag {position: absolute; left:90px; bottom:65px; color:#fff;}
.value .banner_area .banner_box .tag .team {font-size:16px; line-height: 26px;}
.value .banner_area .banner_box .tag .name {font-size:30px; line-height: 40px;}
.value .m_desc {display: none; font-size:13px; line-height: 20px; color:#666; padding:25px 20px; border-bottom:1px solid #dfdfdf; letter-spacing:0;}

.value.value_m_02 .banner_area .banner_box {width: 70%;}
.value.value_m_03 .banner_area .banner_box {color:#fff;}

@media all and (max-width:1360px) {
	.value .banner_area .banner_box .tag {left:30px;}
	.value .banner_area .banner_box {padding-left:30px; padding-right:30px;}
}

@media all and (max-width:900px) {
	.value.value_p .banner_area .banner_box {padding-top:50px;}
	.value .banner_area .banner_box p.desc {width: 350px;}
	.value .banner_area .banner_box p.desc .br {display: inline;}

	.value.value_m_01 .banner_area {background-position: 60% center;}
	.value.value_m_02 .banner_area {background-position: 70% center;}
	.value.value_m_03 .banner_area {background-position: 70% center;}
}
@media all and (max-width:800px) {
	.value .banner_area .banner_box {width: 55%; padding-left:20px; padding-right:20px;}
	.value.value_t_01 .banner_area .banner_box {width: 65%;}
	.value .banner_area .banner_box p.title {font-size:30px; line-height: 40px;}
	.value .banner_area .banner_box p.desc {display: none;}
	.value .banner_area .banner_box .tag {left:20px; bottom:50px;}
	.value .banner_area .banner_box .tag .team {font-size:13px; line-height: 19px;}
	.value .banner_area .banner_box .tag .name {font-size:19px; line-height: 24px;}
	.value .m_desc {display: block;}
	.value.value_m_01 .banner_area {background-position: 70% center;}
}
@media all and (max-width:600px) {
	.value .banner_area .banner_box p.title {font-size:24px; line-height: 32px; word-break: keep-all;}
	.value.value_p .banner_area {background-position: 70% center;}
	.value.value_t_01 .banner_area {background-position: 70% center;}
	.value.value_t_02 .banner_area {background-position: 70% center;}
}
@media all and (max-width:414px) {
	.value.value_m_01 .banner_area {background-position: 75% center;}
	.value.value_m_02 .banner_area {background-position: 80% center;}
	.value.value_m_03 .banner_area {background-position: 80% center;}

	.value.value_m_01 .banner_area .banner_box {padding-top:40px;}
	.value.value_m_01 .banner_area .banner_box .tag {bottom:50px;}
	.value.value_m_01 .banner_area .banner_box {width: 50%;}
	.value.value_m_02 .banner_area .banner_box {padding-top:40px; width:50%;}
	.value.value_m_03 .banner_area .banner_box {padding-top:40px;}

	.value.value_m_01 .banner_area .banner_box .tag .name {text-shadow: 1px 1px 3px #585d63;}
	.value.value_t_02 .banner_area .banner_box {width: 65%;}
}
@media all and (max-width:359px) {
	.value.value_t_02 .banner_area {background-position: 66% center;}
	.value.value_t_02 .banner_area .banner_box {width: 70%;}
	.value.value_m_01 .banner_area {background-position: 72% center;}
	.value .banner_area .banner_box .tag .name {font-size:17px; line-height:22px;}
}

/* What we value - interview */
.value .interview_area {margin-top:25px;}
.value em.br {display: block;}
.value .m_view {display: none;}
.value .board {position: relative; width: 100%; padding-top:60px;}
.value .board .board_area {position: relative; width: 100%; max-width: 1200px; margin:0 auto;}
.value .board .board_area > div {position: relative;}
.value .board .board_area .titleBig {font-size:40px; line-height: 54px; color:#333; font-weight: bold; letter-spacing: -1px;}
.value .board .board_area .desc_2 {font-size:18px; line-height: 32px; color:#666; letter-spacing: -0.5px;}
.value .board .board_area .desc_3 {font-size:18px; line-height: 28px; color:#666; letter-spacing: -1px;}
.value .board .board_area .desc {margin-bottom:20px; font-size:16px; line-height: 28px; color:#666666;}
.value .board .board_area .title {margin-bottom:17px; font-size:30px; line-height: 40px; color:#333; font-weight: bold; letter-spacing: -1px;}
.value .board .board_area .title_m {font-size:30px; line-height: 50px; color:#333; letter-spacing: -1px;}
.value .board .board_area .title_m.indent {text-indent: -18px;}
.value .board .board_area .title_m.indent em.indent {padding-left:18px;}
.value .board .bg {position: absolute; display: block;}
.value .board .bg img {width:100%; height:auto;}
.value .board.full_view .full {padding-top:30px;}
.value .board.full_view .full img {width: 100%;}

.value .board .board_area .title.top_double {margin-top:50px;}

/* image init Professionalism */
.value.value_p .board .box_right .bg {position: relative; width: 959px;}
.value.value_p .board .box_right .bg.inBg {position: absolute; width: 924px; margin-left:0; left:-972px;}
.value.value_p .board .box_right .bg img {width:100%; height:auto;}

.value.value_p .board .box_right .top_box {position: relative; margin-top:-87px; padding:62px 30px 0 60px; z-index: 1; background-color: #fff;}
.value.value_p .board .box_right .inBox.pBox {padding:0 30px 0 60px;}

.value.value_p .board .box_left p.title_m {margin-top:60px;}
.value.value_p .board .box_right p.title_m {margin-bottom:60px;}
.value.value_p .board.board_center img {margin:0;}

@media all and (max-width:1300px) {
	.value.value_p .board .box_left .bg,
	.value.value_p .board .box_right .bg {position: relative; width: 100%; margin-left:0;}
	.value.value_p .board .box_right .top_box {margin:0; padding:45px 0 0 0;}
	.value.value_p .board .box_right .inBox.pBox {padding:0;}
	.value.value_p .board .box_left p.title_m {margin-top:20px; padding-left:20px;}
	.value .board .board_area .title_m.indent em.indent {padding-left:0;}

	.value.value_m_01 .board.board_img .box_left {padding-bottom:0;}
	.value.value_p .board .box_left .bg_title {position: relative; top:0; left:0; right:0; bottom:0;  padding:0 0 0 15px;}

	.value.value_p .board.board_01 .board_area .box_right.out_box {width: 100%}
	.value.value_p .board .box_right .bg.inBg {position: relative; float:left; margin:0; left:0; width:48.333%; padding-right:3.334%; }
	.value.value_p .board .box_right p.title_m {margin-bottom:45px;}
}
@media all and (max-width:800px) {
	.value.value_p .board .box_right .bg.inBg {float:none; width: 100%; padding:0;}
	.value.value_p .board .box_left p.title_m {padding:0;}
	.value.value_p .board .box_right .inBox.pBox {padding:0 0 45px;}
	.value.value_p .banner_area .banner_box {padding:40px 20px; width: 50%;}
	.value.value_p .board .box_right .top_box {margin:0; padding:25px 0 0 0;}
	.value.value_p .board .box_right p.title_m {margin-bottom:25px;}
	.value .board.full_view .full {padding-top:0;}
}
@media all and (max-width:414px) {
	.value.value_p .banner_area .banner_box  {width: 70%;}
}

/* image init PT */
.value.value_t_01 .board.board_01.board_bg_t1 {height: auto; background: url("../g_n_images/value/img_t_01_02.jpg") no-repeat center; background-size: cover; box-sizing: border-box; padding:0;}
.value.value_t_01 .board.board_01.board_bg_t1 .box_left {background: none; padding-right:6%; padding:100px 0;}
.value.value_t_01 .board.board_01.board_bg_t1 .box_left > p {color:#fff !important;}
.value.value_t_01 .board.board_01.board_bg_t1 .box_left > p.title_m {padding:20px 0;}
.value.value_t_01 .board .box_right .bg {position: absolute; width: 922px; margin-left:0; left:-172%;}
.value.value_t_01 .board .box_right .inBox.top_box {margin-top:-132px; padding:55px 0 55px 60px; background-color: #fff;}
.value.value_t_01 .board .box_right .inBox .title_m {margin-bottom:30px;}
.value.value_t_01 .board.board_01.board_bg_02 {height: 122px; z-index: 1;}
.value.value_t_01 .board.board_01.board_bg_02 .box_left {background-color: #00aeef; padding:55px 60px 55px;}
.value.value_t_01 .board.board_01.board_bg_02 .box_left > p {color:#fff;}
.value.value_t_01 .full_banner .position .table .banner_text {padding-left:50%; text-align: left; }
.value.value_t_01 .bg_view {display: none;}
@media all and (max-width:1360px) {
	.value.value_t_01 .board.board_01.out_box .board_area .box_right {position: relative; float:none; width: 100%;}
	.value.value_t_01 .board.board_01.out_box .board_area .box_right .bg {width: 48%; left:0; position: relative; float:left; padding-right:4%;}
}
@media all and (max-width:1260px) {
	.value.value_t_01 .full_banner .position .table .banner_text .br {display: inline; padding-left:0;}
	.value.value_t_01 .full_banner .banner_text p.comment {text-indent: -16px;}
	.value.value_t_01 .board.board_01.board_bg_t1 .box_left {padding:50px 30px 50px; width: 55%;}
}
@media all and (max-width:1024px) {

	.value.value_t_01 .board.board_01.board_bg_t1 .box_left {width: 65%;}
	.value.value_t_01 .board.board_01.board_bg_02 .box_left {width: 65%;}
}
@media all and (max-width:800px) {
	.value.value_t_01 .board.board_01.out_box .board_area .box_right {margin:0;}
	.value.value_t_01 .board.board_01.out_box .board_area .box_right .bg {width: 100%;}
	.value.value_t_01 .board .box_right .inBox.top_box {margin-top:0;}
	.value.value_t_01 .board .box_right .inBox .title_m {margin-bottom:25px;}
	.value.value_t_01 .board.board_01.board_bg_t1 {margin-top:25px; background: none;}
	.value.value_t_01 .board.board_01.board_bg_t1 .box_left {width: 100% !important; padding:25px 20px 0;}
	.value.value_t_01 .board.board_01.board_bg_t1 .box_left .title,
	.value.value_t_01 .board.board_01.board_bg_t1 .box_left .title_m {color:#333 !important;}
	.value.value_t_01 .board.board_01.board_bg_t1 .box_left .desc {color:#666 !important;}
	.value.value_t_01 .board .box_right .inBox.top_box {padding:25px 20px 35px;}
	.value.value_t_01 .board.board_01.board_bg_02 {height: auto; padding:0; margin-top:25px;}
	.value.value_t_01 .board.board_01.board_bg_02 .box_left {width: 100%; padding:25px 20px;}
	.value.value_t_01 .full_banner .banner_text p.comment {text-indent: -10px;}
	.value.value_t_01 .full_banner .position .table .banner_text {padding-left:30%;}
	.value.value_t_01 .full_banner {background-position: 38% center;}
	.value.value_t_01 .bg_view {display: block; padding:0 20px;}
}

.value.value_t_02 .board .box_right .bg {position: absolute; width: 922px; margin-left:0; top:-170px; left:-172%; z-index: -1;}
.value.value_t_02 .board.board_02 .board_area .box_right {position: relative; z-index: 2;}
.value .board .board_area .desc_2.desc_sp {padding-top:60px; padding-bottom:60px;}
.value.value_t_02 .board.board_01.out_box {margin-top:-80px;}
.value.value_t_02 .full_banner .position .table .banner_text {padding-right:38%; text-align: left; }
.value.value_t_02 .full_banner .position .table .banner_text .comment {text-indent: -18px;}
@media all and (max-width:1360px) {
	.value.value_t_02 .board.board_01.out_box .board_area .box_right {position: relative; float:none; width: 100%;}
	.value.value_t_02 .board.board_01.out_box .board_area .box_right .bg {width: 48%; top:0; left:0; position: relative; float:left; padding-right:4%;}
}
@media all and (max-width:1200px) {
	.value.value_t_02 .board.board_01.out_box {margin-top:0;}
	.value.value_t_02 .board.board_01.out_box .inBox {margin-top:45px;}
}
@media all and (max-width:800px) {
	.value.value_t_02 .board.board_01.out_box .board_area .box_right {margin:0;}
	.value.value_t_02 .board.board_01.out_box {margin-top:25px;}
	.value.value_t_02 .board.board_01.out_box .board_area .box_right .bg {width: 100%;}
	.value .board .board_area .desc_2.desc_sp {background:none; padding:20px 0 0;}
	.value.value_t_02 .full_banner .position .table .banner_text .comment {text-indent: -10px;}
	.value.value_t_02 .full_banner {background-position: 55% center;}
	.value.value_t_02 .board.board_01.out_box .inBox {margin-top:25px;}
}

/* image init management*/
.value.value_m_01 .board .box_left .bg {position: relative; width: 929px; margin-left:-360px;}
.value.value_m_01 .board.board_img .box_left {padding-bottom:70px;}
.value.value_m_01 .board .box_left .bg_title {position: absolute; bottom:0px; right:0; background-color: #fff; width: 100%; padding:75px 30px 0 70px; box-sizing: border-box;}
.value.value_m_01 .board .box_right .bg {position: relative; width: 929px; margin-right:-360px;}

@media all and (max-width:1300px) {
	.value.value_m_01 .board .box_left .bg {position: relative; width: 100%; margin-left:0;}
	.value.value_m_01 .board.board_img .box_left {padding-bottom:0;}
	.value.value_m_01 .board.board_img .box_left .br {display: inline;}
	.value.value_m_01 .board .box_left .bg_title {position: relative; top:0; left:0; right:0; bottom:0;  padding:0 0 0 15px;}
	.value.value_m_01 .board .box_right .bg {position: relative; width: 150%; height: 100%; margin-right:0;}

}
.value.value_m_02 .board_01 .title_m {margin-bottom:20px;}
.value.value_m_02 .board .bg {top:0; left:-972px;}

.value.value_m_03 .board .board_area .title_m {margin-top:44px;}
.value.value_m_03 .board .bg {top:0; left:-792px;}


.value .board.board_01 .board_area .box_left {float:left; width: 47.5%; background-color: #fff; z-index: 1; box-sizing: border-box;  text-align: left;}
.value .board.board_01 .board_area .box_right {float: right; width: 47.5%; background-color: #fff; z-index: 1; box-sizing: border-box;  text-align: left;}
.value .board.board_02 .board_area .box_left {float:left; width: 36%; background-color: #fff; z-index: 1;  text-align: left;}
.value .board.board_02 .board_area .box_right {float: right; width: 64%; padding-left:5%; box-sizing: border-box; background-color: #fff; z-index: 1;  text-align: left;}

.value .board.board_center {text-align: center;}
.value .board.board_center img {margin-bottom:55px;}
.value .board.board_full .board_area .box_left {float:left; width: 50%; background-color: #fff; z-index: 1;}
.value .board.board_full .board_area .box_right {float: right; width: 50%; box-sizing: border-box; background-color: #fff; z-index: 1;}

@media all and (max-width:1360px) {
	.value.value_m_02 .board.board_01.board_img .board_area .box_right,
	.value .board.board_02.board_img .board_area .box_right,
	.value .board.board_02.board_img .board_area .box_left {float:none; width: 100%; padding:0; margin-top:0;}
	.value .board .bg {position: relative; top:0; left:0; right:0; bottom:0; width: 48.333%; height: auto; padding-bottom:0;}
	.value.value_m_02 .board.board_img .bg,
	.value.value_m_03 .board.board_img .bg {top:0; left:0; right:0; bottom:0; float:left; padding-right:3.334%;}
	.value .board {padding:85px 70px 0 30px; box-sizing: border-box;}
}
@media all and (max-width:1200px) {
	/* 타이틀 텍스트 영역 */
	.value .board.board_01 .board_area .box_left,
	.value .board.board_01 .board_area .box_right,
	.value .board.board_02 .board_area .box_left,
	.value .board.board_02 .board_area .box_right {float:none; width: 100%;}
	.value .board.board_01 .board_area .box_right,
	.value .board.board_02 .board_area .box_right {margin-top:45px;}
	.value .board.board_title .board_area .box_left,
	.value .board.board_title .board_area .box_right,
	.value .board.board_01.board_single .board_area .box_left,
	.value .board.board_01.board_single .board_area .box_right {margin-top:0;}
	.value.value_m_01 .board .box_left .bg_title {padding:0;}
	.value .board .board_area .title_m {font-size:25px; line-height: 38px;}

	.value .board.board_01.board_img .box_right .bg.inBg {float:none; width: 100%;}
	.value .board.board_01.board_img .box_right .bg.inBg img {width: 100%; height: auto;}
	.value .board .board_area .title_m.indent {margin-top:45px; padding-left:18px;}

	.value .board {margin-top:45px; padding:0 70px 0 30px;}
	.value.value_t_01 .board.board_01.board_bg_t1 {padding:0; margin-top:45px;}
	.value .interview_area .board.board_title .box_left,
	.value .interview_area .board.board_title .box_right {float:none; width: 100%; padding:0;}
	.value .interview_area .board.board_title .titleBig {padding-bottom:20px;}
	.value.value_t_01 .board.board_01.out_box .inBox {margin-top:45px;}

	.value.value_p .board .box_left p.title_m .br,
	.value .interview_area .board.board_title .br {display: inline;}

	.value.value_t_01 .board .box_right .inBox.top_box {margin-top:0; padding:45px 0 0;}
	.value.value_t_01 .board.board_01.out_box .board_area .box_right {margin-top:0;}
	.value.value_t_01 .board.board_01.out_box .board_area .box_right .bg {float:none; width:100%; padding:0; padding-bottom:0;}
	.value.value_t_01 .board.board_01.out_box .board_area .box_right .bg img {width: 100%;}

	.value .board .board_area .desc_2.desc_sp {padding:28px 0 0;}

	.value.value_t_02 .board.board_01.out_box .board_area .box_right .bg {float: none; width: 100%;}
	.value.value_t_02 .board.board_01.out_box .board_area .box_right .bg img {width: 100%;}
	.value.value_t_02 .title_box p.title_m .br {display: inline;}

	.value.value_m_01 .board .box_right .bg {width: 100%;}
	.value .board.board_center img {margin-bottom:45px;}
	.value .board.full_view .inBox, .value .board.board_img .inBox {margin-top:45px;}
}
@media all and (max-width:800px) {
	.value .interview_area {margin-top:10px;}
	.value .m_view {display: block;}
	.value .web_view {display: none;}
	.value em.br {display: inline;}
	.value em.m_br {display: block;}
	.value .board {margin-top:25px; padding:0 20px;}
	.value .interview_area .board.board_title {padding-top:25px;}
	.value .interview_area .board.board_title .titleBig {padding-bottom:0;}
	.value .board .board_area .box_left,
	.value .board .board_area .box_right {float:none !important; width: 100% !important;}
	.value .board .board_area .box_right {margin-top:28px;}
	.value .board.full_view .board_area .box_right {margin-top:0;}
	.value .board .board_area .titleBig {margin-bottom:10px; font-size:25px; line-height: 30px;}
	.value .board .board_area .desc,
	.value .board .board_area .desc_2,
	.value .board .board_area .desc_3 {margin-bottom:0; font-size:13px; line-height: 20px;}
	.value .board.full_view {padding:0 20px;}
	/* .value .board.board_img {padding:0;} */
	.value .board.full_view .inBox,
	.value .board.board_img .inBox {margin-top:25px; width: 100%; padding:0; box-sizing: border-box;}
	.value.value_t_01 .board.board_01.out_box .inBox {margin-top:25px;}
	.value.value_p .board.board_img .inBox {padding-top:0;}
	.value .board .board_area .title {margin-bottom:7px; font-size:19px; line-height: 28px;}
	.value .board .board_area .title_m {font-size:19px; line-height: 28px;}
	.value .board .board_area .title_m.indent {text-indent: 0; padding-left:0; margin-top:25px; margin-bottom:25px;}
	.value .board .board_area .title.top_double {margin-top:24px;}

	.value .board.board_center img {margin-bottom:25px;}

	.value .board.board_02 .board_area .box_right {padding-left:0;}

	.value.value_m_01 .board .box_right .inBox {padding-top:0;}
	.value.value_m_02 .board_01 .title_m {margin-bottom:10px;}
	.value.value_m_01 .board .box_right .bg,
	.value.value_m_02 .board.board_img .bg,
	.value.value_m_03 .board.board_img .bg {float:none; width: 100%; padding:0;}

	.value.value_m_03 .board .board_area .title_m {margin-top:25px;}
	.value .board .board_area .desc_2.desc_sp {padding:16px 0 0;}
	.value.value_t_01 .board.board_01.board_bg_t1 {margin-top:25px;}
	.value.value_t_01 .board .box_right .inBox.top_box {margin-top:25px; padding-top:0;}
	.value .board.board_center img {margin-bottom:25px;}
}

/* attitude */
.value .attitude_area {margin-top:90px;}
.value .attitude_area .title_box {width: 100%; max-width: 1260px; margin:0 auto 0; padding:0 30px;  box-sizing:border-box;}
.value .attitude_area .title_box .title_image {width: 100%; height: 431px; background: url("../g_n_images/value/bg_attitude.jpg") no-repeat center center; background-size: cover;}
.value .attitude_area .title_box .text_box {width: auto; margin:-57px 90px 0; padding:47px 20px 0;  background-color: #fff; text-align: center;}
.value .attitude_area .title_box .text_box p.title {font-size:30px; line-height: 46px; padding:2px 0; color:#333; font-weight: bold;}
.value .attitude_area .title_box .text_box p.desc {margin-top:12px; font-size:16px; line-height: 28px; color:#666;}
@media all and (max-width:1200px) {
	.value .attitude_area {margin-top:45px;}
}
@media all and (max-width:800px) {
	.value .attitude_area {margin-top:25px;}
	.value .attitude_area .title_box {padding:0 20px;}
	.value .attitude_area .title_box .title_image {height: 200px; background-position: 47% center;}
	.value .attitude_area .title_box .text_box {margin:0; padding:25px 0 0; text-align: left;}
	.value .attitude_area .title_box .text_box p.title {font-size:19px; line-height: 25px;}
	.value .attitude_area .title_box .text_box p.desc {font-size:13px; line-height: 20px;}
}

/* system_safe */
.value .system_safe_area {margin-top:50px;}
.value .system_safe_area .title_box {width: 100%; max-width: 1260px; margin:0 auto 0; padding:0 30px;  box-sizing:border-box;}
.value .system_safe_area .title_box .title_image {width: 100%; height: 431px;}
.value .system_safe_area .title_box .title_image .img_box {display: block; float:left; width: 50%; height: 100%; background-repeat: no-repeat; background-position: left top; background-size: cover;}
.value .system_safe_area .title_box .title_image .img_box.img_box_01 {background-image: url("../g_n_images/value/bg_system_01.jpg")}
.value .system_safe_area .title_box .title_image .img_box.img_box_02 {background-image: url("../g_n_images/value/bg_system_02.jpg")}
.value .system_safe_area .title_box .text_box {position: relative; width: auto; margin:-57px 90px 0; padding:47px 20px 0;  background-color: #fff; text-align: center; z-index: 1;}
.value .system_safe_area .title_box .text_box p.title {font-size:30px; line-height: 46px; padding:2px 0; color:#333; font-weight: bold; letter-spacing: -1px;}
.value .system_safe_area .title_box .text_box p.desc {margin-top:12px; font-size:16px; line-height: 28px; color:#666;}
@media all and (max-width:800px) {
	.value .system_safe_area {margin-top:10px;}
	.value .system_safe_area .title_box {padding:0 20px;}
	.value .system_safe_area .title_box .title_image {height: 200px;}
	.value .system_safe_area .title_box .text_box {margin:0; padding:25px 0 0; text-align: left;}
	.value .system_safe_area .title_box .text_box p.title {font-size:19px; line-height: 25px;}
	.value .system_safe_area .title_box .text_box p.desc {font-size:13px; line-height: 20px;}
}
@media all and (max-width:414px) {
	.value .system_safe_area .title_box .title_image {height: 400px;}
	.value .system_safe_area .title_box .title_image .img_box {height: 200px; width: 100%;}
}

/* rule */
.value .rule_area {margin-top:50px;}
.value .rule_area .title_box {width: 100%; max-width: 1724px; margin:0 auto 0; padding:0 30px; box-sizing: border-box;}
.value .rule_area .title_box .title_image {width: 100%; height: 670px; background: url("../g_n_images/value/img_t_01_04.jpg") no-repeat center center; background-size: cover;}
.value .rule_area .title_box .text_box {width: 100%; max-width: 1020px; margin:-57px auto 0; padding:47px 120px 0;  background-color: #fff; text-align: center;box-sizing: border-box;}
.value .rule_area .title_box .text_box p.title {font-size:30px; line-height: 46px; padding:2px 0; color:#333; font-weight: bold; letter-spacing: -1px;}
.value .rule_area .title_box .text_box p.desc {margin-top:12px; font-size:16px; line-height: 28px; color:#666;}
@media all and (max-width:1200px) {
	.value .rule_area .title_box .text_box {width: auto; margin:-57px 90px 0; padding:47px 20px 0;}
}
@media all and (max-width:800px) {
	.value .rule_area {margin-top:0px;}
	.value .rule_area .title_box {padding:0 20px;}
	.value .rule_area .title_box .title_image {height: 200px; background-position: 47% center;}
	.value .rule_area .title_box .text_box {margin:0; padding:25px 0 45px; text-align: left;}
	.value .rule_area .title_box .text_box p.title {font-size:19px; line-height: 25px;}
	.value .rule_area .title_box .text_box p.desc {font-size:13px; line-height: 20px;}
}

/* mento */
.value .mento_area {margin-top:90px;}
.value .mento_area .title_box {width: 100%; max-width: 1260px; margin:0 auto 0; padding:0 30px;  box-sizing:border-box;}
.value .mento_area .title_box .title_image {width: 100%; height: 431px; background: url("../g_n_images/value/img_t_02_02.jpg") no-repeat center center; background-size: cover;}
.value .mento_area .title_box .text_box {width: auto; margin:-57px 90px 0; padding:47px 20px 0;  background-color: #fff; text-align: center;}
.value .mento_area .title_box .text_box p.title {font-size:30px; line-height: 46px; padding:2px 0; color:#333; font-weight: bold;}
.value .mento_area .title_box .text_box p.title_m {padding:15px 0; font-size:30px; line-height: 45px; color:#666666; letter-spacing: -1px;}
.value .mento_area .title_box .text_box p.desc {margin-top:12px; font-size:16px; line-height: 28px; color:#666;}

@media all and (max-width:1200px) {
	.value .mento_area {margin-top:45px;}
}
@media all and (max-width:800px) {
	.value .mento_area {margin-top:25px;}
	.value .mento_area .title_box {padding:0 20px;}
	.value .mento_area .title_box .title_image {height: 200px; background-position: 47% center;}
	.value .mento_area .title_box .text_box {margin:0; padding:25px 0 0; text-align: left;}
	.value .mento_area .title_box .text_box p.title {font-size:19px; line-height: 25px;}
	.value .mento_area .title_box .text_box p.desc {margin-top:25px; font-size:13px; line-height: 20px;}
	.value .mento_area .title_box .text_box p.title_m  {margin-top:25px; padding:0; font-size:19px; line-height: 28px;}
}

/* 하단 full Banner */
.value .full_banner {position: relative; width: 100%; height: 540px; margin-top:90px; background-repeat: no-repeat; background-position: center; background-size: cover;}

.value.value_p .full_banner {background-image: url("../g_n_images/value/img_p_04.jpg")}
.value.value_t_01 .full_banner {background-image: url("../g_n_images/value/img_t_01_05.jpg")}
.value.value_t_02 .full_banner {background-image: url("../g_n_images/value/img_t_02_03.jpg")}
.value.value_m_01 .full_banner {background-image: url("../g_n_images/value/img_m_01_04.jpg")}
.value.value_m_02 .full_banner {background-image: url("../g_n_images/value/img_m_02_04.jpg")}
.value.value_m_03 .full_banner {background-image: url("../g_n_images/value/img_m_03_02.jpg")}

.value .full_banner em.all_br {display: block;}
.value .full_banner em.indent {padding-left:18px;}
.value .full_banner .banner_text {position: relative; width: 100%; max-width: 1200px; margin:0 auto; box-sizing: border-box; word-break: keep-all;}
.value .full_banner .banner_text p.comment {padding-left:18px; font-size:30px; line-height: 50px; color:#fff; text-indent: -18px;}
.value .full_banner .banner_text p.name {margin-top:13px; font-size:16px; line-height: 42px; color:#fff;}
.value .full_banner .banner_text p.name em {font-weight: bold;}

.value .full_banner img {display: none; width: 100%; height: auto;}
.value .full_banner .banner_text p.comment {letter-spacing: -1px; padding:0;}

.value .full_banner .position {width: 100%; height: 100%;}
.value .full_banner .position .table {display: table; width: 100%; height: 100%;}
.value .full_banner .position .table .banner_text {width: 100%; max-width: 1200px; padding:0 30px 0 66px; display: table-cell; text-align: left; vertical-align: middle; box-sizing: border-box;}
.value.value_m_01 .full_banner .position .table .banner_text {text-indent: 0; text-align: center;}

.value.value_p .full_banner .position,
.value.value_m_02 .full_banner .position,
.value.value_m_03 .full_banner .position,
.value.value_t_02 .full_banner .position {width: 100%; height: 100%; max-width: 1200px; margin:0 auto;}

@media all and (max-width:1200px) {
	.value .full_banner {display: block; width: 100%; height: 350px;}
	.value .full_banner .banner_text {padding:0 30px;}
	.value.value_m_01 .full_banner {background-size:130%; background-color: #b3b0ae; background-position: bottom center;}
	.value.value_m_01 .full_banner .position .table .banner_text {padding:0 25%;}
	.value.value_m_01 .full_banner .position .table .banner_text .br {display: inline;}
	.value .full_banner .position {position: absolute; top:0; left:0; right:0; bottom:0;}
}
@media all and (max-width:1200px) {
	.value .full_banner .position .table .banner_text {padding:0 30px 0 42px; }
	.value .full_banner em.indent {text-indent: -18px;}
	.value .full_banner .banner_text p.comment {font-size:25px; line-height: 40px; text-indent: -14px;}
}
@media all and (max-width:900px) {
	.value.value_t_02 .full_banner {background-position: 55% center;}
	.value.value_m_02 .full_banner {background-position: 35% center;}
}
@media all and (max-width:800px) {
	.value .full_banner {margin-top:0; background: none; height: auto;}
	.value .full_banner img {display: block;}
	.value .full_banner em.indent {padding-left:0px;}
	.value .full_banner img {display: block;}

	.value .full_banner .banner_text {text-align:center !important;}
	.value .full_banner .banner_text p.comment {font-size:17px; line-height: 26px; text-indent: 0 !important; padding-left:0 !important;}
	.value .full_banner .banner_text p.name {font-size:13px; line-height: 21px; text-indent:0 !important;}

	.value .full_banner .position {position: relative; top:0; left:0; right:0; bottom:0; padding:20px ; box-sizing: border-box; background-color: #b3b0ae;}
	.value.value_p .full_banner .position {background-color: #888d91;}
	.value.value_t_01 .full_banner .position {background-color: #c7c7c9;}
	.value.value_t_02 .full_banner .position {background-color: #ada69e;}
	.value.value_m_02 .full_banner .position {background-color: #afa398;}
	.value.value_m_03 .full_banner .position {background-color: #c0c3c4;}
	.value .full_banner .position .table .banner_text {padding:0 !important;}

	.value .board.board_01 .board_area .box_right, .value .board.board_02 .board_area .box_right {margin-top:25px;}

	.value.value_m_01 .full_banner,
	.value.value_m_02 .full_banner,
	.value.value_m_03 .full_banner,
	.value.value_t_02 .full_banner {margin-top:45px;}
}

/* 하단 버튼 */
.menus_area {position: relative; width: 100%; height: 200px;}
.menus_area .btn {font-family: "Noto Sans"; position: absolute; top:0; display: block; width: 50%; height: 200px; text-align: center; line-height: 200px; font-size:30px; color:#fff; font-weight: bold; overflow: hidden;}
.menus_area .btn.btn_left {left:0;}
.menus_area .btn.btn_right {right:0;}
.menus_area .btn:before {content: ""; position: absolute; top:0; left:0; right:0; bottom:0; opacity: 1; z-index: -2; background-repeat: no-repeat; background-size: cover; background-position: center; -webkit-transition:opacity 0.2s cubic-bezier(0, 0, 0.25, 1), opacity 0s cubic-bezier(0, 0, 0.25, 1); transition:opacity 0.2s cubic-bezier(0, 0, 0.25, 1), transform 0.5s cubic-bezier(0, 0, 0.25, 1);}
.menus_area .btn:after {content: ""; position: absolute; top:0; left:0; right:0; bottom:0; opacity: 0.2; z-index:-1; background-color: #000; -webkit-transition:opacity 0.2s cubic-bezier(0, 0, 0.25, 1), opacity 0s cubic-bezier(0, 0, 0.25, 1); transition:opacity 0.2s cubic-bezier(0, 0, 0.25, 1);}
.menus_area .btn.btn_pro:before {background-image: url(../g_n_images/value/btn_foot_02.jpg);}
.menus_area .btn.btn_pat:before {background-image: url(../g_n_images/value/btn_foot_01.jpg);}
.menus_area .btn.btn_man:before {background-image: url(../g_n_images/value/btn_foot_03.jpg);}
.menus_area .btn.btn_tr:before {background-image: url(../g_n_images/value/btn_foot_04.jpg);}
.menus_area .btn.btn_ethics:before {background-image: url(../g_n_images/value/btn_foot_05.jpg);}
.menus_area .btn:hover:before {transform:scale(1.2); -webkit-transform:scale(1.2); -ms-transform:scale(1.2);}
.menus_area .btn:hover:after {opacity: 0;}

@media all and (max-width:800px) {
	.menus_area {height: 100px;}
	.menus_area .btn {height: 100px; font-size: 16px; line-height: 100px;}
}
@media all and (max-width:414px) {
	.menus_area {height: 200px;}
	.menus_area .btn {position: relative; width: 100%; height: 100px; line-height: 100px; font-size: 13px;}
}

/* 더블 슬라이드 */
.value .slider_area .slick_slider {width: 100%; max-width: 1200px; margin:0 auto; box-sizing: border-box;}
.value .slider_area .item {position: relative;}
.value .slider_area .item img {width: 100%;}
.value .slider_area .item p.t {position: absolute; top:30px; left:40px; font-size:16px; line-height: 26px; color:#fff;}
.value .slider_area .slick-arrow {position: absolute; bottom:0; display: block; width: 60px; height: 60px; background: url("../g_n_images/icons/icons.png") no-repeat -700px 0; cursor: pointer; border:none; outline:none; text-indent: -999em;}
.value .slider_area .slick-arrow.slick-prev {right:60px; z-index: 1;}
.value .slider_area .slick-arrow.slick-next {right:0; background-position: -760px 0;}

@media all and (max-width:800px) {
	.value .slider_area .slick-arrow {bottom:-1px; width: 45px; height: 45px; background-size: 500px auto;}
	.value .slider_area .slick-arrow.slick-prev {background-position: -350px -125px; right:45px;}
	.value .slider_area .slick-arrow.slick-next {right:0; background-position: -395px -125px;}
}

/** TRUST **/
article.trust {position: relative;}
.trust .m_view {display: none;}
.trust em.br {display: block;}

.trust .title_box {position: relative; width: 100%; padding:83px 0 58px; box-sizing: border-box; background-color: #00aeef;}
.trust .title_box .title {max-width: 1200px; margin:0 auto; font-size:30px; line-height: 44px; color:#fff; font-weight: bold;}

.trust .safe_lng {position: relative; width: 100%; background-color: #00aeef; padding-bottom: 90px;}
.trust .safe_area {width: 100%; height: auto; /*max-width: 1200px; margin:0 auto;*/ padding-top:52px;}

.trust .scroll_area {position: relative; width: 100%; max-width: 1200px; height: 40px; margin:0 auto; box-sizing: border-box;}
.trust .scroll_area ul.list {white-space: nowrap; padding-right:60px;}
.trust .scroll_area li {display: inline-block; margin:0 15px; height: 40px;}
.trust .scroll_area li:first-child {margin-left:5px;}
.trust .scroll_area li:last-child {margin-right:5px;}
.trust .scroll_area li a {font-family: "Noto Sans"; font-size:20px; height: 30px; line-height: 30px; padding-bottom:5px; color:#96e2ff;}
.trust .scroll_area li.on a  {color:#ffffff; border-bottom:4px solid #ffffff;}

.trust .safe_area .title {max-width: 1200px; margin:0 auto; margin-top:45px; font-family: "Noto Sans"; font-size:50px; line-height: 60px; color:#ffffff; font-weight: bold;}

.trust .slick_slider {position: relative; max-width: 1200px; margin:0 auto; margin-top:40px; overflow: visible !important;}
.trust .slick_slider:after {content: ""; position: absolute; top:0; left:-2000px; display: block; width: 2000px; height: 100%; background-color: #00aeef; z-index: 1;}
.trust .slick_slider .slick-list {overflow: visible !important;}
.trust .slick-slide.item {font-family: "Noto Sans"; position: relative; width: 580px; height: 360px; padding-top:55px; padding-left:60px;  background-color: #f7f7f7; margin-right:40px; box-sizing: border-box; outline:0;}
.trust .slick-slide.item .ship {font-size:30px; line-height: 40px; font-weight: bold; color:#00aeef;}
.trust .slick-slide.item ul {margin-top:20px;}
.trust .slick-slide.item ul li {position: relative; padding-left:13px; font-size:16px; line-height: 34px; color:#333; letter-spacing: 0;}
.trust .slick-slide.item ul li span {display: inline-block; width: 200px; color:#999999;}
.trust .slick-slide.item ul li:before {content: ""; position: absolute; top:50%; left:0; display: block; width: 3px; height: 3px; margin-top:-1px; background-color: #999999;}

.trust .slick_slider .slick-arrow {position: absolute; top:-96px; display: block; width: 60px; height: 60px; background: url("../g_n_images/icons/icons.png") no-repeat -880px 0; cursor: pointer; border:none; outline:none; text-indent: -999em; background-color: #00aeef;}
.pc .trust .slick_slider .slick-arrow:hover {background-color: #003591 !important;}
.trust .slick_slider .slick-arrow.slick-prev {right:60px; z-index: 1; background-position: -880px -560px;}
.trust .slick_slider .slick-arrow.slick-next {right:0; z-index: 2; background-position: -940px -560px;}


.trust .safety {padding-bottom:70px; position: relative; height: auto; background: url("../g_n_images/value/bg_trust_safety.jpg") no-repeat center; background-size: cover;}
.trust .safety .safety_area {width: 100%; max-width: 1200px; margin:0 auto; padding-top:85px;}
.trust .safety .safety_area > .title {font-family: "Noto Sans";  font-size:40px; line-height: 50px; font-weight: bold; color:#fff; text-align: center;}
.trust .safety .safety_area > .desc {margin-top:20px; font-size:16px; line-height: 24px; color:#fff; text-align: center;}
.trust .safety .data_area {font-family: "Noto Sans"; margin-top:140px;}
.trust .safety .data_area .title_area {float:left; width:39%;}
.trust .safety .data_area .title_area > .title {font-family: "Noto Sans";  font-size:50px; line-height: 60px; color:#00aeef; font-weight: bold;}
.trust .safety .data_area .graph_area {float:left; width: 26%; }
.trust .safety .data_area .graph_area > .title {font-family: "Noto Sans";  font-size:16px; line-height: 18px; color:#fff; font-weight: bold;}
.trust .safety .data_area .graph_area .graph {margin-top:30px;}
.trust .safety .data_area .number_zone {float:left; width: 35%;}
.trust .safety .data_area .number_zone ul li {width: 110px; height: 150px; margin-bottom:50px; margin-right:30px;}
.trust .safety .data_area .number_zone ul li > p {text-align: center; color:#fff;}
.trust .safety .data_area .number_zone ul li > p.num {font-size:50px; line-height: 60px; font-weight: bold;}
.trust .safety .data_area .number_zone ul li > p.num span {margin-left:5px; font-size:14px; font-weight: normal;}
.trust .safety .data_area .number_zone ul li > p.text {font-size:14px; line-height: 18px; color:#c3c3c3;}

.trust .ltc {position: relative; height: auto; padding-bottom:160px; padding-top:85px; background-color: #f7f7f7;}
.trust .ltc .ltc_area {width: 100%; max-width: 1200px; margin:0 auto;}
.trust .ltc .ltc_area > .title {font-family: "Noto Sans";  font-size:40px; line-height: 50px; font-weight: bold; color:#333333; text-align: center;}
.trust .ltc .ltc_area > .desc {margin-top:20px; font-size:16px; line-height: 24px; color:#333333; text-align: center;}
.trust .ltc .data_area {font-family: "Noto Sans"; margin-top:85px;}
.trust .ltc .data_area .title_area {float:left; width:32.5%; padding-top:20px;}
.trust .ltc .data_area .title_area > .title {font-family: "Noto Sans";  font-size:30px; line-height: 40px; color:#333; font-weight: bold;}
.trust .ltc .data_area .title_area > .year {font-family: "Noto Sans";  font-size:100px; line-height: 110px; font-weight: bold; color:#00aeef;}
.trust .ltc .data_area .title_area > .year span {font-size:20px; margin-left:5px;}
.trust .ltc .data_area .graph_area {float:left; width: 67.5%; }

.trust a.btn_mobile {position: absolute; bottom:0; right:0; display: none; width: 45px; height: 45px; background: url("../g_n_images/icons/icons.png") no-repeat -380px -30px; background-size: 500px auto;}
.trust a.btn_mobile em {position: absolute; top:0; left:0; display: block; width: 0; height: 0; overflow: hidden; opacity: 0;}

@media all and (max-width:1360px) {
	.trust .title_box,
	.trust .safe_area,
	.trust .ltc {padding-left:30px; padding-right:70px; box-sizing: border-box;}
	.trust .safety {padding-left:30px; padding-right:30px; box-sizing: border-box;}

	.trust .ltc .data_area .title_area {float:left; width:34%; padding-top:20px;}
	.trust .ltc .data_area .graph_area {float:left; width: 66%; padding-left:30px; box-sizing:border-box;}

	.trust .slick_slider .slick-arrow.slick-prev {right:60px; z-index: 1;}
	.trust .slick_slider .slick-arrow.slick-next {right:0;}
}
@media all and (max-width:1024px) {
	.trust .safety .data_area {margin-top:70px;}
	.trust .safety .data_area .title_area {width: 50%;}
	.trust .safety .data_area .graph_area {width: 50%; text-align: center;}
	.trust .safety .data_area .number_zone {margin-top:50px; width: 100%; position: relative; text-align: center;}
	.trust .safety .data_area .number_zone ul {display: inline-block;}
	.trust .safety .data_area .number_zone ul li {margin-right:15px; margin-bottom:25px;}

	.trust .ltc .data_area {margin-top:70px;}
	.trust .ltc .data_area .title_area {width: 30%;}
	.trust .ltc .data_area .graph_area {width: 70%; padding-left:0; }

	.trust .ltc .data_area .title_area > .title {font-size:19px; line-height: 25px;}
	.trust .ltc .data_area .title_area > .year {font-size:50px; line-height: 60px;}
	.trust .ltc .data_area .title_area > .year span {font-size:12px; margin-left:5px;}

}
@media all and (max-width:900px) {
	.trust .safety .data_area .number_zone ul li {margin-right:5px; margin-bottom:25px;}
	.trust .slick_slider {margin-top:80px;}
	.trust .slick_slider .slick-arrow {top:-70px;}
}
@media all and (max-width:800px) {
	.trust em.br {display: inline;}
	.trust .m_view {display: block; text-align:center;}
	.trust .web_view {display: none;}
	.trust a.btn_mobile {display: block;}

	.trust .title_box,
	.trust .safe_area,
	.trust .ltc,
	.trust .safety {padding-left:20px; padding-right:20px;}

	.trust .title_box {padding-top:40px; padding-bottom:10px;}
	.trust .title_box .title {font-size:19px; line-height: 26px;}

	.trust .safe_lng {padding-bottom:0;}
	.trust .safe_area {padding-top:25px; padding-bottom:40px; padding-right:0;}
	.trust .scroll_area {height: 30px;}
	.trust .scroll_area ul.list {padding-right:30px;}
	.trust .scroll_area li {height: 30px;}
	.trust .scroll_area li a {font-size:13px; height: 20px; line-height: 20px;}
	.trust .scroll_area li.on a  {border-bottom:2px solid #ffffff;}

	.trust .safe_area .title {margin-top:25px; font-size:25px; line-height: 30px; padding-right:20px;}

	.trust .slick_slider {margin-top:20px;}
	.trust .slick_slider .item {margin-right:20px;}
	.trust .slick_slider .slick-list {overflow: hidden !important;}
	.trust .slick_slider .slick-arrow {top:-60px; width: 45px; height: 45px; background-size: 500px auto;}
	.trust .slick_slider .slick-arrow.slick-prev {background-position: -410px -310px; right:65px;}
	.trust .slick_slider .slick-arrow.slick-next {right:20px; background-position: -455px -310px;}

	.trust .safety {padding-bottom:35px;}
	.trust .safety .safety_area {padding-top:40px;}
	.trust .safety .safety_area > .title {font-size:25px; line-height: 35px;}
	.trust .safety .safety_area > .desc {margin-top:7px; font-size:13px; line-height: 20px;}
	.trust .safety .data_area {font-family: "Noto Sans"; margin-top:24px;}
	.trust .safety .data_area .title_area {float:none; width:100%; text-align: center; word-break: keep-all;}
	.trust .safety .data_area .title_area > .title {font-size:19px; line-height: 24px; padding:0 3px;}
	.trust .safety .data_area .graph_area {float:none; width:100%; text-align: left; margin-top:15px;}
	.trust .safety .data_area .graph_area > .title {font-size:13px; line-height: 15px;}
	.trust .safety .data_area .graph_area .graph {margin-top:30px;}
	.trust .safety .data_area .number_zone {float:none; width: 100%;}
	.trust .safety .data_area .number_zone ul li {width: 33.333%; height: auto; min-height: 100px; margin-bottom:0; margin-right:0;}
	.trust .safety .data_area .number_zone ul li > p {text-align: center; color:#fff;}
	.trust .safety .data_area .number_zone ul li > p.num {font-size:30px; line-height: 40px;}
	.trust .safety .data_area .number_zone ul li > p.num span {margin-left:5px; font-size:10px; font-weight: normal;}
	.trust .safety .data_area .number_zone ul li > p.text {font-size:12px; line-height: 14px;}

	.trust .ltc {padding-top:0; padding-bottom:75px;}
	.trust .ltc .ltc_area {padding-top:40px;}
	.trust .ltc .ltc_area > .title {font-size:25px; line-height: 35px;}
	.trust .ltc .ltc_area > .desc {margin-top:15px; font-size:13px; line-height: 18px;;}
	.trust .ltc .data_area {font-family: "Noto Sans"; margin-top:0; text-align: center;}
	.trust .ltc .data_area .title_area {float:none; width:100%; padding-top:20px;}
	.trust .ltc .data_area .title_area > .title {font-size:19px; line-height: 28px;}
	.trust .ltc .data_area .title_area > .year {font-size:50px; line-height: 60px;}
	.trust .ltc .data_area .title_area > .year span {font-size:12px; margin-left:5px;}
	.trust .ltc .data_area .graph_area {float:left; width: 100%; }
}
@media all and (max-width:640px) {
	.trust .slick-slide.item {width: auto; height: auto; padding:25px 30px;}
	.trust .slick-slide.item .ship {font-size:19px; line-height: 26px;}
	.trust .slick-slide.item ul {margin-top:5px;}
	.trust .slick-slide.item ul li {padding-left:11px; font-size:13px; line-height: 22px;}
	.trust .slick-slide.item ul li span {width: 150px;}
	.trust .slick-slide.item ul li:before {content: ""; position: absolute; top:50%; left:0; display: block; width: 3px; height: 3px; margin-top:-1px; background-color: #999999;}
}
@media all and (max-width:640px) {
	.trust .slick_slider {margin-top:65px;}
	.trust .slick_slider .slick-arrow {top:-55px;}
}
@media all and (max-width:359px) {
	.trust .slick-slide.item ul li span {width: 100%;}
	.trust .slick-slide.item ul li:before {top:12px;}
}

/** ETHICS **/
.ethics_area {padding-top:147px;}
.sec_intro.sec_ethics {padding-top:100px;}
.sec_intro.sec_ethics .intro_img {background: url("../g_n_images/value/img_ethics.jpg") no-repeat 0 0; background-size:cover; height: 524px;}
.ethics_area .sec_intro .intro_box {margin-left:52.5%; width: 47.5%;}
.ethics_area .sec_intro .intro_box .intro_data p.title_shadow {position: absolute; top:-159px; left:0;}
.ethics_area .sec_intro .intro_box .intro_data p.title {padding-top:55px; font-size:30px; line-height: 44px;}
.ethics_area .sec_intro .intro_box .intro_data p.desc {font-size:16px; line-height: 28px;}
.ethics_area .sec_intro .intro_box .intro_data p.desc .br {display: block;}

@media all and (max-width:1360px) {
	.ethics_area {padding-left:30px; padding-right:70px;}
	.ethics_area .sec_intro .intro_box .intro_data p.title .br {display: inline;}
	.ethics_area .sec_intro .intro_box .intro_data p.desc .br {display: inline;}
}
@media all and (max-width:1024px) {
	.ethics_area .sec_intro .intro_box {margin-left:50%; width: 50%;}
}
@media all and (max-width:860px) {
	.ethics_area .sec_intro .intro_box {margin-left:42%; width: 58%;}
}
@media all and (max-width:800px) {
	.ethics_area {padding:0;}
	.ethics_area .sec_intro {margin:0; padding: 355px 20px 35px;}
	.ethics_area .sec_intro .intro_box {margin-left:0; width: 100%;}
	.ethics_area .sec_intro .intro_box .intro_data p.title_shadow {display: none;}
	.ethics_area .sec_intro .intro_img {height: 400px;}
	.ethics_area .sec_intro .intro_box .intro_data p.title {padding-top:25px; font-size:25px; line-height: 35px;}
	.ethics_area .sec_intro .intro_box .intro_data p.desc {font-size:14px; line-height: 24px;}
}

.principle {position: relative; width: 100%; height: auto; padding-top:85px; padding-bottom:145px; background: url("../g_n_images/value/bg_ethics.jpg") no-repeat 0 0; background-size:cover;}
.principle .principle_area {position: relative; width: 100%; max-width: 1200px; margin:0 auto;}
.principle .principle_area > p.title {font-size:40px; line-height: 50px; color:#fff; font-weight: bold; text-align: center;}
.principle .principle_area .boxs {margin-top:50px;}
.principle .principle_area .boxs li {display: block; width: 33.333%; padding:5px; box-sizing: border-box;}
.principle .principle_area .boxs li .inBox {display: block; background-color: #fff; padding:30px 40px 30px; height: 230px; box-sizing: border-box;}
.principle .principle_area .boxs li .inBox .br {display: block;}
.principle .principle_area .boxs li .inBox p.title {font-size:24px; line-height: 34px; color:#00aeef; font-weight: bold;}
.principle .principle_area .boxs li .inBox p.desc {margin-top:24px; font-size:16px; line-height: 28px; color:#666;}

@media all and (max-width:1360px) {
	.principle {padding-left:30px; padding-right:70px; box-sizing: border-box;}
}
@media all and (max-width:1100px) {
	.principle .principle_area .boxs li .inBox .br {display: inline;}
}
@media all and (max-width:930px) {
	.principle .principle_area .boxs li {width: 50%;}
}
@media all and (max-width:800px) {
	.principle {padding:40px 20px 65px;}
	.principle .principle_area > p.title {font-size:25px; line-height: 30px;}
	.principle .principle_area .boxs {margin-top:25px;}
	.principle .principle_area .boxs li .inBox {height: 150px; padding:15px 20px 15px;}
	.principle .principle_area .boxs li .inBox p.title {font-size:18px; line-height: 26px;}
	.principle .principle_area .boxs li .inBox p.desc {margin-top:12px; font-size:13px; line-height: 20px;}
	.principle .principle_area .boxs li .inBox .br {display: block;}
}
@media all and (max-width:540px) {
	.principle .principle_area .boxs li {width: 100%;}
	.principle .principle_area .boxs li .inBox {height: auto;}
	.principle .principle_area .boxs li .inBox .br {display: inline;}
}

/* Moblie Top */
.sticky_top {display:none; position:relative; margin-top:-91px; height:1px; }
.sticky_top.off .goTop { position:absolute; }
.sticky_top.up .goTop { margin-bottom:45px; }
.sticky_top .goTop { display:none; width:45px; height:45px; position:fixed; bottom:0; right:0; z-index:7; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -webkit-transition:margin 0.2s ease-out; transition:margin 0.2s ease-out; }
.sticky_top .btn_top_m { position:relative; overflow:hidden; display:block; width:100%; height:100%; background:url('../g_n_images/common/btn_top.jpg') no-repeat center center; background-size:100% auto; }
.sticky_top .btn_top_m > em { opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; }

/* */
@media all and (max-width:800px) {
	.sticky_top {display: block;}
}