html{overflow-y:scroll;}

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

#header{position:fixed; width:100%; margin:0; -webkit-transition: 0.2s all; transition: 0.2s all; z-index:900; background:#FFF; border-bottom:1px solid #ddd;}
#header:after{content:""; display:block; height:0; clear:both; visibility:hidden;}

#header .etc{position:relative; width:100%; height:46px; background:#1d2970; font-family:'Noto Sans KR','Sans-serif', sans-serif;}
#header .etc .etc_wp{position:relative; width:80%; margin:0 auto;}
#header .etc .etc_wp .etc_link{float:left; margin-left:0; height:34px; padding-top:12px; overflow:hidden;}
#header .etc .etc_wp .etc_link li{float:left; position:relative;}
#header .etc .etc_wp .etc_link li a{color:#dfe0e5; font-weight:300; font-size:14px; padding:13px 14px 13px 14px;}
#header .etc .etc_wp .etc_link li a.new_link01{padding:13px 24px 13px 10px; width:12px; height:14px; background:url(../images/icon_blank_wh.png) no-repeat 101px 17px;}
#header .etc .etc_wp .etc_link li a.new_link02{padding:13px 24px 13px 10px; width:12px; height:14px; background:url(../images/icon_blank_wh.png) no-repeat 88px 17px;}
#header .etc .etc_wp .etc_link li a.on{background:#FFF; color:#4a506b; font-weight:600; font-size:14px;}
#header .etc .etc_wp .etc_link li a.active,
#header .etc .etc_wp .etc_link li a:hover{background:#FFF; color:#4a506b; font-weight:600; font-size:14px;}
#header .etc .etc_wp .etc_link li a.new_link01.active,
#header .etc .etc_wp .etc_link li a.new_link01:hover{color:#4a506b; font-weight:600; font-size:14px; background:url(../images/icon_blank.png) no-repeat 101px 17px #FFF;}
#header .etc .etc_wp .etc_link li a.new_link02.active,
#header .etc .etc_wp .etc_link li a.new_link02:hover{color:#4a506b; font-weight:600; font-size:14px; background:url(../images/icon_blank.png) no-repeat 88px 17px #FFF;}
#header .etc .etc_wp .etc_link li:first-child{padding-left:0;}

#header .etc .etc_wp .etc_right{float:right; display:inline-block;}
#header .etc .etc_wp .etc_right .right_link1{float:right; margin-left:0; padding-top:12px;}
#header .etc .etc_wp .etc_right .right_link1 li{float:left; margin-left:0;}
#header .etc .etc_wp .etc_right .right_link1 li a{color:#FFF;}

#header .etc .etc_wp .etc_right .right_link1{float:left; margin-left:0; padding-top:12px;}
#header .etc .etc_wp .etc_right .right_link1 li{float:left; margin-right:8px; background:url(../images/hd_login.png) no-repeat 0 0;}
#header .etc .etc_wp .etc_right .right_link1 li+li{float:left; margin-left:0; background:url(../images/hd_join.png) no-repeat 0 2px;}
#header .etc .etc_wp .etc_right .right_link1 li+li+li{float:left; margin-left:0; background:url(../images/hd_admin.png) no-repeat 0 2px;}
#header .etc .etc_wp .etc_right .right_link1 li a{color:#FFF; padding:13px 10px 13px 22px;}

#header .etc .etc_wp .etc_right .right_link2{float:right; margin-left:0;}
#header .etc .etc_wp .etc_right .right_link2 > li{float:left; padding:0 12px 0 14px; padding-top:12px; height:34px; background:url(../images/hd_lang.jpg) no-repeat 12px 12px #151e5c;}
#header .etc .etc_wp .etc_right .right_link2 > li.lnk_lng:after{position:absolute; right:158px; top:50%; margin-top:22px; border-left:4px solid transparent; border-right:4px solid transparent; border-top:4px solid #fff; content:'';}
#header .etc .etc_wp .etc_right .right_link2 > li.lnk_inst{float:left; margin-left:0; background:url(../images/hd_link.jpg) no-repeat 12px 5px #0d1348;}
#header .etc .etc_wp .etc_right .right_link2 > li.lnk_inst:after{position:absolute; right:10px; top:50%; margin-top:22px; border-left:4px solid transparent; border-right:4px solid transparent; border-top:4px solid #fff; content:'';}
#header .etc .etc_wp .etc_right .right_link2 > li > a{color:#FFF; padding:13px 10px 13px 25px;}

