@CHARSET "UTF-8";

#wrap, .temp_wrap {
	width: 100%; min-width: 320px; font-family:'Noto Sans KR'; overflow-x: hidden;
}
.temp_wrap .inner, #header_template .inner, #footer_template .inner {
	width: 1920px; margin: 0 auto;
}

.temp_wrap .section {
	width: 100%; height: 100vh; position: relative;
}

.temp_wrap #header_template {
	width: 100%; height: 80px; position: absolute; z-index: 999; top: 0; left: 0; background: #fff; text-align: center; overflow: hidden; border-bottom: 1px solid #ddd; transition: none !important;
}
.temp_wrap #header_template h1 {
	float: left; display: flex; height: 80px;
}
.temp_wrap #header_template h1 div {
	display: flex; justify-content: center; align-items: center;
}
.temp_wrap #header_template .top_menu {
	display: inline-block; margin: 0 auto;
}
.temp_wrap #header_template .top_menu .depth1 {
	float: left; width: 250px;
}
.temp_wrap #header_template .top_menu .depth1 > a {
	color: #1a1a1a; font-size: 22px; font-weight: 500; height: 80px; line-height: 80px; position: relative;
}
.temp_wrap #header_template .top_menu .depth1 > a::after {
	content: ""; position: absolute; display: inline-block; width: 0; height: 2px; background: #2f3e83; bottom: 0px; left: 50%; transform: translate(-50%, 0);
}
.temp_wrap #header_template .top_menu .depth1:hover > a::after {
	width: 100%;  transition: all 0.3s ease;
}
.temp_wrap #header_template .top_menu .depth2 {
	width: 100%; padding-bottom: 20px;
}
.temp_wrap #header_template .top_menu .depth2 a {
	width: 100%; padding: 10px;
}
.temp_wrap #header_template .top_menu .depth2 a:hover {
	text-decoration: underline; color: #2f3e83;
}
.temp_wrap #header_template .top_btn.layout_moafab {
	float: right;
}
.temp_wrap #header_template .top_btn.layout_moafab a {
	padding-top: 45px; font-size: 15px; margin-left: 30px; color: #444; background-position: center 15px; background-repeat: no-repeat;
}
.temp_wrap #header_template .top_btn.layout_moafab a.logout {
	background-image: url(../../../images/kion/template/logout.png);
}
.temp_wrap #header_template .top_btn.layout_moafab a.login {
	background-image: url(../../../images/kion/template/login.png);
}
.temp_wrap #header_template .top_btn.layout_moafab a.join {
	background-image: url(../../../images/kion/template/join.png);
}
.temp_wrap #header_template .top_btn.layout_moafab a.allmenu {
	background-image: url(../../../images/kion/template/menu.png); display: none;
}
.temp_wrap #header_template .top_btn.layout_moafab a.close {
	background-image: url(../../../images/kion/fab/common/close.png); margin-right: 10px;
}
.temp_wrap #header_template .all_menu {
	width: 320px; height: 100vh; background: #fff; display: none; position: fixed; top: 0; right: 0; z-index: 2000;
}
.temp_wrap #header_template .all_menu.active {
	display: block;
}
.temp_wrap #header_template .all_menu.active + .bg::before{
	content: ""; position: fixed; display: block; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); top: 0px; left: 0px; z-index: 1500;
}
.temp_wrap #header_template .all_menu.active .top_btn {
	width: 100%; height: 80px; border-bottom: 1px solid #ddd; text-align: right;
}
.temp_wrap #header_template .all_menu.active .top_menu {
	display: inline-block;
}
.temp_wrap #header_template .all_menu .top_menu .depth1 {
	width: 100%; text-align: left;
}
.temp_wrap #header_template .all_menu .top_menu .depth1 > a {
	width: 100%; margin: 0; height: 60px; line-height: 60px; padding-left: 20px; color: #fff; background: #1e6a98;
}
.temp_wrap #header_template .all_menu .top_menu > li:nth-child(1) > a {
	background: #1e6a98;
}
.temp_wrap #header_template .all_menu .top_menu > li:nth-child(2) > a, .temp_wrap #header_template .all_menu .top_menu > li:nth-child(5) > a {
	background: #168262;
}
.temp_wrap #header_template .all_menu .top_menu > li:nth-child(3) > a, .temp_wrap #header_template .all_menu .top_menu > li:nth-child(6) > a {
	background: #2f3e83;
}
.temp_wrap #header_template .all_menu .top_menu .depth2 {
	padding: 10px 0;
}
.temp_wrap #header_template .all_menu .top_menu .depth2 a {
	width: 100%; padding: 8px 20px;
}
.temp_wrap #header_template .all_menu .top_menu .depth2 a:hover {
	color: #000;
}


