@charset "utf-8";
/*한글 */
	body {}

	img {display:inline-block; vertical-align:top;}
	.links {line-height:0px; display:block; overflow:hidden; font-size:0px;}

	#top {position:relative;width:100%; background: url(/images/top_img.png) repeat-x; background-size: 10px; height:100px;}



	#page {width:100%; margin:0px auto;}
	.ui-header .ui-title {margin:0px !important;}
	.ui-header .ui-btn {margin-top:10px !important;}

	#top_wrap {position:relative; z-index: 99; height: 86px; background: #fff;}
	#top h3 {}
	#top_wrap .top_logo {position: absolute; left: calc(50% + 20px); top: 50%; z-index: 88; width: 236px; height: 46px; transform: translate(-50%, -50%);}
	#top_wrap .top_logo img {width: 100%;}

	#top_lines {height:5px; background-color:#3591c7; border-bottom:1px solid #c7c7c7;}



	#index .index_bottom_btn {width:100%; margin:0 auto; border-bottom:11px solid #febf0c;}
	#index .index_bottom_btn img {width:100%;}


	#index .top_btn {display: inline-block;}
	#index .top_btn .top_menu p {width: 80%; margin: 5px auto;}
	#index .top_btn .top_menu p:first-child {margin-top: 0px; margin-bottom: 10px;}