#header .etc .etc_wp .etc_right .right_link2 .cm_lnk_language{display:none; position:absolute; width:109px; margin-left:-14px; margin-top:10px; z-index:900;}
#header .etc .etc_wp .etc_right .right_link2 .cm_lnk_language li{background:#0d1348 !important; border-top:1px solid #4c528c;}
#header .etc .etc_wp .etc_right .right_link2 .cm_lnk_language li a{display:block; padding:4px 10px; color:#fff; }
#header .etc .etc_wp .etc_right .right_link2 .cm_lnk_language li:first-child a{border-top:none1;}
#header .etc .etc_wp .etc_right .right_link2 .cm_lnk_language li a:hover{background:#1d2970;}
#header .etc .etc_wp .etc_right .right_link2 .cm_lnk_facility{display:none; position:absolute; width:152px; margin-left:-14px; margin-top:10px;  z-index:900;}
#header .etc .etc_wp .etc_right .right_link2 .cm_lnk_facility li{background:#0d1348 !important; border-top:1px solid #4c528c;}
#header .etc .etc_wp .etc_right .right_link2 .cm_lnk_facility li a{display:block; padding:4px 10px; color:#fff;}
#header .etc .etc_wp .etc_right .right_link2 .cm_lnk_facility li a img{margin:-2px 0 0 4px; vertical-align:middle;}
#header .etc .etc_wp .etc_right .right_link2 .cm_lnk_facility li a:hover{background:#1d2970;}


/*gnb*/
#header .hd_inner{width:80%; margin:0 auto;}
#header .hd_inner:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
#header .hd_inner h1{position:absolute; left:0; margin-left:10%; padding-top:25px;}
#header .hd_inner h1 a{display:inline-block; width:186px; height:56px; font-size:20px; font-weight:500; background:url(../images/mn_logo.jpg?202310051022) no-repeat 0 0; text-indent:-99999em;}
#header .hd_inner h1 a.sisul_name{background:none; text-indent:0; margin-top:17px;}
#header .hd_inner h1 a.sisul_name:after{content:''; display:block; position:absolute; left:175px; top:0; margin-top:42px; width:1px; height:28px; background:#CCC;}
#header .hd_inner .gnb{float:right; overflow:hidden; margin-right:5%; padding-top:39px;}
#header .hd_inner .gnb > ul{margin:0; padding:0; list-style:none;}
#header .hd_inner .gnb > ul > li{float:left; text-align:center;}
#header .hd_inner .gnb > ul > li > a{display:inline-block; padding:0 28px 0 28px; font-weight:500; font-size:20px; letter-spacing:-1px; color:#1d3360; text-align:center;}
#header .hd_inner .gnb > ul > li > a:after{display:block; content: ""; margin:32px 0 0 -10px; width:100%; padding:0 10px; height:4px; background:#008adf; transform:scale(0, 1); transition:all 0.3s ease;}
#header .hd_inner .gnb > ul > li > a.active, 
#header .hd_inner .gnb > ul > li > a:hover{ color:#008adf;}
#header .hd_inner .gnb > ul > li > a.active:after, 
#header .hd_inner .gnb > ul > li > a:hover:after	{transform: scale(1, 1);}
#header .hd_inner .gnb ul li .menu_inner{position:absolute; left:0; top:145px; width:100%; height:340px; z-index:4000; display:none; background:#FFF; box-shadow:0 8px 8px -8px rgb(50,50,50,.5);}
#header .hd_inner .gnb ul li .menu_inner .menu_wrap{width:100%; height:100%; z-index:4000;}

#header .hd_inner .gnb ul li .menu_inner .menu_wrap .left_inner{float:left; width:31%; height:100%; background:url(/images/mn_menu_inner_bg.jpg) no-repeat right 0 #f4f5f9;}
#header .hd_inner .gnb ul li .menu_inner .menu_wrap .left_inner > p{padding:46px 23px 0 0; color:#0d2e8f; font-size:30px; text-align:right; letter-spacing:1px;}

