/* google font https://www.google.com/fonts */
/* Simonetta Arizonia Chonburi Audiowide Forum Federo */
@import url(https://fonts.googleapis.com/css?family=Chonburi);
@import url(https://fonts.googleapis.com/css?family=Lato:400,400italic,900,700);
.chonburi {font-family: 'Chonburi', cursive;}
.lato {font-family: 'Lato', sans-serif;}
.ori_p {text-decoration:line-through;color:#ff0000;}
.line_in {color:#999;}
p {margin-bottom:0px;}
.pagetop {clear:both;height:30px;}
/* Footer */
#footer {
	width: 100%;
	background-color: #161616;
	color: #fff;
	padding-top:20px;
	padding-bottom: 20px;
}
.footertable {width: 97%;margin-left:3%;}
.footertable > tbody > tr > td {
	vertical-align: top;
	padding: 5px;
	text-align:left;
}
.footul > li > a, .footul > li > a:hover {
	color: #999;
	text-decoration: none;
}
#footer2 {
	background-color:#2a2a2a;
	color:#fff;
	padding-top: 20px;
	padding-bottom: 20px;
	line-height: 1.8em;
	font-size:12px;
}
.toptxtwrap {width:65%;margin-left:auto;margin-right:auto;padding-top:300px;}
.smtoptt {font-size:17px;margin-bottom:-3px;color:#d9d9d9;}
.lgtoptt {font-size:50px;color:#fff;}

.copy2 > tr > td > span {white-space: nowrap;}
.copy2 > span > a.btn {padding:0px 5px;color: #fff;}
.txt14w {font-size: 14px;color: #fff;}
.foot_title1 {text-align:left;color:#777;font-weight:bold;}
.foot_title_line1 {
	height:10px;
	border-bottom:1px solid #f39a1b;
}
.foot_title_line2 {
	height:10px;
	border-bottom:1px solid #373737;
}
.ftd01 {
	vertical-align:middle;padding-right:10px;
}
.f01 {
	white-space: nowrap;
	color: #777;
	font-size: 13px;
	font-weight: bold;
}
.f02 {
	white-space: nowrap;
	color: #c38429;
	font-size:17px;
	font-weight:bold;
}
.f02 a {color: #c38429;}
.ftbl01 {
	margin-top: 20px;
}
.ftbl01 > tbody > tr > td {
	padding-top: 10px;
}
a.fa01 {
	border:1px solid #484545;
	color: #777 !important;
	font-size: 13px;
	padding:5px;
	white-space:nowrap;
	margin-bottom:5px;
	margin-right:5px;
	display:inline-block;
	font-weight: bold;
}
a.fa01:hover {
	text-decoration: none;
}
ul.f2ul {
	list-style: none;
	float:right;
}
ul.f2ul > li {
	float:left;
}
ul.f2ul > li > a {
	color: #777;
	text-decoration: none;
	padding:0 8px;
	font-weight: bold;
	border-right: 1px solid #737373;
}
ul.f2ul > li:last-child > a {
	border-right:0px;
}
.f2ul_last > a {
	border-right:0px;
}
.prevfooter {clear:both;height:0px;}

/* Youtube Video Responsive */
.videowrapper { 
float: none; 
clear: both; 
width: 100%; 
position: relative; 
padding-bottom: 56.25% !important; 
padding-top: 25px !important; 
height: 0; 
} 
.videowrapper iframe { 
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
}

/* 페이지 */
.pt1 {font-size:50px;font-weight:900;line-height: 32px;}
.pt2 {font-size:15px;font-weight:normal;font-style: italic;white-space:nowrap;}
.toptext {position:absolute;text-align:left;display:none;text-align:center;}
.toptext1 {color:#fff;font-size:25px;text-shadow: 1px 1px #000000;font-weight:bold;}
.toptext2 {color:#fff;font-size:16px;
	
	text-shadow:0 0 2px #000;
	/* text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
	-moz-text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
	-webkit-text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; */
}
.pagetitle {margin-top:60px;padding-left:7.5%;margin-bottom:20px;}
.pagebox {border:20px solid #75c8cc;padding:15px;width:75%;margin:10PX auto;margin-bottom:30px;}
.boardcon {width:100%;padding:15px;}
.helpboard {color:#006600;}

/* 팝업레이어 */
#hd_pop {z-index:1001;position:relative;margin:0 auto;width:970px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:0px 0px 1px 0px;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:0px 5px;border:0;background:#393939;color:#fff;font-size:12px;}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

#page-content-wrapper {background-color:#f9f9f9;}
.container-fluid {padding-left:0px;padding-right:0px;}
.btn-info2 {
	color: #fff;
	background-color: #6ac4c7;
	border-color: #59bcc0;
}
.btn-info2:hover {
	background-color: #46b5b9;
	border-color: #3fa3a6;
	
}

.contwrap {width:65%;margin-right: auto;margin-left: auto;}
.contwrap2 {width:60%;margin-right: auto;margin-left: auto;}
.contwrap3 {width:55%;margin-right: auto;margin-left: auto;}

@media (max-width:575px) {
	.contwrap {width:90%;}
	.contwrap2 {width:90%;}
	.contwrap3 {width:90%;}
	.hidden-xs {display:none;}
}

@media (max-width:767px) {
	.toptext {display:none;}
	.pagebox {width:100%;margin:0 auto;margin-bottom:10px;border:0px;}
	.pt1 {font-size:40px;}
	.smtoptt {font-size:14px;}
	.lgtoptt {font-size:30px;}
	.contwrap {width:90%;}
	.contwrap2 {width:90%;}
	.contwrap3 {width:90%;}
	.hidden-xs {display:none;}
}
@media (min-width: 768px) and (max-width: 991px) {
	.pagebox {width:95%;}
	.toptext {display:none;}
	.contwrap {width:90%;}
	.contwrap2 {width:90%;}
	.contwrap3 {width:90%;}
}
@media (min-width: 992px) and (max-width: 1291px) {
	.pagebox {width:95%;}
	.contwrap {width:90%;}
	.contwrap2 {width:90%;}
	.contwrap3 {width:90%;}
}
@media (min-width: 1292px) and (max-width: 1400px) {
	.pagebox {width:94%;}
	.contwrap {width:85%;}
	.contwrap2 {width:85%;}
	.contwrap3 {width:85%;}
}
@media (min-width: 1401px) and (max-width: 1500px) {
	.pagebox {width:92%;}
	.contwrap {width:80%;}
	.contwrap2 {width:80%;}
	.contwrap3 {width:80%;}
}
@media (min-width: 1501px) and (max-width: 1600px) {
	.pagebox {width:90%;}
	.contwrap {width:75%;}
	.contwrap2 {width:75%;}
	.contwrap3 {width:70%;}
}
@media (min-width: 1601px) and (max-width: 1700px) {
	.pagebox {width:85%;}
}
@media (min-width: 1701px) and (max-width: 1800px) {
	.pagebox {width:85%;}
}
@media (max-width:360px) {

}