@charset "utf-8";
/* main */



.box_gnb {
	max-width: 1070px;
	width:100%;
	height: 115px;
	margin: 0px auto;
	font-size: 19px;
	font-family: "Dinbol";
	position:relative;
}
.box_gnb_top {
	text-align:right;
	font-size:12px;
	color:#CCC;	
	width:100%;
	border-bottom:1px dashed #efefef;
	padding:5px 0;
	background:#efefef
}
.width_gnb_top{
	max-width: 1070px;
	margin: 0px auto;	
}
.box_gnb_top a{
	border-right:1px solid #cacaca;
	padding-right:10px;
	color:#666
}
.box_gnb_top a:last-child{
	border:none	
}
.box_gnb .main_logo {
	float: left;
	margin-top: 28px;
}
.box_gnb .sc_bar {
	float: right;
	width: 179px;
	border-bottom:1px solid #e5e5e5;
	margin-top:32px;
}
.box_gnb .sc_bar input{
	border:none;
	width: 153px;
	height: 25px;
	color:#b1b1b1;
	font-size: 15px;
}
.box_gnb .sc_bar img{
	float:right;
	padding:5px;
	cursor:pointer
		
}
.box_gnb #gnb {
	/*width: 50%;*/
	height:115px;
	margin-left: 290px;
}
.box_gnb #gnb ul li {
	float: left;
	/*width: 30%;*/
	padding:0px 30px;
	text-align:center;
	height: 115px;
	line-height:95px;
	font-family: dinbol;
	cursor:pointer
}
.box_gnb #gnb ul li a{
	color:#c5c5c5;	
}
.box_gnb #gnb ul .on a {
	color: #003e7e;
}
.box_gnb #gnb ul li a:hover {
	color: #003e7e;
}
.main_width {
	width: 1070px;
	position: relative;
	margin: 0px auto
}
/*메인 1번 이미지*/
#main_content .rolling{
	width:100%;
	height:500px;
	overflow:hidden
	
}
#main_content .rolling .bg_main0101 {
	width: 100%;
	height: 500px;
	background: url(../img/main_bg01.png) no-repeat center top;
	color: #2b2b2b;
}
#main_content .rolling .bg_main0101 .main_width .title0101 {
	position: absolute;
	left: 0px;
	top: 95px;
}
#main_content .rolling .bg_main0101 .main_width .title0102 {
	position: absolute;
	left: 17px;
	top: 235px;
	font-size: 30px;
	line-height: 45px;
	letter-spacing: 0px;
}
#main_content .rolling .bg_main0101 .main_width .title0102 .txt_b img {
	margin: 0px 10px;
	margin-bottom: -5px;
}
#main_content .rolling .main_width .btn_cc{
	position:absolute;
	left:140px;
	top:340px;
	width:90px;
	height:13px;
}
#main_content .rolling .main_width .btn_cc ul li{
	float:left;
	margin-left:14px;
	cursor:pointer	
}
#main_content .rolling .main_width .btn_cc ul li:first-child{
	margin:0px;
}
#main_content .rolling .bg_main0102 {
	width: 100%;
	height: 500px;
	background: url(../img/main_bg0102.png) no-repeat center top;
	color: #2b2b2b;
}
#main_content .rolling .bg_main0102 .main_width .title0101 {
	position: absolute;
	left: 0px;
	top: 95px;
}
#main_content .rolling .bg_main0102 .main_width .title0102 {
	position: absolute;
	left: 20px;
	top: 240px;
	font-size: 30px;
	line-height: 45px;
	letter-spacing: 0px;
}
#main_content .rolling .bg_main0103 {
	width: 100%;
	height: 500px;
	background: url(../img/main_bg0103.png) no-repeat center top;
	color: #2b2b2b;
}
#main_content .rolling .bg_main0103 .main_width .title0101 {
	position: absolute;
	left: 0px;
	top: 125px;
}
#main_content .rolling .bg_main0103 .main_width .title0102 {
    position: absolute;
    left: 4px;
    top: 250px;
    font-size: 20px;
    line-height: 45px;
}