#header .hd_inner .gnb ul li .menu_inner .menu_wrap > ul{float:left; width:59%; padding:0 9% 0 1%; list-style:none; margin-top:12px;}
#header .hd_inner .gnb ul li .menu_inner .menu_wrap > ul:after{content:""; display:block; clear:both;}
#header .hd_inner .gnb ul li .menu_inner .menu_wrap > ul > li{float:left; width:23%; background:#f2f2f2; margin:10px 7px;}
#header .hd_inner .gnb ul li .menu_inner .menu_wrap > ul > li > a{display:block; font-size:16px; font-weight:500; color:#202020; padding:10px 10px 10px 15px; text-align:left;}
#header .hd_inner .gnb ul li .menu_inner .menu_wrap > ul > li > a:hover,
#header .hd_inner .gnb ul li .menu_inner .menu_wrap > ul > li > a.Ov{display:block; background:#008adf; padding:10px 10px 10px 15px; font-size:16px; font-weight:bold; color:#fff; text-align:left;}
#header .hd_inner .gnb ul li .menu_inner .menu_wrap > ul > li:nth-child(4n+1){clear:both; float:left; width:23%;}
#header .hd_inner .gnb ul li .menu_inner .menu_wrap > ul > li > ul{list-style:none; background:#FFF; padding-top:8px;}
#header .hd_inner .gnb ul li .menu_inner .menu_wrap > ul > li > ul > li{width:100%; clear:both; background:#FFF;}
#header .hd_inner .gnb ul li .menu_inner .menu_wrap > ul > li > ul > li > a{display:block; padding:4px 4px 4px 14px; color:#202020; font-size:14px; font-weight:400; text-align:left; /*background:url(../images/mn_gnb_3depth_bg.png) no-repeat 7px 13px;*/ border:1px solid #fff;}
#header .hd_inner .gnb ul li .menu_inner .menu_wrap > ul > li > ul > li > a img{margin:-3px 0 0 3px; vertical-align:middle;}
#header .hd_inner .gnb ul li .menu_inner .menu_wrap > ul > li > ul > li > a:hover,
#header .hd_inner .gnb ul li .menu_inner .menu_wrap > ul > li > ul > li > a.Ov{display:block; padding:4px 4px 4px 14px; background:url(../images/mn_gnb_3depth_bg.png) no-repeat 95% 14px; color:#202020; font-size:14px; font-weight:400; text-align:left; border:1px solid #008adf;}

#header .hd_inner .search_btn{position:absolute; right:12.5%; top:0; width:22px; margin-top:86px; background:url(../images/search_btn.jpg) no-repeat right 0; text-indent: -99999em;}	
#header .hd_inner .search_btn a{display:block; width:25px; height:25px;}
#header .hd_inner .search_list{display:none; position:absolute; top:145px; left:0; width:100%; height:100px; padding-top:50px; text-align:center; z-index:9999; background:url(/images/mn_search_bg.jpg) repeat-x left 0 #f4f5f9; box-shadow: 0 8px 8px -8px rgb(50 50 50 / 50%);}

