/*-------------------------------------------------------------------------------------------
Basic Style Sheet

author: junkyung Kim
email : kk440404@naver.com
-------------------------------------------------------------------------------------------*/

@charset "utf-8";
@import "./basic.css";

/* 상단 영역 */
#toparea {
	position:fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100px;
	/*background: url("../images/top/top_bg.jpg");*/
	z-index:99999;
}
#toparea.active{background:#fff;transition: all .4s ease .1s;-webkiy-transition: all .4s ease .1s;
	box-shadow: 0 2px 3px #ccc;}
#toparea:after{
	display: block;content:"";visibility: hidden;clear: both;
}
#toparea .member_menu {
	display: flex;
	justify-content: flex-end;
	padding-top:20px;
}
#toparea .member_menu li{margin:0 5px;}
#toparea .topareabg{
	display: flex;
	position:fixed;
	left: 50%;
	top: 0;
	width: 1200px;
	margin-left:-600px;
	/*background: url("../images/top/top_bg.jpg");*/
	z-index:99997;
}

#toparea .topmenu{
	position:relative;
}


#toparea .topmenu .topsubmenu{

}
#toparea .topmenu .topsubmenu li{
	float:left;
	color:#000000;
	padding-left:15px;
}

#toparea .topmenu .topsubmenu li a{
	color:#000000;
	font-weight:bold;
}

#toparea .topmenu .topcountrymenu{
	position: absolute;
	top:60px;
	left:0px;
}

#toparea .topmenu .topcountrymenu li{
	float:left;
	padding-right:15px;
}

#toparea .topmenu .topcountrymenu li a{
	font-size: 11px;
	color: #666666;
	font-weight: bold;
}

#toparea .topmenu .topquickmenu{
	position: absolute;
	top:62px;
	left:210px;
	font-size:15px;
}

#toparea .topmenu .topquickmenu li{
	float:left;
	color:#6de0fc;
	padding-right:10px;
}

#toparea .topmenu .topquickmenu li a{
	color:#6de0fc;
}

#toparea .toplogo{
	position: relative;
}

#toparea .toplogo img{
	padding-top:20px;
}

#toparea .mainmenu{
	position:relative;
	width: 852px;
	height: 62px;
}

#toparea .mainmenu .topmainmenu{
	position: relative;
	width: 100%;
	height: 62px;
	margin: 0 auto;
}

#toparea .mainmenu .topmainmenu ul{
	position: relative;
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin: 0 auto;
}

#toparea .mainmenu .topmainmenu ul li{
	color:#fefefe;
	display: flex;
	align-items: center;
	padding:10px 0 30px 0;
	font-weight: bold;
	position:relative;
}

#toparea .mainmenu .topmainmenu ul li a{
	color:#fefefe;
}


/* 메인서브 */
#topmainsub{
	position: relative;
	height:74px;
	z-index:1000;
	width:100%;
	overflow:hidden;
	display:none;
}
#topmainsub >div{
	height:74px;
}
#topmainsub .topmainsub_bg{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:74px;
	background:#000;
	opacity:.80;
}

#topmainsub .menutitle{
	position:relative;
	width:200px;
	height:120px;
	line-height:120px;
	display:table-cell;
	vertical-align: middle;
	text-align:center;
}

#topmainsub .menudiv01{
	position:absolute;
	width:100%;
	display: flex;
	height:100%;
	line-height:50px;
}

#topmainsub ul{
	overflow:hidden;
}

#topmainsub ul li{
	padding:6px 20px 8px 20px;
	margin-bottom:10px;
	background: url("../images/top/submenutitle_icon.png") no-repeat left;
}
#topmainsub ul li:first-child{background: none;}
#topmainsub ul li a{
	font-size:14px;
	/* font-weight:bold; */
	color:#fff;
}

#topmainsub ul li.on a{
	color:#00fef7;
}

#topmainsub ul li.on{
}


/* 1 */
#topmainsub .topmainsub01{
	position:absolute;
	width:100%;
	top:-120px;
	left:0;
}

/* 2 */
#topmainsub .topmainsub02{
	position:absolute;
	width:100%;
	top:-120px;
	left:0;
}