.temp_wrap .notice {
	width: 100%; height: 80px; position: absolute; left: 0; bottom: 0; z-index: 900; background: rgba(0,0,0,0.3); backdrop-filter: blur(15px);
}
.temp_wrap .notice ul {
	width: 100%; height: 40px;
}
.temp_wrap .notice li {
	float: left; height: 40px; line-height: 40px; margin: 20px 0 0 0;
}
.temp_wrap .notice li:nth-child(1), .temp_wrap .notice li:nth-child(3){
	width: 150px;
}
.temp_wrap .notice li:nth-child(1) {
	background: url(../../../images/kion/template/notice.png) 0 center no-repeat; padding: 0 0 0 50px; font-size: 20px; font-weight: 500; color: #85c2ef;
}
.temp_wrap .notice li:nth-child(2) {
	width: calc(100% - 300px);
}
.temp_wrap .notice li:nth-child(2) a {
	float: left; width: 50%; color: #fff; padding: 0 50px 0 0;
}
.temp_wrap .notice li:nth-child(2) a div {
	width: calc(100% - 100px); font-size: 17px; font-weight: 500; float: left; padding-left: 12px; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.temp_wrap .notice li:nth-child(2) a div::before {
	content: ""; position: absolute; display: inline-block; width: 4px; height: 4px; background: #fff; top: 50%; left: 0px; margin-top: -2px;
}
.temp_wrap .notice li:nth-child(2) a:hover div {
	text-decoration: underline;
}
.temp_wrap .notice li:nth-child(2) a:hover div::before {
	background: #85c2ef;
}
.temp_wrap .notice li:nth-child(2) a span {
	float: right; text-align: right; width: 100px;
}
.temp_wrap .notice li:nth-child(3) {
	text-align: right; overflow: hidden;
}
.temp_wrap .main_btn a, .temp_wrap .btn_view {
	text-indent: -9999px; width: 40px; height: 40px; background-repeat: no-repeat; background-color: #fff; background-position: center center; transition: all 0.3s ease;
}
.temp_wrap .main_btn a.prev {
	background-image: url(../../../images/kion/template/prev.png);
}
.temp_wrap .main_btn a.prev:hover {
	background-position: 8px center;
}
.temp_wrap .main_btn a.next, .temp_wrap .btn_view {
	background-image: url(../../../images/kion/template/next.png);
}
.temp_wrap .main_btn a.next:hover, .temp_wrap .btn_view:hover {
	background-position: 17px center;
}
.temp_wrap .notice .main_btn a {
	text-indent: 9999px;
}
.temp_wrap .notice .main_btn a.next {
	border-left: 1px solid #ddd;
}

.temp_wrap .main_top {
	width: 100%; height: 100vh; background-image: url(../../../images/kion/template/visual2.png); padding-top: 80px;
	background-size: cover; background-position: center 0; background-repeat: no-repeat;
}
.temp_wrap .main_top > div {
	width: 855px; position: absolute; left: 50%; top: 50%; color: #fff; transform: translate(0, -50%); word-break: keep-all; margin-top: -40px;
}
.temp_wrap .main_top > div .ck-content {
	margin-bottom: 50px;
}
/* .temp_wrap .main_top > div p {
	font-size: 20px; font-weight: 500; margin-bottom: 15px;
}
.temp_wrap .main_top > div h2 {
	font-size: 60px; font-weight: 700; margin-bottom: 70px; line-height: 70px;
} */
.temp_wrap .main_top ul li {
	float: left; width: 130px; height: 130px; border-radius: 10px; background: rgba(255,255,255,0.5); backdrop-filter: blur(15px); margin-left: 15px; transition: .3s ease-out;
}
.temp_wrap .main_top ul li:first-child {
	margin-left: 0;
}
.temp_wrap .main_top ul li:hover {
	background: #fff; border-radius: 0;
}
.temp_wrap .main_top ul li a {
	width: 100%; height: 100%; font-size: 18px; font-weight: 500; color: #1d178e; padding-top: 90px; text-align: center; background-repeat: no-repeat; background-position: center 25px;
}
.temp_wrap .main_top ul li:nth-child(1) a {
	background-image: url(../../../images/kion/template/quick1.png);
}
.temp_wrap .main_top ul li:nth-child(2) a {
	background-image: url(../../../images/kion/template/quick2.png);
}
.temp_wrap .main_top ul li:nth-child(3) a {
	background-image: url(../../../images/kion/template/quick3.png);
}
.temp_wrap .main_top ul li:nth-child(4) a {
	background-image: url(../../../images/kion/template/quick4.png);
}
.temp_wrap .main_top ul li:nth-child(5) a {
	background-image: url(../../../images/kion/template/quick5.png);
}
.temp_wrap .main_top ul li:nth-child(6) a {
	background-image: url(../../../images/kion/template/quick6.png);
}

.temp_wrap .equip_template {
	width: 100%; height: calc(100vh - 100px); display: table;
}
.temp_wrap .equip_template > div {
	display: table-cell; vertical-align: middle;
}
.temp_wrap .equip_template .main_btn {
	width: 335px; margin: 0 auto; padding-bottom: 60px; text-align: center;
}
.temp_wrap .equip_template .main_btn h3 {
	display: inline-block; font-size: 40px; font-weight: 600; color: #111; line-height: 40px;
}
.temp_wrap .equip_template .main_btn a {
	border: 1px solid #ddd;
}
.temp_wrap .equip_template .main_btn a.prev {
	float: left;
}
.temp_wrap .equip_template .main_btn a.next {
	float: right;
}
.temp_wrap .equip_template .equip_list {
	width: 100%; height: 620px; overflow: hidden;
}
.temp_wrap .equip_template .equip_list li {
	width: 30%; height: 620px; margin-left: 5%; float: left; position: relative; padding-top: 250px;
}
.temp_wrap .equip_template .equip_list li:first-child {
	margin-left: 0;
}
.temp_wrap .equip_template .equip_list li .e_img {
	width: 84%; height: 320px; position: absolute; top: 0; left: 8%; box-shadow: 10px 10px 10px rgba(0,0,0,0.2);
}
.temp_wrap .equip_template .equip_list li .e_img img {
	width: 100%; height: 100%;
}
.temp_wrap .equip_template .equip_list li > div {
	height: 370px; padding: 100px 8% 0 8%; color: #fff;
}
.temp_wrap .equip_template .equip_list li div p, .temp_wrap .equip .equip_list li div a, .temp_wrap .equip .equip_list li div dl dd, .temp_wrap .equip .equip_list li div span {
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.temp_wrap .equip_template .equip_list li div p {
	width: 100%; font-size: 16px; color: rgba(255,255,255,0.7);
}
.temp_wrap .equip_template .equip_list li div a {
	width: 100%; font-size: 20px; font-weight: 500; margin: 5px 0 20px 0; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.temp_wrap .equip_template .equip_list li div a:hover {
	text-decoration: underline;
}
.temp_wrap .equip_template .equip_list li div dl {
	width: 100%; overflow: hidden;
}
.temp_wrap .equip_template .equip_list li div dl dt {
	float: left; width: 75px; color: rgba(255,255,255,0.7);
}
.temp_wrap .equip_template .equip_list li div dl dd {
	float: left; width: calc(100% - 75px);
}
.temp_wrap .equip_template .equip_list li div dl.e_dl {
	margin-top: 20px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.3);
}
.temp_wrap .equip_template .equip_list li div dl.e_dl dt, .temp_wrap .equip .equip_list li div dl.e_dl dd {
	min-height: 35px;
}
.temp_wrap .equip_template .equip_list li div dl.e_dl dt {
	line-height: 35px;
}
.temp_wrap .equip_template .equip_list li div dl.e_dl span {
	display: block; width: 100%; padding: 5px 12px; border: 1px solid #fff; border-radius: 35px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.temp_wrap .equip_template .equip_list li div dl.e_dl div {
	margin-top: 5px;
}
.temp_wrap .equip_template .equip_list li div dl.e_dl div span:nth-child(1) {
	float: left; margin-right: 5px; width: calc(100% - 39px);
}
.temp_wrap .equip_template .equip_list li div dl.e_dl div span:nth-child(2) {
	float: left; width: 34px; padding: 5px 0; text-align: center;
}

.temp_wrap .equip_template .equip_list li:nth-child(3n) > div {
	background: #2f3e83;
}
.temp_wrap .equip_template .equip_list li:nth-child(3n+1) > div {
	background: #1e6a98;
}
.temp_wrap .equip_template .equip_list li:nth-child(3n+2) > div {
	background: #168262;
}

.temp_wrap .e_more {
	display: none; line-height: 40px; border: 1px solid #ddd; position: relative; padding: 0 40px 0 15px; margin: 0 auto; width: 100px; cursor: pointer;
}
.temp_wrap .e_more::after {
	content: ""; position: absolute; display: inline-block; width: 15px; height: 12px; background-image: url(../../../images/kion/template/next.png); top: 13px; right: 15px; transform: rotate( 90deg );
}

.temp_wrap #footer_template {
	width: 100%; height: auto; background: #ecebf0; color: #666; word-break: keep-all; overflow: hidden; padding: 20px 0; min-height: 90px;
}
.temp_wrap .section #footer_template {
	position: absolute; bottom:0;
}