#header .hd_inner .sitemap_btn{position:absolute; right:10%; top:0; width:20px; margin-top:86px;}	
#header .hd_inner .sitemap_btn a{display:block; width:20px; height:20px; background:url(../images/hd_sitemap.jpg) no-repeat right 0; text-indent: -99999em;}

		@media all and (min-width:1280px){
			#mobileNavi {display:none;}			
			#mask_mn {display:none !important;}
			#header .hd_inner .open_mn {display:none;}
			#header .hd_inner .open{display:none;}			
		}
		
		@media all and (max-width:1680px){
			#header .hd_inner .gnb > ul > li > a{padding:0 1.3rem 0 1.3rem;}
		}
		
		@media all and (max-width:1625px){
		#header .etc .etc_wp .etc_link li a{color:#dfe0e5; font-weight:300; font-size:13px; padding:13px 5px 13px 5px;}
		}
		
		@media all and (max-width:1480px){
			#header .etc .etc_wp{width: calc(100% - 6vw);}
			#header .hd_inner{width: calc(100% - 6vw);}
			#header .hd_inner h1{margin-left:3%;}
			#header .hd_inner .gnb > ul > li > a{padding:0 1rem 0 1rem;}
			#header .hd_inner .sitemap_btn{right:3%;}
			#header .hd_inner .search_btn{position:absolute; right:5.5%;}
			
		}
		
		@media all and (max-width:1280px){
			#header{position:relative;}
			#header .etc{display:none;}
			#header .hd_inner h1{padding-top:12px;}
			#header .hd_inner h1 a.sisul_name:after{margin-top:30px;}
			#header .hd_inner .gnb{display:none; height:0;}
			#header .hd_inner .gnb > ul{display:none;}
			#header .hd_inner .search_btn{margin-top:28px;}
			#header .hd_inner .sitemap_btn{display:none;}
			#header .hd_inner .search_list{top:79px; border-top:1px solid #dddddd;}
			#header .hd_inner .open_mn {background: url(../images/cm_header_mobile_navi.gif) no-repeat right top;}
			#header .hd_inner .open {display:block; position:absolute; top:21px; right:10px; width:37px; height:37px; text-indent:-9999px;}
			#header .hd_inner .etc {display:none;}
		
			#mobileNavi {display:none; position:fixed; top:0; right:0; width:100%; height:100%; padding:0; z-index:99999; overflow-x:hidden;}
			#mobileNavi > div { float:right; display:block; width:281px; min-height:100%; background:#FFF;}
			#mobileNavi .mobilemem { overflow:hidden; width:100%; margin:0 auto; background-color:#0d1348;}
			#mobileNavi .mobilemem > li {float:left; width:40%; text-align:center; padding:14px 0 13px 0; background: url(../images/hd_login.png) no-repeat 18px 15px #1d2970;}
			#mobileNavi .mobilemem > li+li {width:40%; background: url(../images/hd_join.png) no-repeat 15px 15px #151e5c;}
			#mobileNavi .mobilemem > li+li+li {width:20%; background:none; background-color:#0d1348;}
			#mobileNavi .mobilemem a {display:inline-block; width:100%; color:#FFF; font-weight:500; font-size:14px; padding-left:13px;}
			#mobileNavi .mobilemem > li+li+li a{padding-left:0; padding-top:2px;}
			#mobileNavi .member {overflow:hidden; width:100%; list-style:none; margin:29px 0 0 0; padding:20px 0 5px 0; vertical-align:middle; border-bottom:1px solid #dedede;}
			#mobileNavi .member > li {position:absolute; right:180px; top:70px; background:url('../images/cm_header_line_bg.gif') no-repeat left 6px;}
			#mobileNavi .member > li+li {right:110px; padding-left:10px;}
			#mobileNavi .member > li+li+li {right:43px; padding-left:10px;}
			#mobileNavi .member > li+li+li+li {right:10px; padding-left:10px;}
			#mobileNavi .member > li.logout{right:173px;}
			#mobileNavi .member li:first-child{background:none;}
			#mobileNavi .member a {font-weight:bold; color:#797979; font-size:13px; vertical-align:middle;}
			#mobileNavi .member li img{vertical-align:middle;}

			#mobileNavi .mobilelnb img{margin:-3px 0 0 3px; vertical-align:middle;}
			#mobileNavi .mobilelnb a {display:block; padding-left:20px; text-align:left; color:#FFF; cursor:pointer;}
			#mobileNavi .depth_01 > li {border-bottom:1px solid #dedede;}
			#mobileNavi .depth_01 > li > a {padding:0 5%; line-height:45px; color:#000; font-weight:700; font-size:14px; }
			#mobileNavi .depth_01 > li.on {background: url('../images/sb_snb_arrow_on.jpg') no-repeat 95% 20px #008adf;}
			#mobileNavi .depth_01 > li.on > a {color:#fff;}
				
			#mobileNavi .depth_02 {display:none; background:#f7f7f7;}
			#mobileNavi .depth_02 > li{ width:calc(100% - 20px); padding:0 0 0 10px;}			
			#mobileNavi .depth_02 > li > a {font-weight:500; line-height:38px; font-size:14px; border-bottom:1px dashed #dadada; color:#424242; background:url('../images/sb_snb_arrow.jpg') no-repeat 10px 16px; background-size:5px;}
			#mobileNavi .depth_02 > li:last-child > a{border:none;}
			#mobileNavi .depth_02 > li.on > a {font-weight:400; font-weight:500; color:#008adf; background:url('/silla/images/sb_snb_arrow_on.jpg') no-repeat 10px 16px; background-size:5px;}

			#mobileNavi .depth_03 {display:none; padding:7px 0 0 0;}
			#mobileNavi .depth_03 > li{width:calc(100% - 10px); padding:0 0 0 10px;}
			#mobileNavi .depth_03 > li:last-child{border-bottom:1px dashed #dadada; padding-bottom:7px;}
			#mobileNavi .depth_03 > li > a {font-weight:400; line-height:28px; font-weight:500; font-size:14px; color:#424242; background: url('../images/sb_snb_02_off.jpg') no-repeat 10px 12px;}
			#mobileNavi .depth_03 > li.on > a {font-weight:400; color:#008adf; font-weight:500; background-position:0 -18px; background: url('../images/sb_snb_02_on.jpg') no-repeat 10px 12px;}
				
			#mobileNavi .sns { float:right; width:80px; padding-top:10px;}
			#mobileNavi .sns ul li {float:left; width:35px; height:35px; background: url('../images/hd_sns_01.png') no-repeat 0 6px;}
			#mobileNavi .sns ul li+li {float:left; width:35px; height:35px;  background: url('../images/hd_sns_02.png') no-repeat 0 6px;}
			#mobileNavi .sns a {display:inline-block; width:100%; color:#FFF; font-weight:500; font-size:12px;}
			
			/* mobile mask */
			.stop_scrolling {height:100%; overflow:hidden !important;}
			#mask_mn {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:9995;}
		}
		
		@media all and (max-width:1024px){
			#header .hd_inner .search_btn{right:8%;}
		}
		
		@media all and (max-width:800px){
			#header .hd_inner .search_btn{right:9%;}
		}
		
		@media all and (max-width:599px){
			#header .hd_inner .search_btn{right:11%;}
		}
		
		@media all and (max-width:480px){
			#header .hd_inner h1{padding-top:18px;}
			#header .hd_inner h1 a{background-size:100%; width:110px;}
			#header .hd_inner h1 a.sisul_name{margin-top:13px; margin-left:20px; font-size:1.0rem;}
			#header .hd_inner h1 a.sisul_name:after{left:121px; height:20px; margin-top:31px;}
			#header .hd_inner .search_btn{right:15%;}
		}
