@import url("common.css");
@import url("privacy.css");

#header {opacity:0; top:-20px}
#footer {opacity:0;}

#subTop {position:relative; overflow:hidden; width:100%; text-align:center; height:390px; opacity:0; background-size:cover;}
	.subtop_company {background:url('/img/subtop_company.jpg') center 0 no-repeat;}
	.subtop_business1 {background:url('/img/subtop_business1.jpg') center 0 no-repeat;}
	.subtop_business2 {background:url('/img/subtop_business2.jpg') center 0 no-repeat;}
	.subtop_business3 {background:url('/img/subtop_business3.jpg') center 0 no-repeat;}
	.subtop_business4 {background:url('/img/subtop_business4.jpg') center 0 no-repeat;}
	.subtop_business5 {background:url('/img/subtop_business5.jpg') center 0 no-repeat;}
	.subtop_public {background:url('/img/subtop_public.jpg') center 0 no-repeat;}
	.subtop_recruit {background:url('/img/subtop_recruit.jpg') center 0 no-repeat;}
	.subtop_ethical {background:url('/img/subtop_ethical.jpg') center 0 no-repeat;}
	.subtop_other {background:url('/img/subtop_other.jpg') center 0 no-repeat;}
	.subtop_search {background:url('/img/subtop_other.jpg') center 0 no-repeat;}
	.subtop_hmr {background:url('/img/subtop_hmr.jpg') center 0 no-repeat;}


