/* --- wrap ---*/
* {
	margin: 0;
	padding: 0;
	font-family:"nanumR";
	font-size:14px;
	color:#444;

}

body {
	background:url(../img/wrap_bg.png);
	background-size:100%;
	font-family:"nanumR";
	font-size:14px;
	color:#444;
}

::selection {
	background-color: #f0b28f;
	color:white;
}

img {
	-webkit-user-drag: none; 
	-ms-user-select: none; 
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: -moz-none;
	-o-user-select: none;
	user-select: none;
}

a {
	text-decoration:none;
	color:#444;
}

a:hover {
	color:#888;
}

button, select {
	cursor: pointer;
}

button:focus,
input:focus,
select:focus,
textarea:focus {
	outline: none;
}

textarea {
	resize: none;
}

select {
	background: url('/assets/img/icon_select.png') no-repeat 100% 50%;
	background-size: 12px 12px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

select::-ms-expand {
    display: none;
}

.top_btn {
	right:25px;
	bottom:25px;
	z-index: 99;
	cursor: pointer;
	display: none;
	position:fixed;
}

#wrap {
	width: 100%;
	position:relative;    
}

/*---- Header ---*/
#header {background:white; top:0px; z-index:990; position: fixed; width:100%; transition: 0.4s; border-bottom:1px solid #eee;}
#innerheader {height: 75px; width:100%; max-width:1400px; margin:auto;}
#innerheader .logo {margin: 15px 0; float: left; width: 139px; height: 45px;}
#innerheader .logo img {width:100%; height: 100%;}
#innerheader ul {list-style: none;}
#innerheader ul>li {float: left; border: 0; text-align: center;}