#footer{clear:both; position:relative; width:100%; height:100%; background:#FFF; border-top:1px solid #ddd;}

#footer .ft_bn {position:relative; width:80%; height:45px; padding-top:21px; background:#FFF; overflow:hidden; margin:0 auto; background:url('../images/ft_bn_bg.jpg') no-repeat 0 21px;}
#footer .ft_bn .bt_bn_tit{float:left; padding-right:25px; margin-left:30px; font-size:16px; color:#4a506b; font-weight:500;}
#footer .ft_bn .bt_bn_tit:after{content:''; position:absolute; left:110px; top:32px; width:4px; height:4px; border-radius:10px; background:#8f9094;}
#footer .ft_bn .bn_list_wrap{float:left; width:calc(100% - 201px); margin:0 auto; height:100%;}
#footer .ft_bn .bn_list_wrap .bn_list > li{position:relative; float:left; width: initial !important;  text-align:center; padding:0 25px; overflow:hidden;}
#footer .ft_bn .bn_list_wrap .bn_list > li:after{content:''; position:absolute; right:0; top:9px; width:1px; height:9px; background:url('../images/ft_bn_list_bg.jpg') no-repeat 0 0;}
#footer .ft_bn .bn_list_wrap .bn_list > li a{font-size:16px; color:#333; font-weight:500; white-space:nowrap;}

	@media all and (max-width:480px){
		#footer .ft_bn .bt_bn_tit{font-size:1.0rem; padding-right:15px;}
		#footer .ft_bn .bt_bn_tit:after{left:90px;}
		#footer .ft_bn .bn_list_wrap .bn_list > li{padding:0 15px;}
		#footer .ft_bn .bn_list_wrap .bn_list > li a{font-size:1.0rem;}
	}
	
#footer .ft_bn .bn_list_wrap .bn_list > li:first-child a{color:#000;}
#footer .ft_bn .bn_list_wrap .bn_list > li a:hover{color:#0084c2; text-decoration:none;}
#footer .ft_bn .bn_control{float:right; width:74px;}
#footer .ft_bn .bn_control > li{float:left; width:23px; height:24px; border:1px solid #CCC; background:url('../images/ft_bn_prev.png') no-repeat center 5px;}
#footer .ft_bn .bn_control > li:nth-child(2){width:23px; height:24px; border-top:1px solid #CCC; border-bottom:1px solid #CCC; border-left:none; border-right:none; background: url('../images/ft_bn_stop.png') no-repeat center 7px;}
#footer .ft_bn .bn_control > li:nth-child(3){width:23px; height:24px; border-top:1px solid #CCC; border-bottom:1px solid #CCC; border-left:none; border-right:none; background: url('../images/ft_bn_play.png') no-repeat center 5px;}
#footer .ft_bn .bn_control > li:nth-child(4){width:24px; height:24px; border:1px solid #CCC; background:url('../images/ft_bn_nex.png') no-repeat center 8px;}
#footer .ft_bn .bn_control > li a{display:block; height:24px;}

#footer .btn_top:before {content:''; display:block; top:15px; left:50%; width:12px; height:13px; margin-left:-6px; background-position-x:-327px;}

#footer .ft_wrap {clear:both; position:relative; width:100%; height:auto; background:#353b55;}
#footer .ft_wrap .ft_priv {position:relative; width:80%; margin:0 auto; padding-top:15px;}
#footer .ft_wrap .ft_priv .btn_top{position: fixed; right: 2%; bottom: 0; margin-bottom: 40px; width: 42px; height: 42px; line-height: 16px; font-size: 13px; color: #fff; font-weight: 700; text-align: center; box-sizing: border-box; transition: 0.3s ease-in-out; z-index: 1000; background: #0090e6; border-radius: 50%; box-shadow: 0px 0px 0px 7px rgb(159 208 238 / 64%);}
#footer .ft_wrap .ft_priv .kakao_top{position: fixed; right: calc(2% - 7px); bottom: 6%; margin-bottom: 40px; width: 56px; height: 83px; box-sizing: border-box; transition: 0.3s ease-in-out; z-index: 1000; text-indent: -9999em; background: url('../images/ft_kakao.png?20260313') no-repeat center 0;}
#footer .ft_wrap .ft_priv ul {overflow:hidden; display:flex; justify-content: flex-start; flex-wrap: wrap;}
#footer .ft_wrap .ft_priv ul li {position:relative; padding-right:33px;}
#footer .ft_wrap .ft_priv ul li:first-child{padding-left:0;}
#footer .ft_wrap .ft_priv ul li:first-child a{font-size:13px; color:#ffe867;}
#footer .ft_wrap .ft_priv ul li:first-child a:hover{color:#008aff;}
#footer .ft_wrap .ft_priv ul li:after {content:''; position:absolute; left:0; top:6px; margin-left:-16px; width:1px; height:12px; background:#8f9094;}
#footer .ft_wrap .ft_priv ul li a{font-size:13px; color:#FFF; font-weight:500;}
#footer .ft_wrap .ft_priv ul li a:hover{color:#52aaf8; text-decoration:none;}
#footer .address_wrap { position:relative; width:100%; height:88px; margin:0 auto; background:#353b55;}
#footer .address_wrap address {position:relative; width:80%; margin:0 auto; padding:10px 0 0 0; display:block; font-size:14px; color:#b9bfb3; word-break:keep-all;}
#footer .address_wrap p{display: block; width:80%; margin:0 auto; color:#b0b0b0; font-size:13px; padding:5px 0; font-weight:600;}

