@charset "utf-8";

/* common */
html, body {height:100%;margin:0;padding:0;width:100%; font-family: NotoSans, 'Noto Sans KR', dotum, "돋움", sans-serif;}
#skip{top:0;right:50px;overflow:hidden;position:absolute;width:100%;height:15px;text-align:center;z-index:9;}
#skip li a{display:block;left:-1000px;top:0;position:absolute; width:300px; text-align:center;height:15px;}
#skip li a:hover, #skip li a:focus, #skip li a:active {background:#f1667b; padding:0; position:absolute; top:0px; left:23%;z-index:0; color:#fff;height:15px;}
.blind{display:block;overflow:hidden;position:absolute;font-size:1.8em;left:-5000px;top:0;}
.hide{display:none;padding:0;margin:0;}

.none{ background:none !important}
.p0{ padding:0 !important}
.m0{ margin:0 !important}

/*top*/
.t_link{text-align: center; background: #8c631f;}
.t_link a{display: inline-block;box-sizing: border-box;height: 40px;padding-top: 6px;padding-right: 20px;background: url('/resource/ingu/link.png') top 13px right no-repeat;color:#fff;font-size: 16px;}

.addplus{text-align:center;margin: 10px 0;}

h1 a{display: block; overflow: hidden; width: 218px; height: 0; margin: 0 auto; padding-top: 100px; background: url('/resource/ingu/logo.gif') no-repeat center; }

p.t_tit{display: none;}

.link_wrap{border-top:1px #f2970d solid; }
.link{padding: 14px 0 20px; text-align: center; }
.link h2{margin: 0 0 20px;padding: 42px 0 0 0;background: url('/resource/ingu/link_icon.png') top center no-repeat;font-family: Noto Sans KR, "노토산스";font-size: 29px;color: #f2970d;}
.link ul li{margin:0 0 8px;}
.link ul li a{display: inline-block;padding: 12px 16px;background: #fcf6e2;color: #584d3c;border-radius: 30px;}
.link ul li a:hover,
.link ul li a:focus{text-decoration: underline;}

.people_icos {display: flex; justify-content: center; padding: 10px;border-bottom: 1px solid #e0dcdc;}
.people_icos li.go_dada {margin: 0 15px;}
.people_icos a {display: block; width: 35px; height: 35px; background: url(/resource/ingu/172863051962095.png) no-repeat;background-size: 35px;}
.people_icos li.go_iksan a {background-position: center top;}
.people_icos li.go_dada a {background-position: center -66px;}
.people_icos li.go_blog a {background-position: center -132px;}
.people_icos a span {font-size:0;}

/*footer*/
.foot{padding:40px 0; background: #464646; color: #fff; text-align: center; }
.foot address{font-size:16px; font-style:normal;}
.foot address span{display:block;}
.foot .copy{font-size:14px;}


/*sub*/
.menu_wrap{padding: 24px 0 14px 0; background: url('/resource/ingu/bg.jpg') no-repeat;}
.menu_wrap h2{margin-bottom: 24px; font-family: 'cafe24_danjunghae'; font-size: 46px; font-weight: normal; text-shadow: 3px 2px 4px #f3b122; color: #fff;}


.menu ul li{display: inline-block;box-sizing: border-box;width: 47%;margin: 0 1% 10px;text-align: left;}
.menu ul li a{display: block;box-sizing: border-box;height: 80px;padding-top: 28px;padding-left: 14px;background: #fff url("/resource/ingu/menu_blit.png") no-repeat top 29px right 14px;box-shadow: 5px 5px 8px #f3b122;border-radius: 10px 10px 20px 10px;color: #625d55;font-size: 18px;font-weight: 400;}
.menu ul li a:hover,
.menu ul li a:focus,
.menu ul li.on a{background-color: #83693f; color: #fff;}

.menu ul li:nth-child(2) a{padding-top: 13px;padding-right: 40px;}

.tab_wrap h3{margin-bottom: 20px; font-size: 40px; color: #83693f; font-weight: 400;}
.tab_wrap .tab{margin: 20px 0;}
.tab ul{overflow: hidden;}
.tab ul li{float: left;margin: 0 10px 13px;}
.tab ul li a{
	display: block;
	box-sizing: border-box;
	height: 60px;
	padding: 15px 50px 0 20px;
	font-size: 18px;
	border: 1px #fec123 solid;
	border-radius: 20px;
	color: #625d55;
	background: url("/resource/ingu/tab_icon.png") no-repeat;
	background-position: right 20px top 18px;
	word-break: keep-all;
}
.tab ul li a:hover,
.tab ul li a:focus,
.tab ul li.on a{background-position: right 20px top -13px;font-weight: 500;color: #333;border: none;background-color: #d38d1b;color: #FFF;}

.s_tab{margin-bottom: 20px;}
.s_tab ul li a{display: block; position: relative; padding: 10px 20px;border-bottom: 1px #dedede solid;font-size: 18px;color: #625d55;}
.s_tab ul li a:hover,
.s_tab ul li a:focus,
.s_tab ul li.on a{padding-bottom: 9px;border-bottom: 3px #58585a solid;}
.s_tab ul li a:hover::before,
.s_tab ul li a:focus::before,
.s_tab ul li.on a::before{content: '';position: absolute;right: 0;left: 0;bottom: -13px;width: 26px;height: 13px;margin: 0 auto;background: url('/resource/ingu/s_tab_icon.png');}

.s_wrap{padding: 10px; margin-bottom: 20px; border: 1px #d9d9d9 solid;}

.s_wrap .manager{display:none;}
.s_wrap .manager ul{margin: 40px 0 10px;padding-top: 20px;border-top: 1px #e9e9e9 solid;}
.s_wrap .manager ul li{display: inline-block;box-sizing: border-box;height: 35px;margin: 0 20px 20px 0;padding: 4px 0 0 45px;font-size: 18px;font-weight: 500;background: url('/resource/ingu/manager_icon.png') no-repeat;}
.s_wrap .manager ul li.manager_btn01{background-position-y: 0px;}
.s_wrap .manager ul li.manager_btn02{background-position-y: -48px;}

@media all and (min-width:768px){

	h1 { float: right; margin-right: 300px;}

	.people_icos {display: inline-flex;padding:25px;border-bottom:0;}
	.people_icos li.go_dada {margin: 0 25px;}
	.people_icos a {width: 50px; height: 50px; background-size: auto;}
	.people_icos li.go_dada a {background-position: center -94px;}
	.people_icos li.go_blog a {background-position: center -189px;}

	.top::after {content:''; display:block; clear:both;}

	.link ul li{display: inline-block;}

	.foot address{font-size:18px; margin-bottom:6px;}
	.foot address span{display:inline-block;}

	.menu ul li{width: 30.33%;}

	.tab ul.col2 li{width: 50%;}
	.tab ul.col3 li{width: 33.33%;}

	.s_tab ul li{display: inline-block;}
}

@media all and (min-width:1023px){

	.top{width:1240px; height: 150px; margin:0 auto; overflow: hidden; position: relative;}

	.t_link{float: left; overflow: hidden; margin-top: 50px;background: #fff;text-align: left; }
	.t_link a{position: relative; width: 205px;height: 50px;height: 50px;padding: 10px 22px 0;background: url('/resource/ingu/link2.png') top 18px right 26px no-repeat;
		border:1px #333 solid; border-radius: 10px; font-size: 18px;}
	.t_link a span{display: block; position: relative; z-index: 1; color:#333; transition: color 0.25s cubic-bezier(.7,0,.9,1);}

	.t_link a::before {
		content: '';
		position: absolute;
		top: 50%;
		left: 0;
		border-radius: 10px;
		transform: translate(-101%, -50%);
		width: 100%;
		height: 100%;
		background:#333 url('/resource/ingu/link.png') top 18px right 26px no-repeat;
		transition: transform 0.3s cubic-bezier(.7,0,.9,1);
		z-index: 0;
	}

	.t_link:hover span{color: #fff;}
	.t_link a:hover::before {transform: translate(0, -50%);}

	h1 a{position: absolute; top: 0; left: 0; right: 0; padding-top:150px;}

	.addplus{float: left;overflow: hidden;margin: 20px 24px;}

	p.t_tit{display: block; float:right; margin-top:66px;font-family: 'cafe24_danjunghae';font-size:27px;}
	p.t_tit span{color:#2992d3;}
	p.t_tit span:first-child{color:#c94f98;}

	.link{width:1240px;margin:0 auto;padding: 20px 0;overflow: hidden;text-align: center;}
	.link h2{display: inline-block;margin: 0 16px 0 0;padding: 0 35px 0 0;background-position: right;}
	.link ul{display: inline-block;}
	.link ul li{margin: 0 4px;}

	.people_icos {padding: 52px 0 0 0;}



	.menu, .tab_wrap, .s_wrap{width:1240px;margin:0 auto;}

	.menu ul li{width: 190px;margin: 0  16px 0 0;}
	.menu ul li:last-child{margin: 0;}

	.tab ul li:first-child{margin: 0 0 13px;}



	.s_wrap{box-sizing: border-box;padding: 30px 50px 50px;margin-bottom: 60px;}
	.s_wrap .manager ul{margin-bottom: 0;}
}