/* common */
.pad {
    padding: 120px 0 100px;
}
.pt {
    padding-top: 120px;
}
.sv {
    position: relative;
    width: 100%;
    height: 550px;
    background-size: cover !important;
}

.sv1 {
    background: url('/img/sv01.jpg') 50% 50% no-repeat;
}

.sv2 {
    background: url('/img/sv02.jpg') 50% 50% no-repeat;
}
.sv3 {
    background: url('/img/sv03.jpg') 50% 50% no-repeat;
}
.sv4 {
    background: url('/img/sv04.jpg') 50% 50% no-repeat;
}

.sv5 {
    background: url('/img/sv05.jpg') 50% 50% no-repeat;
}

.sv .flex_box {
    position: absolute;
    bottom: -53px;
    left: 50%;
    width: 100%;
    box-sizing: border-box;
    max-width: 1500px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transform: translateX(-50%);
}
.sv h2 {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 130px;
    color: #fff;
    text-transform: uppercase;
}
.sv .tab_nav {
    position: relative;
    width: 250px;	
	z-index: 999;
}
.sv .tab_nav h3 {
    position: relative;
    font-weight: 500;
    font-size: 20px;
    color: #fff;
    padding: 10px 0;
    cursor: pointer;
}
.sv .tab_nav h3 i {
    position: absolute;
    top: 16px;
    right: 0;
}
.sv .tab_nav h3::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #fff;
}
.sv .tab_nav div {
	
    display: none;
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 4px 6px 12px 1px #00000021;
    box-sizing: border-box;
    padding: 8px 0;
}
.sv .tab_nav div ul li {
    margin-bottom: 5px;
}
.sv .tab_nav div ul li:last-of-type {
    margin-bottom: 0;
}
.sv .tab_nav div ul li a {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 7px;
    box-sizing: border-box;
    font-size: 18px;
    color: #222;
    font-weight: 500;
}
/* 타이틀 */
.sub .s_tit {
    text-align: center;
}
.sub .s_tit.mb {
    margin-bottom: 40px;
}
.sub .s_tit h3 {
    font-weight: bold;
    font-size: 38px;
    color: #110f5f;
    margin-bottom: 14px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
	word-break:break-all;
}
.sub .s_tit p {
    font-size: 28px;
    color: #222;
	word-break:break-all;
}
.sub .s_tit p.fw {
    font-weight: 600;
}
.sub .s_tit h4 {
    font-size: 32px;
    color: #222;
    padding-top: 40px;
}
/* .sub .s_tit h4 span {
    font-size: 42px;
} */
/* 인사말 */
.greeting {}
.greeting .list {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.greeting .list::after {
    position: absolute;
    right: 249px;
    bottom: -41px;
    font-family: 'Kaushan Script', cursive;
    font-size: 120px;
    opacity: 0.02;
    color: #000;
    z-index: -1;
}
.greeting .list figure {
    width: calc(50% - 100px);
}
.greeting .list figure img {}
.greeting .list .txt {
    width: calc(50% + 100px);
    box-sizing: border-box;
    padding-left: 70px;
}
.greeting .list .txt p {
    font-weight: 300;
    font-size: 18px;
    color: #666;
    margin-bottom: 30px;
    line-height: 1.7;
}
.greeting .list .txt p:last-of-type {
    font-weight: 600;
    font-size: 20px;
    color: #222;
    margin-top: 40px;
    margin-bottom: 0;
}

.fullSize												{ display:inline-block; width:100%; vertical-align:top; }
.txt_lineheight {line-height:180%;}

/* 정렬 */
.txt_center								{ text-align:center !important; }
.txt_left								{ text-align:left !important; }
.txt_right								{ text-align:right !important; }

.ceoTxt1												{ margin:60px 0px 30px 0px; transform:translate(-150px,0); }
.ceoTxt2												{ margin:30px 0px 20px 0px; word-break:break-all;}
.ceoTxt3												{ margin:60px 0px 30px 0px; }
.ceoTxt4												{ margin:0px 0px 30px 0px; }
.ceoTxt35												{ margin:10px 0px 10px 0px; word-break:break-all;}

.typo1													{ font-size:12px; font-weight:500; }
.typo1_1												{ font-size:14px; font-weight:300; }
.typo2													{ font-size:26px; font-weight:400; }
.typo3													{ font-size:50px; font-weight:600; }
.typo4													{ font-size:20px; font-weight:400; }
.typo5													{ font-size:35px; font-weight:500; }
.typo6													{ font-size:17px; font-weight:400; }
.typo7													{ font-size:16px; font-weight:400; }
.typo8													{ font-size:53px; font-family: 'Nanum Pen Script', cursive; }
.typo9													{ font-size:34px; }

.typo_color1 {color:#ff3300;font-weight:600;}

.line													{ position:relative; width:100%; border-top:1px solid #ddd; display:inline-block; margin:50px 0px; }
.line2													{ position:relative; width:100%; border-top:1px solid #ddd; display:inline-block; margin:15px 0px 15px 0px; }
.line3													{ position:relative; width:100%; border-top:1px solid #ddd; display:inline-block;  }
.line4													{ position:relative; width:100%; border-top:1px solid #ddd; display:inline-block; margin:3px 0px 8px 0px; }

.map_local {width:100%; height:500px; padding:0px 0 30px;}
.map_local iframe{width:100%; height:100%;}
.grayBox { position:relative; width:100%; display:inline-block; box-sizing: border-box; vertical-align:top; border:1px solid #ddd; background:#f7f7f7; padding: 30px; word-break:break-all;}

.dlType2											{ position:relative; width:100%; display:inline-block; vertical-align:top; }
.dlType2 dt,
.dlType2 dd												{ position:relative; width:100%; display:inline-block; vertical-align:top; padding:6px 0px; }
.dlType2 dd												{ margin:0px 0px 0px 0px; line-height:160%; }
.dlType2 dt a											{ color:#fd6879; }
.dlType2 dd a											{ color:#626262; }


.share_list{ margin-left:-25px;  overflow: hidden; *width:100%;  }
.share_list li{ float:left;  width:25%;  padding-bottom:20px;  }
.share_list li:first-child{ margin-left:0}
.share_list li dl { padding:0; margin-left:25px; border:0px solid #e7e7e7 ; position:relative; overflow:hidden; background:#fff}
.share_list li dl dt{  position:relative; overflow:hidden;  text-align:center; border:0px solid #b3b3b3; background:#1e5596; color:#fff; padding: 15px 0; box-sizing:border-box; font-size:17px; border-radius: 15px;}
.share_list li dl dd { margin:4% 0px;  overflow:hidden; position:relative; font-size:14px; height:105px; font-size:15px; line-height:26px; text-align:left; word-break:break-all; border-bottom:1px solid #b3b3b3;}


.port_list2{ margin-left:-25px;  overflow: hidden; *width:100%;  }
.port_list2 li{ float:left;  width:20%;  padding-bottom:30px; }
.port_list2 li:first-child{ margin-left:0}
.port_list2 li a{ color:#666;}
.port_list2 li dl { padding:0; margin-left:25px; border:0px solid #e7e7e7 ; position:relative; overflow:hidden; background:#fff}
.port_list2 li dl dt{  position:relative; overflow:hidden;  text-align:center; border:1px solid #dadada; box-sizing:border-box;  border-radius: 5%}
.port_list2 li dl dt img{ width:100%;  height:397px; object-fit: cover;}

.port_list2 li dl dd { margin:4% 4%;  overflow:hidden; position:relative; font-size:14px; height:70px; line-height:21px; text-align:center;}
.port_list2 li dl dd p{height:25px;line-height:1.8em}


table.list_tb { width:100%; border-collapse:0;  border-spacing:0;  border-top: solid 1px  #b3b3b3;  border-right: solid 1px  #b3b3b3; margin-top:10px; }
table.list_tb th { font-weight:bold; text-align:center;  border-bottom: solid 1px  #b3b3b3; font-size:16px; border-left: solid 1px  #b3b3b3;line-height:28px; padding:12px 0; background:#f6f6f6;}
table.list_tb td { text-align:center; font-weight:300; letter-spacing:-0.5px; padding:17px 2px; font-size:16px; color:#333; border-bottom: solid 1px  #b3b3b3; line-height:28px;  border-left: solid 1px  #b3b3b3; position:relative; word-break:break-all; }
table.list_tb td a { color:#333;}
table.list_tb td a:hover { color:#000; font-weight:bold;}
table.list_tb img {max-width:220px; width:90%;}



table.list_tb_2 { width:100%; border-collapse:0;  border-spacing:0;  border-top: solid 1px  #b3b3b3;  border-right: solid 1px  #b3b3b3; margin-top:10px; }
table.list_tb_2 th { font-weight:bold; text-align:left;  border-bottom: solid 1px  #b3b3b3; font-size:16px; border-left: solid 1px  #b3b3b3;line-height:28px; padding:13px 0px 13px 13px ;background:#f6f6f6;}
table.list_tb_2 td { text-align:left; font-weight:300; letter-spacing:-0.5px; padding:13px 0px 13px 13px; font-size:16px; color:#333; border-bottom: solid 1px  #b3b3b3; line-height:28px;  border-left: solid 1px  #b3b3b3; position:relative; word-break:break-all; }
table.list_tb_2 td a { color:#333;}
table.list_tb_2 td a:hover { color:#000; font-weight:bold;}
table.list_tb_2 img {max-width:220px; width:90%;}



/* 일반게시판 뷰, 쓰기 */
.ntb-tb-view {width:100%; border-top:2px solid #808080; padding:0; margin-top:10px; margin-bottom:30px; margin:0 auto; font-size:15px;}
.ntb-tb-view caption {visibility:hidden;}
.ntb-tb-view th {padding:17px; border-bottom: 1px solid #ddd; background-color:#f6f6f6; border-right: 1px solid #ddd; text-align:center; font-weight: bold; color:#333; line-height:22px; width:100px}
.ntb-tb-view td {padding:10px; border-bottom:1px solid #ddd; text-align:center; vertical-align:middle; line-height:22px; word-break:break-all; }
.ntb-tb-view td a {color:#666; word-break:break-all;}
.ntb-tb-view .view-info {margin:15px 5px;}
.ntb-tb-view .left {text-align:left; padding-left:10px; word-break:break-all;}
.ntb-tb-view .right {text-align:right; padding-left:10px;}
.ntb-tb-view .r_none {border-right:none;}
.ntb-tb-view .b_none {border-bottom:none;}
.ntb-tb-view .font_ip {font-size:8pt; color:#aaa;}
.ntb-tb-view .font_comcnt {color:#d33;}
.ntb-tb-view .font_comment {font-weight: bold; font-size: 11px; color: #ee2ea9;}
.ntb-tb-view .content-area {text-align:center; vertical-align:top; padding:10px; min-height:180px; }
.ntb-tb-view .sns-area {width:100%; text-align:right; padding:10px}
.ntb-tb-view .ip-area {width:100%; text-align:right;}
.ntb-tb-view-btn {position: relative; text-align:left; margin-top:10px; margin-bottom:30px;}
.ntb-tb-view-btn .btnr {position:absolute; right:0; top:0;}
.ntb-tb-view-comment {position: relative; margin-top:10px; margin-bottom:30px;}
.ntb-tb-view-reply {position: relative; margin-top:10px; margin-bottom:30px;}
.ntb-tb-view-reply th {min-width:100px !important}
.ntb-tb-view-prevnext {position: relative; margin-top:10px; margin-bottom:30px;}

/** .AXButton.Classic **/
.AXButton.Classic{
	border:0px solid #82898f;
	color:#fff; font-weight:600;
	background:#676767;
	padding:12px;
}
.AXButton.Classic:hover{
	border:0px solid #383f45;
	background:#545454;
	box-shadow:0px 1px 2px #2d2d2d inset;
	color:#ccc;
}
.AXButton.Classic:active{
	border:0px solid #454c56;
	background:#545454;
	box-shadow:none;
	color:#ccc;
}

.sub_port_list{ margin-left:-40px;  overflow: hidden; *width:100%; padding-bottom:10px;  }
.sub_port_list li{ float:left;  width:50%;  padding-bottom:50px; }
.sub_port_list li:first-child{ margin-left:0}
.sub_port_list li img { width:100%;}
.sub_port_list li dl { padding:0; margin-left:40px;  overflow:hidden; background:#fff}


.ntb-listbtn-area {text-align:right; padding:0px 0 10px 0;}

.calendar_title { position: relative; text-align: center; padding: 5px 0 25px 0;}
.calendar_title a { text-decoration: none; font-size: 14px;}
.calendar_title span { font-weight: 400; font-size: 23px; }

.calender_subject table { font-size:14px; width: 100%; }
.calender_subject table td { /* padding: 10px 6px 35px; */ padding: 10px 10px; border-bottom: 1px solid #ccc; text-align: left; font-weight: 600; position: relative;	width:14.28%; height:100px; vertical-align: top; }
.calender_subject table tr:first-child td {	font-size:14px;	border-bottom: 2px solid #333; text-align: center; padding: 10px 0px 10px 4px; color: #aeaeae; height:30px; font-weight: 700; }
.calender_subject table td p{ position: absolute; top: 40px; font-size: 10px; color: #ca3b3b; }

.write_contest {overflow-x:auto}
a.btn_cancel { font-size:13px; color:#fff; width:120px; line-height:28px; height:28px; border: solid 1px #2c2c2c; background:#4a4a4a; display:inline-block; text-align:center;  border-radius:2px; }


table.write_tb {width:100%; border-collapse:0;  border-spacing:0;border-top: solid 1px  #b3b3b3;  border-right: solid 1px  #b3b3b3; margin-top: 5px;}
table.write_tb th { padding:12px 0; border-bottom: solid 1px  #b3b3b3; text-align:center;  border-left: solid 1px  #b3b3b3; font-size:14px; background:#f6f6f6; font-weight:normal; width:12%;}
table.write_tb td { padding:12px 0 12px 10px;  border-bottom: solid 1px  #b3b3b3; font-size:14px; border-left: solid 1px  #b3b3b3; }
table.write_tb td.content {height:150px;vertical-align: top;}

@media(max-width: 1500px) {
    .sv .flex_box {
        padding: 0 40px;
    }
    .sub .s_tit p {
        font-size: 27px;
    }
    .sub .s_tit h3 {
        margin-bottom: 20px;
    }
    .sub .s_tit h4 {
        font-size: 28px;
        padding-top: 20px;
    }
    .greeting .list .txt p {
        margin-bottom: 15px;
    }
    .greeting .list .txt p:last-of-type {
        margin-top: 40px;
    }
    
    .biz .scon01 .list .item .txt {
        width: 73%;
    }
    .biz .scon01 .list .item .txt p br,
    .biz .scon01 .list .item .txt ul li br {
        display: none;
    }
    .biz .scon01 .list .item:nth-of-type(3) .txt {
        left: -20%;
        right: auto;
    }
    .parking .scon03 .list .txt p br {
        display: none;
    }
    .parking .scon03 .list .item {
        width: calc((100% - 60px) / 4);
        margin-right: 20px;
    }
    .parking .scon03 .list .item:last-of-type {
        margin-right: 0;
    }
    .parking .scon04 .item .txt ul li br,
    .parking .scon04 .item .txt p br {
        display: none;
    }
    .input_ctn dl dt {
        width: 150px;
    }
    .input_ctn dl dd {
        width: calc(100% - 150px);
    }
    .contact .map_ctn .addr {
        flex-wrap: wrap;
        margin-bottom: 30px;
    }
    .contact .map_ctn .addr ul {
        width: 100%;
        margin-top: 20px;
    }
    .contact .map_ctn .map_box {
        height: 500px;
    }

	.port_list2 li dl dt img{ width:100%;  height:300px; object-fit: cover;}
}


.bbsList {width:100%; margin:0px auto;}
.bbsList th,
.bbsList td{padding:15px 10px; border-bottom:1px solid #eaecf1;}
.bbsList thead th{padding:25px 10px; background:#222; font-size:15px; color:#fff; text-align:center;}
.bbsList td{color:#666; word-break:break-all; font-size:15px; line-height:23px; text-align:center;}
.bbsList tr.active td{background:#f0f6f8; color:#333 !important;}
.bbsList .none{text-align:center;}
.bbsList .reply{display:inline-block; position:relative; padding:0 7px; margin-right:5px; background:#fff; border-radius:3px; border:1px solid #365ec3; font-size:13px; color:#365ec3;}
.bbsList .reply:before,
.bbsList .reply:after{content:''; display:none; position:absolute; left:-10px; background:#41464e;}
.bbsList .reply:before{top:0px; width:1px; height:10px;}
.bbsList .reply:after{top:10px; width:10px; height:1px;}
.bbsList + .pagination{border-top-width:0px;}


#sub_3_img_box_1 {}
#sub_3_img_box_2 {display:none;}


.video-wrap {position:relative; padding-bottom:56.25%; height:0; overflow:hidden;}
.video-wrap iframe,
.video-wrap object,
.video-wrap embed {position:absolute; top:0; left:0; width:100%; height:100%;}


@media(max-width: 1320px) {

	.port_list2 li dl dt img{ width:100%;  height:240px; object-fit: cover;}
}

@media(max-width: 1200px) {
    .pt {
        padding-top: 80px;
    }
    .pad {
        padding: 80px 0 10px;
    }
    .sv {
        height: 360px;
        margin-top: 80px;
    }
    .sv .flex_box {
        padding: 0 16px;
        bottom: -37px;
    }
    .sv h2 {
        font-size: 100px;
    }
    .sub .s_tit.mb {
        margin-bottom: 40px;
    }
   
   /*  .sub .s_tit h4 span {
        font-size: 32px;
    } */
    .sub .s_tit h4 {
        font-size: 26px;
        padding-top: 0;
    }
    .greeting .list figure {
        width: 100%;
    }
    .greeting .list .txt {
        width: 100%;
        padding-left: 0;
        margin-top: 40px;
    }
    .greeting .list .txt p {
        font-size: 16px;
    }
    .greeting .list .txt p br {
        display: none;
    }
    .greeting .list::after {
        right: 0;
    }
   
    
    .biz .scon01 .list .item .txt {
        position: static;
        width: 100%;
        padding: 30px;
    }
    .biz .scon01 .list .item:nth-of-type(2),
    .biz .scon01 .list .item {
        margin-bottom: 100px;
    }

	.port_list2 li{ float:left;  width:25%;  padding-bottom:30px; }
	.port_list2 li dl dt img{ width:100%;  height:280px; object-fit: cover;}

	table.list_tb { width:100%;}
	table.list_tb td { font-size:14px; padding:12px 2px; }

	table.list_tb_2 { width:100%;}
	table.list_tb_2 th { font-size:13px;  padding:7px 2px; }
	table.list_tb_2 td { font-size:12px;  padding:7px 2px; }
	
    
}
@media(max-width: 1000px) {
    .sub .s_tit h3 {
        font-size: 25px;
        margin-bottom: 10px;
    }
    .overview .img_box p,
    .sub .s_tit p {
        font-size: 19px;
    }
    /* .sub .s_tit h4 span {
        font-size: 28px;
    } */
    .sub .s_tit h4 {
        font-size: 20px;
    }

	.port_list2 li{ float:left;  width:33.33%;  padding-bottom:30px; }
	.port_list2 li dl dt img{ width:100%;  height:320px; object-fit: cover;}


	.share_list li{ float:left;  width:50%;  padding-bottom:20px;  }
	.share_list li dl dt{  font-size:16px; border-radius: 15px;}
	.share_list li dl dd { font-size:15px; line-height:22px; text-align:left; word-break:break-all; border-bottom:1px solid #b3b3b3;}

	.calender_subject table { font-size:14px; width: 1000px; }

		
}
@media(max-width: 800px) {
    .sv {
        height: 260px;
    }
    .sv h2 {
        font-size: 80px;
    }
    .sv .flex_box {
        bottom: auto;
        justify-content: center;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .sv .tab_nav {
        display: none;
    }

	

	.map_local{height:400px;}


	.typo1													{ font-size:12px; font-weight:500; }
	.typo1_1												{ font-size:14px; font-weight:300; }
	.typo2													{ font-size:26px; font-weight:400; }
	.typo3													{ font-size:50px; font-weight:600; }
	.typo4													{ font-size:16px; font-weight:400; }
	.typo5													{ font-size:35px; font-weight:500; }
	.typo6													{ font-size:15px; font-weight:400; }
	.typo7													{ font-size:15px; font-weight:400; }
	.typo8													{ font-size:53px; font-family: 'Nanum Pen Script', cursive; }
	.typo9													{ font-size:24px; }

	.txt_lineheight {line-height:160%;}

	#sub_3_img_box_1 {display:none;}
	#sub_3_img_box_2 {display:block;}
	.sub_port_list li{ float:none;  width:100%;  padding-bottom:30px; }

    
    
}
@media(max-width: 640px) {
	.port_list2 li{ float:left;  width:50%;  padding-bottom:30px; }
	.port_list2 li dl dt img{ width:100%;  height:270px; object-fit: cover;}
    .sv h2 {
        font-size: 60px;
    }

	.ntb-tb-view {font-size:13px;}

	.bbsList thead th{padding:15px 10px; font-size:14px; color:#fff; text-align:center;}
	.bbsList td{color:#666; word-break:break-all; font-size:13px; line-height:22px; text-align:center;}

	.share_list li{ float:left;  width:100%;  padding-bottom:20px;  }
	.share_list li dl dd { font-size:14px; height:65px; line-height:21px; text-align:left; word-break:break-all; border-bottom:1px solid #b3b3b3;}

    
}