@charset "utf-8";

/*g마켓 폰트*/
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*g마켓 폰트*/

/*노토산스 폰트*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
/*노토산스 폰트*/


/* MOBILE 모드 CSS */

html, body { height:100%; }

#main_menu_area { position:fixed; bottom:0px; left:0px; top:0px; right:0px; padding-top:45px; background:#FFF; z-index:30; display:none; overflow-y:scroll; }
	#main_menu_area #main_menu_head { z-index:31; position:fixed; left:0px; right:10px; top:0px; width:100%; height:45px;  background:URL('../img/sitemap_bg1.jpg'); text-align:center;  }
	#main_menu_area #main_menu_head #title_text { display:inline-block; margin:0px 50px 0px 50px; text-align:center; color:#FFF; font-size:18px; line-height:45px; font-weight:bold; }
	#main_menu_area #main_menu_head img.btn_close { cursor:pointer; position:absolute; right:10px; top:6px; }
	#main_menu_area #main_menu_head img.btn_home { position:absolute; left:10px; top:6px; }
	#main_menu_area #menu { }
	#main_menu_area #menu ul { position:relative; }
	#main_menu_area #menu ul li { overflow:hidden; position:relative; }
	#main_menu_area #menu ul li.m1 { line-height:35px; background:URL('../img/sitemap_bg2.jpg'); }
	#main_menu_area #menu ul li.m2 { line-height:35px; background:URL('../img/sitemap_bg3.jpg'); }
	#main_menu_area #menu ul li.m3 { height:35px; line-height:35px; background:URL('../img/sitemap_bg4.jpg'); }
	#main_menu_area #menu ul li span.m1 { margin-left:20px; margin-right:40px; color:#194163; font-size:14px; font-weight:bold; display:block; height:35px; line-height:35px; overflow:hidden; }
	#main_menu_area #menu ul li span.m2 { margin-left:20px; margin-right:40px; color:#001445; font-size:14px; font-weight:normal; display:block; height:35px; line-height:35px; overflow:hidden; }
	#main_menu_area #menu ul li span.m3 { margin-left:20px; margin-right:40px; color:#CCC; font-size:14px; font-weight:normal; display:block; height:35px; line-height:35px; overflow:hidden; }
	#main_menu_area #menu ul li span.sitemap_low1 { display:inline-block; width:5px; height:35px; background:URL('../img/sitemap_low.png') center center no-repeat; margin-left:1px; margin-right:8px; vertical-align:middle; }
	#main_menu_area #menu ul li span.sitemap_low2 { display:inline-block; width:5px; height:35px; background:URL('../img/sitemap_low.png') center center no-repeat; margin-left:11px; margin-right:8px; vertical-align:middle; }
	#main_menu_area #menu ul li span.sitemap_bul1 { position:absolute; top:0px; right:20px; display:inline-block; width:6px; height:35px; background:URL('../img/sitemap_bul1.png') center center no-repeat; vertical-align:middle; }
	#main_menu_area #menu ul li span.sitemap_bul2 { position:absolute; top:0px; right:20px; display:inline-block; width:6px; height:35px; background:URL('../img/sitemap_bul2.png') center center no-repeat; vertical-align:middle; }
	#main_menu_area #menu ul li span.sitemap_bul3 { position:absolute; top:0px; right:20px; display:inline-block; width:6px; height:35px; background:URL('../img/sitemap_bul3.png') center center no-repeat; vertical-align:middle; }
	#main_menu_area #etc_menu {  }
	#main_menu_area #etc_menu ul { position:relative; }
	#main_menu_area #etc_menu ul li { overflow:hidden; position:relative; height:35px; line-height:35px; background:URL('../img/sitemap_bg5.jpg'); }
	#main_menu_area #etc_menu ul li span.m4 { margin-left:20px; margin-right:40px; color:#222; font-size:14px; font-weight:bold; display:block; height:35px; line-height:35px; overflow:hidden; }
	#main_menu_area #etc_menu ul li span.sitemap_bul4 { position:absolute; top:0px; right:20px; display:inline-block; width:6px; height:35px; background:URL('../img/sitemap_bul4.png') center center no-repeat; vertical-align:middle; }

