@charset "utf-8";
/* layout for Xpress Engine. Layout Design by Ansi */


/* structures */
#wrap { 
	position:relative; 
	clear:both; 
	*zoom:1; 
	width:100%; 
	z-index:1;
}

#content {
	width:1200px;
	padding-top:15px;
	box-sizing:border-box;
}

#side_menu {display:none;}

#m_gnb_outer,#m_footer,#m_client_page_wrap {display:none;}

#contain {width:100%; padding-top:15px; margin-bottom:30px;}

#top_section {width:1200px; height:54px;}
#top_section > .ad_request {left:0; top:50%;transform: translateY(-50%);}

#top_section > .ad_request > span.ad_text {font-size:10px; color:#333; font-weight:600; padding-right:15px;}
div#sns_wrap {width:200px; height:48px; padding-top:6px;}
div#sns_wrap > ul {width:100%; height:inherit; background:url(../images/sns_bg.png) no-repeat;}
div#sns_wrap > ul > li:first-child {margin-left:0;}
li.sns {width:32px; height:32px; position:relative; float:left; margin-left:24px; margin-top:16px;}
li.sns > a {display:block; width:100%; height:100%; text-indent:-100px; overflow:hidden; background-repeat:none;}
.sns01 {background:url(../images/sns_icon01.png); }
.sns02 {background:url(../images/sns_icon02.png); }
.sns03 {background:url(../images/sns_icon03.png); }
.sns04 {background:url(../images/sns_icon04.png); }


#gnb_outer {width:100%; height:62px; border:1px solid #d4d4d4; border-right:none; border-left:none; box-sizing:border-box; background-color:#fff; margin-top:9px;}
#gnb_inner_wrap {width:1200px; height:inherit;}
.logo {	width:175px; top: 50%; transform: translateY(-50%);	margin-left:14px;}
.logo img { height:30px;}

#snb { height:inherit; width:300px; margin-left:220px; position:relative; float:left;}
#snb > li {display:inline;}
#snb > li a {display:inline-block; color:#009c87; font-size:14px; font-weight:600; height:inherit; line-height:62px; padding:0 10px;}
#snb > li a:hover {text-decoration:underline;}

.gnb_wrap {height:inherit;}

#notice_wrap {width:100%; box-sizing:border-box; border:1px solid #e2e2e2;background:#fff url(../images/notice_bg.png) no-repeat; overflow:hidden;}
#notice_wrap > .arrow_wrap {width:29px; height:25px; right:0; top:6px;  text-indent:-100px; overflow:hidden;}
#notice_wrap > .arrow_wrap:hover {cursor:pointer;}
#notice_wrap > .d_arrow { background:url(../images/d_arrow.png) no-repeat center center;}
#notice_wrap > .up_arrow { background:url(../images/u_arrow.png) no-repeat center center; display:none;}
#notice_wrap > .notice_widget {width:90%; line-height:38px; font-size:14px; margin-left:50px; overflow:hidden;}
.notice_close {height:38px;}
.notice_open {height:200px;}


#footer {width:100%; height:190px; border-top:3px solid #2b323c;}
#bnb {width:100%; height:40px; border-bottom:1px solid #dfdfdf;}
#bnb > ul {width:100%:}
#bnb > ul > li {height:inherit; line-height:40px; display:inline-block; padding:0 20px;}
#bnb > ul > li a {font-size:14px; color:#2b323c;}
#bnb > ul > li a:hover {text-decoration:underline;}



#footer p.copyright {font-size:12px; line-height:18px; color:#666; padding-left:10px; padding-top:50px;}
#footer p.copyright .bottom_logo {width:175px; top:14px;}
#footer p.copyright .bottom_logo img { height:30px;}

#footer #b_icon_wrap {right:0; top:40px;}

#footer #b_icon_wrap li {display:inline-block; min-width:190px;}

#footer #b_icon_wrap li p.icon_wrap {width:100%; height:70px;}
#footer #b_icon_wrap li p.icon_wrap.b_icon01 {background:url(../images/b_icon01.png) no-repeat center center; }
#footer #b_icon_wrap li p.icon_wrap.b_icon02 {background:url(../images/b_icon02.png) no-repeat center center; }
#footer #b_icon_wrap li p.icon_wrap.b_icon03 {background:url(../images/b_icon03.png) no-repeat center center; }

#footer #b_icon_wrap li span.b_icon_text {width:100%; position:relative; float:left; text-align:center; font-size:14px; color:#2b323c; }
#footer #b_icon_wrap li span.b_icon_text .b_strong {color:#ff5530;}

#bnb > ul > li:not(:first-child):after {
    position: absolute;
    top: 50%;
    left: -1px;
    width: 1px;
    height: 10px;
	transform: translateY(-50%);
    background-color: #2b323c;
    content: ''
}

/* btn */

.btn_type {
	border: 1px solid transparent;
    border-radius: 5px;
	font-size:14px;
	padding:10px 31px;
	font-weight:bold;
}
.btn_type:hover {text-decoration:underline;}

.btn_purple {
	background-color:#a588c0;
	color:#fff !important;
}


@media all and (max-width: 640px) {
	#top_section {display:none;}
	#gnb_outer {display:none;}
	#client_page_wrap {display:none;}
	#m_gnb_outer {display:block;}
	#m_client_page_wrap {display:block;}
	#content {width:100%;}
	#footer {display:none;}

	/* m_gnb */
	#m_gnb_outer {
		width:100%; 
		height:62px; 
		background:#fff; 
		border:1px solid #d4d4d4; 
		margin-top:20px;
		border-left:none; 
		border-right:none;
	}

	.logo {
		left:50%;
		transform:translate(-50%,-50%);
	}

	.navbar-toggle {
	    float: left;
		margin: 14px 0 9px 5px;
	    padding: 9px 10px;
		border: 0;
	    background-color: transparent;
		cursor: pointer;
	}
	.blind, legend {
		visibility: hidden;
		overflow: hidden;
		position: absolute;
		top: 0;
		left: 0;
		width: 0;
		height: 0;
		font-size: 0;
		line-height: 0;
	}
	.navbar-toggle .icon-bar {
		background-color: #666;
		display: block;
		width: 22px;
		height: 2px;
		border-radius: 1px;
	}
	.navbar-toggle .icon-bar+.icon-bar {
		margin-top: 4px;
	}

	#side_menu {
		background-color: #444;
		bottom: 0;
		left: 0;
		min-width: 200px;
		overflow-x: hidden;
		overflow-y: auto;
		padding: 10px 0 0;
		position: absolute;
		top: 0;
		display: none;
		width: 75%;
		height:100%;
		z-index: -1;
	}

	#dimmedSlider {
		display: none;
		position: fixed;
		left: 0px;
		top: 0;
		right: 0px;
		bottom: 0px;
		z-index: 1;
		background: rgba(255,255,255,0.7);
	}

	#m_footer {display:block;}

}