/* Theme Name: The Project - Responsive Website Template
Author:HtmlCoder
Author URI:http://www.htmlcoder.me
Author e-mail:htmlcoder.me@gmail.com
Version:1.3.0
Created:December 2014
License URI:http://support.wrapbootstrap.com/
File Description: Place here your custom CSS styles
*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);


@font-face{
font-family:"lottelight";
src:url("font/lottehappyMedium.eot");
src:local(※), url("font/lottehappyMedium.woff") format('woff')
}
@font-face{
font-family:"nanumsquareR";
src:url("font/NanumSquareR.eot");
src:local(※), url("font/NanumSquareR.woff") format('woff')
}
@font-face{
font-family:"nanumsquareB";
src:url("font/NanumSquareB.eot");
src:local(※), url("font/NanumSquareB.woff") format('woff')
}

*{font-family: "Nanum Gothic", sans-serif;  }
h1, h2, h3, h4, h5, h6 { font-family:"Nanum Gothic", sans-serif; font-weight:600;}
img { display:inline-block; }
.header{border-bottom:none; background-color:#fff;}
.header-left{padding:22px 0;}
.with-dropdown-buttons .navbar-default .navbar-collapse {padding: 14px 14px 0 14px;}
.fixed-header-on .header .with-dropdown-buttons .navbar-default .navbar-collapse {padding:0 14px;}
.fixed-header-on .header .logo img{max-height:40px; margin-top:3px;}
.transparent-header .header:not(.dark) .navbar-nav > li:not(.active) > a {
	font-size:25px; 
	font-family: 'nanumsquareB', sans-serif !important;
	padding: 21px 50px 41px 50px;
}
.navbar-default .navbar-nav > .active > a{
	font-size:25px; 
	font-family: 'nanumsquareB', sans-serif !important;
	color:#0089d9;  border-bottom:2px solid #0089d9;  border-left-color:transparent; border-right-color:transparent;
	padding: 21px 50px 41px 50px;
}
.fixed-header-on .header .logo { display:inline-block; }

@media(max-width:992px){
	header .container { width:100%; }
}
@media (max-width: 1199px) and (min-width: 768px) {
	.main-navigation.with-dropdown-buttons .navbar-default .navbar-collapse { padding-right: 0;}
}
@media (min-width: 768px)
{.navbar-nav { float:right; }}

.main-navigation .navbar-nav > .dropdown > a{border-left:1px solid #fff; border-right:1px solid #fff; margin:0;}
.main-navigation .navbar-nav > .dropdown > a:hover{border-left:1px solid #fff; border-right:1px solid #fff; margin:0;}
.dropdown-menu{min-width:195px;}
.dropdown-menu li a{line-height:2;}
.transparent-header .header:not(.dark) .navbar-nav > li:not(.active) > a {  font-family: "Nanum Gothic", sans-serif; font-weight:600 !important; color:#555;     border-bottom: 2px solid transparent; padding-bottom:41px;}
.transparent-header .header:not(.dark) .navbar-nav > li:not(.active) > a:hover, .transparent-header .header:not(.dark) .navbar-nav > li:not(.active) > a.active, .transparent-header .header:not(.dark) .navbar-nav > li:not(.active) > a:focus { color:#0089d9;  border-bottom:2px solid #0089d9;  border-left-color:transparent; border-right-color:transparent;}
.dropdown > a:before{ font-size:25px; line-height:0.3;}
.subfooter{background-color:#565656;}
.foot_txt {font-size:13px; line-height:1.5; color:#fff;}
.foot_txt a {color:#fff; text-decoration:none;}
.foot_txt span{color:#bbb;}
@media (min-width:1400px;){
	.container{width:1400px;}
}
.main_visual_text img{margin-top:170px;}

#main_banner{
	background: url(../img/main/main_visual.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	min-height:630px;
}


#main_quick{ background-color:#195fa6;}
.main_quick_list{padding-top:25px; padding-bottom:25px; color:#fff;}
.main_quick_list a{color:#fff; text-decoration:none;}
.main_quick_list h4{color:#fff; font-weight:600; margin-bottom:35px;}

.m_q_1{background:url("../img/main/main_quick_01.png") no-repeat right bottom; }
.m_q_2{background:url("../img/main/main_quick_02.png") no-repeat right bottom; background-color: rgb(22,86,150);}
.m_q_3{background:url("../img/main/main_quick_03.png") no-repeat right bottom; background-color: rgb(20,76,133);}
.m_q_4{background:url("../img/main/main_quick_04.png") no-repeat right bottom; background-color: rgb(18,66,115);}

@media (max-width:992px){
	#main_quick .container { width:100%; }
}




.main_service_title h2 {font-size:32px; font-weight:600;}
.main_service_title h2 span{font-size:37px; font-weight:600; color:#004f9c;}
.main_service {padding:30px 0 10px 0;}
.main_service img{ width:85% !important; margin-left:auto; margin-right:auto;}
.main_service p{font-size:18px; font-weight:600;}
.owl-nav{position:absolute !important; top:20%; left:-10%; width:120%; z-index:-999;}
.owl-prev{float:left;}
.owl-next{float:right;}
.owl-theme .owl-nav [class*='owl-'] { background:none; color:#c6c6c6; font-size:60px; font-weight:900; font-family:'굴림', sans-serif !important;}
.owl-theme .owl-nav [class*='owl-']:hover{background:none; color:#c6c6c6;}
#main_service{
	background: url(../img/main/main_service_bg.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cov;
}
.main_bottom_list {border-right:1px solid #eee; min-height:265px; padding:30px 20px 15px 20px;}
.main_bottom_div h3{width:80%; float:left;line-height:1; margin-top:10px; margin-bottom:10px; color:#333;}
.main_more {padding:2px 5px; background-color:#666; text-align:right; float:right; margin-right:5px;}
.bottom_tel{font-size:18px; color:#195fa6; font-weight:900; padding-top:10px;}
.bottom_tel a {color:#195fa6; text-decoration:none;}
.bottom_time{color:#333;}
.main_location_txt {padding-top:30px;}
.main_location_txt a{color:#004f9c; text-decoration:none;}
.main_location_txt img {display: initial; margin-right:10px;}
.main_bottom_list ul li{list-style:none; line-height:2.3; font-size:14px;}
.main_bottom_list ul li a {color:#666; text-decoration:none;}
.main_bottom_list ul li a:hover {color:#0089d9; text-decoration:none;}
.main_bottom_list ul li span{float:right; font-size:12px;}
.overlay-container .text{top:0 !important;}
.bottom_txt{font-size:14px;}

@media (max-width: 1300px){
	.owl-nav{top:-30%;}
	.owl-nav{left:0%; width:100%;}
}
@media (max-width: 1200px){

	.transparent-header .header:not(.dark) .navbar-nav > li:not(.active) > a{
		font-size:20px;
	    padding: 21px 35px 41px 35px;
	}
	.navbar-default .navbar-nav > .active > a{
		font-size:18px;
		padding:30px 30px;
	}
	
}
@media (max-width: 991px){
	#main_bottom .container { width:100%; padding-left:0; padding-right:0; }
	#main_bottom .container .main_bottom_div { padding-left:0; padding-right:0; }
	
	.header-left {
     padding: 15px 0 0 0;
}
	.transparent-header .header:not(.dark) .navbar-nav > li:not(.active) > a{
		font-size:18px;
	    padding: 30px 30px ;
	}
	.main-navigation.with-dropdown-buttons .navbar-default .navbar-collapse{padding:0 20px;}
}
@media (max-width: 768px){
	#main_bottom .container .main_bottom_div .main_bottom_list { border-bottom:1px solid #eee; }
	.transparent-header .header:not(.dark) .navbar-nav > li:not(.active) > a{font-size:15px; color:#121d4a; padding:15px 30px;}
	.with-dropdown-buttons .navbar-default .navbar-collapse{padding:0;}
	.main_bottom_list {border-right:none !important;}

	.owl-nav{top:35%; left:0; z-index:777;}
	.owl-prev{font-size:25px !important; background-color:#0068a8 !important; color:#fff !important; padding:5px 15px !important; margin:0 !important;}
	.owl-next{font-size:25px !important; background-color:#0068a8 !important; color:#fff !important; padding:5px 15px !important; margin:0 !important;}
	.subfooter-inner img {margin:5px auto 20px auto;}
	.foot_txt{line-height:1.5; text-align:center;}

	.transparent-header .main-navigation .navbar.navbar-default{
		top:-80px;
		right:0px;
		border:none;
		z-index:-99;
	}
	.navbar-header{height:66px;top:-10px;}
	.logo{position:absolute;}
	
	#logo_img{display:block; margin-left:33%;}
	img {display:block;}
	.header-left, .clearfix{height:87px;}
	.transparent-header .header:not(.dark) .navbar-nav > li:not(.active) > a{
		font-size:18px;
	    padding: 20px 15px !important;
	}
	.navbar-default .navbar-nav > .active > a{
		border-left-color: transparent;
		border-right-color: transparent;
		color: #121d4a;
		font-size:18px;
	    padding: 10px 15px !important;
		color:#121d4a !important;
		background:none !important;
	    border-bottom: 2px solid #0089d9 !important;
		}

	.main-navigation.with-dropdown-buttons .navbar-default .navbar-collapse{padding:0 20px;border-top:none;}
	.navbar-toggle{margin-right:0; !important}
	.main_quick_list{font-size:13px;}
	.main_quick_list h4{font-size:15px;}
	.bottom_tel{line-height:2;}
	
	#main_banner{
	background: url(../img/main/main_visual_m02.jpg) no-repeat center bottom;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	height:100%;
	}
	.main_visual_text img { margin-top:140px; width:400px; display:inline-block; }

}
@media (max-width:420px){
	.main_quick_list{font-size:12px;
					padding-top:15px;
					padding-bottom:15px;
					padding-left: 10px;
					padding-right: 10px;
					min-height: 197px;
	}
}
@media (max-width: 375px){

	#main_banner { background-position:25% bottom; min-height:590px;}
	.main_visual_text img { margin-top:150px; }
	#logo_img{margin-left:20%;}
	.main_quick_list{font-size:12px;}
	.main_quick_list h4{font-size:14px;}
}
@media (max-width: 320px){
	#logo_img{margin-left:0%;}
	.main_quick_list{letter-spacing:-2px;}
	#main_banner { min-height:530px; }
	.main_visual_text img { margin-top:135px; }

}

/***************************************************************************************************************************************************************************
***************************************************************** Sub page Common ******************************************************************************************
***************************************************************************************************************************************************************************/


