@charset "utf-8";


img { vertical-align:top; }
header, .contents { letter-spacing:-2px; }

.innerDiv { width:960px; margin:0 auto; }

#wrapper { width:100%; }


header a { display:inline-block; vertical-align:top; }
header .header_top { padding:12px 0; border-bottom:1px solid #eee; }
header .header_top a { line-height:21px; font-size:15px; color:#000; font-weight:bold; }
header .header_top p { display:inline-block; vertical-align:top; }
header .header_top ul { float:right; }
header .header_top ul li { float:left; padding:0 10px 0 11px; position:relative; }
header .header_top ul li:after { display:block; content:""; width:1px; height:15px; background:#595959; position:absolute; top:3px; left:0; }
header .header_top ul li:first-child:after { display:none; }
header .logo_area { padding:14px 0; }
header .logo_area h1 { display:inline-block; vertical-align:top; }
header .logo_area .gnb { float:right; }
header .logo_area .gnb li { float:left; margin-left:15px; }
header .logo_area .gnb li a { padding:0 15px; line-height:34px; font-size:20px; color:#000; font-weight:bold; }

.mobile_header { display:none; }

header .mobile_header h1{text-align:center;}
header .mobile_header h1 .flag{position:absolute; top:18px; left:44px; width:24px;}
header .mobile_header h1 a img { width:210px; }
header .mobile_header menu{position:absolute; top:7px; width:88px;}
header .mobile_header menu a{float:left; text-align:center;}
header .mobile_header menu.leftMenu{left:0;}
header .mobile_header menu.rightMenu{right:0; width:40px;}
header .mobile_header menu.leftMenu a{width:44px; padding:10px 0;}
header .mobile_header menu.rightMenu a{width:44px; padding:10px 0;}
header .mobile_header menu.rightMenu a.btn_global { width:40px; }
header .mobile_header menu.leftMenu span{float:left; width:44px; padding:10px 0; text-align:center; cursor:pointer;}


#container { border-bottom:1px solid #e5e5e5; }


footer{ width:960px; margin:0 auto; padding:10px 0 30px 0; background:#fff;}
footer .logo{display:block; float:left; margin:33px 80px 0 66px;}
/*footer .logo.right{float:right;margin:33px 66px 0 0} 2015-07-17 */
footer .logo.right{position:absolute; margin:30px 66px 0 800px;}
footer .logo.right img {max-width:151px;}
footer .user_menu{float:left;}
footer .menu{margin:0; padding:15px 0 18px 0; font-size:1em;}
footer .menu a{font-weight:bold; color:#3c3c3c;}
footer .info{font-size:0.85em; color:#6e6e6e;line-height: 1.5em;}
footer .info p span a{color:#6e6e6e;}
footer .num{display:inline; padding:0 10px 0 0;}
footer:after { display:block; content:""; clear:both; }



#quickR { position:absolute; top:1000px; left:50%; margin-left:623px; z-index:91; }
#quickR li { margin-bottom:10px; }

@media all and (min-width:769px){
	.mobile_view { display:none !important; }
}


@media (max-width:768px){
	.mobile_view { display:block !important; }
	.pc_view { display:none !important; }
	img { max-width:100%; }
}





/* owl custom */
.main_visual { overflow:hidden; }
.owl-theme .owl-controls .owl-nav .owl-prev { position:absolute; top:50%; left:-60px; margin-top:-35px; background:url(../images/new/main_prev.png) center center no-repeat; opacity:0; }
.owl-theme .owl-controls .owl-nav .owl-next { position:absolute; top:50%; right:-60px; margin-top:-35px; background:url(../images/new/main_next.png) center center no-repeat; opacity:0; }
.owl-theme:hover .owl-controls .owl-nav .owl-prev { left:15%; opacity:1; }
.owl-theme:hover .owl-controls .owl-nav .owl-next { right:15%; opacity:1; }
.owl-theme .owl-controls .owl-nav .owl-prev:hover { left:15%; background:url(../images/new/main_prev.png) center center no-repeat; opacity:1; }
.owl-theme .owl-controls .owl-nav .owl-next:hover { right:15%; background:url(../images/new/main_next.png) center center no-repeat; opacity:1; }
.owl-theme .owl-controls .owl-nav .owl-prev.off { background:url(../images/new/main_prev.png) center center no-repeat; cursor:default; }
.owl-theme .owl-controls .owl-nav .owl-next.off { background:url(../images/new/main_next.png) center center no-repeat; cursor:default; }
.owl-theme .owl-controls .owl-nav [class*=owl-] { display:inline-block; width:48px; height:70px; text-indent:9999px; cursor:pointer; overflow:hidden; 
	-webkit-transition:300ms; -moz-transition:300ms; -ms-transition:300ms; -o-transition:300ms; transition:300ms;
}
.owl-theme .owl-dots { position:absolute; left:0; bottom:30px; width:100%; z-index:99; background:none; }
.owl-theme .owl-dots .owl-dot { display:inline-block; margin:0 3px; padding:6px; zoom:1; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; }
.owl-theme .owl-dots .owl-dot span { display:block; width:7px; height:7px; margin:0; background:none; /*border:2px solid #fff;*/ -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; }
.owl-theme .owl-dots .owl-dot.active { /*background:rgba(255,255,255,0.6);*/ }
.owl-theme .owl-dots .owl-dot.active span { background:#fff; border:2px solid #fff; }






.contents { padding:40px 0; color:#ea2020; text-align:center; }
.contents.even { background:#f1f1f1; }
.contents .title01 { line-height:48px; font-size:42px; color:#000; font-weight:bold; }
.contents .title01 strong { color:#ea2020; }




/* 사용자 가이드 */
.user_guide .phone,
.user_guide .con { display:inline-block; vertical-align:middle; }
.user_guide .con { text-align:left; color:#202020; margin-left:30px; }
.user_guide .con .txt { padding:20px 0; line-height:34px; font-size:24px; }
.user_guide .con .btns a { display:inline-block; margin-right:20px; width:210px; padding:20px 0; line-height:24px; font-size:20px; font-weight:bold; border:1px solid #626262; text-align:center; }
.user_guide .con .appDown { margin-top:70px; padding-bottom:15px; }
.user_guide .con .appDown dt { line-height:28px; font-size:24px; }
.user_guide .con .appDown dd { margin-top:8px; }
.user_guide .con .appDown dd a { display:inline-block; margin-right:10px; vertical-align:top; }




/* 회원가입 */
.member_join p { display:inline-block; vertical-align:middle; }
.member_join .txt { line-height:28px; font-size:22px; font-weight:bold; color:#000; }
.member_join .txt strong { color:#ea2020; }
.member_join .btn { margin-left:40px; padding-left:83px; background:url(../images/new/arrow_gray01.png) left center no-repeat; }
.member_join .btn a { display:inline-block; padding:14px 30px; line-height:24px; font-size:22px; font-weight:bold; color:#fff; background:#000; }




/* 각종 안내링크 */
.links li { display:inline-block; width:300px; margin-left:20px; padding:10px 0; vertical-align:top; }
.links li:first-child { margin-left:0; }
.links li a { display:inline-block; }
.links li span,
.links li strong { display:block; }
.links li strong { padding:15px 0 10px 0; line-height:28px; font-size:24px; font-weight:normal; }
.links li .txt { line-height:20px; font-size:16px; }




/* 피닉스다트숍 안내 */
.shop_list ul { display:inline-block; width:964px; margin:15px 0 0 -2px; font-size:0; letter-spacing:-5px; }
.shop_list ul li { display:inline-block; width:205px; margin:25px 18px; *zoom:1; *display:inline; letter-spacing:-2px; vertical-align:top; text-align:left; }
.shop_list ul li a { display:block; }
.shop_list ul li .thumb img { width:100%;  height:153px;}
.shop_list ul li .name { margin-top:8px; line-height:21px; font-size:17px; color:#000; font-weight:bold; }
.shop_list ul li span { display:block; margin-top:4px; line-height:19px; font-size:15px; color:#5d5d5d; }




/* 피닉스다트 채널 */
.channel dt,
.channel dd { display:inline-block; vertical-align:middle; }
.channel dt { padding:19px 35px 19px 0; line-height:20px; font-size:16px; color:#000; font-weight:bold; border-right:1px solid #d2d2d2; }
.channel dd li { display:inline-block; width:110px; margin:0 15px; vertical-align:top; }
.channel dd li a { displaY:inline-block; }
.channel dd li span { display:block; padding-top:8px; line-height:17px; font-size:15px; color:#686868; }




#layer_pop_receive_agree { display:none !important; }



.wrapInner{position:relative; min-height:100%;}
#mobile{ display:block; min-height:100%; }
#mobile aside{box-shadow:inset -5px 0 6px rgba(0, 0, 0, .2)}
aside{display:none; position:absolute; top:0; left:-240px; z-index:10; width:240px; height:100%; overflow:auto; background:#474747;}
aside .bg{display:none; position:fixed; top:0; left:0; width:100%; height:100%;}
aside h3{border-bottom:1px solid #6a7478; background:-webkit-linear-gradient(90deg, rgb(58, 67, 71) 0%, rgb(85, 94, 99) 100%);}
aside h3 a{display:block; padding:8px 10px; text-shadow:0 2px #000; color:#ccc; border-bottom:1px solid #4c5559; background:url(../images/common/blt_downArrow2.png) no-repeat 95% center; background-size:7px 5px;}

aside ul.snb{position:relative; z-index:10; border-bottom:1px solid #4e4e4e;}
aside ul.snb ul{display:none;}
aside ul.snb li{overflow:hidden; border-bottom:1px solid #303030; border-top:1px solid #4e4e4e;}
aside ul.snb li a{display:block; overflow:hidden; padding:8px 0 8px 10px; font-size:1.1em; color:#fff; /*background:url(../images/common/menu_arrow.png) no-repeat 96% 12px; background-size:11px auto;*/}
aside ul.snb li a.emptySub{background:none;}
aside ul.snb li:first-child{border-top:0;}
aside ul.snb li img{margin:0 0 0 4px; vertical-align:middle;}
aside ul.snb li a span{float:left;}
aside ul.snb li a img.pay{float:left; margin:-3px 0 0 5px;}
aside ul.snb li a img{float:left; margin:-3px 7px 0 0;}
aside ul.snb li.active li.pay_menu a{color:#5a6267;}

aside .btnArea{position:relative; z-index:10; padding:20px 0;}
aside .btnArea span{display:block; width:202px; margin:0 auto 5px auto; padding:0; /*border-bottom:1px solid #525c63;*/ border-radius:5px;}
aside .btnArea a{display:block; width:200px; margin:0 auto; padding:10px 0; text-align:center; color:#bdc0ca; border:1px solid #1f2225; border-radius:5px; background:#303030;}
aside .btnArea a img{vertical-align:top;}





/* ############### 모바일 ############### */

@media (max-width: 768px){

	.innerDiv { width:100%; margin:0 auto; }

	header .header_top { padding:9px 0; height:19px; }
	header .header_top a { line-height:19px; font-size:13px; }
	header .header_top p,
	header .header_top ul { display:none; }
	/*
	header .header_top p { margin-left:9px; position:relative; z-index:10; }
	header .header_top ul { position:relative; z-index:10; }
	header .header_top ul li { padding:0 6px; }
	header .header_top ul li:after { height:11px; top:3px; left:0; }
	header .header_top ul li:first-child:after { display:none; }
	*/
	header .logo_area { padding:0; overflow:auto; text-align:center; }
	header .logo_area h1 { position:absolute; top:7px; left:0; width:100%; text-align:center; z-index:1; }
	header .logo_area h1 img { height:20px; margin-left:-2px; }
	header .logo_area .gnb { float:none; display:inline-block; padding:0 8px; white-space:nowrap; }
	header .logo_area .gnb li { float:none; display:inline-block; margin:0; }
	header .logo_area .gnb li a { padding:10px 8px; line-height:20px; font-size:16px; letter-spacing:0; }

	.pc_header { display:none; }  
	.mobile_header { display:block; }
	header { height:50px; background:#fff; }

	header .mobile_header h1{ padding-top:0 !important;}
	header .mobile_header h1 a { display:inline-block; padding:6px 0 9px; }
	header .mobile_header h1 a img { height:35px; width:auto; }
	header .mobile_header h1 .emb15th{display:none}


	#container { width:100%; overflow:hidden; }

	
	.main_visual, .owl-carousel .owl-stage-outer { width:100%; }
	.owl-carousel { width:130%; margin-left:-15%; }
	.main_visual { width:140%; margin-left:-20%; }
	.owl-theme .owl-controls .owl-nav [class*=owl-] { display:none; }
	.owl-theme .owl-dots { bottom:4px; width:100%; z-index:99; }
	.owl-theme .owl-dots .owl-dot { margin:0 2px; padding:3px; }
	.owl-theme .owl-dots .owl-dot span { border:1px solid #fff; }
	.owl-theme .owl-dots .owl-dot.active span { border:1px solid #fff; }



	.contents { padding:25px 10px; }
	.contents .title01 { line-height:25px; font-size:21px; }



	.user_guide .phone,
	.user_guide .con { display:inline-block; vertical-align:middle; }
	.user_guide .phone img { width:50%; }
	.user_guide .con { text-align:center; margin-left:0; }
	.user_guide .con .txt { padding:13px 0; line-height:24px; font-size:16px; }
	.user_guide .con .btns a { width:140px; margin:0 3px; padding:10px 0; line-height:19px; font-size:15px; }
	.user_guide .con .appDown { margin-top:40px; padding-bottom:15px; }
	.user_guide .con .appDown dt { line-height:24px; font-size:18px; }
	.user_guide .con .appDown dd { margin-top:8px; }
	.user_guide .con .appDown dd a { margin:0 3px; }
	.user_guide .con .appDown dd a img { height:38px; }



	.member_join .txt { line-height:21px; font-size:15px; }
	.member_join .btn { display:block; margin-left:0; padding:12px 0 0 0; background:none; }
	.member_join .btn a { padding:9px 25px; line-height:19px; font-size:15px; }


	.links { text-align:center; }
	.links ul { display:inline-block; }
	.links li { display:block; width:auto; margin:0; padding:15px 7px; border-top:1px solid #eee; }
	.links li:first-child { border-top:0 none; }
	.links li a { display:table-cell; height:50px; padding-left:77px; text-align:left; position:relative; vertical-align:middle; }
	.links li .img { position:absolute; top:0; left:0; }
	.links li .img img { height:50px; }
	.links li strong { padding:0 0 8px 0; line-height:20px; font-size:16px; font-weight:bold; }
	.links li .txt { line-height:17px; font-size:13px; }



	.shop_list ul { display:inline-block; width:100%; margin:0; }
	.shop_list ul li { display:inline-block; width:42%; margin:13px 4%; }
	.shop_list ul li .thumb img { width:100%;  height:113px;}
	.shop_list ul li .name { margin-top:7px; line-height:18px; font-size:14px; }
	.shop_list ul li span { margin-top:2px; line-height:16px; font-size:12px; }



	.channel dt,
	.channel dd { display:block; }
	.channel dt { padding:0 0 15px 0; line-height:20px; font-size:16px; border-right:0 none; }
	.channel dd li { width:auto; margin:0 6px; }
	.channel dd li span { display:none; }




	footer{ width:auto; padding:20px 0; background:#343434;}
	footer .logo{display:none;}
	footer .menu{width:100%; margin:0 0 16px  0; font-size:0.8em; padding:0;}
	footer .menu:after{clear:both; display:block; content:"";}
	footer .menu a{float:left; padding:0 10px; color:#fff; -webkit-text-stroke-width:.02em; background:url(../images/common/line_solid.gif) no-repeat right center;}
	footer .menu a:last-child{background:none;}
	footer .info{padding:0 10px; font-size:0.7em; color:#d6d6d6; line-height:1.5em;}
	footer .info address{font-style:normal;}
	footer .info p span{-webkit-text-stroke-width:.02em;}
	footer .info p span.last-child{margin:0 0 0 5px;}
	footer .info p.copyright{margin:6px 0 0 0; -webkit-text-stroke-width:.02em;}
	footer .info p span a {color:#d6d6d6; line-height:1.5em;}

	#quickB { position:fixed; bottom:10px; right:10px; z-index:91; }
	#quickB .navimenu { padding:0; margin:0; min-width:50px; min-height:50px; }
	#quickB .navimenu a { background:none !important; }
	#quickB .navimenu svg,
	#quickB .navimenu .checkbox_check { display:none; }
	#quickB .checkbox_check { visibility:hidden; }
	#quickB .navimenu .menu-open:checked+.open-button { background:#9a9a9a !important; }
	#quickB .navimenu .menu-open:checked+.open-button img { display:none; }
	#quickB .navimenu .menu-open:checked+.open-button { background:#9a9a9a !important; }
	#quickB .navimenu .menu-open:checked+.open-button img { display:none; }
	#quickB .navimenu .open-button .burger { display:none; }
	#quickB .navimenu .open-button.check_on .burger { display:block; }

}