@import url("common.css");	

body{font-family: 'Spoqa Han Sans Neo', 'sans-serif';}

.inner > h3{text-align: center;margin-bottom: 50px;position: relative;padding-bottom: 20px;}
.inner > h4{margin-top: 50px;display: inline-block;box-shadow: inset 0 -8px 0 #4eb9e1;}
.inner > h4:first-child{margin-top: 0;}
.inner > h5{margin-top: 50px;}
.inner > h5:before{content: "\ea88";font-family: 'IcoFont';color: #062F6E;}
.inner > h6{font-weight: bold;margin-top: 50px;}

.point_txt{font-size: 2rem; font-family: 'Noto Serif KR', serif;}
.point_color{color: #062F6E;}




#quick_menu{position: fixed;left: 0;top: 234px;width: 114px;height: auto;background-color: #23598F;z-index:9;border-radius:0 40px 40px 0;padding-bottom: 26px;}
#quick_menu > li > a{display: block;color: #fff;text-align: center;height: 110px;}
#quick_menu > li > a > img{width: 45px;margin-top: 30px;}
#quick_menu > li > a:hover > img{animation-name: fadeUpAni3; animation-duration: 0.7s; animation-fill-mode: forwards;}
#quick_menu > li > a > span{display: block;padding-top: 6px;}

@media (max-width:1300px){
    #quick_menu{display: none;}
}


/* facility */
	ul.facility > li.on > a{color: #062F6E !important; border: 1px solid #062F6E !important;}


/* course */
	.floating-menu { position: fixed; left: 50%;transform:translateX(-50%); top: -50px; z-index: 2; background-color: #fff;transition: all 0.5s;}
	.floating-menu.show{display: block;top: 120px;}
	.floating-menu ul{width: 1200px;display:flex;}
	.floating-menu li{border: 1px solid #cfcfcf;margin-left: -1px;cursor: pointer;height: 50px;line-height: 50px;text-align: center;background-color: #fff;flex-grow: 1;}
	.floating-menu li > a{display: block;}
	.floating-menu li.on {background: #062F6E;}
	.floating-menu li.on a{color: #fff;}


	.course_cont > div{padding-top: 160px;}
	.course_cont > div:first-child{padding-top: 0;}
	.course_cont .row{margin: auto 0;}
	.course_cont .scroll > .row > div{height: 700px;}
	.course_cont .scroll > .row > div:last-child{background-color: #eee;text-align: center;padding: 10px;margin-top: 65px;}
	.course_cont .scroll > .row > div:last-child > img{height: 100%;}
	.course_cont .title{font-size: 30px;font-weight: 300;margin-bottom: 20px;margin-top: 30px;}
	.course_cont .title > span.Oak{color: #006794;}
	.course_cont .title > span.birch{color: #A90006;}
	.course_cont .title > span{font-weight: 700;}
	.course_cont .title:first-child{margin-top: 0;}
	.course_cont .greenimg > img{height: 300px;}

	table.hole{position: relative;}
	table.hole::before{content: '';display: block;width: 100%;height: 1px;background-color: #000;position: absolute;left: 0;top: 0;}
	table.hole thead{background-color: #F8F8FA;}
	table.hole td{border-bottom: 1px solid #E0E0E0;height: 50px;line-height: 50px;text-align: center;border-right: 1px solid #E0E0E0;}
	table.hole td:nth-child(5){border-right: none;color: #DC0000;}




	@media (max-width:768px){
		.floating-menu{width: 100%;top: -50px;}
		.floating-menu ul{width: 100% !important;}
		.floating-menu li span{display: none;}
		table.hole thead{font-size: .8rem;}
		.floating-menu.show{top: 70px;}
		.course_cont .scroll > .row > div{padding-right: 0;padding-left: 0;height: auto;}
		.course_cont .scroll > .row > div:last-child > img{width: 100%;}
		.course_cont > div{padding-top: 110px;}
		.course_cont .greenimg > img{width: 100%;}
		
	}


/* company */
	.tab-menu{display: flex;justify-content: center;width: fit-content;margin: 0 auto;background-color: #F3F3F5;border-radius:7px;}
	.tab-menu a{display: flex;align-items: center;justify-content: center;color: #888;padding:18px 50px ;line-height: 1;min-width:200px; }
	.tab-menu li.on a{background-color: #4B7BA1;color: #fff;border: 1px solid #4B7BA1;border-radius:7px;}

    @media (max-width:1200px){
        .tab-menu a{min-width: auto;}


    }

	@media (max-width:768px){
		.tab-menu{width: 100%;justify-content: flex-start;overflow-x: auto;-webkit-overflow-scrolling: touch;}
		.tab-menu a{padding: 12px 14px;white-space: nowrap;font-size: 14px;}
	}



	.flex_list > ul.hall > li{width:14.28% ;}

	#map{position: relative;}
	#map .mapinfo{position: absolute;left: 50px;top: 50px;width:420px ;height: 200px;background-color: #fff;z-index:3;box-shadow:0 8px 11px 0 rgba(0, 0, 0, 0.16);padding:20px 20px;color: #666;}
	#map .mapinfo > div:nth-child(1){font-size: 24px;color: #000;margin-bottom: 10px;}
	#map .mapinfo > div:nth-child(2){margin-bottom: 10px;}
	#map .mapinfo > div:nth-child(3) > strong{color: #062F6E;display: inline-block;padding-right: 10px;}
	#map .mapinfo > div:nth-child(3) > span{display: inline-block;padding-right: 20px;}
	#map .mapinfo > div:nth-child(5){text-align: right;margin-top: 20px;}


	@media (max-width:768px){
		.flex_list > ul.hall{flex-wrap:wrap;height:auto;padding: 10px;border: 1px solid #ddd;border-radius:7px;margin-bottom: 2px;}
		.flex_list > ul.hall > li{padding: 0 10px;text-align: left;}
		.flex_list > ul.hall > li:nth-child(1){width: 35%;}
		.flex_list > ul.hall > li:nth-child(2){width: 30%;}
		.flex_list > ul.hall > li:nth-child(3){width: 35%;}
		.flex_list > ul.hall > li:nth-child(4){width: 50%;}
		.flex_list > ul.hall > li:nth-child(5){width: 50%;}
		.flex_list > ul.hall > li:nth-child(6){width: 50%;}
		.flex_list > ul.hall > li:nth-child(7){width: 50%;}


		.kakaomap{height: 350px;}
		#map .mapinfo{left: 10px;top: 10px;width: 300px;height: 170px;padding: 10px;font-size: .8rem;}
		#map .mapinfo > div:nth-child(1){font-size: 1.2rem;}
	} 


/* mypage */
	#coupon .tab{display: flex;}
	#coupon .tab > li > a{display: inline-block;width: 230px;height: 50px;line-height: 50px;text-align: center;border: 1px solid #ddd;}
	#coupon .tab > li.on > a{background-color: #4B7BA1;color: #fff;}

	.flex_list > ul.coupon > li:nth-child(1){width: 15%;}
	.flex_list > ul.coupon > li:nth-child(2){width: 15%;}
	.flex_list > ul.coupon > li:nth-child(3){width: 10%;}
	.flex_list > ul.coupon > li:nth-child(4){width: 30%;}
	.flex_list > ul.coupon > li:nth-child(5){width: 20%;}
	.flex_list > ul.coupon > li:nth-child(6){width: 10%;}

	@media (max-width:768px){
		.flex_list > ul.coupon{flex-wrap:wrap;height:auto;padding: 10px;border: 1px solid #ddd;border-radius:7px;margin-bottom: 2px;}
		.flex_list > ul.coupon > li{padding: 0 10px;}
		.flex_list > ul.coupon > li:nth-child(1){width: 35%;}
		.flex_list > ul.coupon > li:nth-child(2){width: 35%;}
		.flex_list > ul.coupon > li:nth-child(3){width: 30%;}
		.flex_list > ul.coupon > li:nth-child(4){width: 50%;}
		.flex_list > ul.coupon > li:nth-child(5){width: 30%;}
		.flex_list > ul.coupon > li:nth-child(6){width: 20%;}
		
		.flex_list > ul.coupon > li{text-align: left;}
	
		#coupon .tab > li{width: 50%;}
		#coupon .tab > li > a{width: 100%;}
	} 


/* login idpw */
	#login{padding-top: 130px !important;}

	.mem_title{margin-bottom: 30px;text-align: center;margin-top: -70px;font-size: 2rem;}
	.mem_title > p{font-size: 1rem;padding-top: 10px;}

	.login_box{max-width: 400px;margin: 0 auto;}
	.login_box > form input[type="text"], 
	.login_box > form input[type="password"]{width: 100%;height: 44px;border: 1px solid #E5E5E5;background-color: #fff;padding-left: 20px;}
	.login_box > form > div{padding-bottom: 20px;}
	.login_box > form button{height: 48px;color: #fff;font-size: 18px;}
	.search_idpw{display:flex; justify-content:space-between}
	.search_idpw > a:last-child{color: #062F6E;}

	.idpw_box{max-width: 400px;margin: 0 auto;}
	.idpw_box .tab_menu{display: flex;}
	.idpw_box .tab_menu > li{width: 50%;}
	.idpw_box .tab_conts button{width: 100%;height: 44px;color: #fff;font-size: 18px;margin-bottom: 10px;margin-left: 0;margin-right: 0;}
	.idpw_box .tab_conts > li > div:first-child{padding: 20px 0;text-align: center;}
	.idpw_box input[type="text"]{width: 100%;height: 44px;border: 1px solid #E5E5E5;background-color: #Fff;padding-left: 20px;margin-bottom: 10px;}


/* join */
	#member{padding-top: 100px !important;}

	.join_btn_wrap{text-align: center;padding: 14px 0;}
	.join_btn_wrap button{width: 150px;padding: 10px 0;}
	.join_btn_wrap button + button{margin-left: 4px;}

	/* join1 */
	#form_join1 .termsWrap{clear:both; overflow:hidden;}
	#form_join1 .terms{height:250px;margin:10px 0; font-size:14px; padding:15px 25px; border:1px solid #ddd; overflow-y:scroll;background-color: #fff;}
	#form_join1 .terms.short-height{overflow-y:auto !important; height:auto !important}

	#form_join1 .terms .title1{font-size: 20px;margin-top: 40px;}
	#form_join1 .terms .title2{font-weight: bold;margin-top: 20px;}

	#form_join1 .terms_agree{text-align:right; margin-bottom:30px;position: relative;}
	#form_join1 .agree_all{text-align: center;padding: 20px;background-color: #f7f7f7;}

	/* join2 */
	.idcheck_box{border: 1px solid #ddd;background-color: #f7f7f7;width: 360px;padding: 14px;text-align: center;}
	
	#form_join2{width: 80%;margin: 0 auto;}
	#form_join2 span{font-size:14px; color:#7c868e;}

	#form_join2 .row:first-child{border-top: 1px solid #000;}
	#form_join2 .row {padding: 8px 0;border-bottom: 1px solid #ddd;min-height:55px}
	#form_join2 .row > div:nth-child(1){display: flex;align-items: center;}


	#form_join2 span{margin-left: 4px;}
	#form_join2 button{margin-left: 4px;}
	#user_birthday{margin-right: 4px;}
	.address_box > div{padding-bottom: 4px;}
	#address0,#address1{width:60%}
	
	
	/* join3 */
	.box_done{max-width:800px;border:2px solid #ddd;text-align: center;padding: 60px 0 40px;margin: 0 auto;background-color: #f7f7f7;}
	.box_done > p:first-child{font-size:1.8rem; font-weight: 500;color:#111; margin-bottom:10px}

	
	
	@media (max-width:768px){

		#login{padding-top: 70px !important;}
		.mem_title{font-size: 1.7rem;}

		#member{padding-top: 70px !important;}
		
		#form_join1 .terms .title1{font-size: 1.1rem;}
		#form_join1 h3{font-size: 1.3rem;margin-top: 50px;}
		#form_join1 .terms{padding: 10px;}

		#form_join2{width: 100%;}
		#form_join2 .row{min-height:110px}
		#form_join2 span{padding-top: 6px;margin-left: 0;}
		#user_id{width: 60%;}
		#user_birthday{width: 60%;margin-right: 4px;}
		#zipcode{width: 60%;}
		#email{width: 100% !important;}
		#address0,#address1{width:100% !important; }
		
		.box_done{padding:30px 14px 14px;}
		.box_done > p:first-child{font-size: 1.5rem;}

	}
	

/* board */	
	#gallery .photo{margin-bottom: 40px;border: 1px solid #ddd;}
	#gallery .photo > a{display: block;}
	#gallery .photo .img{padding-top: 75%;background-size:100% 100%; background-position: center top;background-repeat: no-repeat; transition: background-size .3s ease;background-color: #333;}
	#gallery .photo .img:hover{background-size:120% 120%;transition: background-size .3s ease;}
	#gallery .photo .txt{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display: inline-block; display: block;padding: 6px;}
	#gallery .photo .link{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display: inline-block; display: block;font-size: 12px;padding:6px 6px 6px 26px;position: relative;background-color: #f7f7f7;}
	#gallery .photo .link i{font-size: 16px;position: absolute;top: 6px;left: 6px;}

	.flex_list > ul.lost > li:nth-child(1){width: 10%;}
	.flex_list > ul.lost > li:nth-child(2){width: 45%;text-align: left;}
	.flex_list > ul.lost > li:nth-child(3){width: 15%;}
	.flex_list > ul.lost > li:nth-child(4){width: 15%;}
	.flex_list > ul.lost > li:nth-child(5){width: 15%;}

	@media (max-width:768px){
		.flex_list > ul.lost > li:nth-child(1){width: 15%;}
		.flex_list > ul.lost > li:nth-child(2){width: 85%;}
		.flex_list > ul.lost > li:nth-child(3){display: none;}
		.flex_list > ul.lost > li:nth-child(4){display: none;}
		.flex_list > ul.lost > li:nth-child(5){display: none;}
	}
	
/* sub_header */
	#sub_header{width: 90%;height: 480px;position: relative;margin: 170px auto 0;border-radius:50px 0 0 0}
	#sub_header:after{content: '';width: 100%;height: 100%;background-color: rgba(0,0,0,.3);display: block;border-radius:50px 0 0 0}
	.bg_subimg01{background: url('/images/bg_main01.jpg') center 70% repeat;background-size:100% auto;}
	.bg_subimg02{background: url('/images/bg_main02.jpg') center 70% repeat;background-size:100% auto;}
	.bg_subimg03{background: url('/images/bg_main03.jpg') center 70% repeat;background-size:100% auto;}
	.bg_subimg04{background: url('/images/bg_main04.jpg') center 70% repeat;background-size:100% auto;}
	.bg_subimg05{background: url('/images/bg_main05.jpg') center 100% repeat;background-size:100% auto;}
	.bg_subimg06{background: url('/images/bg_main06.jpg') center 70% repeat;background-size:100% auto;}
	.bg_subimg07{background: url('/images/bg_main07.jpg') center 70% repeat;background-size:100% auto;}
	#sub_header .submenu{position: absolute;bottom: 50px;left:50%; transform:translateX(-50%);z-index:2}
	#sub_header .submenu a{display: flex;align-items: center;justify-content: center;text-align: center;height: 62px;line-height: 1;background-color: #fff;font-size: 18px;position: relative;border: 1px solid #ddd;transition: 0.2s ease-in-out;}
	#sub_header .submenu a:hover{border: 1px solid #062F6E;}
	#sub_header .submenu a.active{color: #062F6E;border: 1px solid #062F6E;background-color: #fff;}
	#sub_header .submenu > li:first-child > a{border-radius:30px 0 0 0}
	#sub_header h2{font-family: 'Cardo';position: absolute;top: 150px; text-align: center;z-index:2;width: 100%;color: #fff;animation-name: fadeUpAni1; animation-duration: 0.6s; animation-delay: 0.5s; animation-fill-mode: forwards;opacity: 0;display: inline-block;font-size: 40px;}
	#sub_header > .container{max-width:1200px;}

	#submain{margin-top: -160px;}
	#submain > .container{background-color: #fff;max-width:1340px;border-radius:50px 0 0 0;padding-top: 160px;padding-bottom: 30px;}
	#submain .inner{max-width:1200px;margin: 0 auto;}


	@media (max-width:768px){
		#sub_header{margin: 70px auto 0;height: 150px;width: 100%;border-radius:0}
		#sub_header:after{border-radius:0}
		#sub_header .submenu{bottom: 0;left: 0;right: 0;transform:none}	
		#sub_header .submenu a{height: 50px;line-height: 50px;font-size: 15px;padding: 0 4px;background-color: rgba(255,255,255,.8);border-color: #eee;color: #000;}
		#sub_header .submenu > li:first-child > a{border-radius:0}
		#sub_header .submenu > li + li > a::before{top: 16px;}
		#sub_header .submenu.divide7 a{padding: 0 20px;}

		#sub_header h2{top: 50px;font-size: 24px;top: 40px;}

		#submain{margin-top: 0;}
		#submain > .container{padding-top: 0;}

		.bg_subimg01,
		.bg_subimg03,
		.bg_subimg04{height: 200px !important;}
		
		
	} 



/* footer */
	#footer{background-color: #1B2F43;color: #ddd;padding: 50px;}	
	#footer .container{max-width:1700px}	
	#footer > div{display: flex;}	
	#footer a{color: #ddd;}
	#footer address > span{display: block;}	
	#footer h1{display: inline-block;width: 200px;}
	#footer h1 > img{width: 130px;}
	#footer .footmenu{display: flex;position: absolute;top: 0;right: 0;}
	#footer .footmenu > li{line-height: 16px;}
	#footer .footmenu > li + li{border-left: 1px solid #5f6668;padding-left: 20px;margin-left: 20px;}
		
	@media (max-width:768px){
		#footer{font-size: 13px;padding: 20px 14px;}
		#footer > div{display: block;}
		#footer .footmenu{top: 0;left: 0;}
		#footer .footmenu > li + li{padding-left: 10px;margin-left: 10px;}
		#footer h1{display: none;}
		#footer address{padding-top: 30px;}
	}


/* header */
	#header{position: fixed;top: 50px;width: 100%;height: 114px;background-color: #fff;min-width: 1200px;transition: 0.2s all ease-in-out;z-index:10;}
	#header.scroll{top: 0;}
	#header.scroll:after{content: '';display: block;width: 100%;height: 1px;background-color: #ddd;position: absolute;top: 114px;}


	.logo{position: absolute;left: clamp(1.25rem, -7.5rem + 10.9375vw, 5.625rem);top:17px;transition: 0.2s ase-in-out;transform-origin: center;}
	.logo > a{display: block;width:150px;font-size: 0;transition: 0.2s all ease-in-out;transform-origin: center;}
	.logo > a > img{width: 100%;}

    .pc-util{position: absolute;top: 35px;right: clamp(5.875rem, -6.625rem + 15.625vw, 12.125rem);width: auto;display: flex;gap:6px}
	.btn_login{background-color: #062F6E;font-size: 19px;color: #fff;border-radius: 8px 0 8px 0;  padding: 6px 14px;line-height: 1;transition: 0.2s all ease-in-out;height: 44px;display: flex;align-items: center;justify-content: center;}
	.btn_login:hover{color: #eee;}
	.btn_login:focus{color: #eee;}

	.btn_menu {display: inline-block;cursor: pointer;position: absolute;top: 25px; right: clamp(1.25rem, -7.5rem + 10.9375vw, 5.625rem);transition: 0.2s ease-in-out;}
	.btn_menu > .bar1, .btn_menu > .bar2, .btn_menu > .bar3 {width: 48px;height: 3px;background-color: #333;margin: 13px 0;transition: 0.4s;}
	.btn_change .bar1 {transform: translate(0, 16px) rotate(-45deg);}
	.btn_change .bar2 {opacity: 0;}
	.btn_change .bar3 {transform: translate(0, -16px) rotate(45deg);}


	.pc_nav{position: absolute;left: 50%;transform: translateX(-50%);top: 45px;transition: 0.2s all ease-in-out;width: 56%;}
	.pc_nav > ul{display:flex;margin-bottom: 0;}
	.pc_nav > ul > li{flex: 1;}
	.pc_nav > ul > li > a{display: block;text-align: center;font-size: 18px;color: #333;position: relative;font-weight: bold;height: 67px;}
	.pc_nav > ul > li > a:after{display: block;content: '';width: 100%;height: 2px;background-color: #062F6E;transform:scaleX(0); transition:transform 250ms ease-in-out;transform-origin: center;position: absolute;left: 0;top: 67px;}

	#header.on{background-color: #fff;height: 370px;transition: 0.1s all ease-in-out;box-shadow:2px 2px 1px rgba(0,0,0,.1)}
	#header.on:after{content: '';display: block;width: 100%;height: 1px;background-color: #ddd;position: absolute;top: 114px;}
	#header.on .pc_nav > ul > li:hover > a{color: #062F6E;}
	#header.on .pc_nav > ul > li:hover > a:after {transform: scaleX(1);}

	.pc_nav > ul .depth2{display: none;margin-top: 10px;}
	.pc_nav > ul .depth2 a{display: inline-block;padding: 5px 0;text-align: center;width: 100%;}
	.pc_nav > ul .depth2 a:hover{color: #062F6E;}


	.mobile_menu{display: none;}
	.mobile_quick_menu{display: none;}


	.mobile-nav-toggle {position: absolute;right: 0px;top:8px;z-index: 9998;border: 0;transition: all 0.4s;outline: none !important;line-height: 1;cursor: pointer;width: 54px;height: 54px;background-color: rgba(255,255,255,0);}
	.mobile-nav-toggle i{font-size: 36px;color: #000;}
	.mobile-nav {position: fixed;top: 0px;right: 0px;bottom: 0px;width: 100%;z-index: 9999;overflow-y: auto;background: #fff;transition: ease-in-out 0.2s;opacity: 0;visibility: hidden;}
	.mobile-nav .mobile-nav-close {border: 0;  background: none;  font-size: 24px;  transition: all 0.4s;  outline: none !important;  line-height: 1;  cursor: pointer;  text-align: right;position: absolute;right: 0;top: 8px;width: 54px;height: 54px;text-align: center;}
	.mobile-nav .mobile-nav-close:hover {color: #ccc;}
	.mobile-nav a {display: block;position: relative;padding: 10px 20px;outline: none;transition: 0.3s;}
	.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {color: #062F6E;text-decoration: none;}
	.mobile-nav .active > a{border-bottom: 1px solid #062F6E;}
	.mobile-nav .drop-down > a:after {content: "\ea99";font-family: IcoFont;padding-left: 10px;position: absolute;right: 15px;color: #999;}
	.mobile-nav .active.drop-down > a:after {content: "\eaa1";color: #062F6E;}
	.mobile-nav #gnb > li{border-bottom: 1px solid #f4f4f4;}
	.mobile-nav #gnb > li > a {padding-right: 35px;}
	.mobile-nav .drop-down ul {display: none;overflow: hidden;padding: 4px 0;background-color: #f4f4f4;}
	.mobile-nav .drop-down ul a{padding:6px 10px;position: relative;color: #333;font-size: .9rem;}
	.mobile-nav .drop-down li {padding-left: 20px;}
	.mobile-nav-overly {width: 100%;height: 100%;z-index: 9997;top: 0;left: 0;position: fixed;background: rgba(0, 0, 0, 0.6);overflow: hidden;display: none;}
	.mobile-nav-active {overflow: hidden;}
	.mobile-nav-active .mobile-nav {opacity: 1;visibility: visible;}


	@media (max-width:1200px){
        #header{min-width: 100%;}
        .btn_login{font-size: 14px;}
        .pc_nav{left: 47%;}
    }


	@media (max-width:992px){
		#header{min-width: 100%;height:70px ;top: 0;background-color:rgba(255,255,255,0);}
		#header.scroll{background-color: #fff;}
		#header.scroll:after{top: 70px;}

		.btn_menu{display: none;}
		.btn_login{display: none;}
		.logo{left: 50%;transform:translateX(-50%);top: 10px;}
		.logo > a{width: 100px;}

		.mobile_menu{display: block;height: 170px;border-bottom: 1px solid #f4f4f4;}
		.mobile_quick_menu{display: block;height: auto;background-color: #254667;margin: 0 14px;padding: 14px 0 0 0;border-radius:7px}
		.mobile_quick_menu > ul{display: flex;flex-wrap:wrap;}
		.mobile_quick_menu > ul > li{width: 25%;}
		.mobile_quick_menu > ul > li > a{padding: 0;text-align: center;font-size: 12px;color: #fff;}
		.mobile_quick_menu > ul > li > a > img{width: 30%;}
		.mobile_quick_menu > ul > li > a > span{display: block;padding: 6px 0 14px;}

		.m_logo{width: 100%;height: 70px;border-bottom: 1px solid #f4f4f4;text-align: center;}
		.m_logo img{width: 100px;}

		.util{display: flex;justify-content: space-around;align-items: center; height: 100px;color: #333;}
		.util strong{font-size: 20px;font-weight: 700;}
		.m_btn_login{width: 100px;height: 30px;line-height: 30px;text-align: center;font-size: .8rem;color: #fff;background-color: #062F6E;border-radius: 5px 0 5px 0;margin-bottom: 4px;}
		.m_btn_join{width: 100px;height: 30px;line-height: 30px;text-align: center;font-size: .8rem;color: #fff;background-color: #B4BBBC;border-radius: 5px 0 5px 0;}
		#quick_menu{display: none;}

		.sns-link{width: 100%;margin-bottom: 30px;margin-top: 30px;text-align: center;display: flex;align-items: center; justify-content:center;}
		.sns-link > a{width: 40px;height: 40px;display: inline-block !important;padding: 0 !important;}
		.sns-link a + a{margin-left: 10px;}
		.sns-link img{width: 40px;height: 40px;}
	}




/* kakao login */
	.loginGuide .row{margin-bottom:100px;}
	.loginGuide .row > div:first-child{margin-top:0}
	.loginGuide .row > div .img img{width:80%}
	.loginGuide .txt{display:inline-block; height:60px; margin:40px 0;}
	.loginGuide .txt p{ margin:0; padding:0; position:relative;}
	.loginGuide .txt p.pc:before{content:'PC화면'; position:absolute; top:-28px; left:36px; font-size:1rem;}
	.loginGuide .txt p strong{display:inline-block; font-weight:bold;}
	.loginGuide .txt p:first-child{display:inline-block; font-size:1.2rem; /*box-shadow: inset 0 -8px 0 #FFEEA8;*/}
	.loginGuide .txt p:first-child em{box-shadow: inset 0 -8px 0 #FFEEA8;}
	.loginGuide .txt p:first-child span{display:inline-block; font-size:1rem; background:#333; color:#fff; margin-right:10px; padding:0 8px;}
	.loginGuide .txt p:last-child{display:block; margin-top:10px;}
	.loginGuide .img{text-align:center;}
	.loginGuide .img img{max-width:80%;}
	.loginGuide .col-md-4 img{width:80%;}

	@media screen and (max-width: 768px){
		.loginGuide .txt p:first-child{font-size:1.1rem;}
	}




/* system guide */
	.system_guide{width: 100%;height: 100vh;background-color: #f7f7f7;display: flex;align-items: center; justify-content:center;}
	.system_guide > .guide_box{width: 800px;height: 50%;position: relative;border: 1px solid #ddd;background-color: #fff;background-position: 95% 80% ;background-repeat: no-repeat;}
	.system_guide > .guide_box ul{position: absolute;left: 50px;top: 50%; transform: translateY(-50%);}
	.system_guide > .guide_box ul > li{margin-bottom: 30px;}

	.system_guide .error{background-image: url('/images/common/error.svg');background-size: 30% auto;}
	.system_guide .error strong{font-size: 2rem;font-weight: bold;color: #29379B;}

	.system_guide .check{background-image: url('/images/common/check_system.svg');background-size: 26% auto;}
	.system_guide .check .title{font-size: 1.5rem;}
	.system_guide .check .title > strong{font-weight: bold;color: #C30D23;}

	@media (max-width:768px){
		.system_guide > .guide_box{width: 90%;background-size: 40% auto;background-position: 95% 95% ;}
		.system_guide > .guide_box ul{left: 14px;}
	}



	


/* 예약하기 모달 */
.modal-dialog{max-width: 500px;}
.modal-header{border-bottom: none;}
.modal-footer{border-top: none;}
.modal-body{padding: 1rem;background-color: #F1F2F6;margin:0 1rem;}
.modal-header .close{font-size: 28px;line-height: 1;color: #000;opacity: 0.5;padding: 14px;background: transparent;border: 0;cursor: pointer;}
.modal-header .close:hover{opacity: 0.75;}

@media (max-width:768px){
	.modal-dialog{margin: 20px;}
	.modal-body{padding: 20px;}
	.modal-body p{font-size: 16px;}
	.modal-body .btn{font-size: 15px;}
}