#sub_visual01{
	background: url(../img/common/sub_visual01.jpg) no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cov;
		min-height:270px;
}
#sub_visual02{
	background: url(../img/common/sub_visual02.jpg) no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cov;
		min-height:270px;
}
#sub_visual03{
	background: url(../img/common/sub_visual03.jpg) no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cov;
		min-height:270px;
}
#sub_visual04{
	background: url(../img/common/sub_visual04.jpg) no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cov;
		min-height:270px;
}
/*#sub_visual img {margin:0 auto; padding:80px 0;}*/

.sub_side_top{
	background: url(../img/common/sub_side_bg.jpg) no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cov;
	width:100%;
	color:#fff;
	font-size:20px;
	text-align:center;
	line-height:6;
	font-family:"nanumsquareB", sans-serif;
}
.sub_div{  }
/*.sub_side_div{width:220px; float:left;}*/
.sub_side_div{max-width:220px; padding-left:0; padding-right:0;  height:100%; }
.sub_content_div {   padding-top:50px; padding-bottom:20px; }
@media (min-width: 992px){
	.sub_div { border-left:1px solid #eee; }
	.sub_content_div{ padding: 50px 0 100px 80px; border-left:1px solid #eee; }
}
.sub_side_list{ min-height:500px;}
.sub_side_list ul {padding:0; margin:0;}
.sub_side_list li {list-style:none; border-bottom:1px solid #eee; line-height:4; font-size:13px; text-indent:20px; background-color:#f9f9f9; color:#333; font-family: "Nanum Gothic"; font-weight:600; text-decoration:none; cursor:pointer;}
.side_active {background-color:#fff !important; color:#195fa6 !important; background: url(../img/common/sub_side_icon.png) no-repeat 93% center;}
.sub_side_img img{ padding:80px 0 0px 0;}

.sub_cate{ width:100%; text-align:right; font-size:11px; color:#636363;}
.sub_cate a { color:#636363; text-decoration:none;}
.sub_title{ border-bottom:1px solid #eee; font-size:30px; color:#333; font-family: "Nanum Gothic"; font-weight:600; line-height:2;}


@media (max-width: 768px){
#sub_visual01, #sub_visual02, #sub_visual03, #sub_visual04{
min-height:150px; width:100%; float:left; margin:100px 0 30px 0;

}

	.sub_cate{padding-top:20px;}
	.sub_title{margin:10px;font-size:25px;}
	.about_content{margin:10px;}
	.sub_content_div {padding-top:0;}
}

.b-b-black{ border-bottom:1px solid #666666;}
.b-t-black{ border-top:1px solid #666666;}
.b-b-gray{ border-bottom:1px solid #ccc;}
.mr-10{ padding-right:10px;}
.pb-50{padding-bottom:50px;}
.mt-40{margin-top:40px;}
.mv-40{margin-top:40px; margin-bottom:40px}
.pb-50{padding-bottom:50px;}



/***************************************************************************************************************************************************************************
****************************************************************** About.php ***********************************************************************************************
***************************************************************************************************************************************************************************/




.about_content{
	
	padding-top:20px;
	padding-bottom:50px;
	background: url(../img/about/about_bg_tr.png)  right bottom no-repeat;
	background-size:50%;
}
.about_p{ color:#fff; background-color:#0d7bd7; width:50%; font-size:16px; padding-left:5px; line-height:1.5; font-family: "Nanum Gothic";}
.about_head{ color:#0d4a89; font-weight:600; font-size:20px; line-height:2.3;padding-left:5px; font-family: "Nanum Gothic";}
.about_head span{ font-size:17px; font-family: "Nanum Gothic";}
.about_txt{color:#555; font-size:15px; font-family: "Nanum Gothic"; line-height:2.2;}

@media (max-width: 768px){
	.about_p{width:100%;}
	.about_head{ font-size:16px;}
	.about_head span{ font-size:14px;}
	.about_txt{font-size:12px;}
	.about_content{
		margin:5px;
		padding-bottom:100px;
		background: url(../img/about/about_bg_tr.png)  right bottom no-repeat;
				background-size:70%;


	}
}



/***************************************************************************************************************************************************************************
****************************************************************** Location.php ***********************************************************************************************
***************************************************************************************************************************************************************************/




#map-canvas{height:360px;}
.location_content{ margin-top:30px; }
.location_txt{margin-top:20px;}
.location_txt div { line-height:2.4; font-size:14px;}
.loation_txt_title{color:#333; font-weight:600; font-family: "Nanum Gothic";}
.loation_txt_content{color:#aaa; font-family: "Nanum Gothic";}
.loation_txt_content span { color:#333;}

@media (max-width: 768px){
	.location_content{margin:5px;} 
	.loation_txt_title{ border-top:none;border-bottom:1px solid #666666;}
	.loation_txt_content{border-top:none;border-bottom:none;}
	#map-canvas{width:100%;}
}



/***************************************************************************************************************************************************************************
****************************************************************** Location.php ***********************************************************************************************
***************************************************************************************************************************************************************************/




#map-canvas{height:360px;}
.organization_content{margin:50px 0 }
.


@media (max-width: 768px){
	.organization_content{margin:30px 5px;} 

}


/***************************************************************************************************************************************************************************
****************************************************************** dataroom.php ***********************************************************************************************
***************************************************************************************************************************************************************************/

.board_table thead tr th { line-height:3;  font-size:16px;  font-weight:600; font-family: "Nanum Gothic";}
.board_table tbody tr td { line-height:2; font-size:14px;  font-family: "Nanum Gothic";}
.board_table tbody tr td a{ color:#333;}
.gay_btborder {
    border-bottom: 1px solid #aaa;
}
.gay_btborder2 {
    border-bottom: 2px solid #ccc;
}
.board {
    word-break: break-all;
}
.gay_bgcolor {
    background-color: #eee;
}
.bdView_txt {
    padding: 15px 10px;
}
.dt_title{font-size:22px; padding:0px 15px 15px 15px;}

.board_content{    min-height: 300px !important; padding:20px;}




/***************************************************************************************************************************************************************************
****************************************************************** sphere***************************************************************************************************
***************************************************************************************************************************************************************************/



.sphere_title{ font-size:28px; font-weight:600; font-family: "Nanum Gothic"; color:#0d4a89; padding:20px 0; width:100%;}
.sphere_sub_title{ color:#2267ac; font-size:18px;}
.sphere01_ul{list-style-type : upper-alpha }
.sphere01_ul > li{ color:#0089db; font-weight:300;  font-family: "Nanum Gothic";}
.sphere01_ul > li > ul > li{ color:#666; line-height:2;  font-family: "Nanum Gothic"; list-style-type : disc;}

.sphere_table thead tr th {font-size:13px; font-weight:600;}
.sphere_table tbody tr td {font-size:12px;  font-family: "Nanum Gothic";}
.sphere_sub02_sub_title{color:#2267ac; line-height:1.7;}
.sphere_p strong{color: #0089db;}

/*.sphere_01_pro{background: url(../img/sphere/sphere_01_pro.jpg) no-repeat center center; background-size:90%; min-height:400px; margin:10px 0 50px 0;}*/
@media (max-width: 768px){
	/*.sphere_01_pro{background: url(../img/sphere/sphere_01_pro_m.jpg) no-repeat center center; background-size:95%; min-height:700px; margin:10px 0 0 0;}*/
	.sphere_title{font-size:18px; }
	.sphere_sub_title {font-size:16px;}
	.sphere01_ul > li, .sphere01_ul > li > ul > li{ font-size:14px; }
	.sphere01_ul > li > ul{ padding-left:5px;}
	.sphere_content{margin:30px 5px;} 
	.sphere_sub02_sub_title{font-size:13px;}
	.sphere_content p{font-size:12px; line-height:1.8;}
	.image-box .body p:last-child{font-size:12px;}
	.board_table thead tr th{font-size:13px;}
	.board_table tbody tr td{font-size:12px;}
	.gay_btborder{border-bottom:none;}
	.location_txt div{font-size:13px;}
	.header.fixed{position:fixed !important; width:100%; z-index:999;}

}
.sphere_content{margin:50px 0 50px 0px; min-height:700px;}
@media (max-width: 991px) and (min-width: 768px){
.header:not(.full-width) .main-navigation .navbar-nav {
    float: right !important;
	}
}