@charset "utf-8";
@import url(common.css);/*공통*/
@import url(sub.css);/*컨텐츠 */
@import url(animated.css);/*애니메이션 */

#kboard-default-editor input { /* width: auto; */ /* height: auto; */ box-shadow: none; }

/*아이폰에서 input 라운드 없애기*/
input,button {border-radius:0;-webkit-appearance:none}

/*아이폰에서 input 라운드 없앴을때 크롬에서 체크박스가 사라지는 현상 대처하기*/
input[type="checkbox"] {-webkit-appearance:checkbox; -moz-appearance:checkbox;}
input[type="radio"] {-webkit-appearance:radio; -moz-appearance:radio;}

#wrap {position:relative;overflow:hidden;min-width:1400px; background:#fff}

/*마우스 드래그 배경색*/
::-moz-selection{background:#0076da;color:#fff}
::selection {background:#0076da;color:#fff}


/*-----------------------------------------------헤더 영역-----------------------------------------------*/
#header_wrap {position: absolute;top:0;left: 0;width: 100%;display: block; z-index:100}
#header {position:relative;display:block;margin:0 auto; width:1200px;height:140px; padding-top:30px;}

.top_gnbBox {text-align:right; margin-bottom:20px;}

.gnbBox, .snsBox  {display:inline-block; }
.gnbBox {margin-right:20px}
.gnbBox li {display:inline-block; margin-left:8px; font-weight:700}
.gnbBox li a {/*color:#999*/color:#fff}

/*서브용*/
.gnbBox_sub {display:inline-block; }
.gnbBox_sub {margin-right:20px}
.gnbBox_sub li {display:inline-block; margin-left:8px; font-weight:700}
.gnbBox_sub li a {color:#999}

.snsBox li {display:inline-block;margin-left:5px}


.headBox {position:relative; height:42px;}
#header #logo {position:absolute;top: 50%; left:0; transform:translateY(-50%);}

/*#header .snsBox {position:absolute;top: 50%; right:0; transform:translateY(-35%)}
#header .snsBox li {display:inline-block; margin-left:5px}*/


/*네비*/
.naviBox {margin-left:450px; display:inline-block; text-align:center;}
.naviBox .mu_1 {position:relative; display:inline-block; vertical-align:top;}
.naviBox .mu_1 .tlt a {position:relative; display:block; color:#121212; padding:20px 12px; font-size:19px; font-weight:600;}
.naviBox .navi li.mu_1:last-child a {padding:20px 0 20px 12px;}

.naviBox .mu_1 .tlt a:hover, .naviBox .mu_1.on .tlt a, #header_wrap:hover .naviBox .mu_1 .tlt a:hover {color:#0076da}
.naviBox .mu_1 .tlt a:before {content:""; display:block; width:0; height:0; background:#0076da; position:absolute; top:3px; left:50%; transform:translateX(-50%); border-radius:50%; transition:all 0.3s}
.naviBox .mu_1 .tlt a:hover:before, .naviBox .mu_1.on .tlt a:before  { width:7px; height:7px;}

.naviBox .mu_1:hover .tlt a:after, .naviBox .mu_1.on .tlt a:after {width:100%;}

.naviBox .detail_list {display:none; position:absolute; top:60px; left:50%; transform:translateX(-50%); text-align:center; background:#fff; border-top:3px solid #0076da; padding:25px 10px; width:180px;}
.naviBox .detail_list.list2 {width:230px;}
.naviBox .detail_list li {margin-bottom:10px;}
.naviBox .detail_list li:last-child {margin-bottom:0}
.naviBox .detail_list a {color:#343434; font-size:14px;}
.naviBox .detail_list a:hover, .naviBox .detail_list .on a {color:#0076da}


/*-----------------------------------------------컨텐츠 영역-----------------------------------------------*/
#container_wrap {position: relative;display: block;overflow: hidden;}
#contents {position: relative;display: block;margin: 0 auto; background: #fff;}
.is_cont {position: relative; width:1200px; margin: 0 auto; min-height: 400px; padding:80px 0; z-index: 10; font-size:16px;}


.svis_wrap {position:relative; width:100%; height:480px; background:#efedee; box-sizing:border-box}
.svis_area {position:relative; width:1200px; margin:0 auto; height:100%; padding:210px 0 81px; overflow:hidden}

.svis_area .txtBox .tlt {font-size:50px; font-weight:700; line-height:1.5em;}
.svis_area .txtBox .txt {margin-top:10px; font-size:16px; line-height:1.5em;}

.svis_area .img {position:absolute; top:165px;; right:0; }
.svis_area .img img {/*width:690px;*/ animation: fade-in-up 0.7s;animation-timing-function: ease-out;}


/*.location {position:relative; width:1400px; margin:-40px auto 0; height:74px; background:#fff; border:1px solid #efedee; border-top-left-radius:30px; border-top-right-radius:30px; overflow:hidden}
.location .home {float:left; width:74px; line-height:74px;  text-align:center; height:100px; background:#343434}
.location .home a {color:#fff; font-size:25px;}

.location .depth {float:left; width:1320px; padding:0 15px; box-sizing:borde-box}
.location .depth li {display:inline-block; margin:0 7px;  line-height:74px; }
.location .depth li a {font-size:15.2px; color:#222; font-weight:700}
.location .depth li.on a, .location .depth li:hover a {color:#0076da}*/

/*로케이션*/
.location {position:relative; width:1400px; margin:-40px auto 0; height:80px; background:#fc7328; border-radius:50px; z-index:20}
.location_cont {position:relative; width:100%; margin:0 auto;}
.location_cont a {display:inline-block; color:#fff; font-size:18px; font-weight:700}
.location_cont > div {position:relative; float:left; height:80px; border-left:1px dashed rgba(255,255,255,0.3)}
.location_cont > div:last-child {border-right:1px dashed rgba(255,255,255,0.3)}
.location_cont .depth01 > a {min-width:200px;}
.location_cont .depth01 > a, .location_cont .home > a {height:100%; line-height:80px; padding:0 40px;}
.location_cont .home > a {line-height:70px; }
.location_cont .depth01 > a .txt {padding-right:30px;}
.location_cont .depth02 {display:none; position:absolute; top:80px; left:0; background:#ff9135; width:100%; padding:20px 20px;}
.location_cont .depth02 li {margin-bottom:15px;}
.location_cont .depth02 li:last-child {margin-bottom:0}
.location_cont .depth02 li:hover a {border-bottom:1px solid #fff}

.location_cont .sp_comm {position:absolute; right:30px; top:29px; font-size:25px}

.location_cont .dp_txt .off {display:block;}
.location_cont .dp_txt .on {display:none; margin-top:5px;}
.location_cont .dp_txt.active .off {display:none;}
.location_cont .dp_txt.active .on {display:block;}



.wd_1 li{width:100% !important}
.wd_2 li{width:50% !important}
.wd_3 li{width:33.333% !important}
.wd_4 li{width:25% !important}
.wd_5 li{width:20% !important}
.wd_6 li{width:16.666% !important}
.wd_7 li{width:14.222% !important}
.wd_8 li{width:12.5% !important}
.wd_9 li{width:11.111% !important}
.wd_10 li{width:10% !important}




/*-----------------------------------------------푸터 영역-----------------------------------------------*/
#footer_wrap {position:relative; background:#f9f9f9; padding:65px; 0}
#footer_wrap .ft_cont {position:relative; width:1200px; margin:0 auto;}

#footer_wrap .csBox {background:#fff; border:1px solid #e5e5e5; padding:20px 35px}
/*#footer_wrap .csBox > div {display:inline-block; vertical-align:middle}*/
#footer_wrap .csBox .cs01 {margin-right:30px;}

#footer_wrap .csBox span {display:inline-block; vertical-align:middle; margin-right:15px; font-weight:700}
#footer_wrap .csBox .tlt {color:#434343}
#footer_wrap .csBox .cs01 .tlt {font-size:22px;}
#footer_wrap .csBox .cs01 .tel {font-size:30px; color:#fc7328}

#footer_wrap .csBox .cs02 {margin-top:10px;}
#footer_wrap .csBox .cs02 .tlt {font-size:22px;}
#footer_wrap .csBox .cs02 .txt {font-size:19px; color:#6e6e6e}

#footer_wrap .ft_logos {margin:35px 0;}
#footer_wrap .ft_logos img {width:100%;}

.ft_infoBox {position:relative; border-top:1px solid #dadada; padding-top:40px; font-size:14px; line-height:1.7em;}

.ft_infoBox .ft_gnb {margin-bottom:20px;}
.ft_infoBox .ft_gnb li {display:inline-block;}
.ft_infoBox .ft_gnb li:after {content:""; display:inline-block; vertical-align:middle; width:1px; height:14px; margin:0 5px 0 10px; background:#ccc;}
.ft_infoBox .ft_gnb a {color:#737373}


.ft_infoBox .ft_info {color:#919191}
.ft_infoBox .ft_info span {color:#2e2c2c; font-weight:700}


.ft_infoBox .ft_countBox {position:absolute; top:40px;; right:0; font-size:13px}
.ft_infoBox .ft_countBox > div {display:inline-block;}
.ft_infoBox .ft_countBox span {display:inline-block; height:30px; border:1px solid #edebeb; padding:0 15px; margin:0 -2px;}
.ft_infoBox .ft_countBox .tlt {background:#dedede; color:#606060; font-weight:700}
.ft_infoBox .ft_countBox .count {background:#fff; text-align:right; min-width:70px;}



.event_icon {position:absolute; top:30%; right:100px; z-index:10000; display:none;}
.main .event_icon {top:730px; }

@media screen and (min-width:1901px){
	.main .event_icon {right:25vw}
}

@media screen and (max-width:1900px){
	.main .event_icon {right:20vw}
}

@media screen and (max-width:1600px){
	.main .event_icon {right:15vw}
}