/* 서브페이지 */
.temp_wrap .temp_navi {
	width: 100%; padding: 30px 0; text-align: right; margin: 80px 0 20px 0;
}
.temp_wrap .temp_navi ul {
	float: right; margin: 0 auto; display: inline-block;
}
.temp_wrap .temp_navi ul li {
	float: left; padding-left: 38px; background: url(../../../images/kion/template/lacation_a.png) 17px center no-repeat;
}
.temp_wrap .temp_navi ul li:first-child {
	background: url(../../../images/kion/template/home.png) 17px center no-repeat;
}
.temp_wrap .temp_navi ul li:last-child {
	font-weight:500; color: #333;
}

.temp_wrap .temp_con {
	width: 100%; min-height: calc(100vh - 324px); margin-bottom: 80px !important;
}
.temp_wrap .temp_con .inner, .temp_wrap .temp_con.inner, .temp_wrap .temp_navi .inner {
	width: 1400px; margin: 0 auto;
}
.temp_wrap .temp_con .content {
	padding-bottom: 0;
}
.temp_con .intro img {
	width: 100%; height: auto; margin-bottom: 50px;
}
.temp_con .intro h3 {
	font-size: 37px; font-weight: 500; color: #111; margin-bottom: 20px; word-break: keep-all; position: relative; padding-top: 12px;
}
.temp_con .intro h3::before {
	content: ""; position: absolute; display: inline-block; width: 34px; height: 5px; background: #1e6a98; top: 0px; left: 0px; border-radius: 5px;
}
.temp_con .intro p {
	font-size: 18px; word-break: keep-all;
}

