/* ********** Top Nav CSS ********** */
.login-top{
	background-color:#e97b2d;
}

/* ********** Mega Menu Style ********** */
html{overflow-x: hidden;min-width: 1300px;}

#top-bn{position: relative;height: 90px;}
#top-bn > a{display: block;}
#top-bn > a > img{position: absolute;top: 0;left: 50%;margin-left: -960px;}
#top-bn .close-box{position: absolute;bottom: 0;right: 0;background: rgba(0,0,0,0.6);height: 35px;line-height: 35px;padding: 0 15px;font-size: 13px;color: #fff;}
#top-bn .close-box label input{vertical-align: middle;}
#top-bn .close-box .close{margin-left: 15px;color: #fff;font-size: 13px;}

#header .tnbWrap{height: 30px;background: #ffc500;}
#tnb{width: 1300px;margin: 0 auto;position: relative;text-align: right;}
#tnb li{display: inline-block;*display: inline;*zoom: 1;vertical-align: top;padding: 0 10px;background: url(../images/main/tnb-line.jpg) no-repeat 0 center;}
#tnb li:first-child{background: none;}
#tnb li a{font-size: 14px;color: #fff;line-height: 30px;}

#header .hdWrap{position: relative;border-bottom: 1px solid #ddd;}
#header .hdWrap .inner{width: 1300px;margin: 0 auto; position: relative; height: 80px;}
#header .logo{background: url(../img/icons/logo_text.png) no-repeat center center / cover;width: 168px;height:52px;text-indent: -999em; position: absolute;top: 15px;left: 0;display: block;}

#gnb{position: absolute;top: 0;right: 90px;}
#gnb > li{position: relative;display: inline-block;*display: inline;*zoom: 1;vertical-align: top;z-index: 91;}
#gnb > li > a{display: block;height: 80px;line-height: 80px;text-decoration: none;font-size: 18px;color: #000000;padding: 0 25px; font-weight:bold;}
#gnb > li:hover > a,
#gnb > li.active > a{color: #ffc500;}
#gnb > li > ul{position: absolute;top: 80px;left: 0;width: 100%;padding: 15px 0;border-left: 1px solid #ddd;box-sizing: border-box;height: 472px;display: none; margin-left:0;}
#gnb > li:last-child > ul{border-right: 1px solid #ddd;}
#gnb > li > ul li a{display: block;text-align: center;font-size: 14px;line-height: 32px;color: #555555;display: block;text-decoration: none;letter-spacing: -1px;overflow: hidden;}
#gnb > li > ul li:hover a,
#gnb > li > ul li.active a{background: #ffc500;color: #fff;}

#drdw{position: absolute;top: 81px;left: 50%;width: 3000px;margin-left: -1500px;background: #fff;z-index: 90;height: 471px;border-bottom: 1px solid #ddd;display: none;}
#drdw .infobox{width: 1100px;margin: 0 auto;position: relative;}
#drdw .infobox h4{position: relative;padding-top: 45px;font-size: 20px;color: #e97b2d;font-weight: normal;padding-bottom: 10px;margin-bottom: 15px;letter-spacing: -1px;}
#drdw .infobox h4:after{content: '';display: block;width: 73px;height: 3px;background: #e97b2d;position: absolute;bottom: 0;left: 0;}
#drdw .infobox .call{display: block;margin-bottom: 10px; color:#e97b2d;}
#drdw .infobox em{font-style: normal;display: block;font-size: 16px;line-height: 22px;color: #888888;letter-spacing: -1px;margin-bottom: 20px;}
#drdw .infobox ul{white-space: nowrap; margin-left:0;}
#drdw .infobox ul li{display: inline-block;*display: inline;*zoom: 1;vertical-align: top;}