#subTop .in {opacity:0; top:-20px;}
#subTop .subtop_txt {margin-top:190px}
.subtop_txt {position:relative; margin-top:109px}
.subtop_txt .tit {font-size:46px; color:#fff; line-height:130%;  letter-spacing:0; font-weight:700;}
.subtop_txt .smt {font-size:16px; color:#fff; line-height:100%; letter-spacing:0; margin-top:20px;}

#contents {position:relative; margin:0 auto; border-bottom:1px solid #ddd; top:20px; opacity:0;}

.lnb {position:relative; overflow:hidden; border-bottom:1px solid #ddd;}
.lnb ul {position:relative; overflow:hidden; max-width:100%; margin:0 auto; text-align:center;}
.lnb li {position:relative; display:inline-block; text-align:center; width:auto; padding: 0 15px;}
.lnb li a {border-bottom: 2px solid transparent; padding: 0 30px; color:#666; font-size:15px; letter-spacing:0; display:block; line-height:60px; height:60px; text-align:center; transition: all 0.3s ease; -o-transition: all 0.3s ease;  -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
.lnb li a:hover{display:block; color:#005dab; text-decoration: none;  }
.lnb .com_warp li a{padding: 0 10px;}
.left_linktop{display:block; color:#005dab !important; text-decoration: none;    border-bottom-color: #005dab !important;}

.lnb_mobile {width:100%; display:block; background:#fff; position:relative; margin:-30px auto 0 auto; opacity:0; top:-20px;}
.lnbMenu {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0c4ca3+0,13b6c0+100 */
background: #0c4ca3; /* Old browsers */
background: -moz-linear-gradient(left,  #0c4ca3 0%, #13b6c0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #0c4ca3 0%,#13b6c0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #0c4ca3 0%,#13b6c0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c4ca3', endColorstr='#13b6c0',GradientType=1 ); /* IE6-9 */
}

.menu_wrap{display:none;}

/** 2018.12.17 Ãß°¡ - dropdownlist **/
.dropLst { display:inline-block; /* position:relative; */ vertical-align:middle; color:#666; }
.dropLst .txt { position:relative; display:block; text-align:left; text-decoration:none; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:40px; padding:0 40px 0 10px; box-sizing:border-box; color:#333; }
.dropLst .hidradio { opacity:0; filter:alpha(opacity=0); position:absolute; z-index:-1; top:5px; left:5px; }
.dropLst .dlst { display:none; position:absolute; z-index:9; } /* box-shadow:1px 1px 1px rgba(0,0,0,.2); -webkit-box-shadow:1px 1px 1px rgba(0,0,0,.2);  min-width:100%; */
.dropLst.bottom .dlst { top:auto; bottom:100%; }
.dropLst .dlst.aright { right:0; }
.dropLst ul { background-color:#fff; max-height:530px; padding:0; overflow-x:hidden; overflow-y:auto; box-sizing:border-box; -webkit-box-sizing:border-box; }
.dropLst ul > li { position:relative; }
.dropLst ul > li > label { display:block; position:relative; cursor:pointer; }
.dropLst ul > li > label > span { display:block; }
.dropLst ul > li > a:hover, .dropLst ul > li > label:hover > span, .dropLst ul > li > label.hover > span { /* background-color:#f3f3f3; */ }
.dropLst .txt, .dropLst ul { border:1px solid #d7d7d7; }
.dropLst .txt, .dropLst li span, .dropLst li a { line-height:38px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.dropLst li span, .dropLst li a { padding:0 10px; }
.dropLst li a.selected, .dropLst li a.on, .dropLst li label.on span {/*font-weight:bold;*/}
.dropLst li span, .dropLst li a { display:block; }

/** 2018.12.17 ¼­ºê ³×ºñ°ÔÀÌ¼Ç ¸ð¹ÙÀÏ **/
.mobile_snb {display: block; max-width:1480px; margin:0 auto; height:60px;}
.mobile_snb h2 {float:left; position:relative;}
.mobile_snb h2:before {position:absolute; content:""; left:0; top:22px; width:1px; height:16px; background:#3d81ba; z-index:3;}
.mobile_snb h2:after {position:absolute; content:""; right:0; top:22px; width:1px; height:16px; background:#3d81ba; z-index:3;}
.mobile_snb h2 a {display:block; width:60px; height:60px; background:url('/img/lnb_home.png') center no-repeat; background-size:18px; }
.mobile_snb h2 a {display:block; width:60px; height:60px; background:url('/img/lnb_home.png') center no-repeat; background-size:18px; }
.mobile_snb .box {width: 300px; position:relative; float:left; height: 60px;box-sizing:border-box;} /* background-color: #fff;  */
.mobile_snb .box:after {position:absolute; content:""; right:0; top:22px; width:1px; height:16px; background:rgba(255,255,255,0.3); z-index:3;}
.mobile_snb .box.dep1 {/*background-color: #003591;*/}
.mobile_snb .dropLst .txt, 
.mobile_snb .dropLst li span, 
.mobile_snb .dropLst > a {padding-left:15px; width:100%; height:60px; line-height:60px; font-size:15px; border:none; z-index: 99; box-sizing:border-box; letter-spacing:0;}
.mobile_snb .box .dropLst .txt {padding-right:40px; color:#fff;}
.mobile_snb .box .dropLst .txt:before {content: ""; position: absolute; top:50%; right:15px; display: block; width: 15px; height:9px; margin-top:-4px; background: url("/img/lnb_arr.png") no-repeat center center/cover; background-size:100%; -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:0;}
.mobile_snb .box.dep1 .dropLst ul,
.mobile_snb .box.dep1 .dropLst ul li {background-color: #f6f6f6;} /* background-color: #003591; */
.mobile_snb .box.dep1 .dropLst ul li:first-child {}
.mobile_snb .box.dep1 .dropLst ul li:last-child {border-bottom:0;}
.mobile_snb .box.dep1 .dropLst li .value {padding-left:15px; width:100%; height: 50px; line-height: 50px; font-size:15px; border:none; z-index: 99; box-sizing:border-box; letter-spacing:0; color:#555;}
.mobile_snb .box.dep1 .dropLst li .value.on {color:#fff;  background:#0c4ca3;}
.mobile_snb .box.dep1 .dropLst .txt {color:#fff; } /* color:#fff; */
.mobile_snb .box.dep1 .dropLst .txt:before {background-position:top left;} /* ù¹ø° ¼­ºê¸Þ´º È­»ìÇ¥ À§Ä¡ */ /* background-position: 0px 0px */
.mobile_snb .box.dep2 .dropLst ul,
.mobile_snb .box.dep2 .dropLst ul li  {background-color: #f6f6f6;} /*background-color: #fff;*/
.mobile_snb .box.dep2 .dropLst li .value {padding-left:15px; width:100%; height: 50px; line-height: 50px; font-size:15px; border:none; z-index: 99; box-sizing:border-box; letter-spacing:0; color:#555;} /*color:#003591;*/
.mobile_snb .box.dep2 .dropLst li .value.on {color:#fff;  background:#0c4ca3;} /*color:#00aeef;*/
/*.mobile_snb .box.dep2 .dropLst li a:link, .mobile_snb .box.dep2 .dropLst li a:visited {padding-left:15px; width:100%; height: 50px; line-height: 50px; font-size:15px; border:none; z-index: 99; box-sizing:border-box; letter-spacing:0; color:#555;} */
.mobile_snb .dropLst {width:100%; box-sizing: border-box;}
.mobile_snb .dropLst .dlst {width:300px;}
.mobile_snb .dropLst .dlst ul {border:1px solid #ddd; border-top:none;}

/** ¼­ºê 2Â÷¸Þ´º **/
.subDepth {position:relative; width:100%; border-bottom:1px solid #ddd; text-align:center; background:#fff; opacity:0; top:-20px;}
.subDepth ul.pcmen {text-align:center;}
.subDepth ul.pcmen li {display:inline-block; padding:0 1%;}
.subDepth ul.pcmen li a:link, .subDepth ul.pcmen li a:visited {position:relative; display:inline-block; padding:15px 0px; letter-spacing:0; font-size:15px}
.subDepth ul.pcmen li a:link:after {position:absolute; left:0; bottom:0px; display:block; content:""; width:100%; height:3px; background-color:#13b6c0; transform:scale3d(0,1,1); transform-origin:left; transition:transform .5s; z-index:2;}*/
.subDepth ul.pcmen li a:hover, .subDepth ul.pcmen li a.hover {color:#13b6c0; font-weight:500;}
.subDepth ul.pcmen li a:hover:after, .subDepth ul.pcmen li a.hover:after {transform:scale3d(1,1,1);}
.subDepth ul.pcmen li a.hover{color:#13b6c0; font-weight:500;}
.subDepth .swiper-button-next, .subDepth .swiper-button-prev {display:none;}

/** ¼­ºê 3Â÷¸Þ´º **/
.subTab {width:100%; max-width:1480px; margin:0 auto; overflow:hidden; text-align:center;}
.subTab ul {display:inline-block; text-align:center; font-size:0;}
.subTab ul li {display:inline-block;}
.subTab ul li a {display:block; width:280px; padding:20px 0px; font-size:1rem; border:1px solid #ccc; border-left:none; color:#666; text-align:center; letter-spacing:0; -webkit-transition:all 0.3s;-moz-transition:all 0.3s; transition:all 0.3s; line-height:100%; box-sizing:border-box;}
.subTab ul li a:hover {color:#13b6c0; background:#f6f6f6; -webkit-transition:all 0.3s;-moz-transition:all 0.3s; transition:all 0.3s; line-height:100%;}
.subTab ul li a.on {background:#13b6c0; color:#fff; border:1px solid #13b6c0;}
.subTab ul li:first-child a {border-left:1px solid #ccc;}
.subTab ul li:first-child a.on {border-left:1px solid #13b6c0;}

.contentArea {max-width:1480px;position: relative;  margin:80px auto 80px auto;}
.contentArea_wide {position:relative; width:100%; margin-top:80px; box-sizing:border-box;}
.width1480 {max-width:1480px; position: relative; margin:0 auto 120px auto; box-sizing:border-box;}
.width14802 {max-width:1480px; position: relative; margin:0 auto 120px auto; box-sizing:border-box;}

#contents .tit_area {width:100%; padding:0 0 60px 0; overflow:hidden;}
#contents .tit_area2 {position: relative;  overflow:hidden;}
#contents .tit_area2:after {content: ""; display:block; width:1px; height:35px; background:#ddd; margin: 20px auto;}
#contents .tit_area3 {padding:0 0 15px 0;}
#contents p.location {float:right; font-size:12px; color:#777; padding:15px 0 0 0}
#contents p.location a:link, .tit_area p.location a:visited{font-size:12px; color:#777; }
#contents p.location a:hover{color:#222;}
#contents p.location img{vertical-align:middle; margin-bottom:2px;}
 h3.title {text-align:center; color:#333; font-weight:700;  font-size:2.5rem; line-height:100%; letter-spacing:0;}	
.contents_in {position:relative;}
.contents_in .stit {font-size:18px; letter-spacing:0;}

.le0{letter-spacing:0 !important}


p.sub_title{font-size:18px; font-weight:600; line-height:26px;letter-spacing:0; color:#333; margin-bottom:5px;}


/*** °øÅëcss ***/
.point_txt{ color:#333; letter-spacing:0; font-weight:700}
.point_lgreen {color:#13b6c0;}

.tpad_10{padding-top:10px}
.tpad_20{padding-top:20px}
.tpad_35{padding-top:35px}
.bpad_5{padding-bottom:5px}
.bpad_10{padding-bottom:10px}
.bpad_20{padding-bottom:20px}
.bpad_25{padding-bottom:25px}
.bpad_30{padding-bottom:30px}
.bpad_40{padding-bottom:40px}
.bpad_50{padding-bottom:50px}
.bmar_20{margin-bottom:20px;}
.bmar_30{margin-bottom:30px;}
.bmar_40{margin-bottom:40px;}
.bmar_50{margin-bottom:50px;}
.bmar_80{margin-bottom:80px;}
.bmar_120{margin-bottom:120px;}
.tmar_30{margin-top:30px;}
.tmar_40{margin-top:40px;}
.tmar_50{margin-top:50px;}

.table_style {width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #333;}
.table_style th {color:#333; font-weight:600; text-align:center; padding:14px 10px; border-right:1px solid #ddd; border-bottom:1px solid #bbb; background-color:#e8eaeb; letter-spacing:0; font-size:1rem; font-weight:500;}
.table_style th span {display:inline-block; font-size:0.75rem;}
.table_style th.last {border-right:none;}
.table_style td {border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:14px 10px; font-size:1rem; text-align:center;}
.table_style td.last {border-right:none;}
.table_style td.bg{color:#333; background:#f4f4f4}


.table_left {width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #333;}
.table_left th {color:#333; font-weight:600; text-align:center; padding:14px 10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#e8eaeb; letter-spacing:0; font-size:1rem; font-weight:500;}
.table_left td {border-bottom:1px solid #ddd; padding:14px 10px; font-size:1rem; text-align:center; letter-spacing:0;}
.table_left td.tit {background:#f4f4f4;}
.table_left td.line {border-right:1px solid #ddd;}
.table_left td div.remark {text-align:left; margin-top:10px; font-size:0.875rem; letter-spacing:0;}

.dep_tit {background:url('/img/dep_tit.png') left top no-repeat; padding-top:20px; font-size:24px; color:#333; margin-bottom:20px; font-weight:600; letter-spacing:0; line-height:normal;}
.dep_mtit {background:url('/img/dep_mtit.png') left 6px no-repeat; padding-left:20px; font-size:20px; color:#333; margin-bottom:22px; font-weight:600; letter-spacing:0; line-height:normal;}
.dep_txt {font-size:20px; color:#333; margin-bottom:20px; font-weight:600; letter-spacing:0; line-height:normal;}
.dep_cont {padding:0 0 60px 0; letter-spacing:0;}
.dep_cont_end {padding:0; letter-spacing:0;}

.dott_list {}
.dott_list.half li{width:49%; margin-right:2%; float:left;}
.dott_list.half li:nth-child(2n){margin-right:0}
.dott_list li {position:relative; padding-bottom:5px; padding-left:14px; line-height:140%; box-sizing:border-box; letter-spacing:0;}
.dott_list li strong {color:#333; font-weight:600; letter-spacing:0;}
.dott_list li:before {position:absolute; content:""; left:0; top:7px; width:5px; height:5px; border-radius:50px; background:#13b6c0;}
.dott_list li.half {float:left; width:49.5%; margin-right:1%;}
.dott_list li.half:nth-child(2) {margin-right:0;}
.dott_list li.no_dott {padding:0 0 20px 14px ;}
.dott_list li.no_dott:before {display:none;}

.list_text {width:100%; overflow:hidden;}
.list_text h5 {float:left; width:325px;}
.list_text .list_cont {float:right; width:calc(100% - 325px); letter-spacing:0;}


.list_text2 {overflow:hidden;}
.list_text2 h5 {float:left; width:280px; margin-right:30px}
.list_text2 .list_cont2 {float:right; width:calc(100% - 310px); letter-spacing:0;}


.text {letter-spacing:0;}


/*** ȸ»ç¼Ò°³ ***/

/* CEO Àλ縻 */
.greeting {position:relative; padding-top:20px;}
.greeting .greet_top {position:relative; background:#e8eaeb; padding-bottom:80px; margin-top:-80px;}
.greeting .greet_top:before {position:absolute; content:""; top:0; left:0; width:100%; height:50px; display:block; background:#fff;}
.greeting .greet_top dl {position:relative; width:1170px; margin:0 auto; overflow:hidden;}
.greeting .greet_top dt {float:left; width:510px;}
.greeting .greet_top dd {float:right; width:calc(100% - 510px); box-sizing:border-box; vertical-align:middle; padding-top:150px;}
.greeting .greet_top dd h4 {position:relative; font-size:34px; line-height:120%; font-weight:300; color:#333; letter-spacing:0;}
.greeting .greet_top dd h4:before {position:absolute; content:""; left:-34px; top:0; width:27px; height:27px; background:url('/eng/company/img/greet_quotesL.png') left top no-repeat;}
.greeting .greet_top dd h4 span {display:inline-block; vertical-align:bottom; width:27px; height:27px; background:url('/eng/company/img/greet_quotesR.png') left top no-repeat; margin-left:5px;}
.greeting .greet_top dd h4 strong {font-weight:600; color:#333; letter-spacing:0;}
.greeting .greet_top dd .text {margin-top:30px; line-height:180%;}

.greeting .greet_txt {position:relative; width:1170px; margin:-80px auto 0 auto; line-height:180%; letter-spacing:0; padding:50px; box-sizing:border-box; background:#fff;}
.greeting .greet_txt .dep_txt {margin-bottom:10px;}
.greeting .greet_txt p {display:block; margin-bottom:20px; letter-spacing:0; line-height:180%;}
.greeting .greet_txt .sign {margin-top:20px; font-size:20px; font-weight:600; color:#393939; letter-spacing:0; text-align:right;}
.greeting .greet_txt .sign img {vertical-align:middle; margin-left:10px;}


/* ¿¬Çõ */
.history  {margin-top:-25px;}
.history .stit {margin-bottom:30px; text-align:center;}
.history .his_top {background:url('/eng/company/img/his_img.jpg') top center no-repeat; text-align:center; padding:120px 0; margin-bottom:35px;}
.history .his_top h4 {font-size:46px; margin-bottom:15px; color:#fff; font-weight:300 !important; font-family:"Heebo", Arial, Tahoma, Verdana, sans-serif !important; letter-spacing:1pt !important;}
.history .his_top h4 strong {font-family:"Heebo", Arial, Tahoma, Verdana, sans-serif; font-weight:700; color:#fff;}
.history .his_top .text {color:#fff; } 
.history .tableWrap {border-top:none;}


/* °æ¿µÃ¼°èµµ */
.management .stit {text-align:center; margin-bottom:35px;}
.management .manage_top {margin-bottom:70px; background:url('/eng/company/img/manage_img.jpg') top center no-repeat; padding:110px 100px; box-sizing:border-box;}
.management .manage_top p {color:#13b6c0;}
.management .manage_top h4 {font-size:46px; color:#fff; font-weight:300; letter-spacing:0;}
.management .manage_top .text {color:rgba(255,255,255,0.7); margin-top:20px;}

.management .list_text {margin-bottom:55px;}
.management .list_text .list_cont dl {position:relative; width:100%; overflow:hidden; margin-bottom:40px; }
.management .list_text .list_cont dt, .management .list_text .list_cont dd {position:relative; float:left; width:calc(50% - 25px); text-align:center; border-radius:15px; box-sizing:border-box; font-size:18px; letter-spacing:0; padding-bottom:20px;} 
.management .list_text .list_cont dt {margin-right:50px; border:5px solid #0c4ca3;} 
.management .list_text .list_cont dt:after {position:absolute; content:""; width:20px; height:20px; background:url('/eng/company/img/icon_plus.png') 50% 50% no-repeat; right:-40px; top:50%; transform:translateY(-50%);}
.management .list_text .list_cont dd {border:5px solid #13b6c0;} 
.management .list_text .list_cont dt p, .management .list_text .list_cont dd p {color:#fff; padding:12px 0; font-size:20px; font-weight:500; margin-bottom:20px; letter-spacing:0;}
.management .list_text .list_cont dt p {background:#0c4ca3;}
.management .list_text .list_cont dd p {background:#13b6c0;}
.management .list_text .list_cont, .management .list_text .list_cont .dep_cont,  .management .list_text .list_cont .dep_cont_end {line-height:190%;}


/* CI */
.ci .stit {margin-bottom:35px; text-align:center;}
.ci .ci_info {background:#e8eaeb; padding:120px 0; }
.ci .ci_info dl {width:1480px; margin: 0 auto; overflow:hidden;}
.ci .ci_info dt {float:left; width:700px; text-align:center;} 
.ci .ci_info dd {float:right; width:calc(100% - 700px);}
.ci .ci_info dd h4 {font-size:24px; font-weight:600; margin-bottom:25px; color:#333; letter-spacing:0;}
.ci .ci_info dd .text {color:#777; letter-spacing:0; }
.ci .ci_info dd p {margin-top:50px;}
.ci .ci_info dd p a:link, 
.ci .ci_info dd p a:visited {display:inline-block; width:180px; height:54px; text-align:center; line-height:54px; color:#fff;  letter-spacing:0; box-sizing:border-box;}
.ci .ci_info dd p a.jpg_bn {background:#13b6c0 url('/eng/company/img/icon_down.png') 20px center no-repeat; padding-left:25px; transition: all 0.3s ease;}
.ci .ci_info dd p a.ai_bn {background:#333 url('/eng/company/img/icon_down.png') 20px center no-repeat; padding-left:25px; margin-left:10px; transition: all 0.3s ease;}
.ci .ci_info dd p a.jpg_bn:hover {background:#1199b8 url('/eng/company/img/icon_down.png') 20px center no-repeat; transition: all 0.3s ease;}
.ci .ci_info dd p a.ai_bn:hover {background:#111 url('/eng/company/img/icon_down.png') 20px center no-repeat; transition: all 0.3s ease;}

.ci .ci_mark {width:1480px; margin:80px auto;}
.ci .ci_mark ul {overflow:hidden; margin:0 -25px;}
.ci .ci_mark ul li {display:table; float:left; width:50%; padding:0 25px; box-sizing:border-box;}
.ci .ci_mark ul li div {border:1px solid #ddd; padding:70px 0; text-align:center;}
.ci .ci_mark ul li:first-child div {background:url('/eng/company/img/ci_grid_bg.gif') left top repeat;}

/* BI */
.bi {text-align:center;}
.bi .mtit {font-size:24px; letter-spacing:0; color:#333; font-weight:300; margin-bottom:35px; line-height:130%;}
.bi .stit {margin-bottom:70px;}
.bi .stit strong {font-weight:500; letter-spacing:0;}
.bi ul {margin:0 -15px 0 -15px; overflow:hidden; box-sizing:border-box;}
.bi ul li {display:table; float:left; width:33.3%; text-align:center; padding:0 15px; box-sizing:border-box; margin-bottom:60px;}
.bi ul li:nth-child(3n+1) {clear:both}
/*.bi ul li:nth-child(4) {margin-left:16.6667%;}*/		/*5°³Áß µÚ¿¡¼­ 2°³¸¦ Áß¾ÓÀ¸·Î ¹èÄ¡½ÃÅ°±â À§ÇØ ÁÂÃøÀ¸·Î ¸¶Áø ÁöÁ¤ */
.bi ul li dl {width:100%; margin:0 auto; box-sizing:border-box;}
.bi ul li dl dt {padding:40px 0; margin-bottom:20px; border:1px solid #ddd;}
.bi ul li dl dt img {line-height:normal; vertical-align:top;}
.bi ul li dl dd {font-size:20px; font-weight:600; letter-spacing:0; color:#333;}
.bi ul li dl dd span { font-weight:400; letter-spacing:0; display:block; margin-top:10px;}


/* ã¾Æ¿À½Ã´Â±æ */
.location {padding-bottom:10%;}
.location .stit {margin-bottom:50px; text-align:center;}
.location .root_daum_roughmap {width:100%;}
.location .root_daum_roughmap .wrap_controllers {display:none;}
.location .map_area {border-bottom:1px solid #ddd;}
.location .map_info {background:#e8eaeb; padding:25px 40px; box-sizing:border-box; margin-bottom:50px;}
	.location .map_info dl {position:relative; display:table; width:100%;}
	.location .map_info dd {display:table-cell; width:calc(100% - 325px); vertical-align:middle;}
	.location .map_info dt {display:table-cell; width:325px; text-align:right;}
	.location .map_info dt a:link,  	.location .map_info dt a:visited {display:inline-block; width:160px; height:54px; line-height:54px; text-align:center;  letter-spacing:0; color:#fff; transition:all 0.3s; }
	.location .map_info dt a img {margin-right:3px;}
	.location .map_info dt a.print {background:#13b6c0;}
	.location .map_info dt a.detail {background:#333;}
	.location .map_info dt a.print:hover {background:#0e9098; transition:all 0.3s; }
	.location .map_info dt a.detail:hover {background:#222; transition:all 0.3s; }
	.location .map_info ul {width:100%; overflow:hidden;}
	.location .map_info ul li {float:left; margin-right:50px;}
	.location .map_info ul li:last-child {margin-right:0;}
	.location .map_info ul li strong {display:inline-block; font-size:20px; font-weight:600; margin-right:20px; color:#333; letter-spacing:0; vertical-align:top;}
	.location .map_info ul li p {display:inline-block; letter-spacing:0; vertical-align:top;}  

.location .map_traffic {}
	.map_traffic h5 {float:left; width:325px;}
	.map_traffic .area {float:right; width:calc(100% - 325px); padding-top:20px;}
	.map_traffic .area .list {margin-bottom:70px;}
	.map_traffic .area .list:last-child {margin-bottom:0;}
	.map_traffic .area .list .dep_mtit {margin-bottom:0;}
	.map_traffic .area .list dl {border-bottom:1px solid #ddd; display:table; width:100%; padding-top:20px; padding-bottom:20px;}
	.map_traffic .area .list dt {display:table-cell; width:90px; height:35px; padding-top:55px; text-align:center; color:#fff; font-size:14px; background-position: top center; background-repeat:no-repeat; letter-spacing:0;}

	.map_traffic .area .list dt.car {background-image:url('/eng/company/img/ioc_car.png');}
	.map_traffic .area .list dt.flight {background-image:url('/eng/company/img/loc_flight.png');}
	.map_traffic .area .list dt.bus {background-image:url('/eng/company/img/loc_bus.png');}
	.map_traffic .area .list dd {display:table-cell; width:calc(100% - 90px); padding-left:25px; vertical-align:middle; letter-spacing:0;}
	.map_traffic .area .list dd p {margin-top:10px; padding-left:25px; letter-spacing:0;}
	.map_traffic .area .list dd p.time {background:url('/eng/company/img/icon_time.png') left 4px no-repeat;}
	.map_traffic .area .list dd p.call {background:url('/eng/company/img/icon_call.png') left 4px no-repeat;}


/* Contact us */
.contact {margin-top:-30px;}
.contact .mtit {text-align:center; font-size:24px; letter-spacing:0; color:#333; font-weight:300; margin-bottom:35px; line-height:130%;}
.contact .stit {text-align:center; margin-bottom:70px;}
.contact .dep_loc {background:url('/eng/company/img/dep_loc.png') left 6px no-repeat; padding-left:30px; font-size:24px; color:#333; margin-bottom:20px; font-weight:600; letter-spacing:0; line-height:normal;}
.contact .dep_loc.black {background:url('/eng/company/img/dep_loc_b.png') left 6px no-repeat;}

.contact .contact_tab {margin-bottom:40px;}
.contact .contact_tab ul {width:100%; max-width:1480px; margin:0 auto; overflow:hidden;}
.contact .contact_tab li {float:left; width:20%;}
.contact .contact_tab li a {display:block; /*padding:20px 0px;*/height:76px;  border:1px solid #ccc; border-left:none; font-size:17px; color:#666; text-align:center; letter-spacing:0; -webkit-transition:all 0.3s;-moz-transition:all 0.3s; transition:all 0.3s; line-height:100%; box-sizing:border-box; display:flex; justify-content:center; align-items:center;}
.contact .contact_tab li a:hover {color:#13b6c0; background:#f6f6f6; -webkit-transition:all 0.3s;-moz-transition:all 0.3s; transition:all 0.3s; line-height:100%;}
.contact .contact_tab li a.on {background:#13b6c0; color:#fff; border:1px solid #13b6c0; }
.contact .contact_tab li:first-child a {border-left:1px solid #ccc;}
.contact .contact_tab li:first-child a.hover {border-left:1px solid #13b6c0;}

.contact .contact_area hr {display:block; height:30px; border:none;}
.contact_list {position:relative; border-top:2px solid #333; box-sizing:border-box; width:100%; display:table;}
.contact_list.no_line {border-top:none;}
.contact_list li {border-bottom:1px solid #ddd; display:table-cell; box-sizing:border-box; padding:25px; vertical-align:top;}
.contact_list li.region {width:20%; font-size:20px; color:#333; font-weight:600; line-height:normal;}
.contact_list li.info {width:calc(80% - 325px);}
.contact_list li.info dl {width:100%;}
.contact_list li.info dt {display:block; position:relative; padding-bottom:3px;}
.contact_list li.info dd {display:inline-block; position:relative;  margin-right:40px; padding:3px 0;}
.contact_list li.info dd:last-child {margin-right:0}
.contact_list li.info dt > strong, 
.contact_list li.info dd > strong {width:110px; color:#333; font-weight:600; display:inline-block; letter-spacing:0;}
.contact_list li.info dt p, 
.contact_list li.info dd p {display:inline-block; letter-spacing:0;}
.contact_list li.info dt.long {overflow:hidden;}
.contact_list li.info dt.long > strong {float:left;}
.contact_list li.info dt.long p {float:left; width:calc(100% - 110px);}
.contact_list li.info dt.single {}
.contact_list li.info dt.single p {margin-left:110px; width:calc(100% - 110px); line-height:170%; margin-bottom:5px;}
.contact_list li.info dt.single p strong {font-weight:500; color:#333;}
.contact_list li.info.hotel dt strong, .contact_list li.info.hotel dd strong {width:140px;}

.contact_list li.btn {width:376px; text-align:right;}
.contact_list li.btn a:link, 
.contact_list li.btn a:visited {display:inline-block; position:relative; width:160px; height:54px; line-height:54px; text-align:center; color:#fff; background:#333; transition:all 0.3s;}
.contact_list li.btn a:before {display:inline-block; position:relative; content:""; width:23px; height:21px; line-height:normal; margin-right:5px; vertical-align:middle;}
.contact_list li.btn a.home {background:#13b6c0; margin-right:2px;}
.contact_list li.btn a.home:before {background:url('/eng/company/img/map_home.png') top center no-repeat;}
.contact_list li.btn a.home:hover {background:#0e9098; transition:all 0.3s;}
.contact_list li.btn a.map {background:#333;}
.contact_list li.btn a.map:before {background:url('/eng/company/img/map_view.png') top center no-repeat;}
.contact_list li.btn a.map:hover {background:#222; transition:all 0.3s;}
.contact_list li.btn a.bsbtn{background:#13b6c0; margin-right:2px;}
.contact_list li.btn a.bsbtn:before {background:url('/eng/company/img/bs_icon.png') top center no-repeat;}
.contact_list li.btn a.bsbtn:hover {background:#0e9098; transition:all 0.3s;}



/* °è¿­»ç ¹× ÅõÀÚ»ç */
.investment_con{position:relative;}
.investment_con .stit{text-align:center;}
.investment_con .investment_top{position:relative; background:#e8eaeb; padding:100px 0}
.investment_con .investment_top .in{max-width:1480px; margin:0 auto}
.investment_con .investment_top .img{text-align:center; margin-bottom:40px}
.investment_con .investment_top .img img{max-width:100%}
.investment_con .investment_top .conbox{position: relative; overflow: hidden;display: flex;align-items: stretch; }
.investment_con .investment_top dl{position: relative; overflow: hidden;  border: 5px solid #0c4ca3; border-top:none; float:left; text-align:center; width:48.7837837838%;border-radius:15px; margin-right:2.02702702703%; background: #fff;}
.investment_con .investment_top dl:last-child{margin-right:0}
.investment_con .investment_top dt{position: relative; overflow: hidden; border: 5px solid #0c4ca3; border-bottom:none; box-sizing: border-box; background:#0c4ca3;  color:#fff;text-align:center; padding:15px; font-size:18px; font-weight:500; }
.investment_con .investment_top dd{ padding:30px 20px}
.investment_con .investment_top ul{position: relative; overflow: hidden; }
.investment_con .investment_top li{margin-bottom:20px;}
.investment_con .investment_top li:last-child{margin-bottom:0}
.investment_con .investment_top dl.two{border-color:#13b6c0;}
.investment_con .investment_top dl.two dt{background:#13b6c0; border: #13b6c0;}

.investment_con .investment_cbox{position:relative; margin-top:80px;}
.investment_con .investment_cbox .list_text2{margin-bottom:120px;}
.investment_con .investment_cbox .list_text2 .list_cont2{border-bottom:1px solid #ddd; padding-bottom:40px;}
.investment_con .investment_cbox .list_text2:last-child .list_cont2{border-bottom:none;}

.num_list{position:relative; overflow: hidden;}
.num_list dl{position:relative;width:29.9145299145%; margin-right:5.12820512821%; float:left; margin-bottom:5.12820512821%; }
.num_list dl:nth-child(3n){margin-right:0;}
.num_list dl:nth-child(3n+1) {clear: both;}
.num_list dl dt{margin-bottom:15px}
.num_list dl .num{ position: absolute; left:0; top:1px; width:20px;color:#fff; line-height:20px; font-weight:700; border-radius: 100%; height:20px; display:inline-block; text-align:center; font-size:13px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0c4ca3+0,13b6c0+100 */
background: #0c4ca3; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #0c4ca3 0%, #13b6c0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #0c4ca3 0%,#13b6c0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #0c4ca3 0%,#13b6c0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c4ca3', endColorstr='#13b6c0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.num_list dl p.sub_title{margin-left:26px; display:inline-block; line-height:20px; margin-bottom:0}
.num_list dd{ word-break: keep-all; letter-spacing:0;}
.num_list .simg{margin-bottom:10px;}









/*** »ç¾÷Á¤º¸ ***/

/* °øÅëCSS : ½æ³×ÀÏ ¸®½ºÆ® */
.thum_list {width:100%; overflow:hidden;}
.thum_list > li {float:left; width:49%; margin-right:2%; box-sizing:border-box; margin-bottom:30px;}
.thum_list > li:nth-child(2n) {margin-right:0;}
.thum_list > li.last_one {margin-bottom:0;}
.thum_list > li.last {margin-bottom:0;}
.thum_list.last > li {margin-bottom:0;}
.thum_list > li span {display:block; margin-top:15px; letter-spacing:0;}
.thum_list > li strong {display:block; margin-bottom:15px; letter-spacing:0; color:#333; font-weight:500; font-size:1.125rem;}
.construct .list_text {margin-bottom:70px;}
.construct .list_text h5 {width:310px !important;}
.construct .list_text h5 > p {font-size:1.125rem; font-weight:normal; line-height:170%; margin-top:15px; color:#777; letter-spacing:0;}
.construct .list_text .list_cont {width:calc(100% - 310px);}
.construct .const_list {margin-bottom:90px;}
.construct hr {display:block; height:30px; border:none;}


/* °Ç¼³»ç¾÷ - ½Å±ÔÈ£ÅÚ */
.construct .stit {text-align:center; margin-top:60px; margin-bottom:80px;}
.construct .stit.no_top {margin-top:-30px !important;}

.construct .his_list {position:relative; width:100%; overflow:hidden;}
.construct .his_list li {float:left; letter-spacing:0;}
.construct .his_list li.year {color:#333; font-weight:600; width:100px; font-size:1.75rem;}
.construct .his_list li.date {position:relative; width:calc(100% - 100px); padding-top:10px; padding-bottom:25px;}
.construct .his_list li.year:before {position:absolute; content:""; left:100px; top:20px; width:1px; height:100%; background:#ddd;}
.construct .his_list li dl {display:table; width:100%;}
.construct .his_list li dl dt {position:relative; display:table-cell; width:65px; padding-left:25px; padding-bottom:8px; color:#333; font-weight:500;}
.construct .his_list li dl dt:before {position:absolute; content:""; width:7px; height:7px; background:#7b7c7e; border-radius:50px; left:-3px; top:10px; display:block; z-index:3;}
.construct .his_list li dl dd {display:table-cell; width:calc(100% - 90px); padding-bottom:8px; letter-spacing:0;}

.construct .first_draft {width:100%; overflow:hidden;}
.construct .first_draft li {float:left; width:49%; margin-right:2%; padding-bottom:150px;}
.construct .first_draft li:last-child {margin-right:0;}
.construct .first_draft dl {position:relative; width:100%; max-width:570px;}
.construct .first_draft dt {position:relative;}
.construct .first_draft dd {position:absolute; width:calc(100% - 50px); background:#fff; box-sizing:border-box; padding:40px 0 0 40px; margin-top:-40px; margin-left:50px; z-index:2; box-sizing:border-box; line-height:180%; letter-spacing:0;}
.construct .first_draft dd .dep_txt {font-weight:500; margin-bottom:15px; line-height:100%;}

.construct .info_table {margin-top:30px;}
.construct .info_table ul {width:100%; overflow:hidden;}
.construct .info_table li {float:left; width:49%; margin-right:2%; margin-bottom:2%;}
.construct .info_table li:nth-child(2n) {margin-right:0;}
.construct .info_table li dl {width:100%; display:table; border-radius:5px; border:1px solid #ddd; box-sizing:border-box;}
.construct .info_table li dt {display:table-cell; width:45%; border-radius:5px; background:#13b6c0; text-align:center; padding:12px 0; font-size:18px; color:#fff; vertical-align:middle;}
.construct .info_table li dd {display:table-cell; width:55%; border-radius:0 5px 5px 0; box-sizing:border-box; padding:12px 15px; letter-spacing:0; vertical-align:middle;}
.construct .table_remark {display:none;}

.construct03 .thum_list > li:nth-child(3) {margin-bottom:30px;}
.construct03 .thum_list > li:nth-child(4) {margin-bottom:30px;}



/* Á¶°æ½ÄÀç */
.construct_con{position:relative; margin-top:}
.construct_con .list_text2 h5 > p {font-size: 1.125rem;font-weight:400; line-height: 170%;margin-top: 15px; color: #777;letter-spacing:0;}
.construct_con .list_text2 .ent{letter-spacing:0pt;}


.coninfo_list{position:relative; overflow:hidden; }
.coninfo_list li{position:relative;  overflow: hidden; line-height:20px; margin-bottom:5px}
.coninfo_list li:nth-child(2n){margin-right:0}
.coninfo_list li .ctit{float:left; width:160px; margin-right:20px; position:relative;color: #333;font-weight: 600; letter-spacing:0; line-height:20px; padding-left:14px;}
.coninfo_list li .ctit:before { position: absolute;  content: "";  left: 0; top: 7px;  width: 5px; height: 5px; border-radius: 50px; background: #13b6c0;}
.coninfo_list li .stxt{float:left;  width: calc(100% - 195px); line-height:22px;letter-spacing:0; }



.conpic_list{position:relative; overflow:hidden; margin-top:20px}
.conpic_list li{float:left; width:48.7179487179%; margin-right:2.5641025641%}
.conpic_list li img{max-width:100%}
.conpic_list li:last-child{margin-right:0}








/* Ǫµå¼­ºñ½º »ç¾÷ */
.food {margin-top:-30px; margin-right:auto; margin-bottom:80px; margin-left:auto;}
.food .mtit {text-align:center; font-size:24px; letter-spacing:0; color:#333; font-weight:300; margin-bottom:35px; line-height:130%;}
.food .stit {text-align:center; margin-bottom:70px;}
.food .lasting {background:url('/eng/business/img/food_bg.jpg') top center no-repeat; color:#fff; padding:80px 0; text-align:center;}
.food .lasting h4 {font-size:32px; margin-bottom:20px; line-height:100%;}
.food .lasting .text {color:rgba(255,255,255,0.7); font-size:1.1rem; font-weight:300;}

.food .lasting ul {width:100%; max-width:1480px; margin:50px auto 0 auto; overflow:hidden;}
.food .lasting ul li {display:table; float:left; width:25%; text-align:center; padding:0 10px; box-sizing:border-box;}
.food .lasting ul li strong {display:block; font-size:48px; line-height:100%; margin-bottom:22px;}
.food .lasting ul li span {letter-spacing:0;} 

.food .icon_list {background:#f4f4f4; padding:80px 0; margin-bottom:80px;}
.food .icon_list ul {width:100%; max-width:1500px; margin:0 auto; overflow:hidden;}
.food .icon_list ul li {display:table; float:left; width:25%; text-align:center; box-sizing:border-box; padding:0 10px;}
.food .icon_list ul li dl {}
.food .icon_list ul li dt {text-align:center; margin-bottom:20px;}
.food .icon_list ul li dd {text-align:center; letter-spacing:0;}
.food .icon_list ul li dd strong {font-size:1.25rem; color:#333; letter-spacing:0; display:block; margin-bottom:10px;}

.food .meal_list {width:100%; max-width:1480px; margin:0 auto; padding-bottom:30%;}
.food .meal_list > li {float:left; width:32%; margin-right:2%; text-align:center; box-sizing:border-box;}
.food .meal_list > li:last-child {margin-right:0;}
.food .meal_list > li dl {position:relative;} 
.food .meal_list > li dd {position:absolute; right:0; top:80%; width:90%; display:block; background:#fff; padding:8% 0 0 8%; text-align:left; box-sizing:border-box;}
.food .meal_list > li dd .dott_list li {float:none; width:100%; line-height:150%;}


/* »ç¾÷Á¤º¸ °øÅë »ó´Ü¿µ¿ª */
.business {margin:-30px auto 80px auto !important;}
.business .stit  {text-align:center; margin-bottom:70px;}
.business hr {position:relative; display:block; width:100%; height:60px; border:0;} 

.busi_tab {margin:50px auto 80px auto !important;}
.busi_tab .stit  {text-align:center; margin-bottom:70px;}
.busi_tab hr {position:relative; display:block; width:100%; height:60px; border:0;} 

.page_top {width:100%; display:table; overflow:hidden;}
.page_top dt, .page_top dd {display:table-cell; width:50%;}
.page_top dt img {width:100%;}
.page_top dd {background:#f6f6f6 url('/eng/business/img/biz_mark.png') right bottom no-repeat; vertical-align:middle; padding:0 60px; box-sizing:border-box;}
.page_top dd > img {margin-bottom:25px; vertical-align:top;}
.page_top dd .dep_txt {font-size:1.5rem;}
.page_top dd .text {font-size:1.125rem;}



/* ½Ã¼³¹° À¯Áö°ü¸® */
.facility_con .stit{text-align:center; padding-bottom:80px}
.facility_con .stit.no_top { margin-top: -30px !important;}
.facility_con .dep_txt{margin-bottom:15px; min-height:31px}

.facility_con .pibox{}



.pic_list{position:relative; overflow: hidden;}
.pic_list li{float:left; width:31.6239316239%; margin-right:2.564102564%; margin-bottom:2.564102564%;}
.pic_list li:nth-child(3n){margin-right:0; }
.pic_list li img{max-width:100%}



/* ¼±ÁÖ¼±±ÞÁö¿ø */
.shipowner_con .dep_mtit{margin-bottom:10px}

.dep_list{position:relative;  overflow: hidden;}
.dep_list li{position:relative;  overflow: hidden;  padding-left: 12px; letter-spacing:0; line-height:22px; margin-bottom:6px}
.dep_list li:before{width:5px; height:1px; content: ""; background:#333; display: block;position: absolute;left: 0;top: 10px; }
.dep_list li:last-child{margin-bottom:0;}



.lng_con{position:relative; overflow: hidden;}
.lng_con .box_wrap{position:relative; overflow: hidden;}
.lng_con .box{float:left; width:48.3108108108%; margin-right:3.37837837838%}
.lng_con .box:nth-child(2n){margin-right:0}
.lng_con .box .borimg{border:1px solid #ddd; box-sizing:border-box; }
.lng_con .box .img {position:relative; overflow: hidden;}
.lng_con .box .img .smtx{position: absolute; top:20px; left:20px; font-size:14px; color:rgba(255,255,255,0.5)}
.lng_con .box:nth-child(1){margin-bottom:80px}

.lng_con .offs_wrap{position:relative; overflow: hidden;}
.lng_con .offs_wrap .img1{position:relative; overflow: hidden;float:left; width:48.3108108108%; margin-right:3.37837837838%}
.lng_con .offs_wrap .tbox{position:relative; overflow: hidden;float:left; width:48.3108108108%}


/* Ã⡤Åð±Ù/Àü¼¼¹ö½º */
.bus_con{position:relative; overflow: hidden;}
.bus_con ul{position:relative; overflow: hidden;}
.bus_con ul li{display: table;  width: 24.99%; height:200px;float: left; text-align: center;}
.bus_con ul dl{display: table-cell; vertical-align: middle;}
.bus_con ul dt{letter-spacing:0; font-size:18px; line-height:100%; color:#333; margin-bottom:15px }
.bus_con ul dd{font-size:40px; color:#333; line-height:100%; font-weight:700; letter-spacing:0; }
.bus_con ul dd span{font-size:15px; font-weight:400; margin-left:5px; line-height:100%}
.bus_con ul.busone li:nth-child(2){background:#f9f9f9}
.bus_con ul.busone li:nth-child(4){background:#13b6c0; }
.bus_con ul.busone li:nth-child(4) dt{color:#fff}
.bus_con ul.busone li:nth-child(4) dd{color:#fff}
.bus_con ul.bustwo li:nth-child(1){background:#0c4ca3}
.bus_con ul.bustwo li:nth-child(3){background:#f9f9f9}
.bus_con ul.bustwo li:nth-child(1) dt{color:#fff}
.bus_con ul.bustwo li:nth-child(1) dd{color:#fff}
.bus_con ul li.picone{background:url('/eng/business/img/bus_img01.jpg') no-repeat; background-size:cover; background-position: center;}
.bus_con ul li.pictwo{background:url('/eng/business/img/bus_img02.jpg') no-repeat; background-size:cover; background-position: center;}
.bus_con ul li.picthree{background:url('/eng/business/img/bus_img03.jpg') no-repeat; background-size:cover; background-position: center;}
.bus_con ul li.picfour{background:url('/eng/business/img/bus_img04.jpg') no-repeat; background-size:cover; background-position: center;}


/*** ä¿ëÁ¤º¸ ***/

/*ä¿ëÀýÂ÷*/
.process {margin:-30px auto 0 auto;}
.process .stit {text-align:center; margin-bottom:70px;}
.process h5 {line-height:130%;}
.process .list_text {margin-bottom:50px;}
.process .list_text .list_cont {border-bottom:1px solid #ddd; padding-top:15px; padding-bottom:60px; line-height:180%;}
.process .list_text:last-child .list_cont {border-bottom:none; padding-bottom:0;}
	.proc_list {width:100%; overflow:hidden; margin:0 -10px;}
	.proc_list li {position:relative; float:left; width:23.5%; margin-right:2%; padding:0 10px; box-sizing:border-box; text-align:center;}
	.proc_list li:after {display:inline-block; position:absolute; content:""; right:-7%; top:65px; width:11px; height:17px; background:url('/eng/recruit/img/proc_arr_r.png') top center no-repeat;}
	.proc_list li:last-child {margin-right:0;}
	.proc_list li:last-child:after {display:none;}
	.proc_list li dt {margin-bottom:20px;}
	.proc_list li p {color:#1eb9c3; font-size:15px; letter-spacing:0; font-weight:500;}
	.proc_list li strong {display:block; color:#333; font-size:20px; letter-spacing:0; margin:10px 0 5px 0;}
	.proc_list li span {letter-spacing:0;}
.process .list_text .list_cont .dott_list li {padding-bottom:12px;}
.process .list_text .list_cont .dott_list li.no_dott {line-height:180%;}


/* ÀÎÀçPOOL µî·Ï */
.pool {margin:-30px auto 0 auto;}
.pool .stit {text-align:center; margin-bottom:40px;}
.pool .pool_top {background:#e8eaeb; padding: 50px 0  130px 0;}
.pool .pool_top dl {width:100%; max-width:1170px; margin:0 auto; overflow:hidden;}
.pool .pool_top dt {float:left; width:45%;}
.pool .pool_top dd {float:left; width:55%; padding-top:70px;}
.pool .pool_top h4 {font-size:24px; font-weight:600; margin-bottom:25px; color:#333; letter-spacing:0;}
.pool .pool_top .text {line-height:180%; letter-spacing:0; }
.pool .pool_top .text > p {letter-spacing:0;}
.pool .pool_txt {width:100%; max-width:1170px; margin:-80px auto 0 auto; background:#fff; padding:70px 150px; box-sizing:border-box;}

.pool .pool_chart {position:relative; text-align:center; margin-bottom:30px;}
.pool .pool_chart dt {position:relative; text-align:center; margin-bottom:60px;}
.pool .pool_chart dt:after {display:inline-block; position:absolute; content:""; left:50%; bottom:-20%; transform:translateX(-50%); width:17px; height:11px; background:url('/eng/recruit/img/proc_arr_b.png') top center no-repeat;}
.pool .pool_chart dd {text-align:center; position:relative; overflow:hidden;}
.pool .pool_chart dd ul {width:100%; overflow:hidden; display:block;}
.pool .pool_chart dd li {float:left; position:relative; width:30.6%; margin-right:4%; border:1px solid #ddd; border-radius:10px; text-align:center; padding:15px 0; color:#333; letter-spacing:0; box-sizing:border-box; height:100px; display:flex; justify-content:center; align-items:center;}
.pool .pool_chart dd li:last-child {margin-right:0%;}
.pool .pool_chart dd li:after {display:inline-block; position:absolute; content:""; right:-10%; top:50%; transform:translateY(-50%); width:11px; height:17px; background:url('/eng/recruit/img/proc_arr_r.png') top center no-repeat;}
.pool .pool_chart dd li br.m_block {display:none;}

.pool .pool_info {background:#e8eaeb; padding:40px 40px 35px 40px; box-sizing:border-box;}
.pool .pool_info p {font-size:20px; margin-bottom:20px; letter-spacing:0; color:#333; font-weight:600; background:url('/eng/recruit/img/icon_warning.gif') left 2px no-repeat; padding-left:27px; line-height:100%;}
.pool .pool_info li {padding-bottom:10px;}
.pool .btn {margin-top:50px; text-align:Center;}
.pool .btn a:link, .pool .btn a:visited {display:inline-block; position:relative; width:250px; height:54px; line-height:54px; color:#fff; letter-spacing:0; text-align:Center; background:#333; transition: all 0.3s ease;}
.pool .btn a:before {position:relative; content:""; display:inline-block; margin-right:7px; width:20px; height:20px; background:url('/eng/recruit/img/btn_pool.png') left 1px no-repeat;}
.pool .btn a:hover {background:#222; transition: all 0.3s ease;}

.pool .apply {width:98%; margin:30px auto 50px auto; max-width:1480px;}



/*** À±¸®°æ¿µ ***/

/* À±¸®±Ô¹ü */
.code {margin:-30px auto 0 auto;}
.code .stit {text-align:center; margin-bottom:70px;}
.code_title {font-size:1.5rem; color:#333; padding-bottom:15px; letter-spacing:0; font-weight:700; letter-spacing:0; text-align:center;}
.code_tit {display:block; font-size:1.25rem; padding-bottom:10px; font-weight:700; letter-spacing:0; color:#333 !important;}
.code_txt {padding:0px 0px 35px 0; letter-spacing:0;}
.code_mtxt {padding:0px 0px 20px 0; letter-spacing:0;}

.code_end {padding-bottom:0;}
.code_box {padding:20px; background:#f4f4f4; margin:7px 0px 10px 0px; display:block; letter-spacing:0;}
.code_box strong {font-weight:500; letter-spacing:0;}

/* »çÀ̹ö ½Å¹®°í */
.cyber .cyber_top {background:url('/eng/ethical/img/cyber_img.jpg') top center no-repeat; text-align:center; padding:120px 0; margin-bottom:35px;}
.cyber .cyber_top h4 {font-size:46px; margin-bottom:15px; color:#fff; font-weight:300 !important; font-family:"Heebo", Arial, Tahoma, Verdana, sans-serif !important; letter-spacing:1pt !important;}
.cyber .cyber_top h4 strong {font-family:"Heebo", Arial, Tahoma, Verdana, sans-serif; font-weight:700; color:#fff;}
.cyber .cyber_top .text {color:#fff; } 


/*** ÀÌ¿ë¾È³» ***/

/* ÀÌ¿ë¾à°ü, °³ÀÎÁ¤º¸Ãë±Þ¹æħ */
.policy_con {position:relative; overflow:hidden;  line-height:26px; letter-spacing:0; font-size:1rem;}
.cont_title {font-size:1.5rem; color:#333; padding-bottom:18px; letter-spacing:0; font-weight:700; letter-spacing:0;}
p.cont_tit {display:block; font-size:1.125rem; padding-bottom:10px; font-weight:700; letter-spacing:0; color:#333 !important;}
.cont_txt {padding:0px 0px 35px 0; letter-spacing:0; font-size:1rem;}
.cont_txt2 {padding-bottom:35px; letter-spacing:0; font-size:1rem;}
.cont_txt_end {padding-bottom:0; letter-spacing:0; font-size:1rem;}
.cont_box {padding:20px; background:#f4f4f4; margin:7px 0px 10px 0px; display:block; letter-spacing:0; font-size:1rem;}
.cont_box strong {font-weight:500; letter-spacing:0;}
.privacy_list {width:100%; overflow:hidden; clear:both; *zoom:1; padding:30px 30px 25px 30px; border:1px dashed #ddd; box-sizing:border-box; margin-bottom:30px;}
.privacy_list li {width:50%; float:left; padding-bottom:1%; box-sizing:border-box;}
.privacy_list li a {font-weight:600; letter-spacing:0; font-size:1rem;}
.contin_txt {letter-spacing:0;}


/* »çÀÌÆ®¸Ê */
.sitemap {position:relative;}
.sitemap ul{position:relative; overflow:hidden;}
.sitemap ul li{float:left; width:31.7567567568%; margin-right:2.36486486486%;  margin-bottom:3%;}
.sitemap ul li:nth-child(3n){margin-right:0;}
.sitemap ul li:nth-child(3n+1){clear:both;}
/*.sitemap ul li:nth-child(5){margin-bottom:0}
.sitemap ul li:nth-child(5+1){clear: left;}*/
.sitemap dl {position:relative; overflow:hidden;}
.sitemap dt {background-color:#fff; padding:12px 15px; letter-spacing:0; border-top:1px solid #333;  border-bottom:1px solid #ddd; color:#333; font-size:17px; text-align:center; background:#f6f6f6;}
.sitemap dd a.tit, .sitemap dd a {border-bottom:1px dashed #d4d4d4; display:block; padding:10px 15px;  letter-spacing:0; font-size:15px;}
.sitemap dd .grey{background:#f9f9f9; padding:10px 0; border-bottom:1px dashed #d4d4d4;}
.sitemap dd .grey p{margin-bottom:5px}
.sitemap dd .grey p:last-child{margin-bottom:0}
.sitemap dd .grey p a{letter-spacing:0; display:block; background: url('/img/menudot2.gif') 15px center no-repeat; font-size:14px; padding-left:25px; color:#666; }

.sitemap dd.s_depth_3 {padding:0; border-bottom: 1px dashed #d4d4d4;}
.sitemap dd.s_depth_3 ul {background:#f8f8f8; padding:10px 15px;}
.sitemap dd.s_depth_3 ul ol a:link {font-size:13px; color:#888f96; border-bottom:0; background: url('/img/menudot2.gif') left center no-repeat;}



/* ÁغñÁß */
.ready_cont{text-align:Center; padding:150px 0; background:#f9f9f9;}
.ready_cont dt{font-family: 'Roboto', sans-serif; font-weight:700; line-height:120%; font-size:55px; padding-bottom:20px; color:#3ca1d9;}
.ready_cont dt span{color:#444; line-height:120%; font-family: 'Roboto', sans-serif; font-weight:300; }
.ready_cont dd{letter-spacing:0; line-height:130%; color:#888; font-size:15px;}

/* °Ë»ö */
.search_warp{position:relative; overflow:hidden;}
.search_warp h6.sub_tbold{text-align:left; margin-bottom:15px}



/*******************************************************************************
	@media 1241px ~ 1480px
*******************************************************************************/
@media all and (max-width:1480px) {

.width1480 {width:96%; margin: 0 auto;}
.width14802 {width:96%; margin: 0 auto;}

/** ¼­ºê 3Â÷¸Þ´º **/
.subTab {max-width:100%;}


/*** ȸ»ç¼Ò°³ ***/

/* CI */
.ci .ci_info dl  {width:96%; margin: 0 auto;}
.ci .ci_info dt {width:47%;} 
.ci .ci_info dd {width:calc(100% - 47%);}
.ci .ci_mark  {width:96%; margin:80px auto;}

/* ã¾Æ¿À½Ã´Â ±æ */
.location .map_info { padding:25px 20px;}
	.location .map_info ul li {margin-right:30px;}

/* contact */
.contact {margin:-30px auto 90px auto;}


/* °è¿­»ç ¹× ÅõÀÚ»ç */
.investment_con .investment_top .in{max-width:96%}


/* »ç¾÷Á¤º¸ °øÅë »ó´Ü¿µ¿ª */
.page_top dd {padding:0 4%;}

.facility .page_top dd br {display:none;}



/* ÃâÅð±ÙÀü¼¼¹ö½º */
.list_cont2 .brnone{display:none;}


/*** ä¿ëÁ¤º¸ ***/

/*ä¿ëÀýÂ÷*/
.process {margin:-30px auto 0 auto;}


/*** À±¸®°æ¿µ ***/

/* À±¸®±Ô¹ü */
.code {margin:-30px auto 0 auto;}

} 


/*******************************************************************************
	@media 1241px ~ 1400px
*******************************************************************************/
@media all and (max-width:1400px) {

.process .list_text .list_cont .dott_list li.half {display:block; float:none; width:100%;}

}


/*******************************************************************************
	@media 1300px
*******************************************************************************/
@media all and (max-width:1300px) {

.pcsub{display:none !important}
.menu_wrap{display:block; }


.two_depth .hover a:after {position: absolute; left: 0;bottom:-13px; display: block; content: ""; width: 100%; height: 3px; background: #13b6c0; z-index: 2;}
.two_depth .hover a{color:#13b6c0; font-weight:500;}
.two_depth li{position: relative;}
.two_depth li a{position: relative; letter-spacing:0; height:45px; line-height:45px}
.two_depth li {margin:0; padding:0 10px;  }
.two_depth li:first-child{padding:0 10px 0 3%;}
.two_depth li:last-child{padding:0 40px 0 10px;}
.two_depth .swiper-wrapper{height:45px}

.two_depth:after {
    position: absolute;
    display: block;
    content: "";
    overflow: hidden;
    right: 0;
    top: 0;
    width:50px;
    height: 100%;
    z-index: 999;
    background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%);
    background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%);
    background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#ffffff',GradientType=0 );
}


}


/*******************************************************************************
	@media 981px~1240px
*******************************************************************************/
@media all and (max-width:1240px) {

#wrap { min-width:auto; }

.contentArea {width:98%;}
.contents_in {width:100%; box-sizing:border-box; margin:0 auto; padding:0 0 0 0; }

#subTop .subtop_txt{margin-top:190px; margin-left:3%; margin-right:3%}
.subtop_txt .tit {font-size:44px;}





.width1480 {width:100%; margin:0 auto 90px auto}

/** ¼­ºê 3Â÷¸Þ´º **/
.subTab {width:100%; max-width:1480px; margin:0 auto; overflow:hidden; text-align:center;}
.subTab ul {display:block;}
.subTab ul li {float:left; width:25%; box-sizing:border-box;}
.subTab ul.two li {width:50%;}
.subTab ul.three li {width:33.3%;}
.subTab ul li a {width:100%;}


/****** ȸ»ç¼Ò°³ *******/

/* CEO Àλ縻 */
.greeting .greet_top dl {width:96%;}
.greeting .greet_top dt {width:36%;}
.greeting .greet_top dt img {max-width:300px;}
.greeting .greet_top dd {width:calc(100% - 36%);  padding-top:120px;}
.greeting .greet_top dd h4 {font-size:30px;}
.greeting .greet_txt {width:96%;}

/* °æ¿µÃ¼°èµµ */
.management {width:96%; margin:0 auto;}

/* CI */
.ci .ci_info {padding:90px 0; }
.ci .ci_info dt img {max-width:80%;}
.ci .ci_info dd br.block_pc {display:none;}

/* BI */
.bi {width:96%; margin:0 auto 35px auto;}
.bi ul {margin:0 auto;}
.bi ul li {padding:0 12px;}
.bi ul li dl dt {padding:10% 0; margin-bottom:20px;}
.bi ul li dl dt img {max-width:80%;}

/* ã¾Æ¿À½Ã´Â ±æ */
.location .map_info ul li.add {display:block; margin-bottom:5px; margin-right:0;} 
.location .map_info ul li {display:inline-block; float:none;}
.location .map_info ul li strong {font-size:18px;}
.map_traffic h5 {width:250px;}
.map_traffic .area {width:calc(100% - 250px);}

/* contact */
.contact_list {display:block; overflow:hidden;}
.contact_list li {display:block;}
.contact_list li.region {float:left; width:70%; border-bottom:none; padding:25px 0 0 25px;}
.contact_list li.info {float:left; width:100%; padding:15px 0 25px 25px; border-bottom:none}
.contact_list li.btn {width:100%; clear:both; position:relative;; right:0px; top:0px; z-index:3; border-bottom:none; text-align:center; padding:25px 0; border-bottom:1px solid #ddd;}
.contact_list li.btn a.map {margin-top:2px;}

/* location */
.location {width:96%; margin:0 auto;}



/* °è¿­»ç ¹× ÅõÀÚ»ç */
.list_text2 h5{width:250px; margin-right:30px;}
.list_text2 .list_cont2{width: calc(100% - 280px);}


.investment_con .investment_cbox .list_text2 .list_cont2{padding-bottom:50px}
.investment_con .investment_cbox .list_text2{margin-bottom:50px;}

.num_list dl{width:100%; float:none;}
.num_list dl:last-child{margin-bottom:0}





/*** »ç¾÷Á¤º¸ ***/

/* °øÅëCSS : ½æ³×ÀÏ ¸®½ºÆ® */
.construct .list_text {margin-bottom:60px;}
.construct .list_text h5 {width:230px !important;}
.construct .list_text .list_cont {width:calc(100% - 230px);}
.construct .first_draft dd {padding:30px 0 0 30px;}
.construct .list_text h5 > p {font-size:1rem; line-height:160%;}
.construct_con .list_text2 h5 > p{font-size:1rem; line-height:160%;}


/** »ç¾÷Á¤º¸ **/

/* Ǫµå¼­ºñ½º »ç¾÷ */
.food .width1480 {width:98% !important; margin:0 auto !important;}
.food .lasting ul li br {display:none}
.food .icon_list ul li dd br {display:none}



/*** ä¿ëÁ¤º¸ ***/

/*ä¿ëÀýÂ÷*/
.process {margin:-20px auto 0 auto;}
.process h5 {width:250px;}
.process .list_cont {width:calc(100% - 250px);}

/* ÀÎÀçPOOL µî·Ï */
.pool {margin:-20px auto 0 auto;}
.pool .pool_txt {padding:70px 12%;}


/*** À±¸®°æ¿µ ***/

/* À±¸®±Ô¹ü */
.code {margin:-20px auto 0 auto;}


/***** ÀÌ¿ë¾à°ü, °³ÀÎÁ¤º¸Ãë±Þ¹æħ *****/
.policy_con {line-height:140%;}

}

/*******************************************************************************
	@media 681~980px
*******************************************************************************/
@media all and (max-width:980px){

#subTop{height:360px}
#subTop .subtop_txt{margin-top:170px}
.subtop_company{background-size:cover}
.subtop_business{background-size:cover}
.subtop_result{background-size:cover}
.subtop_customer{background-size:cover}
.subtop_other{background-size:cover}
.subtop_txt .tit{font-size:38px;}
.subtop_txt .smt{font-size:14px;}

#contents .tit_area{padding:0 0 3rem 0}
#contents .tit_area2:after{height:30px; margin:15px auto}
.contentArea2 {width:96%;}
.contentArea {width:96%; margin-top:60px;}
.contentArea_wide{margin-top:60px}
.contents_in .stit {font-size:16px;}

.width1480 {margin:0 auto 90px auto;}
.text {font-size:14px;}

.dep_tit {background:url('/img/dep_tit.png') left top no-repeat; padding-top:15px; font-size:20px; margin-bottom:15px;}
.dep_mtit {font-size:18px; margin-bottom:20px;}
.dep_txt {font-size:18px; margin-bottom:15px; }
.dep_cont {padding:0 0 40px 0;}

p.sub_title{font-size:16px;}

.table_style th {padding:12px 10px;}
.table_style td {padding:12px 10px;}
.table_left th {padding:12px 10px;}
.table_left td {padding:12px 10px;}


.bmar_80{margin-bottom:60px}


/** ¼­ºê 3Â÷¸Þ´º **/
.subTab ul li a {padding:16px 0px;}


/*** ȸ»ç¼Ò°³ ***/

/* CEO Àλ縻 */
.greeting {padding-top:0px;}

.greeting .greet_top:before {display:none;}
.greeting .greet_top {padding-bottom:0px; margin-top:0px;}
.greeting .greet_top dl {display:block; overflow:hidden;}
.greeting .greet_top dt {float:right; display:block; width:100%; text-align:center;}
.greeting .greet_top dt img {max-width:100%;}
.greeting .greet_top dd {float:left; display:block; width:100%; text-align:center; padding-top:50px; padding-bottom:30px;}
.greeting .greet_top dd h4 {position:relative; font-size:30px;}
.greeting .greet_top dd h4:before {position:relative; content:" "; display:inline-block; left:auto; top:auto; width:20px; height:20px; background-size:20px; margin-right:5px; vertical-align:top;}
.greeting .greet_top dd h4 span {width:20px; height:20px; vertical-align:bottom; background-size:20px;}
.greeting .greet_top dd .text {margin-top:20px;}
.greeting .greet_txt {margin:-40px auto 0 auto; padding:40px 35px;}
.greeting .greet_txt .sign {font-size:18px;}


/* ¿¬Çõ */
.history .his_top {background-size:cover; padding:80px 0; margin-bottom:30px;}
.history .his_top h4 {font-size:35px; margin-bottom:15px;}
.history .his_top .text {color:#fff; font-size:15px;} 


/* °æ¿µÃ¼°èµµ */
.management .stit {margin-bottom:30px;}
.management .manage_top {margin-bottom:50px; padding:70px 60px; background-size:cover;}
.management .manage_top h4 {font-size:35px; letter-spacing:-1.4pt;}
.management .manage_top .text {margin-top:15px;}

.management .list_text {margin-bottom:40px;}
.management .list_text h5 {float:none; width:100%;}
.management .list_text .list_cont {float:none; width:100%;}
.management .list_text .list_cont dl {margin-bottom:30px; }
.management .list_text .list_cont dt, .management .list_text .list_cont dd {font-size:16px; padding-bottom:15px;} 
.management .list_text .list_cont dt p, .management .list_text .list_cont dd p {font-size:18px; margin-bottom:15px;}
.management .list_text .list_cont, .management .list_text .list_cont .dep_cont,  .management .list_text .list_cont .dep_cont_end {line-height:170%;}

/* CI */
.ci .stit {margin-bottom:30px;}
.ci .ci_info {padding:8% 0;}
.ci .ci_info dt {float:none; width:100%; margin-bottom:5%;} 
.ci .ci_info dt img {max-width:100%;} 
.ci .ci_info dd {float:none; width:100%;}
.ci .ci_info dd h4 {font-size:22px; margin-bottom:20px;}
.ci .ci_info dd .text {font-size:16px;}
.ci .ci_info dd p {margin-top:5%; text-align:center;}
.ci .ci_info dd p a:link, 
.ci .ci_info dd p a:visited {display:inline-block; width:49.5%; height:54px; line-height:54px; font-size:16px;}
.ci .ci_info dd p a.jpg_bn {background-position:15px center; padding-left:0; }
.ci .ci_info dd p a.ai_bn {background-position:15px center; margin-left:1%; padding-left:0;}
.ci .ci_info dd p a.jpg_bn:hover {background-position:15px center;}
.ci .ci_info dd p a.ai_bn:hover {background-position:15px center;}

.ci .ci_mark {margin:8% auto;}
.ci .ci_mark ul {margin:0 -5px;}
.ci .ci_mark ul li {padding:0 5px;}
.ci .ci_mark ul li div {padding:10% 0;}
.ci .ci_mark ul li div img {max-width:70%;}


/* BI */
.bi .mtit {font-size:22px; margin-bottom:30px;}
.bi .stit {margin-bottom:50px;}
.bi ul li {margin-bottom:5%;}
.bi ul li dl dt {margin-bottom:15px;}
.bi ul li dl dd {font-size:18px;}
.bi ul li dl dd span {font-size:14px;}

/* location */
.location .stit {margin-bottom:35px;}
.map_traffic h5 {float:none; width:100%;}
.map_traffic .area {float:none; width:100%; padding-top:10px;}
.map_traffic .area .list {margin-bottom:50px;}
.location .map_info dt {width:270px;}
.location .map_info dt {width:cal(100% - 270px);}
.location .map_info ul li strong {font-size:16px; margin-right:13px;}
.location .map_info dt a:link, .location .map_info dt a:visited {width:130px; height:48px; line-height:48px;}

/* contact */
.contact {margin:-20px auto 90px auto;}
.contact .dep_loc {background-position:left 4px; padding-left:25px; font-size:18px; margin-bottom:16px; background-size:16px;}
.contact .dep_loc.black {background-position:left 4px; background-size:16px;}

.contact .mtit {font-size:22px; margin-bottom:30px;}
.contact .stit {margin-bottom:50px;}
.contact .contact_tab li a {font-size:14px; padding:16px 0;}

.contact_list li.region {padding:20px 0 0 15px; font-size:18px; letter-spacing:0;}
.contact_list li.info {padding:15px 0 20px 15px;}
.contact_list li.btn {padding:20px 15px 20px 0;}
.contact_list li.btn a:link, .contact_list li.btn a:visited {width:140px; height:48px; line-height:48px;}
.contact_list li.btn a.home {margin-right:0;}
.contact_list li.btn a.bsbtn{margin-right:0}

/* °è¿­»ç ¹× ÅõÀÚ»ç */
.investment_con .investment_top{padding:60px 0}
.investment_con .investment_top dt{font-size:16px;}
.investment_con .investment_top dd{padding:20px 15px}
.investment_con .investment_top .img img{width:260px}

.list_text2 h5{float:none; width:100%; margin-right:0}
.list_text2 .list_cont2{float:none; width:100%}




/** »ç¾÷Á¤º¸ **/

/* °øÅëCSS : ½æ³×ÀÏ ¸®½ºÆ® */
.construct .list_text {margin-bottom:40px;}
.construct .list_text h5 {display:block; width:100% !important;}
.construct .list_text h5 > p br {display:none;}
.construct .list_text .list_cont {display:block; width:100%;}
.construct .const_list {margin-bottom:80px;}

/* °Ç¼³»ç¾÷ - ½Å±ÔÈ£ÅÚ */
.construct .stit {margin-top:30px; margin-bottom:50px;}
.construct .stit.no_top {margin-top:-20px !important; margin-bottom:50px;}
.construct .first_draft li {padding-bottom:40px}
.construct .first_draft dd {position:relative; width:100%; padding:20px 5px 0 5px; margin:0;}
.construct .his_list li.date { padding-top:10px; padding-bottom:10px;}

.construct03 .list_text h5 {display:block; width:100% !important;}


/* Ǫµå¼­ºñ½º »ç¾÷ */
.food {margin-top:-10px; margin-bottom:50px;}
.food .mtit {font-size:22px; margin-bottom:30px;}
.food .stit {margin-bottom:50px;}
.food .lasting {padding:60px 0;}
.food .lasting h4 {font-size:26px; margin-bottom:15px;}
.food .lasting ul {margin:35px auto 0 auto;}
.food .lasting ul li strong {font-size:40px; margin-bottom:16px;}

.food .icon_list {padding:50px 0; margin-bottom:50px;}
.food .icon_list ul li dt {margin-bottom:20px;}
.food .icon_list ul li dd {text-align:left;}
.food .icon_list ul li dd strong {text-align:center;}
.food .icon_list ul li dd br {display:none;}

.food .meal_list {overflow:hidden; padding-bottom:0;}
.food .meal_list > li dd {position:relative; right:auto; top:auto; width:100%; display:block; background:#fff; padding:20px 2px 0 2px;}
.food .meal_list > li dd .dott_list li {padding-left:9px;}
.food .meal_list > li dd .dott_list li:before {top:8px; width:4px; height:4px;}


/* »ç¾÷Á¤º¸ °øÅë »ó´Ü¿µ¿ª */
.business {margin:-20px auto 80px auto !important;}
.business .stit  {margin-bottom:50px;}
.business hr {height:50px;} 

.busi_tab {margin:30px auto 50px auto !important;}
.busi_tab .stit  {margin-bottom:50px;}
.busi_tab hr {height:50px;} 

.page_top {display:block;}
.page_top dt, .page_top dd {display:block; width:100%;}
.page_top dd {padding:30px;}
.page_top dd > img {margin-bottom:20px;}


/* ½Ã¼³¹°À¯Áö°ü¸® */
.facility_con .stit.no_top{ margin-top: -20px !important; padding-bottom:50px}


.facility_con .dep_txt{min-height:29px}


/* Á¶°æ½ÄÀç */
.construct_con .list_text2 h5 > p{margin-top:5px}
.coninfo_list li{float:none; width:100%; margin-right:0}
.coninfo_list li:last-child{margin-bottom:0}
.coninfo_list li .ctit{width:150px; margin-right:15px; }
.coninfo_list li .stxt{width: calc(100% - 180px);}
.conpic_list{margin-top:10px}

.construct_con .dott_list.half{background:#e8eaeb; padding:20px}
.construct_con .dott_list.half li{margin-right:0; float:none; width:100%;}
.construct_con .dott_list.half li:last-child{padding-bottom:0}
.construct_con .list_text2 .krt .none{display:none;}

/* Çؾ籸Á¶¹°¼³Ä¡/ÇØü */
.lng_con .offs_wrap .img1{float:none; width:100%; margin-right:0; margin-bottom:20px;}
.lng_con .offs_wrap .img1 img{width:100%}
.lng_con .offs_wrap .tbox{float:none; width:100%}



/* Ã⡤Åð±Ù/Àü¼¼¹ö½º */
.bus_con ul dt{font-size:16px}
.bus_con ul dd{font-size:30px}
.bus_con ul dd span{font-size:13px; margin-left:3px}


/*** ä¿ëÁ¤º¸ ***/

/*ä¿ëÀýÂ÷*/
.process {margin:-20px auto 0 auto;}
.process .stit {margin-bottom:50px;}
.process .list_text {margin-bottom:40px;}
.process .list_text h5 {float:none; width:100%;}
.process .list_text h5 br {display:none;}
.process .list_text .list_cont {float:none; width:100%; padding-bottom:50px; padding-top:5px;}
	.proc_list {margin:0 -5px;}
	.proc_list li {padding:0 5px;}
	.proc_list li img {max-width:140px;}
	.proc_list li dt {margin-bottom:15px;}
	.proc_list li p {font-size:14px;}
	.proc_list li strong {font-size:18px; margin:8px 0 4px 0;}
.process .list_text .list_cont, .process .list_text .list_cont .dott_list li.no_dott {line-height:160%;}
.process .list_text .list_cont .dott_list li {padding-bottom:10px;}
.process .list_text .list_cont .dott_list li.half {line-height:160%;}


/* ÀÎÀçPOOL µî·Ï */
.pool {margin:-10px auto 0 auto;}
.pool .pool_top {padding:50px 0 40px 0;}
.pool .pool_top dt {float:none; width:100%; text-align:center;}
.pool .pool_top dd {float:none; width:100%; padding-top:30px; text-align:center;}
.pool .pool_top h4 {margin-bottom:20px;}
.pool .pool_top .text > p {display:block; line-height:180%;}
.pool .pool_top .text br {display:none;}
.pool .pool_txt {width:96%; margin:0 auto; padding:50px 0;}

.pool .pool_chart dt {margin-bottom:40px;}
.pool .pool_chart dt img {max-width:160px;}
.pool .pool_chart dt:after {bottom:-17%;}

.pool .pool_info {padding:30px 30px 25px 30px;}
.pool .pool_info p {background-position:left top; background-size:20px auto; font-size:18px;}
.pool .btn {margin-top:40px;}
.pool .btn a:link, .pool .btn a:visited {width:200px; height:48px; line-height:48px;}
.pool .btn a:before {width:16px; height:16px; background-size:contain;}


/*** À±¸®°æ¿µ ***/

/* À±¸®±Ô¹ü */
.code {margin:-10px auto 0 auto;}
.code .stit {margin-bottom:50px;}

/* »çÀ̹ö ½Å¹®°í */
.cyber .cyber_top {background-size:cover; padding:80px 0; margin-bottom:30px;}
.cyber .cyber_top h4 {font-size:35px; margin-bottom:15px;}
.cyber .cyber_top .text {font-size:1rem;} 



/************************ »çÀÌÆ®¸Ê  ************************/

.sitemap ul.one{margin-bottom:0;}
.sitemap ul li{float:left; width:49%; margin-right:2%; margin-bottom:6%;}
.sitemap ul li:nth-child(2n+1){ margin-bottom:6%}
.sitemap ul li:nth-child(even){margin-right:0 !important; clear: inherit;}
.sitemap ul li:nth-child(odd){margin-right:2% !important; clear: inherit;}
.sitemap dt{}
.sitemap dd a.tit{}
.sitemap dd .grey p a{}	


}



/*******************************************************************************
	@media 
*******************************************************************************/
@media all and (max-width:860px){






}


/*******************************************************************************
	@media 681~768px
*******************************************************************************/
@media all and (max-width:768px){

/* 3Â÷ ÅǸ޴º*/
.subTab ul li {width:50%}
.subTab ul li a {padding:12px 0px; height:50px; display:flex; justify-content:center; align-items:center;}
.subTab ul li:nth-child(-n+2) a {border-bottom:none;}
.subTab ul.two li:nth-child(-n+2) a {border-bottom:1px solid #ddd;}
.subTab ul li:first-child a {border-left:none;}
.subTab ul li:first-child a.on {border-left:none;}
.subTab ul li:nth-child(2n-1) a {border-left:1px solid #ccc;}
.subTab ul li:nth-child(2n-1) a.on {border-left:1px solid #13b6c0;}

.subTab ul.three li {width:50%;}
.subTab ul.three li:first-child a {border-bottom:1px solid transparent;}
.subTab ul.three li:nth-child(2) a {border-bottom:1px solid #ddd;}



/* contact */
.contact .contact_tab li {width:33.3333%;}
.contact .contact_tab li a {height:55px}
.contact .contact_tab li:first-child a {border-right:auto;}
.contact .contact_tab li:nth-child(3n-2) a {border-left:1px solid #ccc;}
.contact .contact_tab li:nth-child(n+4) a {border-top:none;}
.contact .contact_tab li:nth-child(3n-2) a.hover {border-left:1px solid #13b6c0;}
.contact .contact_tab li:nth-child(n+4) a {border-top:none;}

.contact_list li {display:block;}
.contact_list li.region {float:none; width:100%;}
.contact_list li.info {float:none; width:100%;  padding:15px 20px 0 20px; border-bottom:none; }
.contact_list li.info dd {display:block; width:100%;}
.contact_list li.info dt strong, .contact_list li.info dd strong {width:100px;}
.contact_list li.info.hotel dt strong, .contact_list li.info.hotel dd strong {width:120px}
.contact_list li.info dt.long p {width:calc(100% - 60px);}
.contact_list li.btn {position:relative; right:auto; top:auto; width:100%; text-align:left; padding:15px 20px 20px 20px; border-bottom:1px solid #ddd;}
.contact_list li.btn a:link, .contact_list li.btn a:visited {width:49.5%;}
.contact_list li.btn a.home {margin-right:1%;}
.contact_list li.btn a.bsbtn{margin-right:1%}
.contact_list li.btn a.long {width:100%; margin-right:0;}


/** »ç¾÷Á¤º¸ **/

.busi_tab .stit br {display:none}

/* °Ç¼³»ç¾÷ - ½Å±ÔÈ£ÅÚ */
.construct .info_table {margin-top:20px;}
.construct .info_table li {float:none; width:100%; margin-right:0; margin-bottom:1%;}
.construct .info_table li dt {width:180px; font-size:16px;}
.construct .info_table li dd {width:calc(100% - 180px);}

/* Ǫµå¼­ºñ½º »ç¾÷ */
.food .lasting {padding:50px 0 25px 0;}
.food .lasting h4 {font-size:24px; margin-bottom:15px;}
.food .lasting ul {display:block; overflow:hidden;}
.food .lasting ul li {float:left; width:50%; padding-bottom:30px;}
.food .lasting ul li:nth-child(2n+1) {clear:both}
.food .lasting ul li strong {font-size:36px;}

.food .icon_list {padding:45px 0 15px 0; margin-bottom:35px;}
.food .icon_list ul {display:block; overflow:hidden;}
.food .icon_list ul li {float:left; width:50%; padding-bottom:30px;}
.food .icon_list ul li:nth-child(2n+1) {clear:both}
.food .icon_list ul li dt {margin-bottom:15px;}
.food .icon_list ul li dd {text-align:center;}
.food .icon_list ul li dd br {}

.food .width1480 {width:96%;}
.food .meal_list {margin:0 auto;}
.food .meal_list > li {float:none; width:100%; padding:0 0 15px 0; margin-right:0;}
.food .meal_list > li dl {position:relative; display:table; width:100%;}  
.food .meal_list > li dt {display:table-cell; width:220px; text-align:left;}
.food .meal_list > li dt img {width:100%; max-width:200px;}
.food .meal_list > li dd {position:relative; display:table-cell; top:auto; width:calc(100% - 220px); vertical-align:middle; padding:0;}


/* Ã⡤Åð±Ù/Àü¼¼¹ö½º */
.bus_con ul li{width:50%;height:150px}
.bus_con ul dt{margin-bottom:10px; font-size:15px;}
.bus_con ul dd{font-size:24px}





/*** ä¿ëÁ¤º¸ ***/

/*ä¿ëÀýÂ÷*/
.process .list_text .list_cont {padding-bottom:40px;}
.proc_list {margin:0;}
.proc_list li {position:relative; width:48%; margin-bottom:50px; padding:0;}
.proc_list li:first-child {margin-right:4%;}
.proc_list li:nth-child(2) {margin-right:0;}
.proc_list li:nth-child(3) {margin-right:0; margin-left:4%;}
.proc_list li:last-child {margin-left:0;}
.proc_list li:after {right:-7%; top:50px; width:11px; height:17px; background:url('/eng/recruit/img/proc_arr_r.png') top center no-repeat;}
.proc_list li:nth-child(2):after {right:auto; top:auto; left:50%; transform:translateX(-50%); bottom:-14%; width:17px; height:11px; background:url('/eng/recruit/img/proc_arr_b.png') top center no-repeat;}
.proc_list li:nth-child(3), .proc_list li:last-child {float:right; margin-bottom:0;}
.proc_list li:nth-child(3):after {right:auto; left:-7%; top:auto; top:65px; width:11px; height:17px; background:url('/eng/recruit/img/proc_arr_l.png') top center no-repeat;}
.proc_list li p {font-size:13px;}
.proc_list li strong { font-size:16px; margin:6px 0 4px 0;}
.proc_list li img {max-width:110px;}


/*** ÀÌ¿ë¾È³» ***/

/* °³ÀÎÁ¤º¸Ã³¸®¹æħ */
.privacy_list {display:none;}









}

/*******************************************************************************
	@media 481~680px
*******************************************************************************/
@media all and (max-width:680px){

.tmar_50{margin-top:40px;}

.contentArea_wide{margin-top:40px}
.contentArea {margin: 40px auto; width:96%}
#contents .tit_area {padding: 0 0 2rem 0;}

h3.title {font-size:26px;}

.mobile_snb{height:50px}
.mobile_snb h2{display:none;}
.mobile_snb .box{width:50%; height:50px}
.mobile_snb .dropLst .dlst{width:100%; left:0}
.mobile_snb .dropLst .dlst ul{border-left:none; border-right:none; border-bottom:1px solid #ddd;}
.mobile_snb .dropLst .txt, .mobile_snb .dropLst li span, .mobile_snb .dropLst > a{font-size:14px; height:50px; line-height:50px}
.mobile_snb .box:after{top:18px}
.mobile_snb .dep2.box:after{display:none;}
.mobile_snb .box.dep1 .dropLst li .value {font-size:14px; line-height:46px; height:46px}
.mobile_snb .box.dep2 .dropLst li .value {font-size:14px; line-height:46px; height:46px}




#subTop {height:300px}
#subTop .subtop_txt {margin-top:140px}
.subtop_txt .tit {font-size:30px; letter-spacing:-0.7pt;}
.subtop_txt .smt {font-size:14px;}

.contents_in .stit {font-size:14px;}
.text {font-size:13px;}
.dep_tit {background-size:25px auto; padding-top:12px; font-size:16px; margin-bottom:12px;}
.dep_mtit {font-size:15px; margin-bottom:15px; background:url('/img/dep_mtit.png') left 3px no-repeat;}
.dep_txt {font-size:15px; margin-bottom:10px;}
.page_num ul.pagination li a{font-size:11px; padding:4px 8px;}
.dep_cont {padding:0 0 30px 0;}

/* ÁغñÁß */
.ready_cont{padding:80px 0; }
.ready_cont dt{font-size:30px;}
.ready_cont dd{font-size:13px;}



.bmar_80{margin-bottom:40px}
.bmar_40{margin-bottom:30px;}

.dott_list li:before{top:6px}


/****** ȸ»ç¼Ò°³ *******/

/* CEO Àλ縻 */
.greeting .greet_top dt img {max-width:70%;}
.greeting .greet_top dd {float:left; display:block; width:100%; text-align:center; padding-top:40px; padding-bottom:20px;}
.greeting .greet_top dd h4 {font-size:28px;}
.greeting .greet_top dd h4 strong:after {position:relative; display:block; content:""; }
.greeting .greet_top dd .text {margin-top:15px;}
.greeting .greet_top dd .text br {display:none;}
.greeting .greet_txt {margin:-30px auto 0 auto; padding:30px 25px;}
.greeting .greet_txt .sign {font-size:16px;}


/* ¿¬Çõ */
.history .his_top {padding:50px 0; margin-bottom:20px;}
.history .his_top h4 {font-size:28px; margin-bottom:10px; }
.history .his_top .text {font-size:13px;} 

/* °æ¿µÃ¼°èµµ */
.management .manage_top {margin-bottom:40px; padding:40px 30px;}
.management .manage_top h4 {font-size:28px; letter-spacing:0;}
.management .manage_top .text {margin-top:10px;}
.management .list_text {margin-bottom:30px;}
.management .list_text .list_cont dl {margin-bottom:25px; }
.management .list_text .list_cont dt {border:3px solid #0c4ca3;}
.management .list_text .list_cont dd {border:3px solid #13b6c0;}
.management .list_text .list_cont dt, .management .list_text .list_cont dd {font-size:14px; padding-bottom:10px;} 
.management .list_text .list_cont dt p, .management .list_text .list_cont dd p {font-size:16px; padding:8px 0; margin-bottom:10px; border-radius:10px 10px 0 0;}

/* CI */
.ci .ci_info {padding:10% 0;}
.ci .ci_info dt img {max-width:75%;}
.ci .ci_info dd h4 {font-size:16px; margin-bottom:12px;}
.ci .ci_info dd .text {font-size:13px;}
.ci .ci_info dd p a:link, .ci_info dd p a:visited {font-size:13px; height:45px; line-height:45px;}

.ci .ci_mark {margin:10% auto;}
.ci .ci_mark ul {margin:0;}
.ci .ci_mark ul li {float:none; width:100%; padding:0; margin-bottom:35px;}

/* BI */
.bi .mtit {font-size:20px; margin-bottom:20px;}
.bi .stit {font-size:14px; margin-bottom:35px;}
.bi .stit br {display:none;}

.bi ul {margin:0 -10px;}
.bi ul li {width:50%; padding:0 10px; margin-bottom:20px;}
.bi ul li:nth-child(3n+1) {clear:none}
.bi ul li:nth-child(2n+1) {clear:both}
.bi ul li:nth-child(4) {margin-left:0;}	
.bi ul li dl dt {margin-bottom:10px;}
.bi ul li dl dd {font-size:16px;}
.bi ul li dl dd span {font-size:13px; margin-top:2%;}

/* location */
.location .map_info {padding:20px 15px; margin-bottom:30px;}
.location  .root_daum_roughmap {height:350px;}
.location .map_info dd {display:block; width:100%; margin-bottom:20px;}
.location .map_info dt {display:block; width:100%; text-align:center;}
.location .map_info dt a:link, .location .map_info dt a:visited {width:100%; height:40px; line-height:40px; margin-right:0;}
.location .map_info dt a.print {display:none;}
.location .map_info ul li strong {font-size:14px;}
.location .map_info ul li p {display:inline;}
.map_traffic .area {padding-top:5px;}
.map_traffic .area .list dl {padding-top:15px; padding-bottom:15px;}
.map_traffic .area .list dt {width:70px; height:30px; padding-top:40px; font-size:12px; background-size:70px;}
.map_traffic .area .list dd {padding-left:15px; width:calc(100% - 70px);}


/* °è¿­»ç ¹× ÅõÀÚ»ç */

p.sub_title{font-size:15px}

.num_list dl .num{width:18px; height:18px; font-size:10px; top:0}
.num_list dl p.sub_title{margin-left:24px}

.investment_con .investment_top .img{margin-bottom:20px}
.investment_con .investment_top .img img{width:200px}
.investment_con .investment_top{padding:30px 0}
.investment_con .investment_top dl{width:100%; float:none; margin-right:0; border:none;   border-radius: 15px;  background: transparent;}
.investment_con .investment_top dl.one{margin-bottom:20px}
.investment_con .investment_top dt{border:none; padding:10px ; border-radius: 15px 15px 0 0;}
.investment_con .investment_top dd{background:#fff; border:5px solid #0c4ca3; border-top:none; border-radius: 0 0 15px 15px;}
.investment_con .investment_top dl.two dd{border-color:#13b6c0}
.investment_con .investment_top .conbox{display: block; }

.investment_con .investment_cbox{margin-top:50px}


/* contact */
.contact {margin:-10px auto 90px auto;}
.contact .mtit {font-size:20px; margin-bottom:20px;}
.contact .stit {margin-bottom:35px;}
.contact .stit br {display:none;}
.contact_list li.btn a:link, .contact_list li.btn a:visited {height:40px; line-height:40px;}
.contact .contact_tab li a {font-size:13px; padding:13px 0;}
.contact_list li.region {font-size:16px;}
.contact_list li.info {padding:10px 20px 0 20px;}


/* »ç¾÷Á¤º¸ °øÅë »ó´Ü¿µ¿ª */
.business {margin:-5px auto 40px auto !important;}
.business .stit  {margin-bottom:35px;}
.business hr {height:35px;} 

.busi_tab {margin:20px auto 40px auto !important;}
.busi_tab .stit  {margin-bottom:35px;}
.busi_tab hr {height:35px;} 

.page_top dd {padding:20px;}
.page_top dd > img {margin-bottom:15px;}


/* °Ç¼³»ç¾÷ - ½Å±ÔÈ£ÅÚ */
.construct .stit.no_top {margin-top:-5px !important; margin-bottom:30px;}
.construct .his_list li dl dt:before {width:5px; height:5px; left:-2px; top:7px;}
.construct .his_list li dl dt {padding-bottom:5px; line-height:140%;}
.construct .his_list li dl dd {padding-bottom:5px; line-height:140%;}

.hotel .page_top dd img {max-width:150px;}



/* ½Ã¼³¹°À¯Áö°ü¸® */
.facility_con .stit.no_top{ margin-top: -5px !important; padding-bottom:30px}
.facility_con .dep_txt{margin-bottom:8px}

.facility_con .dep_txt{min-height:23px}


/* ¼±ÁÖ¼±±ÞÁö¿ø */
.dep_list li{line-height:18px}
.dep_list li:before{top:7px}

.lng_con .box{width:100%; float:none; margin-right:0; margin-bottom:30px}
.lng_con .box:nth-child(1){margin-bottom:30px}

.lng_con .box .img .smtx{font-size:12px; top:10px;left:10px;}


/* Ã⡤Åð±Ù/Àü¼¼¹ö½º */
.bus_con ul li{height:130px}
.bus_con ul dt{font-size:14px;}
.bus_con ul dd{font-size:20px; letter-spacing:0}



/*** ä¿ëÁ¤º¸ ***/

/*ä¿ëÀýÂ÷*/
.process {margin:-10px auto 0 auto;}
.process .stit {margin-bottom:40px;}

/* ÀÎÀçPOOL µî·Ï */
.pool {margin:-10px auto 0 auto;}
.pool .pool_top {padding:35px 0 25px 0;}
.pool .pool_top h4 {margin-bottom:15px;}
.pool .pool_top dl {width:96%; margin:0 auto;}
.pool .pool_top dd {padding-top:20px;}
.pool .pool_txt {padding:35px 0;}

.pool .pool_chart dt {margin-bottom:30px;}
.pool .pool_chart dt img {max-width:150px;}
.pool .pool_chart dt:after {bottom:-15%;  background-size:10px auto;}
.pool .pool_chart dd li {width:29.33%; margin-right:6%; padding:12px 0;}
.pool .pool_chart dd li:after {right:-15%; background-size:auto 10px;}

.pool .pool_chart dd li br.m_block {display:block;}

.pool .pool_info {padding:20px 20px 15px 20px;}
.pool .pool_info p {background-size:18px auto; font-size:16px;}
.pool .btn {margin-top:15px;}
.pool .btn a:link, .pool .btn a:visited {width:100%; height:40px; line-height:40px;}
.pool .btn a:before {width:16px; height:16px; background-size:contain;}


/*** À±¸®°æ¿µ ***/

/* À±¸®±Ô¹ü */
.code {margin:-10px auto 0 auto;}
.code .stit {margin-bottom:35px;}

/* »çÀ̹ö½Å¹®°í */
.cyber .cyber_top {padding:50px 0; margin-bottom:20px;}
.cyber .cyber_top h4 {font-size:28px; margin-bottom:10px; }
.cyber .cyber_top .text {font-size:13px;}


/*** ÀÌ¿ë¾È³» ***/

/* À̸ÞÀϹ«´Ü¼öÁý°ÅºÎ */
.email_con {padding:5%; font-size:13px; letter-spacing:0;}

}


/*******************************************************************************
	@media ~480px
*******************************************************************************/
@media all and (max-width:480px){


#subTop {height:240px}
#subTop .subtop_txt{margin-top:100px}
.subtop_txt .tit{font-size:26px;}
.subtop_txt .smt {font-size:13px; margin-top:15px}

.width1480 {margin:0 auto 70px auto}
.width14802 {margin:0 auto 70px auto}
.contentArea_wide{margin-top:30px}
.contentArea {margin: 30px auto;}
h3.title{font-size:22px;}

.mobile_snb {height:46px}
.mobile_snb .box {height:46px}
.mobile_snb .box:after{top:15px}
.mobile_snb .dropLst .txt, .mobile_snb .dropLst li span, .mobile_snb .dropLst > a {font-size:13px; height:46px; line-height:46px}
.mobile_snb .box.dep1 .dropLst li .value {font-size:13px; line-height:46px; height:46px}
.mobile_snb .box.dep2 .dropLst li .value {font-size:13px; line-height:46px; height:46px}

#contents .tit_area {padding:0 0 1.5rem 0}

/* ¼­ºê 2Â÷¸Þ´º */
.subDepth ul.pcmen li {padding:0 10px;}
.subDepth ul.pcmen li a:link, .subDepth ul.pcmen li a:visited {padding:12px 0px;}
.subDepth ul.pcmen li a:link:after {height:2px;}






/****** ȸ»ç¼Ò°³ *******/

/* CEOÀλ縻*/
.greeting .greet_top dd {padding-top:30px; padding-bottom:15px;}
.greeting .greet_top dd h4 {font-size:22px;}
.greeting .greet_txt {width:100%; box-sizing:border-box; padding:20px 15px;}
.greeting .greet_txt .sign {font-size:14px;}

/* ¿¬Çõ */
.history .his_top {padding:30px 20px; box-sizing:border-box; margin-bottom:12px; text-align:left;}
.history .his_top h4 {font-size:22px;}
.history .his_top .text br {display:none;}

/* °æ¿µÃ¼°èµµ */
.management .manage_top {margin-bottom:30px; padding:30px 20px; background-position:center top;}
.management .manage_top p {font-size:13px;}
.management .manage_top h4 {font-size:22px; letter-spacing:-0.7pt; line-height:120%; margin-top:5px;}
.management .manage_top .text {color:rgba(255,255,255,1.0);}
.management .manage_top .text br {display:none;}
.management .list_text .list_cont dt, .management .list_text .list_cont dd {float:none; width:100%; font-size:inherit;} 
.management .list_text .list_cont dt {margin-right:0; margin-bottom:50px;} 
.management .list_text .list_cont dt:after {right:auto; top:auto; bottom:-37px; left:50%; transform:translateX(-50%);}
.management .list_text .list_cont dt p, .management .list_text .list_cont dd p {font-size:14px;}

/* BI */
.bi .mtit {font-size:18px; margin-bottom:10px;}
.bi .stit {font-size:13px; margin-bottom:30px;}
.bi ul li dl dd {font-size:15px;}


/* ã¾Æ¿À½Ã´Â ±æ */
.location  .root_daum_roughmap {height:300px;}

/* contact us */
.contact .contact_tab li {width:50%;}
.contact .contact_tab li:nth-child(3n-2) a {border-left:none;}
.contact .contact_tab li:nth-child(3n-2) a.hover {border-left:none;}
.contact .contact_tab li:nth-child(2n-1) a {border-left:1px solid #ddd;}
.contact .contact_tab li:nth-child(2n-1) a.hover {border-left:1px solid #13b6c0;}
.contact .contact_tab li:nth-child(n+3) a {border-top:none;}
.contact .contact_area hr {height:20px;}
.contact .mtit {font-size:18px; margin-bottom:10px;}
.contact .stit {font-size:13px; margin-bottom:30px;}
.contact_list li.region {padding:15px 0 0 15px;}
.contact_list li.info {padding:10px 15px 0 15px;}
.contact_list li.btn {padding:10px 15px 15px 15px;}
.contact_list li.info dt {overflow:hidden;}
.contact_list li.info dd {overflow:hidden;}
.contact_list li.info dt > strong, .contact_list li.info dd > strong {float:none; padding-bottom:3px; line-height:130%; width:100%}
.contact_list li.info dt p, 
.contact_list li.info dd p {margin-left:0; float:none; width:100%; line-height:130%; padding-bottom:3px;}
.contact_list li.info dt.single p {margin-left:0; width:100%}
 

/* °è¿­»ç ¹× ÅõÀÚ»ç */
.investment_con .investment_top .img img{width:150px;}



p.sub_title{font-size:14px; }


 /** »ç¾÷Á¤º¸ **/

/* °øÅëCSS : ½æ³×ÀÏ ¸®½ºÆ® */
.thum_list > li {float:none; width:100%; margin-right:0; margin-bottom:30px;}
.thum_list.last > li {margin-bottom:30px;}
.thum_list > li.last_one {margin-bottom:30px;}
.thum_list > li span {margin-top:10px;}
.thum_list > li strong {margin-bottom:10px;}

.construct .stit.no_top {text-align:left;}
.construct .first_draft li {float:none; width:100%; margin-right:0;}
.construct .first_draft dd {line-height:160%;}

.construct .his_list li {float:none; width:100%; line-height:140%; box-sizing:border-box;}
.construct .his_list li.year {padding-left:0px;}
.construct .his_list li.year:before {display:none;}
.construct .his_list li.date {width:100%;}
.construct .his_list li dl dt:before {display:none;}
.construct .his_list li dl dt {padding-left:0px};
.construct .his_list li dl dd {width:calc(100% - 70px) !important;}

.construct .table_remark {display:block; padding-bottom:10px; letter-spacing:0;}
.construct .table_width {width:100%; overflow-x:scroll;}
.construct03 .thum_list > li:last-child {margin-bottom:0;}
.table_width > .table_style {width:500px;}
.table_width > .table_left {width:500px;}

.hotel .page_top dd img {max-width:120px;}

/* Ǫµå¼­ºñ½º »ç¾÷ */
.food  {margin-top:0px;}
.food .mobile_enter {display:block;}
.food .lasting .text {font-size:1.0rem;}
.food .mtit {font-size:18px; margin-bottom:10px;}
.food .stit {font-size:13px; width:98%; margin:0 auto 30px auto;}
.food .stit br {display:none;}
.food .lasting {padding:35px 0 15px 0; background-size:cover;}
.food .lasting h4 {font-size:22px;}
.food .lasting ul {margin:30px auto 0 auto; display:block; overflow:hidden;}
.food .lasting ul li {float:none; width:100%; padding-bottom:25px;}
.food .lasting ul li strong {font-size:28px; line-height:100%; margin-bottom:5px;}

.food .icon_list {padding:45px 0 15px 0; margin-bottom:35px;}
.food .icon_list ul {display:block; overflow:hidden;}
.food .icon_list ul li {float:none; width:100%; padding-bottom:30px; text-align:center;}
.food .icon_list ul li dt {margin-bottom:15px;}
.food .icon_list ul li dd {text-align:center;}
.food .icon_list ul li dd br {}

.food .meal_list {margin:0 auto;}
.food .meal_list > li dl {display:block;}
.food .meal_list > li dt {display:block; width:100%;}
.food .meal_list > li dt img {width:100%; max-width:100%;}
.food .meal_list > li dd {position:block; width:100%; padding:15px 5px;}


/* »ç¾÷Á¤º¸ °øÅë »ó´Ü¿µ¿ª */
.business .stit  {font-size:.1.0rem; margin-bottom:30px; text-align:left;}
.business .stit br {display:none;}
.business hr {height:25px;} 

.busi_tab .stit {font-size:.1.0rem; margin-bottom:30px; text-align:left;}
.busi_tab .stit br {display:none;}
.busi_tab hr {height:25px;} 

.page_top dd {padding:20px 15px 15px 15px; }
.page_top dd > img {margin-bottom:10px;}
.page_top dd .dep_txt {font-size:1.3rem; line-height:130%;}
.page_top dd .text {font-size:1.0rem;}

.geoje .page_top dd .text br {display:none !important;}


/* ½Ã¼³¹°À¯Áö°ü¸® */
.facility_con .stit.no_top{text-align: left;}
.facility_con .pma20{margin-bottom:20px}


.pic_list li{width:100%; float:none; margin-right:0;  margin-bottom:15px}
.pic_list li:last-child{margin-bottom:0}
.pic_list li img{width:100%;}

.facility_con .dep_txt{min-height:auto}



/* Á¶°æ½ÄÀç */
.conpic_list li{width:100%; float:none; margin-right:0; margin-bottom:10px;}
.conpic_list li:last-child{margin-bottom:0}

/* ¼±ÁÖ¼±±ÞÁö¿ø */
.shipowner_con .table_width { width: 100%;overflow-x: scroll;}







/*** ä¿ëÁ¤º¸ ***/

/*ä¿ëÀýÂ÷*/
.process .stit {font-size:13px; margin-bottom:30px;}
.proc_list li {margin-bottom:35px;}
.proc_list li img {max-width:100px;}
.proc_list li:after {right:-12px; top:40px;}
.proc_list li:nth-child(2):after {bottom:-12%;}
.proc_list li:nth-child(3):after {left:-12px;top:40px;}
.proc_list li strong {font-size:14px;}
.proc_list li span {line-height:110%;}
.process .list_text .list_cont {padding-bottom:30px;}

/* ÀÎÀçPOOL µî·Ï */
.pool {margin:0 auto;}
.pool .stit {font-size:13px; margin-bottom:30px;}
.pool .pool_top h4 {font-size:20px; margin-bottom:10px;}
.pool .pool_top .text > p {display:inline;}
.pool .pool_chart dd li:after {right:-19%;}
.pool .pool_chart dt img {max-width:140px;}
.pool .pool_info p {font-size:14px; background-size:15px auto; padding-left:20px; margin-bottom:15px;}


/*** À±¸®°æ¿µ ***/

/* »çÀ̹ö ½Å¹®°í */
.cyber .cyber_top {padding:30px 20px; box-sizing:border-box; margin-bottom:12px; text-align:left;}
.cyber .cyber_top h4 {font-size:22px;}
.cyber .cyber_top .text br {display:none;}

}



/*******************************************************************************
	@media ~320px
*******************************************************************************/
@media all and (max-width:380px){

.pool .pool_chart dd li {height:150px}

.coninfo_list li .ctit{width:100%; float:none}
.coninfo_list li .stxt{width:100%; float:none}


}


/*******************************************************************************
	@media ~320px
*******************************************************************************/
@media all and (max-width:320px){

/* ¿¬Çõ */
.his_top h4 {font-size:24px; margin-bottom:6px;}

}