/*메인 2번 이미지*/
#main_content .bg_main02 {
	width: 100%;
	height: 610px;
	background: url(../img/main_bg02.png) no-repeat center bottom;
}
#main_content .bg_main02 .main_width .title0201 {
	font-size: 44px;
	position: absolute;
	left: 0;
	right: 0;
	color: #333333;
	top: 46px;
	text-align: center;
	font-weight: 200;
}
#main_content .bg_main02 .main_width .title0202 {
	font-size: 24px;
	text-align: center;
	position: absolute;
	left: 0;
	right: 0px;
	top: 100px;
	color: #333;
	line-height: 35px;
}
#main_content .bg_main02 .main_width .title0203 {
	position: absolute;
	left: 83px;
	top: 240px;
}
#main_content .bg_main02 .main_width .title0204 {
	position: absolute;
	right: 130px;
	top: 454px;
}
#main_content .bg_main02 .main_width .title0205 {
	position: absolute;
	left: 83px;
	top:700px;
}
#main_content .bg_main02 .main_width dl dt:first-child {
	font-size: 30px;
	/*line-height:33px;*/
	font-weight: 600;
	color: #333333
}
#main_content .bg_main02 .main_width dl dd:nth-child(2) {
	font-size: 22px;
	color: #003e7e;
	margin-top: 15px;
	font-weight: 600
}
#main_content .bg_main02 .main_width dl dd:nth-child(3) {
	font-size: 16px;
	line-height: 25px;
	color: #666666;
	margin-top: 10px;
	font-weight: 600;
	letter-spacing:-1px
}
#main_content .bg_main03 {
	width: 100%;
	height: 720px;
	background: url(../img/main_bg03.png) no-repeat center top;
}
.footer {
	max-width: 1070px;
	width:100%;
	margin: 0px auto;
	height: 100px;
	color: #acacac;
	font-size: 12px;
	line-height:20px;
	position:relative;
	z-index:98
}
.footer p a{
	color:#003e7e;
	border:1px solid #003e7e;
	border-radius:30px;
	padding:2px 8px	
}
.footer p a:hover{
	background:#003e7e;
	color:#fff	
}
.footer p {
	margin-top:24px;
}
.footer .sns{
	float:right;
	position:absolute;
	right:150px;
	top:10px
}
.footer .sns ul li{
	float:left	
}
.footer_logo {
	position:absolute;
	top:14px;
	right:0px
}

#main_content .bg_main03 .main_width .title0301 {
	font-size:44px;
	position:absolute;
	left:0px;
	right:0px;
	top:60px;
	text-align:center;
	color:#333333	
}
#main_content .bg_main03 .main_width .title0302 {
	font-size: 23px;
	line-height: 34px;
	text-align: center;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 125px;
	color: #333;
	letter-spacing: -1px;
}
#main_content .bg_main03 .main_width .box_textfield {
	width:813px;
	position:absolute;
	left: 0px;
	right: 0px;
	top:228px;
	text-align:left;
	margin:0px auto;
}
#main_content .bg_main03 .main_width .box_textfield #regForm input {/*background:#fff; */box-shadow: 5px 5px 0px rgba(173, 173, 173, 0.44); border: 1px solid #e5e5e5; height:47px; margin-left:15px; padding-left:15px; margin-bottom:10px} 
#main_content .bg_main03 .main_width .box_textfield #regForm .nick{
	margin-left:0px	
}
#main_content .bg_main03 .main_width .box_textfield #regForm .email { width:300px;}
#main_content .bg_main03 .main_width .box_textfield #regForm input:nth-child(4) { box-shadow:none; width:20px;}
#main_content .bg_main03 .main_width .box_textfield #regForm .title { width:calc(100% - 0px); margin-left:0px}	
#main_content .bg_main03 .main_width .box_textfield #regForm .secret{ font-size:15px; font-weight:bold; margin-left:0px}
#main_content .bg_main03 .main_width .box_textfield #regForm textarea {	
	width:calc(100% - 30px); 
	background: #fff; 
	padding: 15px; 
	border:1px solid #dedede; 
	height:120px; 
	font-family:NanumBarunGothic,"나눔바른고딕";
	box-shadow:5px 5px 0px rgba(173, 173, 173, 0.44);
}
#main_content .bg_main03 .main_width .box_textfield #title {width:429px;}
#main_content .bg_main03 .main_width .box_textfield #textarea3 {background:#fff; box-shadow:3px 3px 0px #ccc; border:none; width:100%; height:228px; margin-top:10px; padding:15px 0 0 15px;}
#main_content .bg_main03 .main_width .box_textfield .btn_Regist {width:200px; display:block; margin:20px auto}
#main_content .bg_main03 .main_width .box_textfield .btn_Regist #Regist {border:4px solid #003e7e; background:none; color:#003e7e; font-size:16px; font-weight:bold; box-shadow:none; width:200px ; height:50px}
#main_content .bg_main03 .main_width .box_textfield .btn_Regist #Regist:hover{background:#003e7e; color:#fff}

