@charset "utf-8";

*,html,body,h1,h2,h3,h4,h5,h6,p,div,ul,ol,li,a,span,video,img,address{
	margin:0; padding:0;
	font-family: 'Raleway','NS','NBG', sans-serif;
}
a,span,strong,p,h3,td,th{
	transform: skew(-0.1deg);
}
em{font-style: normal;}
ul,ol,li{list-style:none;}
.fl{float:left;}
.fr{float:right;}
.clearfix:after{
	content:"";
	display:block;
	clear:both;
}
.position{
	position: relative;
}
#wrap{position: fixed; top:0; left:0; width: 100%; height: 100%;}
/**************************************************************************
	 header
**************************************************************************/
/*221201_최소값수정(s)*/
#header{
 	width:100%; height:60px;
 	min-width: 1600px;
 	box-sizing: border-box;
 	position: fixed;
 	top:0; left:0;
 	background-color: #333333;
 	box-shadow: 2px 1px 2.97px 0.03px rgba(0, 0, 0, 0.15);
}
/*221201_최소값수정(s)*/
#header h1#logo a{
 	display: block;
 	width:191px; height: 60px;
 	background-image: url(../img/common/header_logo.png);
 	background-repeat: no-repeat;
 	background-position: center;
 	background-size: 191px 40px;
 	padding: 0 56px;
 	background-color: #222222;
 	text-indent: -99999px;
}
#header .gnb{
}
#header .gnb ul li{
	height: 100%; line-height: 60px;
	text-align: center;
	width: 160px;
}
#header .gnb ul li a{
	display: block;
	box-sizing: border-box;
	font-family: 'NSBold', sans-serif;
	font-size: 16px;
	color: #ffffff;
	transition: all 0.3s;
}
/*211130(s) css수정*/
#header .gnb ul li a:hover{
	background-color: #ffffff;
	color: #333333;
	transform: skew(-0.1deg);
}
/*211130(e) css수정*/
/*221122(s) 로그인 버튼 수정*/
#header .login_box{
	height: 60px;
	line-height: 60px;
	margin-right:56px;
}
#header .login_box a{
	display: block;
    box-sizing: border-box;
    /*font-family: 'NSBold', sans-serif;*/
    font-size: 14px;
    text-align: center;
    color:#ffffff;
    width: 84px;
    height: 30px;
    line-height: 26px;
    background-color: #744eff;
    border-radius: 20px;
    transform: translate(0, 50%);
    transition: all 0.3s;
}
#header .login_box a.login_btn{
	margin-right: -1px;
}
#header .login_box a:hover{
	background-color: #ffffff;
	color: #333333;
}
/*221122(e) 로그인 버튼 수정*/
/*221201_최소값수정(s)*/
#main_header{
 	width:100%; height:60px;
 	min-width: 1600px;
 	box-sizing: border-box;
 	position: fixed;
 	top:0; left:0;
 	z-index: 999998;
 	box-shadow: 2px 1px 2.97px 0.03px rgba(0, 0, 0, 0.15);
}
/*221201_최소값수정(e)*/
#main_header h1#logo a{
 	display: block;
 	width:191px; height: 60px;
 	background-image: url(../img/common/header_logo.png);
 	background-repeat: no-repeat;
 	background-position: center;
 	background-size: 191px 40px;
 	padding: 0 56px;
 	text-indent: -99999px;
}
#main_header .gnb{
}
#main_header .gnb ul li{
	height: 100%; line-height: 60px;
	text-align: center;
	width: 160px;
}
#main_header .gnb ul li a{
	display: block;
	box-sizing: border-box;
	font-family: 'PreRegular', sans-serif;
	font-size: 16px;
	color: #ffffff;
	transition: all 0.3s;
}
/*211130(s) css수정*/
#main_header .gnb ul li a:hover{
	color: #744eff;
	transform: skew(-0.1deg);
}
/*211130(e) css수정*/
/*221122(s) 로그인 버튼 수정*/
#main_header .login_box{
	height: 60px;
	line-height: 60px;
	margin-right:56px;
}
#main_header .login_box a{
	display: block;
    box-sizing: border-box;
    /*font-family: 'NSBold', sans-serif;*/
    font-size: 14px;
    text-align: center;
    color:#ffffff;
    width: 84px;
    height: 30px;
    line-height: 28px;
    background-color: #744eff; border:1px solid #744eff;
    border-radius: 20px;
    transform: translate(0, 50%);
    transition: all 0.3s;
}
#main_header .login_box a.login_btn{
	margin-right: 10px;
}
#main_header .login_box a:hover{
	background-color: #ffffff;
	color: #333333;
}
/*221122(e) 로그인 버튼 수정*/
#main_header.scroll{
	background-color: #ffffff;
}
#main_header.scroll h1#logo a{
 	background-image: url(../img/common/header_logo_color.png);
}
#main_header.scroll .gnb ul li a{
	color: #191919;
}
#main_header.scroll .gnb ul li a:hover{
	color: #744eff;
	transform: skew(-0.1deg);
}
#main_header.scroll .login_box a{     /*221122_로그인버튼_스크롤*/
    color:#fff;
}
#main_header.scroll .login_box a:hover{ /*221122_로그인버튼_스크롤*/
    background-color: #ffffff;
    color: #744eff;
}
/* 230227(s)_알림버튼 */
#main_header .notice_box{
	position: absolute;
	width: 30px; height: 30px;
	line-height: 60px;
	right: 30px;
	margin-top: 15px;
}
/* 230227(e)_알림버튼 */