#slideBtn{display: block;text-indent: -999em;width: 80px;height: 80px;position: absolute;top: 0;right: 0;}
#slideBtn button{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;background: none;cursor: pointer;outline: none;}
#slideBtn button span,#slideBtn button:before,#slideBtn button:after{border-radius: 2px;overflow: hidden;position: absolute;left: 50%;margin-left: -13px;width: 26px;height: 2px;background: #282828;}
#slideBtn button span{display: block;top: 50%;margin-top: -1px;opacity: 1;transition: all 0.3s cubic-bezier(1, 0.53, 0.48, 1.32);}
#slideBtn button:before{content: '';display: block;top: 40%;transition: all 0.3s cubic-bezier(1, 0.53, 0.48, 1.32);}
#slideBtn button:after{content: '';display: block;bottom: 40%;transition: all 0.3s cubic-bezier(1, 0.53, 0.48, 1.32);}
#slideBtn.active button span{opacity: 0;}
#slideBtn.active button:before{top: 50%;margin-top: -1px;transform: rotate(45deg);}
#slideBtn.active button:after{bottom: 50%;margin-bottom: -1px;transform: rotate(-45deg);}

#slideMenu { position: fixed; top: 0; right: 0; z-index: 101; height: 100%; margin-right:-85%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-overflow-scrolling: touch; }
#slideMenu .inner{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow-y: auto; background: #fff; padding: 0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box}
#slideMenu #gnb2{padding: 10px;}
#slideMenu #gnb2 > li{border-bottom: 1px solid #ddd;}
#slideMenu #gnb2 > li > a{display: block;height: 35px;line-height: 35px;padding: 0 5px;font-size: 13px;color: #000;}
#slideMenu #gnb2 > li > ul{background: #f7f7f7;display: none;padding: 15px 10px; margin-left:0;}
#slideMenu #gnb2 > li > ul a{display: block;line-height: 22px;font-size: 13px;}
#slideClose { position: absolute; top: 10px; left: -30px; font-size: 20px; font-family: Arial;color: #fff; }
#slideMenuBg { display: none;position: fixed; top: 0; left: 0; width: 100%; z-index: 100; height: 100%; background: rgba(0, 0, 0, 0.5); cursor: pointer; }

#tnb2{background: #e97b2d;text-align: center;}
#tnb2 li{display: inline-block;*display: inline;*zoom: 1;vertical-align: top;margin: 0 5px;}
#tnb2 li a{font-size: 12px;color: #fff;height: 30px;line-height: 30px;}