/* 3 */
#topmainsub .topmainsub03{
	position:absolute;
	width:100%;
	top:-120px;
	left:0;
}

/* 4 */
#topmainsub .topmainsub04{
	position:absolute;
	width:100%;
	top:-120px;
	left:0;
}

/* 5 */
#topmainsub .topmainsub05{
	position:absolute;
	width:100%;
	top:-120px;
	left:0;
}

/* 6 */
#topmainsub .topmainsub06{
	position:absolute;
	width:100%;
	top:-120px;
	left:0;
}

/* 7 */
#topmainsub .topmainsub07{
	position:absolute;
	width:100%;
	top:-120px;
	left:0;
}

/* 8 */
#topmainsub .topmainsub08{
	position:absolute;
	width:100%;
	top:-120px;
	left:0;
}

/* 9 */
#topmainsub .topmainsub09{
	position:absolute;
	width:100%;
	top:-120px;
	left:0;
}

/* 10 */
#topmainsub .topmainsub10{
	position:absolute;
	width:100%;
	top:-110px;
	left:0;
}




/*퀵메뉴*/
#rightarea{
	margin:0;
	position: fixed;
	top: 200px;
	right: 0px;
	z-index: 1000000;
}

#rightarea .rightmenu{
	position: absolute;
	margin:0;
	top: 0;
	right:0;
	width: 120px;
	min-width: 40px;
}

#rightarea .rightmenu .rightmenubt{
	cursor: pointer;
	margin-bottom:1px;
	z-index:10;
}

#rightarea .rightmenu .rightmenubton{
	position:absolute;
	cursor: pointer;
	margin-bottom:1px;
	z-index:20;
	margin-left:120px;
}

#rightarea .rightmenu .tel{
	background: url("../images/right/btn_tel.png");
	width: 120px;
	height: 120px;
	margin-bottom:1px;
}

#rightarea .rightcont01, #rightarea .rightcont02, #rightarea .rightcont03, #rightarea .rightcont04, #rightarea .rightcont05{
	position:absolute;
	top: 0;
	right: 120px;
	width: 465px;
	height: 640px;
	background-color:#c8e4c9;
	opacity:0.7;
	display:none;
}

#rightarea .close_btn{
	position: absolute;
	left: 10px;
	top: 10px;
	cursor: pointer;
}

#rightarea .title{
	position: absolute;
	width:100%;
	left:0;
	top: 50px;
	text-align:center;
}

#rightarea .content{
	position: absolute;
	width:100%;
	left:0;
	top: 150px;
	text-align:center;
}


#rightarea .rightcont02{
	background: url("../images/right/right_02_bg.png");
}

#rightarea .rightcont02 .content{
	position: absolute;
	width:100%;
	left:0;
	top: 110px;
	text-align:center;
}

#toparea #topmainmenu .topmainmenu_ul li ul {
	/*transition: all .1s ease .1s;*/
	visibility: hidden;
	opacity: 0;
	padding:10px 20px 10px;
	position:absolute;
	top:62px;
	left:0;
	height:auto;
	width:165px;
	background:#000;

	display: block;
}
#toparea #topmainmenu .topmainmenu_ul #menu3 ul{width:280px;}
#toparea #topmainmenu .topmainmenu_ul #menu1 ul{width:200px;}
#toparea #topmainmenu .topmainmenu_ul li ul li a{display:block;width:100%;height:100%;}
#toparea #topmainmenu .topmainmenu_ul li ul li{
	border-bottom:1px solid #fff;
	padding-bottom:10px;
	display:block;
	font-size:15px;
	padding-left:10px;
	background: url("../images/top/submenutitle_icon.png") no-repeat left;
}
#toparea #topmainmenu .topmainmenu_ul li ul li:last-child{
	border:none;
}
#toparea #topmainmenu .topmainmenu_ul li:hover ul {
	opacity:.80;
	color:#fff;
	visibility: visible;


}
#toparea #topmainmenu .topmainmenu_ul li:hover ul li a:hover{
	color:#00fef7;
}