/* 게시판 */
.temp_con .search_st1 {
	width: 100%; height: 50px; margin-bottom: 10px;
}
.temp_con .search_st1 > p {
	float: left; margin-top: 25px;
}
.temp_con .search_st1 > p span {
	font-weight: 500; color: #1e6a98;
}
.temp_con .search_st1 > ul {
	float: right;
}
.temp_con .search_st1 > ul li:nth-child(1) {
	margin-right: 5px; width: 100px;
}
.temp_con .search_st1 > ul li {
	float: left; width: 250px;
}
.temp_con .search_st1 > ul li input, .temp_con .search_st1 > ul li select {
	float: left; height: 50px; line-height: 50px; font-size: 15px; width: 100%;
}
.temp_con .search_st1 > ul li:nth-child(3) {
	width: 50px;
}
.temp_con .search_st1 > ul li:nth-child(3) a {
	width: 50px; height: 50px; text-indent: -9999px; border: 1px solid #d9d9d9; border-left: none; background: url(../../../images/kion/template/search.png) center no-repeat;
}

.temp_board .list {
	width: 100%; border-top: 2px solid #535C74; margin-bottom: 50px;
}
.temp_board .list ul {
	width: 100%; height: 100px; border-bottom: 1px solid #E5E9F3;
}
.temp_board .list ul li {
	float: left; height: 100px;
}
.temp_board .list ul li:nth-child(1) {
	width: 120px; line-height: 100px; font-size: 35px; font-weight: 500; color: #D6D6D6; text-align: center;
}
.temp_board .list ul li:nth-child(1) span {
	display: none;
}
.temp_board .list ul li:nth-child(2) {
	width: calc(100% - 220px);
}
.temp_board .list ul li:nth-child(2) {
	padding: 20px 0 0 20px;
}
.temp_board .list ul li:nth-child(2) a {
	font-size: 20px; font-weight: 500; color: #333; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 8px;
}
.temp_board .list ul li:nth-child(2) a:hover {
	text-decoration: underline;
}
.temp_board .list ul li:nth-child(2) p {
	color: #888;
}
.temp_board .list ul li:nth-child(3) {
	width: 100px;
}
.temp_board .list ul li:nth-child(3) a {
	margin: 30px;
}