/**************************************************
	Setting Device Width 2019-06-18 조성용
**************************************************/
#_device_pc{display: block;} #_device_ta{display: none;} #_device_mo{display: none;} .__pc{display: block !important;} .__ta{display: none !important;} .__mo{display: none !important;}
@media screen and (min-width: 750px) and (max-width: 1300px){#_device_pc{display: none;} #_device_ta{display: block;} #_device_mo{display: none;} .__pc{display: none !important;} .__ta{display: block !important;} .__mo{display: none;}}
@media screen and (max-width: 1300px){#_device_pc{display: none;} #_device_ta{display: none;} #_device_mo{display: block;} .__pc{display: none !important;} .__ta{display: none;} .__mo{display: block !important;} }



@media screen and (min-width: 750px) and (max-width: 1300px){

	html{min-width: 750px;}

	#top-bn{height: auto;}
	#top-bn a{font-family: empty;font-size: 0;}
	#top-bn a > img{position: static;margin-left: 0;width: 100%;height: auto;}

	#tnb{width: auto;}

	#header .hdWrap .inner{width: auto;height: 45px;}
	#header .logo{width: 95px;height: 45px;left: 10px;background-size: contain;top:0;}

	#gnb{display: none !important;}

	#drdw{display: none !important;}

	#slideBtn{width: 45px;height: 45px; right:10px;}
	#slideBtn button:before{top: 30%;}
	#slideBtn button:after{bottom: 30%;}

	#footer .inner{width: auto;padding: 40px 0 15px 0;background: url(../images/main/flogo.jpg) no-repeat center 10px;background-size: 70px auto;}
	#footer address{font-size: 11px;line-height: 14px;text-align: center;letter-spacing: -1px;}
	#footer address br{display: block;}
	#footer .copy{font-size: 10px;text-align: center;}

	#fnb{width: auto;padding: 10px 0;}
	#fnb li{width: 20%;box-sizing: border-box;border: none;}
	#fnb li a{font-size: 11px;line-height: 20px;padding: 0 0;letter-spacing: -1px;text-align: center;}

	#sns{position: static;margin-top: 10px;text-align: center;}
	#sns li{margin: 0 5px;}
	#sns li img{width: 30px;height: auto;}

}
@media screen and (max-width: 750px){

	html{min-width: 320px;}

	#top-bn{height: auto;}
	#top-bn a{font-family: empty;font-size: 0;}
	#top-bn a > img{position: static;margin-left: 0;width: 100%;height: auto;}
	#top-bn .close-box{height: 20px;line-height: 20px;padding: 0 5px;font-size: 11px;letter-spacing: -1px;}
	#top-bn .close-box .close{margin-left: 10px;font-size: 11px;}

	#header .tnbWrap{display: none;}

	#header .hdWrap .inner{width: auto;height: 45px;}
	#header .logo{width: 115px;height: 45px;left: 10px;background-size: 100% auto;top:0;}

	#gnb{display: none !important;}

	#drdw{display: none !important;}

	#slideBtn{width: 45px;height: 45px; right:10px;}
	#slideBtn button:before{top: 30%;}
	#slideBtn button:after{bottom: 30%;}


	#footer .inner{width: auto;padding: 40px 0 15px 0;background: url(../images/main/flogo.jpg) no-repeat center 10px;background-size: 70px auto;}
	#footer address{font-size: 11px;line-height: 14px;text-align: center;letter-spacing: -1px;}
	#footer address br{display: block;}
	#footer .copy{font-size: 10px;text-align: center;}

	#fnb{width: auto;padding: 10px 0;}
	#fnb li{width: 33.33%;box-sizing: border-box;border: none;}
	#fnb li a{font-size: 11px;line-height: 20px;padding: 0 0;letter-spacing: -1px;text-align: center;}

	#sns{position: static;margin-top: 10px;text-align: center;}
	#sns li{margin: 0 5px;}
	#sns li img{width: 30px;height: auto;}

}

/* ********** Quick CSS ********** */
.quick{
	top:0 !important;
	left:51% !important;
}
#quick-v4 .quick-area ul li.first{
	background: #e6741e;
}
#quick-v4 .quick-area ul li{
	background-color:#666666;
	border-bottom:none;
}
#quick-v4 .quick-area ul .kakaotalk{
	background-color:#ffea00;
}

