/* 탑메뉴 */

/* 모바일 환경 */
@media screen and (max-width:1200px){
	#wrap > #top_menu{
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		height:80px;
		box-sizing:border-box;
		border-bottom:1px solid #777;
		background:rgba(255,255,255,1);
		z-index:2;
	}
	#wrap > #top_menu > #top_menu_content{
		width:100%;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap{
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local{
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul{
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li:nth-child(1){
		position:absolute;
		top:22px;
		left:10px;
		list-style:none;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li:nth-child(1) img{
		height:40px;
		vertical-align:middle;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li:nth-child(2){
		position:absolute;
		top:0px;
		right:0px;
		list-style:none;
		width:50%;
		height:100%;
		text-align:right;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li:nth-child(2) span{
		display:inline-block;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li:nth-child(2) img#m_menu_mov{
		height:25px;
		margin-top:29px;
		margin-right:10px;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap{
		display:none;
	}
	#wrap > #m_menu_wrap{
		position:fixed;
		top:0px;
		left:0px;
	}
	#wrap > #m_menu_left{
		position:fixed;
		top:0px;
		right:-300px;
		width:300px;
		height:100%;
		font-size:16px;
		background-color:rgba(255,255,255,0.95);
		z-index:9999;
		overflow-y:auto;
	}
	#wrap > #m_menu_left > div > ul > li:first-child > table{ /* 닫기,로그인,로그아웃 */
		width:100%;
	}
	#wrap > #m_menu_left > div > ul > li:first-child > table tr:nth-child(1) td{
		width:100%;
		height:60px;
		background-color:#000;
	}
	#wrap > #m_menu_left > div > ul > li:first-child > table div#m_left_menu_icon_close{
		width:100%;
		height:60px;
		line-height:60px;
		color:#fff;
		font-size:18px;
		text-align:center;
	}
	#wrap > #m_menu_left > div > ul > li:not(:first-child) > div:first-child{
		position:relative;
		height:55px;
		line-height:55px;
		color:#333;
		border-bottom:1px solid #e4e4e4;
		background-color:#fff;
		padding-left:10px;
	}
	#wrap > #m_menu_left > div > ul > li > div:first-child > div.icon_sum{
		position:absolute;
		top:0px;
		right:15px;
		color:#666;
		font-size:1.6em;
	}
	#wrap > #m_menu_left > div > ul > li > div:first-child > div.icon_sum > img{
		height:18px;
		vertical-align:middle;
	}

	/* 사이드바 */
	#wrap > #side_bar{
		display:none;
	}
	#wrap > #side_bar_mobile{
		position:fixed;
		bottom:0px;
		left:0px;
		width:100%;
		overflow:hidden;
		z-index:3;
	}
	#wrap > #side_bar_mobile > .title{
		height:45px;
		color:#fff;
		font-size:17px;
		font-weight:600;
		text-align:center;
		line-height:45px;
		background-color:#e73883;
		cursor:pointer;
	}
	#wrap > #side_bar_mobile > .content{
		display:none;
		border:5px solid #e73883;
		border-radius:15px 15px 0px 0px;
		background-color:#fff;
	}
	#wrap > #side_bar_mobile > .content > form > ul{
		text-align:center;
		margin:30px 50px;
	}
	#wrap > #side_bar_mobile > .content > form > ul > li{
		list-style:none;
	}
	#wrap > #side_bar_mobile > .content > form > ul > li.input > input{
		width:100%;
		height:40px;
		color:#666;
		font-size:16px;
		font-weight:100;
		box-sizing:border-box;
		border:1px solid #000;
		background-color:#fff;
		padding-left:10px;
	}
	#wrap > #side_bar_mobile > .content > form > ul > li.tel{
		margin-top:10px;
	}
	#wrap > #side_bar_mobile > .content > form > ul > li.agree_check{
		color:#000;
		font-size:14px;
		font-weight:100;
		margin-top:10px;
	}
	#wrap > #side_bar_mobile > .content > form > ul > li.agree_check > input{
		width:20px;
		height:20px;
		color:#000;
		border:1px solid #efefef;
		margin-right:3px;
		vertical-align:middle;
		margin-top:-5px;
	}
	#wrap > #side_bar_mobile > .content > form > ul > li.button_box{
		text-align:center;
		margin-top:20px;
	}
	#wrap > #side_bar_mobile > .content > form > ul > li.button_box > span{
		display:inline-block;
		width:45%;
		height:45px;
		line-height:45px;
		color:#fff;
		font-size:13px;
		font-weight:500;
		border-radius:10px;
		cursor:pointer;
	}
	#wrap > #side_bar_mobile > .content > form > ul > li.button_box > span.btn_submit{
		background-color:#e73883;
	}
	#wrap > #side_bar_mobile > .content > form > ul > li.button_box > span.btn_close{
		background-color:#000;
		margin-left:5px;
	}

	/* 사이드바 아이콘 */
	#wrap > ul.side_bar_icon_box{
		position:fixed;
		bottom:50px;
		right:10px;
		width:50px;
		text-align:right;
		z-index:3;
	}
	#wrap > ul.side_bar_icon_box > li{
		list-style:none;
		margin-bottom:10px;
	}
	#wrap > ul.side_bar_icon_box > li img{
		width:100%;
		margin-right:10px;
		cursor:pointer;
	}
}

