@charset "UTF-8";
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../font/fa-regular-400.eot");
  src: url("../font/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../font/fa-regular-400.woff2") format("woff2"), url("../font/fa-regular-400.woff") format("woff"), url("../font/fa-regular-400.ttf") format("truetype"), url("../font/fa-regular-400.svg#fontawesome") format("svg"); }
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../font/fa-solid-900.eot");
  src: url("../font/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../font/fa-solid-900.woff2") format("woff2"), url("../font/fa-solid-900.woff") format("woff"), url("../font/fa-solid-900.ttf") format("truetype"), url("../font/fa-solid-900.svg#fontawesome") format("svg"); }

.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
   }
.fa-times:before { content: "\f00d"; }
.fa-chevron-down:before {content: "\f078"; }
#wrap{position:relative;overflow: hidden}
#conFullPage .section{background-position: center; background-size: cover}

.page_title{font-size:90px; color: #fff;font-weight:700; line-height: 90px; letter-spacing: -1px;/* text-shadow: 7px 7px 0px rgba(0,0,0,0.2); */}
.t_point{color: #fff;display: block}

.top_btn{background: #6bd359;display:block;font-weight:600;color: #fff;font-size:30px;text-align: center;width: 200px;height:122px;line-height: 122px;position: absolute;left: 520px;top: 0;border-radius: 10px;}
.grid{display: grid;grid-template-columns: 400px 400px;grid-template-rows: auto; max-width: 1600px; margin: 0 auto}
ul{padding-left: 0;}
.contents{width: 100%;margin: 0 auto;height: 100%;position: relative;z-index: 2;}
.sec_cont{max-width: 1600px; position: relative; text-align: left; margin:0 auto; }
.sec_cont .grid{padding-top: 100px}
.go_detail_box{text-align: left;width: 345px; }
.go_detail_title{color: #fff;font-size: 36px; font-weight: 700; margin-bottom: 10px }
.go_detail_info{color: #fff; font-size:18px;  font-weight: 400; margin-bottom: 20px  }
.gbox1 .go_detail_btn{position:relative;color: #fff; font-size:20px; line-height:53px; background: none; display: block; width: 280px; height: 53px; border:1px solid #fff; padding: 0 20px; }
.gbox2 .go_detail_btn{position:relative;color: #fff; font-size:20px; line-height:53px; background: none; display: block; width: 280px; height: 53px;border:1px solid #fff; padding: 0 20px;  }
.gbox1 .go_detail_btn i,.gbox2 .go_detail_btn i{position: absolute; right:  20px; top: 0px}

.sec01{position:relative;background:#00003c;}
.sec01_inner{max-width:1600px; width: 100%; padding:210px 0 309px 0}

.sec02{background: #fff}
.sec02 .contents{max-width:1200px;padding:145px 0 ; height: auto;}
.sec02 .sec_cont{ width: 100%; margin:0 auto; }
.sec02 .sec_top{width:100%; margin:0 auto; position: relative; overflow: hidden;}
.sec02 .sec_top .page_title{font-size:60px;color:#333;text-align:center;font-weight:700;letter-spacing:-2px;  margin:0}
.sec02 .t_info{padding-top:10px;font-size:24px;text-align:center;line-height:40px;letter-spacing:-1.3px;color:#333}

.sec02 .sec_tab{float: right;}
.sec02 .sec_tab ul:after{content: ''; display: block; clear: both;}
.sec02 .sec_tab ul li{float: left;text-align: center;position: relative;}
.sec02 .sec_tab ul li a{display: block;padding: 14px 30px;font-size: 20px;font-weight: 500;color: #47494a;margin:0 10px;background: #fff;/* border: 1px solid #47494a; */border-radius:30px;}
.sec02 .sec_tab ul li.on{border-color: #47494a;transition: .6s;transition: .6s; border: none;}
.sec02 .sec_tab ul li.on a{color: #fff;transition: .6s;font-weight: 700;background: linear-gradient(91deg, rgb(26 181 202 / 1), rgb(15 114 218));}
.sec02 .sec_tab ul li::after{content:'';display:block;border-right: 1px solid #47494a; position: absolute; right: 0 ; top: 0}

.sec03{border-top:1px solid #999;}
.sec03 .contents{max-width:1200px;padding:60px 0 60px !important;}
.sec03 .sec_cont{ width: 100%; margin:0 auto; }
.sec03 .sec_top{width:100%; margin:0 auto; position: relative; text-align: center; }
.sec03 .sec_top .page_title{font-size:60px;color:#333;text-align:center;font-weight:700;letter-spacing:-2px}
.sec03 .t_info{padding-top:10px;font-size:24px;text-align:center;line-height:40px;letter-spacing:-1.3px;color:#333}

.sec03 .sec_tab ul:after{content: ''; display: block; clear: both;}
.sec03 .sec_tab ul li{float: left;width: 33.3%;text-align: center;background: #f0f0f0;border-top: 1px solid #d6d6d6;border-bottom: 1px solid #47494a;border-left: 1px solid #d6d6d6; position: relative;}
.sec03 .sec_tab ul li:last-child{border-right: 1px solid #d6d6d6;}
.sec03 .sec_tab ul li a{display: block;padding: 14px 10px;font-size: 16px;font-weight: 500;color: #9b9b9b;}
.sec03 .sec_tab ul li.on{background: #fff;border-color: #47494a;transition: .6s;border-bottom: none;border-right: 1px solid #47494a}
.sec03 .sec_tab ul li.on a{color: #47494a; transition: .6s;}
.sec03 .sec_tab ul li::after{content:'';display:block;border-right: 1px solid #47494a; position: absolute; right: 0 ; top: 0}

.sec04{background: #242a35; position: relative;}
.sec04 .contents{max-width:1200px;padding:60px 0 60px !important;}
.sec04 .sec_cont{ width: 100%; margin:0 auto; }
/* .sec04::before{content:'';position: absolute;background: #333a45;top:0px;height:260px;width: 100%;left: 0;} */
.sec04 .sec_top{width: 100%; margin:0 auto; position: relative; text-align: center; margin-bottom: 50px}
.sec04 .sec_top .page_title{font-size:60px;text-align:center;font-weight:700;letter-spacing:-2px}
.sec04 .t_info{font-size: 24px; color: #fff;letter-spacing:-1.3px;line-height:40px;}

.cont_box{width: 100%; height:auto; margin: 20px 0 30px; border:1px solid #d6d6d6;}
.cont_box img{width: 100%; height: auto}
.cont_info_title{font-size: 42px; color: #333; font-weight: 700; position: relative;}
.cont_info_title::before{content:''; height: 3px; width: 35px; position: absolute; top: 0px ; left: 2px; background: #fff}
.cont_info_detail{color: #333; font-size: 18px; line-height: 30px}
#fp-nav ul li a span, .fp-slidesNav ul li a span{background: #6bd359  !important; left:-5px;}
#fp-nav ul li .fp-tooltip{color: #6bd359; font-family:'NanumSquareRoundB';}

.tab_info:focus{outline:none !important;}
.modal_back{background: rgba(0, 0, 0, 0.5);position: absolute;top:0; left: 0; right: 0; bottom: 0;z-index: 99}
.control-label{color: #fff;font-size: 16px; font-weight: 600; display: inline-block;max-width: 100%;margin-bottom: 5px;}
.form-group{ margin-bottom: 15px}
.form-control{display:block; width: 100%}
.form-inline {padding-right: 73px; position: relative;}
.form-inline .form-control{display: inline-block; margin-right: 73px}
.search_ent{text-align:center;position: absolute ; right:0; top:0;display: inline-block;padding:9px; height:40px;background: #00a7e1; color: #fff; width: 73px}
.radio, .checkbox{position: relative; display: block}
.radio label, .checkbox label{cursor: pointer;vertical-align: middle;}
.checkbox-styled{color: #fff; margin-bottom: 10px}

label.chk_box:before {content: "\f0c8";font-family: "Font Awesome 5 Free";font-size: 20px; }
input.r_chk:checked + label.chk_box:before {content: "\f14a";font-size: 20px; }
input.r_chk {display: none}
.chk_label{font-size: 16px; font-weight: 600; margin-left: 10px; vertical-align: middle;}

.reservation_btn{margin: 50px auto 0;display:block; height:56px;background: #107dcc; font-size: 24px; font-weight: 700; padding:10px 30px; color:#fff;}


.popup{position: absolute; z-index:99;width: 680px; height: 500px; left: 50%; top: 50%; margin-left: -340px; margin-top: -250px; background: #fff;z-index: 999}
.popup_header{padding: 14px 20px;background: #107dcc;color: #fff;font-size: 18px; position: relative;}
.popup_close{position: absolute; right: 0px; top:2px; color: #fff; padding:13px 20px;}
.popup_cont{padding:20px;}
.popup_cont .control-label{color: #666; font-weight: 700; }
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing: 0 5px;border:0;border-top:1px solid #222;border-bottom:1px solid #ddd;} 
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.basic_tbl_head {margin:0 0 40px;}
.basic_tbl_head caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.basic_tbl_head thead th {padding:10px 0;font-size:16px;font-weight:normal;text-align:center;border-bottom:1px solid #ddd;background:#fff;height:49px}
.basic_tbl_head thead th input {margin-top:6px;vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.basic_tbl_head tfoot th, .basic_tbl_head tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.basic_tbl_head tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8}
.basic_tbl_head td {font-size:15px;color:#666;padding: 8px 3px;border-top:1px solid #e8e8e8;line-height:1.4em;height:40px;word-break:break-all;}
.basic_tbl_head tbody tr:hover td{background:#fafafa;}
.basic_tbl_head a:hover {text-decoration:underline}
.basic_tbl_head tbody td{text-align: center}

#footer{width: 100%;background:#f4f4f4}
#footer .footer_inner{max-width:1200px; margin:0 auto; padding:40px 0 40px; }
.footer_top{border-bottom: 1px solid #e4e4e4; background: #efefef; text-align: center}
.footer_top ul{max-width:1200px; margin:0 auto;padding:15px 0 10px;}
.footer_top li{display:inline-block;width: 30%;text-align: center}

.footer_middle{padding: 20px; text-align: center;}
.footer_bottom span{display: block;text-align: center;}
.copyright{text-align: center; font-size: 12px; color:#969696; margin-top: 8px}

#menu li {
	display:inline-block;
	margin: 10px;
	color: #000;
	background:#fff;
	background: rgba(255,255,255, 0.5);
	-webkit-border-radius: 10px;
            border-radius: 10px;
}
#menu li.active{
	background:#666;
	background: rgba(0,0,0, 0.5);
	color: #fff;
}
#menu li a{
	text-decoration:none;
	color: #000;
}
#menu li.active a:hover{
	color: #000;
}
#menu li:hover{
	background: rgba(255,255,255, 0.8);
}
#menu li a,
#menu li.active a{
	padding: 9px 18px;
	display:block;
}
#menu li.active a{
	color: #fff;
}
#menu{
	position:fixed;
	top:0;
	left:0;
	height: 40px;
	z-index: 99;
	width: 100%;
	padding: 0;
	margin:0;
}

/* PC-Mobile 공통영역 */
header.gnb h1 a{position: absolute;z-index: 9;top: 17px;display: block;width: 120px;height: 23px;background: url(../images/logo_compa.png) no-repeat 0 0 / auto 23px;text-indent: -9999px;transition: .3s;}
header.gnb.logo-white a{color: rgba(255,255,255,.8);}
header.gnb.on a{color: #555;}
.section.sec01 .video-area{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
.section.sec01 .video-area video{position: absolute;top: 50%;left: 50%;min-width: 100%;min-height: 100%;transform: translate(-50%,-50%);}
.section .titWrap{position: absolute; lefT: 50%; transform: translateX(-50%); z-index: 2; width: 1340px; text-align: left;}
.section .titWrap h2{font-size: 56px; line-height: 108px; color: #fff;}
.section .titWrap P{font-size: 24px;  line-height: 36px;}
.sec01 .titWrap{top: 50%; transform: translate(-50%,-50%);}

/* GNB */
header.gnb{position: fixed;z-index: 99;top: 0;left: 0;width: 100%;transition: .3s;}
header.gnb.bg-white{background-color: #fff;}
header.gnb h1{position: relative;width: 1170px;margin: 0 auto;}
header.gnb h1 a{left: -9px;}
header.gnb.nav-gnb-transparent{background-color: transparent;}
header.gnb:before{content: "";display: block;position: absolute;z-index: 9;top: 61px;height: 1px;width: 100%;background-color: rgba(166, 166, 166, .2);}
header.gnb:after{content: "";display: block;position: absolute;top: -1px;right: 0;left: 0;height: 0;border-bottom: 1px solid transparent;background-color: #fff;transition: .3s;}
header.gnb nav{width: 920px;margin: 0 auto;}
header.gnb nav .inner-gnb{display: flex;position: relative;z-index: 9;width:450px;transform: translateX(172px); float: right;}
header.gnb nav .depth{position: relative;width: 153px;text-align: center;}
header.gnb nav .depth:first-child:before{content:"";display: block;position: absolute;top: 62px;left: 0;bottom: 0;width: 1px;border-left: 1px solid #e8e8e8;opacity: 0;transition: .3s}
header.gnb nav .depth:after{content:"";display: block;position: absolute;top: 62px;right: 0;bottom: 0;width: 1px;border-left: 1px solid #e8e8e8;opacity: 0;transition: .3s}
header.gnb nav .depth.not-submenu:after{content:none;}
header.gnb nav a{display: block;position: relative;width: 100%;height: 62px;color: #000;line-height: 58px;}
header.gnb nav a:hover{font-weight: 500;}
header.gnb nav .depth > button{display: none;}
header.gnb nav .depth > a:after{content: "";display: block;position: absolute;bottom: 0px;width: 62px;height: 2px;background-color: transparent;left: 50%;transform: translateX(-50%);transition: .3s;}
header.gnb nav .depth > a.current{color: #000;}
header.gnb nav .depth > a.current:after{background-color: #000;}
header.gnb nav .depth:nth-child(3) > a.current:after{width: 88px;}
header.gnb .depth2{overflow: hidden;width: 100%;height: 0;}
header.gnb .depth2 a{position: relative;padding: 11px 0;height: auto;color: #666;font-size: 15px;font-weight: normal;line-height: 1;}
header.gnb .depth2 a:hover{color: #000;font-weight: 500;}
header.gnb .depth2 a.current{color: #000;font-weight: 500;}
header.gnb .depth2 a:first-child{margin-top: 34px;}
header.gnb .depth2 a[target="_blank"]:after{content: "";display: inline-block;margin: 0 -4px 0 4px;width: 15px;height: 15px; vertical-align: -2px;}
header.gnb.on:after{top: 0;height: 328px;border-bottom: 1px solid #e8e8e8;}
header.gnb.on nav .depth:first-child:before{opacity: 1;}
header.gnb.on nav .depth:after{opacity: 1;}
header.gnb.on .depth2{height: 266px;transition: .3s;}
header.gnb .btn-gnb{display: none;}
header.gnb nav a{color: rgba(255,255,255,1);}

.intro_detail_list ul{overflow: hidden;padding-left: 0;}
.intro_detail_list li{float:left;display: table;width: calc(24% - 6px);margin: 0.5%;}
.intro_detail_list li .intro_detail_box{position:relative;text-align: center;font-size: 0.8em;width: 100%;height: 100px;transition: all 0.5s;letter-spacing:-1px;padding:8px;vertical-align: middle;display: table-cell;border-radius: 5px;background: rgb(232 241 255 / 60%);}
.intro_detail_list li .intro_detail_box span{font-size: 1.2em; line-height: 20px !important;}
.intro_detail_list li .intro_detail_box:hover{ box-shadow: 0px 10px 10px rgb(0 0 0 / 13%);}
.intro_detail_list li .intro_detail_box .label_01{border: 1px solid #4659da;color: #4659da;font-size: 0.6em;padding: 0px 10px;border-radius: 5px 0 5px;height: 20px;line-height: 20px;background: #fff; margin-bottom: 10px;display:inline-block}
.cont_info_text{font-size: 1em; text-align: center;}
header.gnb.bg-black{background-color: #1284d6;}

.with-linear-gradient {
  border-style: solid;
  border-width: 1px;
  border-image: linear-gradient(180deg, rgb(26 181 202 / 30%), rgb(15 114 218 / 30%)) 1;
}

.back2{
  width: 700px; height: 1200px; background:  url(../images/back2.png) no-repeat ; position: absolute; right:0; top: 100px;
}
.back3{
  width: 700px; height: 1200px; background:  url(../images/back3.png) no-repeat ; position: absolute; left:0;
}
.back4{
  width: 520px; height:480px; background:  url(../images/back4.png) no-repeat ; position: absolute; right:-100px; top: 460px;
}
@keyframes wave {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -1600px;
  }
}
@keyframes swell {
  0%, 100% {
    transform: translate3d(0, -25px, 0);
  }
  50% {
    transform: translate3d(0, 5px, 0);
  }
}


.half_background {
  background: linear-gradient(to top, #e6f4ff 50%, transparent 50%);
}

/* tabs */
.tab_ui{margin-bottom:44px; text-align: center;}
.tab_ui ul{display:block;margin: 40px 0 80px;}
.tab_ui li{height: 54px;font-size:18px;text-align:center; margin: 0 30px;transition: .3s; display: inline-block;}
.tab_ui li.on{position: relative;font-size:18px;color:#1284d6;font-size:24px;border-bottom: 2px solid #1284d6; font-weight: 600;}
.tab_ui li span{display:table;width:100%;height:54px;}
.tab_ui li a{display:table-cell;padding:0 8px;vertical-align:middle; color: inherit;}


/* info - history */
.history_ui .h_items{position:relative;}
.history_ui .h_items:before{content:'';display:block;position:absolute;top:0;left:50%;width:1px;height:100%;background:#0f72da}
.history_ui .h_item{margin:30px 0 40px}
.history_ui .h_item h3{position:relative;padding-left:55px;font-size:36px;color:#222;line-height:1;margin-bottom:1rem;}
.history_ui .h_item h3:before{content:'';position:absolute;top:50%;left:0;margin-top:-7px;display:inline-block;border:1px solid #0f72da;width:15px;height:15px;border-radius:100%; background: #fff;}
.history_ui .h_item p{padding-left:35px;overflow: hidden;margin:0.1rem 0;color:#444}
.history_ui .h_item p span{vertical-align:middle;}
.history_ui .h_item .h_tx{float:left;margin-left:20px;width:90%;margin-top:7px}
.history_ui .h_item .h_tx span{display:block;margin-bottom:0.35rem}
.history_ui .h_item .h_mm{float:left;font-size:24px;color:#888;font-weight:900}
.history_ui .h_items .h_left{width:50%;text-align:right;position:relative;right:-9px}
.history_ui .h_items .h_left h3{padding-left:0;padding-right:55px}
.history_ui .h_items .h_left h3:before{left:inherit;right:0}
.history_ui .h_items .h_left p{padding-left:0;padding-right:35px}
.history_ui .h_items .h_left .h_mm{float:right}
.history_ui .h_items .h_left .h_tx{float:right;margin-left:0;margin-right:20px;}
.history_ui .h_items .h_right{position:relative;left:-8px;width:50%;margin-left:50%;}

.tab_info{margin:40px 0}
.tab_info h2{text-align: center; font-size:2.250em; padding:20px 0 20px; position: relative; margin-top: 100px;}
.sec_tab_cont .tab_info:first-child h2{ margin-top: 0px;}
.tab_info h2::before{content:'';height: 2px;width: 50px;position:absolute;top: 5px;margin-left:-25px;background: #000;left: 50%;}

.anim_01{opacity:0;transform:translateY(50px);transition-property: all;transition-duration: 0.8s;-webkit-transform:translateY(50px);-webkit-transition-property: all;-webkit-transition-duration: 0.8s;}
.delay01{transition-delay:0.1s;-webkit-transition-delay:0.3s;}
.delay02{transition-delay:0.3s;-webkit-transition-delay:0.6s;}
.delay03{transition-delay:0.5s;-webkit-transition-delay:0.9s;}
.delay04{transition-delay:0.7s;-webkit-transition-delay:1.2s;}
.delay05{transition-delay:0.9s;-webkit-transition-delay:1.5s;}
.delay06{transition-delay:1.2s;-webkit-transition-delay:1.8s;}

.section.motion .anim_01{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);}

.intro_detail_list2 ul{overflow: hidden; padding-left: 0;}
.intro_detail_list2 .slick-track{padding:50px 0}
.intro_detail_list2 li{float:left; }
.intro_detail_list2 li .intro_detail_box{position:relative;text-align: center;font-size:1em;transition: all 0.5s;letter-spacing:-1px;padding:8px;border-radius: 5px; margin:0 5px; height: 50px; }
/* 
.intro_detail_list2 li .intro_detail_box:hover{ box-shadow: 0px 10px 10px rgb(0 0 0 / 13%);} */
.intro_detail_list2 li .intro_detail_box .label_01{border: 1px solid #4659da;color: #4659da;font-size: 0.6em;padding: 0px 10px;border-radius: 5px 0 5px;height: 20px;line-height: 20px;background: #fff; margin-bottom: 10px;display:inline-block}

.intro_detail_box_inner{display: table;background: #f6f6f6; border-radius: 5px; }
.intro_detail_box_inner span{display: table-cell; text-align: center; vertical-align: middle; height: 80px; width:190px; padding: 0 10px;}
.sec03 .slick-list{
  padding-top: 30px;
}
.intro_detail_box_inner {
  position: relative;
  /* width: 14.9rem; */
  height:5rem;
  display: block;
  transition: all .3s;
}
.slick-slide .intro_detail_box_inner{
  transition: all .3s;
}
.slick-current .intro_detail_box_inner{
  margin-top: -2.5rem;
  box-shadow: 1rem 1rem 1.5rem #c3c3c3;
  border: 1px solid #4659da;color: #4659da;
  background: rgb(232 241 255 / 60%);
}

.intro_detail_box_inner .img {
  position: absolute;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.intro_detail_box_inner .img img {
  width: 100%;
  height: 100%;
}

.intro_detail_box_inner .tit small {
  display: block;
  text-align: center;
  color: #fff;
  font-size: 1.2rem;
  font-family: "Montserrat";
  opacity: .5;
}
.intro_detail_box_inner .tit span {
  display: block;
  text-align: center;
  color: #000;
  font-size: 1.2rem;
}
.slick-current .intro_detail_box_inner:before {
  transform: scale(1);
  opacity: .4;
}
.slider-for .slider_detail_box{
     
}
.slider-for h3{
  font-size:2rem;
  margin:0;
  color: #0070c0;
  margin-bottom: 20px ;
}
.slider_detail_title{
  margin: 0 0 10px
}
.slider_detail_list li{
  float:inherit;
}
.sec03{
  background-size: cover;
}
.iso_box{
  width: 1200px;
  height: 430px;
  padding-top: 20px;
  background-repeat: no-repeat;
  background-position:right bottom;
  border-top: 4px solid #0070c0;
}
.cont_map .map_info{padding:30px;-moz-box-sizing:border-box;box-sizing:border-box; background: #fff;}
.cont_map .map_info .map_addr{text-align:center; width: 100%}
.cont_map .map_info .map_addr > strong{line-height:38px;font-size:24px;}
.cont_map .map_info .map_addr .tel{font-size:16px;color:#666;}
.cont_map .map_info .map_addr .tel strong{display:inline-block;margin:0 5px 0 0;color:#333;}
.cont_map .map_info .map_addr .tel em{font-weight:normal;color:#ddd;}
.cont_map .map_info .map_traffic{margin-top:19px;background-color:#f9f9f9;}
.cont_map .map_info .map_traffic ul{overflow:hidden;}
.cont_map .map_info .map_traffic ul li{ float:left;width: 40%; text-align:left;padding:25px 25px 25px 70px;text-align:center;-moz-box-sizing:border-box;box-sizing:border-box;}
.cont_map .map_info .map_traffic ul li:last-child{width: 60%}
.cont_map .map_info .map_traffic ul li dl{position:relative;padding-left:70px;}
.cont_map .map_info .map_traffic ul li dl.subway:before{content:"";position:absolute;top:32px;left:0;width:60px;height:60px;margin-top:-30px;background:url(../images/ico_map_subway_pc.png)no-repeat;}
.cont_map .map_info .map_traffic ul li dl.bus:before{content:"";position:absolute;top:32px;left:0;width:60px;height:60px;margin-top:-30px;background:url(../images/ico_map_bus_pc.png)no-repeat left top;}
.cont_map .map_info .map_traffic ul li dl dt{font-size:16px;font-weight:600;color:#000;text-align:left;}
.cont_map .map_info .map_traffic ul li dl dd{margin-top:8px;font-size:16px;color:#666;text-align:left;}
#footer{position:relative;height:150px;background-color:#363636;}
.footer_inner{padding: 40px 20px}
.footer_inner .footer_addr{max-width:1080px;margin:0 auto;}
.footer_inner .footer_addr p{ color: #9c9c9c; font-size: 13px; line-height: 24px; margin:0; padding:0 }
.footer_inner .footer_addr p a{ color: #9c9c9c;}
.footer_inner .f_logo{margin-top: 20px}
.lta{float:left}
.rta{float:right}
.slider_detail_list{width: 500px;}

.ai_box .ai_left{
    display: inline-block;
    vertical-align: top;
    width: 150px;
    font-size: 14px;
    color: #333;
    letter-spacing: -0.6px;
    padding-right: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #d5f2ff;
    padding: 10px;
    border-radius: 10px;
    text-align: center;
}
.ai_box .ai_right {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 200px);
  font-size: 16px;
  color: #606167;
  padding: 7px 0 3px;
}

.table {
  width: 100%;
  table-layout: fixed;
  margin-top: 20px;
}

.table tr:first-child {
  border-top: 1px solid #333;
}
.table table thead th {
  border-bottom: 1px solid #333;
}

.table table th {
  border-bottom: 1px solid #efefef;
  color: #333;
  text-align: center;
  font-weight: 600;
  padding: 7px ;
}

.table table td {
  border-bottom: 1px solid #efefef;
  color: #606167;
  letter-spacing: -0.1px;
  text-align: center;
  padding: 7px ;
}

.ai_detail_wrap{
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid #ddd;
}

.ai_detail_box{
  background: #f6f6f6;
  border-radius: 0;
  padding: 20px;
  margin-top: 10px;
  border-radius: 10px;
}
.ai_p{
  margin-top: 0;
  font-size: 16px;
}
.ai_d_h4{
  margin-top: 0;
  font-size: 16px;
}
.ai_detail_box .img{
  text-align: center;
  
}
.ai_detail_box .img img{
  max-width: 660px;
  width: 100%;

}



@media screen  and (max-width: 1440px) and (min-width: 1024px){
    .sec01{background-size:auto 100%}
    .sec01 .contents{padding:16.328vw 0 24.141vw 2.813vw}
    .page_title{font-size: 6.25vw}
    .top_btn{font-size:2.083vw; width: 13.88vw;left:36.111vw; }
    .sec01 .t_info{margin-top:1.388vw;font-size:2.083vw}
    .go_detail_title{font-size: 2.5vw; margin-bottom: 0.694vw}
    .grid{grid-template-columns:27.77vw 27.77vw ;}
    .go_detail_box{width:23.958vw }
    .go_detail_info{font-size: 1.25vw;margin-bottom:1.388vw;}
    .gbox1 .go_detail_btn,.gbox2 .go_detail_btn{font-size:1.388vw;line-height:3.68vw; height:3.68vw; width: 19.444vw}
    .sec_cont{padding-left: 2vw; padding-right: 2vw}
}
@media (max-width:1023px){
     .contents{padding-left:15px;padding-right:15px;}
     .fp-tooltip{display: none !important}
    .sec01{width: 100%; min-width: 300px; height:auto !important;background:#0078ff url(../images/m_sec01_bg.png) no-repeat;background-position:center 215px;background-size:275px auto}
    .fp-tableCell{height: auto !important}
    .sec01 .sec_top{display:block;width: 100%; min-width: 300px; padding:0px 0 50px; text-align: center }
    .sec01 .contents{height:100%;padding:30px 0 50px;color:#fff;text-align:center}
    .page_title{font-size:41px;line-height:41px;font-weight:700;letter-spacing:-.6px}
    .sec01 .t_info{font-size: 20px;margin-top: 10px}
    .top_btn{position:static; height: 40px; line-height: 40px; width: 300px; margin:0 auto; font-size: 18px; margin-top: 20px }
    .go_detail_box{width: 256px; font-size:20px; text-align: center; margin:0 auto;}
    .go_detail_title{ font-size:20px}
    .go_detail_info{ font-size:14px}
    .gbox1 .go_detail_btn,.gbox2 .go_detail_btn{ font-size:14px; height: 40px; line-height: 40px; padding:0 10px; width: 256px}
    .go_detail_btn i{display:none}
    .grid{display: inline-block; min-width: 300px; margin:0 auto;text-align: center }
    .sec_cont{text-align: center}
    .sec_cont .grid{padding-top: 280px}
    .grid_box{margin-top: 30px}

    .sec02,.sec03,.sec04{width: 100%; min-width: 300px; height:auto !important;}
    .sec02 .contents{padding:30px 15px 30px !important }
    .sec02 .sec_cont{ width:100%; }
    .sec02 .sec_top{width: 100%; margin:0 auto; position: relative; text-align: center; height:auto; padding-bottom: 30px}
    .sec02 .sec_top .page_title{padding-top:0px; font-size: 30px;}
    .sec02 .t_info{font-size: 14px; letter-spacing: -1px; margin-top: 0; line-height:18px }
    .sec02 .sec_tab ul li{float: left;width: 32.8%;margin:0.25%;border: 1px solid #d6d6d6;}
    .sec02 .sec_tab ul li a{font-size: 13px; padding:8px 0px;}
    .sec02 .sec_tab ul li.on{border-bottom: 1px solid #47494a;}
    .sec03 .sec_tab ul li{float: left;width: 32.8%;margin:0.25%;border: 1px solid #d6d6d6;}
    .sec03 .sec_tab ul li.on{border-bottom: 1px solid #47494a;}
    .sec03 .sec_tab ul li a{font-size: 13px; padding:8px 0px;}
    .cont_info_title{font-size: 20px}
    .cont_info_detail{font-size: 14px; line-height: 20px}

    .sec03 .contents{padding:30px 15px 30px !important }
    .sec03 .sec_cont{ width:100%; }
    .sec03 .sec_top{width: 100%; margin:0 auto; position: relative; text-align: center; height:auto; padding-bottom: 30px}
    .sec03 .sec_top .page_title{padding-top:0px; font-size: 30px;}
    .sec03 .t_info{font-size: 14px; letter-spacing: -1px; margin-top: 0; line-height:18px }
    .cont_box{margin-bottom: 20px}
    .cont_info_title{margin-bottom: 10px}
    .sec04 .contents{padding:30px 15px 30px !important }
    .sec04 .sec_cont{ width:100%; }
    .sec04 .sec_top{width: 100%; margin:0 auto; position: relative; text-align: center; height:auto; padding-bottom: 30px}
    .sec04 .sec_top .page_title{padding-top:0px; font-size: 30px;}
    .sec04 .t_info{font-size: 14px; letter-spacing: -1px; margin-top: 0; line-height:18px }
    .form-group,.checkbox-styled{text-align: left}

    .popup{position: absolute;width:auto; margin-top:0; margin-left:0;height: 500px;background: #fff; left: 10px; top: 50px; right: 10px}
    .popup_header{padding: 14px 20px;background: #107dcc;color: #fff;font-size: 18px; position: relative;}
    .popup_close{position: absolute; right: 0px; top:2px; color: #fff; padding:13px 20px;}
    .popup_cont{padding:20px;}
    .popup_cont .control-label{color: #666; font-weight: 700; }
    .basic_tbl_head thead th{font-size: 14px; height: 39px; padding:5px 0;}
    .basic_tbl_head td{font-size: 13px; padding:5px 2px; height: 39px;}
    .footer_top li{margin:0 2%; width: 28%}
    .footer_top li img { width: 100%; height: auto }

    .footer_top ul{padding:20px 0 10px;}

}