/* layout */
html {width:100%; overflow-x:hidden;}
body {width:100%; overflow-x:hidden; background:url('../images/bg/bg_body.gif') left top repeat;}
body{position:relative; width:100%;}
html, body{

-ms-touch-action:pan-y;
touch-action:pan-y;
-webkit-touch-callout: none;
-webkit-text-size-adjust: none;
/*-webkit-user-select: none;*/
-webkit-tap-highlight-color: rgba(0,0,0,0);

overflow-x:hidden !important;
}

#allwrap {position:relative; width:100%; min-width:320px;}
#allwrap:after {content:""; display:block; clear:both;}
#wrap {width:100%; overflow:hidden;}
#mlogo {display:none;}


/* 하위브라우저 체크 */
#ieUser {position:fixed; left:0; top:0; width:100%; height:83px; background:#083457; overflow:hidden; z-index:9999999;}
#ieUser .iewrap {position:relative; max-width:1200px; margin:28px auto 0;}
#ieUser .iewrap p.img {float:left; padding:0 10px 0 0;}
#ieUser .iewrap p.txt {float:left; color:#fff; padding:8px 0 0 0;}
#ieUser .iewrap p.btn {position:absolute; right:0; top:0; cursor:pointer;}
#ieUser .iewrap ul {float:left; margin:0 0 0 20px;}
#ieUser .iewrap ul li {float:left; padding:0 12px 0 0;}


