@charset "utf-8";
/* layout */
body {
	position: relative;
}

::selection { background-color: #DE454A; color: #FFF; }

.pos_abs {
	position: absolute;
	z-index: 1;
}

.imgbtn {
	text-indent: -2000px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center center;
}

.gridContainer {
	clear: both;
	position: relative;
}

.fixwrap {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}

.fixed {
	position: fixed;
	width: 100%;
	height: 100%;
}
/* heaer 영역 css --------------------------------------------------- */
#header {
	height: 120px;
	position: relative;
	/* 시즌로고 
	background:url(/_img/common/season_logo.png)no-repeat 0 top;*/
}

#logo {
	width: 20%;
	min-width: 175px;
	float: left;
}

#logo a {
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../_img/common/logo.png);
	height: 41px;
	width: 155px;
	text-indent: -2000px;
	overflow: hidden;
	height: 120px;
}

/* 상단 메뉴 */
.gnb {
	text-transform: capitalize;
	position: relative;
	width: 70%;
	max-width: 927px;
	float: left;
}

.gnb>ul {
	width: 100%;
	position: relative;
	top: 20px;
}

.gnb>ul>li {
	float: left;
	width: 25%;
	position: relative;
	z-index:3;
}

.gnb>ul>li>span>a {
	display: block;
	text-align: center;
	font-size: 1.35em;
	font-weight: 700;
	height: 80px;
	line-height: 80px;
}

.gnb>ul>li>span a.active {
	color: #cf151b;
}



.gnb>ul>li>ul {
	position: absolute;
	display:block;
	width: 100%;
	background-color: #fff;
	padding: 1em;
	border: 1px solid #ddd;
	border-width: 0px 1px 1px 1px;
	z-index: 3;
}

.gnb>ul>li>ul>li>a {
	display: block;
	text-align: center;
	line-height: 36px;
	height: 36px;
}

.gnb>ul>li>ul>li>a:hover,.gnb>ul>li>ul>li>a:focus {
	color: #cf151b;
	text-decoration: underline;
}

.gnb>ul>li>ul>li:last-child {
	margin-bottom: 1em !important;
}

.gnb .current {
	border-top: 2px solid #cf151b;
}

.gnb .submenu {
	display: none;
}


#searchbox {
	width: 8%;
	min-width: 98px;
	position: relative;
	float: right;
	height: 120px;
	line-height: 120px;
	box-sizing: border-box;
	padding-top: 6px;
	overflow: hidden;
}

#searchbox .btn_search {
	width: 26px;
	height: 23px;
	display: inline-block;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../_img/common/btn_search.png);
	text-indent: -2000px;
	overflow: hidden;
}

#searchbox .btn_search {
	margin-right: 22px;
}

#searchbox .btn_all {
	width: 26px;
	height: 23px;
	margin-left:48px;
	display: inline-block;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../_img/common/btn_menu.png);
	text-indent: -2000px;
	overflow: hidden;
}

/* 숨김 레이어 내용상자 */
.layer {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1000;
	background-color: rgba(0, 0, 0, 0.8);
	display: none;
}

.loading {
	width: 100%;
	max-width: 50%;
	margin: 0 auto;
	color: #fff;
	position: relative;
	text-align: center;
	padding: 4em 0 0 0;
}

/* 상단 통합검색 상자 */
#totalSearch {
	height: 130px;
	top: 120px;
	box-sizing: border-box;
}

#btn_searchClose {
	width: 24px;
	height: 24px;
	background-image: url(../_img/common/btn_close02.png);
}

#totalSearch .pos_abs {
	top: -10px;
	right: 60px;
}

/* 검색버튼 */
.top_searchbox {
	position: relative;
	border-radius: 0.5em;
	border: 2px solid #f98101;
	background-color: #fff;
	width: 60%;
	margin: 2em auto;
	padding: 15px 36px;
	box-sizing: border-box;
}

.top_searchbox input[type=text] {
	height: 27px;
	border: 0px;
	width: 100%;
	box-sizing: border-box;
	padding: 6px 0;
}