/* PC 환경 */
@media screen and (min-width:1201px){
	#wrap > #m_menu_wrap{
		display:none;
	}
	#wrap > #m_menu_left{
		display:none;
	}
	#wrap > #top_menu{
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		height:100px;
		box-sizing:border-box;
		border-bottom:1px solid #ddd;
		background:rgba(255,255,255,1);
		z-index:2;
	}
	#wrap > #top_menu > #top_menu_content{
		position:relative;
		width:1200px;
		font-family:Nanum Gothic,Helvetica,sans-serif;
		margin:auto;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap{
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul{
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li:nth-child(1){
		position:absolute;
		top:25px;
		left:0px;
		list-style:none;
		width:300px;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li:nth-child(2){
		display:none;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap{
		width:900px;
		height:100px;
		margin-left:300px;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global{
		position:relative;
		width:100%;
		height:100%;
		margin:auto;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100px;
		font-size:17px;
		font-weight:600;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul > li{
		position:relative;
		display:inline-block;
		list-style:none;
		line-height:100px;
		text-align:center;
		padding:0px 30px;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul > li:first-child{
		padding-left:0px;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul > li:last-child{
		padding-right:0px;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul > li a,
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul > li a:visited{
		color:#000;
		text-decoration:none;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul > li a:hover{
		color:#e30413;
		text-decoration:none;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul > li > div.global_menu_title{
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul > li > div.global_menu_title_bar.on{
		width:100%;
		border-bottom:3px solid #e30413;
		margin:-3px auto 0;
	}

	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > #top_menu_local{
		position:absolute;
		top:32px;
		right:20px;
		height:76px;
		line-height:25px;
		color:#444;
		font-size:13px;
		overflow:hidden;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > #top_menu_local a,
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > #top_menu_local a:visited,
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > #top_menu_local a:hover{
		color:#444;
		text-decoration:none;
	}		
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > #top_menu_local > ul{
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > #top_menu_local > ul > li{
		display:block;
		float:left;
		list-style:none;
		padding:0 5px;
	}
	
	/* 사이드바 */
	#wrap > #side_bar{
		position:fixed;
		top:110px;
		right:0px;
		width:245px;
		overflow:hidden;
		z-index:3;
	}
	#wrap > #side_bar > form{
		display:block;
		text-align:center;
		box-sizing:border-box;
		border:1px solid #e7e7e7;
		border-right:0px;
		border-radius:20px 0px 0px 20px;
		background-color:#fff;
		padding:20px 0px;
	}
	#wrap > #side_bar > form > ul{
		text-align:center;
		margin:0px 15px;
	}
	#wrap > #side_bar > form > ul > li{
		list-style:none;
		text-align:left;
	}
	#wrap > #side_bar > form > ul > li.title{
		color:#000;
		font-size:22px;
		font-weight:500;
		text-align:center;
		margin-bottom:15px;
	}
	#wrap > #side_bar > form > ul > li:nth-child(2){
		margin-top:15px;
	}
	#wrap > #side_bar > form > ul > li.input{
		width:100%;
		height:45px;
	}
	#wrap > #side_bar > form > ul > li.input > input{
		width:100%;
		height:40px;
		color:#666;
		font-size:16px;
		font-weight:100;
		box-sizing:border-box;
		border:1px solid #efefef;
		background-color:#efefef;
		padding-left:10px;
	}
	#wrap > #side_bar > form > ul > li:nth-child(3){
		margin-top:5px;
	}
	#wrap > #side_bar > form > ul > li:nth-child(4){
		color:#000;
		font-size:14px;
		font-weight:100;
		margin-top:10px;
	}
	#wrap > #side_bar > form > ul > li.agree_box{
		width:calc(100% - 20px);
		color:#666;
		font-size:14px;
		font-weight:100;
		line-height:20px;
		border:1px solid #efefef;
		padding:10px;
		margin-top:5px;
	}
	#wrap > #side_bar > form > ul > li.agree_check{
		color:#666;
		font-size:14px;
		font-weight:100;
		margin-top:10px;
	}
	#wrap > #side_bar > form > ul > li.agree_check > input{
		width:15px;
		height:15px;
		color:#666;
		border:1px solid #efefef;
		margin-right:3px;
		vertical-align:middle;
		margin-top:-5px;
	}
	#wrap > #side_bar > form > ul > li.button_box{
		display:block;
		width:100%;
		height:45px;
		line-height:45px;
		color:#fff;
		font-size:16px;
		font-weight:500;
		text-align:center;
		border-radius:10px;
		background-color:#e73883;
		margin-top:15px;
		cursor:pointer;
	}
	#wrap > #side_bar > form > ul > li.call_center{
		text-align:center;
		border-radius:10px;
		background-color:#7656df;
		padding:15px 0px;
		margin-top:15px;
	}
	#wrap > #side_bar > form > ul > li.call_center > p:nth-child(1){
		color:#fff;
		font-size:25px;
		font-weight:500;
	}
	#wrap > #side_bar > form > ul > li.call_center > p:nth-child(2){
		color:#61e5f5;
		font-size:25px;
		font-weight:600;
		margin-top:5px;
	}

	/* 사이드바 아이콘 */
	#wrap > ul.side_bar_icon_box{
		position:fixed;
		top:630px;
		right:0px;
		text-align:right;
		z-index:3;
	}
	#wrap > ul.side_bar_icon_box > li{
		list-style:none;
		margin-bottom:10px;
	}
	#wrap > ul.side_bar_icon_box > li img{
		margin-right:10px;
		cursor:pointer;
	}
	#wrap > #side_bar_mobile{
		display:none;
	}
}