/* CHAT BUTTON */
.btn-chat {position:fixed;z-index:9001;bottom:20px;right:20px;width:80px;height:80px;padding:1px 6px 10px 6px;background:url('../img/btn-chat-bg.png') no-repeat;background-size:92px 91px;}
.btn-chat a.happytalk {display:block;width:80px;height:80px;background:url('../img/btn-chat.png') no-repeat;background-size:80px;}
.btn-chat a.happytalk:hover {background:url('../img/btn-chat-o.png') no-repeat;background-size:80px;}

.btn-chat span.txt {font-size:0;color:transparent;text-indent:-9999px;}

.btn-chat-kakao {position:fixed;z-index:9002;bottom:20px;right:120px;width:80px;height:80px;padding:1px 6px 10px 6px;background:url('../img/btn-chat-kakao-bg.png') no-repeat;background-size:92px 91px;}
.btn-chat-kakao a.kakao {display:block;width:80px;height:80px;background:url('../img/btn-chat-kakao.png') no-repeat;background-size:80px;}
.btn-chat-kakao a.kakao:hover {background:url('../img/btn-chat-kakao-o.png') no-repeat;background-size:80px;}

.btn-chat-kakao span.txt {font-size:0;color:transparent;text-indent:-9999px;}

.bg_main03 .main_width .box_textfield .inquiry{
	width:100%;
	border:1px solid #efefef;
	font-size:11px;
	text-align:center;
	background:rgba(0, 0, 0, 0.23);
	margin-top:10px;
	box-shadow: 5px 5px 0px rgba(173, 173, 173, 0.44);
}
.bg_main03 .main_width .box_textfield .inquiry tr td {
	height:25px;
	border-bottom:1px solid #efefef;
	line-height:25px;
	text-align:center;
	border-right:1px solid #efefef;
	color:#fff;
	text-shadow: #808080 0px 0px 4px
}
#sub_content #main_content .bg_main03 .main_width .box_textfield .inquiry tr td input {
	background: #fff;
	box-shadow: 5px 5px 0px rgba(173, 173, 173, 0.44);
	border: 1px solid #e5e5e5;
	height: 47px;
	margin-left: 15px;
	padding-left: 15px;
	margin-bottom: 10px;
}

.bg_main03 .main_width .box_textfield .inquiry tr td .check_box {
	line-height:20px;
	width : 20px;
}

.pop_top {
    background:url(/img/bg_pop_170111.gif) repeat-y center top;
    width: 100%;
    text-align: center;
}


#closeTopBanner {
	display: none;
}

#closeBtn {
  cursor:pointer;
	position: absolute;
  bottom: 10px;
  left: 10px;
}

#deleteCookie {
  cursor: pointer;
}

#layer_popup{position:fixed; width:100%; height:2000px; top:0px; left:0px;}