.top_searchbox ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: table;
	width: 100%;
}

.top_searchbox ul li {
	display: table-cell;
}

.top_searchbox ul li:last-child {
	width: 50px;
}

.top_searchbox .searchtext {
	border-right: 1px solid #f98101 !important;
}

.top_searchbox .btn_tSearch {
	background-color: transparent;
	border: 0;
	display: inline-block;
	background-repeat: no-repeat;
	width: 100%;
	height: 25px;
	background-image: url(../_img/common/btn_tsearch.png);
	text-indent: -2000px;
	overflow: hidden;
	background-position: right center;
}

/* 전체메뉴 */
/*
#fixdedLayer {padding:100px 0 0 0; position:fixed !important; overflow:auto !important;}
#fixdedLayer .btn_fixdedLayerClose{background-image:url(../_img/common/btn_close01.png); width:48px; height:48px;}
#fixdedLayer .pos_abs {right:20px; top:1em;}
#fixdedLayer section {position:relative; float:left; padding:2em}
#fixdedLayer section dl,#fixdedLayer section dt,#fixdedLayer section dd{margin:0; padding:0;}
#fixdedLayer section dt {color:#ff720b; font-size:1.9em; line-height:1.8em;}
#fixdedLayer section dd, #fixdedLayer section dd  a{color:#fff; font-size:1em; line-height:1.8em;}
#fixdedLayer section dd  a:hover, #fixdedLayer section dd  a:focus{text-decoration:underline;}
*/
/* 전체메뉴 통합 */
#fixdedLayer {
	padding: 100px 0 0 0;
	position: fixed !important;
	overflow: auto !important;
	width: 100%;
	z-index: 100;
	top:0;
	left:0;
}

#fixdedLayer .btn_fixdedLayerClose {
	background-image: url(../_img/common/btn_close01.png);
	width: 48px;
	height: 48px;
}

#fixdedLayer .pos_abs {
	right: 20px;
	top: 1em;
}

#fixdedLayer .allMenu {
	overflow: hidden;
	padding: 2em;
}

#fixdedLayer .allMenu .gnbmenu {
	padding: 0;
	margin: 0;
	position: relative;
	float: left;
}

#fixdedLayer .allMenu .gnbmenu>span a {
	color: #ff720b;
	font-size: 1.9em;
	line-height: 1.8em;
	font-weight: 700;
	display: block;
}

#fixdedLayer .allMenu .submenu {
	margin: 0;
	padding: 0;
}

#fixdedLayer .allMenu .submenu li {
	margin: 0;
	padding: 0;
}

#fixdedLayer .allMenu .submenu li>a {
	color: #fff;
	font-size: 1em;
	line-height: 1.8em;
	text-transform: capitalize;
}

#fixdedLayer .allMenu .submenu li>a:hover,#fixdedLayer .allMenu .submenu li>a:focus
	{
	text-decoration: underline;
}

.allmenu_btn_box {display:none;}

/* sub bar */
.subbar {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 100%;
	overflow: hidden;
}

.subbar li {
	float: left;
	height: 40px;
}

.subbar.ea1 li {
	width: 100%;
}

.subbar.ea2 li {
	width: 50%;
}

.subbar.ea3 li {
	width: 33.3333%;
}

.subbar.ea4 li {
	width: 25%;
}

.subbar.ea5 li {
	width: 20%;
}

.subbar li a {
	display: block;
	text-align: center;
	color: #444;
	background-color: #e9e9e9;
	text-decoration: none;
	line-height: 40px;
	text-transform: capitalize;
}

.subbar li a:hover,.subbar li a:focus {
	text-decoration: none;
	background-color: #aaa;
	color: #fff;
}

.subbar li.active a {
	color: #fff;
	background-color: #de454a;
}

#mobileMenu {
	position: fixed;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	height: 100%;
	overflow: auto;
	display: none;
	z-index: 100;
}