/* ********** Main Carousel CSS ********** */
.testimonials{
	margin-bottom:30px;
}
.slider-caption h2 {
	color: #fff;
	font-size: 24px;
}
.slider-caption .top-caption {
	text-align: center;
}
.slider-caption .bottom-caption {
	text-align: center;
}
.slider-caption .middle-caption {
	z-index: 79;
	width: 100%;
	color:#ffc500;
	position: relative;
	text-align: center;
	padding: 30px 0px;
	display: inline-block;
}
.slider-caption2 .middle-caption {
	width: 32%;
}
.owl-carousel .owl-nav [class*='owl-'] {
	transition: all .3s ease;
}
.owl-carousel .owl-nav [class*='owl-'].disabled:hover {
	background-color: #D6D6D6;
}
.owl-carousel {
	position: relative;
}
.owl-carousel .owl-next,
.owl-carousel .owl-prev {
	top: 45%;
	color: #fff;
	width: 22px;
	height: 40px;
	position: absolute;
	margin-top: -20px;
}
.owl-carousel .owl-prev {
	left: 10px;
}
.owl-carousel .owl-next {
	right: 10px;
}
.owl-carousel .owl-item img{
}
.slider-caption2{
	left: 0;
	top: 25%;
	width: 100%;
	text-align: center;
	position: absolute;
	box-shadow: 0px 0px 4px #333;
	background-color: rgba(14, 36, 19, 0.7);
}
.slider-caption2 .top-caption h2 {
	color:#ffc500;
	margin-bottom: -30px;
	font-family: 'Noto Sans KR', sans-serif;
}
.slider-caption2 .middle-caption h2 {
	color: #ffc500;
	font-size: 40px;
	line-height: 70px;
	font-weight:bolder;
	font-family: 'Noto Sans KR', sans-serif;
}
.slider-caption2 .bottom-caption h2 {
	color:#e97e1d;
	margin-top: -30px;
	font-family: 'Noto Sans KR', sans-serif;
}
@media screen and (min-width: 1057px) and (max-width: 1920px) {
	.slider-caption1{
		top: 0%;
		height:100%;
		text-align: center;
		position: absolute;
		box-shadow: 0px 0px 4px #333;
		background-color: rgba(14, 36, 19, 0.7);
	}
	.slider-caption1 .top-caption h2 {
		color:#ffc500;
		font-size:1.5em;
		padding-top:15%;
		justify-content: center;
		margin-bottom: -30px;
		font-family: 'Noto Sans KR', sans-serif;
	}
	.slider-caption1 .middle-caption h2 {
		color: #ffc500;
		font-size: 3em;
		line-height: 70px;
		font-weight:bolder;
		justify-content: center;
		font-family: 'Noto Sans KR', sans-serif;
	}
	.slider-caption1 .bottom-caption h2 {
		color:#e97e1d;
		font-size:34px;
		margin-top: -30px;
		justify-content: center;
		font-family: 'Noto Sans KR', sans-serif;
	}
	
}
@media screen and (min-width: 641px) and (max-width: 1056px) {
	.slider-caption1{
		top: 0%;
		width: 50%;
		height:100%;
		text-align: center;
		position: absolute;
		box-shadow: 0px 0px 4px #333;
		background-color: rgba(14, 36, 19, 0.7);
	}
	.slider-caption1 .top-caption h2 {
		color:#ffc500;
		font-size:1.5em;
		padding-top:10%;
		justify-content: center;
		margin-bottom: -30px;
		font-family: 'Noto Sans KR', sans-serif;
	}
	.slider-caption1 .middle-caption h2 {
		color: #ffc500;
		font-size: 3em;
		line-height: 50px;
		font-weight:bolder;
		justify-content: center;
		font-family: 'Noto Sans KR', sans-serif;
	}
	.slider-caption1 .bottom-caption h2 {
		color:#e97e1d;
		font-size:1.5em;
		margin-top: -30px;
		justify-content: center;
		font-family: 'Noto Sans KR', sans-serif;
	}
}
@media only screen and (max-width: 640px){
	.slider-caption1{
		top: 0%;
		width: 50%;
		height:100%;
		text-align: center;
		position: absolute;
		box-shadow: 0px 0px 4px #333;
		background-color: rgba(14, 36, 19, 0.7);
	}
	.slider-caption1 .top-caption h2 {
		color:#ffc500;
		font-size:0.9em;
		padding-top:10%;
		justify-content: center;
		margin-bottom: -30px;
		font-family: 'Noto Sans KR', sans-serif;
	}
	.slider-caption1 .middle-caption h2 {
		color: #ffc500;
		font-size: 1.9em;
		line-height: 30px;
		font-weight:bolder;
		justify-content: center;
		font-family: 'Noto Sans KR', sans-serif;
	}
	.slider-caption1 .bottom-caption h2 {
		color:#e97e1d;
		font-size:1em;
		margin-top: -30px;
		justify-content: center;
		font-family: 'Noto Sans KR', sans-serif;
	}
}