#footer{
	width: 100%;
	background-color: #999;
	position: relative;
	z-index: 2;
	margin-top: 100px;
}
#footer .inner{
	width:1180px;
	margin:0 auto;
}

#footer #f_top{
	height:70px;
	background-color:#222222;
	border-bottom:1px solid #606060;
}
#footer #f_top h2.f_logo{
	width:191px;
	height: 70px;
	margin:0;
	text-indent:-999999px;
	display:inline-block;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../img/common/header_logo.png);
	background-size: contain;

}
#footer #f_top h2.fl{float:left;}
#footer #f_top ul.fr{float:right;}
#footer #f_top ul{margin-top:-4px;}
#footer #f_top ul.clearfix:after{
	content: "";
	display:block;
	clear:both;
}
#footer #f_top ul li{
	float:left;
}
/* 2230317(s)_추가 */
#footer #f_top .policy{
	position: absolute;
	width: 500px; height: auto;
	left: 62%; top:2px;
}
/* 2230317(e)_추가 */
#footer #f_top ul li a{
	display:inline-block;
	margin-top:28px;
	padding:0 24px;
	height:20px;
	line-height: 20px;
	font-family: 'NBG', sans-serif;
	font-size:14px;
	color:#b2b2b2;
	border-right:1px solid #b2b2b2;
}
#footer #f_top ul li.last a{
	border-right:0;
}
#footer #f_top ul li a:hover{color:#ffffff;}
	
#footer #f_bottom{
	height:172px;
	background-color:#222222;
}
#footer #f_bottom .inner{
	position: relative;
}
/* 200730(s) 수정사항 */
#footer #f_top .inner{
	position:relative;
}
#footer #f_top .inner .sns{
	position: absolute;
	right:0; top:23px;
}
#footer #f_top .inner .sns a{
	display:block; float:left;
	width:22px; height:22px;
	background-repeat: no-repeat;
	background-image: url(../img/common/sns_icon.png);
	text-indent: -999999px;
	margin-left:8px;
}
#footer #f_top .inner .sns a.fa{
	background-position: 0 0;
}
#footer #f_top .inner .sns a.in{
	background-position: -24px 0; 
}
#footer #f_top .inner .sns a.tw{
	background-position: -48px 0;
}
#footer #f_top .inner .sns a.yt{
	background-position: -72px 0;
}
#footer #f_top .inner .sns a.ka{
	background-position: -96px 0;
}
#footer #f_top .inner .sns a.nb{
	background-position: -120px 0;
}
#footer #f_top .inner .sns a.fa:hover{
	background-position: 0 -24px;
}
#footer #f_top .inner .sns a.in:hover{
	background-position: -24px -24px; 
}
#footer #f_top .inner .sns a.tw:hover{
	background-position: -48px -24px;
}
#footer #f_top .inner .sns a.yt:hover{
	background-position: -72px -24px;
}
#footer #f_top .inner .sns a.ka:hover{
	background-position: -96px -24px;
}
#footer #f_top .inner .sns a.nb:hover{
	background-position: -120px -24px;
}
#footer #f_bottom div br.media576{
	display:none;
}
/* 200730(e) 수정사항 */
#footer #f_bottom:after{
	content: "";
	display:block;
	clear:both;
}
#footer #f_bottom div.fl{float:left;}
#footer #f_bottom div p,#footer #f_bottom div address{
	color:#b2b2b2;
	font-family: 'NBG', sans-serif;
	font-size:15px;
	font-style: normal;
}
#footer #f_bottom div p{margin-top:42px; margin-bottom:30px; line-height: 1.5;}

#footer #f_bottom div address{
	font-size:13px;
}
.cursor_css {
	cursor: default;
}