#content_layer {
	padding: 1em;
}

/* 개인정보처리방침 */
.privacy_wrap {
	width: 90%;
	min-width: 280px;
	max-width: 940px;
	margin: 0 auto;
	word-break: keep-all !important;
}

.privacy_wrap h3 {
	font-size: 1.15em;
}

.privacy_wrap p {
	font-size: 0.75em;
	line-height: 1.8em;
	margin-bottom: 1em;
}

.privacy_cont {
	background-color: #fff;
	font-size: 0.75em;
	line-height: 1.8em;
	margin: 1.5em 0;
	border: 1px solid #bfbfbf;
}

.font_up {
	font-size: 0.9em !important;
}

.parivacy_para {
	font-size: 0.75em;
	line-height: 1.5em;
}

.parivacy_para h4 {
	font-size: 1.2em;
	line-height: 1.8em;
}

.privacy_line {
	padding-top: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	margin-bottom: 20px;
}

.privacy_ {
	padding-left: 18px;
	background-color: #ffffff;
	color: #666666;
}

.privacy_wrap a {
	color: #39F;
}

.privacy_wrap a:hover {
	text-decoration: underline;
}

/* 로그인 창 */
.login_wrap {
	width: 90%;
	max-width: 542px;
	position: relative;
	background-color: #b82643;
	margin: 0 auto;
	font-size: 1.15em;
}

.login_wrap .btn_close {
	background-image: url(../_img/common/btn_close03.png);
	background-repeat: no-repeat;
	width: 43px;
	height: 43px;
	display: block;
	position: absolute;
	right: 10px;
	top: 10px;
	text-indent: -2000px;
	cursor: pointer;
}

.login_wrap h2 {
	display: block;
	color: #fff;
	font-size: 1.5em;
	text-align: center;
	padding: 1em 0 0.5em 0;
}

.login_wrap p {
	display: block;
	color: #fff;
	font-size: 0.85em;
	text-align: center;
	line-height: 1.65em;
	padding: 0.2em 0 0.8em 0;
}

.login_wrap fieldset {
	width: 100%;
	display: block;
	padding: 1.2em 2.2em;
	background-color: #fff;
}

.login_wrap input[type=text],.login_wrap input[type=password] {
	border: 1px solid #ccc;
	line-height: 60px;
	height: 60px;
	margin: 0 0 10px 0;
	padding: 0 1em;
}

.login_wrap ::placeholder {
	color: #7e7e7e;
}

.login_wrap .btn_close {
	top: -45px;
}

.login_wrap .login_submit {
	color: #fff !important;
	border: none !important;
	background-color: #5c5c5c;
	line-height: 60px;
	height: 60px;
}

.login_wrap .login_submit:hover {
	background-color: #b82643;
}

/* content 영역 css --------------------------------------------------- */
#contents {
	min-height: 500px;
}

/* footer 영역 css ----------------------------------------------------*/
#footer {
	
}

#corewebhard_info {
	background-color: rgba(0, 0, 0, 0.8);
	position: absolute;
	width: 370px;
	height: 175px;
	color: #fff;
	z-index: 999;
	padding: 18px;
	display: none;
	bottom: 40px;
	/*left: 222px;*/
	left:45%;
	margin-elft:-185px;
	font-size: 0.85em;
}

#corewebhard_info:after {
	content: "";
	display: block;
	width: 0px;
	height: 0px;
	position: absolute;
	bottom: -14px;
	left: 45%;
	border-right: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 7px solid transparent;
	border-top: 7px solid rgba(0, 0, 0, 0.8);
}

#corewebhard_info dl {
	margin: 0;
	padding: 0;
}

#corewebhard_info dt,#corewebhard_info dd {
	margin: 0;
	padding: 0;
}

#corewebhard_info dd a {
	color: #f18f10;
}

#corewebhard_info dd a:hover,#corewebhard_info dd a:focus {
	text-decoration: underline;
}

#corewebhard_info dd.dt {
	height: 5px;
}