#wrap { min-height:100%; min-width:320px; position:relative; }

	#wrap #top { position:relative; }
		#wrap #top #logo { background:URL('../img/bg_top_title.jpg') center bottom; }
			#wrap #top #logo #logo_in { margin:0 auto; width:320px; min-height:57px; text-align:center; overflow:hidden; } /*수정전 margin:0 auto; width:320px; min-height:45px; text-align:center; overflow:hidden;*/
			#wrap #top #logo #logo_in h1 img { width:240px; padding-top:12px; } /*신규추가*/
			#wrap #top #logo #logo_in #top_logo_text { display:inline-block; margin:10px 50px 10px 50px; text-align:center; color:#FFF; font-size:18px; line-height:24px; font-weight:bold; }
		#wrap #top #top_title { position:relative; min-height:45px; text-align:center; background:URL('../img/bg_top_title.jpg') center bottom; }
			#wrap #top #top_title #top_title_text { display:inline-block; margin:10px 50px 10px 50px; text-align:center; color:#FFF; font-size:18px; line-height:24px; font-weight:bold; }
		#wrap #top #banner_top { position:relative; overflow:hidden; }
		#wrap #top img.btn_menu { cursor:pointer; position:absolute; right:10px; top:14px; width:21px; height:17px; } /*수정전 cursor:pointer; position:absolute; right:10px; top:6px;*/
		#wrap #top img.btn_home { position:absolute; left:10px; top:6px; }

	#wrap #main_visual { position:relative; margin:0px auto; width:100%; overflow:hidden; text-align:center; } /*수정전 position:relative; margin:0px auto; width:320px; overflow:hidden; text-align:center;*/
	#wrap #main_visual img { width:100%; }
	#wrap #main_banner { margin:0px auto; width:320px; overflow:hidden; text-align:center; }
	#wrap #main_banner ul li { display:/*inline-block;*/inline; }

	#wrap #content_area { position:relative; overflow:hidden; padding-bottom:60px; } /*수정전 position:relative; overflow:hidden; padding-bottom:112px;*/
		#wrap #content_area #content_area_padding { position:relative; overflow:hidden; padding:10px; text-align:justify; }
		#wrap #content_area #content_area_padding2 { position:relative; overflow:hidden; padding:10px; text-align:justify; font-size:11pt; font-family:dotum; }
		#wrap #content_area #banner_bottom { position:relative; overflow:hidden; }
		#wrap #content_area #content_area_padding #no_auth { padding:25px 40px; background:#333; color:#FFF; font-weight:bold; text-align:center; }
		#wrap #content_area #content_area_padding #no_auth span.msg { color:#289ECC; }
		#wrap #content_area #content_area_padding #no_data { padding:25px 40px; background:#333; color:#FFF; font-weight:bold; text-align:center; }
		#wrap #content_area #content_area_padding #no_data span.msg { color:#289ECC; }
		#wrap #content_area #content_area_padding div.bottom_btn { margin:10px 0px 10px 0px; }
		#wrap #content_area #content_area_padding div.bottom_btn span.button2ea1 { float:left; display:inline-block; width:49%; }
		#wrap #content_area #content_area_padding div.bottom_btn span.button2ea2 { float:right; display:inline-block; width:49%; }

	#wrap #bottom { position:absolute; left:0px; bottom:61px; width:100%; height:51px; overflow:hidden; /*background:URL('../img/copyright_bg.jpg') center top no-repeat #000;*/ }
		#wrap #bottom #copyright { text-align:center; height:51px; line-height:51px; color:#999; }
		#wrap #bottom #copyright span.private { margin-left:10px; color:#AAA; }

/*#menu_n_call { position:fixed; bottom:0px; left:0px; width:100%; min-width:320px; height:61px; overflow:hidden; z-index:20; background:URL('../img/menu_n_call_bg.jpg') left top repeat-x; }
	#menu_n_call ul { width:320px; margin:0 auto; }
	#menu_n_call ul li { float:left; width:64px; height:61px; }*/