/* ********** Main Content CSS ********** */
#MainContent{
	padding-bottom:50px;
	position:relative;
}
.first-con .columns{
	padding-left:2px;
	padding-right:2px;
	margin-bottom:1.5px;
}
.first-con .first-box p{
	top:50%;
	color:#fff;
	width:100%;
	font-size:20px;
	margin:0 auto;
	text-align:center;
	position: absolute;
	text-rendering: inherit;
	font-family: 'Noto Sans KR', sans-serif;
}
.first-con .first-box .detail-btn{
	top:75%;
	left: 50%;
	color:#fff;
	font-size:12px;
	margin:0 auto;
	text-align:center;
	position: absolute;
	padding:5px 20px;
	border:1px solid #fff;
	text-rendering: inherit;
	transform: translate(-50%, -17%);
	font-family: 'Noto Sans KR', sans-serif;
}
.first-con .first-box a:hover{
	opacity:0.7;
	color:#008CBA;
	background-color:#fff;
}
.two-con .columns{
	padding-left:2px;
	padding-right:2px;
 	margin-top:1.5px;
}
.two-con .two-box p{
	top:50%;
	color:#fff;
	width:100%;
	font-size:20px;
	margin:0 auto;
	text-align:center;
	position: absolute;
	text-rendering: inherit;
	font-family: 'Noto Sans KR', sans-serif;
}
.two-con .two-box .detail-btn{
	top:75%;
	left: 50%;
	color:#fff;
	font-size:12px;
	margin:0 auto;
	text-align:center;
	position: absolute;
	padding:5px 20px;
	border:1px solid #fff;
	text-rendering: inherit;
	transform: translate(-50%, -17%);
	font-family: 'Noto Sans KR', sans-serif;
}
.two-con .two-box a:hover{
	opacity:0.7;
	color:#008CBA;
	background-color:#fff;
}

.three-con{
	margin-top:30px;
	margin-bottom:30px;
}
.three-con .three-box{ 
	text-align:center;
    background: #deeaee;
	padding: 1.11111rem;
	border-right:1px solid #c5c6c6;
}
.three-con .three-box.columns_1 {
	background:#ddd;	
}
.three-con .border-none{
	border-right:none;
}
.three-con .three-box p{
	font-size:16px;
	margin-bottom:0;
	font-family: 'Noto Sans KR', sans-serif;
}

.five-con .columns{
	padding-left:2px;
	padding-right:2px;
}
.five-con .five-box h3{
	text-align:left;
	font-size:20px;
	padding-top:0;
	padding-bottom:0;
	font-family: 'Noto Sans KR', sans-serif;
}
.five-con .five-box input[type="text"]{
	border-width:4px;
	border-color:#282c33;
}
.five-con .five-box .search-btn{
	cursor:pointer;
	border-color:#282c33;
	background-color:#282c33;
}
.five-con .five-box .search-btn:hover{
	border-color:#61b6d9;
	background-color:#61b6d9;
}
.search-bar{
	width: 93%;
	padding-left:0 !important;
    margin-left: 0.9rem;
}

/* 2019-06-20 조성용 */

.row .row1 {margin-top:10px;}