#corewebhard_info dd.dt .btn_close {
	background-image: url(../_img/common/btn_close02.png);
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	display: block;
	position: absolute;
	right: 10px;
	top: 10px;
	text-indent: -2000px;
	cursor: pointer;
}

#corewebhard_info dd {
	height: 27px;
	line-height: 27px;
}

#corewebhard_info dd strong {
	font-size: 1.15em;
}

.etc_link {
	overflow: hidden;
	text-align:center;
}

.etc_link ul {
	overflow: hidden;
	list-style: none;
}

.etc_link ul li {
	/*float: left;*/
	display:inline-block;
	/*margin: 0 1em 0 0 !important;*/
}

.etc_link ul li:last-child {
	margin-right: 0px;
}

.etc_link ul li>a {
	display: block;
	padding: 1em 0.8em;
	font-size: 0.8em;
}

.addr_box {
	text-align: center;
	font-size: 0.8em;
	background-color: #f2f2f2;
	padding: 1.45em 0 1.95em 0;
	position: relative;
	overflow:hidden;
}
.addressbox {
	max-width:505px;
	text-align:center;
	float:left;
	margin-top:10px;
}
.wa_box{
	float:left;
	margin-left:2em;
	width:100px;
}
.flbox {overflow:hidden;max-width:640px; margin:0 auto;}
.logn_btn_grp {
	position: absolute;
	right: 2em;
	top: 0.8em;
	z-index: 1;
}

.logn_btn_grp .login_btn,.logn_btn_grp .logout_btn,.logn_btn_grp .adm_btn
	{
	display: inline-block;
	width: 22px;
	height: 22px;
	line-height: 22px !important;
	cursor: pointer;
	border-radius: 1em;
	-webkit-border-radius: 1em;
	background-color: #242424;
	color: #fff;
}

.logn_btn_grp a {
	color: #fff;
}

.address {
	word-break: keep-all;
	font-size: 0.9em;
	padding-bottom:6px;
}

.copyright {
	word-break: keep-all;
	font-size: 0.9em;
}

/* Mobile menu */
.mobile-menu {
	height: 100%;
	background-color: rgba(0,0,0,0.5);
}

.mobile-menu-btn {
	display: none;
	width: 26px;
	height: 23px;
	margin-left:48px;
	display: inline-block;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../_img/common/btn_menu.png);
	text-indent: -2000px;
	overflow: hidden;
}

.mobile-menu a {
	text-decoration: none;
}

.mobile-menu {
	position: fixed;
	width: 70%;
	z-index: 100;
	top: 0px;
	left: -70%;
	/* box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.5);*/
}

.mobile-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.mobile-menu>ul {
	position: relative;
}

.mobile-menu>ul>li {
	border: 1px solid rgba(0,0,0,0.5);
	border-width: 0px 0px 1px 0px;
}

.mobile-menu>ul>li span {
	display: block;
}

.mobile-menu>ul>li span>a {
	display: block;
	background-color: rgba(0,0,0,0.3);
	color: #fff;
	padding: 1em 1em;
	position: relative;
	text-transform: capitalize;
	font-size: 1.25em;
	font-weight: 700;
}

.mobile-menu>ul>li span>a:hover {
	color: #ff720b;
}

.mobile-menu>ul>li span>a:after {
	font-family: FontAwesome;
	content: "\f107";
	position: absolute;
	right: 0.5em;
	top: 25%;
}

.mobile-menu>ul>.current {
	
}

.mobile-menu>ul>.current span>a {
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
}

.mobile-menu>ul>.current span>a:after {
	font-family: FontAwesome;
	content: "\f106";
	position: absolute;
	right: 0.5em;
	top: 25%;
}

.mobile-menu>ul ul {
	display: none;
}
/*.mobile-menu > ul li.current ul{display:block; transition:all 1s ease-out;}
.mobile-menu > ul li ul{display:none;transition:all 1s ease-out;}*/
.mobile-menu>ul ul li>a {
	display: block;
	background-color: rgba(0,0,0,0.1);
	color: #fff;
	padding: 0.75em 1em;
	border-bottom: 1px solid rgba(255,255,255,0.35);
	text-transform: capitalize;
	text-indent:1em;
}

