/*map*/
.root_daum_roughmap_landing {margin: 0 auto !important;}

* {-webkit-text-size-adjust:none;}
/* wrap */
.wrap {position:relative; width:100%; max-width:640px; min-width:320px; margin:0 auto;	background-color:#fff;
		-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4); /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
		-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4); /* FF3.5 - 3.6 */
		box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.4); /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
		}	
.poster {margin:0 auto;}		

/* divpop ??? ????? */
#divpop {position:absolute; left:0; top:0; width:100%; max-width:640px; min-width:320px; height:auto; visibility:hidden; background:rgba(0,0,0,0.5); z-index:9999;}
#divpop img {width:100%; max-width:640px; min-width:320px}
#divpop .bottom_check {position:absolute; bottom:0; width:100%; height:40px; font-size:0.8em; line-height:40px; color:#fff; background:rgba(0,0,0,0.5); text-indent:10px; z-index:9997;}
#divpop .bottom_check p {float:left;}
#divpop .bottom_check a {color:#fff;}
#divpop .bottom_check input {float:left; margin-left:3%; line-height:40px; height:40px;}

/*???? - ??? , ???*/
.header{position:relative;background-color:#fff;}
.header .logo{width:100%; float:left; margin:0 auto;}
.header .logo .logoArea{width:70%;}
.header .logo h1{float:left; margin:0;padding:4% 0 4% 4%;}
.header .logo h1 a{display:inline-block;}
.header .logo img {width: 100% !important; max-width: 173px; margin: 0 auto;}

.header .top_btn {float:right; width:30%;}
.header .top_btn li {float:right; line-height:0; margin:0; padding: 10% 8% 0 0;}
.header .top_btn li a {display:inline-block; max-width: 42px;}
.header .top_btn li a img {width: 100% !important;  margin: 0 auto;}

.header_menu {clear:both; width:100%; font-size: 0.813em; background-color: #222; border-bottom: 1px solid #000000;}
.header_menu:after{display: block; clear: both; content: ""; height: 0; visibility: hidden;}
.header_menu ul li {overflow:hidden; float:left; padding:0; text-align:center; font-size: 1.0em; color:#c4bfae;} /*???? ??? ???? border-left:1px solid rgba(255,255,255,0.8);*/
.header_menu ul li a {display:block;color: #ffffff; padding: 20px 6px 17px;}
.header_menu ul li a.addline{margin-left:-1px;border-right: 1px solid rgba(250, 238, 246, 0.2);}
.header_menu ul li a span{display:inline-block; padding: 0 0 0 0;}
.header_menu ul li:first-child {width: 25%; margin-left:0}
.header_menu ul li:nth-child(2) {width: 25%;}
.header_menu ul li:nth-child(3) {width: 25%;}
.header_menu ul li:last-child {width: 25%;}

/*foot_addmenu*/
.foot_addmenu{overflow:hidden;margin:0;padding:0;width:100%;}
.foot_addmenu li{float:left;margin:0;padding:0;width:50%;}
/* footer_link btn*/
.footer_link {text-align:center; font-size:0.75em; color:#e9e9ea; border-top:1px solid #23252b; background-color:#11141a;}
.footer_link:after{clear: both; display: block; visibility: hidden; content: ""; height:0;}

.footer_link li { width: 25%; float:left; margin:0 -1px 0 0; border-right:1px solid #26292f; color:#f4f4f4; }
.footer_link li:last-child { border-right:0 ; margin-right:0 }
.footer_link a{display:block;color:#f4f4f4; padding:17px 0 15px; }
.footer_link a:hover, .footer_link a:focus{color:#f4f4f4;}
.footer_link a.cafe{color:#42ba45;}
.footer_link div {display:block;color:#f4f4f4; padding:17px 0 15px; cursor:pointer; }
.footer_link div:hover{text-decoration:underline;}

/*footer_social */
/*.footer_social { text-align:center; background:#111; font-size:0.75em; color:#ddd; margin-top:30px}*/
.footer_social {text-align:center; font-size:0.75em; color:#e9e9ea;}
.footer_social:after{clear: both;content: "";display: block;height: 0;visibility: hidden;}

/*.footer_social li { width:25%; float:left; margin:10px -1px 10px 0; border-right:1px solid #666; }*/
.footer_social li {width:13%; float:left; /*border-right:1px solid #666;*/}
.footer_social li:last-child {border-right:0 ; margin-right:0}
.footer_social a {color:#e9e9ea;}

/*footMenu*/
.footMenu{overflow:hidden; margin:0; padding:0; background-color:#11141a;border-bottom:1px solid #0a0c10;}
.footMenu p{margin:0;padding:0;border-top:1px solid #24262c;}
.footMenu ul{margin:0; padding:0;}
.footMenu ul li{overflow:hidden; float:left; width:50%; color:#fff; text-align:center;}
.footMenu ul li a{display:block; padding:25px 0 23px 0; color:#fff; font-size:1em; text-decoration: none;}
.footMenu ul li a.line1{border-right:1px solid #121e3c;}
.footMenu ul li a.line2{border-left:1px solid #314373;}
.footMenu ul li a span{padding:10px 0 10px 40px;}
.footMenu ul li a span.icon_notice{background:url(/images/icon/icon_notice.png) 0 0 no-repeat;}
.footMenu ul li a span.icon_info{background:url(/images/icon/icon_exinfo.png) 0 0 no-repeat;}

/* footer */
.footer {background: #333; font-size:0.75em; color:#aaa; padding:15px 15px 90px}	
.footer li {display:inline-block; margin-bottom:2px; line-height:1.438em;}
.footer span.slice{display:inline-block;margin:0 5px;color:#555;}
.footer a {color: #FF5700;}
.footer a:hover{color: #EEEEEE;}
.footer strong {color: #FF5700;font-weight:normal;}

/*media queries*/  
	@media only screen and (min-width: 481px) and (max-width: 640px) {
	.header .logo img {max-width: 173px; margin: 0 auto;}
	.header .top_btn li a {display:inline-block; max-width: 42px;}
	.header .top_btn li a img {width: 100% !important;  margin: 0 auto;}
	.header .top_btn li {float:right; line-height:0; margin:0; padding: 10% 7% 0 0;}
	}
	
	@media only screen and (min-width: 321px) and (max-width: 480px) {	
	.header .logo h1{float:left; margin:0; padding:6% 0 5% 4%;}
	.header .logo img {max-width: 163px; margin: 0 auto;}
	.header .top_btn li a {display:inline-block;max-width: 40px;}
	.header .top_btn li a img {width: 100% !important;  margin: 0 auto;}
	.header_menu ul li a {display:block;color: #ffffff; padding: 16px 6px 12px;}
	.header_menu ul li {overflow: hidden;float: left;padding: 0;text-align: center;font-size: 0.9em;color: #c4bfae;}
	
	.header .top_btn li {float:right; line-height:0; margin:0; padding: 11% 9% 0 0;}
	}
	@media only screen and (max-width: 320px){	
	.header .logo h1{float:left; margin:0; padding:6% 0 5% 4%;}
	.header .logo img {max-width: 143px; margin: 0 auto;}
	.header .top_btn li a {display:inline-block;max-width: 30px;}
	.header .top_btn li a img {width: 100% !important;  margin: 0 auto;}
	.header_menu ul li a {display:block;color: #ffffff; padding: 16px 6px 12px;}
	
	.header .top_btn li {float:right; line-height:0; margin:0; padding: 15% 15% 0 0;}
	}