.temp_con .info_box {
	width: 100%; min-height: 280px; border-radius: 10px; padding: 30px; margin-bottom: 50px; border: 1px solid #D2D3D6; font-size: 16px;
}




.temp_con .info_box ul li {
	float:left;
}
.temp_con .info_box ul li img {
	border-radius: 20px; width: 250px; height: 214px;
}
.temp_con .info_box ul li h3 {
	font-size: 24px; padding-left: 25px; color: #2E3542; position:relative; margin-top: 92px; font-weight: 700;
}
.temp_con .info_box ul li h3::before {
	content:""; position:absolute; display:inline-block; width:30px; height:4px; background:#FFC000; top: 18px; left: -15px; border-radius: 50px;
}
.temp_con .info_box ul li:last-child {
	display: table; height: 214px; padding-left: 30px;
}
.temp_con .info_box ul li:last-child div {
	display: table-cell; vertical-align: middle; word-break: keep-all;
}
.consulting .info_box ul li:last-child .num_text ul li {
	float: left; width: calc(100% - 40px); height:50px; display: table; position:relative; padding-left: 0;
}
.consulting .info_box ul li:last-child .num_text ul li:first-child {
	width: 40px;
}
.temp_con .info_box .num_text p {
	display: table-cell; vertical-align: middle;
}
.temp_con .info_box .num_text span {
	display:inline-block; width: 30px; height: 30px; border: 1px solid #D2D3D6; border-radius: 50px; color: #262D55; text-align: center; font-weight: 500;
	position:absolute; top: 50%; left: 0; margin-top: -15px; line-height: 28px;
}

.temp_con .btn_style4 {
	text-align:center; min-width:55px; line-height:29px; height:30px; color:#fff; font-size:13px; background:#659ac6; display: inline-block; cursor: pointer; padding: 0 10px; text-indent:0px;
}
.temp_con .btn_style4:hover {
	color:#fff;
}
.temp_con .btn_style4:hover, .btn_style5:hover {
	background:#4c7495;
}

.temp_con .table_t2.equip_list_t3 .t1 {
	width: 25%;
}
.temp_con .table_t2.equip_list_t3 .t2 {
	width: 15%;
}
.temp_con .table_t2.equip_list_t3 .t3 {
	width: 25%;
}
.temp_con .table_t2.equip_list_t3 .t4 {
	width: 10%;
}
.temp_con .table_t2.equip_list_t3 .t5 {
	width: 30%;
}
.temp_con .table_t2.equip_list_t3 .t6 {
	width: 15%;
}
.temp_con .table_t2.equip_list_t3 .t7 {
	width: 10%;
}
.temp_con .table_t2.equip_list_t3 .t8 {
	width: 35%;
}


