@charset "UTF-8";

@font-face{
  font-family:'nbglight';
	src:url('../font/NanumBarunGothicLight.eot');
	src:url('../font/NanumBarunGothicLightd41d.eot?#iefix') format('embedded-opentype');
	src:local(※), url('../font/NanumBarunGothicLight.woff') format('woff');
}

@font-face{
	font-family:'nbg';
	  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
	  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}

@font-face{
  font-family:'nbgbd';
	src:url('../font/NanumBarunGothicBold.eot');
	src:url('../font/NanumBarunGothicBoldd41d.eot?#iefix') format('embedded-opentype');
	src:local(※), url('../font/NanumBarunGothicBold.woff') format('woff');
}

/* basic css */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, details, figcaption, figure, dialog,
footer, header, hgroup, menu, nav, section {margin: 0; padding: 0; border: 0;}
article, aside, details, figcaption, figure, dialog,
footer, header, hgroup, menu, nav, section, adress {display: block;}
html, body { height:100%;word-break:keep-all}
body {font-size: 18px; font-family: nbg; line-height:1; webkit-text-size-adjust:none; color:#222;float: left;width: 100%;height: auto;}
select, input, textarea {font-size: 100%;vertical-align: middle ; font-family: nbg;}
input {margin: 0;padding: 0;}
ol, ul {list-style: none;}
legend, caption {width: 0;height: 0; visibility: hidden; font-size: 0;line-height: 0;}
caption.cap{
	width:auto;height:auto;visibility: visible; line-height: normal;
}
caption.cap.title{
	font-size: 20px;
    text-align: left;
	background-image: linear-gradient(to right, #efefef , #fff);
	padding:10px;
	box-sizing:border-box;
	width:180px;
	font-weight:600;
}
caption.cap.date{
    font-size: 16px;
    text-align: right;
	margin-bottom: 5px;
}
caption.cap.bot{
	caption-side: bottom;text-align: left;font-size: 12px;
	margin-top:10px;
}


button {cursor: pointer;}
button:focus {outline: 1px dotted;}
img {vertical-align: top}
table {border-collapse: collapse;border-spacing: 0;}
em {font-style:normal;font-weight:normal}
strong {font-weight:normal}
.hide {position: absolute;width: 0;height: 0;visibility: hidden;font-size: 0;line-height: 0; top:-9999px}
a {text-decoration:none;color:#222}
.clearfix {display:block;clear:both;content:''}
.clearfix::after{display:block;clear:both;content:''}
#wrap {min-width:1200px}
#container {padding-top:75px; padding-bottom:58px;min-height: 700px; width:1200px; margin:auto; font-size: 15px;}

/* 메인에 협회일정 */
#calendar-main{
	width:100%;
	margin:20px 0;
}
#calendar-main::after{
	content: '';
	clear: 	both;
	display: block;
}
#calendar-main>.inner{
	width:1200px;
	margin: 0 auto;
}
#calendar-main .left{
	float:left;
	display:inline-block;
	width:90px;
	height: 90px;
	text-align: center;
	border: 1px solid #ddd;
	line-height: 30px;
	padding-top: 13px;
	box-sizing: border-box;
	cursor : pointer;
}
#calendar-main .left>span{
	color: 	#29a5bf;
	font-weight:bold;
	font-size:26px;
}
#calendar-main .right{
	float:left;
	display: inline-block;
	width:1110px;
	border:1px solid #ddd;
	height: 90px;
	box-sizing: border-box;
	padding-left: 30px;
	border-left: 0;
}
#calendar-main .right>.inner{
	
}
#calendar-main .swiper-slide>.type{
	color:white;
	display: inline-block;
}
#calendar-main .swiper-slide>div{
	display:inline-block;
}
#calendar-main .swiper-slide{
	font-size:15px;
	line-height:90px;
}

.festivalview .festi-box{
	width:100%;
	padding-top: 50px;
	border-top: 1px solid #999;
}
.festivalview .festi-box::after{
	display: block;
	content:'';
	clear: both;
}
.festivalview .festi-box>.img{
	display: inline-block;
	float: left;
	width:50%;
	text-align: center;
}
.festivalview .festi-box>.festi_div{
	display: inline-block;
	float: left;
	width:50%;
}
.festivalview .festi-box>.festi_div>div{
	text-align: center;
}
.festivalview .festi-box>.festi_div>.top{
	font-size: 30px;
	font-weight: bold;
}
.festivalview .festi-box>.festi_div>.bar{
	width:100%;
	height: 2px;
	background-color: #333;
	margin: 30px 0;
}
.festivalview .festi-box>.festi_div>.title{
	border: none;
	font-size: 20px;
	font-weight: bold;
	padding: 37px 0;
}
.festivalview .festi-box>.festi_div>.contents{
	font-size: 20px;
}
.festivalview .introduction,.festivalview .event-contents,
.festivalview .map{
	width:100%;
	margin-top: 140px;
}
.festivalview .introduction::after,.festivalview .event-contents::after{
	display: block;
	content: '';
	clear: both;
}
.festivalview .introduction>.left,.festivalview .event-contents>.left{
	position: relative;
	font-weight: bold;
	width:30%;
	display: inline-block;
	float: left;
	font-size: 30px;
}
.festivalview .introduction>.left>.bar,.festivalview .event-contents>.left>.bar,
.festivalview .map>.left>.bar{
	width: 45px;
	height: 5px;
	background-color: #2da9c6;
	top: -15px;
	left: 0px;
	position: absolute;
}
.festivalview .introduction>.right,.festivalview .event-contents>.right{
	border-top: 1px solid #2da9c6;
	width:70%;
	display: inline-block;
	float: left;
	font-size: 20px;
	line-height: 2;
	padding-top: 30px;
}
.festivalview .event-contents>.right>.ftitle{
	font-weight: bold;
}
.festivalview .event-contents>.right>.contents{
	margin-bottom: 30px;
}
.festivalview .map>.left{
	position: relative;
	font-weight: bold;
	font-size: 	30px;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom:1px;
}
.swiper-pagination-bullet{
	width:10px;
	height:10px;
}
#insertEvent-form{
	border-top: 1px solid #333;
	padding: 20px 0;
	border-bottom: 1px solid #333;
}
#insertEvent-form .dateSet{
	display: inline-block;
	width: 185px;
}
#insertEvent-form .start,#insertEvent-form .end{
	display: inline-block;
	width:120px;
}
#insertEvent-form .gap{
	display: inline-block;
	margin: 0 20px;
	font-size: 30px;
	font-weight: bold;
	vertical-align: text-bottom;
}
#insertEvent-form .control-label{
	font-size: 20px;
	padding:0;
	text-align: center;
}
#insertEvent-form .schtitle,#insertEvent-form .description{
	width:500px;
}
#insertEvent-form .col-sm-9{
	padding: 0;
}
#insertEvent-form .title{
	padding: 0;
	border-bottom: 1px solid #ccc;
}
.reinfo_nav{
	text-align: center;
}
.reinfo_nav>li{
	text-align: center;
	border: 1px solid #ddd;
	border-bottom-color: #333;
	display: inline-block;
	font-size: 20px;
	padding:10px 25px;
	margin-bottom: -1px;
	cursor: pointer;
	border-radius: 4px 4px 0 0;
}
.reinfo_nav{
	width:100%;
	border-bottom: 1px solid #333;
}
.reinfo_nav>li.active{
	border: 1px solid #333;
	border-bottom-color: white;
}
.reinfo_li{
	display: none;
}
.reinfo_li.active{
	display: block;
}
.reinfo_li .from-box{
	height: 86px !important;
	line-height: 86px !important;
}
.reinfo_li textarea{
	width:950px;
	height:70px;
	resize: none;
}
.from-box>.from-con>.pic_btn{
	color: #fff;
	background: #348fe2;
	border-color: #2f87d7;
	padding: 5px 9px;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.3;
	display: inline-block;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid transparent;
	width:80px;
	margin-bottom: 5px;
}
.copyright_wrap{
	margin-right: 10px;
}
.copyright:hover{
	color:white;
}
.reinfo_fics{
	display: inline-block;
}
.reinfo_fics>li{
	display: inline-block;
	width:120px;
	height: 80px;
	position: relative;
}
.reinfo_fics>li>.del{
	position: absolute;
	top:0;
	right:10px;
	width:25px;
	height:25px;
	cursor: pointer;
}
.reinfo_fics>li>.thumb{
	width:80px;
	height:80px;
}
/* lih 추가 */



