@charset "utf-8";


#sub_top_title {height:100px; font-weight:bold; font-size:40px; letter-spacing:-2px; line-height:120px;}
#sub_top_title span {font-weight:normal; font-size:30px; letter-spacing:-1px;}
#sub_title {font-size:14px; letter-spacing:-0.5px; color:#888; height:57px; border-bottom:3px solid #e7e7e7;}


.cored {color:#963345;}
.cogreen {color:#4e9086;}
.coblue {color:#000000;}
.fwn {font-weight:normal;}
.fwb {font-weight:bold;}
.fs075 {font-size:0.75em;}
.fs14 {font-size:1.2em;line-height:2.8em; }
.fs12 {font-size:1.4em;}
.lp0 {letter-spacing:0;}
.lp1 {letter-spacing:-1px;}
.tac {text-align:center;}

.sub_tel {font-size:30px; line-height:1.4em; margin-top:30px; /*font-weight:bold;*/ color:#8b9aa9; }
.sub_tel01 {font-size:14px; line-height:1.4em; margin-top:10px;  color:#ffffff; }
.sub_tel02 {font-size:12px; line-height:1.4em; margin-top:15px;  color:#ffffff;letter-spacing:0px; }
.sub_tel04 {font-size:20px; line-height:1.4em; margin-top:45px;  /*font-weight:bold;*/color:#ffffff; }
.sub_tel05 {font-size:14px; line-height:1.4em; margin-top:15px;  color:#ffffff;padding:15px; }


.sub_tel0 {font-size: 14px;
    background-color: #fff;
    line-height: 1.8em;
    margin-top: 30px;
    color: #ffffff;
    padding-left: 0px;}

.sub_tel01 {font-size:20px; line-height:2.4em; margin-top:30px; /*font-weight:bold;*/ color:#ffffff; }
.sub_tel0101 {font-size:14px; line-height:1.6em; margin-top:10px;  color:#ffffff; }
.sub_tel0201 {font-size:12px; line-height:1.4em; margin-top:15px;  color:#ffffff;letter-spacing:-0.5px; }
.sub_tel0401 {font-size:20px; line-height:1.4em; margin-top:45px;  font-weight:bold;color:#ffffff; }
.sub_tel0501 {font-size:14px; line-height:1.4em; margin-top:15px;  color:#ffffff;padding:15px; }


 .sub_title {font-size:22px; line-height:1.4em; margin-top:30px; font-weight:bold;color:#e20501;letter-spacing:-0.5px;}

 .board_title {font-size:22px; line-height:1.4em; margin-top:50px; font-weight:bold;color:#e20501;letter-spacing:-0.5px;}
 .board_con {line-height:1.55em; font-size:14px; letter-spacing:-0.5px;font-weight:bold; color:#000000;}


.name {font-size:18px; line-height:1.4em;  font-weight:bold;color:#000000;letter-spacing:-0.5px;}
.main_title {font-size:18px; line-height:2.4em; margin-top:30px; font-weight:bold;color:#313131;letter-spacing:-0.5px;}
.main_banner {font-size:12px; text-align:center;line-height:1.6em; margin-top:30px;letter-spacing:-1px;}

.sub_con {margin-top:40px; line-height:1.55em; font-size:14px; letter-spacing:-0.5px;}
.sub_con table {width:100%; border-spacing:0; border-collapse:collapse;}
.sub_con table th {font-size:14px; padding:10px; border:1px solid #ddd; background:#f0f0f0;}
.sub_con table td {font-size:14px; padding:10px; border:1px solid #ddd;}


.sub01 {margin-top:40px; line-height:1.55em; font-size:12px; letter-spacing:-0.5px; color:#c40602;}




.sub_map {margin-top:40px; font-size:16px; line-height:1.55em; text-align:center;}
.sub_map p {font-size:24px; font-weight:bold;}


.sub_con2 {margin-top:40px; line-height:1.55em; font-size:14px; letter-spacing:-0.5px; clear:both;}
.sub_con2 dl {zoom:1;}
.sub_con2 dl:after {display:block; visibility:hidden; clear:both; content:"";}
.sub_con2 dl dt {float:left; width:310px; text-align:center;}
.sub_con2 dl dd {float:left; width:470px; min-height:350px;}
.sub_con2 table {width:100%; border-spacing:0; border-collapse:collapse;}
.sub_con2 table th {font-size:12px; padding:5px; width:50px; border:1px solid #ddd; background:#f0f0f0;}
.sub_con2 table td {font-size:14px; padding:10px; border:0;}
.sub_con2 .sub_titb {font-size:16px; font-weight:bold; padding-bottom:15px; letter-spacing:-0.5px;}
.sub_con2 .btn_video {display:block; width:180px; background:#2f5d7d; color:#fff; padding:10px; margin-top:30px; text-align:center; font-weight:bold;}
.sub_con2 ol {margin:0 0 0 20px; padding:0; list-style:;}
.sub_con2 ol li {list-style-type:decimal;}


.sub_con3 {margin-top:40px; line-height:1.55em; font-size:14px; letter-spacing:-0.5px; clear:both;}
.sub_con3 ul {margin:0; padding:0; list-style:none;}
.sub_con3 ul li {float:left; width:50%;}
.sub_con3 .sub_con3_img {text-align:center; height:280px; padding:0 10px 30px 10px;}
.sub_con3 .sub_con3_img img {height:280px;}
.sub_con3 table {width:100%; border-spacing:0; border-collapse:collapse;}
.sub_con3 table th {font-size:12px; padding:5px; width:50px; border:1px solid #ddd; background:#f0f0f0; text-align:center;}
.sub_con3 table td {font-size:14px; padding:10px; border:0;}
.sub_con3 .sub_titb {font-size:20px; font-weight:bold; padding-bottom:20px; letter-spacing:-0.5px; text-align:center;}
.sub_con3 .btn_video {display:block; width:180px; margin:0 auto; background:#2f5d7d; color:#fff; padding:10px; margin-top:30px; text-align:center; font-weight:bold;}



/* 대양소개 */
.overeview {font-size:17px; font-weight:bold; line-height:0.5em; letter-spacing:-0.5px; margin-top:60px; color:#0b498a;}
.overeview01 {font-size:17px; font-weight:bold; line-height:0.5em; letter-spacing:-0.5px; margin-top:60px; color:#0b498a;}
.overeview:first-child {margin-top:0; background:url("../img/overeview_img.jpg") no-repeat right top;}
.overeview strong {display:block; padding-bottom:20px; font-size:30px; line-height:1.4em; letter-spacing:-2px;}

.movereview {line-height:1.5em; color:#777;}
.movereview strong {display:block; padding-bottom:10px; font-size:1.4em;}


/* 인사말 */
.gr{height:751px;background:url("../img/com_bg.jpg") no-repeat right top;}
.greething {font-size:14px; line-height:1.6em; letter-spacing:-0.5px; color:#000;}

.greething01 {font-size:14px; line-height:1.6em; letter-spacing:-0.5px; color:#fff;}

.greething strong {display:block; padding-bottom:30px; font-size:26px; letter-spacing:-2px;}
.greething p {text-align:right; font-size:16px; padding-top:10px; color:#333; font-weight:bold;}
.greething p span {font-size:22px;}

.mgreething {line-height:1.5em; color:#777;}
.mgreething strong {display:block;}
.mgreething p {text-align:right; padding-top:10px; color:#333; font-weight:bold;}




/* 회사약도 */
.map_con {margin-top:20px;}
.map_con:first-child {margin-top:0;}
.map_con ul li:first-child {margin-right:10px;}
.map_con ul li {width:370px; display:inline-block; vertical-align:top;}
.map_con p {font-size:20px; font-weight:bold; letter-spacing:-1px; text-align:center; padding-bottom:10px;}
.map_con table {width:100%; border-collapse:collapse; border:1px solid #ddd;}
.map_con table th, .map_con table td {font-size:14px; text-align:left; padding:10px 0px 10px 50px;}
.map_con table th {border:1px solid #ddd; background:#eef3f9; color:#333;}
.map_con table td {border:1px solid #ddd;}




/*tab css*/
.btab{width:100%; height:auto; position: relative; overflow: hidden; margin: 0 auto; padding: 0; word-break: keep-all !important;}
.btabnav{font-size:0; width:100%; border:1px solid #ddd; margin: 0 auto; padding: 0;}
.btabnav li {display: inline-block; width: 33%; height:46px; text-align:center; border-right:1px solid #ddd;}
.btabnav li a:before{content:""; position:absolute; left:0; top:0px; width:100%; height:3px; }
.btabnav li a.active:before{background:#45baae ;}
.btabnav li a.active{border-bottom:1px solid #fff;}
.btabnav li a{ position:relative; display:block; background: #f8f8f8; color: #000; padding:0 30px; line-height:46px; text-decoration:none; font-size:13px;}
.btabnav li a:hover,
.btabnav li a.active{background:#fff; color:#45baae ; }
.btabcontent {padding: 20px 0 0 0; position: relative; overflow: hidden; margin: 0; width: 100%; }

#tab01 { position: relative; overflow: hidden; margin: 0; width: 100%; padding: 0; }


.txt-box { width: 100%; font-size: 22px; font-weight: 600; text-align: center; margin: 0px 0 40px 0; padding: 60px 50px; border: 1px solid #ddd; line-height: 48px; color: #000; background: url(/img/bang/ser1bg1.jpg)no-repeat; background-size: cover; box-sizing: border-box;	 }
.txt-box strong { color: #45baae ; }


.ntit { font-size: 26px !important; font-weight: 500; padding: 10px 0 50px 0; text-align: center;  font-family: 'Noto Sans', NanumGothic, '나눔고딕', 'Open Sans', sans-serif;  position: relative; margin-bottom: 30px; line-height: 35px; }
.ntit:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 50%;
    margin-left: -0.5px;
    width: 1px;
    height: 30px;
    background: #ccc;
}

.n5tit { font-size: 23px; font-weight: 500; padding: 10px 0 0px 0; margin: 0 0 10px 0; text-align: center;  font-family: 'Noto Sans', NanumGothic, '나눔고딕', 'Open Sans', sans-serif;  position: relative; line-height: 35px; }

.mt60 { margin-top: 60px !important; }

.tac { text-align: center; }

.intro-img {display: block;}
.intro-m-img {display: none;}


.ser14box { margin: 40px 0 50px 0; padding: 0; overflow: hidden; width: 100%; }
.ser14box .gbg1 { background: #f5f5f5; }
.ser14box .gbg2 { background: #eaeaea; }
.ser14box1 { width: 24%; text-align: center; float: left; padding: 40px 30px; font-size: 15px; color: #000; min-height: 380px; box-sizing: border-box; line-height: 26px; 	letter-spacing: -1px; }
.ser14box1 strong { font-size: 17px; font-weight: 700; display: block; margin: 0 0 10px 0; }


.mt60 { margin-top: 60px !important; }

.ser2tobx { position: relative; width: 100%; overflow: hidden; margin: 30px 0 80px 0; padding: 20px; background: #f5f5f5; /* box-shadow: 10px 11px 5px -5px rgba(0,0,0,0.09); */ box-sizing: border-box; }
.ser2tobx .ser2timg { float: left; width: 30%; text-align: left; margin: 0; padding: 0; }
.ser2tobx .ser2ttxt { float: left; width: 70%; font-size: 15px; line-height: 25px; margin: 0; padding: 0 0 0 25px; color: #000; box-sizing: border-box; }
.ser2tobx .ser2timg img {  max-width: 364px; width: 100%; margin: 0 !important; padding: 0 0px 0 0; }
.ser2tobx .ser2ttxt strong { color: #45baae ; font-size: 17px; font-weight: 600; margin-bottom: 15px; display: block; }

.ser2photo {width: 23%; margin: 1%; float: left; font-size: 15px; line-height: 26px; min-height: 380px; border: 1px solid #ccc;
    padding: 20px; background: #fff;  box-sizing: border-box;	  }
.ser2photo strong { position: relative; display: block; font-size: 20px; margin: 10px 0; padding-left: 15px; }
.ser2photo strong:before { position: absolute;  content: ''; top: 4px; left: 0; margin-left: 0; width: 5px; height: 20px; background: #45baae ; }

.bottomban1 { width: 100%; text-align: center; color: #fff; font-size: 25px; padding: 80px 0; background: url(/img/bang/bottomban1.jpg)no-repeat; background-size: cover; line-height: 55px;  }
.bottomban1 strong { display: block; font-size: 34px; }
.bottomban1 a { display: inline-block; line-height: 100%; padding: 10px 30px; border: 1px solid #fff; color: #fff; font-size: 16px; font-weight: 500; border-radius: 20px; min-width: 150px; text-align: center; }
.bottomban1 a:hover { background: #a3c469;  }


.cont_table {border-spacing: 0; border-collapse: separate; font-size: 14px; border-top:2px solid #45baae ; width:100%; border-left:1px solid #ddd;  margin-bottom: 32px; line-height: 1.6em; letter-spacing: 0px;}
.cont_table th {color:#45baae ; background-color: #f2f2f2; border-bottom: 1px solid #ddd; border-right:1px solid #ddd; padding:12px 6px;}
.cont_table td {color:#888; border-bottom: 1px solid #ddd; border-right:1px solid #ddd; padding:7px; text-align: center;}

.mo_table { display:none; }





@media (max-width:508px){
	.pc_table { display:none; }
	.mo_table { display:block; }
 }



.pc { display: block; }
.mobile { display: none; }

@media (max-width: 969px) {
	.intro-img {display: none;}
	.intro-m-img {display: block;}
}

@media (max-width: 650px) {
	.ser14box1 { width: 100%;}
	.txt-box { font-size: 20px; line-height: 35px; }
	.ser2tobx .ser2timg, .ser2tobx .ser2ttxt { width: 100%;  }
	.ser2tobx .ser2ttxt strong { margin: 15px 0; }
	.ser2photo {width: 100%; margin: 2% 0; }
	.ser2photo img { width: 100%; }
	.pc { display: none; }
	.mobile { display: block; }
}



@media screen and (max-width: 650px) {
	.btabnav li { height:26px; }
	.btabnav li a {  padding:0 5px; line-height:26px; font-size:11px;}
}