@charset 'utf-8';

/* All Device */
	/** 공통 **/
	*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
	html,body{width: 100%;height:100%;min-width:320px}
	html,body,
	h1,h2,h3,h4,h5,
	div,p,span,
	header,hgroup,nav,section,
	ul,li,il,
	table,caption,tbody,tfoot,thead,tr,th,td,figure,
	button{margin:0;padding:0;font-style:normal;border:none;background:none}
	img{max-width:100%;border:none}
	table{border-collapse:collapse;border-spacing:0px}
	th,td{padding:0px}
	ul,li,dd,dt{list-style-type:none}

	/* 배경 */
	.dmm{position:fixed; top:0; right:0; bottom:0; left:0;width:100%;height:100%;background:#333333;opacity:0.9;z-index:100}

	/* 폰트 */
	*{font-family:'Noto Sans KR',sans-serif;!important}
	body{color:#666666;font-size:14px;font-weight:400;letter-spacing:-1px;line-height:1.6;word-wrap: normal;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;}

	@font-face{
	   font-family:'Noto Sans KR';
	   font-style:normal;
	   font-weight:400;
	   src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
			url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
			url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
	}
	@font-face{
	   font-family:'Noto Sans KR';
	   font-style:normal;
	   font-weight:500;
	   src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
			url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
			url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
	}
	@font-face{
	   font-family:'Noto Sans KR';
	   font-style:normal;
	   font-weight:700;
	   src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
			url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
			url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
	}		 



	/* 링크 */

	A:link,A:visited{color:#333333;text-decoration:none}
	A:hover{color:#cc0000;text-decoration:none}

	
	/* 여백 */	
	.__width{position:relative;max-width:1100px;width: 100%;margin:0 auto}
	.__width:after,table:after{content:'';display:block;clear:both}

	.__high{margin:0 0 60px !important}
	.__half{margin: 0 0 30px !important;}
	.__low{margin: 0 0 10px !important;}


	/* 선 */
	.__underline{border-bottom:1px solid #e5e5e5}
	.__bar{margin:0 auto;width:60px;height:5px;background:#cccccc}
	.__line{margin: 0 0 30px 0;width: 100%;height: 10px;background:url('../images/container/common_line.png') left center repeat}

	/* 정렬 */
	.__left{text-align:left}
	.__center{text-align:center}
	.__right{text-align:right}

	/* 색상 */
	 .__black{color:#333333;!important}
	 .__gray{color:#999999;!important}
	 .__red{color:#cc0000;!important}
	 .__white{color:#ffffff;!important}

	/* 배경 */
	.__bg{background-color:#f5f5f5}
	.__bg_red{background-color:#cc0000}
	.__bg_main_img{/*background-color:#e8d4b3*/padding:20px 0}


	/* 제목 */
	h1{font-size:32px;font-weight:700}
	h2{font-size:28px;font-weight:700}
	h3{font-size:24px;font-weight:500}
	h4{font-size:21px;font-weight:500}
	h5{font-size:18px;font-weight:500}

	/* 컬럼 */ 
	.__col2{margin:0 0 30px;width:calc(100%/2);-webkit-calc(100%/2);-moz-calc(100%/2);border-left:3px solid #ffffff}
	.__col2:first-child{border-left:0px}
	.__col3{margin: 0 0 30px;width:calc(100%/3);-webkit-calc(100%/3);-moz-calc(100%/3);border-left:3px solid #ffffff}
	.__col3:first-child{border-left:0px}
	.__col4{margin:0 0 30px;width:calc(100%/4);-webkit-calc(100%/4);-moz-calc(100%/4);border-left:3px solid #ffffff}
	.__col4:first-child{border-left:0px}
	.__col5{margin:0 0 30px;width:calc(100%/5);-webkit-calc(100%/5);-moz-calc(100%/5);border-left:3px solid #ffffff}
	.__col5:first-child{border-left:0px}
	.__col6{margin:0 0 30px;width:calc(100%/6);-webkit-calc(100%/6);-moz-calc(100%/6);border-left:3px solid #ffffff}
	.__col6:first-child{border-left:0px}
	.__col7{margin:0 0 30px;width:calc(100%/7);-webkit-calc(100%/7);-moz-calc(100%/7);border-left:3px solid #ffffff}
	.__col7:first-child{border-left:0px}
	.__col8{margin:0 0 30px;width:calc(100%/8);-webkit-calc(100%/8);-moz-calc(100%/8);border-left:3px solid #ffffff}
	.__col8:first-child{border-left:0px}

	/**header**/
	#header{position:relative;width:100%;background-color:#ffffff;z-index:200}

	/* tnb */ 
	#header .tnb{background-color:#cc0000;padding:0 0 0 10px}
	#header .tnb ul li{float:left;text-align:center}
	#header .tnb ul li > a{font-size:16px;font-weight:500;color:#ffffff;width:95px;padding:10px 0px;margin:5px 3px 0 0;display:block}
	#header .tnb ul li > a:hover,
	#header .tnb ul li > a.on{background-color:#ffffff;color:#333333}


	/* top */ 
	#header .top{height:100px;padding:25px 15px;border-bottom:1px solid #cccccc}
	#header .top .logo{position:absolute;left:50%;margin:0 0 0 -125px}
	#header .top .phone{position:absolute;left:0}
	#header .top .phone .textarea{float:left;background:url('../images/header/header_phone.png') left center no-repeat;padding:0 0 0 50px}
	#header .top .phone .text p{font-size:24px;color:#666666;padding:0}

	
	/* toggle Gnb */ 	
	#header .top .toggleGnb{position:absolute;right:0;top:0}
	#header .top .toggleGnb .icon{width:40px;height:40px;background:url('../images/header/header_toggle_icon_open.png') 50% 50% no-repeat}
	#header .top .toggleGnb.active .icon{background:url('../images/header/header_toggle_icon_close.png') 50% 50% no-repeat}

	/* toggle lnb */ 	
	#header .all_nav{display:none;border-top:1px solid #ccc;border-bottom:1px solid #000000 ;margin:-1px 0 0 0;padding:0 15px;background:#ffffff;width:100%}
	#header .all_nav.on{display:block;position:absolute;z-index:1}
	#header .all_nav ul{margin:0 auto;width:100%}
	#header .all_nav ul li{display:block;float:left;text-align:center;position:relative;width:calc(100%/6);-webkit-calc(100%/6);-moz-calc(100%/6);padding:20px 0}
	#header .all_nav ul li > a{font-size:21px;font-weight:700}
	#header .all_nav ul li > a:hover{color:#cc0000}
	#header .all_nav ul li ul li{display:block;width:100%;padding:20px 0 0 0 ;text-align:center}
	#header .all_nav ul li ul li > a{font-size:16px;color:#666666;font-weight:500}
	#header .all_nav ul li ul li > a:hover{color:#cc0000;font-weight:500}

	/* nav */ 	
	#header .nav{padding:0 15px;border-bottom: 1px solid #cccccc;}
	#header .nav .gnb ul{margin:0 auto;width:100%}
	#header .nav .gnb ul li{display:block;position:relative;float:left;width:calc(100%/6);-webkit-calc(100%/6);padding:20px 0;-moz-calc(100%/6);text-align:center}
	#header .nav .gnb ul li:not(:first-child):before{content:'';width:1px;height:15px;background:#999999;position:absolute;left:0;top:25px}
	#header .nav .gnb ul li > a{font-size:21px;font-weight:700}
	#header .nav .gnb ul > li.title a:after{display:block;position:absolute;left:0;right:0;bottom:0;width:0;height:6px;margin:0 auto;background-color:#ffffff;opacity:1;content:''}
	#header .nav .gnb ul > li.title:hover > a{color:#cc0000}
	#header .nav .gnb ul > li.title:hover > a:after{content:'';opacity:1;width:80%;background-color:#cc0000;
	transition:opacity 0.2s,width 0.3s;
	-webkit-transition:opacity 0.2s,width 0.3s;
	-moz-transition:opacity 0.2s,width 0.3s;
	-o-transition:opacity 0.2s,width 0.3s;
	}
	#header .nav .gnb ul li ul{display:none;float:left;position:absolute;z-index:1;top:73px;width:100%;margin:0;border-left:1px solid #999999 ;border-bottom:1px solid #999999 ;border-right:1px solid #999999 ;background-color:#ffffff}
	#header .nav .gnb ul li ul li{display:block;width:100%;padding:20px 0 0 0 ;text-align:center}
	#header .nav .gnb ul li ul li:last-child{display:block;width:100%;padding:20px 0 ;text-align:center}
	#header .nav .gnb ul li ul li:last-child:after,
	#header .nav .gnb ul li ul li:before{display:none}
	#header .nav .gnb ul li ul li > a{font-size:16px;color:#666666;font-weight:500}
	#header .nav .gnb ul li ul li > a:hover{color:#cc0000;font-weight:500}

	/**container**/

	/* 이미지 슬라이드 */
	#container .slide{padding:0}

	/* 메뉴제목(spot) */
	#container .spot{position:relative;padding:30px 0;background-color:#000000}
	#container .spot .textarea .description p{font-size:16px;font-weight:500;color:#ffffff;text-align:center}

	/* 메뉴(lnb) */
	#container .lnb{display:block;position:relative;float:none;width: 100%;margin: 0 auto;padding:0}
	#container .lnb h2{display:none}
	#container .lnb ul{margin: 0 auto;width:100%}
	#container .lnb ul li{float:left;background:#ededed;text-align:center}
	#container .lnb ul li > a{display:block;padding:15px 0;font-size:16px;font-weight: 400;color:#333333;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
	#container .lnb ul li > a:before{display:none}
	#container .lnb ul li > a:hover,
	#container .lnb ul li > a.on{background-color:#cc0000;color:#ffffff}

	/* 탭메뉴(tab) */
	#content .tab{padding:0 0 30px}
	#content .tab ul{margin:0 auto;width:100%}
	#content .tab ul li{float:left;width: 20%;margin: 0 2% 0 0;text-align:center;}
	#content .tab ul li:last-child{margin:0}
	#content .tab ul li > a{display:block;padding:10px 0;background:#f5f5f5;border-radius:60px}
	#content .tab ul li > a:hover,
	#content .tab ul li > a.on{background-color:#cc0000;color:#ffffff}
	#content .tab:after{display:block;clear:both;content:''}

    /* 게시판 */
    #content .mobile_no{display:none}

	/** footer **/
	#footer .kakao{width:100%;position: fixed;bottom: 0;padding: 10px 15px;background:#fae100;z-index:100}
	#footer .kakao img{vertical-align:middle}
	#footer .kakao .plustalk{float:left;width:75%;padding:10px 0}
	#footer .kakao .plustalk .textarea .text p{font-size:18px;font-weight:400;color:#666666}
	#footer .kakao .friends{display:none}
	#footer .kakao .consult{float:left;width:25%;text-align:right}

	#footer .info{width:100%;margin:0;padding: 15px 25px;background:#333333;}
	#footer .info .contact{float:left;width:30%}
	#footer .info .contact .textarea .bar{display:inline-block;width:30px;height:3px;margin:10px 0;background:#ffffff}
	#footer .info .contact .textarea .text p, #footer .info .contact .textarea .text a{font-size:24px;font-weight:500;color:#cccccc}
	#footer .info .contact .textarea .description p{padding:5px 0 0 0;font-size:16px;font-weight:400;color:#cccccc}

	#footer .info .bank{float:left;width:30%}
	#footer .info .bank .textarea .bar{display:inline-block;width:30px;height:3px;margin:10px 0;background:#ffffff}
	#footer .info .bank .textarea .text p{font-size:24px;font-weight:500;color:#cccccc}
	#footer .info .bank .textarea .description p{padding:5px 0 0 0;font-size:16px;font-weight:400;color:#cccccc}

	#footer .info .location{float:left;width:40%}
	#footer .info .location .textarea .bar{display:inline-block;width:30px;height:3px;margin:10px 0;background:#ffffff}
	#footer .info .location .textarea .text p{padding:3px 0 0 0;font-size:16px;color:#cccccc}
	#footer .info .location .textarea .text span{display:inline-block;position:relative;left:0;top:0;width:75px;padding:2px;margin-right:15px;border:1px solid #cccccc;color:#cccccc;text-align:center}

	#footer .quick{width:100%;padding:10px 15px;border-bottom:1px solid #cccccc;text-align:center}
	#footer .quick ul{margin:0 auto;width:100%}
	#footer .quick ul li{display:block;position:relative;float:left;width:calc(100%/6);-webkit-calc(100%/6);-moz-calc(100%/6);padding:10px 0;font-size:16px;color:#666666}
	#footer .quick ul li:nth-child(n+2):before{content:'';width:1px;height:12px;background:#999999;position:absolute;left:0;top:15px}
	/*#footer .quick ul li:first-child{background:#f5f5f5;border-radius:60px}*/

		
	
	#footer .copyright{width:100%;padding: 15px 15px 100px;text-align:center}
	#footer .copyright .textarea .text p{display:block;font-size:16px;color:#666666}
	#footer .copyright .textarea .description p{padding:10px 0 0 0;font-size:16px;color:#333333}

	/** modal 팝업 **/
	.modal-container {position: fixed; top: 50%; left: 50%; width: 50%; max-width: 350px; min-width:300px; height: auto; padding:30px; background-color:#ffffff; z-index: 300; visibility: hidden; verflow:hidden; overflow-y:auto; overflow-scrolling:touch; -webkit-overflow-scrolling:touch; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);}
	.modal-container.active {visibility: visible;}
	.modal-container ul{float: left;margin:10px auto 20px;width:100%}
	.modal-container ul li:first-child{border-left:1px solid #cccccc}
	.modal-container ul li{width:calc(100%/3);float:left;border-top:1px solid #cccccc;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;text-align:center}
	.modal-container ul li > a{display:block;padding:5px 0;background:#ffffff;font-size:14px;font-weight:500;color:#333333;text-align:center}
	.modal-container ul li > a:before{display:none}
	.modal-container ul li > a:hover,
	.modal-container ul li > a.on{background-color:#f5f5f5}
	.modal-container:after{display:block;clear:both;content:''}
	.modal-content{width:100%;padding:20px;text-align:center}
	.modal-content .pay p{font-size:14px;font-weight:400;text-align:center;width:100px;padding:10px 0;margin:25px auto 0;border:1px solid #cccccc}
	.modal-close{position:fixed;top:30px; right:30px;}
	.modal-close .btn-close {position:relative; width:30px; height:30px; font-size:0; line-height:0; overflow:hidden;}
	.modal-close .btn-close:before {content:'';position:absolute;top:0; right:0; bottom:0; left:0;background:url("../images/footer/footer_pay_close.png") no-repeat center center;}




/* Tablet Device */
	@media all and (max-width:1023px){



	/**header**/
	/* top */ 
	#header{position:relative;width:100%;background-color:#ffffff}
	#header .nav,
	#header .top .phone{display:none}
	#header .top{height:70px;padding:15px 15px}
	#header .top .logo img{height:40px}

	/* toggle gnb */ 	
	#header .top .toggleGnb .icon{width:30px;height:30px;background:url('../images/header/header_toggle_icon_open.png') 50% 50% no-repeat}


	/* toggle lnb */ 	
	#header .all_nav{display:none;border-top:1px solid #660000;border-bottom:0px solid #cccccc;padding:0;background:#ffffff;width:100%}
	#header .all_nav.on{display:block;position:relative;z-index:1;overflow:auto}
	#header .all_nav ul{margin:0 auto;width:100%}
	#header .all_nav ul li{width:100%;padding:0;border-bottom:1px solid #660000}
	#header .all_nav ul li:last-child{border-bottom:1px solid #660000}
	#header .all_nav ul li > a{display:block;position:relative;padding:10px 30px;background:#cc0000;font-size:16px;font-weight:700;text-align:left;color:#ffffff}
	#header .all_nav ul li > a:hover{background:#990000;font-size:16px;font-weight:700;color:#ffffff}
	#header .all_nav ul li ul{display:none}
	#header .all_nav ul li ul li{padding:0;border-bottom:1px solid #cccccc}
	#header .all_nav ul li ul li:last-child{border-bottom:0px solid #cccccc}
	#header .all_nav ul li ul li > a{display:block;padding:10px 45px;background:#ffffff;font-size:14px;font-weight:500;color:#333333}
	#header .all_nav ul li ul li > a:before{position:absolute;top:10px;left:30px;content:'- '}
	#header .all_nav ul li ul li > a:hover{font-size:14px;font-weight:500;background:#ffffff;color:#cc0000}
	#header .all_nav [role=toggle].active > a{background:#990000;color:#ffffff}
	#header .all_nav [role=toggle].active > a:before{margin-top:-8px;border-color:transparent transparent #ffff transparent}
	#header .all_nav [role=toggle] > a:before{position:absolute;top:50%;right:30px;width:0;height:0;margin-top:-2px;border-width:5px;border-style:solid;border-color:#ffffff transparent transparent transparent;content:''}

	/**container**/
	/* 이미지 슬라이드 */
	#container .slide{padding:0}

		/**footer**/
	#footer .info .contact{float:left;width:100%;padding:15px 0;border-bottom:1px solid #cccccc}
	#footer .info .bank{float:left;width:100%;padding:15px 0;border-bottom:1px solid #cccccc}
	#footer .info .location{float:left;width:100%;padding:15px 0}
}

/* Mobile Device */
	@media all and (max-width:639px){

	/**header**/
	/* 컬럼 */ 
	.__col2{margin:0 0 30px;width:calc(100%/2);-webkit-calc(100%/2);-moz-calc(100%/2)}
	.__col3{margin:0 0 30px;width:calc(100%/3);-webkit-calc(100%/3);-moz-calc(100%/3)}
	.__col4{margin:0 0 30px;width:calc(100%/4);-webkit-calc(100%/4);-moz-calc(100%/4)}
	.__col5{margin:0;width:calc((100%)/3);-webkit-calc(100%/3);-moz-calc(100%/3);border-left:3px solid #ffffff}
	.__col5:nth-child(n+4){margin:3px 0 30px;}
	.__col5:nth-child(3n+1){border-left:0px}
	.__col6{margin:0;width:calc(100%/3);-webkit-calc(100%/3);-moz-calc(100%/3)}
	.__col6:nth-child(n+4){margin:3px 0 30px;}
	.__col6:nth-child(3n+1){border-left:0px}
	.__col7{margin:0;width:calc(100%/4);-webkit-calc(100%/4);-moz-calc(100%/4)}
	.__col7:nth-child(n+5){margin:3px 0 30px;}
	.__col7:nth-child(4n+1){border-left:0px}
	.__col8{margin:0;width:calc(100%/4);-webkit-calc(100%/4);-moz-calc(100%/4)}
	.__col8:nth-child(n+5){margin:3px 0 30px;}
	.__col8:nth-child(4n+1){border-left:0px}

	/* top */ 
	#header .top .logo{left:0;margin:0}

	
	/**container**/
	/* 메뉴(lnb) */
	#container .lnb ul li > a{font-size:14px}

	/* 메뉴제목(spot) */
	#container .spot{position:relative;padding:25px 0;background-color:#000000}
	#container .spot .description p{display:none}

    /* 게시판 */
    #content .pc_no{display:none}
	#content .mobile_no{display:block}

	/** footer **/
	#footer .kakao .plustalk{width:50%;padding:20px 0}
	#footer .kakao .consult{width:50%;text-align:right}
	#footer .kakao .plustalk .textarea .text p{display:none}

	#footer .info .location .textarea .text span{display:block;position:relative;left:0;top:0;width:75px;padding:2px;margin:0 0 5px;border:1px solid #cccccc;color:#ffffff;text-align:center}

	#footer .copyright .textarea .text p{display:block;font-size:14px;color:#666666}
	#footer .copyright .textarea .description p{padding:10px 0 0 0;font-size:14px;color:#333333}

	#footer .quick ul li{display:block;position:relative;float:left;width:33.3%;padding:10px 0;font-size:16px;color:#666666}
	#footer .quick ul li:nth-child(n+2):before{content:'';width:1px;height:10px;background:#999999;position:absolute;left:0;top:20px}
	#footer .quick ul li:nth-child(4):before{display:none}
}