/* 메인팝업 */
.main_pop_wrap {
	position: fixed; z-index: 99999; width:100%; height:100vh; background:rgba(0,0,0,0.5); top:0px; left:0px;
}
.popup_wrap {
	font-family:'Noto Sans KR';
}
.main_pop_wrap .pop_box {
	width: auto; height: auto; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
}
.main_pop_wrap .pop_box img {
	width: auto; height: auto;
}
.popup_content {
	overflow-y: auto;
}
.popup_tt {
	background: #1e6a98; padding: 10px; width: 100%; border-radius: 10px 10px 0 0; color: #fff; font-size: 20px; font-weight: 500;
}
.popup_bottom {
	background: #fff; padding: 10px; width: 100%; overflow: hidden; border-radius: 0 0 10px 10px; border-top: 1px solid #ddd;
}
.popup_bottom > span {
	cursor: pointer; font-weight: 600; line-height: 21px; padding-left: 23px;
}
.popup_bottom span:hover {
	color:#0066CC;
}
.popup_bottom span.pop_close {
	float: right; background: url(/resources/images/kion/common/close1.png) 0 center no-repeat; float: left;
}
.popup_bottom span.pop_close:hover {
	background: url(/resources/images/kion/common/close2.png) 0 center no-repeat;
}
.popup_bottom span.pop_close_day {
	background: url(/resources/images/kion/common/t_close1.png) 0 center no-repeat; float: right;
}
.popup_bottom span.pop_close_day:hover {
	background: url(/resources/images/kion/common/t_close2.png) 0 center no-repeat;
}

.popup_bottom .slide_btn {
	margin: 0 auto; display: inline-block;
}
.popup_bottom .slide_btn p {
	display: inline-block; padding: 0 10px; line-height: 21px; margin-top: -5px;
}
.popup_bottom .slide_btn p span {
	color:#113972; font-weight: 600;
}
.popup_bottom .slide_btn a {
	text-indent: -9999px; width: 21px; height: 21px;
}
.popup_bottom .slide_btn a.prev {
	background: url(/resources/images/kion/prev_btn.png) center no-repeat;
}
.popup_bottom .slide_btn a.next {
	background: url(/resources/images/kion/next_btn.png) center no-repeat;
}

.temp_con .btn_st1 {
	background: #53B1E6; color: #fff; border-radius: 5px; font-size: 16px; line-height: 37px; padding: 0 20px; display: inline-block; cursor: pointer; border: none;
}
.temp_con .btn_st3 {
	border-radius: 5px; font-size: 16px; line-height: 35px; padding: 0 20px;
}

.board-btn-wrap{
	text-align: right;
}

/***** 메인 반응형 *****/
@media (max-width: 1960px) {
	.temp_wrap .inner, #header_template .inner, #footer_template .inner {width: 100%; padding: 0 150px;}
	.temp_wrap .temp_con .inner, .temp_wrap .temp_con.inner, .temp_wrap .temp_navi .inner { width: 1400px; margin: 0 auto; padding: 0;}
	.temp_wrap .main_top ul {width: 420px; overflow: hidden;}
	.temp_wrap .main_top ul li {margin-bottom: 10px;}
	.temp_wrap .main_top ul li:nth-child(4) {margin-left: 0;}
}

@media (max-width: 1920px) {
	.temp_wrap .main_top {background-image: url(../../../images/kion/template/visual.png);}
	.temp_wrap .equip_template .equip_list {height: 590px;}
	.temp_wrap .equip_template .equip_list li {height: 590px; padding-top: 220px;}
	.temp_wrap .equip_template .equip_list li .e_img {height: 270px;}
	.temp_wrap .equip_template .equip_list li > div {padding: 90px 14% 0 14%;}
	.temp_wrap .section .inner, #header_template .inner, #footer_template .inner {width: 1400px; padding: 0;}
}

@media (max-width: 1770px) {
	.temp_wrap .main_top > div {width: 48%; overflow: hidden;}
}

@media (max-width: 1540px) {
	.temp_wrap .equip_template .equip_list li .e_img {width: 86%; left: 8%;}
	.temp_wrap .equip_template .equip_list li > div {padding: 90px 8% 0 8%;}


}
@media (max-width: 1400px) {
	.temp_wrap .inner {width: 100% !important; padding: 0 30px !important;}
}