/* main tab css */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.main-tabs {
	/*width: 370px;*/
	height: 160px;
	background: #ffffff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}
.tabs {
	height: 35px;
	/*width: 370px;*/
}
.tabs ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.tabs li {
	float: left;
	text-transform: uppercase;
	text-align: center;
	font-size: 15px;
	font-family: sans-serif;
	font-weight: bold;
	color: #35393c;
	line-height: 35px;
	font-family: 'Noto Sans KR', sans-serif;
}
.popular {
	width: 33.33%;
}
.selected {
	background: #f9f9f9;
	border: solid 1px #282c33;
}
.comments {
	width: 33.33%;
}
.recent {
	width: 33.33%;
}
.noSelected {
	background: #fff; 
	border: solid 1px #282c33;
	cursor: pointer;
	-webkit-transition: background .4s ease-out;
	-moz-transition: background .4s ease-out;
	-o-transition: background .4s ease-out;
	-ms-transition: background .4s ease-out;
	transition: background .4s ease-out;
}
.noSelected:hover {
	background: #EBEBEB;
}
.tab-containers {
	height: 135px;
	background-color:#f9f9f9;
	border-left:1px solid #282c33;	
	border-right:1px solid #282c33;
	border-bottom:1px solid #282c33;
}
.section {
	height: 130px;
}
.section-comments{
	overflow:auto;
	padding: 5px 15px 5px 25px !important;
}
.section-comments ul{
	margin-left:0.5rem;
}
.section-comments ul li{
	float: left;
	width: 50%;
    font-size: 13px;
    overflow:hidden;
    display: inline-block;
	white-space:nowrap;
	text-overflow:ellipsis;
	font-family: 'Noto Sans KR', sans-serif;
}
.section-comments ul li a{
	color:#222;
	font-family: 'Noto Sans KR', sans-serif;
}
.section-comments ul li a:hover{
	color:#008CBA;
}
.hidden {  
	display: none;
}

.five-box h6{
	margin:0;
	color:#666666;
	text-align:right;
	margin-top:-30px;
	padding-bottom:10px;
	border-width:90%;
	border-bottom:4px solid #333;
	font-family: 'Noto Sans KR', sans-serif;
}
.five-padding{
	padding:0 10px !important;
}
.five-con .notice-ul{
	margin-left:0;
}
.five-con .notice-ul li{
	font-size:14px;
	overflow:hidden;
	padding-top:6.5px;
	white-space:nowrap;
	text-overflow:ellipsis;
	padding-bottom:6.5px;
	border-bottom:1px solid #aaaaaa;
	font-family: 'Noto Sans KR', sans-serif;
}
.five-con .notice-ul li a{
	color:#222;
	font-family: 'Noto Sans KR', sans-serif;
}
.five-con .notice-ul li a:hover{
	color:#008CBA;
}

.five-con .notice-ul li a .label{
	background-color:#ea7e32 !important;
}

/* ********** Main Footer CSS ********** */
.first-footer{
	padding:10px 0;
	background-color:#434951;
}
.first-footer .first-box{
	padding-left:0;
}
.first-footer .first-box ul{
	margin-left:0;
	margin-bottom:0;
}
.first-footer .first-box ul li{
	color:#fff;
	font-size:18px;
	display:inline-block;
	padding-right:15px;
	vertical-align:middle;
	font-family: 'Noto Sans KR', sans-serif;
}
.first-footer .first-box ul li:nth-child(1){
	color:#04ced6;
	font-size:22px;
}
.first-footer .two-box .panel{
	padding:0;
	border:none;
	text-align:center;
	background-color:#434951;
}
.first-footer .two-box .panel a{
	color:#fff;
	font-size:18px;
	vertical-align:bottom;
	font-family: 'Noto Sans KR', sans-serif;
}
.two-footer{
	background-color:#32373d;
	border-bottom:1px solid #5b5b5b;
}
.two-footer .middle-box{
	padding-left:0;
}
.two-footer .middle-box ul{
	margin-left:0;
	margin-bottom:0;
}
.two-footer .middle-box ul li{
	color:#fff;
	font-size:13px;
	display:inline-block;
}
.two-footer .middle-box ul li a{
	color:#fff;
}
.two-footer .middle-box ul .family-select select{
	color:#fff;
	margin:0;
	padding:0;
	font-size: 13px;
	font-family: inherit;
	border-color:#32373d;
	background-color:#32373d;
}
.three-footer{
	padding:20px 0;
	background-color:#32373d;
}
.three-footer .first-box{
	padding-left:0;
}
.three-footer .first-box ul{
	margin-left:0;
	margin-bottom:0;
}
.three-footer .first-box ul li{
	color:#fff;
	font-size:12px;
	line-height:1.4;
}
.three-footer .two-box .panel{
	background-color:transparent;
}
.three-footer .two-box .panel img{
	vertical-align:top;
}

/* modal css */
 .modal-dialog {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 10000000;
  opacity: 0;
  transition: opacity 400ms ease-in;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  pointer-events: none;
  color: #333;
}
.modal-dialog:target {
  opacity: 1;
  pointer-events: auto;
}
.modal-dialog .main-modal {
  width: 80%;
  position: relative;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0, 0, 0, 0.15);
}
.close {
  position: absolute;
  right: 16px;
  top: 6px;
  font-size: 28px;
  text-decoration: none;
  color: #aaa;
}
.close:hover {
  color: #919191;
}
.modal-header {
  border-bottom: #eee solid 1px;
}
.modal-header {
  padding: 18px 16px 8px;
}
.modal-body {
  padding: 16px;
}
.privacy-modal{
  height:750px;
  overflow:scroll;
}
.email-modal{
}
.nonpayment-modal{
  height:1000px;
  overflow:scroll;
}
.main-modal .modal-body p{
	font-size:14px;
	font-family: 'Noto Sans KR', sans-serif;
}
.main-modal .modal-body h6{
	font-size:14px;
	margin-bottom:20px;
	font-family: 'Noto Sans KR', sans-serif;
}
.main-modal .modal-body dl{
	margin-bottom:20px;
}
.main-modal .modal-body dl dt{
	font-size:14px;
	margin-bottom:0;
	font-family: 'Noto Sans KR', sans-serif;
}
.main-modal .modal-body dl dd{
	font-size:14px;
	margin-bottom:0;
	font-family: 'Noto Sans KR', sans-serif;
}
.main-modal .modal-body ul{
	margin-left:0;
	margin-bottom:20px;
}
.main-modal .modal-body ul li{
	font-size:14px;
	font-family: 'Noto Sans KR', sans-serif;
}
.main-modal .modal-body ol{
	margin-left:0;
	margin-bottom:20px;
}
.main-modal .modal-body ol li{
	font-size:14px;
	list-style:none;
	font-family: 'Noto Sans KR', sans-serif;
}