/* 나비 */
	#nav {width:100%; border-top:2px solid #2dc000; border-bottom:1px solid #ececec;}
	#nav li {display:inline-block; float:left; width:20%; background-color:#86c400;  border-collapse: separate;} /* h :56 */
	#nav li a {display:block; text-align:center; height:24px; padding-top:4px; border-bottom:1px solid #b2b2b2; border-left:1px solid #add752; border-right:1px solid #35b263; padding-left:1px; border-top:0px none;}
	#nav li a.first {border-left:0px none; }
	#nav li a.last {border-right:0px none;}


	.sub_nav {width:100%; background-color:#90979e;border-bottom:1px solid #91bdd6; }
	.sub_nav li {display:inline-block; float:left; font-weight:bold; color:#fff; } /* h :56 */
	.sub_nav li.on { background-color:#1773a8; } /* h :56 */
	.sub_nav li.off {background-color:#8f9dab; } /* h :56 */
	.sub_nav li a {display:block; width:block; padding:15px 20px; color:#fff; text-decoration:none;} /* h :56 */




	#b_title {width:100%; padding:10px 0px 0px 0px; background:url(/images/dot_gray_1px.png) 0 bottom  repeat-x;}
	#b_title h3 {border-bottom:1px solid #e46161; font-size:1.6em; padding:10px 10px; }
	.h3color1 {color:#000; }
	.h3color2 {color:#ff0000; }
	.sub_title {clear:both; margin-top:10px; width: 100%; text-align:center; font-size:16px; padding:5px 0px 5px 0px;  color:#fff; background-color:#000; background-image: -webkit-gradient(linear,left top,right top,color-stop(0.1, rgb(81,77,78)),color-stop(1, rgb(36,32,33)));}
	.b_title {width:100%; padding:10px 0px 0px 0px; background:url(/images/dot_gray_1px.png) 0 bottom  repeat-x;}
	.b_title h3 {border-bottom:1px solid #e46161; font-size:1.6em; padding:10px 10px; }

	#content {}
	#inContent {width:98%; margin:0 auto;}
	#sub_header {width:100%;}
	#sub_welcome {width:100%;}
	#sub_visual {width:100%;}

	.in_content {width:95%; margin:0px auto;}
	.input_text {border:1px solid #ccc; padding:4px 0px;}
	.bgcolor_eee {background-color:#eee;}
	.font_14px {font-size:14px !important;}
	.width100 {width:100%;}

	.div_ib div {display:inline-block; float:left;}
	.pad_l15 {padding-left:15px !important;}

	.pagingArea {text-align:center; padding:25px 0px;}

/* 카피라이터 */

	#bottom {clear:both; float:left; width:100%;  background-color:#818286; color: #b3b4b8; font-family: "다음", "돋움체", sans-serif; position: relative; margin-top: 20px;}

	#bottom .copy_icon {position: absolute; top:10px; right:12px;}

	#bottom .copy1 p, .copy2 p, .copy3 p {line-height: 15px;}
	#bottom .copy .tit {font-size:12pt; width:100%; margin-bottom: 10px;}
	#bottom .copy p:last-child {font-size:12pt; margin-bottom:12px;}
	#bottom .copy1,.copy2,.copy3 {width:100%; margin-bottom: 10px;}
	#bottom .copy1 span{margin-right:8px;}
	#bottom .copy2 span{margin-right:8px;}
	#bottom .copy3 span{margin-right:8px;}

	#bottom .bank {color: #fff; margin: 10px 0;}
	#bottom .bank span {line-height: 20px;}
	#bottom .bank .s01 {font-size: 12px; margin-right: 10px;}
	#bottom .bank .s02 {font-size: 15px;}
	#bottom .bank .img {width: 110px; margin-right: 10px; display: block; float: left;}
	#bottom .bank .img img {width: 100%;}

	#bottom_btns {margin-top:20px; float:left; width:100%; background-color:#e9e9e9;}
	.bottom_btns {width:94%; margin-left:3%}
	.bottom_btns li {width:20%;}

	#copyright {clear:both; float:left; color: #b3b4b8;}

	/* 오시는길 */
	#copyright2 {clear:both; float:left; margin-top:0px; color:#fff; width:100%; border-top:1px solid #84abd2; padding:20px 0px; background:#3390c7 url(/images/copyright_bg.png) 0 0 repeat-x;/*background-size:50%;*/}
	#copyright2 .cominfo {line-height:21px; width:100%; text-align:center; color:#fff;}
	#copyright2 .rights {line-height:32px; text-align:center; color:#aeceff;}


/* 인덱스 */

	#index {width:100% !important; display: inline-block;}
	#index img[usemap] {border: none; height: auto; max-width: 100%;}
	#index .go_btn1 div {float:left;}


	#community_menu {width:100%; margin:0px auto; margin-top:2px; padding-bottom:2px; border-bottom:2px solid #5cc6f1; }
	#community_menu .wraps {width:100%;}
	#community_menu .menu_1 {float:left; width:33%; display:table; height:38px;}
	#community_menu .menu_1.ff {float:left; width:34%; display:table;}
	#community_menu .menu_1.w50 {float:left; width:50%; display:table;}
	#community_menu .menu_1.w34 {float:left; width:34%; display:table;}
	#community_menu .menu_1.w33 {float:left; width:33%; display:table;}
	#community_menu .menu_1.w25 {float:left; width:25%; display:table;}
	#community_menu .menu_1.w20 {float:left; width:20%; display:table;}
	#community_menu .menu_1 a {display:table-cell; background-color:#5cc6f1; border-style:solid; border-color:#fff; border-width:0px 1px 1px 0px; color:#fff; height:38px; text-align:center; vertical-align:middle;}
	#community_menu .menu_1.on a {background-color:#fff; color:#888;}
	#community_menu:before {clear:both; content: " "; display:table; }
	#community_menu:after {clear:both; content: " "; display:table;}

	.desc_c1 {color:#a4a4a4 !important;}
	.desc_c2 {color:#7b7575 !important;}
	.desc_c3 {color:#5cc6f1 !important;}
	.tit_txt {font-weight:bold; font-size:16px; letter-spacing:-1px; line-height:19px;}
	.tit_txt2 {font-size:12px; line-height:140%;}
	.alert_txt {font-size:13px; line-height:15px; color:#dc2f2f;}
	.label_p {font-size:14px; font-weight:bold;}
	.sstitle {font-weight:bold; color:#5cc6f1; font-size:20px; padding:5px 0px; border-bottom:2px solid #5cc6f1; margin-bottom:2px; text-align:left;}
	.stitle {font-weight:bold; color:#5cc6f1; font-size:20px; padding:5px 0px; }
	.stitle18 {font-weight:bold; color:#5cc6f1; font-size:18px; padding:5px 0px; letter-spacing:-1px; }

	.title_line {margin-top:10px;}

	#dropdown2,#dropdown3,#dropdown4 {position:relative;width:100%;z-index:1; overflow:visible;}
	.dropdown {width:100%;position:relative;display:block;background:#4fbfe3;color:#fff;cursor:pointer;z-index:1}
	.drop ul {width:100%;}
	.drop ul li {display:table;width:100%;}
	.drop ul li a:hover {background:#ea7d00;color:#fff;}
	.drop {width:100%; border:none;position: absolute;height:0;overflow:hidden;margin-top: 0;margin-bottom: 0;}
	.selected {width:100%; padding:0; display:table;}
	.selected a {width:100%;display:table-cell;color:#fff;}
	.dropdown ul li a {width:100%;display:table-cell;color:#fff !important;background-color:#477494 !important;}



	.btnZone {text-align:center; padding:30px 0px;}




/* 오시는길 */
	.map_area {width:100%; margin:0 auto;}





	.button,
	.button *{ position:relative; margin:0; padding:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:12px; font-family:돋움,dotum,굴림,굴림체,gulim,tahoma,sans-serif,arial,verdana; white-space:nowrap; /*background:url(/images_kr/button_bg.gif) no-repeat;*/ background: #4c6276; vertical-align:top; overflow:visible; color:#fff; text-indent:0px; text-shadow: -1px 1px 1px rgba(0,0,0,0.5); background-size: auto 24px;}
	.button { margin-right:4px;}
	.button *{ left:4px; cursor:pointer; _cursor:hand;}
	.button a {color: #fff;}

	/* Button Size = medium | large | xLarge | small */
	.button.medium, .button.medium *{ height:24px; line-height:24px;}
	.button.large, .button.large *{ height:30px; line-height:30px;}
	.button.xLarge, .button.xLarge *{ height:36px; line-height:36px;}
	.button.small, .button.small *{ height:19px; line-height:19px;}
	.button.medium { background-position:left 0;}
	.button.large { background-position:left -30px;}
	.button.xLarge { background-position:left -65px;}
	.button.small { background-position:left -106px;}
	.button.medium *{ padding:0 10px 0 6px; font-size:12px; background-position:right top;}
	.button.large *{ padding:0 10px 0 6px; font-size:16px; background-position:right -30px;}
	.button.xLarge *{ padding:0 10px 0 6px; font-size:20px; background-position:right -65px;}
	.button.small *{ padding:0 6px 0 2px; font-size:11px; background-position:right -106px;}

	/* Button Hover */
	.button *:hover { color:#fff;}
	/*
	.button *:active { color:red;}
	.button *:focus { color:red;}
	*/
	/* Button Strong */
	.button.strong *{ font-weight:bold !important;}

	/* Button Icon Variation */
	.button.icon *{ padding-left:20px;}
	.button.small.icon *{ padding-left:16px;}
	.button.icon span{ width:20px; margin-right:-20px; padding:0 !important;}
	.button.medium .check{ background-position:4px -150px;}
	.button.large .check{ background-position:4px -146px;}
	.button.xLarge .check{ background-position:5px -144px;}
	.button.small .check{ background-position:3px -153px;}
	.button.medium .add{ background-position:-16px -150px;}
	.button.large .add{ background-position:-14px -146px;}
	.button.xLarge .add{ background-position:-14px -144px;}
	.button.small .add{ background-position:-18px -153px;}
	.button.medium .delete{ background-position:-34px -150px;}
	.button.large .delete{ background-position:-34px -146px;}
	.button.xLarge .delete{ background-position:-34px -144px;}
	.button.small .delete{ background-position:-37px -153px;}
	.button.medium .calendar{ background-position:-56px -150px;}
	.button.large .calendar{ background-position:-56px -146px;}
	.button.xLarge .calendar{ background-position:-56px -144px;}
	.button.small .calendar{ background-position:-59px -153px;}
	.button.medium .refresh{ background-position:-76px -150px;}
	.button.large .refresh{ background-position:-76px -146px;}
	.button.xLarge .refresh{ background-position:-76px -144px;}
	.button.small .refresh{ background-position:-79px -153px;}

/*170601 메인css 추가*/

	#index img {width: 100%;}

	.indexBtn01 {width: 95%; margin: 5px auto; overflow: hidden;}
	.indexBtn01 ul {width: 100%; margin-bottom: 5px; overflow: hidden;}
	.indexBtn01 li {float: left; margin-right: 5px; width: 32.2%;}
	.indexBtn01 li.li03 {margin-right: 0;}

	.indexBn01 {width: 100%; margin-bottom: 20px;}

	.indexMovie01 {width: 90%; margin: 0 auto; margin-bottom: 20px;}
	.indexMovie02 {width: 90%; margin: 0 auto; margin-bottom: 20px;}

	.indexBn02 {width: 95%; margin: 0 auto; margin-bottom: 10px;}

	.iBtn {width: 95%; margin: 0 auto; margin-bottom: 10px; overflow: hidden;}
	.iBtn li {width: 100%; margin-bottom: 10px; overflow: hidden;}
	.iBtn li:last-child {margin-bottom: 0;}

	.indexBn03 {width: 95%; margin: 0 auto; margin-bottom: 10px;}
	.indexBn04 {width: 95%; margin: 0 auto; margin-bottom: 10px;}
	.indexBn05 {width: 95%; margin: 0 auto; margin-bottom: 10px;}

	.indexBnList {width: 95%; margin: 0 auto;}
	.indexBnList ul {overflow: hidden; margin-bottom: 10px;}
	.indexBnList li {width: 32.2%; margin-right: 5px; float: left;}
	.indexBnList li.li03 {margin-right: 0;}

	.indexBn09 {width: 95%; margin: 0 auto; margin-bottom: 10px;}
	.indexBn10 {width: 95%; margin: 0 auto; margin-bottom: 10px;}


/*
	#content img {width: 100%; float: left;}
	#content div {width: 100%; overflow: hidden;}
	#content .link a {width: 25%; float: left;}
	#content .link .img03 {width: 50%;}
	#content .lbtn01 {width: 85%; margin: 0 auto; margin-bottom: 20px; overflow: hidden;}
	#content .lbtn02 {width: 85%; margin: 0 auto;}
	#content .lbtn03 {margin-bottom: 20px; overflow: hidden;}
	#content .lbtn04 {margin-bottom: 20px; overflow: hidden;}
*/

#shop {width: 90%; margin: 0 auto;}

/*컨텐츠*/
.martop35 {margin-top: 15px;}
.marbot35 {margin-bottom: 15px;}
.mar35 {margin: 15px 0;}

.martop15 {margin-top: 5px;}
.marbot15 {margin-bottom: 5px;}
.mar15 {margin: 5px 0;}

p.hidden {position: absolute; z-index: -1; border: 0; left: 0; bottom: 0; visibility: hidden;}

.indexTopBn {width: 90%; margin: 0 auto; margin-bottom: 15px; overflow: hidden;}
.indexTopBn a {display: block;}

/*#joinStep .input_text {font-family: 'Nanum Gothic', sans-serif;}*/


.index_bns { width: 90%; margin: 2vw auto; }
.index_bns li { margin-bottom: 1.7vw; display: inline-block; width: 100%; position: relative; }
.index_bns li a { position: absolute; bottom: 2.5vw; left: 3.5vw; z-index: 1; color: #fff; font-size: 3vw; font-family: 'SCDream', 'NanumSquareB', 'RIXGO', sans-serif; font-weight: 600; letter-spacing: 0.01em; line-height: 1; }
.index_bns li a:hover { text-shadow: 2px 2px 0 rgba(255, 255, 255, 0.3); }
.index_bns li img { width: 100%; }