.mobile-menu>ul ul li>a:hover,.mobile-menu>ul ul li>a:focus {
	background-color: rgba(255,255,255,0.2);
	color: #fff;
}

.mobileClose {
	position: absolute;
	top: 10px;
	right: -40px;
	background-color: transparent;
	z-index: 1000;
	width: 30px;
	height: 30px
}

.mobileClose a {
	color: #fff !important;
	font-size: 2.5em;
}

/* Mobile menu */
.mobileLogo {
	text-align: center;
	padding: 1em 0;
}

.mobile-menu-btn,btn_all {
	text-indent: -2000em !important;
}

/* 배경 색상 정의 */
.bg_white {
	background-color: #fff !important;
	border-color: #fff;
}

.bg_black {
	background-color: #000 !important;
	color: #fff;
	border-color: #000;
}

.bg_dark {
	background-color: #444 !important;
	color: #fff;
	border-color: #444;
}

.bg_corered {
	background-color: #d85f5f !important;
	border-color: #d85f5f;
}

/* 안여백 설정 */
.pd_1 {
	padding: 1em !important;
}

.pd_15 {
	padding: 1.5em !important;
}

.pd_2 {
	padding: 2em !important;
}

.pd_25 {
	padding: 2.5em !important;
}

/* 글자색상 설정 */
.cl_dark {
	color: #242424 !important;
}

.cl_black {
	color: #000 !important;
}

.cl_blue {
	color: #0d4d9b !important;
}

.cl_white {
	color: #fff !important;
}

.cl_orange {
	color: #ff690e !important;
}

.cl_corered {
	color: #d85f5f;
}

/* gradient bg */
.bg_gr_black {
	border-color: #000;
	color: #fff;
	border-radius: 3px;
	background: #7a7a7a; /* Old browsers */
	background: -moz-linear-gradient(top, #7a7a7a 0%, #000000 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #7a7a7a 0%, #000000 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #7a7a7a 0%, #000000 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/* IE6-9 */
	/* filter: progid : DXImageTransform.Microsoft.gradient (   startColorstr =
		'#7a7a7a', endColorstr = '#000000', GradientType = 0 ); */
}

.bg_gr_gray {
	border-color: #b9b9b9;
	color: #000;
	border-radius: 3px;
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top, #efefef 0%, #d6d6d6 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #efefef 0%, #d6d6d6 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #efefef 0%, #d6d6d6 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/* IE6-9 */
	/* filter: progid : DXImageTransform.Microsoft.gradient (   startColorstr =
		'#efefef', endColorstr = '#d6d6d6', GradientType = 0 );  */
}

/* font-size */
.fs085 {
	font-size: 0.85em !important;
}

.fs1 {
	font-size: 1em !important;
}

.fs115 {
	font-size: 1.15em !important;
}

.fs125 {
	font-size: 1.25em !important;
}

.fs13 {
	font-size: 1.3em !important;
}

.fs15 {
	font-size: 1.5em !important;
}

.fs2 {
	font-size: 2em !important;
}

/* 가로 폭 */
.w100 {
	width: 100%;
}

/* text 버튼 */
.btn {
	display: inline-block;
}

/* gogo top style */
.goto-top {
	width: 36px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	background-color: rgba(0, 0, 0, 0.4);
	color: #fff;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	font-size: 1.25em;
	overflow: hidden;
}

/* BTN TYPE */
.btn-type01 {
	background-color: #d85f5f !important;
	color: #fff !important;
	border-color: #d85f5f !important;
} /* core red 타입 */
.btn-type01:hover,.btn-type01:focus {
	background-color: #F60 !important;
}
.core-btn {display:inline-block; padding:5px 10px; border:1px solid #ccc; border-radius:1px;}
.cl_gray {color:#888;}