#menu_n_call { position:fixed; bottom:0px; left:0px; width:100%; min-width:320px; height:60px; overflow:hidden; z-index:20; background:#fff; border-top:1px solid #eee;}
	#menu_n_call ul { width:320px; margin:0 auto; }
	#menu_n_call ul li { float:left; width:20%; height:60px; }
	#menu_n_call ul li span img { width:100%; }
	#menu_n_call ul li a img { width:100%; }


/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */


	/* 메인-퀵버튼 탭칸 main_content1.php */
		.quickbox { display:block; margin:25px auto; width:380px; height:120px; }
	    .quickbox .tab1 { display:inline-block; width:187px; height:57px; line-height:57px; float:left; font-size:24px; color:#123c60; background:#eaecf0; text-align:center; letter-spacing:-1px; font-family:'GmarketSansBold'; border-top-right-radius:20px; margin-right:5px; }
		.quickbox .tab2 { display:inline-block; width:187px; height:57px; line-height:57px; float:left; font-size:24px; color:#123c60; background:#cdf121; text-align:center; letter-spacing:-1px; font-family:'GmarketSansBold'; border-top-right-radius:20px; }
		.quickbox .tab3 { display:inline-block; width:187px; height:57px; line-height:57px; float:left; font-size:24px; color:#fff; background:#123c60; text-align:center; letter-spacing:-1px; font-family:'GmarketSansBold'; border-top-right-radius:20px; margin-right:5px;  margin-top:5px; }
		.quickbox .tab4 { display:inline-block; width:187px; height:57px; line-height:57px; float:left; font-size:24px; color:#123c60; background:#eaecf0; text-align:center; letter-spacing:-1px; font-family:'GmarketSansBold'; border-top-right-radius:20px; margin-top:5px; }

		.topban { display:block; width:380px; margin:0 auto; padding:0 0 27px 0; }
		.topban img { width:100%; }
	
	/* 메인-개요 칸 main_content1.php */
		.info { display:block; margin:0 auto; width:100%; height:650px; background:url('../img_visual/m_box1_bg.png') center no-repeat; background-size:cover; }
		.info .box1 { display:block; margin:0 auto; width:380px; }
		.info .box1 .box1_tit { padding-top:27px; }
		.info .box1 .box1_tit a img { width:100%; }
		.info .box1 .box1_txt1 { width:320px; padding:27px 0 0 27px; }
		.info .box1 .box1_text { display:inline-block; float:right; width:100%; margin-top:27px; }
		.info .box1 .box1_text ul { margin:11px 0; }
		.info .box1 .box1_text ul li.y_box { display:inline-block; width:76px; height:36px; line-height:36px; background:#daff2b; color:#123c60; text-align:center; font-size:16px; letter-spacing:-2px; font-weight:700; font-family:'Noto Sans KR', sans-serif; }
		.info .box1 .box1_text ul li.white { display:inline-block; line-height:36px; color:#fff; text-align:left; font-size:17px; letter-spacing:-2px; font-family:'Noto Sans KR', sans-serif; margin-left:13px; word-break:keep-all; }
		.info .box1 .box1_text ul li.white .point1 { color:#cdf121; font-size:25px; font-weight:900; font-family:'Noto Sans KR', sans-serif; }
		.info .box1 .box1_text ul li.white .point2 { color:#cdf121; font-size:18px; font-weight:800; font-family:'Noto Sans KR', sans-serif; }


	/* 메인-코스안내 칸 main_content1.php */
		.course { display:block; margin:0 auto; width:100%; height:610px; }
		.course .box2 { display:block; margin:0 auto; width:380px; }
		.course .box2 .box2_tit { padding-top:40px; }
		.course .box2 .box2_tit a img { width:100%; }

		.box2tab {
			list-style: none;
			margin: 0;
			padding: 0;
			overflow: hidden;
			margin-top:40px;
			text-align:center;
		}
		/* Float the list items side by side */
		.box2tab li {
			/*float: left;*/
		}
		/* Style the links inside the list items */
		.box2tab li {
			display: inline-block;
			width:170px;
			height:29px;
			line-height:29px;
			padding:10px 0;
			word-break:keep-all;
			color:#123c60;
			text-align:center;
			text-decoration:none;
			cursor:pointer;
			font-size:25px;
			font-weight:500;
			border:1px solid #E4E4E4;
			border-collapse:collapse;
			transition:0.3s;
			font-family:'GmarketSansBold', sans-serif;
		}
		.box2tab li a:hover { color:#aaaaaa; }
		/* Style the tab content */
		.tabcontent /*내용부분*/{
			display: none;
		}
		ul.box2tab li.current /*탭부분*/{
			background-color:#123c60;
		}
		ul.box2tab li.current a /*탭부분*/{
			color:#fff;
		}
		.tabcontent.current {
			display: block;
		}

		.tabcontent .box2_img1 { display:block; margin:0 auto; margin-top:40px; border:5px solid #123c60; }



	/* 메인-접수안내 칸 main_content1.php */
		.apply { display:block; margin:0 auto; width:100%; height:1010px; }
		.apply .box3 { display:block; margin:0 auto; width:380px; }
		.apply .box3 .box3_tit { padding-top:40px; }
		.apply .box3 .box3_text { display:block; margin-top:40px; text-align:center; }
		.apply .box3 .box3_text ul { text-align:center; width:100%; }
		.apply .box3 .box3_text ul li.tit { display:inline-block; text-align:center; font-size:25px; color:#123c60; font-weight:800; font-family:'GmarketSansBold',sans-serif; } 
		.apply .box3 .box3_text ul li.tit:before { content:""; display:block; width:100%; height:11px; background:#e2fc67; position:relative; top:27px; z-index:-1; }
		.apply .box3 .box3_text ul li.cont { font-size:18px; color:#333; font-weight:500; font-family:'Noto Sans KR', sans-serif; letter-spacing:-2px; }


	/* 메인-포토갤러리 칸 main_content1.php */
		.gallery { display:block; margin:0 auto; width:100%; height:600px; }
		.gallery .box4 { display:block; margin:0 auto; width:380px; }
		.gallery .box4 .box4_tit { padding-top:40px; }
		.gallery .box4 .box4_photo { margin:40px 0; height:450px; }
		.gallery .box4 .box4_photo .box { display:inline-block; width:180px; height:138px; overflow:hidden; float:left; padding:0 10px 10px 0; }
		.gallery .box4 .box4_photo .box img { width:100%; height:100%; }


	/* 메인-하단인포 칸 main_content1.php */
		.info2 { padding:24px 0; height:328px; border-top:1px solid #ddd; background:#1c1c1c; }
		.info2 p { font-size:8px; letter-spacing:-1px; text-align:center; margin:5px 0; }
		.info2 p.copyright { font-size:8px; letter-spacing:-1px; text-align:center; color:#9f9d9d; margin-top:13px; }

		.info2 .cs_gp { width:360px; height:40px; margin:0 auto; padding-left:10px; }
		.info2 .cs_gp li { display:inline-block; float:left; line-height:30px; padding:5px; }
		.info2 .cs_gp li.point { font-weight:bold; }
		.info2 .cs_gp li a { color:#b1b1b1; font-size:14px; padding-right:12px; border-right:1px solid #505050; }

		.info2 .cstxt_gp { width:340px; margin:0 auto; padding-left:10px; margin-top:20px; }
		.info2 .cstxt_gp li { font-size:13px; font-weight:600; color:#666; letter-spacing:-0.5px; }
		.info2 .cstxt_gp li a { font-size:14px; font-weight:500; color:#999; letter-spacing:-0.5px; }

		.info2 .cr_gp { width:340px; margin:0 auto; padding-left:10px; margin-top:20px; }
		.info2 .cr_gp li { font-size:13px; font-weight:600; color:#666; letter-spacing:-0.5px; }
		.info2 .cr_gp li.copyright { font-size:13px; font-weight:500; color:#999; letter-spacing:-0.5px; }