/* 스킵네비게이션 */
.u_skip{position:relative;z-index:999}
.u_skip a{position:fixed;top:-30px;left:50%;width:190px;margin-left:-64px;padding:5px 0;background:#000;opacity:0.9;filter:alpha(opacity=90);font-size:12px;color:#fff;text-align:center;outline:none}
.u_skip a:active,.u_skip a:focus{top:0;text-decoration:none;cursor:pointer}

/*Header, GNB*/
#header {top:0;left:0;height:90px;border-bottom:1px solid #bbb9b5; background:url('../images/scroll_snb_bg.png') repeat left top;/*background:url('../images/gnb_bg.png') repeat left top*/}
#header .inner {margin:0 auto;width:1200px}
#header1 {text-align : right; margin-top : 10px; margin-right : 10px; font-size : 12px; }
/*Header scroll after style*/
.segWrap{
	margin:auto;background-color:#f9f9f9; font-size: 15px; border-bottom:1px solid #f6f6f6;
}
.segWrap>.segCent{
	width:1100px; height: auto;  margin:auto; padding-left:100px;
}
.segWrap>.segCent>.img{
	width:120px; padding-left:20px; height:58px;background-color:#f9f9f9; display:inline-block;line-height:60px; vertical-align:middle;
}
.segWrap>.segCent>.img>img{
	margin-top:18px; margin-right:25px; width:20px;
}
.segWrap>.segCent>.arr{
	width:10px; height:58px;background-color:#f9f9f9; display:inline-block;line-height:60px;vertical-align:middle;
}
.segWrap>.segCent>.drop{
	width:100px; padding-left:20px; height:58px;background-color:#f9f9f9; display:inline-block;line-height:60px;vertical-align:middle;
}
.segWrap>.segCent>.drop.long{
	width:120px;
}
.segWrap>.segCent>.drop.super_long{
	width:160px;
}
.segWrap>.segCent>.drop.point{
	cursor : pointer;
}
#header.down {height:95px;background:url('../images/scroll_header_bg.gif') repeat left top;border-bottom:0}
#header.down .navi {height:71px}

/*#header.down .menuBg {background:url('../images/scroll_snb_bg.png')repeat left top}*/
#header.down .gnb > ul > li > a {color:#eee}
#header.down .navi h1 {width:180px;margin-top:14px}
#header.down .navi h1 a {width:205px;background:url('../images/omni_scroll_logo.png') no-repeat 0% 80%}
#header.down .gnb {margin:28px 0 0 416px}
#header.down .m_gnb a {background:url('../images/scroll_m_menu.png') no-repeat left top}
#header.down .m_gnb a:hover {background:url('../images/m_menu_on.png') no-repeat left top}
#header1.down {color:#eee}

/*Header scroll before style*/
.navi {position:relative;height:90px;}
.navi h1 {float:left;width:179px;margin-top:14px}
.navi .search{
	float: left;
    width: 330px;
    height: 42px;
    border: 1px solid #29a5c0;
	border-radius: 21px;
	background-color: #fff;
	margin-left: calc((100% - (330px + 180px + 565px))/4);
	margin-top: 14px;
	position: relative;
}
.navi .search .keyword{
	width: 100%;
    height: 100%;
    border-radius: 25px;
    border: none;
    outline: none;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -1.13px;
    color: #999999;
    padding-left: 20px;
	padding-right: 50px;
    box-sizing: border-box;
}
.navi .search .keyword::placeholder{
	font-size: 15px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -1.13px;
	color: #999999;
}
.navi .search .searchBtn{
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    width: 40px;
    height: 40px;
    border-radius: 20px;
	background-color: transparent;
	border: none;
}
.navi .search .searchBtn>img{
	width: 100%;
	height: auto;
	float: left;
}
.navi h1 a {display:inline-block;width:205px;height:52px;background:url('../images/logo.gif') no-repeat left top}
.gnb {float:right;margin-top:28px;}
.gnb > ul > li > a.active {color:#00aeef;}
.gnb > ul > li {float:left;height:51px}
.ccc {max-width : 1200px; width :100%; display : inline-block;}
#cen {text-align:center;}
/*width : 132 였음 밑에꺼*/
.gnb > ul > li > a {display:block;height:51px;margin-right:14px;padding-top:0;font-size:17px; letter-spacing:-1px;text-align:center;
	width: auto; font-weight: bold;color: #313131;padding: 0 10px;}
.gnb > ul > li.last > a {padding-right:0}
.gnb > ul > li.first > a {padding-left:0}

.mobileMenuLayer {position:absolute; top:80px; left:0; width:1200px;padding-bottom:40px; z-index:99999}
.closeBtn {float:right;display:block;margin:-46px 75px 0 0}
.closeBtn span {display:block;padding-right:31px;font-size:15px;color:#bebebe;font-family:'nbgbd';background:url('../images/close_all_menu.png') no-repeat right center} 
.mobileMenuLayer .snbImg {margin-right:32px}
.mobileMenuLayer .snbImg .menuName {color:#00aeef}
.mobileMenuLayer .snbImg .menuNameDesc {color:#bebebe}
.mobileMenuLayer .menuAll {float:left;padding-top:41px; width:-webkit-calc(100% - 337px); width:-moz-calc(100% - 337px); width:calc(100% - 337px);} /* 20170306 kst 수정 */

.snbContainer {position:absolute;width:1200px;top:70px;left:0;z-index:99999;padding-bottom:36px}
.snbContainer .snb {float:left; padding-top:0;}
.snbContainer .snbImg {float:left;width:287px;margin:0 144px 0 18px;padding:47px 0 35px 0}
.snbImg .menuName {font-family:'nbgbd';font-size:28px;color:#00aeef}
.snbImg .menuNameDesc {display:block;margin-top:10px;font-size:16px;color:#999;line-height:25px}
.gnb .snbContainer .snb > li > a {display:block;font-size:16px;color:#222}
.gnb .snbContainer .snb > li > a:hover {color:#00aeef}

.mobileMenuLayer {position:absolute; top:80px; left:0; width:1200px; padding-bottom:40px; padding-left:75px; z-index:99999}
.closeBtn {float:right;display:block;margin:-46px 75px 0 0}
.closeBtn span {display:block;padding-right:31px;font-size:15px;color:#bebebe;font-family:'nbgbd';background:url('../images/close_all_menu.png') no-repeat right center} 
.mobileMenuLayer .snbImg .menuName {color:#00aeef}
.mobileMenuLayer .snbImg .menuNameDesc {color:#bebebe}
.mobileMenuLayer .menuAll {float:left;padding-top:40px; width:100%;} /* 20170306 kst 수정 */
.menuAll ul li {margin-bottom:13px}

.menuAll ul li.rule {line-height:1.5; letter-spacing:-2px;}
.mobileMenuLayer .menuAll > ul {float:left}
.menuAll > ul > li > a {color:#fff;font-size:18px}
.menuAll > ul > li > a:hover {color:#00aeef}
.menuAll > ul > li > ul > li > a {color:#bebebe;font-size:16px}
.menuAll > ul > li > ul > li > a:hover {color:#00aeef;text-decoration:underline}
.menuAll > ul > li > ul.mb0 {margin-bottom:0}
.menuAll > ul > li > ul > li.mb0 {margin-bottom:0}

 ul.list3depth {margin:16px 0}
 ul.list3depth li{margin-bottom:8px;} /* 20170306 kst 수정 */
/*.mobileMenuLayer .menuAll .menuList li.last {margin-bottom:0}*/
/*.mobileMenuLayer .menuAll .menuList {margin-right:43px; width:20%;} /* 20170306 kst 수정 */
.gnb .snbContainer .snb {width:750px}

.gnb .m01 .snbContainer {height:60px}
.gnb .m01 .snbContainer .snb > li {float:left;width:185px;margin-bottom:20px;/*margin:0 157px 34px 0*/}
.gnb .m01 .snbContainer .snb > li.last {margin-right:0;width:auto}
.gnb .m01 .snbContainer .snb > li.mb0 {margin-bottom:0}
.gnb .m01 .snbContainer .snb {padding-top : 30px;}


.gnb .m03 .snbContainer {height:60px}
.gnb .m03 .snbContainer .snb > li {float:left;width:185px;margin-bottom:20px;/*margin-right:170px*/}
.gnb .m03 .snbContainer .snb > li.last {margin-right:0;width:auto}
.gnb .m03 .snbContainer .snb {padding-top : 30px;}

.gnb .m04 .snbContainer {height:60px}
.gnb .m04 .snbContainer .snb > li {float:left;width:185px;margin-bottom:20px;/*margin-right:170px*/}
.gnb .m04 .snbContainer .snb > li.last {margin-right:0;width:auto}
.gnb .m04 .snbContainer .snb {padding-top : 30px;}

.gnb .m05 .snbContainer {height:60px}
.gnb .m05 .snbContainer .snb > li {float:left;width:185px;margin-bottom:20px/*margin:0 136px 34px 0*/}
.gnb .m05 .snbContainer .snb > li.last {margin-right:0;width:auto}
.gnb .m05 .snbContainer .snb > li.last.rule {line-height:1.5 !important; letter-spacing:-2px;}
.gnb .m05 .snbContainer .snb > li.mb0 {margin-bottom:0}
.gnb .m05 .snbContainer .snb > li > a {margin-bottom:0}
.gnb .m05 .snbContainer .snb {padding-top : 30px;}

.gnb .m06 .snbContainer {height:60px}
.gnb .m06 .snbContainer .snb > li {float:left;width:185px;margin-bottom:20px/*margin:0 136px 34px 0*/}
.gnb .m06 .snbContainer .snb > li.last {margin-right:0;width:auto}
.gnb .m06 .snbContainer .snb > li.last.rule {line-height:1.5 !important; letter-spacing:-2px;}
.gnb .m06 .snbContainer .snb > li.mb0 {margin-bottom:0}
.gnb .m06 .snbContainer .snb > li > a {margin-bottom:0}
.gnb .m06 .snbContainer .snb {padding-top : 30px;}

.gnb .m07 .snbContainer {height:60px}
.gnb .m07 .snbContainer .snb > li {float:left;width:185px;margin-bottom:20px/*margin:0 136px 34px 0*/}
.gnb .m07 .snbContainer .snb > li.last {margin-right:0;width:auto}
.gnb .m07 .snbContainer .snb > li.last.rule {line-height:1.5 !important; letter-spacing:-2px;}
.gnb .m07 .snbContainer .snb > li.mb0 {margin-bottom:0}
.gnb .m07 .snbContainer .snb > li > a {margin-bottom:0}
.gnb .m07 .snbContainer .snb {padding-top : 30px;}

.depth3 > li {margin-bottom:10px}
.depth3 > li.last {margin-bottom:0}
.depth3 > li > a {font-size:16px;color:#222;font-family:'nbglight'}
.depth3 > li > a:hover {color:#00aeef;text-decoration:underline}
.m_gnb {position:absolute;right:0;top:30px;width:20px;height:17px}
.m_gnb a {display:block;width:20px;height:17px;background:url('../images/m_menu.png') no-repeat left top}
.m_gnb a:hover {background:url('../images/m_menu_on.png') no-repeat left top;}

/*GNB BG*/
.menuBg {position:absolute;left:0;top:70px;width:100%;border-bottom:1px solid #c6c2b9;background:url('../images/scroll_snb_bg.png') repeat left top ; z-index:9999;}
.mobileBg {position:absolute;left:0;top:0;padding-top:76px;width:100%;height:856px;background:url('../images/bg_all_gnb.png') repeat left top} /* 20170306 kst 수정*/

/*Main Slider*/
a.sliderLink {display:block;/*position:absolute;*/width:100%;height:100%}
.mainSlide-items {height:755px}
.mainSlide {position:relative;overflow:hidden; padding-bottom:80px;}
.mainSlide .bx-wrapper .bx-controls-direction a{display:none;}
.bxsliderWrap{position:relative;}
.slider .sitem {height:755px;background-size:cover}
.visualBarMenu {position:absolute;bottom:0px;z-index:999;width:100%;height:55px;background:url('../images/bar_bg.png') repeat-x left top}
.visualBarMenu ul {width:1200px;margin:0 auto}
.visualBarMenu ul li {float:left;height:55px}
.visualBarMenu ul li.visualW3{width:33%;} /* 20170220 kst 추가 */
.visualBarMenu ul li.visualW3 + li.visualW3 + li.visualW3{width:34%;}  /*20170220 kst 추가 */
.visualBarMenu ul li.active {background-color:#00aeef}
.visualBarMenu ul li:hover {background-color:#00aeef}
.visualBarMenu ul li a {display:block;width:100%;line-height:55px;text-align:center;cursor:pointer;background:transparent;border:0;outline:0;font-size:18px;color:#fff;}
.sl_mainTxt {position:absolute;width:100%;left:0;top:0;padding-top:60px;color:#fff;font-family:'nbg'; opacity:0;}
.sl_subTxt {position:absolute;width:100%;left:0;top:0;padding-top:60px;color:#fff;font-family:'nbg'; opacity:0; }

.sl_mainTxt span.txt, .sl_subTxt span.txt {display:block;text-align:center}
.sitem .txtBlue {color:#00aeef}
.txtBlue {color:#00aeef}
.sitem .txtRed {color:#f61b0b}
.txtBlue strong {font-weight:bold}
 .txtS{font-size: 22px;}

/*20161012 추가*/
.mainSlide button.slick-arrow {display:block;outline:0;border:0;font-size:0;z-index:999}
.slick-arrow {width:33px;height:72px;position:absolute;top:50%;background:url('../images/controls.png') no-repeat 0 0}
.slick-prev {left:49px;background-position:0 0}
.slick-next {right:49px;background-position:-43px 0}
.bx-wrapper .bx-pager.bx-default-pager a{width:12px; height:12px; background:url('../images/pagination_off.png') no-repeat 0 0; background-size:12px 12px}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{background:url('../images/pagination_on.png') no-repeat 0 0; background-size:12px 12px}

.bxslider li .sitem p {position:absolute}
.bxslider li .sitem .btxt {font-size:70px;line-height:85px;color:#fff}
.bxslider li .sitem .stxt {font-size:17px;line-height:28px;color:#fff}
.bxslider li .sitem .txtBlue {color:#00aeef}

.sl_mainTxt.atype_loc1 {left:0;top:375px;text-align:center}
.sl_subTxt.atype_loc2 {left:0;top:510px;text-align:center}

.sl_mainTxt.btype_loc1 {left:0;top:305px;text-align:center;}
.sl_subTxt.btype_loc2 {left:0;top:510px;text-align:center}

.ctype_loc1 {left:0;top:305px;text-align:center; letter-spacing:-3px;}
.ctype_loc2 {left:0;top:510px;text-align:center}
.sl_mainTxt.ctype_loc1 {font-family:'nbgbd'}

/* 20161230 메인 비주얼 이미지 추가  kst */
.dtype_loc1 {top:206px;left:50%;text-align:left;}
.dtype_loc2 {top:416px;left:50%;text-align:left;}
.mainSlide .sitem .dtype_loc1 .btxt{color:#00aeef;}
.mainSlide .sitem .dtype_loc1 .txtBlue{color:#000;}
.mainSlide .sitem .dtype_loc2 .stxt{color:#000;letter-spacing:-1px;}
/* 20161230 메인 비주얼 이미지 추가  kst  끝 */

.movebar {position:relative;top:-55px;left:0;width:100%;height:55px;background:url('../images/bar_bg.png') repeat-x left top}
.movebar ul li {float:left;width:25%;}
.movebar ul li a {display:block;height:55px;line-height:55px;text-align:center;font-size:18px;color:#fff}
.movebar ul li.on a {background-color:#00aeef}
.movebar ul li a:hover {background-color:#00aeef}
.inner {width:1200px;margin:0 auto}

/*main Contents*/
.whContents {width:100%;background-color:#fff;border-bottom:1px solid #dad9d9;overflow:hidden}
.whContents > ul > li {float:left;width:50%}

.inner h2 {margin-bottom:17px; font-family:'nbglight'; font-size:52px;color:#222;font-weight:normal; text-align:center; letter-spacing:-2px;}
.inner h2 .normal{font-family:'nbg';}
.inner .eng {margin-left:24px;padding-left:29px;font-size:45px;color:#999; background:url('../images/tit_bar_center.gif') no-repeat left center}
.inner .infoTxt{text-align:center; display:block;}
.inner .txt {/*margin:24px 15% 0 15%;margin-right:5%;*/ padding:85px 65px 0 68px;  height:364px; color:#fff; background:#0d1535;}
.inner .txt > p{font-weight:bold; font-size:40px;}
.inner .txt em {font-size:24px;color:#666;line-height:35px}
.inner .txt .subTxt {padding-top:38px; /*font-family:'nbglight';*/ font-size:17px; line-height:29px;}
.inner .txt .detail {margin-top:37px; width:148px; height:43px; font-size:16px; color:#fff; line-height:43px; text-align:center; border:1px solid #fff; display:block; }

#data{padding-bottom:34px; padding-top:80px;}
#data h2{padding-top:95px; background:url('../images/bg_main_tit1.gif') no-repeat center 50px;}
#data .infoTxt{font-size:20px;}
#data .txt{position:relative; margin:47px 0 0 0; padding:89px 0 0; height:360px; overflow:hidden; background:url('../images/main_bb.jpg') no-repeat left top; }
#data .txt:after{clear:both; content:''; display:block;}
#data .right{float:right; padding-top:44px; width:597px; height:314px; text-align:center; border:1px solid #121212; background-color:#fff;}
#data .right p{padding-bottom:180px; font-family:'nbglight'; font-size:27px; color:#101529; background:url('../images/omni99.png') no-repeat center 79px;}
#data .right p strong{font-family:'nbgbd'; font-size:30px;}
#data .right .subTxt{padding-top:0; font-size:16px; line-height:normal;}
#data .right .subTxt .detail{margin:0 auto 26px; padding:15px 0; height:auto; font-size:16px; color:#222; text-align:center; line-height:normal; border:1px solid #121212;}

#solution {padding-top:80px; width:100%; height:853px; background:url('../images/bg_solution.jpg') no-repeat center 80px}
#solution h2 {padding-top:45px; margin:109px auto 17px; width:368px; color:#fff; background:url('../images/bg_main_tit2.gif') no-repeat 152px 0;}
#solution .infoTxt {margin:0 0 72px 0; font-family:'nbglight'; font-size:20px; line-height:33px; color:#fff; display:block;}
#solution .eng {color:rgba(255,255,255,0.6)}
#solution .infoTxt {margin:0 0 72px 0; font-family:'nbglight'; font-size:20px; line-height:33px; color:#fff; display:block;}
#solution .inner ul{margin:0 auto; width:1038px;}
#solution .inner ul:after{clear:both; content:''; display:block;}
#solution .inner ul li {position:relative; z-index:0; float:left; width:33%; border-left:1px solid #999; border-bottom:1px solid #999;}
#solution .inner ul li:nth-child(1){border-top:1px solid #999}
#solution .inner ul li:nth-child(2){border-top:1px solid #999}
#solution .inner ul li:nth-child(3){border-top:1px solid #999}
#solution .inner ul li:nth-child(3n){border-right:1px solid #999}
#solution .inner ul li a{position:relative; z-index:1; padding:47px 0 0 138px; height:130px; color:#fff; display:block;}
#solution .inner ul li h3 {padding-bottom:11px; font-size:24px; font-weight:normal;}
#solution .inner ul li span.bizDesc {display:block; font-family:'nbglight'; font-size:14px; line-height:23px}
#solution .inner ul li .infraDimm{position:absolute; left:-1px; top:-1px; z-index:0; width:calc(100% + 2px); height:calc(100% + 2px); background:#1292cb url('../images/infraDim.png') no-repeat left top; opacity:0.77; display:none; }
#solution .inner ul li:hover .infraDimm{display:block;}
#solution .inner ul li .bIcon1{background:url('../images/img_solution_bIcon1.png') no-repeat 47px 52px;}
#solution .inner ul li .bIcon2{background:url('../images/img_solution_bIcon2.png') no-repeat 47px 47px;}
#solution .inner ul li .bIcon3{background:url('../images/img_solution_bIcon3.png') no-repeat 47px 47px;}
#solution .inner ul li .bIcon4{background:url('../images/img_solution_bIcon4.png') no-repeat 47px 47px;}
#solution .inner ul li .bIcon5{background:url('../images/img_solution_bIcon5.png') no-repeat 47px 47px;}
#solution .inner ul li .bIcon6{background:url('../images/img_solution_bIcon6.png') no-repeat 47px 36px;}

/*2017-04-26*/
#solution .inner ul li:hover .bIcon1{background:url('../images/img_solution_bIcon1_on.png') no-repeat 47px 52px;}
#solution .inner ul li:hover .bIcon2{background:url('../images/img_solution_bIcon2_on.png') no-repeat 47px 47px;}
#solution .inner ul li:hover .bIcon3{background:url('../images/img_solution_bIcon3_on.png') no-repeat 47px 47px;}
#solution .inner ul li:hover .bIcon4{background:url('../images/img_solution_bIcon4_on.png') no-repeat 47px 47px;}
#solution .inner ul li:hover .bIcon5{background:url('../images/img_solution_bIcon5_on.png') no-repeat 47px 47px;}
#solution .inner ul li:hover .bIcon6{background:url('../images/img_solution_bIcon6_on.png') no-repeat 47px 36px;}

#service{padding-top:170px; padding-bottom:34px; height:644px;} /* 20170512 kst 수정 */
#service h2{padding-top:45px; margin:0 auto 18px; width:344px; background:url('../images/bg_main_tit1.gif') no-repeat 143px 0;}
#service .infoTxt{padding-bottom:87px; font-size:20px; line-height:33px; color:#222; display:block;}
#service ul:after{clear:both; content:''; display:block;}
#service ul li{margin-right:36px; margin-left:36px; width:328px !important; height:328px; cursor:pointer}
#service ul li .before{text-align:center;}
#service ul li .before h3{padding-top:120px; font-size:59px; color:#fff;}
#service ul li .before h3.singleTxt{padding-top:110px; font-size:50px; line-height:52px;}
#service ul li .before h3.singleTxt span{padding-top:14px;}
#service ul li .before p{padding-top:17px;font-size:16px; color:#fff;}
#service ul li.service_si{background:url('../images/bg_service_bIcon1.png') no-repeat center; background-size:291px;}
#service ul li.service_sm{background:url('../images/bg_service_bIcon2.png') no-repeat center; background-size:291px;}
#service ul li.service_ict{background:url('../images/bg_service_bIcon3.png') no-repeat center; background-size:291px;}
#service ul li.service_ict .before h3{letter-spacing:5px;}
#service ul li.service_conserting{background:url('../images/bg_service_bIcon4.png') no-repeat center; background-size:291px;}
#service ul li.service_spss{background:url('../images/bg_service_bIcon5.png') no-repeat center; background-size:291px;}
#service ul li .after{text-align:center; display:none;}
#service ul li .after h3{padding-top:106px; font-size:30px; color:#32c7ff;}
#service ul li .after p{padding-top:20px;font-size:15px; color:#32c7ff; line-height:24px;}
#service .bx-wrapper .bx-prev{left:-95px; margin-left:0; width:55px; height:55px; background:url('../images/icon_service_left.gif') no-repeat left top;}
#service .bx-wrapper .bx-next{right:-95px; margin-right:0; width:55px; height:55px; background:url('../images/icon_service_right.gif') no-repeat left top;}

.section.section5{padding-top:80px;}
#companyNews.whContents, 
#companyEdu.whContents {border-bottom:0}
#companyNews .inner {width:100%}
.companyNews ul li {position:relative;float:left;width:50%;height:479px}
.companyNews ul li img {width:100%;height:100%}
.companyNews ul li .boxrel {position:relative;margin:0 auto;width:100%;height:479px;overflow:hidden}
.companyNews ul li.noExist .boxrel {background-color:#717379}
.companyNews ul li a {position:absolute;left:0;top:0;display:block;width:100%;height:479px;color:#fff;font-size:21px;text-align:center;z-index:99;background:url('../images/mask_off.png') repeat left top}
.companyNews ul li a .headTit {display:block;margin:45px 0 50px 70px;font-size:24px;color:#00aeef;text-align:left}
.companyNews ul li a .contentTit {margin:0 auto; width:70%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-bottom:40px;font-size:41px;text-align:center}
.companyNews ul li a .contentSubTIt {margin:0 auto;width:500px;height:70px;margin-bottom:39px;font-size:19px;line-height:35px;overflow:hidden;text-overflow:ellipsis;word-break:keep-all}
.companyNews ul li a .date {display:block;margin-bottom:76px;text-align:center;font-size:15px}
.companyNews ul li a .goDetail {margin:0 auto;display:block;width:148px;height:44px;line-height:44px;font-size:16px;background-color:transparent;border:2px solid #fff}
.companyNews ul li a.mask {background:url('../images/mask_on.png') repeat left top}
.companyNews ul li a.mask .headTit {color:#fff}

/*MAIN EDUCATION SUCCESSION*/
#companyEdu .inner {width:100%}
.companyEdu .headTit {display:block;margin:0 0 50px 70px;color:#00aeef;font-size:25px}
.mnbtnArea {text-align:center}

.companyEdu .goDetail {display:inline-block;margin:42px 10px 0 0;width:148px;height:44px;line-height:44px;font-size:16px;color:#222;border:2px solid #222;text-align:center}
.companyEdu a.goDetail:hover {background-color:#00aeef;color:#fff;border:2px solid #00aeef}

.eduTitle {display:inline-block;width:494px;line-height:38px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:20px;vertical-align:middle}
.eduDate {display:inline-block;line-height:38px;}
.companyEdu  ul li ul.successUl li {width:600px;line-height:38px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:20px;padding-left: 20px;}
.companyEdu h2.title {margin-bottom:38px;text-align:center;font-size:42px;font-family:'nbgbd'}
.companyEdu > ul > li {float:left;width:50%;border-top: 1px solid #DBDBDB;}
.companyEdu > ul > li + li{margin-left:-1px; border-left:1px solid #e2e2e2;}
.companyEdu > ul > li .box {margin:40px 0 50px 0;width:100%}
.companyEdu > ul > li .box .notice {margin:0 auto;width:600px}
.companyEdu > ul > li .box .notice a:after{clear:both; content:''; display:block;}
.companyEdu > ul > li .box .notice .eduTitle{float:left;}
.companyEdu > ul > li .box .notice .eduDate{float:right;}
.companyEdu  ul li ul li a:hover, .companyEdu  ul li ul li a:hover .eduTitle {color:#00aeef;text-decoration:underline}
.companyEdu  ul li ul li a:hover .eduDate {color:#00aeef}

/*SPSS XTEN HEMON OPENSNS Link Bar*/
.solutionBar {width:100%;height:80px; border-top:1px solid #e2e2e2; background-color:#efefef}
.solutionBar ul {margin:0 auto;text-align:center;overflow:hidden}
.solutionBar ul li {float:left;width:25%;text-align:center}
.solutionBar ul li a {display:block;margin-left:-1px;height:79px;line-height:79px;font-size:21px;color:#222;border-right:1px solid #e2e2e2;}
.solutionBar ul li:first-child a{margin-left:0; border-left:1px solid #e2e2e2;}
.solutionBar ul li#f_logo1 a:hover {background:#f8f6f6 url('../images/bg_main_fLink1.png') no-repeat center center;font-size:0}
.solutionBar ul li#f_logo2 a:hover {background:#f8f6f6 url('../images/bg_main_fLink2.png') no-repeat center center;font-size:0}
.solutionBar ul li#f_logo3 a:hover {background:#f8f6f6 url('../images/bg_main_fLink3.png') no-repeat center center;font-size:0}
.solutionBar ul li#f_logo4 a:hover {background:#f8f6f6 url('../images/bg_main_fLink4.png') no-repeat center center;font-size:0}
.solutionBar ul li.first a {margin-left:0}

/*FOOTER*/
.section6{width: 100%;height: auto;float: left;}
#footer {background-color:#2d2d31;float: left;width: 100%;}
#footer .footer_top {border-bottom:1px solid #666669;height:61px}
#footer .footer_top .siteMenu > ul > li {float:left;margin-right:53px}
#footer .footer_top .siteMenu > ul > li.on > a {color:#00aeef}
#footer .footer_top .siteMenu > ul > li > a {display:block;height:61px;line-height:61px;font-size:17px;color:#fff}
#footer .footer_top ul li a:hover {color:#00aeef}
#footer .siteMenu {float:left;width:60%}
#footer .familysite {float:right;position:relative;color:#888;text-align:right}
#footer .familysite > a {display:block; padding:0 28px 0 30px; color:#888; font-size:16px; border-left:1px solid #666669; border-right:1px solid #666669}

#footer .familysite > a._on {padding:0 28px 0 30px; border-left:1px solid #666669; border-right:1px solid #666669 }
#footer .familysite strong {display:inline-block;margin-right:24px;height:61px;line-height:61px}
#footer .familysite > a._on > .familysite_arrow {background:url('../images/closed_arrow.png') no-repeat left 50%;}
#footer .familysite > a > .familysite_arrow {display:inline-block;width:10px;height:61px;background:url('../images/opened_arrow.png') no-repeat left 50%;text-align:left;vertical-align:top}

#footer .familysite ul.list {position:absolute;bottom:61px;width:241px;background-color:#2d2d31;border:1px solid #666669;text-align:left}
#footer .familysite ul.list li {display:block;padding-left:20px}
#footer .familysite ul.list li:hover {background:url('../images/bg_sitemap_over.png') repeat left top}
#footer .familysite ul.list > li > a {display:block;padding:19px 0;font-size:16px;color:#888;text-align:left}
#footer .familysite ul.list > li > a:hover {color:#fff}

#footer .footer_bottom .wrp {position:relative; padding:20px 0 63px 0;}
#footer .footer_bottom ul.inform {margin-bottom:7px; height:32px;}
/*#footer .footer_bottom ul.inform li:first-child{margin-right:0; padding-left:42px; background:url('../images/mark_family.png') no-repeat left top;}*/
#footer .footer_bottom ul.inform li.last a {margin-right:0}
#footer .footer_bottom ul li {float:left; padding:8px 0 9px; height:20px;margin-right:18px;font-size:15px;color:#fff;}
#footer .footer_bottom ul li.line{padding-left:31px; background:url('../images/bg_inform_line.gif') no-repeat 17px center;}
#footer .footer_bottom ul li a {display:block;height:15px;font-size:15px;color:#c4c4c4;}
#footer .footer_bottom ul.adress {overflow:hidden;}
#footer .footer_bottom ul.adress li {margin-right:10px;padding-right:10px;line-height:24px;font-size:14px;color:#a5a5a5;background:url('../images/footer_stick.gif') no-repeat right 50%}
#footer .footer_bottom ul.adress li.last {background-image:none}
#footer .footer_bottom .company {margin-bottom:8px;font-size:0;}
#footer .footer_bottom .company>span{font-size:14px;color:#a5a5a5;}
#footer .footer_bottom .company>span a{color:#a5a5a5;}
#footer .footer_bottom .company>span a:hover{color:#fff;}
#footer .footer_bottom .company span:not(:last-child){padding-right: 10px;margin-right:10px;background: url(../images/footer_stick.gif) no-repeat right 50%;}
.copyright {margin-top:3px;font-size:13px;color:#a5a5a5; text-align:left;}
#footer .footer_bottom .wrp .lpopLink {position:relative} 
#footer .footer_bottom .wrp .ffsb {display:block; font-size:15px; color:#a68e58; font-weight:bold; background: url('../images/bg_inform_line.gif') no-repeat right 8px; padding-right:18px;}
#footer .footer_bottom .wrp .ffsb img {position:relative; left:0px; top:-10px;}
#footer .footer_bottom .wrp .ffsb span { display:inline-block; padding-left:10px;}
#footer .footer_bottom .snsIcon{position:absolute; top:26px; right:0px;}
#footer .footer_bottom .snsIcon ul:after{clear:both; content:''; display:block;}
#footer .footer_bottom .snsIcon li{float:left; margin:0; padding:0; height:auto;}
#footer .footer_bottom .snsIcon li + li{margin-left:10px;}
#footer .footer_bottom .snsIcon ul li a{width:32px; height:32px; display:block; background:url('../images/sns_blog.png') no-repeat left top;}
#footer .footer_bottom .snsIcon ul li a.snsFaceBook{background:url('../images/sns_facebook.png') no-repeat left top;}
#footer .footer_bottom .snsIcon ul li a.snsGroup{background:url('../images/sns_groupware.png') no-repeat left top;}
#footer .footer_bottom .snsIcon ul li .familyIcon{width:32px; height:32px; display:block; background:url('../images/mark_family.png') no-repeat left top; display:none;}

/*Top Move Button*/
.topbtn {position:fixed;bottom:50px;right:20px;z-index:10000}
.topbtn a {display:block;width:60px;height:60px;background:url('../images/btn_top.png') no-repeat left top}

/*effect*/
.motion {position:relative}
.motion > li {position:absolute}
.motion > li.rImg {right:0}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
	position:relative
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* 20170103 전체보기 메뉴 추가 kst */
.mobileMenuLayer .menuAll > ul > li:first-child{margin-bottom:22px; padding-bottom:11px; width:-webkit-calc(100% - 5px) !important; width:-moz-calc(100% - 5px) !important; width:calc(100% - 5px) !important; border-bottom:2px solid #3e3b3b;}
.mobileMenuLayer .menuAll > ul > li:first-child > a{font-size:20px; color:#00aeef;}
#footer .footer_bottom ul.adress li.last{margin-right:0; padding-right:0;}
.gnb .m03 .snbContainer .snb > li{margin-right:27px; width:28%;}
.gnb .m03 .snbContainer .snb > li + li + li + li + li + li + li{margin-top:30px;}
.gnb .m03 .snbContainer .snb > li.third{margin-right:0;}
.gnb .snbContainer .snb{word-break:normal;}
.mobileMenuLayer .menuAll > ul{margin-left:30px; width:20%;}
.mobileMenuLayer .menuAll .menuList1{margin-left:0; width:-webkit-calc(20%); width:-moz-calc(20%); width:calc(20%);}
.mobileMenuLayer .menuAll .menuList2{width:-webkit-calc(20%); width:-moz-calc(20%); width:calc(20%);}
.mobileMenuLayer .menuAll .menuList3 > li:after{clear:both; content:''; display:block;}
.mobileMenuLayer .menuAll .menuList3 > li:first-child{float:none; margin-left:0; height:20px;}
.mobileMenuLayer .menuAll .menuList3 > li{ margin-left:5px; width:-webkit-calc(20%); width:-moz-calc(20%); width:calc(20%);}
.mobileMenuLayer .menuAll .menuList3 > li:nth-child(2n){width:-webkit-calc(20%); width:-moz-calc(20%); width:calc(20%);}
.mobileMenuLayer .menuAll .menuList3 .list3depth li a{word-break:normal;}
.mobileMenuLayer .menuAll .menuList4{width:-webkit-calc(20%); width:-moz-calc(20%); width:calc(20%);}
.mobileMenuLayer .menuAll .menuList5{width:20%;}

/* dataDiven*/
.dataDriven .dataDrivenTit{padding-bottom:10px; font-family:'nbgbd'; font-size:22px; color:#222;}
.dataDriven .style-b .dList h5{padding-top:140px; padding-bottom:66px; font-size:24px; color:#222; font-weight:bold; text-align:center; background:url('../images/bg_dataDriven1.png') no-repeat center top;}
.dataDriven .style-b .dList .list-txt{margin:0 auto; padding:0 !important;}
.dataDriven .style-b .dList p.list-txt,
.dataDriven .style-b .dList .list-txt li{padding-left:10px; font-size:16px; line-height:24px; text-indent:-6px;}
.dataDriven .style-b .list-link{margin:70px auto 0; padding:0 !important; width:206px;}
.dataDriven .style-b .list-link li{font-size:18px; color:#050707;}
.dataDriven .style-b .list-link li a{height:51px; line-height:51px; text-align:center; color:#143f90; border:1px solid #00adef; display:block;}
.dataDriven .style-b .list-link li a:hover{color:#fff; background:#00adef;}
.dataDriven .style-b .list-link li + li{margin-top:5px;}
.dataDriven .style-b .dList.driven1{margin-right:45px; padding-left:6.3%; width:206px;}
.dataDriven .style-b .dList.driven1 .list-txt{width:140px;}
.dataDriven .style-b .dList.driven2{margin-right:45px; width:387px; background:url('../images/bg_arrow3.png') no-repeat right 81px, url('../images/bg_arrow3.png') no-repeat left 81px;}
.dataDriven .style-b .dList.driven2 h5{background:url('../images/bg_dataDriven2.png') no-repeat center top;}
.dataDriven .style-b .dList.driven2 .list-txt{margin-left:27px;}
.dataDriven .style-b .dList.driven3{margin-right:0; width:242px;}
.dataDriven .style-b .dList.driven3 h5{background:url('../images/bg_dataDriven3.png') no-repeat center top;}
.dataDriven .style-b .dList.driven3 .list-txt{width:212px}
.dataDriven .inTabContents{margin-top:44px; border:1px solid #dcdcdc;}
.dataDriven .contentsWrap.dataDrivenTbl{margin:42px 49px 0; border-top:3px solid #333;}
.dataDriven .inTabContents > span{margin:37px auto 0; padding-top:130px; width:200px; height:70px; font-size:25px; text-align:center; display:block;}
.dataDriven .inTabContents > span.line2{padding-top:126px; height:75px; font-size:21px; line-height:25px;}
.dataDriven #inTab1_1 > span{background:url('../images/bg_driven1_1.png') no-repeat left top;}
.dataDriven #inTab1_2 > span{background:url('../images/bg_driven1_2.png') no-repeat left top;}
.dataDriven #inTab1_3 > span{background:url('../images/bg_driven1_3.png') no-repeat left top;}
.dataDriven #inTab1_4 > span{background:url('../images/bg_driven1_4.png') no-repeat left top;}
.dataDriven #inTab2_1 > span{background:url('../images/bg_driven2_1.png') no-repeat left top;}
.dataDriven #inTab3_1 > span{background:url('../images/bg_driven3_1.png') no-repeat left top;}
.dataDriven #inTab4_1 > span{background:url('../images/bg_driven4_1.png') no-repeat left top;}
.dataDriven #inTab4_2 > span{background:url('../images/bg_driven4_2.png') no-repeat left top;}
.dataDriven #inTab5_1 > span{background:url('../images/bg_driven5_1.png') no-repeat left top;}
.dataDriven #inTab5_2 > span{background:url('../images/bg_driven5_2.png') no-repeat left top;}
.dataDriven #inTab5_3 > span{background:url('../images/bg_driven5_3.png') no-repeat left top;}
.dataDriven #inTab5_4 > span{background:url('../images/bg_driven5_4.png') no-repeat left top;}
.dataDriven #inTab5_5 > span{background:url('../images/bg_driven5_5.png') no-repeat left top;}
.dataDriven #inTab6_1 > span{background:url('../images/bg_driven6_1.png') no-repeat left top;}
.dataDriven #inTab7_1 > span{background:url('../images/bg_driven7_1.png') no-repeat left top;}
.dataDriven #inTab7_2 > span{background:url('../images/bg_driven7_2.png') no-repeat left top;}
.dataDriven #inTab7_3 > span{background:url('../images/bg_driven7_3.png') no-repeat left top;}
.dataDriven #inTab7_4 > span{background:url('../images/bg_driven7_4.png') no-repeat left top;}
.dataDriven #inTab7_5 > span{background:url('../images/bg_driven7_5.png') no-repeat left top;}
.dataDriven dt{padding:26px 0 25px 30px; vertical-align:top; font-size:20px; font-weight:bold; text-align:left; border-bottom:1px solid #d9d9d9; cursor:pointer; background:url('../images/bg_driven_arrowDown.png') no-repeat right 29px top 31px;}
.dataDriven dt.last{border-bottom:0;}
.dataDriven dt.show{background-image:url('../images/bg_driven_arrowUp.png');}
.dataDriven dt.show.last{border-bottom:1px solid #d9d9d9;}
.dataDriven dt.show.last + dd{border-bottom:0;}
.dataDriven dd{display:none; padding:30px 44px; vertical-align:top; font-size:16px; font-weight:normal; line-height:26px; text-align:left; border-bottom:1px solid #d9d9d9;}
.dataDriven dd span{padding-top:30px; font-weight:bold; display:block; color:#00adef;}
.sevenTabs li{width:14.28%;}

.eightTabs li{width:25%;}
.tabArea .tabs.eightTabs{height:140px;}
.tabArea .tabs.eightTabs li.first, .tabArea .tabs.eightTabs li{width:256px;}
.tabArea .tabs.eightTabs li:hover{background:none;}
.tabArea .tabs.eightTabs li:hover a{background:#00aeef;}
.tabArea .tabs.eightTabs li + li + li + li + li a{border-top:0; height:69px;}

/*2017-04-28*/
/*main visual text 왼쪽 정렬 type 2개 - e, f*/
/*수정*/
.bxslider li .sitem p.etype_loc1, .bxslider li .sitem p.etype_loc2 {position:relative}
.etype_loc1 {top:228px; left:auto; text-align:left; width:1200px; margin:0 auto}
.mainSlide .sl_subTxt.etype_loc2 {top:274px;left:auto; text-align:left; width:1200px; margin:0 auto}
.itxt i {display:inline-block; font-style:normal; padding-top:17px; font-style:normal;background:url('../images/i_visual.png') no-repeat center top}

.ftype_loc1 {left:12%;top:268px; text-align:left}
.ftype_loc2 {left:12%;top:361px; text-align:left}
.mainSlide .sl_subTxt.ftype_loc2 {text-align:left}
.bxslider li .sitem .btxt .bk_clr, .bxslider li .sitem .stxt.bk_clr {color:#222}

.sl_mainTxt .ctype_loc1 {font-family:'nbg'}
.bxslider li .sitem .btxt {font-family:'nbglight'}
.bxslider li .sitem strong.btxt{font-family:'nbg'}
.bxslider li .sitem .btxt span {font-family:'nbg'}
.subLogoType .contents .contents_inner{padding-left: 30px;line-height: 1.7;list-style-type: circle;}



/* 관리자페이지 */
.adminFr{
	text-align: center;
    margin: 0 auto;
	padding-top : 55px;
    width: 30%;
}
.adminTb tr{
	height : 60px;
}
.adminTb tr td:first-child{
	width : 100px;
}
.daumMap{
	margin:0 auto;width:100%;height : 500px;
}

.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; color: #ddd; cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #D69746;}
.cycle-pager > * { cursor: pointer;}
.appDown{width:100px;border:1px solid #DBDBDB;border-radius:10px;margin:0 auto;cursor: pointer;}

/*온천 소식 및  공지사항등.. 게시판 부분---------------------------*/
#sel-box {
	width:100px;
	height:40px;
	text-align: center;
	margin:0;
	padding:0;
	font-size:14px;
}
#serch-box{
	position : relative;
	display: inline-block;
	width: 100px;
	height:42px;
	background-color: #2da9c2;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}
#serch-box > div {
	position: absolute;
	left : 35%;
	top: 30%;
	color:#FFFFFF;
	font-size:14px;
}
#serch{
	width:300px;
	height:36px;
	margin:0;
	padding:0;
	font-size:14px;
}
#top-box{
	text-align: center;
	margin-top:40px;
}
#middle-box{
	font-size:17px;
	margin-top:20px;
	font-weight: bold;
	padding-bottom: 20px;
}
#end-box{
	
}
#end-box > table{
	width:100%;
	margin-top : 20px;
	font-size : 14px;
}
#end-box > table > thead > tr > th {
	border-top : 1px solid;
	border-bottom:  1px solid;
	height: 50px;
}
#end-box > table > thead > tr > #d1 {
	width:150px;
	height:50px;
}
#end-box > table > thead > tr > #d3 {
	width:150px;
}
#end-box > table > thead > tr > #d4 {
	width:150px;
}
#end-box > table > thead > tr > #d5 {
	width:150px;
}
#end-box > table > tbody > tr > td {
	border-bottom: 1px solid #dddddd;
}

#end-box > table > tbody > tr > .d1-1 {
	height:50px;
	text-align: center;
}
#end-box > table > tbody > tr > .d1-2 {
	text-align:left;
}
#end-box > table > tbody > tr > .d1-3 {
	text-align: center;
}
#end-box > table > tbody > tr > .d1-4 {
	text-align: center;
}
#end-box > table > tbody > tr > .d1-5 {
	text-align: center;
}

#noimg{
	width: 40px;
}
#pageing{
	text-align: center;
	margin-top :30px;
}
#pageing > a > div{
	display: inline-block;
	height : 20px;
	min-width:20px;
	padding:5px;
	font-weight: bold;
	font-size: 14px;
	font-family: 'nbg';
}
#pageingM{
	margin-top :65px;
	float: left;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
#pageingM > a{
	cursor: pointer;
}
#pageingM > a > div{
	display: inline-block;
    height: 20px;
    min-width: 20px;
    padding: 5px;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #333;
    font-family: 'nbg';
	line-height: 20px;
}
.selected{
	background-color: #2da9c2;
	color : #fff !important;
	border-radius: 5px;
}
.img-con-box{
	width :100%;
}
.img-con-box .img-con-area{
	
}
.img-con-area{
	display: inline-block;
}
.text-con-area{
	display: inline-block;
	width: 820px;
	position: relative;
	padding : 0 10px;
	min-height: 205px;
	top:50px;
	border-bottom: 2px solid #efefef;
}
.date-box{
	position: absolute;
	right:0;
	top :2px;
}
.text-con-area .tit{
	font-size: 22px;
	max-width: 600px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.text-con-area .goto{
	color:#bfbfbf;
}
.text-con-area a{
	color:#bfbfbf;
}
.text-con-area > div{
	display: inline-block;
	font-size: 15px;
}
.rkimg{
	position: absolute;
	top:120px;
	right:20px;
}

.r_img{
	width:150px;
}

.img-con-area > img{
	width : 350px;
	height: 230px;
}


/*행사갤러리*/
.images-box .images-outer-box{
	position:relative;
	width:300px;
	height:300px;
/* 	background-color: red; */
	float: left;
	text-align: center;
}
.images-box{
	border-top:1px solid;
	padding-top : 20px;
	position:relative;
}
.gallery-mid{
	margin-bottom: 10px;
}
.gallery-end {
	padding-bottom: 20px;
	border-bottom: 1px solid;
}
#claer{
	clear: both;
}
.images-inner-box{
	position:absolute;
	width:280px;
	height: 280px;
 	background-color: #f9f9f9; 
	top:10px;
	left:8px;
	border: 1px solid #dfdfdf;
	font-size:15px;
	cursor: pointer;
}
.img-thum{
	width:100%;
	height:200px;
}
.t-title{
	
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top : 13px;
	text-align: left;
	padding:0 8px;
}
.t-date{
	margin-top : 10px;
	text-align: left;
	padding:0 8px;
}
/*온천 소식 및  공지사항등.. 게시판 부분 종료---------------------------*/

/*온천축제 파트---------------------------*/
.fes-box{
	margin-top:50px;
}
.fes-con{
/* 	background-color: red; */
	width:50%;
	height:600px;
	float: left;
	position: relative;
	cursor: pointer;
}
.fes-img{
	position:absolute;
/* 	background-color: blue; */
	width:570px;
	height:570px;
	top:15px;
	left:15px;
}
.fes-img .fes-inner{
	width:100%;
	height:100%;
	position: relative;
}
.fes-img > div > img,.fes-img > div > a>img{
	width:100%;
	height:570px;
	
}
.fes-updiv{
	position: absolute;
	left : 0;
	top :0;
	padding:10px;
	background-color: #2da9c2;
	color: #fff;
	font-weight: bold;
}
.fes-btdiv{
	text-align: center;
	width:70%;
	position: absolute;
	bottom: 0px;
	left:50%;
	transform:translateX(-50%);
	background-color: rgba(255,255,255,0.8);
	padding: 20px 0;
}
.fes-date{
	margin-top: 40px;
}
.fes-text{
	font-weight: bold;
}
.second{
	margin-top:10px;
}
.fes-inner{
	  overflow:hidden; 
}
/*온천축제 파트 종료---------------------------*/

.button-area{
	height: 50px;
}
/*게시판 뷰 작업 */
.view-title {
	position:relative;

	border-top:1px solid;
	padding-top: 20px;
	padding-bottom : 20px;
	border-bottom: 1px solid #dfdfdf;
	padding-left : 20px;
	padding-right:20px;
}
.view-inner-title{
	position: absolute;
	right:20px;
	top : 20px;
}
.view-subtitle{
	position:relative;

	padding-top: 20px;
	padding-bottom : 20px;
	border-bottom: 1px solid #000;
	padding-left : 20px;
	padding-right:20px;
	text-align: right;
}

.view-subtitle > div{
	display: inline-block;
	padding: 0 5px;
}
.view-content{
	padding:20px 0;
	min-height: 500px;
	
	padding:20px;
}
.view-file{
	width:100%;
	vertical-align: middle;
	padding:10px 0;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
}
.view-file > div{
	padding:0 20px;
	display: inline-block;
}
.view-file .view-img{
	width:18px;
	margin-right:10px;
}
.view-file .view-file-title{
	display:inline-block;
	
	vertical-align : top;
}
.view-file-ob{
	padding-bottom:10px;
}
.btn-area{
	text-align: center;
	padding:20px 0;
}
.btn-area .btn{
	padding:12px 24px;
	background-color: #2da9c2;
    color: #fff;
    display: inline-block;
    margin: 0 10px;
    box-sizing: border-box;
	padding: 0;
    width: 78px;
    height: 40px;
	text-align: center;
	line-height: 40px;
}
.btn-area .btn a{
	display: block;
	width: 100%;
	height: 100%;
	float: left;
	color: #fff;
	line-height: 40px;
}
.board-table{
	border-top: 1px solid #dfdfdf;
	padding-left:20px;
	padding-right:20px;
}
.board-table > table {
	width: 100%;
	vertical-align: middle;
} 
.board-table .tablebtn{
	width: 12px;
	height:12px;
	margin-right:10px;
}
.board-table td{
	border-bottom: 1px solid #dfdfdf;
}
.board-table .td1{
	width:200px;
	text-align: center;
	height:60px;
} 
.board-table .td3{
	width:200px;
	text-align: center;
}
.space{
	heignt:200x;
}
/*게시판 뷰 작업 끝*/

/*로그인 화면*/
.log-box .logbox{
	width:100%;
	height:500px;
/*	background-color: red;*/
	
	margin-top:50px;
	border-top:1px solid #2da9c2;
	border-bottom: 1px solid;
}
.log-box .logbox .innerbox1{
	float: left;
	width:50%;
/*	background-color: blue;*/
	height:500px;
}
.log-box .logbox .innerbox2{
	float: left;
	width:50%;
/*	background-color: blue;*/
	height:500px;
	background-color: #efefef;
}
.innerbox2 .center1{
	text-align: center;	
	font-size:27px;
	color:#2da9c2;
	font-weight: bold;
	height: 20%;
	padding-top:70px;
}
.innerbox2 .center2{
	padding:0 20px ;
	font-size:18px;
	line-height: 1.2;
	color:#777;
}
.innerbox1 .s-box{
	width:100px;
	display: inline-block;
	text-align: left;
	height:32px;
	font-size:15px;
}
.innerbox1 .idpass{
	text-align: center;
	padding-top:140px;
}
.intext{
	background-color: #efefef;
	border : 1px solid #bbb;
	height: 30px;
	width: 300px;
}
.innerbox1 .log-div {
	background-color: #2da9c2;
	color:#fff;
	line-height: 40px;
	margin:5px;
	text-align: center;
	vertical-align: middle;
	font-size:14px;
	cursor: pointer;
}
.innerbox1 .log-div1{
	background-color: #ccc;
	display: inline-block;
	line-height: 40px;
	width:47.4%;
	float: left;
	margin:5px;
	text-align: center;
	color:#fff;
	vertical-align: middle;
	font-size:14px;
}
.innerbox1 .log-box1{
	width:410px;
	margin:0 auto;
	padding-top:40px;
}


/*--------------------------------------------------------*/
/*회원가입*/
/*약관동의----------------------------------------*/
.inner .join-area{background-color: #fbfbfb;margin-top:80px;padding:50px 40px;}
.inner .bing-check{width:25px;height:25px;margin:10px 0;}
.join-text {margin-left :10px;}
.redq{color:#db3461;}
.inner-join-area{height:100%; font-weight: bold;}
.inner-join-area .text-area{background-color:#FFF;border: 1px solid #aaa; overflow: auto;}
.inner-join-area .text1{height:200px;}
.inner-join-area .text2{height:150px;}
.join-area .dag{background-color: #ccc;  width:170px; display: inline-block; background-color: #ccc;padding:15px 0; border-radius: 5px; color:#fff; font-size: 15px;}
.join-area .ag{display: inline-block; width:170px; background-color : #2da9c2;  padding:15px 0; color:#fff; border-radius: 5px; font-size:15px;}
.join-area .join-btn{text-align: center; margin:50px 0 0 0;}
/*약관동의끝----------------------------------------*/
/*정보등록---------------------------------------------*/
.inner .top-padding{padding-top:80px;}
.inner .join-area1{background-color: #fbfbfb; padding-top:40px;padding-bottom: 20px; font-size:20px;border-bottom: 1px solid #2da9c2;}
.join-area1 .inner-join-area > span {padding-left: 20px;}
.from-box{ padding-left:50px; background-color: #fbfbfb; line-height: 60px; height:60px; border-bottom: 1px dashed #999;}
.from-box .star{display: inline-block; color:#db3461;margin-top:-8px; vertical-align: top;}
.from-box .from-list{display: inline-block; font-size:17px; width: 180px;}
.from-box .from-con{display: inline-block; font-size:17px;}
.from-con .btn {display:inline-block; background-color: #000; color:#fff; text-align: center; height:39px;line-height: 2.1; padding:0 12px; margin-left:10px; cursor: pointer;}
.from-con > span {font-size:13px; padding-left:20px;}
.from-con .input-text {height:35px; width:240px;}
.from-con .input-text1 {height:35px; width:73px;}
.join-area1 .sizedown {font-size: 16px; margin-left:20px;}
.from-con .spansing{padding-right:10px; display: inline-block;}
.from-con .check-box {margin-right:5px;}
.from-con .radio-box {margin-right:5px;}
.inner .dag,.detail-dag{background-color: #ccc;  width:170px; display: inline-block; background-color: #ccc;padding:15px 0; border-radius: 5px; color:#fff; font-size: 15px; margin-right:20px; cursor: pointer;}
.inner .ag,.detail-ag{display: inline-block; width:170px; background-color : #2da9c2;  padding:15px 0; color:#fff; border-radius: 5px; font-size:15px;cursor: pointer;}
.inner .join-btn{text-align: center; padding:50px 0 20px 0; background-color: #fbfbfb;}
.inner .join-btn .btn-submit {width: 170px; background-color: #2da9c2;border:none; padding: 15px 0; color: #fff; border-radius: 5px; font-family: inherit; line-height: inherit; font-size: 15px; cursor: pointer;}
/*정보등록끝---------------------------------------------*/
.inner .join-area2{background-color: #fbfbfb;margin-top:80px;padding:50px 40px;  text-align: center;}
.join-area2 .big-box{font-size:48px; font-weight: bold; padding-bottom:20px; padding-top:50px;}
.join-area2 .small-box{font-size:30px;margin-top:50px;}
.inner .join-area2 > img { margin-top:40px; margin-bottom: 50px; cursor: pointer;}
/*보향온천*/
.re-table {width: 100%; text-align: left;}
.re-table td{border-bottom:2px solid #bbb; height: 50px; font-size:18px;}
.re-table td:first-child{text-align: center; width:150px;}
.re-table img{width: 22px; margin-left:20px;}

/*온천축제 뷰*/
.festi_div{display: inline-block;}

/*ajax 로딩*/

.wrap-loading{ /*화면 전체를 어둡게 합니다.*/ position: fixed;  left:0;  right:0;  top:0;  bottom:0;  background: rgba(0,0,0,0.2); /*not in ie */  filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000',endColorstr='#20000000');    /* ie */}
.wrap-loading div{ /*로딩 이미지*/  position: fixed;  top:50%;    left:50%;    margin-left: -21px;    margin-top: -21px; }
.display-none{ /*감추기*/ display:none;}

#hotspring_search_wrap {
	padding: 20px;
	font-size: 0;
	text-align: center;
}

#hotspring_search_wrap * {
	box-sizing: border-box;
}

#hotspring_search_wrap>div {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
}

#hotspring_search_wrap>div:not(:first-child) {
	margin-left: 4px;
}

#hotspring_search_wrap .search_input {
	border: 1px solid #ccc;
	display: inline-block;
}

#hotspring_search_wrap #serch_name {
	width: 100%;
	border: none;
	padding: 6px 0 6px 10px;
	line-height: inherit;
}

#hotspring_search_wrap #serch_btn {
	width: 80px;
	height: 33px;
	margin-left: 10px;
	border-radius: 7px;
	background-color: #2da9c6;
	line-height: 31px;
	color: #FFFFFF;
	cursor: pointer;
}