#footer .ft_sns{position:absolute; right:0; top:0; margin-right:11%; margin-top:150px;}
#footer .ft_sns ul{}
#footer .ft_sns ul li{ display:inline-block; padding:5px 5px 0 15px; background:url('../images/sns_face.png') no-repeat 0 8px;}
#footer .ft_sns ul li a{color:#FFF;}
#footer .ft_sns ul li+li{padding:5px 5px 0 28px; background:url('../images/sns_blog.png') no-repeat 0 8px;}
#footer .ft_sns ul li+li+li{padding:5px 0 0 23px;background:url('../images/sns_ch.png') no-repeat 0 8px;}

	@media all and (max-width:1480px){
		#footer .ft_bn{width:calc(100% - 6vw);}
		#footer .ft_wrap .ft_priv{width:calc(100% - 6vw);}
		#footer .address_wrap address{width:calc(100% - 6vw);}
		#footer .address_wrap p{width:calc(100% - 6vw);}		
	}
	
	@media all and (max-width:770px){
		#footer .ft_wrap .ft_priv ul{width:95%; padding-bottom:15px;}
	}

	/* Tablet-1024px 이하 해상도에서 해석하는 코드 */
		@media all and (max-width:1480px){
			#container .sub_visual .subvisual_inner{width:calc(100% - 6vw); margin:0 3vw;}
			#container .cnti .cnti_inner{width:calc(100% - 6vw); margin:0 3vw;}
		}
		@media all and (max-width:1280px){
			#container .sub_visual .subvisual_inner h2{padding-left:0;}
			#container .sub_visual .subvisual_inner .sub_location{padding-left:0;}
			.snb{display:none;}
		}
		@media all and (max-width:740px){
			#container .sub_visual .subvisual_inner .cnt_sns{position:absolute; right:0;}
			#container .sub_visual .subvisual_inner .sub_location{width:100%;}
			#footer .ft_wrap .ft_priv .btn_top{position:absolute; right: 0.7px; bottom: -15px; width: 30px; height: 30px; line-height: 8px; font-size: 0.75rem; box-shadow: 0px 0px 0px 5px rgb(159 208 238 / 64%);}
			#footer .ft_wrap .ft_priv .kakao_top{right: 2%; bottom: 3%; width: 40px; height: 59px; background-size: 100%;}
		}
		@media all and (max-width:580px){
			#container .sub_visual .subvisual_inner .cnt_sns{top:155px; z-index:999;}
			#footer .ft_wrap .ft_priv ul li{padding-right:23px;}
			#footer .ft_wrap .ft_priv ul li:after{margin-left:-12px;}
			#footer .ft_wrap .ft_priv ul li a{font-size:0.9rem;}
			#footer .address_wrap address{ margin-left:3vw; text-align:left; font-size:1.0rem;}
		}
		
