@charset "utf-8";
@font-face {
  font-family: 'Nanum Gothic';
  font-weight: 400;
  src: url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}

/* reset */
/*overflow:hidden;*/
*{margin:0; padding:0;}
body{width:100%; min-width:320px;margin:0px auto; position:relative; padding:0px; color:#333; font-family:'Nanum Gothic','나눔 고딕','Malgun Gothic', '맑은 고딕', Dotum, Gulim, Arial, Verdana, sans-serif; font-size:12px; background-color:#fff; }
img,fieldset{border:0 none; margin:0; padding:0;}
dl,ul,ol,li, dt, dd{margin:0px; padding:0px; list-style:none;}
table{border-collapse:collapse;}
h1, h2, h3, h4, h5, h6, p{margin:0px; padding:0px;}
nav, header, footer, section, aside, article{display:block;}
input[type=text], input[type=button], select{color:#454545;}
input[type=submit]{cursor:pointer;}
input{vertical-align:middle;font-family:'Nanum Gothic','나눔 고딕','Malgun Gothic', '맑은 고딕', Dotum, Gulim, Arial, Verdana, sans-serif; }
a{text-decoration:none; color:#333;}
textarea{font-family:'Nanum Gothic','나눔 고딕','Malgun Gothic', '맑은 고딕'}

/*header*/
.mobile_menu{display:none;}
.main_header{border-top:20px solid #b21f24; border-bottom:6px solid #8f8f8f; height:138px; position:fixed; width:100%; top:0; background:#000; z-index:10000; transition-duration:0.3s;}
.main_header.active{border-bottom:6px solid #b21f24;}
.sub_container, .main_container{padding-top:138px;}
.header_wrap{position:relative;}
.logo{padding:26px 0 0; position:absolute; left:65px;}
.logo img{display:block;}
.navigation{text-align:center;}
.navigation > ul{font-size:0;}
.deth_1{display:inline-block; zoom:1; *display:inline; margin-left:60px; font-weight:600; transition-duration:0.3s;}
.deth_1 > a{font-size:17px; display:block; height:112px; line-height:130px; border-bottom:9px solid #000; transition-duration:0.3s; color:#fff}
.deth_1:hover > a{border-bottom:9px solid #b21f24;}
.deth_2{position:absolute; top:112px; left:0; right:0; height:0; overflow:hidden; z-index:99999; transition-duration:0.3s;}
.deth_2 > div{background:rgba(178,31,36,0.95);  padding:35px 0;  }
.deth_1:hover .deth_2{transition-duration:0.3s; opacity:1; height:95px;}
.deth_2 li{display:inline-block; zoom:1; *display:inline; margin:0 30px;}
.deth_2 a{font-size:18px; color:#fff; display:block; padding-bottom:5px;}
.deth_2 a:hover{border-bottom:3px solid #fff;}
.navigation > ul > li:first-child{margin-left:0;}
.sub_navi{position:absolute; right:65px; top:45px;}
.sub_navi li{display:inline-block; zoom:1; *display:inline; margin-left:30px; font-weight:600; vertical-align:middle;}
.sub_navi li a{display:block; font-size:15px; color:#fff;}
.sub_navi li img{width:28px; display:block;}

/*body*/
.camera li{height:700px; background-size:cover !important;}
.m_content{background:#000;}
.m_content > div{margin:0 auto; /*background:rgba(255,255,255,0.15);*/ width:1120px; padding-bottom:150px;}
.content_h2{text-align:center; color:#fff; font-size:30px; position:relative; display:table;  padding:0 35px;}
.content_h2 > div{display:table-cell; width:50%;}
.content_h2 .content_title{padding:0 40px; width:auto; white-space: nowrap; font-size:26px;}
.m_title_bar{}
.m_title_bar span{background:#d8d8d8; height:4px; display:inline-block; width:100%; vertical-align:middle;}

.shop_banner{font-size:0; text-align:center;}
.shop_banner li{display:inline-block; zoom:1; *display:inline; margin:0 8px 16px;}
.shop_banner img, .shop_banner a{display:block;}
.news_wrap{padding:0 35px;}
.news_wrap > div{max-width:1048px; overflow:hidden;}
.news_wrap > div > div{}
.news_wrap img{display:block;}
.notice{background:#b21f24; width:300px; min-width:300px; float:left; height:342px;}
.notice > div{padding:30px; position:relative;}
.notice_more{position:absolute; top:40px; right:30px; color:#fff; font-size:15px; transition-duration:0.3s;}
.notice_more:hover{opacity:0.7}
.notice ul{margin-top:15px;}
.notice li a{font-size:16px; display:block; color:#fff; padding:5px 0; transition-duration:0.3s;}
.notice li a:hover{opacity:0.7;}
.notice li{margin-top:8px; padding-top:8px; border-top:1px dotted #d48183;}
.notice li:first-child{margin-top:0; padding-top:0; border-top:0;}
.notice h3{font-size:30px; font-weight:600; color:#fff; border-bottom:2px solid #d48183; padding-bottom:15px;}
.game{background:#e6e6e6; width:448px; float:right;}
.game ul{}
.game li{padding:0 51px;}
.game li > div{border-top:3px solid #a8a8a8;}
.game li > div:first-child {border-top:0;}
.game li img{margin:0 auto;}

.bx-wrapper{position:relative;}
.bx-wrapper .bx-pager {text-align: center; font-size: .85em;font-family: Arial;font-weight: bold;color: #666;padding-top: 0; margin:0 auto;position:absolute; bottom:20px; right:0; z-index:1000; width:100%;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;	*zoom: 1; *display: inline;}
.game .bx-wrapper .bx-controls-direction a {position: absolute; top:0; outline: 0; width:38px; height:342px; text-indent: -1000px; z-index: 1000; overflow:hidden;}
.game .bx-wrapper .bx-prev {left: 0; background: url('../images/left_arrow.gif') no-repeat 0 0px;}
.game .bx-wrapper .bx-next {right: 0; background: url('../images/right_arrow.gif') no-repeat 0 0;}

.event{width:300px; float:right;}
.event img{width:100%;}
.joy_slogun{display:block; margin:0 auto; max-width:100%; background:url('../images/12.gif') center top no-repeat; height:200px;}

footer{background:#050505; padding-top:65px;}
footer article{text-align:center; color:#fff; font-size:15px; padding:15px 0 30px; background:#000;}
footer > div{width:1120px; margin:0 auto; padding-bottom:35px; overflow:hidden;}
.f_logo{text-align:center; float:left; margin-right:40px;}
.f_logo p{font-size:12px; color:#fff; line-height:20px;}
.footer_content{font-size:0;}
.footer_content > div{display:inline-block; zoom:1; *display:inline; font-size:14px; vertical-align:top; margin-left:35px;}
.footer_content > div:first-child{margin-left:0;}
.footer_content h3{font-size:17px; color:#fff;}
.footer_content li{margin-top:15px;color:#fff; font-size:14px;}
.footer_content a{color:#fff; font-size:14px;}
.sns_icon li{display:inline-block; zoom:1; *display:inline; margin-right:10px;}
#instafeed{padding:0 25px; margin-top:40px; font-size:0;}
#instafeed > div{display:inline-block; zoom:1; *display:inline; width:25%; vertical-align:top;}
#instafeed a{padding:10px;}
#instafeed a{display:block; width:100%; height:100%;}
#instafeed > div div{padding:15px;  background:#f0f0f0;}
#instafeed a p{color:#353535; font-size:14px; line-height:22px; height:70px; overflow:hidden; text-overflow: ellipsis;}
#instafeed a img{height:247px; width:100%;}


.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}
.mt110{margin-top:110px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}
.pt70{padding-top:70px;}
.pt80{padding-top:80px;}
.pt90{padding-top:90px;}
.pt100{padding-top:100px;}
.pt110{padding-top:110px;}
.pl15{padding-left:15px;}
.pr15{padding-right:15px;}

@media screen and (max-width:860px){
.mobile_menu{display:block;}

.main_header{border-top:10px solid #b21f24; height:100px;}
.logo{left:15px;}
.logo img{width:210px; display:block;}
.navigation, .sub_navi{display:none;}
.mobile_menu .sub_navi{display:block; font-size:0; position:static; text-align:center; border-bottom:2px solid #666;}
.sub_navi li{margin-left:0; width:50%; font-size:13px;}
.sub_navi li img{display:inline-block; zoom:1; *display:inline; width:20px;}
.sub_navi li a{display:block; height:33px; line-height:33px; border-left:1px solid #666; color:#fff;}
.sub_navi li:first-child a{border-left:0;}
.camera li{height:320px;}
.m_content{text-align:center;}
.m_content > div{width:auto; font-size:0;}
.notice, .event{width:auto; float:none; display:inline-block; zoom:1; *display:inline; vertical-align:middle; text-align:left; margin:0 20px;}
.notice > div{padding:15px;}
.game{background:transparent; width:auto; float:none; margin-top:20px;}
.game .bx-wrapper{background:#e6e6e6;}

footer > div{width:auto; padding-left:20px; padding-right:20px; position:relative;}
.f_logo{float:none; position:absolute; left:20px; top:0;}
.footer_content{padding-left:290px; margin-top:-30px;}
.footer_content > div{margin-top:30px}
.footer_content > div.address_info{margin-left:0;}
#instafeed{padding:0 10px;}
#instafeed a{padding:10px;}
#instafeed article{padding-top:100%; position:relative;}
#instafeed a img{position:absolute; height:100%; top:0; left:0;}
}

.quick{position:fixed; bottom:50px; right:50px;}
.instagram_a img{width:63px;}
.quick a, .quick img{display:block;}
.quick a + a{margin-top:5px;}
.quickfx{position:fixed; top:250px;}
@media screen and (max-width:640px){
#hd_pop{width:100%;}
#hd_pop > div{top:10px !important; left:10px !important; right:10px;}
.hd_pops_con{width:auto !important; height:auto !important; font-size:0;}
.hd_pops_con table{width:100% !important;}
.hd_pops_con img{width:100% !important; height:auto !important;}
.logo img{width:140px;}
.logo{padding-top:31px;}
.shop_banner li{width:50%; margin:0; margin-bottom:20px;}
.shop_banner li a{padding:0 20px;}
.shop_banner li img{width:100%;}
.content_h2{padding:0 20px; font-size:25px;}
.m_title_bar span{height:2px;}
.game li img{max-width:100%;}
.quick{right:10px; bottom:10px; left:inherit;}
.quick img{width:50px;}
.game .bx-wrapper .bx-controls-direction a{background-size:100%; width:23px; height:100%; background-color:#cbcbcb;}
.game .bx-wrapper .bx-prev {left: 0; background: url('../images/left_arrow.gif') no-repeat 0 center;}
.game .bx-wrapper .bx-next {right: 0; background: url('../images/right_arrow.gif') no-repeat 0 center;}
.notice h3{font-size:20px;}
.notice_more{top:17px; right:15px; font-size:14px;}
.notice{height:auto;}
.notice, .event{width:auto; display:block; margin:0;}
.event{margin-top:20px;}
.news_wrap{padding:0 20px;}
.footer_content{padding-left:0;}
.f_logo{position:static; margin-right:0;}
.f_logo img{width:150px;}
.footer_content{margin-top:20px;}
.footer_content > div{margin-left:0; width:auto; display:block;}
.camera li{height:180px;}
.notice li a{font-size:15px;}
.joy_slogun{height:150px; background-size:cover;}
.sub_container, .main_container{padding-top:100px;}
#instafeed{padding:0 10px;}
#instafeed > div{width:50%;}
#instafeed a{padding:10px;}
#instafeed article{padding-top:100%; position:relative;}
#instafeed a img{position:absolute; height:100%; top:0; left:0;}
}