@media screen and (min-width: 900px) and (max-width: 1920px) {
}
@media screen and (min-width: 980px) and (max-width: 1280px) {
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
}
@media only screen and (max-width: 1056px){
	.three-con{
		margin-bottom:0;
	}
	.tab-containers{
		height:130px;
	}
	.section{
		height:125px;
	}
	.five-con .five-box h3{
		margin-top:30px;
	}
}
@media only screen and (max-width: 991px){
	.first-con .first-box p{
		font-size:16px;
	}
	.first-con .first-box .detail-btn{
		padding:3px 10px;
	}
	.first-con .first-box a{
		padding:5px 5px;
	}
	.two-con .two-box p{
		font-size:16px;
	}
	.two-con .two-box .detail-btn{
		padding:3px 10px;
	}
	.two-con .two-box a{
		padding:5px 5px;
	}
	.three-con .three-box p{
		font-size:14px;
	}
}
@media only screen and (max-width: 768px){
	.first-con .first-box p{
		top:50%;
		font-size:14px;
	}
	.first-con .first-box .detail-btn{
		font-size:10px;
		padding:2px 10px;
	}
	.first-con .first-box a{
		font-size:10px;
		padding:1px 3px;
	}
	.three-con{
		margin-top:10px;
		margin-bottom:10px;
	}
	.two-con .two-box p{
		top:50%;
		font-size:14px;
	}
	.two-con .two-box .detail-btn{
		font-size:10px;
		padding:2px 10px;
	}
	.two-con .two-box a{
		font-size:10px;
		padding:1px 3px;
	}
	.three-con .three-box p{
		font-size:12px;
	}
	.five-con{
		margin-top:5px;
	}
	.five-con .tab{
		font-size:14px;
	}
	.five-con .tabs li{
		font-size:13px;
	}
	.main-tabs{
		height:140px;
	}
	.section{
		height:120px;
	}
	.section-comments{
		padding-left:5px !important;
		padding-right:0px !important;
	}
	.section-comments ul{
		margin-left:15px;
	}
	.section-comments ul li{
		font-size:12px;
	}
	.section-comments .right-ul{
		margin-left:0;
	}
	.five-con .five-box .last-h3{
		margin-top:60px;
	}
	.five-con .notice-ul li{
		font-size:12px;
	}
	.responsive-width{
		width:45%;
	}
}