/* 템플릿 table */
.tbl_gray1{border-collapse:separate; border-top:2px solid #7a7d96; margin-left:-1px; width:100%;}
.tbl_gray1 thead th {background:#f4f5f9; font-size:15px; padding:15px 10px; border-left:1px solid #dde0e8; border-bottom:1px solid #dde0e8; text-align:center; font-weight:bold;}
.tbl_gray1 thead th:first-child{border-left:none;}
.tbl_gray1 thead th.le_bo_none,
.tbl_gray1 tbody th.le_bo_none,
.tbl_gray1 thead td.le_bo_none,
.tbl_gray1 tbody td.le_bo_none{border-left:none;}
.tbl_gray1 thead th.le_bo,
.tbl_gray1 tbody th.le_bo,
.tbl_gray1 thead td.le_bo,
.tbl_gray1 tbody td.le_bo{border-left:1px solid #dde0e8 !important;}
.tbl_gray1 tbody th {background:#fbfcfd; font-size:15px; font-weight:bold;}
.tbl_gray1 tbody th {text-align:left;}
.tbl_gray1 tbody th:first-child,
.tbl_gray1 tbody td:first-child{border-left:none;}
.tbl_gray1 tbody td, .tbl_gray1 tfoot td {background:#fff; font-size:15px; }
.tbl_gray1 tbody th, .tbl_gray1 tbody td, .tbl_gray1 tfoot th, .tbl_gray1 tfoot td { border-left:1px solid #dde0e8; border-bottom:1px solid #dde0e8; text-align:center; padding:10px;/* word-break:break-all;*/}
.tbl_gray1 tbody td.tbltext_le{ text-align:left;}

	@media all and (max-width:480px){
			.tbl_area .table_tip{font-size:0.9rem;}
			.btn_d.btn_small {font-size:1.0rem;}
		}
		@media all and (max-width:480px){
			.tbl_gray1 thead th {padding:10px 6px; font-size:1.0rem;}
			.tbl_gray1 tbody th, .tbl_gray1 tbody td {font-size:1.0rem; letter-spacing:-1;}
		}
		
/*템플릿 상단박스*/
.top_box{position:relative; min-height:104px; margin:20px 0; padding:42px 40px 37px 104px;border-top:2px solid #7a7d96; background:#f5f6fa; border-radius:0 0 5px 5px;}	
.top_box:before{content:""; display:block; position:absolute; top:36px; left:26px; width:62px; height:49px; background:url('/images/box_icon.png') no-repeat 0 0;}	
.top_box .box_title{margin-bottom:20px; margin-top:0; font-size:24px; font-weight:600; color:#3c55b0; line-height:26px;}
.top_box .box_title > p{margin-bottom:20px; margin-top:0; font-size:15px; font-weight:600; line-height:20px;}
.top_box .box_text{color:#1d3360; line-height:170%;}
.top_box .box_text:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.top_box .box_text > ul > li{float:left; width:calc(50% - 24px); position:relative; font-size:15px; line-height:180%; font-weight:400; padding-left:12px;}
.top_box .box_text > ul > li:before{content:""; position:absolute; /*margin-top:12px;*/ left:0; top:0; width:4px; height:4px; border-radius:50%; background:#158ccd;}

@media all and (max-width:480px){
			.top_box{padding:22px 14px 17px 14px; margin:0 0 20px 0;}
			.top_box:before{top:16px;}	
			.top_box .box_title{margin-top:55px; font-size:1.2rem;}
		}
.bordergrey_box{position:relative; width:calc(100% - 80px); margin:20px 0; padding:42px 40px 37px 40px; border:1px solid #c5c9d6; border-radius:5px;}	
.bordergrey_box:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.bordergrey_box .box_text{color:#1d3360; line-height:170%;}
.bordergrey_box .box_text > p{padding-top:5px;}
	@media all and (max-width:480px){
			.bordergrey_box{width:calc(100% - 20px); padding:12px 9px 7px 9px;}
		}
		
.bordergrey_box2{position:relative; width:calc(100% - 42px); margin:20px 0; padding:10px 20px; border:1px solid #c5c9d6; border-radius:5px;}
.bordergrey_box2:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.bordergrey_box2 .box_text{color:#1d3360; line-height:170%;}
.bordergrey_box2 .box_text > p{padding-top:5px;}

	@media all and (max-width:480px){
			.bordergrey_box2{width:calc(100% - 20px); padding:12px 9px 7px 9px;}
		}

	@media all and (max-width:768px){
		.top_box .box_text > ul > li{width:calc(100% - 24px);}
	}
		@media all and (max-width:480px){
			.top_box{padding:22px 14px 17px 14px; margin:0 0 20px 0;}
			.top_box:before{top:16px;}	
			.top_box .box_title{margin-top:55px; font-size:1.2rem;}
			.top_box .box_text > ul > li{font-size:1.0rem;}
		}



/*강사소개*/
.coach { width:100%; display:flex; flex-wrap: wrap; justify-content: space-between;}
.coach:after {clear:both;content:"";display:block;}
.coach > li {position:relative; width:calc(48% - 230px); min-height:220px; margin-right:2%; margin-bottom:18px; padding:30px 30px 30px 200px; border:1px solid #e3e3e3; border-top:2px solid #103574;}
.coach > li:after {position:absolute; bottom:-3px; left:0; display:block; width:100%; height:2px; background:#f3f3f3; content:''}
.coach > li:nth-child(2n) {margin-right:0%}
.coach > li img {position:absolute; top:30px; left:30px;}
.coach > li .tit {overflow:hidden; margin-bottom:10px; padding:11px 0; border-bottom:1px solid #d9d9d9;}
.coach > li .tit strong {color:#000000; font-size:21px;}
.coach > li .tit p {float:right; padding-top:5px; font-size:14px; color:#1f5eac}
.coach > li .tx li {position:relative; margin-bottom:4px; padding-left:10px; font-size:14px; color:#676767}
.coach > li .tx li:after {position:absolute; top:10px; left:0; display:block; width:3px; height:3px; border-radius:50%; background:#158ccd; content:''}

	@media all and (max-width:920px) {
		.coach > li { width:calc(48% - 170px); padding:30px 30px 30px 140px;}
		.coach > li img { width:90px !important; height:109px !important;}
	}
	
	@media all and (max-width:768px) {
		.coach > li { width:calc(48% - 60px); padding:30px 30px 30px 30px;}
		.coach > li .tit { display:block; margin-top:120px;}
		.coach > li .tit strong {font-size:1.4rem;}
		.coach > li .tit p {font-size:1.0rem;}
		.coach > li .tx li {font-size:1.0rem;}

	}
	@media all and (max-width:480px) {
		.coach > li {width:calc(49% - 32px); min-height:auto; margin-right:1%; padding:15px;}
		.coach > li img {left:calc(50% - 45px);}
		.coach > li .tit strong { display:block;}
	}
	
.coach_column { width:100%;}
.coach_column:after {clear:both;content:"";display:block;}
.coach_column > li {position:relative; float:left; width:calc(18% - 60px); min-height:220px; margin-right:2%; padding:30px 30px 18px 30px; border:1px solid #e3e3e3; border-top:2px solid #103574;}
.coach_column > li:after {position:absolute; bottom:-3px; left:0; display:block; width:100%; height:2px; background:#f3f3f3; content:''}
.coach_column > li:last-child {margin-right:0%}
.coach_column > li img {position:relative; margin:0 auto;}
.coach_column > li .tit {position:relative; width:100%; overflow:hidden; padding-top:10px; margin:0 auto;}
.coach_column > li .tit strong {display:block; width:100%; margin:0 auto; padding:5px 0; color:#000000; font-size:21px; text-align:center; border-bottom:1px solid #d9d9d9;}
.coach_column > li .tit p {display:block; width:100%; padding-top:5px; text-align:center; font-size:14px; color:#1f5eac}
.coach_column > li .tx li {position:relative; margin-bottom:4px; padding-left:10px; font-size:14px; color:#676767}
.coach_column > li .tx li:after {position:absolute; top:10px; left:0; display:block; width:3px; height:3px; border-radius:50%; background:#158ccd; content:''}



.step4 {overflow:hidden; margin:10px 0 0 0;}
.step4 dl{position:relative; display:inline-block; min-width:14.7%; margin-left:2%; box-sizing:border-box; text-align:center;}
.step4 dl:first-child {margin-left:0;}
.step4 dl dt{padding:10px 5px; background:#00b4cb; color:#fff; border:1px solid #00b4cb;}
.step4 dl dd{padding:20px 10px; font-size:16px; font-weight:400; margin-bottom:10px; vertical-align:middle; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;}
.step4 dl dd > .steptext {display:block; padding-top:10px; word-break:break-all;}
.step4 dl:after {content:''; position:absolute; top:49%; right:-23px; bottom:50px; width:21px; height:19px; background:url('/images/step_arrow.png') no-repeat 0 center;}
.step4 dl:last-child {overflow:hidden;}

	@media all and (max-width:1680px){
		.step4 dl{float:left; width:23%;}
		.step4 dl:nth-child(5){margin-left:0;}
	}
	@media all and (max-width:830px){
		.step4 dl{float:left; width:31%;}
		.step4 dl:nth-child(4){margin-left:0;}
		.step4 dl:nth-child(5){margin-left:2%;}
	}
	@media all and (max-width:577px){
		.step4 dl{float:left; width:47%;}
		.step4 dl:nth-child(2n+1){margin-left:0;}
		.step4 dl:nth-child(4){margin-left:2%;}
	}
	
/*.mem_site_wrap{position:relative; width:100%; padding-top:13px; display:flex; justify-content:space-between; flex-wrap:wrap;}
.mem_site_wrap:after{content:""; display:block; float:none; clear:both;}
.mem_site_wrap > li{width:29%; margin-top:25px; border-radius:10px; background:url('/images/sb_mem_site01.jpg') no-repeat center 30px #f6f6f6;}
.mem_site_wrap > li+li{background:url('/images/sb_mem_site02.jpg') no-repeat center 30px #f6f6f6;}
.mem_site_wrap > li+li+li{margin-right:0; background:url('/images/sb_mem_site03.jpg') no-repeat center 30px #f6f6f6;}
.mem_site_wrap > li > .mem_site_link{position:relative; width:100%; padding:19px 0; margin-top:220px; border-radius:10px; text-align:center; background:#008adf;}
.mem_site_wrap > li > .mem_site_link a{font-size:18px; color:#fff; font-weight:500;}
	
	@media all and (max-width:1024px){
		.mem_site_wrap > li{background-size:90%;}
		.mem_site_wrap > li+li{background-size:90%;}
		.mem_site_wrap > li+li+li{background-size:90%;}
	}*/