/* today layer popup */
div.popup001 {border:3px #333 solid; background:#fff repeat left top;}
h1.popup { padding:15px 0 0 19px; height:64px; float:none; }
div.popup002 { padding:0px 0px; line-height:130%; }
p.popup-close {position:relative; height:30px; background:#000;}
p.popup-close input, p.popup-close img {vertical-align:middle;}
p.popup-close input {margin:-2px 5px 0 10px;}
p.popup-close label{padding:0 0 0 4px;}
p.popup-close a.today{color:#fff;text-decoration:none;line-height:30px;padding:0 10px 0 0;}
p.popup-close .close {position:absolute; right:10px; top:0; color:#fff; line-height:32px; cursor:pointer;}


/* main section */
#mainSection {position:relative; width:100%; height:100%; min-height:860px; overflow:hidden; z-index:999;}
#mainSection #interBox {position:relative; padding:20px 0 0 0;}
#mainSection #interBox:after {content:""; display:block; clear:both;}

#toyBox {transition:all .8s;}
#toyBox2 {transition:all .8s;}
#toyBox.on {top:-100vh;}
#toyBox2.on {top:-100vh;}


#mainSection #interBox .listPrev {position:fixed; left:0; top:50%; margin:-25px 0 0 0; z-index:90;}
#mainSection #interBox .listNext {position:fixed; right:0; top:50%; margin:-25px 0 0 0; z-index:90;}
#mainSection #interBox .clistPrev img {margin:-8px 0 0 0; padding:0 15px;}
#mainSection #interBox .clistNext img {margin:-8px 0 0 0; padding:0 15px;}
#mainSection #interBox .mlistPrev {display:none;}
#mainSection #interBox .mlistNext {display:none;}


/* center navi */
#centerNavi {position:absolute; left:50%; top:0; width:320px; margin:0 0 0 -160px; z-index:90;}
#centerNavi #logo {display:none; position:absolute; left:50%; top:50%; margin:-80px 0 0 -65px;}

#centerNavi #openMenu {width:100%; overflow:hidden;}
#centerNavi #openMenu a {display:block; font-size:0; line-height:0; width:38px; padding:0 5px; margin:28px auto 0;}
#centerNavi #openMenu a span {position:relative; display:inline-block; width:0; height:2px; margin:12px 0 0 0; background:#ee6b23;}
#centerNavi #openMenu a span i {position:absolute; left:0; top:0; display:inline-block; width:0; height:2px; background:#fff; text-decoration:none;}

#centerNavi #listPage {display:none; position:absolute; left:0; top:106px; width:100%; text-align:center; overflow:hidden;}
#centerNavi #listPage .title {font-family:'Monda'; font-size:38px; color:#565553; font-weight:600; padding:40px 0 0 0; background:url('../images/bg/bg_list_page.png') center top no-repeat;}
#centerNavi #listPage .title span {font-family:'Monda'; display:block; font-size:38px;}
#centerNavi #listPage .paging {font-family:'Monda'; font-size:18px; color:#565553; font-weight:400; line-height:1.2; padding:14px 0 0 0;}
#centerNavi #listPage .paging strong {font-family:'Monda'; font-size:18px; color:#ee6b23; font-weight:400;}
#centerNavi #listPageMobile {display:none;}

#centerNavi #fInfo {display:none; position:absolute; left:0; bottom:-200px; width:100%; z-index:1;}
#centerNavi #fInfo:after {content:""; display:block; clear:both;}
#centerNavi #fInfo .scrollInfo {position:absolute; left:0; top:-95px; display:none !important; width:100%; text-align:center; overflow:hidden;}

#centerNavi #fInfo .suggestion {width:100%; text-align:center; overflow:hidden;}
#centerNavi #fInfo .suggestion a {display:inline-block; padding:14px 16px 14px 20px; /*background:url('../images/bg/bg_suggestion.png') left top repeat; */ background:#2a2724; transition:all ease 0.3s;}
#centerNavi #fInfo .suggestion a span {font-family:'Monda'; font-size:13px; color:#de671e; font-weight:400; padding:0 13px 0 0; background:url('../images/bg/bg_suggestion_span.png') right 5px no-repeat;}
#centerNavi #fInfo .suggestion a:hover {background:#ee6b23;}
#centerNavi #fInfo .suggestion a:hover span {color:#fff; background:url('../images/bg/bg_suggestion_span_hover.png') right 50% no-repeat;}

#centerNavi #fInfo .tel {width:100%; text-align:center; margin:25px 0 18px 0; overflow:hidden;}
#centerNavi #fInfo .tel ul:after {content:""; display:block; clear:both;}
#centerNavi #fInfo .tel ul li {font-family:'Monda'; font-size:13px; color:#82807c; line-height:1.1; padding:0 0 6px 0; font-weight:400;}
#centerNavi #fInfo .tel ul li span {font-family:'Monda'; font-size:13px; color:#a3a09c; font-weight:400;}
#centerNavi #fInfo address {width:100%; text-align:center; padding:0 0 34px 0; overflow:hidden;}
#centerNavi #fInfo address p {font-size:13px; color:#75736f; line-height:1.2; padding:0 0 6px 0;}
#centerNavi #fInfo address p.copyRight {font-size:12px;}
#centerNavi #fInfo address p.copyRight strong {font-size:12px; line-height:1.2; font-weight:600;}

#centerNavi #fInfo .downBtn {position:absolute; left:50%; top:-60px; width:24px; margin:0 0 0 -12px; z-index:99; opacity:0;}
#centerNavi #fInfo .downBtn .bar {position:absolute; left:50%; top:0; width:24px; height:35px; margin:0 0 0 -12px; background:url('../images/bg/bg_scroll_down.png') left top no-repeat;}
#centerNavi #fInfo .downBtn .bar img {position:absolute; left:50%; top:8px; margin:0 0 0 -1px;}
#centerNavi #fInfo .downBtn .bar img.on {margin-top:10px;}

#navigation {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:url('../images/bg/bg_navi.png') left top repeat; z-index:9999;}
#navigation #closeBtn {position:absolute; left:50%; top:30px; width:52px; height:52px; margin:0 0 0 -26px; border:1px #454340 solid;}
#navigation #closeBtn a.web {display:none; font-size:0; line-height:0; width:100%; height:100%; text-align:center;}
#navigation #closeBtn a.web span {position:relative; display:inline-block; width:32px; height:2px; margin:12px 0 0 0; background:#676560;}
#navigation #closeBtn a.web span i {position:absolute; left:0; top:0; display:inline-block; width:0; height:2px; background:#de6720; text-decoration:none;}
#navigation #closeBtn a.web span.t01 {margin:20px 0 0 0;}
#navigation #closeBtn a.web span.t02 {margin:-20px 0 0 0;}
#navigation #closeBtn:hover {border:1px #de6720 solid;}
#navigation #closeBtn:hover a.web span i {width:100%;}

#navigation #closeBtn a.mobile {display:block; width:52px; height:52px; background:url('../images/bg/bg_navi_m_close.png') left top no-repeat; background-size:52px 52px;}
#navigation #closeBtn a.mobile:hover {background:url('../images/bg/bg_navi_m_close_hover.png') left top no-repeat; background-size:52px 52px;}


#navigation #naviWrap {position:absolute; left:0; top:140px; width:100%; text-align:center; overflow:hidden;}
#navigation #navi {width:100%; overflow:hidden;}
#navigation #navi ul {text-align:center;}
#navigation #navi ul:after {content:""; display:block; clear:both;}
#navigation #navi ul li {
	-webkit-animation-duration: 0.8s;
	animation-duration: 0.8s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

#navigation #navi ul li a {display:inline-block; font-family:'Monda'; font-size:32px; color:#fff; line-height:1.2; padding:8px 0;}
#navigation #navi ul li a:hover {color:#dc6b37; background:url('../images/bg/bg_navi_through_depth.gif') left 52% repeat-x; transition:color 0.2s ease-in-out;}
#navigation #navi ul li a.hover {color:#dc6b37; background:url('../images/bg/bg_navi_through_depth.gif') left 52% repeat-x;}
#navigation #navi ul li ul {display:none; padding:8px 0;}
#navigation #navi ul li ul li a {font-size:19px; color:#999; padding:5px 0;}
#navigation #navi ul li ul li a:hover {color:#dc6b37; background:url('../images/bg/bg_navi_through_depth.gif') left 52% repeat-x;}

#navigation #snb {display:inline-block; text-align:center; padding:16px 0 0 0; margin:18px 0 0 0; border-top:1px #666 solid;}
#navigation #snb:after {content:""; display:block; clear:both;}
#navigation #snb ul:after {content:""; display:block; clear:both;}
#navigation #snb ul li {}
#navigation #snb ul li.bucket a {color:#dc6b37;}
#navigation #snb ul li a {display:inline-block; font-family:'Monda'; font-size:16px; color:#999; line-height:1.2; padding:8px 0; transition:color 0.2s ease-in-out;}
#navigation #snb ul li a:hover {color:#dc6b37; background:url('../images/bg/bg_navi_through_depth.gif') left 52% repeat-x;}

#navigation #sns {width:100%; margin:18px 0 0 0; overflow:hidden;}
#navigation #sns ul:after {content:""; display:block; clear:both;}
#navigation #sns ul li {font-size:0; line-height:0;}
#navigation #sns ul li span {display:inline-block; padding:0 4px;}

#navigation #briefLink {width:100%; margin:45px 0 0 0; text-align:center; overflow:hidden;}
#navigation #briefLink a {display:inline-block; font-family:'Monda'; font-size:12px; color:#d4d4d3; line-height:1.2; padding:58px 0 0 0; background:url('../images/bg/bg_navi_brief.png') center top no-repeat; transition:all 0.2s ease-in-out;}
#navigation #briefLink a:hover {color:#dc6b37; background:url('../images/bg/bg_navi_brief_on.png') center top no-repeat; background-position:center top 4px;}



.slipNo .sliphoveritemTitle{display:none !important;}


/* toy */
#toyBox {position:relative; margin:0 50px; top:0;}
#toyBox:after {content:""; display:block; clear:both;}
#toyBox .pbox {position:relative;}
#toyBox .pbox:after {content:""; display:block; clear:both;}
#toyBox .pbox .outwrap {position:relative; display:block; width:100%; height:100%; overflow:hidden;}
#toyBox .pbox .inwrap {width:245px; margin:0 auto; overflow:hidden;}
#toyBox .pbox .inwrap .bxHeight {display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center; word-break:keep-all;}
#toyBox .pbox .inwrap .imgArea {width:100%; overflow:hidden; padding:0 0 10px 0;}
#toyBox .pbox .inwrap .imgArea img {width:100%;}
#toyBox .pbox .inwrap .txtArea {width:100%; overflow:hidden;}
#toyBox .pbox .inwrap .txtArea .category {font-family:'Monda'; font-size:15px; color:#74726f; padding:0 0 6px 0; font-weight:400;}
#toyBox .pbox .inwrap .txtArea .subject {font-family:'Monda','NanumSquareR'; font-size:30px; color:#6b6966; font-weight:600; line-height:1.2; padding:0 0 10px 0;}
#toyBox .pbox .inwrap .txtArea .subject span {font-family:'Monda','NanumSquareR'; font-size:30px; color:#a19e99;}
#toyBox .pbox .inwrap .txtArea .new {position:absolute; right:30px; top:0; width:33px; height:55px; background:url('../images/bg/bg_main_new.png') left top no-repeat;}
#toyBox .pbox .inwrap .txtArea .new span {display:inline-block; font-family:'Monda'; font-size:11px; color:#fff; padding:25px 2px 0 0; text-align:center;}


#toyBox #dpopBox01 {position:absolute; left:120%; top:0; background:#4a4744;}
#toyBox #dpopBox01 .category {color:#73716e;}
#toyBox #dpopBox01 .subject {color:#73716e;}
#toyBox #dpopBox02 {position:absolute; left:120%; top:0; background:#262221;}
#toyBox #dpopBox02 .category {color:#61605e;}
#toyBox #dpopBox02 .subject {color:#61605e;}
#toyBox #dpopBox03 {position:absolute; left:120%; top:0; background:#474340;}
#toyBox #dpopBox03 .category {color:#73716e;}
#toyBox #dpopBox03 .subject {color:#73716e;}
#toyBox #dpopBox04 {position:absolute; left:120%; top:0; background:#282522;}
#toyBox #dpopBox04 .category {color:#61605e;}
#toyBox #dpopBox04 .subject {color:#61605e;}
#toyBox #dpopBox05 {position:absolute; left:120%; top:0; background:#35312f;}
#toyBox #dpopBox05 .category {color:#61605e;}
#toyBox #dpopBox05 .subject {color:#61605e;}
#toyBox #dpopBox06 {position:absolute; left:120%; top:0; background:#403d39;}
#toyBox #dpopBox06 .category {color:#73716e;}
#toyBox #dpopBox06 .subject {color:#73716e ;}
#toyBox #dpopBox07 {position:absolute; left:120%; top:0; background:#22201d;}
#toyBox #dpopBox07 .category {color:#61605e;}
#toyBox #dpopBox07 .subject {color:#61605e;}
#toyBox #dpopBox08 {position:absolute; left:120%; top:0; background:#3a3835;}
#toyBox #dpopBox08 .category {color:#73716e;}
#toyBox #dpopBox08 .subject {color:#73716e;}

#toyBox2 {position:relative; margin:0 50px; top:0vh;}
#toyBox2:after {content:""; display:block; clear:both;}
#toyBox2 .pbox {position:relative;}
#toyBox2 .pbox:after {content:""; display:block; clear:both;}
#toyBox2 .pbox .outwrap {position:relative; display:block; width:100%; height:100%; overflow:hidden;}
#toyBox2 .pbox .inwrap {width:245px; margin:0 auto; overflow:hidden;}
#toyBox2 .pbox .inwrap .bxHeight {display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center; word-break:keep-all;}
#toyBox2 .pbox .inwrap .imgArea {width:100%; overflow:hidden; padding:0 0 10px 0;}
#toyBox2 .pbox .inwrap .imgArea img {width:100%;}
#toyBox2 .pbox .inwrap .txtArea {width:100%; overflow:hidden;}
#toyBox2 .pbox .inwrap .txtArea .category {font-family:'Monda'; font-size:15px; color:#74726f; padding:0 0 6px 0; font-weight:400;}
#toyBox2 .pbox .inwrap .txtArea .subject {font-family:'Monda','NanumSquareR'; font-size:30px; color:#6b6966; font-weight:600; line-height:1.2; padding:0 0 10px 0;}
#toyBox2 .pbox .inwrap .txtArea .subject span {font-family:'Monda','NanumSquareR'; font-size:30px; color:#a19e99;}
#toyBox2 .pbox .inwrap .txtArea .new {position:absolute; right:30px; top:0; width:33px; height:55px; background:url('../images/bg/bg_main_new.png') left top no-repeat;}
#toyBox2 .pbox .inwrap .txtArea .new span {display:inline-block; font-family:'Monda'; font-size:11px; color:#fff; padding:25px 2px 0 0; text-align:center;}

#toyBox2 #dpopBox01 {position:absolute; left:120%; top:0; background:#4a4744;}
#toyBox2 #dpopBox01 .category {color:#73716e;}
#toyBox2 #dpopBox01 .subject {color:#73716e;}
#toyBox2 #dpopBox02 {position:absolute; left:120%; top:0; background:#262221;}
#toyBox2 #dpopBox02 .category {color:#61605e;}
#toyBox2 #dpopBox02 .subject {color:#61605e;}
#toyBox2 #dpopBox03 {position:absolute; left:120%; top:0; background:#474340;}
#toyBox2 #dpopBox03 .category {color:#73716e;}
#toyBox2 #dpopBox03 .subject {color:#73716e;}
#toyBox2 #dpopBox04 {position:absolute; left:120%; top:0; background:#282522;}
#toyBox2 #dpopBox04 .category {color:#61605e;}
#toyBox2 #dpopBox04 .subject {color:#61605e;}
#toyBox2 #dpopBox05 {position:absolute; left:120%; top:0; background:#35312f;}
#toyBox2 #dpopBox05 .category {color:#61605e;}
#toyBox2 #dpopBox05 .subject {color:#61605e;}
#toyBox2 #dpopBox06 {position:absolute; left:120%; top:0; background:#403d39;}
#toyBox2 #dpopBox06 .category {color:#73716e;}
#toyBox2 #dpopBox06 .subject {color:#73716e ;}
#toyBox2 #dpopBox07 {position:absolute; left:120%; top:0; background:#22201d;}
#toyBox2 #dpopBox07 .category {color:#61605e;}
#toyBox2 #dpopBox07 .subject {color:#61605e;}
#toyBox2 #dpopBox08 {position:absolute; left:120%; top:0; background:#3a3835;}
#toyBox2 #dpopBox08 .category {color:#73716e;}
#toyBox2 #dpopBox08 .subject {color:#73716e;}
#toyBox2 #dpopBox09 {position:absolute; left:120%; top:0; background:#4a4744;}
#toyBox2 #dpopBox09 .category {color:#73716e;}
#toyBox2 #dpopBox09 .subject {color:#73716e;}
#toyBox2 #dpopBox10 {position:absolute; left:120%; top:0; background:#262221;}
#toyBox2 #dpopBox10 .category {color:#61605e;}
#toyBox2 #dpopBox10 .subject {color:#61605e;}
#toyBox2 #dpopBox11 {position:absolute; left:120%; top:0; background:#474340;}
#toyBox2 #dpopBox11 .category {color:#73716e;}
#toyBox2 #dpopBox11 .subject {color:#73716e;}
#toyBox2 #dpopBox12 {position:absolute; left:120%; top:0; background:#282522;}
#toyBox2 #dpopBox12 .category {color:#61605e;}
#toyBox2 #dpopBox12 .subject {color:#61605e;}
#toyBox2 #dpopBox13 {position:absolute; left:120%; top:0; background:#35312f;}
#toyBox2 #dpopBox13 .category {color:#61605e;}
#toyBox2 #dpopBox13 .subject {color:#61605e;}
#toyBox2 #dpopBox14 {position:absolute; left:120%; top:0; background:#403d39;}
#toyBox2 #dpopBox14 .category {color:#73716e;}
#toyBox2 #dpopBox14 .subject {color:#73716e ;}
#toyBox2 #dpopBox15 {position:absolute; left:120%; top:0; background:#22201d;}
#toyBox2 #dpopBox15 .category {color:#61605e;}
#toyBox2 #dpopBox15 .subject {color:#61605e;}
#toyBox2 #dpopBox16 {position:absolute; left:120%; top:0; background:#3a3835;}
#toyBox2 #dpopBox16 .category {color:#73716e;}
#toyBox2 #dpopBox16 .subject {color:#73716e;}


/* bg loading */
#bgLoading {display:none; position:fixed; left:0; top:0; width:100%; height:100%; text-align:center; background:url('../images/bg/bg_navi.png') left top repeat; z-index:9999;}
#bgLoading p {positioN:absolute; left:50%; top:50%; margin:-15px 0 0 -15px; font-family:'Monda'; font-size:13px; color:#fff;}
#bgLoading p img {width:30px; padding:0 0 10px 0;}



/* letterLogo */
#letterLogo {position:absolute; left:50%; top:0; width:320px; margin:0 0 0 -160px; z-index:90;}
#letterLogo .llogo {display:none; position:absolute; left:50%; top:50%; margin:-114px 0 0 -132px;}
.letterView {display:none;}







/* Hover slide */
.slip {position:relative; width:100%; overflow:hidden; z-index:5;}
.sliphoveritemTitle {filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000,endColorstr=#60000000); zoom: 1;}
.sliphoveritemTitle .area {position:absolute; left:0; top:20%; width:100%; overflow:hidden; word-break:keep-all;}
.sliphoveritemTitle .area h2 {width:100%; font-family:'Monda','NanumSquareR'; font-size:40px; color:#fff; font-weight:400; text-align:center; letter-spacing:-1.5px; line-height:1.1; padding:0 0 18px 0; background:url('../images/bg/bg_main_slip_h2.gif') 50% bottom no-repeat; overflow:hidden;}
.sliphoveritemTitle .area h2.head {font-size:16px; font-weight:400;}
.sliphoveritemTitle .area .tit {width:100%; font-family:'Monda','NanumSquareR'; font-size:17px; color:#fff; font-weight:400; text-align:center; padding:20px 0 28px; letter-spacing:-1px; line-height:1.4; overflow:hidden;}
.sliphoveritemTitle .area .txt {font-family:'Monda','NanumSquareR'; font-size:34px; color:#fff; font-weight:400; text-align:center; padding:20px 20px 28px; line-height:1.2; letter-spacing:-1px; overflow:hidden;}
.sliphoveritemTitle .area .more {width:100%; text-align:center; overflow:hidden;}
.sliphoveritemTitle .area .more a {display:inline-block; width:142px; background:#fff; border-radius:50px;}
.sliphoveritemTitle .area .more a span {display:inline-block; font-family:'Monda'; font-size:14px; color:#ff7130; font-weight:400; padding:14px 26px 14px 0; background:url('../images/bg/bg_read_more_arrow.png') right 50% no-repeat;}

































/************** media query start ***************************************/
/************** media query 1900 *************/
@media all and (max-width: 1900px){

/* toy box */
#toyBox {position:relative; width:auto; overflow:hidden;}
#toyBox .pbox {width:20%;}

#toyBox2 {position:relative; width:auto; overflow:hidden;}
#toyBox2 .pbox {width:20%;}

}





/************** media query 1440 *************/
@media all and (max-width: 1440px){

#centerNavi #fInfo .downBtn {display:none !important; }

/* navi */
#centerNavi {position:fixed;}
#centerNavi #fInfo address {padding:0 0 14px 0;}

/* toy box */
#toyBox {height:1870px; top:auto;}

#toyBox #dpopBox03 {background:#35312f;}
#toyBox #dpopBox03 .category {color:#61605e;}
#toyBox #dpopBox03 .subject {color:#61605e;}

#toyBox #dpopBox04 {background:#403d39;}
#toyBox #dpopBox04 .category {color:#73716e;}
#toyBox #dpopBox04 .subject {color:#73716e ;}

#toyBox #dpopBox05 {background:#474340;}
#toyBox #dpopBox05 .category {color:#73716e;}
#toyBox #dpopBox05 .subject {color:#73716e;}

#toyBox #dpopBox06 {background:#282522;}
#toyBox #dpopBox06 .category {color:#61605e;}
#toyBox #dpopBox06 .subject {color:#61605e;}



#toyBox2 {height:1870px; top:auto;}

#toyBox2 #dpopBox03 {background:#35312f;}
#toyBox2 #dpopBox03 .category {color:#61605e;}
#toyBox2 #dpopBox03 .subject {color:#61605e;}

#toyBox2 #dpopBox04 {background:#403d39;}
#toyBox2 #dpopBox04 .category {color:#73716e;}
#toyBox2 #dpopBox04 .subject {color:#73716e ;}

#toyBox2 #dpopBox05 {background:#474340;}
#toyBox2 #dpopBox05 .category {color:#73716e;}
#toyBox2 #dpopBox05 .subject {color:#73716e;}

#toyBox2 #dpopBox06 {background:#282522;}
#toyBox2 #dpopBox06 .category {color:#61605e;}
#toyBox2 #dpopBox06 .subject {color:#61605e;}

#toyBox2 #dpopBox11 {background:#35312f;}
#toyBox2 #dpopBox11 .category {color:#61605e;}
#toyBox2 #dpopBox11 .subject {color:#61605e;}

#toyBox2 #dpopBox12 {background:#403d39;}
#toyBox2 #dpopBox12 .category {color:#73716e;}
#toyBox2 #dpopBox12 .subject {color:#73716e ;}

#toyBox2 #dpopBox13 {background:#474340;}
#toyBox2 #dpopBox13 .category {color:#73716e;}
#toyBox2 #dpopBox13 .subject {color:#73716e;}

#toyBox2 #dpopBox14 {background:#282522;}
#toyBox2 #dpopBox14 .category {color:#61605e;}
#toyBox2 #dpopBox14 .subject {color:#61605e;}



}






/************** media query 1000 *************/
@media all and (max-width: 1000px){

/* navi */
#centerNavi {width:240px; margin:0 0 0 -120px;}

/* toy box */
#toyBox .pbox .inwrap {width:200px;}
#toyBox .pbox .inwrap .imgArea img {width:200px;}
#toyBox .pbox .inwrap .txtArea .subject {font-size:26px;}
#toyBox .pbox .inwrap .txtArea .subject span {font-size:26px;}

#toyBox2 .pbox .inwrap {width:200px;}
#toyBox2 .pbox .inwrap .imgArea img {width:200px;}
#toyBox2 .pbox .inwrap .txtArea .subject {font-size:26px;}
#toyBox2 .pbox .inwrap .txtArea .subject span {font-size:26px;}

.sliphoveritemTitle .area h2 {font-size:34px;}
.sliphoveritemTitle .area .txt{font-size:28px;}

}






/************** media query 800 *************/
@media all and (max-width: 800px){

/* header */
#mlogo {position:fixed; left:50%; top:50%; margin:-63px 0 0 -65px;}
#mainSection {height:auto;}
#mainSection #interBox {padding:0 22px 424px;}
#mainSection #interBox .listPrev {position:absolute; left:5px; top:0; margin:25px 0 0 0;}
#mainSection #interBox .listNext {position:absolute; right:5px; top:0; margin:25px 0 0 0;}
#mainSection #interBox .clistPrev {display:none;}
#mainSection #interBox .clistNext {display:none;}
#mainSection #interBox .mlistPrev {display:block; position:absolute; left:5px; top:0; margin:15px 0 0 0;}
#mainSection #interBox .mlistNext {display:block; position:absolute; right:5px; top:0; margin:15px 0 0 0;}


/* navi */
#centerNavi {position:static; left:0; width:auto; height:140px; margin:0;}
#centerNavi #fInfo {bottom:-400px;}
#centerNavi #fInfo .suggestion a {padding:16px 18px 16px 22px;}
#centerNavi #fInfo .suggestion a span {font-size:24px; padding:0 24px 0 0; background:url('../images/bg/bg_suggestion_span_m.png') right 8px no-repeat;}

#centerNavi #fInfo .tel ul li {font-size:24px;}
#centerNavi #fInfo .tel ul li span {font-size:24px;}
#centerNavi #fInfo address {padding:0 0 65px 0;}
#centerNavi #fInfo address p {font-size:23px;}
#centerNavi #fInfo address p.copyRight {font-size:23px;}
#centerNavi #fInfo address p.copyRight strong {font-size:23px;}
#centerNavi #fInfo .scrollInfo img {display:none;}

#centerNavi #logo {}
#centerNavi #logo img {}
#centerNavi #openMenu {position:absolute; left:50%; top:0; width:42px; margin:0 0 0 -21px; z-index:2;}
#centerNavi #openMenu a {width:100%; padding:0; margin:15px 0 0 0;}
#centerNavi #openMenu a span {margin:14px 0 0 0;}

#centerNavi #listPage {position:relative; left:0; top:0; display:block; width:auto; font-size:0; padding:98px 0 0 0; z-index:1; background:url('../images/bg/bg_listpage_m.gif') left 107px repeat-x;}
#centerNavi #listPage .title {display:inline-block; font-size:18px; padding:0 12px; background:url('../images/bg/bg_body.gif') left top repeat;}
#centerNavi #listPage .title span {display:inline; font-size:18px;}
#centerNavi #listPage .paging {display:inline-block; font-size:18px; padding:0 12px 0 0; background:url('../images/bg/bg_body.gif') left top repeat;}
#centerNavi #listPage .paging strong {font-size:18px;}

#centerNavi #listPageMobile {display:block; padding:30px 0; margin:0 0 56px 0; text-align:center; border-bottom:1px #4c4843 solid;}
#centerNavi #listPageMobile .title {display:inline-block; font-family:'Monda'; font-size:18px; color:#75736f; font-weight:600; padding:0 12px;background:url('');}
#centerNavi #listPageMobile .paging {display:inline-block; font-family:'Monda'; font-size:18px; color:#676560; font-weight:400; padding:0 12px 0 0 ;}
#centerNavi #listPageMobile .paging strong {font-family:'Monda'; font-size:18px; color:#ee6b23; font-weight:400;}

#mainSection.mainIndex #centerNavi {height:100px;}
#mainSection.mainIndex #interBox {padding:0 22px 344px;}


#navigation #closeBtn {top:22px;}



/* toy box */
#toyBox {margin:0 20px;}
#toyBox {height:1412px; margin:0 0 0 -1.5%;}
#toyBox .pbox {display:block; float:left; width:48.5%; margin:0 0 10px 1.5%;}
#toyBox .pbox .inwrap {width:200px; height:344px;}
/*#toyBox .pbox .inwrap .imgArea {padding:26px 0 0 0;}*/
#toyBox .pbox .inwrap .imgArea img {width:100%;}
#toyBox .pbox .inwrap .txtArea {padding:4px 0 0 0;}
#toyBox .pbox .inwrap .txtArea .category {font-size:11px;}
#toyBox .pbox .inwrap .txtArea .subject {font-size:24px;}
#toyBox .pbox .inwrap .txtArea .subject span {font-size:24px;}

#toyBox #dpopBox01 {position:relative; left:0; top:0;}
#toyBox #dpopBox02 {position:relative; left:0; top:0;}
#toyBox #dpopBox03 {position:relative; left:0; top:0;}
#toyBox #dpopBox04 {position:relative; left:0; top:0;}
#toyBox #dpopBox05 {position:relative; left:0; top:0;}
#toyBox #dpopBox06 {position:relative; left:0; top:0;}
#toyBox #dpopBox07 {position:relative; left:0; top:0;}
#toyBox #dpopBox08 {position:relative; left:0; top:0;}

#toyBox2 {margin:0 20px;}
#toyBox2 {height:1412px; margin:0 0 0 -1.5%;}
#toyBox2 .pbox {display:block; float:left; width:48.5%; margin:0 0 10px 1.5%;}
#toyBox2 .pbox .inwrap {width:200px; height:344px;}
/*#toyBox .pbox .inwrap .imgArea {padding:26px 0 0 0;}*/
#toyBox2 .pbox .inwrap .imgArea img {width:100%;}
#toyBox2 .pbox .inwrap .txtArea {padding:4px 0 0 0;}
#toyBox2 .pbox .inwrap .txtArea .category {font-size:11px;}
#toyBox2 .pbox .inwrap .txtArea .subject {font-size:24px;}
#toyBox2 .pbox .inwrap .txtArea .subject span {font-size:24px;}

#toyBox2 #dpopBox01 {position:relative; left:0; top:0;}
#toyBox2 #dpopBox02 {position:relative; left:0; top:0;}
#toyBox2 #dpopBox03 {position:relative; left:0; top:0;}
#toyBox2 #dpopBox04 {position:relative; left:0; top:0;}
#toyBox2 #dpopBox05 {position:relative; left:0; top:0;}
#toyBox2 #dpopBox06 {position:relative; left:0; top:0;}
#toyBox2 #dpopBox07 {position:relative; left:0; top:0;}
#toyBox2 #dpopBox08 {position:relative; left:0; top:0;}

#toyBox2 #dpopBox09 {position:relative; left:0; top:0;}
#toyBox2 #dpopBox10 {position:relative; left:0; top:0;}
#toyBox2 #dpopBox11 {position:relative; left:0; top:0;}
#toyBox2 #dpopBox12 {position:relative; left:0; top:0;}
#toyBox2 #dpopBox13 {position:relative; left:0; top:0;}
#toyBox2 #dpopBox14 {position:relative; left:0; top:0;}
#toyBox2 #dpopBox15 {position:relative; left:0; top:0;}
#toyBox2 #dpopBox16 {position:relative; left:0; top:0;}


/* Hover slide */
.sliphoveritemTitle .area h2 {font-size:30px;}
.sliphoveritemTitle .area .tit {font-size:14px; padding:15px 0 23px;}
.sliphoveritemTitle .area .txt {font-size:20px; padding:15px 10px 23px;}
.sliphoveritemTitle .area .more a {width:130px;}
.sliphoveritemTitle .area .more a span {padding:10px 22px 10px 0;}



}



/************** media query 480 *************/
@media all and (max-width: 480px){


/* navi */
#centerNavi {height:80px;}
#mainSection #interBox {padding:0 22px 243px;}
#mainSection #interBox .listPrev {left:12px; margin:15px 0 0 0;}
#mainSection #interBox .listPrev img {width:28px;}
#mainSection #interBox .listNext {right:12px; margin:15px 0 0 0;}
#mainSection #interBox .listNext img {width:28px;}
#mainSection #interBox .mlistPrev {left:12px; margin:14px 0 0 0;}
#mainSection #interBox .mlistPrev img {width:28px;}
#mainSection #interBox .mlistNext {right:12px; margin:14px 0 0 0;}
#mainSection #interBox .mlistNext img {width:28px;}

#centerNavi #openMenu {width:24px; margin:0 0 0 -12px;}
#centerNavi #openMenu a {width:100%; padding:0; margin:11px 0 0 0;}
#centerNavi #openMenu a span {margin:7px 0 0 0;}

#centerNavi #listPage {padding:54px 0 0 0; background-position:left 61px;}
#centerNavi #listPage .title {font-size:10px; padding:0 8px;}
#centerNavi #listPage .title span {font-size:10px;}

#centerNavi #listPage .paging {font-size:10px; padding:0 8px 0 0;}
#centerNavi #listPage .paging strong {font-size:10px;}

#centerNavi #listPageMobile {padding:20px 0; margin:0 0 30px 0;}
#centerNavi #listPageMobile .title {font-size:10px; padding:0 8px;}
#centerNavi #listPageMobile .paging {font-size:10px; padding:0 8px 0 0;}
#centerNavi #listPageMobile .paging strong {font-size:10px;}


#centerNavi #fInfo .suggestion a {padding:13px 15px 13px 19px;}
#centerNavi #fInfo .suggestion a span {font-size:13px; padding:0 14px 0 0; background-size:7px 14px; background-position:right 4px;}
#centerNavi #fInfo .tel {margin:18px 0 11px;}
#centerNavi #fInfo .tel ul li {font-size:13px;}
#centerNavi #fInfo .tel ul li span {font-size:13px;}
#centerNavi #fInfo address {padding:0 0 20px 0;}
#centerNavi #fInfo address p {font-size:12px;}
#centerNavi #fInfo address p.copyRight {font-size:12px;}
#centerNavi #fInfo address p.copyRight strong {font-size:12px;}

#navigation #closeBtn {top:14px; width:26px; height:26px; padding:0; margin:0 0 0 -13px;}
#navigation #closeBtn a.web {display:none;}
#navigation #closeBtn a.mobile {display:block; width:26px; height:26px; background:url('../images/bg/bg_navi_m_close.png') left top no-repeat; background-size:26px 26px;}
#navigation #closeBtn a.mobile:hover {background:url('../images/bg/bg_navi_m_close_hover.png') left top no-repeat; background-size:26px 26px;}


#navigation #navi ul li a {font-size:21px; padding:5px 0;}
#navigation #navi ul li ul {padding:3px 0;}
#navigation #navi ul li ul li a {font-size:13px; padding:5px 0;}
#navigation #snb {margin:10px 0 0 0; padding:12px 0 0 0;}
#navigation #snb ul li a {font-size:11px; padding:5px 0;}
#navigation #sns {margin:12px 0 0 0;}
#navigation #sns ul li span img {width:30px;}

#navigation #briefLink {margin:20px 0 0 0;}
#navigation #briefLink a {font-size:11px; padding:36px 0 0 0; background-size:28px;}
#navigation #briefLink a:hover {background-size:28px; background-position:center top 3px;}


#mainSection.mainIndex #centerNavi {height:56px;}
#mainSection.mainIndex #interBox {padding:0 22px 210px;}




/* toy box */
#toyBox {height:796px;}
#toyBox .pbox {margin:0 0 5px 1.5%;}
#toyBox .pbox .inwrap {width:108px; height:194px;}
#toyBox .pbox .inwrap .imgArea {padding:0 0 5px 0;}
/*#toyBox .pbox .inwrap .imgArea {padding:16px 0 0 0;}*/
#toyBox .pbox .inwrap .txtArea {padding:4px 0 0 0;}
#toyBox .pbox .inwrap .txtArea .category {font-size:8px; padding:0 0 4px 0;}
#toyBox .pbox .inwrap .txtArea .subject {font-size:13px; line-height:1.2; padding:0 0 0 0;}
#toyBox .pbox .inwrap .txtArea .subject span {font-size:13px;}
#toyBox .pbox .inwrap .txtArea .new {right:15px; width:28px; height:45px; background-size:28px 45px; background-position:left -7px;}
#toyBox .pbox .inwrap .txtArea .new span {font-size:6px; padding:13px 2px 0 0; letter-spacing:-1px;}

#toyBox2 {height:796px;}
#toyBox2 .pbox {margin:0 0 5px 1.5%;}
#toyBox2 .pbox .inwrap {width:108px; height:194px;}
#toyBox2 .pbox .inwrap .imgArea {padding:0 0 5px 0;}
/*#toyBox .pbox .inwrap .imgArea {padding:16px 0 0 0;}*/
#toyBox2 .pbox .inwrap .txtArea {padding:4px 0 0 0;}
#toyBox2 .pbox .inwrap .txtArea .category {font-size:8px; padding:0 0 4px 0;}
#toyBox2 .pbox .inwrap .txtArea .subject {font-size:13px; line-height:1.2; padding:0 0 0 0;}
#toyBox2 .pbox .inwrap .txtArea .subject span {font-size:13px;}
#toyBox2 .pbox .inwrap .txtArea .new {right:15px; width:28px; height:45px; background-size:28px 45px; background-position:left -7px;}
#toyBox2 .pbox .inwrap .txtArea .new span {font-size:6px; padding:13px 2px 0 0; letter-spacing:-1px;}



/* Hover slide */
.sliphoveritemTitle .area h2 {font-size:20px; padding:0 0 10px 0; background-size:16px 1px;}
.sliphoveritemTitle .area .tit {font-size:8px; padding:8px 0 9px;}
.sliphoveritemTitle .area .txt {font-size:14px; padding:10px 10px 15px;}
.sliphoveritemTitle .area .more a {width:80px;}
.sliphoveritemTitle .area .more a span {font-size:10px; padding:6px 14px 6px 0; background-size:11px 10px;}



#letterLogo .llogo {display:none; position:absolute; left:50%; top:50%; margin:-57px 0 0 -66px;}
#letterLogo .llogo img {width:132px;}






}







html.fixed #toyBox.on {top:0; important;}
html.fixed #toyBox2 {display:none;}
html.fixed .downBtn {display:none;}