/* Navigation */
.nav {height:75px; float:left; margin-left:calc(50% - 389px);}
.nav a {color:#888;}
.nav a:hover {color:#444;}

/* Top Menu */
.nav ul.nav_menu>li {width: 100px; height: 75px; line-height:75px;}
.nav ul.nav_menu>li>a {letter-spacing: 2px; font-family:"nanumL"; font-weight:bold; transform: skew(-0.03deg);}

/* Low Menu */
.nav ul.nav_menu>li>ul {z-index:999; display:none; position:absolute; width:1000px; top:76px;}
.nav ul.nav_menu>li>ul>li {height: 75px; line-height:15px;}
.nav ul.nav_menu>li>ul>li a {letter-spacing: 0px; display: block; padding:30px 20px; transform: skew(-0.03deg);}

/* Navigation Hover */
#header_hover_box {display: none; top:76px; width:100%; height:75px; background:white; box-shadow:0px 10px 10px rgba(0,0,0,0.1); z-index:998; position:absolute;}

/* 오른쪽 메뉴 */
#innerheader .right_menu {float:right; height:35px; margin-top:20px;}
#innerheader .right_menu button {width:100px; height:39px; border:none;}

#innerheader .right_menu button:first-of-type {margin-right:5px;}
#innerheader .right_menu button:last-of-type {width:35px;}

.mobile_menu_open_white {display:none; background:url(../img/mobile_menu_open_white.png) center bottom;  background-repeat:no-repeat; background-size:cover; display:none;}
.mobile_menu_open {display:none; background:url(../img/mobile_menu_open.png) center bottom;  background-repeat:no-repeat; background-size:cover; display:none;}
.mobile_menu_close {display:none; background:url(../img/mobile_menu_close.png) center bottom;  background-repeat:no-repeat; background-size:cover; display:none;}

.logout_button {background:url(../img/header_logout.png) center bottom; background-repeat:no-repeat; background-size:cover;}
.login_button {background:url(../img/header_login.png) center bottom; background-repeat:no-repeat; background-size:cover;}
.logout_button_hover {background:url(../img/header_logout_hover.png) center bottom; background-repeat:no-repeat; background-size:cover;}
.login_button_hover {background:url(../img/header_login_hover.png) center bottom; background-repeat:no-repeat; background-size:cover;}

.admin_button {background:url(../img/header_admin.png) center bottom; background-repeat:no-repeat; background-size:cover;}
.consult_button {background:url(../img/header_consult.png) center bottom; background-repeat:no-repeat; background-size:cover;}
.admin_button_hover {background:url(../img/header_admin_hover.png) center bottom; background-repeat:no-repeat; background-size:cover;}
.consult_button_hover {background:url(../img/header_consult_hover.png) center bottom; background-repeat:no-repeat; background-size:cover;}


/*---- banner ---*/
#banner {height:400px; width:100%; margin-top:76px;}
#inner_introduction {overflow: hidden;}
#banner_silder div {height:400px; width:100%; overflow: hidden; display:none;}
#banner_silder div dl {
	background-color:rgba(0,0,0,0.2);
	text-align:center;
	width:100%;
	height:245px;
	padding-top:155px;
	margin:auto;
	-ms-user-select: none; 
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	user-select: none;
}
#banner_silder div dt,
#banner_silder div dd {color:#eee; width:1200px; margin:auto; word-break: keep-all; text-align: center;}
#banner_silder div dt {font-family: "nanumEB"; font-size: 40px; margin-bottom:20px;}
#banner_silder div dd {font-family: "nanumL"; font-size: 18px; line-height:30px;}


/*---- sub_wrap ----*/
#sub_warp {overflow: hidden; width:100%; background: #242424; padding-top: 50px;}

/*---- sitemap ----*/
#sitemap {overflow: hidden; width:100%; max-width:1200px; margin:auto;}
#innder_sitemap {width:90%; margin:auto; overflow: hidden; padding:25px 0;}
#innder_sitemap a {color:#eee;}
#innder_sitemap a:hover {color:#fff;}
#innder_sitemap ul.menu_sitemap {list-style: none;}
#innder_sitemap ul.menu_sitemap>li {border:0; float:left; font-family: "nanumEB"; font-size:16px; width:20%; text-align: center; transform: skew(-0.03deg); margin:0 auto;}
#innder_sitemap ul.menu_sitemap>li>ul {margin-top:20px;}
#innder_sitemap ul.menu_sitemap>li>ul>li {font-family: "nanumR"; font-size:14px; padding:8px 0; width:100%;}

/*---- footer ----*/
footer {overflow: hidden; width:100%; margin:auto; padding:25px 0; transform: skew(-0.03deg);}
footer dl {text-align: center; font-size:12px; line-height: 20px; }
footer dt {height:23px; margin:0 auto 10px auto; width:300px;}
footer dt ul>li {float:left; height:23px;}
footer dt ul>li:nth-of-type(3n-2) {margin-right:5px;}
footer dt ul>li:nth-of-type(3n) {margin:0 10px;}
footer dt ul>li>a {color:#eee;}
footer dt ul>li>a:hover {color:#9e9e9e;}
footer dt img {height:16px; position: relative; top:1.0px;}
footer dd {color:#888;}
footer dd:nth-child(5) {margin-top:10px;}
footer dd span {color:#888;}
footer dd span:before {content:"|\00a0";}


/*---- 모바일 메뉴 ----*/
#mobile_menu {display:none; width:100%; min-height:calc(100vh - 75px); background:white; overflow: hidden;}
#mobile_menu ul>li {cursor:pointer; font-size:14px;}

/* 문의하기, 로그인하기 */
.mobile_button {width:100%; overflow: hidden; height:94px;}
.mobile_button ul {width:240px; overflow: hidden; padding:20px 0; margin:auto;}
.mobile_button ul>li {padding:20px 10px; width:100px; float:left; text-align: center; margin:auto;}
.mobile_button ul>li:last-of-type {}

/* 상위 메뉴 */
.mobile_nav {min-height:calc(100vh - 252px); overflow: hidden;}
.mobile_nav a {color:#888;}
.mobile_nav a:hover {color:#444;}


.mobile_nav dl>dt {padding:30px 10px; transform: skew(-0.03deg); cursor:pointer;}
.mobile_nav dl>dt i {float:right; padding-right:20px;}
.mobile_nav dl>dt>span {font-size:16px; padding-left: 20px;}

/* 하위 메뉴 */
.mobile_nav dl>dd{display:none;}
.mobile_nav ul>a>li {background:#f5f6f8; padding:30px 30px;} 
.mobile_nav ul>a:last-of-type>li {border-bottom:1px solid #eee;}

/* 모바일 메뉴 SNS */
.mobile_sns {height:auto; width:100%; padding:5px 0; border-top:1px solid #eee; overflow: hidden;}

.inner_sns {overflow: hidden; width:75%; margin:auto;}
.inner_sns div {overflow: hidden; width:100%; margin:10px 0px 25px;}
.inner_sns div a {display: block; float:left; width:33%; color:#444; font-size:12px; transform: skew(-0.03deg); text-align:center;}
.inner_sns div a:hover {color:#9e9e9e;}


.mobile_sns h3 {font-size:12px; transform: skew(-0.03deg); text-align: center; margin:10px 0; color:#444;}


/*---- responsive  ----*/
@media (max-width:1500px) {
	/*---- header ---*/
	#innerheader {width:95%; margin:auto;}
	#banner_silder div dt,
	#banner_silder div dd {width:60%;}
	
}

@media (max-width:1200px) {
	/*---- header ---*/
	.nav {display:none;}
	#innerheader .right_menu button:nth-of-type(-n+2) {display:none;}
	
	.mobile_menu_open_white,
	.mobile_menu_open,
	.mobile_menu_close {display:block;}
	
	/*---- sitemap ----*/
	#innder_sitemap ul.menu_sitemap>li {font-size:15px;}
	#innder_sitemap ul.menu_sitemap>li>ul>li {font-size:13px;}
}

@media (max-width:600px) {
	/*---- header ----*/
	#innerheader {height:55px;} 
    #innerheader .logo {margin: 10px 0; width: 108px; height: 35px;}
    
    #innerheader .right_menu {margin-top:15px; height:25px;}
    #innerheader .right_menu button:last-of-type {width:25px; height:25px;}
	
	
	/*---- banner ---*/
	#banner {margin-top:56px;}
	#banner,
	#banner_silder div {height:250px;}
	#banner_silder div dl {height:155px; padding-top:95px;}
	#banner_silder div dt,
	#banner_silder div dd {width:80%;}
	#banner_silder div dt {font-size: 28px;}
	#banner_silder div dd {font-size: 14px; line-height:20px; transform: skew(-0.03deg);}
	
	/*---- sub_wrap ----*/
	#sub_warp {padding:0px;}
	
	/*---- sitemap ----*/
	#sitemap {display:none;}
	
	/*---- footer ----*/
	footer dt {display:none;}
	footer dl {font-size:10px;}
	footer dd span:before {content:"\A"; white-space:pre;}
	
	/* 모바일 메뉴 SNS */
	.mobile_sns {padding:3px 0;}

	#mobile_menu {min-height:calc(100vh - 55px);}
	.mobile_nav {min-height:calc(100vh - 232px);}
}