@media (max-width: 1280px) {
	.temp_wrap .section {height: auto;}
	.temp_wrap #header_template .top_menu .depth1 {width: 180px;}
	.temp_wrap .main_top {height: auto;}
	.temp_wrap .main_top > div {width: 80%; position: relative; left: auto; top: auto; transform: none; margin-top: 0; margin-left: 10%;  padding: 80px 0 160px 0;}
	.temp_wrap .main_top > div p {text-shadow: 3px 3px 3px rgba(0,0,0,0.5);}
	.temp_wrap .main_top > div h2 {font-size: 52px; line-height: 62px; text-shadow: 3px 3px 3px rgba(0,0,0,0.5);}
	.temp_wrap .main_top ul {width: 100%;}
	.temp_wrap .main_top ul li:nth-child(4) {margin-left: 15px;}

	.temp_wrap .notice li:nth-child(2) {margin: 10px 0 0 0; line-height: 30px;}
	.temp_wrap .notice li:nth-child(2) a {width: 100%; padding: 0;}
	.temp_wrap .notice li:nth-child(2) a div {font-size: 15px;}
	.temp_wrap .notice li:nth-child(2) a span {font-size: 14px; font-weight: 300;}

	.temp_wrap .equip_template {background: #fff; height: auto; display: block; padding: 80px 0;}
	.temp_wrap .equip_template > div {display: block;}
	.temp_wrap .equip_template .equip_list {height: 520px;}
	.temp_wrap .equip_template .equip_list li {height: 520px; padding-top: 150px;}
	.temp_wrap .equip_template .equip_list li .e_img {height: 200px;}

	.temp_wrap .section #footer_template {position:relative;}
	.temp_wrap #footer_template ul li {font-size: 14px; margin-left: 20px;}
}

@media (max-width: 1085px) {
	.temp_wrap .main_top ul {width: 420px;}
	.temp_wrap .main_top ul li:nth-child(4) {margin-left: 0;}
}

@media (max-width: 1024px) {
	.temp_wrap #header_template {position: fixed;}
	.temp_wrap #header_template .top_menu {display: none;}
	.temp_wrap #header_template .top_btn.layout_moafab a.allmenu {display: inline-block;}
	.temp_wrap .equip_template .equip_list li {width: 48%; margin-left: 4%;}
	.temp_wrap .equip_template .equip_list li:nth-child(3) {display: none;}
}

@media (max-width: 768px) {
	.temp_wrap .main_top > div {width: 90%; margin-left: 5%;}
	.temp_wrap .notice li:nth-child(2) {width: calc(100% - 250px);}
	.temp_wrap .notice li:nth-child(3) {width: 100px;}

	.temp_wrap .equip_template {text-align: center;}
	.temp_wrap .equip_template .equip_list {height: auto; text-align: left;}
	.temp_wrap .equip_template .equip_list li {width: 100%; height: 620px; padding-top: 250px; margin-left: 0%; margin-bottom: 40px;}
	.temp_wrap .equip_template .equip_list li .e_img {height: 320px;}
	.temp_wrap .equip_template .equip_list li > div {height: 370px;}

	.temp_wrap .equip_template .main_btn {width: 86%;}
	.temp_wrap .e_more {display: block;}

	/* 메인 팝업 */
	.main_pop_wrap .pop_box {width: 90%; min-width: 280px;}
	.main_pop_wrap .pop_box .bx-wrapper .bx-viewport .popup_content .slide_img .image img {width: auto; max-width: 100%; height: auto; display: block; margin: 0 auto; }
}



@media (max-width: 640px) {
	.temp_wrap .inner {padding: 0 20px;}
	.temp_wrap #header_template .top_btn a {display: none;}
	.temp_wrap #header_template .all_menu  .top_btn a {display: inline-block;}
	.temp_wrap .section {min-height: auto;}
	.temp_wrap .main_top > div p {font-size: 17px;}
	.temp_wrap .main_top > div h2 {font-size: 45px; line-height: 55px;}

	.temp_wrap .main_top ul {width: 300px;}
	.temp_wrap .main_top ul li {width: 90px; height: 90px; margin: 0 5px 5px 0;}
	.temp_wrap .main_top ul li a {font-size: 14px; padding-top: 60px; background-position: center 15px; background-size: 45px;}
	.temp_wrap .main_top ul li:nth-child(2) a {background-size: 47px;}
	.temp_wrap .main_top ul li:nth-child(3) a {background-size: 38px;}
	.temp_wrap .main_top ul li:nth-child(5) a {background-size: 37px;}

	.temp_wrap .notice li:nth-child(1) {width: 60px; text-indent: -9999px;}
	.temp_wrap .notice li:nth-child(2) {width: calc(100% - 170px); margin: 13px 0 0 0;}
	.temp_wrap .notice li:nth-child(2) a div {width: 100%; padding-left: 0;}
	.temp_wrap .notice li:nth-child(2) a div::before {display: none;}	.temp_wrap .notice li:nth-child(2) a span {width: 100%; text-align: left;}

}
@media (max-width: 580px) {
	.temp_wrap .inner {padding: 0 20px !important;}
}

@media (max-width: 500px) {
	.temp_wrap .equip_template .equip_list li {width: 100%; height: 500px; padding-top: 140px;}
	.temp_wrap .equip_template .equip_list li .e_img {height: 200px;}
	.temp_wrap .equip_template .equip_list li > div {height: 360px;}

}
@media (max-width: 400px) {
	.temp_wrap .inner {padding: 0 10px !important;}
}

@media (max-width: 350px) {
	#wrap, .temp_wrap {overflow-x: auto;}
}

/***** 서브 반응형 *****/

@media (max-width: 1280px) {
	.temp_wrap .temp_con {min-height: auto;}
	.temp_con .info_box {height: auto;min-height: auto;}
	.temp_con .info_box > ul > li {width: calc(100% - 300px) !important;}
	.temp_con .info_box > ul > li:first-child {width: 250px !important;; margin-right: 50px;}
	.temp_con .info_box > ul > li:last-child {height: auto; padding: 20px 0 0 0; font-size: 15px; line-height: 23px;}
	.temp_con .info_box ul li h3 {margin-top: 0; margin-left: 15px;}
}

@media ( max-width: 850px ) {
	.temp_con .info_box {padding: 20px;}
	.temp_con .info_box > ul > li:first-child {display: none;}
	.temp_con .info_box > ul > li {width: 100% !important;}
	.temp_con .info_box ul li h3 {font-size: 22px; padding-left: 15px;}
	.temp_con .info_box ul li h3::before {width: 20px; top: 14px;}
}

@media (max-width: 640px) {
	.temp_wrap .temp_navi h2 {font-size: 37px; display: block; margin-right: 0;}

	.temp_con .intro h3 {font-size: 30px;}
	.temp_con .intro p {font-size: 15px;}

	.temp_board .list ul {height: 130px;}
	.temp_board .list ul li:nth-child(1) {width: 100%; height: 30px; line-height: 30px; font-size: 15px; font-weight: 400; color: #555; text-align: left; padding: 15px 0 0 20px;}
	.temp_board .list ul li:nth-child(1) span {display: inline-block;}
	.temp_board .list ul li:nth-child(2) {width: 100%;}
	.temp_board .list ul li:nth-child(3) {display: none;}

	.temp_con .search_st1 {height: auto; overflow: hidden;}
	.temp_con .search_st1 > p {width: 100%; margin-top: 0; margin-bottom: 10px;}
	.temp_con .search_st1 > ul {width: 100%;}
	.temp_con .search_st1 > ul li:nth-child(2) {width: calc(100% - 155px);}
}


@media (max-width: 400px) {
	.temp_wrap .temp_navi ul {float: left;}
	.temp_wrap .temp_navi ul li {padding-left: 25px; background: url(../../../images/kion/template/lacation_a.png) 10px center no-repeat;}
	.temp_wrap .temp_navi ul li:first-child {background: url(../../../images/kion/template/home.png) 0 center no-repeat; padding-left: 18px;}
}

@media (max-width: 350px) {
	.temp_con .search_st1 > ul li:nth-child(1) {width: 100%; margin-right: 0; margin-bottom: 3px;}
	.temp_con .search_st1 > ul li:nth-child(2) {width: calc(100% - 50px);}
	.temp_board .list ul li:nth-child(1) {padding: 15px 0 0 0;}
	.temp_board .list ul li:nth-child(2) {padding: 20px 0 0 0;}


}