@import url("common.css?ver=1.0");
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200..900&display=swap'); /* font-family: "Noto Serif KR", serif; */

:root {
  --color-main: #004B61;
  --color-sub: #9EC1CB;
  --color-sub2: #0082A9;
  --color-hover: #003B4D;
}






a:hover{color: var(--color-main);}
h3{font-size: 2rem;margin-bottom: 50px;text-align: center;margin-top: 20px;position: relative;}
h3::after{content: '';position: absolute;left: 50%; transform:translateX(-50%);bottom: -20px;width: 50px;height: 1px;background-color: #000;}

h4{margin-top: 90px;margin-bottom: 50px;font-size: 1.8rem;color: #222;position: relative;}
h4:first-of-type{margin-top: 0;}
h4 > span{font-size: 16px;}

h5{font-size: 1.5rem;box-shadow: inset 0 -8px 0 #EEEFAC;display: inline-block;margin-top: 90px;}
h5:first-of-type{margin-top: 0;}

ul.dotlist > li::before,
ul.dotlist2 > li::before{background-color: var(--color-sub);}


.btn-main{background-color: var(--color-main);border: 1px solid  var(--color-main);color: #fff;}
.btn-main:hover{background-color: var(--color-hover);color: #fff;border-color: var(--color-hover);}
.btn-main:focus, .btn-main.focus {color: #fff;background-color: var(--color-main);border-color: var(--color-main);box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.1);}
.btn-main:disabled{background-color: var(--color-main);}

.point-text{margin:0px 0 70px 0;font-size: 1.8rem;font-weight: 300;font-family: "Noto Serif KR", serif;color: var(--color-main);}
.point-text:before{content: "\efcd";font-family: 'IcoFont';padding-right: 20px;color: var(--color-sub);}
.point-text:after{content: "\efce";font-family: 'IcoFont';padding-left: 20px;color: var(--color-sub);}


.color-main{color: var(--color-main);}
.color-sub{color: var(--color-sub);}
.color-sub2{color: var(--color-sub2);}


@media (max-width:768px){
	body,input,select,textarea,button{font-size:0.95rem}
	h3{display: none;}
	h4{font-size: 1.3rem;margin-bottom: 20px;}
	h4 > span{font-size: 14px;display: block;}
	h5{font-size: 1.1rem;}
	.carousel-item img{width: 100%;}
	.point-text{margin: 10px 0 30px 0;font-size: 1.5rem;}
	.point-text:before{padding-right: 10px;}
	.point-text:after{padding-left: 10px;}

	h4:first-of-type {margin-top: 0;}
	.row + .row{margin-top: 50px;}

} 






/* pages */
	.facility .row{margin-bottom: 50px;}
	.facility .row > div:nth-child(1){padding-left: 0;}
	.facility h5{margin-bottom: 20px;}

	.restaurant .row > div{margin-bottom: 100px;}
	.restaurant .menulist{font-size: 1.3rem;background: url('/images/menulist_bg.jpg') 0 0 repeat;padding: 10px 20px !important; border-radius:20px}
	.restaurant .menulist > li{display: flex;padding: 10px 0;}
	.restaurant .menulist strong{width: 70%;}
	.restaurant .menulist strong > i{display: block;color: var(--color-main);font-size: 1rem;}
	.restaurant .menulist span{width: 30%;text-align: right;}

	.guide01 .row{margin-bottom: 100px;}

	.tour .info::after{content: '';display: block;clear: both;}
	.tour .info > img{float: left;margin-right: 20px;}
	.tour .ul-table{margin-top: 20px;}

	.course01 .text_strong{font-size: 1.2rem;color: var(--color-sub2);}

	@media (max-width:768px){
		.restaurant .menulist{font-size: 1rem;}
		.restaurant .row > div{margin-bottom: 50px;}
		.guide01 .row{margin-bottom: 50px;}
		.tour .info{word-break:break-all;text-align : justify;}
		.tour .info > img{width: 100%;}
	} 



/* board */
	.flex-list.board .notice > li:nth-child(1){width: 80%;text-align: left;padding-left: 10px;}
	.flex-list.board .notice > li:nth-child(2){width: 20%;text-align: center;}

	.flex-list .fame > li:nth-child(1),
	.flex-list .fame > li:nth-child(2),
	.flex-list .fame > li:nth-child(3),
	.flex-list .fame > li:nth-child(4){width: 15%;}
	.flex-list .fame > li:nth-child(5){width: 40%;}

	ul.femaleopen{max-width:825px; margin: 0 auto;}
	ul.femaleopen > li{margin-bottom: 30px;}
	ul.femaleopen img{max-width:100%}

	.femaleopen_view p{max-width:825px; text-align: left; margin: 0 auto;padding: 50px 0;}

	@media (max-width:768px){
		.flex-list.board .notice > li:nth-child(1){width: 75%;padding-left: 0;}
		.flex-list.board .notice > li:nth-child(2){width: 25%;}

		.flex-list .fame > li:nth-child(1){width: 23%}
		.flex-list .fame > li:nth-child(2),
		.flex-list .fame > li:nth-child(3),
		.flex-list .fame > li:nth-child(4){width: 13%;}
		.flex-list .fame > li:nth-child(5){width: 38%;}

		
	}

/* course01 */
	.course01_table td.bg1{background-color: #EAF9FF;}
	.course01_table td.bg2{background-color: #FFF8EA;}
	.course01_txt1{margin-top: 50px;}
	.course01_txt1 > div + div{margin-top: 20px;}
	.course01_img{text-align: center;}

	@media (max-width:768px){
		.course01_txt1{margin-bottom: 100px;}
		.course01_img > img{width: 100%;}
	} 

/* course02 */
	.tabA .tab-menu > li.on > a{color: var(--color-main);border-color: var(--color-main);}
	.course02 .row > div:nth-child(1){padding-left: 0;}
	.course02 .row > div:nth-child(2){padding-left: 0;padding-right: 0;}

	.course_menu{width: 100%;margin-bottom: 10px;}
	.course_menu > li{height:51px;text-align: center;border-bottom:1px solid #000;position: relative;}
	.course_menu > li > a{display: block; color: #888;height: 50px;padding-top: 12px;}
	.course_menu > li + li::before {width: 1px;height:20px;background: rgba(0,0,0,0.4);display: inline-block;content:'';position: absolute;left:0;top:15px;}
	.course_menu > li.on{border:1px solid #000;border-bottom:none;}
	.course_menu > li.on::before{display: none;}
	.course_menu > li.on + li::before{display: none;}
	.course_menu > li.on > a{color: #000;font-weight: 700;}

	.floating-menu { position: fixed; left: 50%;transform:translateX(-50%); top: -100px; z-index: 100; background-color: #fff;transition: all 0.5s;}
	.floating-menu.show{display: block;top: 0px;}
	.floating-menu ul{width: 1200px;display:flex;}
	.floating-menu li{border: 1px solid #cfcfcf;margin-left: -1px;cursor: pointer;height: 60px;line-height: 60px;text-align: center;background-color: #fff;flex-grow: 1;}
	.floating-menu li > a{display: block;}
	.floating-menu li.on a{color: #fff;}
	
	.floating-menu.hidden li.on {background: #9D7408;}
	.floating-menu.valley li.on {background: #CE020E;}
	.floating-menu.sky li.on {background: #0061AE;}
	.hidden .hole-title > i{font-size: 1.2rem;display: block;margin-bottom: -10px;padding-left: 2px;color: #9D7408;}
	.valley .hole-title > i{font-size: 1.2rem;display: block;margin-bottom: -10px;padding-left: 2px;color: #CE020E;}
	.sky .hole-title > i{font-size: 1.2rem;display: block;margin-bottom: -10px;padding-left: 2px;color: #0061AE;}



	.course_cont > div{padding-top: 150px;}
	.course_cont > div:first-of-type{padding-top: 0px;}
	
	.course_cont > div > .row{padding-bottom: 50px;}
	.course_cont .cou_tb{width: 100%;text-align: center;border-bottom: 1px solid #E0E0E0;position: relative;margin-top: 50px;}
	.course_cont .cou_tb::before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 1px;background-color: #000;}
	.course_cont thead{background-color: #F8F8FA;border-bottom: 1px solid #E0E0E0;}
	.course_cont thead > tr > td::before{content: '';display: inline-block;width: 14px;height: 14px;border-radius:50px; border: 1px solid #666;margin-right: 4px;}
	
	.course_cont .tb_1 thead > tr > td:nth-child(1)::before{background-color: #E60012;}
	.course_cont .tb_1 thead > tr > td:nth-child(2)::before{background-color: #F8B62B;}
	.course_cont .tb_1 thead > tr > td:nth-child(4)::before{background-color: #0D6FB8;}
	.course_cont .tb_1 thead > tr > td:nth-child(5)::before{background-color: #000;}


	.course_cont .tb_2 thead > tr > td:nth-child(1)::before{content: '';display: none;margin-right: 0;}
	.course_cont .tb_2 thead > tr > td:nth-child(2)::before{background-color: #E60012;}
	.course_cont .tb_2 thead > tr > td:nth-child(3)::before{background-color: #F8B62B;}
	.course_cont .tb_2 thead > tr > td:nth-child(5)::before{background-color: #0D6FB8;}
	.course_cont .tb_2 thead > tr > td:nth-child(6)::before{background-color: #000;}
	.course_cont .tb_2 tbody > tr > td{border-bottom: 1px solid #ddd;}
	.course_cont td{padding: 10px 0px;}
	.course_cont td + td{border-left: 1px solid #E0E0E0;}
	.course_cont .hole-title{font-size: 50px;}
	.course_cont .hole-title > span{font-size: 24px;margin-bottom: 20px;display: block;}
	.course_cont .hole-title > span + span:before{content: '|';padding-right: 20px;padding-left: 10px;}
	.course_cont .hole-title > strong{font-weight: bold;margin-right: 20px;}
	
	.course_cont .title{font-size: 30px;font-weight: 300;margin-bottom: 20px;margin-top: 50px;position: relative;}

	.protip_title{font-size: 1.5rem;margin-top: 50px;}
	.protip_text{position: absolute;left: 0;bottom: 0;padding-right: 15px;text-align: justify;font-size: 16px;}

	ul.holemap{display: flex;}

	@media (max-width:1230px){
		.floating-menu{width: 100%;}
		.floating-menu ul{width: 100%;}
		.course_cont img{width: 100%;}
		.protip_text{position: static;padding-right: 0;text-align: left;}
	}

	@media (max-width:992px){
		.protip_text{margin-bottom: 14px;}
		.course_cont .cou_tb{margin-top: 0px;}

	}
	@media (max-width:768px){
		
		.floating-menu{width: 100%;}
		.floating-menu ul{width: 100% !important;}
		.floating-menu li{height: 50px;line-height: 50px;}
		.floating-menu li span{display: none;}
		.course_cont{padding-top: 0px;}
		.course_cont .scroll > .row > div:last-child > img{width: 100%;}
		.course_cont .scroll > .row > div{margin-top: 20px;}
		.course_cont > div{padding-top: 50px;}

		.course_cont .title{margin-top: 20px;margin-bottom: 10px;font-size: 1.2rem;}

		.course_cont .hole-title{margin: 50px 0 0px;}
		.course_cont .hole-title:first-of-type{margin-top: 0;}
		.course_cont .hole-title > strong{margin-right: 6px;font-size: 2.3rem;}
		.course_cont .hole-title > span{font-size: 1.2rem;}
		.course_cont .hole-title > span + span:before{padding-right: 6px;padding-left: 3px;}
		.course_cont .hole-title > i{margin-bottom: -24px;}

		.course_cont .cou_tb{font-size: 13px;}

		ul.holemap > li:nth-child(2){display: none;}
		
	}

	

	

/* map */	
	.map .info{margin-bottom: 100px;}
	.contact{margin-bottom: 50px;margin-top: 50px;}
	.contact > div{position: relative;margin-bottom: 20px;}
	.contact i{font-size: 20px;background: var(--color-sub);color: #fff;float: left;width: 44px;height: 44px;border-radius: 4px;transition: all 0.3s ease-in-out;position: absolute;top: 8px;left: 0;text-align: center;line-height: 44px;}
	.contact .title {padding: 0 0 0 60px;font-size: 14px;margin-bottom: 0px;color: #151515;}
	.contact p {padding: 0 0 0 60px;  margin-bottom: 0;  font-size: 1.5rem;  color: #484848;font-weight: 600;}
	.contact .phone > p{font-size: 1.5rem;}

	

	.kakaomap{position: relative;height: 500px;}
	.root_daum_roughmap .wrap_map{height: 100% !important;}
	.kakaomap > a{position: absolute;padding: 10px 20px;right: 0;bottom: 0;background-color: #fff;color: var(--color-main);border: 1px solid var(--color-main);transition: 0.3s;z-index:999}
	.kakaomap > a:hover{background-color: var(--color-main);color: #fff;}
	


	@media (max-width:768px){
		.map .info{margin-bottom: 50px;}
		.contact{margin-top: 50px;}
		.contact .address > p{font-size: 1.2rem;}
		.contact .phone > p{font-size: 1.2rem;}
		.contact i{top: 0;}
		.contact > div{margin-bottom: 20px;}
		.kakaomap{height: 400px;}
	}

/* sub_header */
	

	#sub_header{width: 100%;height: 340px;position: relative;z-index:99;}
	#sub_header:after{content: '';width: 100%;height: 100%;display: block;/*background: linear-gradient(to bottom,  rgba(0,0,0,0.45) 0%,rgba(0,0,0,.3) 100%);*/}
	.bg_sub{background-size:100% 100%;background-position: top center;}
	.bg_sub.img01{background-image: url('/images/bg_sub01.jpg');}
	.bg_sub.img02{background-image: url('/images/bg_sub02.jpg');}
	.bg_sub.img03{background-image: url('/images/bg_sub04.jpg');}
	.bg_sub.img04{background-image: url('/images/bg_sub05.jpg');}
	.bg_sub.img05{background-image: url('/images/bg_sub01.jpg');}
	.bg_sub.img06{background-image: url('/images/bg_sub03.jpg');}
	.bg_sub.none_submenu{background-image: url('/images/bg_sub06.jpg');}

	/* typeB
	#sub_header > div{position: absolute;left: 0;bottom: 0;width: 100%;height: 62px;}
	#sub_header .submenu{position: absolute;bottom: 0px;left:50%;max-width: 1200px; transform:translateX(-50%);z-index:2;background-color: #fff;border-bottom: 1px solid #ddd;}
	#sub_header .submenu > li + li{border-left: 1px solid rgba(0,0,0,0.1);}
	#sub_header .submenu a{display: block;text-align: center;height: 62px;line-height: 62px;font-size: 18px;position: relative;color: #666;}
	#sub_header .submenu a.active{color: #2A7E50;}
	#sub_header .submenu a.active::before{content: '';position: absolute;left: 0;bottom: -1px;width: 100%;height: 3px;background-color: var(--color-sub);}
	*/

	#sub_header > div{position: absolute;left: 0;bottom: 0;width: 100%;height: 62px;background-color: rgba(0,0,0,0.5);}
	#sub_header .submenu{position: absolute;bottom: 0px;left:50%;max-width: 1200px; transform:translateX(-50%);z-index:2}
	#sub_header .submenu > li + li{border-left: 1px solid rgba(255,255,255,0.2);}
	#sub_header .submenu a{display: block;text-align: center;height: 62px;line-height: 62px;font-size: 18px;position: relative;color: #ccc;}
	#sub_header .submenu a.active{color: #fff;background-color: var(--color-main);}


	#sub_header h2{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: 2rem;}
	#sub_header.submenu_none h2{top: 230px;}
	#sub_header > .container{max-width:1200px;}

	#submain .container{background-color: #fff;max-width:1200px;}
	#submain .inner{width:100%;}

	
	@media (max-width:1600px){
		.bg_sub{background-size:auto 100%;}
	}
	
	@media (max-width:992px){
		.bg_sub{background-size:auto 100%;}

	}


	@media (max-width:768px){
		#sub_header{margin: 0px auto 0;height: 180px;width: 100%;border-radius:0}
		#sub_header:after{border-radius:0}
		#sub_header > div{height: 50px;}
		#sub_header > div.submenu_bar2{height: 102px;}
		#sub_header > div.submenu_bar2 > ul > li{border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
		#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;}
		#sub_header .submenu > li:first-child > a{border-radius:0}
		
		#sub_header.submenu_none h2{top: 60px;}
		

		#sub_header h2{display: none;}
		#sub_header.none_submenu h2{top: 60px}

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

		
		
		
	} 



/* footer */

	.terms_link{text-align: right;}
	.terms_link > a{text-decoration: underline;}

	#footer{width:100%; background-color:#f7f7f7; z-index:3; position: relative;}
	#footer .container{max-width:1200px}
	.footmenu_wrap{border-bottom:1px solid #ddd; padding:12px 0;}
	.footmenu_wrap .container{display: flex;justify-content:space-between }
	.footmenu > a{color: #666;}
	.footmenu > a:hover{}
	.footmenu > a + a{padding-left:40px;}
	.footmenu > a:last-child{padding-right:0;}
	
	.footInfo{padding:10px 14px 20px;}
	.footInfo span{display: inline-block;margin-right: 30px;}
	.footInfo .address{padding-bottom: 4px;}
	.foot-logo > img{margin-top: 5px;}

	.terms{font-size: 16px;}
	.terms .title {font-weight: bold;margin-top: 50px;margin-bottom: 20px;}
	.terms ul{margin-left: 20px;margin-bottom: 10px;}
	.terms ol{margin-left: 30px;margin-bottom: 10px;}
	.terms strong{display: block;font-weight: bold;margin-top: 20px;}
	.footmenu_cont dt{margin-top: 50px;}


	@media (max-width:1200px){
		.footmenu{padding-left: 10px;}
		.foot-logo > img{width: 100%;}
		.footInfo span{margin-right: 20px;}
	}

	@media (max-width:992px){
		.foot-logo{display: none;}
		#footer{font-size: 14px;}
	}

	

	@media (max-width:768px){
		.footmenu_wrap{padding:10px; font-size: 14px; }
		.footmenu_wrap .container{display: block;}
		.footmenu{padding-left: 0px;}
		.footmenu > a{text-align: center;}
		.footmenu > a + a{padding-left: 20px;}
		.footmenu > a:nth-child(4){padding-left: 0;}
		.footInfo span + span{margin-left: 0px;}

		
		.footInfo .phone{display: block;padding-left: 0px;}
		.copyright{font-size: 12px;}
		
		
	}			




/* header */
	.banner_sbs{position: absolute;left: 10px;top: 0;display: inline-block;}

	#header{position: absolute;top: 0;width: 100%;height: 100px;transition: 0.2s all ease-in-out;z-index:999;background-color: rgba(0,0,0,0);}
	#header h1{position: absolute;top: 10px;left: 0;z-index:999;}
	#header h1 > a{display: block;width: 230px;height: 80px;font-size:0;overflow:hidden;text-indent:-9999px;background: url('/images/logo_w.png') 0 0 no-repeat;}
	#header h1 img{transition: 0.2s all ease-in-out;}
	#header .container{max-width:1200px}

	.pc_nav{position: absolute;top:0;left:50%; transform:translateX(-50%);transition: 0.1s all ease-in-out;width: 1200px;}
	.pc_nav .gnb{display:flex;justify-content:flex-end;}
	.pc_nav .gnb > li{}
	.pc_nav .gnb > li > a{display: inline-block;font-size: 18px;position: relative;height: 100px;display: flex;align-items: center; justify-content:center; text-align: center;transition: 0.2s all ease-in-out;font-weight: 500;padding: 0 46px;color: #fff;} 
	.pc_nav .gnb > li > a:after{display: block;content: '';width: 100%;height: 2px;background-color:  var(--color-main);transform:scaleX(0); transition:transform 250ms ease-in-out;position: absolute;left: 0;bottom: -1px;}

	#header.on{background-color: #fff !important;height: 280px;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: 100px;background-color: #fff;position: absolute;top: 0px;border-bottom: 1px solid #eee;}
	#header.on .pc_nav{z-index:99}
	#header.on .pc_nav .gnb > li > a{color: #333;}
	#header.on .pc_nav .gnb > li:hover > a{color: var(--color-main);}
	#header.on .pc_nav .gnb > li:hover > a:after {transform: scaleX(1);}
	#header.on h1 > a{background-image: url('/images/logo.png');}


	.pc_nav .gnb .depth2{display: none;margin-top: 14px;}
	.pc_nav .gnb .depth2 a{display: inline-block;padding: 3px 0;text-align: center;width: 100%;color: #333;}
	.pc_nav .gnb .depth2 a:hover{color:  var(--color-main);}

	.pc_util{position: absolute;top: 6px;right: 10px;z-index:999;display: flex;}
	.pc_util > a{display: inline-block;padding: 4px 10px;color: #fff;}
	#header.on .pc_util > a{color: #000}
	.pc_util > a:hover{color: var(--color-main);}
	.pc_util > a + a{margin-left: 14px;}

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

	.mobile-nav-toggle {position: absolute;right: 0px;top:28px;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: #fff;}
	.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;font-size: 18px;}
	.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {color: var(--color-main);text-decoration: none;}
	
	.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: var(--color-main);}
	.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:8px 10px;position: relative;color: #333;}
	.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:1600px){
		.banner_sbs{left: -10px;top: 30px;}
		.banner_sbs > a > img{width: 150px;}

	}
	@media (max-width:1300px){
		#header h1{left: 14px;}
		.pc_util{right: 10px;}
		.banner_sbs{top: 100px;left: 14px;}
	}
	
	@media (max-width:1200px){
		.pc_nav{width: 100%;}
		.banner_sbs{left: 0px;}
	}

	@media (max-width:992px){
		.pc_util{display: none;}
		

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

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

		.mobile_menu{display: block;height: 170px;border-bottom: 1px solid #f4f4f4;}
		.mobile_quick_menu{display: block;height: auto;background-color: #92746A;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;}
		.m_logo > img{width: 52px;margin-top: 0px;margin-left: 14px;}
		
		.m-util{height: 170px;color: #fff;background-color: var(--color-main);padding-top: 50px;padding-left: 14px;}
		.m-util strong{font-size: 20px;font-weight: 700;}
		.m-util > div:first-child{margin-bottom: 10px;}
			

		.m_btn_login{width: 100px;height: 40px;text-align: center;font-size: .9rem;color: #fff;border: 1px solid rgba(255,255,255,0.5);background-color: var(--color-main);}
		.m_btn_join{width: 100px;height: 40px;text-align: center;font-size: .9rem;color: #fff;border: 1px solid rgba(255,255,255,0.5);background-color: var(--color-main);}
		
		#header h1{left: 14px;top: 16px;}
		#header h1 > a{background-size: auto 60px ;width: 150px;height: 60px;}
		
		.pc_util{display: none;}
		a.menu-book{display: none;}
		.mobile-nav-toggle{top: 8px;}

		.mobile-nav .mobile-nav-close{color: #fff;}

		.banner_sbs{top: 70px;}
		
	} 
	
	@media (max-width:768px){
		#header h1 img{height: 40px;transition: 0.2s all ease-in-out;margin-top: 0px;}
		#header h1 > a{background-size: auto 46px ;}
		.banner_sbs{top: 60px;}
		
	}




/* 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;}
	}