@media only screen and (max-width: 640px){
	.testimonials{
		margin-bottom:10px;
	}
	.first-con .columns{
		padding-left:0;
		padding-right:0;
		margin-bottom:0;
	}
	.first-con .first-box p{
		top:50%;
		font-size:16px;
	}
	.first-con .first-box .detail-btn{
		font-size:12px;
		padding:5px 20px;
	}
	.two-con .columns{
		padding-left:0;
		padding-right:0;
		margin-top:0;
		margin-bottom:0;
	}
	.two-con .two-box p{
		top:50%;
		font-size:16px;
	}
	.two-con .two-box .detail-btn{
		font-size:12px;
		padding:5px 20px;
	}
	.three-con{
		margin-top:0px;
		padding-left:0px;
		padding-right:0px;
	}
	.three-con .three-box{
		border-bottom:1px solid #c5c6c6;
	}
	.three-con .three-box p{
		font-size:16px;
	}
	.five-con .five-box h3{
		font-size:20px;
		margin-top:20px;
		margin-bottom:0;
	}
	.five-box h6{
		font-size:12px;
		margin-top:-20px;
	}
	.five-con .columns{
		padding-left:0.9375rem;
		padding-right:0.9375rem;
	}
	.five-con .search-bar{
		/*width:97.5%;
		margin-top:10px;*/

		/* 2019-06-19 조성용 */
		width:100%; margin:10px 0 0 0; padding:0;
	}
	.five-con .five-box input[type="text"]{
		margin-bottom:0;
	}
	.five-con .five-box .small-11{
		width:91.66667%;
	}
	.five-padding{
		padding-left:0.9375rem !important;
		padding-right:0.9375rem !important;
	}
	.main-tabs{
		height:160px;
		margin-bottom:15px;
	}
	.tab-containers{
		height:140px;
	}
	.section-comments ul li{
		font-size:14px;
	}
	.five-con .five-box .last-h3{
		margin-top:20px;
	}
	.padding-640{
		margin-top:15px;
		padding-left:0.9375rem !important;
		padding-right:0.9375rem !important;
	}
	.five-con .notice-ul li{
		font-size:14px;
	}
	.row .row {width:100%; margin:0; padding:0;}
}
@media screen and (min-width: 617px) and (max-width: 640px) {
	.first-con .first-box img{
		width:308.5px;
	}
	.two-con .two-box img{
		width:308.5px;
	}
}
@media only screen and (max-width:499px){
	.first-con .first-box p{
		top:60%;
		font-size:18px;
		font-weight:normal;
	}
	.first-con .first-box .detail-btn{
		display:none;
	}
	.two-con .two-box p{
		top:60%;
		font-size:18px;
		font-weight:normal;
	}
	.two-con .two-box .detail-btn{
		display:none;
	}
}


/* 2019-06-19 조성용 */
@media only screen and (min-width: 641px) and (max-width: 1059px) {
	.row .row {width:100%; margin:0; padding:0;}
	.search-bar {width:100%; margin:0; padding:0;}
}
@media only screen and (min-width: 641px) {
	.row.pc_only {display:block;}
	.row.mo_only {display:none;}
}
@media only screen and (max-width: 640px) {
	.row.pc_only {display:none;}
	.row.mo_only {display:block;}
}
@media only screen and (min-width:700px) (max-width: 810px) {
	.tabs li {line-height:30px;}
}