@font-face{
	font-family:'NanumSquareRoundR';
	font-weight: 300;
	src:url('little_font/NanumSquareRoundL.eot');
	src:local(『), url('little_font/NanumSquareRoundL.woff') format('woff');
	src:url('little_font/NanumSquareRoundL.eot?#iefix') format('embedded-opentype'),url('little_font/NanumSquareRoundL.woff') format('woff'),url('little_font/NanumSquareRoundL.ttf') format('truetype');url('little_font/NanumSquareRoundL.svg#NanumSquareRoundL') format('svg');
}


@font-face{
	font-family:'NanumSquareRoundR';
	font-weight: 400;
	src:url('little_font/NanumSquareRoundR.eot');
	src:local(『), url('little_font/NanumSquareRoundR.woff') format('woff');
	src:url('little_font/NanumSquareRoundR.eot?#iefix') format('embedded-opentype'),url('little_font/NanumSquareRoundR.woff') format('woff'),url('little_font/NanumSquareRoundR.ttf') format('truetype');url('little_font/NanumSquareRoundR.svg#NanumSquareRoundR') format('svg');
}

@font-face {
	font-family:'NanumSquareRoundR';
	font-weight: 500;
	src:url('little_font/NanumSquareRoundB.eot');
	src:local(『),  url('little_font/NanumSquareRoundB.woff') format('woff');
	src:url('little_font/NanumSquareRoundB.eot?#iefix') format('embedded-opentype'),url('little_font/NanumSquareRoundB.woff') format('woff'),url('little_font/NanumSquareRoundB.ttf') format('truetype');url('little_font/NanumSquareRoundB.svg#NanumSquareRoundB') format('svg');
}

@font-face {
	font-family:'NanumSquareRoundR';
	font-weight: 800;
	src:url('little_font/NanumSquareRoundEB.eot');
	src:local(『),  url('little_font/NanumSquareRoundEB.woff') format('woff');
	src:url('little_font/NanumSquareRoundEB.eot?#iefix') format('embedded-opentype'),url('little_font/NanumSquareRoundEB.woff') format('woff'),url('little_font/NanumSquareRoundEB.ttf') format('truetype');url('little_font/NanumSquareRoundEB.svg#NanumSquareRoundEB') format('svg');
}


@font-face {
	font-family:'montserrat';
	font-weight: 300;
	src:url('little_font/montserrat-light.eot');
	src:local(『),  url('little_font/montserrat-light.woff') format('woff');
	src:url('little_font/montserrat-light.eot?#iefix') format('embedded-opentype'),url('little_font/montserrat-light.woff') format('woff'),url('little_font/montserrat-light.ttf') format('truetype');url('little_font/montserrat-light.svg#montserrat-light') format('svg');
}


@font-face {
	font-family:'montserrat';
	font-weight: 400;
	src:url('little_font/montserrat-regular.eot');
	src:local(『),  url('little_font/montserrat-regular.woff') format('woff');
	src:url('little_font/montserrat-regular.eot?#iefix') format('embedded-opentype'),url('little_font/montserrat-regular.woff') format('woff'),url('little_font/montserrat-regular.ttf') format('truetype');url('little_font/montserrat-regular.svg#montserrat-regular') format('svg');
}

@font-face {
	font-family:'montserrat';
	font-weight: 500;
	src:url('little_font/montserrat-bold.eot');
	src:local(『),  url('little_font/montserrat-bold.woff') format('woff');
	src:url('little_font/montserrat-bold.eot?#iefix') format('embedded-opentype'),url('little_font/montserrat-bold.woff') format('woff'),url('little_font/montserrat-bold.ttf') format('truetype');url('little_font/montserrat-bold.svg#montserrat-bold') format('svg');
}

@font-face {
	font-family:'montserrat';
	font-weight: 600;
	src:url('little_font/montserrat-semibold.eot');
	src:local(『),  url('little_font/montserrat-semibold.woff') format('woff');
	src:url('little_font/montserrat-semibold.eot?#iefix') format('embedded-opentype'),url('little_font/montserrat-semibold.woff') format('woff'),url('little_font/montserrat-semibold.ttf') format('truetype');url('little_font/montserrat-semibold.svg#montserrat-semibold') format('svg');
}


@font-face {
	font-family:'montserrat';
	font-weight: 800;
	src:url('little_font/montserrat-extrabold.eot');
	src:local(『),  url('little_font/montserrat-extrabold.woff') format('woff');
	src:url('little_font/montserrat-extrabold.eot?#iefix') format('embedded-opentype'),url('little_font/montserrat-extrabold.woff') format('woff'),url('little_font/montserrat-extrabold.ttf') format('truetype');url('little_font/montserrat-extrabold.svg#montserrat-extrabold') format('svg');
}

#allBg {position:fixed; left:0; top:0; width:100%; height:100%; background:url('../images/smart/bg_allbg.png') left top repeat; overflow:hidden; z-index:80;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {font-family:'NanumSquareR'; }

.project .overview {padding:0;}
.projectFooter {border-top:1px #4d4b49 solid; z-index:70;}


/* loading */
.bgLoading {position:fixed; left:0; top:0; width:100%; height:100%; overflow:hidden; background:url('../images/smart/bg_allbg.png') left top repeat; z-index:9999;}
.bgLoading .bld {position:absolute; left:50%; top:50%; width:100px; margin:-50px 0 0 -50px; text-align:center;}


.progressbar {position:fixed; left:0; top:0; width:0%; height:4px; background:#f7ed5c; z-index:99;}
@-webkit-keyframes line-scale-pulse-out-rapid {
0% {
-webkit-transform: scaley(1);
		transform: scaley(1); }
80% {
-webkit-transform: scaley(0.3);
		transform: scaley(0.3); }
90% {
-webkit-transform: scaley(1);
		transform: scaley(1); } }
@keyframes line-scale-pulse-out-rapid {
0% {
-webkit-transform: scaley(1);
		transform: scaley(1); }
80% {
-webkit-transform: scaley(0.3);
		transform: scaley(0.3); }
90% {
-webkit-transform: scaley(1);
		transform: scaley(1); } }
.line-scale-pulse-out-rapid {text-align:center; margin:12px 0 0 0;}
.line-scale-pulse-out-rapid > div {
background-color: #fff;
width: 2px;
height: 20px;
border-radius: 2px;
margin: 2px;
-webkit-animation-fill-mode: both;
	  animation-fill-mode: both;
display: inline-block;
vertical-align: middle; 
-webkit-animation: line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78);
	  animation: line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78); }
.line-scale-pulse-out-rapid > div:nth-child(2), .line-scale-pulse-out-rapid > div:nth-child(4) {
-webkit-animation-delay: -0.25s !important;
		animation-delay: -0.25s !important; }
.line-scale-pulse-out-rapid > div:nth-child(1), .line-scale-pulse-out-rapid > div:nth-child(5) {
-webkit-animation-delay: 0s !important;
		animation-delay: 0s !important; }


#littlePorBox {position:relative; width:1700px; margin:0 auto; font-family:'Monda','NanumSquareR'; overflow:hidden;}
#littlePorBox .innerW {width:1400px; margin:0 auto;}
#littlePorBox .innerW:after {content:""; display:block; clear:both;}
#wsBox {position:relative; width:100%; background:#fff; overflow:hidden; z-index:10;}



/* little sector 01 */
#littleSector01 {width:100%; overflow:hidden;}
#littleSector01 .littleFixdImg {position:relative; width:100%; height:960px; overflow:hidden; z-index:1;}
#littleSector01 .littleFixdImg .imgArea {position:fixed; left:50%; top:0; margin:0 0 0 -850px; z-index:1;}
#littleSector01 .littleFixdImg .imgArea.anim {animation:1.5s 1s alternate fixImg;}
#littleSector01 .littleFixdImg .imgArea.clip {-webkit-clip-path: circle(0 at 40px 0); clip-path: circle(0 at 40px 0);}
#littleSector01 .littleFixdImg .txtArea {position:absolute; left:50%; top:0; width:100%; z-index:4; margin:158px 0 0 -850px; word-break:keep-all;}

#littleSector01 .littleFixdImg .txtArea .htit {}
#littleSector01 .littleFixdImg .txtArea .htit:after {content:""; display:block; clear:both;}
#littleSector01 .littleFixdImg .txtArea .htit p {font-size:16px; color:#fff; font-weight:600; line-height:1.1; letter-spacing:6px; padding:0 0 25px 0;}
#littleSector01 .littleFixdImg .txtArea .htit .sbox {width:100%; padding:0 0 78px 0; background:url('../images/smart/bg_sector01_tit.png') left bottom no-repeat; overflow:hidden;}
#littleSector01 .littleFixdImg .txtArea .htit .sbox span {display:block; font-size:35px; color:#fff; line-height:1.2; padding:4px 0 0 0;}

#littleSector01 .littleFixdImg .txtArea .sbtit {padding:247px 0 0 0;}
#littleSector01 .littleFixdImg .txtArea .sbtit:after {content:""; display:block; clear:both;}
#littleSector01 .littleFixdImg .txtArea .sbtit p {font-size:16px; color:#fff; font-weight:600; line-height:1.2; letter-spacing:6px; padding:0 0 28px 0;}
#littleSector01 .littleFixdImg .txtArea .sbtit .sbox {width:100%; overflow:hidden;}
#littleSector01 .littleFixdImg .txtArea .sbtit .sbox span {display:block; font-size:18px; color:#fff; line-height:1.1; padding:14px 0 0 0;}
#littleSector01 .littleFixdImg .littleBackbg {display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:#404d98; z-index:3; -khtml-opacity:0; -moz-opacity:0; opacity:0;}
#littleSector01 .littleFixdImg .imgbg {display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url('../images/smart/bg_sector01.png') left top repeat; z-index:2;}

@keyframes fixImg {
  from {
    -webkit-clip-path: circle(0 at 40px 0);
    clip-path: circle(0 at 40px 0);
  }
  to {
    -webkit-clip-path: circle(150% at 0 0);
    clip-path: circle(150% at 0 0);
  }
}




/* sector 02 */
#littleSector02 {position:relative; width:100%; background:#fff; overflow:hidden; z-index:10; word-break:keep-all;}
#littleSector02 .htit {padding:158px 0 53px 0;}
#littleSector02 .htit:after {content:""; display:block; clear:both;}
#littleSector02 .htit p {font-size:16px; color:#333; line-height:1.2; letter-spacing:6px; font-weight:600; padding:0 0 28px 0;}
#littleSector02 .htit span {display:block; font-size:18px; color:#333; line-height:1.2; font-weight:600; padding:13px 0 0 0;}
#littleSector02 .htit span strong {font-size:18px; color:#537bce; font-weight:600;}

#littleSector02 .sbtit {}
#littleSector02 .sbtit:after {content:""; display:block; clear:both;}
#littleSector02 .sbtit .client {font-size:16px; color:#333; line-height:1.2; font-weight:600; letter-spacing:2px; padding:0 0 12px 0;}
#littleSector02 .sbtit .day {font-size:16px; color:#333; line-height:1.2; font-weight:600; letter-spacing:2px; padding:0 0 12px 0;}
#littleSector02 .sbtit .link {width:100%; padding:0 0 12px 0; overflow:hidden;}
#littleSector02 .sbtit .link a {font-size:17px; color:#ee6b23; line-height:1.2; font-weight:600; letter-spacing:2px;}
#littleSector02 .sbtit .inf {font-size:15px; color:#333; line-height:1.2; font-weight:600; padding:0 0 46px 0;}
#littleSector02 .sbtit .inf span {font-size:15px; padding:0 0 6px 0;}
#littleSector02 .sbtit .btn {width:100%; margin:0 0 20px 0; overflow:hidden;}
#littleSector02 .sbtit .btn a {display:inline-block; width:280px; height:80px; font-size:24px; color:#fefefe; font-weight:500; line-height:80px; background:#2d2d2d; text-align:center; transition:all ease 0.3s;}
#littleSector02 .sbtit .btn a:hover {background:#537bce;}

#littleSector02 .count {display:none; position:absolute; right:15%; top:140px; width:354px; text-align:center;}
#littleSector02 .count .since {width:100%; overflow:hidden;}
#littleSector02 .count .since p {font-family:'NanumSquareEB'; font-size:94px; color:#404d98; font-weight:600; line-height:1;}
#littleSector02 .count .since span {display:block; font-family:'NanumSquareEB'; font-size:94px; font-weight:600; color:#404d98; line-height:1;}
#littleSector02 .count .txt {width:100%; font-size:36px; color:#353e46; font-weight:600; line-height:1.4; text-align:center; padding:10px 0 0 0; overflow:hidden;}
#littleSector02 .count .txt span {font-size:36px; color:#404d98;}

#littleSector02 .count02 {display:none; position:absolute; right:15%; top:140px; width:354px; text-align:center;}
#littleSector02 .count02 .since {width:100%; overflow:hidden;}
#littleSector02 .count02 .since p {font-family:'NanumSquareEB'; font-size:94px; color:#df525a; font-weight:600; line-height:1;}
#littleSector02 .count02 .since span {display:block; font-family:'NanumSquareEB'; font-size:94px; font-weight:600; color:#df525a; line-height:1; letter-spacing:30px; margin:0 -30px 0 0;}
#littleSector02 .count02 .txt {width:100%; font-size:36px; color:#353e46; font-weight:600; line-height:1.4; text-align:center; padding:10px 0 0 0; overflow:hidden;}
#littleSector02 .count02 .txt span {font-size:36px; color:#df525a;}

#littleSector02 .abimg {display:none; position:absolute; right:16.4285%; bottom:0; overflow:hidden; z-index:-1;}

#littleSector02 .sns {width:100%; padding:30px 0 160px 0; overflow:hidden;}
#littleSector02 .sns ul:after {content:""; display:block; clear:both;}
#littleSector02 .sns ul li {float:left; padding:0 20px 0 0;}
#littleSector02 .sns ul li p {font-size:18px; color:#333; font-weight:600; line-height:1.5;}




/* sector 03 */
#littleSector03 {position:relative; width:100%; height:987px; background:url('../images/little/bg_little_sector3.jpg') left top no-repeat; background-position:cover; overflow:hidden; z-index:10; word-break:keep-all;}
#littleSector03 .htit {padding:158px 0 106px 0;}
#littleSector03 .htit:after {content:""; display:block; clear:both;}
#littleSector03 .htit p {font-size:16px; color:#fefefe; line-height:1.2; letter-spacing:6px; font-weight:600; padding:0 0 28px 0;}
#littleSector03 .htit span {display:block; font-size:18px; color:#fefefe; line-height:1.2; font-weight:500; padding:13px 0 0 0;}

#littleSector03 .motion {position:relative; width:100%; height:412px;}
#littleSector03 .motion:after {content:""; display:block; clear:both;}
#littleSector03 .motion .lsec {position:absolute; left:0; top:0; width:376px; height:376px; border:2px #fff solid; border-radius:100%; text-align:center; opacity:0; animation-duration:.5s; animation-fill-mode: both;}
#littleSector03 .motion .rsec {position:absolute; right:0; top:0; width:376px; height:376px; border:2px #fff solid; border-radius:100%; text-align:center; opacity:0; animation-duration:.5s; animation-fill-mode: both;}
#littleSector03 .motion .lsec p {font-family:'NanumSquareB'; font-size:21px; color:#fff; letter-spacing:4px; padding:136px 0 33px 0; margin:0 -5px 0 0;}
#littleSector03 .motion .lsec span {font-family:'NanumSquareB'; font-size:42px; color:#fff; padding:0 8px;}
#littleSector03 .motion .rsec p {font-family:'NanumSquareB'; font-size:21px; color:#fff; letter-spacing:4px; padding:136px 0 33px 0; margin:0 -5px 0 0;}
#littleSector03 .motion .rsec span {font-family:'NanumSquareB'; font-size:42px; color:#fff; padding:0 8px;}

#littleSector03 .motion .point {position:absolute; left:50%; top:0; width:347px; margin:0 0 0 -173px; z-index:4;}
#littleSector03 .motion .point p {width:100%; font-family:'NanumSquareB'; font-size:18px; color:#ececec; letter-spacing:8px; text-align:center; opacity:0;}
#littleSector03 .motion .point div {position:absolute; width:190px; height:190px; border-radius:100%; background:url('../images/little/bg_sector3_point.png') left top repeat; opacity:0; transform:scale(4,4);}
#littleSector03 .motion .point div span {display:block; font-family:'NanumSquareB'; font-size:32px; color:#ececec; padding:78px 0 0 0; text-align:center;}
#littleSector03 .motion .point div.s01 {top:44px; left:0;}
#littleSector03 .motion .point div.s02 {top:44px; right:0;}
#littleSector03 .motion .point div.s03 {top:190px; left:50%; margin:0 0 0 -95px;}

#littleSector03 .motion .larrow {position:absolute; left:380px; top:178px; width:190px; height:50px; background:url('../images/little/bg_arrow_left.png') left top no-repeat; opacity:0; z-index:6;}
#littleSector03 .motion .larrow p {position:absolute; left:20px; bottom:0; font-family:'NanumSquareEB'; font-size:15px; color:#fefefe; letter-spacing:4px;}
#littleSector03 .motion .rarrow {position:absolute; right:380px; top:178px; width:190px; height:50px; background:url('../images/little/bg_arrow_right.png') left top no-repeat; opacity:0; z-index:6;}
#littleSector03 .motion .rarrow p {position:absolute; right:20px; bottom:0; font-family:'NanumSquareEB'; font-size:15px; color:#fefefe; letter-spacing:4px;}



/* sector 04 */
#littleSector04 {position:relative; width:100%; background:#eee; overflow:hidden; z-index:10; word-break:keep-all;}
#littleSector04 .abBackbg {opacity:0; position:absolute; right:0; top:0; z-index:-1;}
#littleSector04 .htit {padding:153px 0 0 0;}
#littleSector04 .htit:after {content:""; display:block; clear:both;}
#littleSector04 .htit .divide {position:relative; width:100%; margin:0 0 38px 0; overflow:hidden;}
#littleSector04 .htit .divide span {font-family:'NanumSquareL'; font-size:45px; color:#999; line-height:1.2;}
#littleSector04 .htit .divide span strong {font-family:'NanumSquareL'; font-size:45px; color:#f03454; font-weight:300;}
#littleSector04 .sbtit {padding:256px 0 85px 0;}
#littleSector04 .sbtit:after {content:""; display:block; clear:both;}
#littleSector04 .sbtit p {font-family:'NanumSquareEB'; font-size:16px; color:#333; line-height:1.2; letter-spacing:6px; font-weight:600; padding:0 0 24px 0;}
#littleSector04 .sbtit span {display:block; font-size:18px; color:#333; line-height:1.2; font-weight:600; padding:13px 0 0 0;}

#littleSector04 .contextbox {position:relative; width:100%; height:370px; margin:0 0 300px 0; text-align:center;}
#littleSector04 .contextbox:after {content:""; display:block; clear:both;}
#littleSector04 .contextbox p {font-family:'NanumSquareEB'; font-size:16px; padding:80px 0 45px 0; letter-spacing:4px;}
#littleSector04 .contextbox span {display:block; font-size:26px; font-weight:600; padding:0 0 12px 0;} 
#littleSector04 .contextbox .cbox01 {position:absolute; left:0; top:44px; width:332px; height:332px; border:4px #404d98 solid; border-radius:100%; background:#eee; z-index:1; opacity:0;}
#littleSector04 .contextbox .cbox01 p {color:#404d98;}
#littleSector04 .contextbox .cbox01 span {color:#404d98;}
#littleSector04 .contextbox .cbox02 {position:absolute; left:22.857%; top:44px; width:332px; height:332px; margin:0 0 0 -80px; border:4px #1b2b3b solid; border-radius:100%; background:#eee; z-index:2; opacity:0;}
#littleSector04 .contextbox .cbox02 p {color:#1b2b3b;}
#littleSector04 .contextbox .cbox02 span {color:#1b2b3b;}
#littleSector04 .contextbox .cbox03 {position:absolute; left:45.714%; top:44px; width:332px; height:332px; margin:0 0 0 -80px; border:4px #404d98 solid; border-radius:100%; background:#eee; z-index:2; opacity:0;}
#littleSector04 .contextbox .cbox03 p {color:#404d98;}
#littleSector04 .contextbox .cbox03 span {color:#404d98;}
#littleSector04 .contextbox .cbox03 span u {font-size:30px; text-decoration:none;}

#littleSector04 .contextbox .total {position:absolute; right:0; top:44px; width:340px; height:340px; border-radius:100%; background:#404d98; z-index:1; opacity:0; transform:scale(4,4);}
#littleSector04 .contextbox .total p {position:absolute; left:0; top:-42px; width:100%; color:#404d98; padding:0;}
#littleSector04 .contextbox .total .totalTx {width:100%; padding:74px 0 0 0; overflow:hidden;}
#littleSector04 .contextbox .total span {font-size:45px; color:#fff; padding:0 0 28px 0;}
#littleSector04 .contextbox .arrow {position:absolute; right:25.285%; top:200px; width:70px; height:17px; margin:0 146px 0 0; background:url('../images/little/bg_arrow_left_section4.png') left top no-repeat; opacity:0;}

#littleSector04 .values {position:relative; width:100%; z-index:5;}
#littleSector04 .values:after {content:""; display:block; clear:both;}
#littleSector04 .values .htit {padding:0;}
#littleSector04 .values .htit:after {content:""; display:block; clear:both;}
#littleSector04 .values .htit p {font-size:16px; color:#333; line-height:1.2; letter-spacing:6px; font-weight:600; padding:0 0 28px 0;}
#littleSector04 .values .htit span {display:block; font-size:34px; color:#777; line-height:1.2; font-weight:500; padding:13px 0 0 0;}
#littleSector04 .values .htit span strong {font-family:'NanumSquareEB'; font-size:34px;}
#littleSector04 .valuesInfo {position:absolute; left:50%; top:60px;}
#littleSector04 .valuesInfo .circle {position:absolute; left:0; top:0; width:160px; height:160px; border-radius:100%;}
#littleSector04 .valuesInfo .circle p {width:100%; font-family:'NanumSquareEB'; font-size:16px; color:#fff; padding:72px 0 0 0; letter-spacing:4px; text-align:center; }
#littleSector04 .valuesInfo .info01 {position:relative; margin:0 0 207px 0; padding:0 0 0 220px; min-height:160px; opacity:0;}
#littleSector04 .valuesInfo .info01:after {content:""; display:block; clear:both;}
#littleSector04 .valuesInfo .info01 .circle {background:#a3a3a3;}
#littleSector04 .valuesInfo .info01 span {display:block; font-size:28px; font-family:'NanumSquareEB'; padding:20px 0 0 0; color:#666;}
#littleSector04 .valuesInfo .info02 {position:relative; padding:0 0 0 220px; min-height:160px; opacity:0;}
#littleSector04 .valuesInfo .info02:after {content:""; display:block; clear:both;}
#littleSector04 .valuesInfo .info02 .circle {background:#404d98;}
#littleSector04 .valuesInfo .info02 span {display:block; font-size:28px; font-family:'NanumSquareEB'; padding:20px 0 0 0; color:#404d98;}
#littleSector04 .valuesInfo .arrow {position:absolute; left:78px; top:117px; opacity:0;}
#littleSector04 .valuesInfo .arrow span.l {display:block; width:16px; height:0; background:url('../images/little/bg_values_info_arrow01.png') left top repeat-y;}
#littleSector04 .valuesInfo .arrow span.g {display:block; width:16px; height:17px; background:url('../images/little/bg_values_info_arrow02.png') left top no-repeat;}
#littleSector04 .valuesImg {display:inline-block; padding:38px 0 0 80px;}
#littleSector04 .valuesImg:after {content:""; display:block; clear:both;}



/* sector 05 */
#littleSector05 {position:relative; width:100%; margin:160px 0 140px 0; overflow:hidden; z-index:10; word-break:keep-all;}
#littleSector05 .htit {position:relative; margin:0 0 0 50%; z-index:3;}
#littleSector05 .htit:after {content:""; display:block; clear:both;}
#littleSector05 .htit span {display:block; font-size:45px; color:#777; padding:0 0 16px 0;}
#littleSector05 .htit span strong {font-family:'NanumSquareEB'; font-size:45px; color:#777;}
#littleSector05 .htit span strong.t {color:#404d98;}

#littleSector05 .htxt {position:relative; margin:40px 0 0 50%; z-index:3;}
#littleSector05 .htxt:after {content:""; display:block; clear:both;}
#littleSector05 .htxt span {display:block; font-size:28px; color:#777; line-height:1.2; padding:0 0 22px 0;}
#littleSector05 .htxt span strong {font-family:'NanumSquareEB'; font-size:28px; color:#777;}

#littleSector05 .graph {position:absolute; left:8.4285%; top:0; opacity:0; z-index:1;}
#littleSector05 .graph .nationwide {position:absolute; left:127px; top:0; z-index:2; text-align:center;}
#littleSector05 .graph .nationwide span {font-family:'NanumSquareEB'; font-size:106px; color:#404d98; letter-spacing:-7px;}
#littleSector05 .graph .nationwide p {font-size:24px; color:#353e46; font-weight:600; line-height:1.4; margin:0 -27px 0 0;}

#littleSector05 .graph .provinces {position:absolute; left:0; top:240px; z-index:2; text-align:center;}
#littleSector05 .graph .provinces span {font-family:'NanumSquareEB'; font-size:82px; color:#404d98; letter-spacing:-5px;}
#littleSector05 .graph .provinces p {font-size:24px; color:#353e46; font-weight:600; line-height:1.4; margin:0 -5px 0 0;}

#littleSector05 .graph .imgArea {position:relative; width:510px; margin:117px 0 0 20.96%; z-index:1;}
#littleSector05 .graph .imgArea:after {content:""; display:block; clear:both;}
#littleSector05 .graph .imgArea .arrow {position:absolute; left:0; top:0; opacity:0; transform:scale(0,0); transform-origin:0% 100%;}




/* sector 06 */
#littleSector06 {position:relative; width:100%; background:#404d98; overflow:hidden; z-index:10; word-break:keep-all;}
#littleSector06 .htit {padding:158px 0 106px 0;}
#littleSector06 .htit:after {content:""; display:block; clear:both;}
#littleSector06 .htit p {font-size:16px; color:#fefefe; line-height:1.2; letter-spacing:6px; font-weight:600; padding:0 0 28px 0;}
#littleSector06 .htit span {display:block; font-size:18px; color:#fefefe; line-height:1.2; font-weight:500; padding:13px 0 0 0;}
#littleSector06 .aniBlock {width:100%; border-top:1px #6e78b1 solid; padding:0 0 176px 0; overflow:hidden;}
#littleSector06 .aniBlock .list {}
#littleSector06 .aniBlock .list {position:relative; height:120px; border-bottom:1px #6e78b1 solid;}
#littleSector06 .aniBlock .list p {font-size:16px; color:#fefefe; font-weight:600; line-height:120px; text-align:center;}
#littleSector06 .aniBlock .list p span {font-size:15px; color:#fefefe; font-weight:600; padding:0 30px 0 0; letter-spacing:6px;}
#littleSector06 .aniBlock .list > div {display:none;}

#littleSector06 .aniBlock .list .count01 {position:absolute; left:50%; top:0; width:436px; margin:0 0 0 -218px;}
#littleSector06 .aniBlock .list .count01 div {margin:0 auto;}
#littleSector06 .aniBlock .list .count01 div div:nth-child(5), #littleSector06 .aniBlock .list .count01 div div:nth-child(10) {display:none;}
#littleSector06 .aniBlock .list .count01 div div:nth-child(6) {margin:0 0 0 -20px;}
#littleSector06 .aniBlock .list .count01 div div:nth-child(7) {margin:0 0 0 -20px;}
#littleSector06 .aniBlock .list .count01 div div:nth-child(8) {margin:0 0 0 -20px;}
#littleSector06 .aniBlock .list .count01 div div:nth-child(9) {margin:0 0 0 -20px;}
#littleSector06 .aniBlock .list .count01 div div:nth-child(11) {margin:0 0 0 -40px;}
#littleSector06 .aniBlock .list .count01 div div:nth-child(12) {margin:0 0 0 -40px;}
#littleSector06 .aniBlock .list .count01 div div:nth-child(13) {margin:0 0 0 -40px;}

#littleSector06 .aniBlock .list .count02 {position:absolute; left:50%; top:0; width:436px; margin:0 0 0 -218px;}
#littleSector06 .aniBlock .list .count02 div {margin:0 auto;}
#littleSector06 .aniBlock .list .count02 div div:nth-child(5), #littleSector06 .aniBlock .list .count02 div div:nth-child(10) {display:none;}
#littleSector06 .aniBlock .list .count02 div div:nth-child(6) {margin:0 0 0 -20px;}
#littleSector06 .aniBlock .list .count02 div div:nth-child(7) {margin:0 0 0 -20px;}
#littleSector06 .aniBlock .list .count02 div div:nth-child(8) {margin:0 0 0 -20px;}
#littleSector06 .aniBlock .list .count02 div div:nth-child(9) {margin:0 0 0 -20px;}
#littleSector06 .aniBlock .list .count02 div div:nth-child(11) {margin:0 0 0 -40px;}
#littleSector06 .aniBlock .list .count02 div div:nth-child(12) {margin:0 0 0 -40px;}
#littleSector06 .aniBlock .list .count02 div div:nth-child(13) {margin:0 0 0 -40px;}

#littleSector06 .aniBlock .list .count03 {position:absolute; left:50%; top:0; width:436px; margin:0 0 0 -218px;}
#littleSector06 .aniBlock .list .count03 div {margin:0 auto;}
#littleSector06 .aniBlock .list .count03 div div:nth-child(6), #littleSector06 .aniBlock .list .count03 div div:nth-child(10) {display:none;}
#littleSector06 .aniBlock .list .count03 div div:nth-child(7) {margin:0 0 0 -20px;}
#littleSector06 .aniBlock .list .count03 div div:nth-child(8) {margin:0 0 0 -20px;}
#littleSector06 .aniBlock .list .count03 div div:nth-child(9) {margin:0 0 0 -20px;}
#littleSector06 .aniBlock .list .count03 div div:nth-child(11) {margin:0 0 0 -40px;}
#littleSector06 .aniBlock .list .count03 div div:nth-child(12) {margin:0 0 0 -40px;}
#littleSector06 .aniBlock .list .count03 div div:nth-child(13) {margin:0 0 0 -40px;}

#littleSector06 .aniBlock .list .count04 {position:absolute; left:50%; top:0; width:490px; margin:0 0 0 -245px;}
#littleSector06 .aniBlock .list .count04 div {margin:0 auto;}
#littleSector06 .aniBlock .list .count04 div div:nth-child(5), #littleSector06 .aniBlock .list .count04 div div:nth-child(8), #littleSector06 .aniBlock .list .count04 div div:nth-child(12) {display:none;}
#littleSector06 .aniBlock .list .count04 div div:nth-child(6) {margin:0 0 0 -20px;}
#littleSector06 .aniBlock .list .count04 div div:nth-child(7) {margin:0 0 0 -20px;}
#littleSector06 .aniBlock .list .count04 div div:nth-child(9) {margin:0 0 0 -40px;}
#littleSector06 .aniBlock .list .count04 div div:nth-child(10) {margin:0 0 0 -40px;}
#littleSector06 .aniBlock .list .count04 div div:nth-child(11) {margin:0 0 0 -40px;}
#littleSector06 .aniBlock .list .count04 div div:nth-child(13) {margin:0 0 0 -60px;}
#littleSector06 .aniBlock .list .count04 div div:nth-child(14) {margin:0 0 0 -60px;}
#littleSector06 .aniBlock .list .count04 div div:nth-child(15) {margin:0 0 0 -60px;}


/* flip */
.bFlipText-wrapper {position:relative;-webkit-user-select: none;}
.bFlipText-wrapper *{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;}
.bFlipText-wrapper ul{position: relative;display:inline-block;padding:0;/*   margin: 5px; */list-style:none; /*   border-radius: 6px; */background: #2b323c;}
.bFlipText-wrapper ul li{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.bFlipText-wrapper ul li > div {display: block;height: 100%;overflow: visible;}
.bFlipText-wrapper ul li .up,.bFlipText-wrapper ul li .down{position: absolute;left: 0;width: 100%;height: 50%;overflow: hidden; }

.bFlipText-wrapper ul li .up {top: 0;/* this for below animation rotate transform */-webkit-transform-origin: 50% 100%;-moz-transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;-o-transform-origin: 50% 100%;transform-origin: 50% 100%;}
.bFlipText-wrapper ul li .down {bottom: 0;-webkit-transform-origin: 50% 0;-moz-transform-origin: 50% 0;-ms-transform-origin: 50% 0;-o-transform-origin: 50% 0;transform-origin: 50% 0;}
/*the line cut up & down part*/
.bFlipText-wrapper ul li .up:after {content: "";position: absolute;top: 100%;left: 0;z-index: 5;width: 100%;height: 0;margin-top:-1px;background-color: #2b323c;opacity:0.4;}
.bFlipText-wrapper ul li .shadow {position: absolute;width: 100%;height: 100%;z-index: 2;}
.bFlipText-wrapper ul li .inn {position: absolute;left: 0;width: 100%;height: 200%;text-shadow: 0 1px 2px #2b323c;text-align: center;border-radius: 6px;}
.bFlipText-wrapper ul li .up .inn {top: 0;}
.bFlipText-wrapper ul li .down .inn {bottom: 0; }


/* PLAY */
.bFlipText-wrapper ul.play li.bFlipText-before {z-index: 3;}
.bFlipText-wrapper ul{  /*  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);*/}
.bFlipText-wrapper ul.play li.bFlipText-active {-webkit-animation: chng_char 0.5s linear 0.5s both;-moz-animation: chng_char 0.5s linear 0.5s both;animation: chng_char 0.5s linear 0.5s both;z-index: 5;}
@-webkit-keyframes chng_char {0% {z-index: 2;}20% {z-index: 4;}100% {z-index: 4;}}
@-moz-keyframes chng_char {0% {z-index: 2;}20% {z-index: 4;}100% {z-index: 4;}}
@-o-keyframes chng_char {0% {z-index: 2;}20% {z-index: 4;}100% {z-index: 4;}}
@keyframes chng_char {0% {z-index: 2;}20% {z-index: 4;}100% {z-index: 4;}}

.bFlipText-wrapper ul.play li.bFlipText-before .up{z-index: 2;-webkit-animation: up_rotat 0.5s linear both;-moz-animation: up_rotat 0.5s linear both;animation: up_rotat 0.5s linear both;}
@-webkit-keyframes up_rotat {0% {-webkit-transform: rotateX(0deg);}100% {-webkit-transform: rotateX(-90deg);}}
@-moz-keyframes up_rotat {0% {-moz-transform: rotateX(0deg);}100% {-moz-transform: rotateX(-90deg);}}
@-o-keyframes up_rotat {0% {-o-transform: rotateX(0deg);}100% {-o-transform: rotateX(-90deg);}}
@keyframes up_rotat {0% {transform: rotateX(0deg);}100% {transform: rotateX(-90deg);}}

.bFlipText-wrapper ul.play li.bFlipText-active .down{z-index: 2;-webkit-animation: down_rotat 0.5s linear 0.5s  both;-moz-animation: down_rotat 0.5s linear 0.5s  both;animation: down_rotat 0.5s linear 0.5s  both;}
@-webkit-keyframes down_rotat {0% {-webkit-transform: rotateX(90deg);}100% {-webkit-transform: rotateX(0deg);}}
@-moz-keyframes down_rotat {0% {-moz-transform: rotateX(90deg);}100% {-moz-transform: rotateX(0deg);}}
@-o-keyframes down_rotat {0% {-o-transform: rotateX(90deg);}100% {-o-transform: rotateX(0deg);}}
@keyframes down_rotat {0% {transform: rotateX(90deg);}100% {transform: rotateX(0deg);}}

.bFlipText-wrapper ul li.bFlipText-active {z-index: 3; }

/* Shadow Before Hide*/
.bFlipText-wrapper ul.play li.bFlipText-before .up .shadow {background: -moz-linear-gradient(top, rgba(43, 50, 60, 1) 0%, black 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(43, 50, 60, 1)), color-stop(0%, rgba(43, 50, 60, 1)));background: linear, top, rgba(43, 50, 60, 1) 0%, black 100%;background: -o-linear-gradient(top, rgba(43, 50, 60, 1) 0%, black 100%);background: -ms-linear-gradient(top, rgba(43, 50, 60, 1) 0%, black 100%);background: linear, to bottom, rgba(43, 50, 60, 1) 0%, black 100%;-webkit-animation: shdow_show 0.5s linear both;-moz-animation: shdow_show 0.5s linear both;animation: shdow_show 0.5s linear both;}
.bFlipText-wrapper ul.play li.bFlipText-before .down .shadow {background: -moz-linear-gradient(top, black 0%, rgba(43, 50, 60, 1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(43, 50, 60, 1)));background: linear, top, black 0%, rgba(43, 50, 60, 1) 100%;background: -o-linear-gradient(top, black 0%, rgba(43, 50, 60, 1) 100%);background: -ms-linear-gradient(top, black 0%, rgba(43, 50, 60, 1) 100%);background: linear, to bottom, black 0%, rgba(43, 50, 60, 1) 100%;-webkit-animation: shdow_show 0.5s linear both;-moz-animation: shdow_show 0.5s linear both;animation: shdow_show 0.5s linear both;}

/* Shadow Active Show*/
.bFlipText-wrapper ul.play li.bFlipText-active .up .shadow {background: -moz-linear-gradient(top, rgba(43, 50, 60, 1) 0%, black 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(43, 50, 60, 1)), color-stop(0%, rgba(43, 50, 60, 1)));background: linear, top, rgba(43, 50, 60, 1) 0%, black 100%;background: -o-linear-gradient(top, rgba(43, 50, 60, 1) 0%, black 100%);background: -ms-linear-gradient(top, rgba(43, 50, 60, 1) 0%, black 100%);background: linear, to bottom, rgba(43, 50, 60, 1) 0%, black 100%;-webkit-animation: shdow_hide 0.5s linear 0.3s both;-moz-animation: shdow_hide 0.5s linear 0.3s both;animation: shdow_hide 0.5s linear 0.3s both;}
.bFlipText-wrapper ul.play li.bFlipText-active .down .shadow {background: -moz-linear-gradient(top, black 0%, rgba(43, 50, 60, 1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(43, 50, 60, 1)));background: linear, top, black 0%, rgba(43, 50, 60, 1) 100%;background: -o-linear-gradient(top, black 0%, rgba(43, 50, 60, 1) 100%);background: -ms-linear-gradient(top, black 0%, rgba(43, 50, 60, 1) 100%);background: linear, to bottom, black 0%, rgba(43, 50, 60, 1) 100%;-webkit-animation: shdow_hide 0.5s linear 0.3s both;-moz-animation: shdow_hide 0.5s linear 0.3s both;animation: shdow_hide 0.5s linear 0.3s both;}

@-webkit-keyframes shdow_show{0% {opacity: 0;}100% {opacity: 1;}}
@-moz-keyframes shdow_show{0% {opacity: 0;}100% {opacity: 1;}}
@-o-keyframes shdow_show{0% {opacity: 0;}100% {opacity: 1;}}
@keyframes shdow_show{0% {opacity: 0;}100% {opacity: 1;}}
@-webkit-keyframes shdow_hide{0% {opacity: 1;}100% {opacity: 0;}}
@-moz-keyframes shdow_hide{0% {opacity: 1;}100% {opacity: 0;}}
@-o-keyframes shdow_hide{0% {opacity: 1;}100% {opacity: 0;}}
@keyframes shdow_hide{0% {opacity: 1;}100% {opacity: 0;}}






/* sector 07 */
#littleSector07 {position:relative; width:100%; overflow:hidden; z-index:10; word-break:keep-all;}
#littleSector07 .htit {padding:196px 0 128px 0;}
#littleSector07 .htit:after {content:""; display:block; clear:both;}
#littleSector07 .htit p {font-family:'NanumSquareEB'; font-size:72px; color:#1b2b3b; letter-spacing:5px;}

#littleSector07 .htxt {padding:0 0 55px 0;}
#littleSector07 .htxt:after {content:""; display:block; clear:both;}
#littleSector07 .htxt span {display:block; font-family:'NanumSquareEB'; font-size:24px; color:#333; letter-spacing:4px; padding:0 0 28px 0;}
#littleSector07 .htxt p {font-size:46px; color:#333; font-weight:600; line-height:1.4;}



/* main */
#mainContainer {position:relative; width:100%; min-height:800px; max-height:1040px; margin:0 auto; overflow:hidden; z-index:10;}
#mainContainer .bg {position:absolute; left:0; top:0; width:100%; height:231px; z-index:60;}

/* scene 01 */
.scene, .layer {display:block; height:100%; width:100%; padding:0; margin:0; z-index:1;}
.scene {min-height:460px; position:relative; overflow:hidden;}

.layer {position:absolute;}
.layer > div {-webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden;}

.scene01_background {position:absolute; left:50%; bottom:0; margin:0 0 0 -1050px;}
.scene01_child {display:none; position:absolute; left:14.315%; bottom:0;}
.scene01_txt {position:absolute; left:43.0526%;; top:50%; display:inline-block; text-align:left; margin:-100px 0 0 0;}
.scene01_txt div.up {display:none;}
.scene01_txt div.up span {font-family:'NanumSquareRoundR'; font-size:48px; color:#fff; font-weight:800; line-height:1.2;}
.scene01_txt div.down {display:none;}
.scene01_txt div.down span {font-family:'NanumSquareRoundR'; font-size:66px; color:#fff; font-weight:800; line-height:1.2; padding:5px 0 0 0;}
.scene01_txt div.little {display:none; height:70px; padding:36px 0 0 0; overflow:hidden;}
.scene01_txt div.little span {display:inline-block;}
.scene01_txt div.little span img {margin-top:90px;}

#scene01 {position:relative; z-index:6;}

#sceneLoop01 {display:none; position:absolute; left:0; top:0; z-index:4;}
#sceneLoop01 .sceneLoop01_background {position:absolute; left:50%; bottom:0; margin:0 0 0 -1050px;}
#sceneLoop01 .sceneLoop01_cont {position:absolute; left:50%; bottom:0; width:1008px; height:700px; margin:0 0 0 -504px;}
#sceneLoop01 .sceneLoop01_cont .sceneLoop01_child {display:none; position:absolute; right:0; bottom:60px;}
#sceneLoop01 .sceneLoop01_cont .sceneLoop01_arr01 {position:absolute; right:260px; top:147px;}
#sceneLoop01 .sceneLoop01_cont .sceneLoop01_arr01 .twinkle {display:none; position:absolute; right:0; top:0; width:28px; height:28px; background:#f03454; border-radius:100px; opacity:0.3;}
#sceneLoop01 .sceneLoop01_cont .sceneLoop01_arr01 .incircle {display:none; position:absolute; right:6px; top:6px; width:16px; height:16px; background:#f03454; border-radius:100px;}
#sceneLoop01 .sceneLoop01_cont .sceneLoop01_arr01 .line {position:absolute; right:6px; top:13px; height:1px; background:#f03454;}
#sceneLoop01 .sceneLoop01_cont .sceneLoop01_txt01 {position:absolute; left:0; top:127px;}
#sceneLoop01 .sceneLoop01_cont .sceneLoop01_txt01 div.up {opacity:0;}
#sceneLoop01 .sceneLoop01_cont .sceneLoop01_txt01 div.up span {font-family:'NanumSquareRoundR'; font-size:60px; color:#353e46; font-weight:500; line-height:1.2; letter-spacing:-0.8px;}
#sceneLoop01 .sceneLoop01_cont .sceneLoop01_txt01 div.down {opacity:0;}
#sceneLoop01 .sceneLoop01_cont .sceneLoop01_txt01 div.down span {font-family:'NanumSquareRoundR'; font-size:60px; color:#353e46; font-weight:500; line-height:1.2; letter-spacing:-0.8px;}
#sceneLoop01 .sceneLoop01_cont .sceneLoop01_txt02 {position:absolute; left:0; top:290px;}
#sceneLoop01 .sceneLoop01_cont .sceneLoop01_txt02 > div {opacity:0;}
#sceneLoop01 .sceneLoop01_cont .sceneLoop01_txt02 > div span {font-family:'NanumSquareRoundR'; font-size:24px; color:#353e46; font-weight:500; line-height:1.6; letter-spacing:-0.8px;}
#sceneLoop01 .sceneLoop01_cont .sceneLoop01_txt03 {position:absolute; left:0; top:467px; padding:0 0 0 57px; background:url('../images/little/bg_sceneLoop01_txt03.png') left top no-repeat; opacity:0;}
#sceneLoop01 .sceneLoop01_cont .sceneLoop01_txt03 > div {opacity:0;}
#sceneLoop01 .sceneLoop01_cont .sceneLoop01_txt03 > div span {font-family:'NanumSquareRoundR'; font-size:15px; color:#353e46; font-weight:500; line-height:1.4; letter-spacing:-0.8px;}

#sceneLoop02 {display:none; position:absolute; left:0; top:0; z-index:3;}
#sceneLoop02 .sceneLoop02_background {position:absolute; left:50%; bottom:0; margin:0 0 0 -1050px;}
#sceneLoop02 .sceneLoop02_cont {position:absolute; left:27.736%; bottom:0; width:814px; height:700px;}
#sceneLoop02 .sceneLoop02_cont .sceneLoop02_child {display:none; position:absolute; left:0; bottom:24px;}
#sceneLoop02 .sceneLoop02_cont .sceneLoop02_arr01 {position:absolute; left:134px; top:160px;}
#sceneLoop02 .sceneLoop02_cont .sceneLoop02_arr01 .twinkle {display:none; position:absolute; right:0; top:0; width:28px; height:28px; background:#f03454; border-radius:100px; opacity:0.3;}
#sceneLoop02 .sceneLoop02_cont .sceneLoop02_arr01 .incircle {display:none; position:absolute; right:6px; top:6px; width:16px; height:16px; background:#f03454; border-radius:100px;}
#sceneLoop02 .sceneLoop02_cont .sceneLoop02_arr01 .line {position:absolute; left:-6px; top:16px; height:1px; background:#f03454; transform-origin:0 0; transform: rotate(20deg);}
#sceneLoop02 .sceneLoop02_cont .sceneLoop02_txt01 {position:absolute; left:402px; top:240px;}
#sceneLoop02 .sceneLoop02_cont .sceneLoop02_txt01 div.up {opacity:0;}
#sceneLoop02 .sceneLoop02_cont .sceneLoop02_txt01 div.up span {font-family:'NanumSquareRoundR'; font-size:60px; color:#fff; font-weight:500; line-height:1.2; letter-spacing:-0.8px;}
#sceneLoop02 .sceneLoop02_cont .sceneLoop02_txt01 div.down {opacity:0;}
#sceneLoop02 .sceneLoop02_cont .sceneLoop02_txt01 div.down span {font-family:'NanumSquareRoundR'; font-size:60px; color:#fff; font-weight:500; line-height:1.2; letter-spacing:-0.8px;}
#sceneLoop02 .sceneLoop02_cont .sceneLoop02_txt02 {position:absolute; left:402px; top:335px;}
#sceneLoop02 .sceneLoop02_cont .sceneLoop02_txt02 > div {opacity:0;}
#sceneLoop02 .sceneLoop02_cont .sceneLoop02_txt02 > div span {font-family:'NanumSquareRoundR'; font-size:24px; color:#fff; font-weight:500; line-height:1.6; letter-spacing:-0.8px;}
#sceneLoop02 .sceneLoop02_cont .sceneLoop02_txt03 {position:absolute; left:402px; top:474px; padding:0 0 0 54px; background:url('../images/little/bg_sceneLoop02_txt03.png') left top no-repeat; opacity:0;}
#sceneLoop02 .sceneLoop02_cont .sceneLoop02_txt03 > div {opacity:0;}
#sceneLoop02 .sceneLoop02_cont .sceneLoop02_txt03 > div span {font-family:'NanumSquareRoundR'; font-size:15px; color:#fff; font-weight:500; line-height:1.5; letter-spacing:-0.8px;}

#sceneLoop03 {display:none; position:absolute; left:0; top:0; z-index:3;}
#sceneLoop03 .sceneLoop03_background {position:absolute; left:50%; bottom:0; margin:0 0 0 -1050px;}
#sceneLoop03 .sceneLoop03_cont {position:absolute; right:0; bottom:0; width:1370px; height:100%;}
#sceneLoop03 .sceneLoop03_cont .sceneLoop03_child {display:none; position:absolute; right:62px; bottom:0;}
#sceneLoop03 .sceneLoop03_cont .sceneLoop03_arr01 {position:absolute; left:565px; bottom:472px;}
#sceneLoop03 .sceneLoop03_cont .sceneLoop03_arr01 .twinkle {display:none; position:absolute; right:0; top:0; width:28px; height:28px; background:#f03454; border-radius:100px; opacity:0.3;}
#sceneLoop03 .sceneLoop03_cont .sceneLoop03_arr01 .incircle {display:none; position:absolute; right:6px; top:6px; width:16px; height:16px; background:#f03454; border-radius:100px;}
#sceneLoop03 .sceneLoop03_cont .sceneLoop03_arr01 .line {position:absolute; right:18px; top:11px; height:1px; background:#f03454; transform-origin:100% 0; transform: rotate(27deg);}
#sceneLoop03 .sceneLoop03_cont .sceneLoop03_txt01 {position:absolute; left:0; bottom:542px;}
#sceneLoop03 .sceneLoop03_cont .sceneLoop03_txt01 div.up {opacity:0;}
#sceneLoop03 .sceneLoop03_cont .sceneLoop03_txt01 div.up span {font-family:'NanumSquareRoundR'; font-size:60px; color:#fff; font-weight:500; line-height:1.2; letter-spacing:-0.8px;}
#sceneLoop03 .sceneLoop03_cont .sceneLoop03_txt01 div.down {opacity:0;}
#sceneLoop03 .sceneLoop03_cont .sceneLoop03_txt01 div.down span {font-family:'NanumSquareRoundR'; font-size:60px; color:#fff; font-weight:500; line-height:1.2; letter-spacing:-0.8px;}
#sceneLoop03 .sceneLoop03_cont .sceneLoop03_txt02 {position:absolute; left:4px; bottom:400px;}
#sceneLoop03 .sceneLoop03_cont .sceneLoop03_txt02 > div {opacity:0;}
#sceneLoop03 .sceneLoop03_cont .sceneLoop03_txt02 > div span {font-family:'NanumSquareRoundR'; font-size:24px; color:#fff; font-weight:500; line-height:1.6; letter-spacing:-0.8px;}
#sceneLoop03 .sceneLoop03_cont .sceneLoop03_txt03 {position:absolute; left:4px; bottom:320px; padding:0 0 0 54px; background:url('../images/little/bg_sceneLoop03_txt03.png') left top no-repeat; opacity:0;}
#sceneLoop03 .sceneLoop03_cont .sceneLoop03_txt03 > div {opacity:0;}
#sceneLoop03 .sceneLoop03_cont .sceneLoop03_txt03 > div span {font-family:'NanumSquareRoundR'; font-size:15px; color:#fff; font-weight:500; line-height:1.5; letter-spacing:-0.8px;}

#sceneLoop04 {display:none; position:absolute; left:0; top:0; z-index:4;}
#sceneLoop04 .sceneLoop04_background {position:absolute; left:50%; bottom:0; margin:0 0 0 -1050px;}
#sceneLoop04 .sceneLoop04_cont {position:absolute; left:17.31%; bottom:130px; width:860px; height:590px;}
#sceneLoop04 .sceneLoop04_cont .sceneLoop04_child {display:none; position:absolute; left:0; bottom:0;}
#sceneLoop04 .sceneLoop04_cont .sceneLoop04_arr01 {position:absolute; left:187px; top:80px;}
#sceneLoop04 .sceneLoop04_cont .sceneLoop04_arr01 .twinkle {display:none; position:absolute; right:0; top:0; width:28px; height:28px; background:#f03454; border-radius:100px; opacity:0.3;}
#sceneLoop04 .sceneLoop04_cont .sceneLoop04_arr01 .incircle {display:none; position:absolute; right:6px; top:6px; width:16px; height:16px; background:#f03454; border-radius:100px;}
#sceneLoop04 .sceneLoop04_cont .sceneLoop04_arr01 .line {position:absolute; left:-13px; top:13px; height:1px; background:#f03454; transform-origin:0 0; transform: rotate(10deg);}
#sceneLoop04 .sceneLoop04_cont .sceneLoop04_txt01 {position:absolute; left:573px; top:115px;}
#sceneLoop04 .sceneLoop04_cont .sceneLoop04_txt01 div.up {opacity:0;}
#sceneLoop04 .sceneLoop04_cont .sceneLoop04_txt01 div.up span {font-family:'NanumSquareRoundR'; font-size:60px; color:#353e46; font-weight:500; line-height:1.2; letter-spacing:-0.8px;}
#sceneLoop04 .sceneLoop04_cont .sceneLoop04_txt01 div.down {opacity:0;}
#sceneLoop04 .sceneLoop04_cont .sceneLoop04_txt01 div.down span {font-family:'NanumSquareRoundR'; font-size:60px; color:#353e46; font-weight:500; line-height:1.2; letter-spacing:-0.8px;}
#sceneLoop04 .sceneLoop04_cont .sceneLoop04_txt02 {position:absolute; left:573px; top:215px;}
#sceneLoop04 .sceneLoop04_cont .sceneLoop04_txt02 > div {opacity:0;}
#sceneLoop04 .sceneLoop04_cont .sceneLoop04_txt02 > div span {font-family:'NanumSquareRoundR'; font-size:24px; color:#353e46; font-weight:500; line-height:1.6; letter-spacing:-0.8px;}
#sceneLoop04 .sceneLoop04_cont .sceneLoop04_txt03 {position:absolute; left:573px; top:353px; padding:0 0 0 54px; background:url('../images/little/bg_sceneLoop04_txt03.png') left top no-repeat; opacity:0;}
#sceneLoop04 .sceneLoop04_cont .sceneLoop04_txt03 > div {opacity:0;}
#sceneLoop04 .sceneLoop04_cont .sceneLoop04_txt03 > div span {font-family:'NanumSquareRoundR'; font-size:15px; color:#353e46; font-weight:500; line-height:1.5; letter-spacing:-0.8px;}


.twinkle {
-webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}

.twinkle.on {
  -webkit-animation-name: twinkle;
  animation-name: twinkle;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* twinkle */
@-webkit-keyframes twinkle {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
	opacity:0.1;
  }

  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
	opacity:0.6;
  }
}

@keyframes twinkle {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
	opacity:0.1;
  }

  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
	opacity:0.6;
  }
}






/* control */
#control {display:none; position:absolute; right:0; top:0; width:205px; height:100%; background:url('../images/little/bg_control_up.png') 24px top no-repeat; z-index:70;}
#control .sector {position:absolute; left:0; top:50%; width:100%; margin:-250px 0 0 0;}
#control .sector ul:after {content:""; display:block; clear:both;}
#control .sector ul li {display:block;}
#control .sector ul li a {display:block; position:relative; width:100%; padding:20px 0;}
#control .sector ul li a span {display:none; position:absolute; left:70px; top:38px; font-family:'NanumSquareRoundR'; font-size:17px; color:#fff; line-height:1.2; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
#control .sector ul li a img {vertical-align:middle; opacity:0.32; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
#control .sector ul li a.hover img {opacity:1;}
#control .sector ul li a.hover span {display:block;}
#control .downArrow {position:absolute; left:-2px; bottom:0; width:100%; height:250px; background:url('../images/little/bg_control_down.png') 24px top no-repeat;}
#control .downArrow a {position:absolute; left:0; top:50%; display:block; width:50px; height:50px; margin:-25px 0 0 0; background:#f7ed5c; border-radius:100px;}
#control .downArrow a span {position:absolute; left:50%; top:50%; margin:-2px 0 0 -4px;}
#control .downArrow a span img {width:8px;}
#control .downArrow a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
#control .downArrow a:hover{
  -webkit-animation-name: hvr-pulse;
  animation-name: hvr-pulse;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}


/* Pulse */
@-webkit-keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
	box-shadow: 0 1px 10px 1px rgba(0, 0, 0, 0.2);
  }
}

@keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
	box-shadow: 0 1px 10px 1px rgba(0, 0, 0, 0.2);
  }
}





/* sector 08 */
#littleSector08 {position:relative; width:100%; background:#fff; z-index:12;}
#littleSector08 .htit {padding:195px 0 52px 0;}
#littleSector08 .htit:after {content:""; display:block; clear:both;}
#littleSector08 .htit p {font-family:'NanumSquareEB'; font-size:24px; color:#333; line-height:1.2; letter-spacing:6px; font-weight:600; padding:0 0 30px 0;}
#littleSector08 .htit span {display:block; font-size:46px; color:#333; line-height:1.3; font-weight:600;}

#littleSector08 .asis {width:100%; overflow:hidden;}
#littleSector08 .asis .tit {font-family:'NanumSquareEB'; font-size:24px; color:#666; font-weight:600; line-height:1.2; letter-spacing:3px; padding:0 0 18px 0;}
#littleSector08 .asis .asisSitemap {width:100%; background:#666; padding:60px 0; overflow:hidden;}
#littleSector08 .asis .asisSitemap .item {position:relative; margin:0 0 0 12.857%;}
#littleSector08 .asis .asisSitemap .item:after {content:""; display:block; clear:both;}
#littleSector08 .asis .asisSitemap .item p {position:absolute; left:0; top:0; font-family:'montserrat'; font-size:20px; color:#fefefe; line-height:1.2; letter-spacing:2px;}
#littleSector08 .asis .asisSitemap .item p.k {font-family:'NanumSquareR';}
#littleSector08 .asis .asisSitemap .item ul {margin:0 0 0 182px; padding:0 0 30px 80px; border-left:1px #777 solid;}
#littleSector08 .asis .asisSitemap .item ul:after {content:""; display:block; clear:both;}
#littleSector08 .asis .asisSitemap .item ul li {float:left; font-family:'montserrat'; font-size:20px; color:#fefefe; line-height:1.1; letter-spacing:2px; margin:0 70px 0 0;}
#littleSector08 .asis .asisSitemap .item ul li.k {font-family:'NanumSquareR'; letter-spacing:1px;}
#littleSector08 .asis .asisSitemap .item:last-child ul {padding:0 0 0 80px;}

#littleSector08 .arrow {width:100%; margin:60px 0 0 0; text-align:center; overflow:hidden;}
#littleSector08 .tobeTit {width:100%; font-family:'NanumSquareEB'; font-size:24px; color:#666; font-weight:600; line-height:1.2; letter-spacing:3px; padding:0 0 38px 0; overflow:hidden;}

#littleSector08 .tobe {position:relative; width:100%; height:474px; background:url('../images/little/img_littlesector08_bg.png') right top #000100 no-repeat;}
#littleSector08 .tobe:after {content:""; display:block; clear:both;}
#littleSector08 .tobe .sDiv {padding:70px 0 0 15px;}
#littleSector08 .tobe .sDiv:after {content:""; display:block; clear:both;}
#littleSector08 .tobe .sDiv ul:after {content:""; display:block; clear:both;}
#littleSector08 .tobe .sDiv ul li {float:left; margin:0 0 0 6%;}
#littleSector08 .tobe .sDiv ul li p {display:inline-block; font-family:'montserrat'; font-size:16px; color:#90959d; font-weight:600; line-height:1.1; letter-spacing:2px; padding:0 0 22px 0; border-bottom:1px #000100 solid;}
#littleSector08 .tobe .sDiv ul li p.on {color:#f03454; border-bottom:1px #f03454 solid;}
#littleSector08 .tobe .sDiv ul li ul {margin:47px 0 0 0;}
#littleSector08 .tobe .sDiv ul li ul li {float:none; display:block; font-size:16px; color:#90959d; font-weight:600; margin:0 0 32px 0;}
#littleSector08 .tobe .sDiv ul li ul li.on {color:#f03454;}
#littleSector08 .tobe .models {position:absolute; right:-150px; top:-21px;}




/* sector 09 */
#littleSector09 {position:relative; width:100%; background:#fff; z-index:10;}
#littleSector09 .htit {padding:195px 0 52px 0;}
#littleSector09 .htit:after {content:""; display:block; clear:both;}
#littleSector09 .htit p {font-family:'NanumSquareEB'; font-size:24px; color:#333; line-height:1.2; letter-spacing:6px; font-weight:600; padding:0 0 30px 0;}
#littleSector09 .htit span {display:block; font-size:46px; color:#333; line-height:1.3; font-weight:600;}

.infoBx {position:relative; border:1px #e4e4e4 solid; margin:10px 0 0 0; padding:100px 0 90px;}
.infoBx:after {content:""; display:block; clear:both;}
.infoBx .tit {position:absolute; left:50px; top:40px;}
.infoBx .tit.type02 {font-family:'NanumSquareRoundR'; color:#404d98; font-size:30px; font-weight:300;}
.infoBx .tit.type02 strong {font-family:'NanumSquareRoundR'; color:#404d98; font-size:30px;}
.infoBx .tit.type02 span {display:block; font-size:16px; color:#70747a; padding:4px 0 0 0;}

.infoBx .anibox {position:relative; width:960px; height:680px; margin:0 auto; overflow:hidden;}
.infoBx .anibox .infoArea {position:absolute; left:0; top:50%; right:auto; width:420px; z-index:20;}
.infoBx .anibox .infoArea ul:after {content:""; display:block; clear:both;}
.infoBx .anibox .infoArea ul li {position:relative; padding:20px 160px 20px 48px; text-align:right; cursor:pointer;}
.infoBx .anibox .infoArea ul li:last-child() {margin:0;}
.infoBx .anibox .infoArea ul li.on {background:#f4f4f4;}
.infoBx .anibox .infoArea ul li .ico {position:absolute; left:auto; right:48px; top:50%; margin:-30px 0 0 0;}
.infoBx .anibox .infoArea ul li strong {display:block; font-size:20px; color:#70747a; font-weight:600; line-height:1.1; padding:0 0 6px 0;}
.infoBx .anibox .infoArea ul li p {width:100%; overflow:hidden;}
.infoBx .anibox .infoArea ul li p span {displaY:block; font-size:14px; color:#70747a; line-height:1.3; letter-spacing:-1.4px;}

.infoBx .anibox .infoArea .info1 {display:none; position:absolute; left:0; top:0; width:100%;}
.infoBx .anibox .infoArea .info2 {display:none;}
.infoBx .anibox .infoArea .info2 ul li {padding:20px 48px 20px 160px; text-align:left;}
.infoBx .anibox .infoArea .info2 ul li .ico {right:auto; left:48px;}
.infoBx .anibox .infoArea.reserve {left:auto; right:0;} 

.infoBx .anibox .imgArea {position:absolute; left:365px; top:0; -webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
.infoBx .anibox .imgArea .img {position:relative; width:100%; overflow:hidden; z-index:4;}
.infoBx .anibox .imgArea .img:after {content:""; display:block; clear:both;}
.infoBx .anibox .imgArea .circle {position:absolute; right:6px; top:6px; width:16px; height:16px; background:#fff; border-radius:100px;}
.infoBx .anibox .imgArea .circle.on {background:#ed1c24;}
.infoBx .anibox .imgArea .twinkle_s {display:; position:absolute; right:0; top:0; width:28px; height:28px; background:#ed1c24; border-radius:100px; opacity:0.3;}
.infoBx .anibox .imgArea .cont1 {position:absolute; left:0; top:0; width:50%; height:100%; z-index:10;}
.infoBx .anibox .imgArea .cont1:after {content:""; display:block; clear:both;}
.infoBx .anibox .imgArea .cont2 {position:absolute; left:50%; top:0; width:50%; height:100%; z-index:10;}
.infoBx .anibox .imgArea .cont2:after {content:""; display:block; clear:both;}
.infoBx .anibox .imgArea.reserve {right:auto; left:-70px;}

.infoBx .popupWrap {display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:70;}
.infoBx .popupWrap:after {content:""; display:block; clear:both;}
.infoBx .popupWrap .popupBg {position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.6; z-index:70;}
.infoBx .popupWrap .popupInfo {position:absolute; left:50%; top:50%; width:298px; height:310px; margin:-155px 0 0 -149px; background:#fff; border:1px #555 solid; z-index:90;}
.infoBx .popupWrap .popupInfo .closeBtn {position:absolute; right:-26px; top:-26px;}
.infoBx .popupWrap .popupInfo .popbox {padding:50px 30px 0 50px;}
.infoBx .popupWrap .popupInfo .popbox:after {content:""; display:block; clear:both;}
.infoBx .popupWrap .popupInfo .popbox .ico {width:100%; padding:0 0 16px 0; overflow:hidden;}
.infoBx .popupWrap .popupInfo .popbox strong {display:block; font-size:30px; font-weight:600; padding:0 0 16px 0;}
.infoBx .popupWrap .popupInfo .popbox.type01 strong {color:#ed1c24;}
.infoBx .popupWrap .popupInfo .popbox.type02 strong {color:#404d98;}
.infoBx .popupWrap .popupInfo .popbox.type03 strong {color:#096b2a;}
.infoBx .popupWrap .popupInfo .popbox.type04 strong {color:#00b8df;}
.infoBx .popupWrap .popupInfo .popbox p {width:100%; overflow:hidden; word-break:keep-all;}
.infoBx .popupWrap .popupInfo .popbox p span {font-size:22px; color:#70747a; line-height:1.4;}

.infoBx .dots {position:absolute; left:0; bottom:35px; width:100%; text-align:center; overflow:hidden;}
.infoBx .dots ul:after {content:""; display:block; clear:both;}
.infoBx .dots ul li {display:inline-block; width:16px; height:14px; margin:0 4px; background:url('../images/little/bg_dots.png') left top no-repeat; cursor:pointer;}
.infoBx .dots ul li.on {background:url('../images/little/bg_dots_on.png') left top no-repeat;}


/* classic summer */
.infoBx.summer .anibox .imgArea .cont1 .func1 {position:absolute; left:222px; top:142px;}
.infoBx.summer .anibox .imgArea .cont1 .func2 {position:absolute; left:320px; top:160px;}
.infoBx.summer .anibox .imgArea .cont1 .func3 {position:absolute; left:244px; top:187px;}
.infoBx.summer .anibox .imgArea .cont1 .func4 {position:absolute; left:300px; top:220px;}
.infoBx.summer .anibox .imgArea .cont1 .func5 {position:absolute; left:196px; top:340px;}
.infoBx.summer .anibox .imgArea .cont1 .func6 {position:absolute; left:292px; top:350px;}
.infoBx.summer .anibox .imgArea .cont2 .func1 {position:absolute; left:158px; top:165px;}
.infoBx.summer .anibox .imgArea .cont2 .func2 {position:absolute; left:114px; top:200px;}
.infoBx.summer .anibox .imgArea .cont2 .func3 {position:absolute; left:74px; top:286px;}
.infoBx.summer .anibox .imgArea .cont2 .func4 {position:absolute; left:158px; top:312px;}
.infoBx.summer .anibox .imgArea .cont2 .func5 {position:absolute; left:118px; top:350px;}
.infoBx.summer .anibox .imgArea .cont2 .func6 {position:absolute; left:137px; top:407px;}

.infoBx.summer .anibox .infoArea ul li strong.on {color:#404d98;}
.infoBx.summer .anibox .imgArea .circle {background:#fff;}
.infoBx.summer .anibox .imgArea .circle.on {background:#404d98;}
.infoBx.summer .anibox .imgArea .twinkle_s {background:#404d98;}


.twinkle_s {
-webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}

.twinkle_s.on {
  -webkit-animation-name: twinkle_s;
  animation-name: twinkle_s;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* twinkle */
@-webkit-keyframes twinkle_s {
  25% {
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
	opacity:0.1;
  }

  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
	opacity:0.6;
  }
}

@keyframes twinkle_s {
  25% {
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
	opacity:0.1;
  }

  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
	opacity:0.6;
  }
}



/* rolling */
.swiper-slide,.swiper-wrapper{-webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -ms-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;width:100%;height:100%;position:relative}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:32px;height:32px;margin-top:-16px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.5;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination,.swiper-pagination2{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden,.swiper-pagination2.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:0;left:0;width:100%}.swiper-pagination-bullet{width:14px;height:14px;display:inline-block;border-radius:100%;background:#000;opacity:1}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:url(http://img.esthermall.co.kr/skin/default/images/btn/btn_visual_off.png) center center no-repeat}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 9px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(214,223,234,1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:7.275%;bottom:5px;z-index:50;height:4px;width:85.45%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:6px;width:100%;position:relative;background:rgba(39,113,190,1);border-radius:50px;left:0;top:-1px}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}


/* sector 10 */
#littleSector10 {position:relative; width:100%; background:#fff; z-index:10;}
#littleSector10 .htit {padding:195px 0 52px 0;}
#littleSector10 .htit:after {content:""; display:block; clear:both;}
#littleSector10 .htit p {font-family:'NanumSquareEB'; font-size:24px; color:#333; line-height:1.2; letter-spacing:6px; font-weight:600; padding:0 0 30px 0;}
#littleSector10 .htit span {display:block; font-size:46px; color:#333; line-height:1.3; font-weight:600;}

/* lookbook */
.lbList {position:relative; padding:0 94px;}
.lbList:after {content:""; display:block; clear:both;}
.lbList .thumb {width:100%; overflow:hidden;}
.lbList .thumb .swiper-slide {cursor:pointer; text-align:center;}
.lbList .thumb .swiper-slide img {width:150px;}
.lbList .thumb.set .swiper-slide img {width:240px;}
.lbList .thumbPrev {position:absolute; left:20px; top:50%; display:inline-block; width:74px; height:74px; margin:-37px 0 0 0; background:url('../images/little/btn_thumb_prev.png') left top no-repeat;}
.lbList .thumbPrev:hover {background:url('../images/little/btn_thumb_prev_on.png') left top no-repeat;}
.lbList .thumbNext {position:absolute; right:20px; top:50%; display:inline-block; width:74px; height:74px; margin:-37px 0 0 0; background:url('../images/little/btn_thumb_next.png') left top no-repeat;}
.lbList .thumbNext:hover {background:url('../images/little/btn_thumb_next_on.png') left top no-repeat;}

.lbView {width:100%; border:1px #e4e4e4 solid; margin:27px 0 0 0; overflow:hidden; box-sizing:border-box;}
.lbView:after {content:""; display:block; clear:both;}
.lbView .swiper-slide {text-align:center;}
.lbView .swiper-slide .tit {font-size:15px; color:#70747a; padding:50px 0 30px; text-align:center; word-break:keep-all;}
.lbView .swiper-slide .tit strong {font-family:'NanumSquareRoundR'; font-size:30px; color:#505560; padding:0 18px 0 0;}
.lbView .swiper-slide .tit.b {display:none;}
.lbView .swiper-slide .img {width:540px; margin:0 auto; padding:0 0 20px 0;}
.lbView .swiper-slide .img .b {display:none;}
.lbView .swiper-slide .img img {max-width:100%; padding:0 0 20px 0;}
.lbView .swiper-slide .img.other {width:700px;}
.lbView .swiper-slide .miniThumb {position:absolute; left:0; top:0; width:100%; height:100%;}
.lbView .swiper-slide .miniThumb a img.img {width:200px; padding:0;}
.lbView .swiper-slide .miniThumb .a {position:absolute; right:60px; bottom:60px;}
.lbView .swiper-slide .miniThumb .b {display:none; position:absolute; left:60px; bottom:60px;}
.lbView .swiper-slide .miniThumb .noti {position:absolute; left:66px; top:-24px; width:auto !important;}
.lbView .swiper-slide .miniThumb .noti span {font-family: 'Montserrat', sans-serif; font-size:12px; color:#353e46; font-weight:600; padding:0 0 0 10px;}

.lbView.set .swiper-slide {text-align:left;}
.lbView.set .swiper-slide .img.other2 {width:980px; margin:0;}
.lbView.set .swiper-slide .img.other2 img {margin:0 200px 0 5.46875%;}
.lbView.set .swiper-slide .miniThumb a img.img {width:160px; padding:0;}
.lbView.set .swiper-slide .miniThumb .noti {left:48px;}

.lbView.set.reserve .swiper-slide {text-align:right;}
.lbView.set.reserve .swiper-slide .img.other2 {width:980px; margin:0;}
.lbView.set.reserve .swiper-slide .img.other2 img {margin:0 5.46875% 0 200px;}
.lbView.set.reserve .swiper-slide .miniThumb a img.img {width:160px; padding:0;}
.lbView.set.reserve .swiper-slide .miniThumb .noti {left:48px;}



/* sector 11 */
#littleSector11 {position:relative; width:100%; background:#fff; z-index:10;}
#littleSector11 .htit {padding:195px 0 52px 0;}
#littleSector11 .htit:after {content:""; display:block; clear:both;}
#littleSector11 .htit p {font-family:'NanumSquareEB'; font-size:24px; color:#333; line-height:1.2; letter-spacing:6px; font-weight:600; padding:0 0 30px 0;}
#littleSector11 .htit span {display:block; font-size:46px; color:#333; line-height:1.3; font-weight:600;}



/* sector 12 */
#littleSector12 {position:relative; width:100%; background:#fff; z-index:10;}
#littleSector12 .portfolioWRap {display:none; position:relative; width:100%; height:1000px; background:url('../images/little/bg_little_sector11.png') center top no-repeat; background-size:cover; overflow:hidden;}
#littleSector12 .portfolioWRap ul:after {content:""; display:block; clear:both;}
#littleSector12 .portfolioWRap ul li {opacity:0;}
#littleSector12 .portfolioWRap ul li:nth-child(1) {position:absolute; left:0; top:0;}
#littleSector12 .portfolioWRap ul li:nth-child(2) {position:absolute; right:0; top:0;}



/* sector 13 */
#littleSector13 {position:relative; width:100%; background:#fff; z-index:10;}
#littleSector13 .htit {padding:195px 0 52px 0;}
#littleSector13 .htit:after {content:""; display:block; clear:both;}
#littleSector13 .htit p {font-family:'NanumSquareEB'; font-size:24px; color:#333; line-height:1.2; letter-spacing:6px; font-weight:600; padding:0 0 30px 0;}
#littleSector13 .htit span {display:block; font-size:46px; color:#333; line-height:1.3; font-weight:600;}

#littleSector13 .deviceBox {width:100%; text-align:center; overflow:hidden;}
#littleSector13 .deviceBox ul:after {content:""; display:block; clear:both;}
#littleSector13 .deviceBox ul li {display:inline-block; padding:0 18px; opacity:0;}
#littleSector13 .deviceBox ul li p {font-family:'NanumSquareEB'; font-size:18px; color:#333; line-height:1.2;}
#littleSector13 .deviceBox ul li img {padding:18px 0;}


/* sector 14 */
#littleSector14 {position:relative; width:100%; background:#fff; padding:60px 0 0 0; z-index:10;}
#littleSector14 .response {position:relative; width:100%; overflow:hidden;}
#littleSector14 .response p {position:absolute; left:13.571%; top:80px; width:216px; text-align:center;}
#littleSector14 .response .w {max-width:100%;}


/* sector 15 */
#littleSector15 {position:relative; width:100%; z-index:10;}
#littleSector15 .concept {font-family:'NanumSquareEB'; font-size:68px; color:#aaa; font-weight:800; letter-spacing:6px; padding:234px 0 70px 0;}
#littleSector15 .htit {padding:0 0 95px 0;}
#littleSector15 .htit:after {content:""; display:block; clear:both;}
#littleSector15 .htit span {display:block; font-size:46px; color:#333; line-height:1.3; font-weight:600;}
#littleSector15 .colorList {width:100%; height:392px;}
#littleSector15 .colorList:after {content:""; display:block; clear:both;}
#littleSector15 .colorList ul {margin:0 0 0 -40px;}
#littleSector15 .colorList ul:after {content:""; display:block; clear:both;}
#littleSector15 .colorList ul li {float:left; display:none; margin:0 0 0 40px;  box-shadow:-3px 17px 40px #dedede;}
#littleSector15 .colorList ul li img {margin-top:50px;}


/* sector 16 */
#littleSector16 {position:relative; width:100%; z-index:10;}
#littleSector16 .concept {font-family:'NanumSquareEB'; font-size:68px; color:#aaa; font-weight:800; letter-spacing:6px; padding:192px 0 70px 0;}
#littleSector16 .htit {padding:0 0 95px 0;}
#littleSector16 .htit:after {content:""; display:block; clear:both;}
#littleSector16 .htit span {display:block; font-size:46px; color:#333; line-height:1.3; font-weight:600;}
#littleSector16 .conceptIcon {width:100%; padding:55px 0 120px 0; overflow:hidden;}
#littleSector16 .conceptIcon ul {width:970px; margin:0 auto; overflow:hidden;}
#littleSector16 .conceptIcon ul:after {content:""; display:block; clear:both;}
#littleSector16 .conceptIcon ul li {display:none; float:left; width:20%; text-align:center; padding:20px 0;}
#littleSector16 .conceptIcon ul li img {}
#littleSector16 .conceptIcon ul li p {font-family:'NanumSquareEB'; font-size:19px; color:#555; padding:16px 0 0 0;}
#littleSector16 .model {width:100%; height:450px; background:#b5c3e7; overflow:hidden;}
#littleSector16 .model .swiper-slide {overflow:hidden;}
#littleSector16 .model .swiper-slide .imgArea {position:relative; width:100%; height:100%; text-align:center;}
#littleSector16 .model .swiper-slide .imgArea img {position:absolute; left:50%; bottom:0; margin:0 0 0 -850px;}










/* sector 17 */
#littleSector17 {position:relative; width:100%; padding:95px 0 0 0; z-index:10;}
#littleSector17 .htit {font-family:'NanumSquareEB'; font-size:46px; color:#333; line-height:1.1; padding:0 0 38px 0; text-align:center;}
#littleSector17 .htit:after {content:""; display:block; clear:both;}
#littleSector17 .sbtit {text-align:center; padding:0 0 78px 0;}
#littleSector17 .sbtit:after {content:""; display:block; clear:both;}
#littleSector17 .sbtit p {font-family:'NanumSquareEB'; font-size:12px; color:#888;}
#littleSector17 .sbtit span {display:block; font-family:'NanumSquareEB'; font-size:14px; color:#888; line-height:1.3; font-weight:600; padding:5px 0 0 0;}
#littleSector17 .sbtit span strong {font-family:'NanumSquareEB'; font-size:14px; color:#555; line-height:1.3;}
#littleSector17 .tf {width:730px; margin:0 auto 158px; overflow:hidden;}
#littleSector17 .tf .designTf {float:left; width:60.27%;}
#littleSector17 .tf .sfdTf {float:right; width:30.136%;}
#littleSector17 .tf .tfTit {font-family:'NanumSquareEB'; font-size:14px; color:#555; font-weight:600; border-bottom:1px #666 solid; padding:0 0 6px 0;}
#littleSector17 .tf ul:after {content:""; display:block; clear:both;}
#littleSector17 .tf ul li {float:left; width:50%; font-family:'NanumSquareEB'; font-size:14px; color:#555; line-height:1.2; margin:26px 0 0 0;}
#littleSector17 .tf ul li p {font-family:'NanumSquareEB'; font-size:12px; color:#888; line-height:1.2; padding:0 0 5px 0;}



/* sector 18 */
#littleSector18 {position:relative; width:100%; background:#2c2925; z-index:10; overflow:hidden; word-break:keep-all;}
#littleSector18 .innerW {position:relative;}
#littleSector18 .sfdLogo {position:absolute; left:3.57%; top:16px;}
#littleSector18 .footTxt {width:72%; margin:64px 0 95px 17.142%; padding:14px 0 0 72px; background:url('../images/smart/bg_sector14_quotation01.png') left top no-repeat;}
#littleSector18 .footTxt .insfoot {padding:0 60px 0 0; background:url('../images/smart/bg_sector14_quotation02.png') right bottom no-repeat;}
#littleSector18 .footTxt .insfoot p {font-size:14px; color:#999; line-height:2.4;}
#littleSector18 .footTxt .insfoot span {display:block; font-size:14px; color:#999; line-height:2.4; padding:12px 0 0 0;}




















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

#littlePorBox {width:100%;}
#littleSector01 .littleFixdImg .txtArea {width:1400px; margin:158px 0 0 -700px;}

}




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

#littleSector12 .portfolioWRap ul li:nth-child(1) {left:-5%;}
#littleSector12 .portfolioWRap ul li:nth-child(2) {right:-5%;}



/* control */
#control {left:0; right:auto; top:auto; bottom:55px; width:100%; height:auto; text-align:center; background:url('');}
#control .sector {position:static; top:auto; display:inline; width:auto; margin:0;}
#control .sector ul {display:inline-block;}
#control .sector ul li {display:inline-block; margin:0 8px;}
#control .sector ul li a {padding:0;}
#control .sector ul li a span {display:none !important;}
#control .downArrow {position:static; left:auto; bottom:auto; top:0; display:inline; width:auto; height:auto; background:url('');}
#control .downArrow a {position:static; left:0; top:0; margin:2px 0 0 8px;}

/* scene */
.scene01_child {left:6%;}
#sceneLoop03 .sceneLoop03_cont {right:-220px;}

}




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

#littleSector04 .contextbox .cbox02 {left:20%;}
#littleSector04 .contextbox .cbox03 {left:40%;}
#littleSector04 .contextbox .arrow {right:32%;}

#littleSector12 .portfolioWRap ul li:nth-child(1) {left:-10%;}
#littleSector12 .portfolioWRap ul li:nth-child(2) {right:-10%;}

}




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

#littlePorBox .innerW {width:auto; margin:0 40px;}
#littleSector01 .littleFixdImg .txtArea {left:0; width:auto; margin:158px 0 0 0;}

#littleSector04 .abBackbg {right:-150px;}
#littleSector04 .contextbox .arrow {right:30%;}

#littleSector05 .graph {left:4%;}

#littleSector08 .asis .asisSitemap .item {margin:0 0 0 10%;}
#littleSector08 .tobe .sDiv ul li {margin:0 0 0 4%;}

#littleSector13 .deviceBox ul li {padding:0;}
#littleSector13 .deviceBox ul li:nth-child(1) {width:41.142%}
#littleSector13 .deviceBox ul li:nth-child(2) {width:32%}
#littleSector13 .deviceBox ul li:nth-child(3) {width:21.35%}
#littleSector13 .deviceBox ul li img {width:90%; margin:0 5%;}

#littleSector15 .colorList ul {margin:0 0 0 -20px;}
#littleSector15 .colorList ul li {margin:0 0 0 20px;}
#littleSector15 .colorList ul li img {width:215px;}

}




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

#littleSector12 .portfolioWRap ul li:nth-child(1) {left:-14%;}
#littleSector12 .portfolioWRap ul li:nth-child(2) {right:-14%;}

}


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

#littleSector03 .motion .lsec {top:20px; width:290px; height:290px;}
#littleSector03 .motion .lsec p {padding:100px 0 33px 0;}
#littleSector03 .motion .larrow {left:294px; top:145px; width:120px; background-position:right top;}
#littleSector03 .motion .larrow p {left:8px; bottom:5px; letter-spacing:2px;}

#littleSector03 .motion .rsec {top:20px; width:290px; height:290px;}
#littleSector03 .motion .rsec p {padding:100px 0 33px 0;}
#littleSector03 .motion .rarrow {right:294px; top:145px; width:120px; background-position:left top;}
#littleSector03 .motion .rarrow p {left:8px; bottom:5px; letter-spacing:2px;}

#littleSector03 .motion .point {width:296px; margin:0 0 0 -148px;}
#littleSector03 .motion .point div {width:160px; height:160px;}
#littleSector03 .motion .point div span {padding:65px 0 0 0;}
#littleSector03 .motion .point div.s03 {top:156px; margin:0 0 0 -80px;}

#littleSector04 .contextbox p {font-size:15px; padding:70px 0 45px 0;}
#littleSector04 .contextbox span {font-size:23px;}
#littleSector04 .contextbox .cbox01 {width:300px; height:300px;}
#littleSector04 .contextbox .cbox02 {width:300px; height:300px;}
#littleSector04 .contextbox .cbox03 {width:300px; height:300px;}
#littleSector04 .contextbox .cbox03 span u {font-size:23px;}
#littleSector04 .contextbox .total {width:300px; height:300px;}
#littleSector04 .contextbox .total span {font-size:40px;}
#littleSector04 .contextbox .arrow {top:190px;}
#littleSector04 .values .htit {margin:0 150px 0 0;}
#littleSector04 .values .htit span:nth-child(2) {display:block;}
#littleSector04 .values .htit span {display:inline; line-height:2;}
#littleSector04 .valuesImg {padding:30px 0 0 20%;}
#littleSector04 .valuesInfo {position:relative; left:0; top:0; margin:100px 0 100px 20%;}

#littleSector05 .htit {margin:0 0 0 45%;}
#littleSector05 .htit span {font-size:40px;}
#littleSector05 .htit span strong {font-size:40px;}
#littleSector05 .htxt {margin:40px 0 60px 45%;}
#littleSector05 .htxt span {display:inline; font-size:26px; line-height:2;}
#littleSector05 .htxt span strong {font-size:26px;}
#littleSector05 .graph .imgArea {margin:117px 0 0 13%;}
#littleSector05 .graph .nationwide {left:90px;}
#littleSector05 .graph .nationwide span {font-size:90px;}
#littleSector05 .graph .nationwide p {font-size:22px;}
#littleSector05 .graph .provinces span {font-size:90px;}
#littleSector05 .graph .provinces p {font-size:22px;}


#littleSector08 .asis .asisSitemap .item {margin:0 0 0 6%;}
#littleSector08 .tobe .sDiv ul li {margin:0 0 0 3%;}






/* scene */
.scene01_child {left:-4%;}
#sceneLoop02 .sceneLoop02_cont {left:18%;}
#sceneLoop03 .sceneLoop03_cont {right:-22%;}
#sceneLoop04 .sceneLoop04_cont {left:10%;}

}




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

#littleSector12 .portfolioWRap {height:798px;}
#littleSector12 .portfolioWRap ul li:nth-child(1) {left:-10%;}
#littleSector12 .portfolioWRap ul li:nth-child(1) img {width:760px;}
#littleSector12 .portfolioWRap ul li:nth-child(2) {right:-10%;}
#littleSector12 .portfolioWRap ul li:nth-child(2) img {width:888px;}

}



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

#littleSector01 .littleFixdImg {height:800px;}
#littleSector01 .littleFixdImg .imgArea {margin:0 0 0 -708px;}
#littleSector01 .littleFixdImg .imgArea img {height:800px;}
#littleSector01 .littleFixdImg .txtArea {margin:100px 0 0 0;}
#littleSector01 .littleFixdImg .txtArea .sbtit {padding:180px 0 0 0;}

#littleSector04 .htit .divide span {font-size:42px;}
#littleSector04 .htit .divide span strong {font-size:42px;}

#littleSector04 .sbtit {margin:0 180px 0 0;}
#littleSector04 .sbtit span {display:inline; line-height:2;}

#littleSector04 .contextbox p {font-size:14px; padding:62px 0 30px 0;}
#littleSector04 .contextbox span {font-size:21px;}
#littleSector04 .contextbox .cbox01 {width:260px; height:260px;}
#littleSector04 .contextbox .cbox02 {width:260px; height:260px; left:21%;}
#littleSector04 .contextbox .cbox03 {width:260px; height:260px; left:42%;}
#littleSector04 .contextbox .cbox03 span u {font-size:21px;}
#littleSector04 .contextbox .total {width:260px; height:260px;}
#littleSector04 .contextbox .total span {font-size:37px;}
#littleSector04 .contextbox .total .totalTx {padding:50px 0 0 0;}
#littleSector04 .contextbox .arrow {top:170px; right:27%;}

#littleSector04 .values .htit p {font-size:14px;}
#littleSector04 .values .htit span {font-size:30px;}
#littleSector04 .values .htit span strong {font-size:30px;}
#littleSector04 .valuesImg img {width:400px;}
#littleSector04 .valuesInfo .info01 span {font-size:25px;}
#littleSector04 .valuesInfo .info02 span {font-size:25px;}

#littleSector08 .asis .asisSitemap .item {margin:0 0 0 80px;}
#littleSector08 .asis .asisSitemap .item ul {margin:0 0 0 200px;}
#littleSector08 .tobe {height:754px; background:url('') #000;}
#littleSector08 .tobe .sDiv {margin:0 240px 0 0;}
#littleSector08 .tobe .sDiv ul li {width:30%; margin:0 0 0 3.33333%;}
#littleSector08 .tobe .sDiv ul li ul li {width:auto; margin:0 0 32px 0;}
#littleSector08 .tobe .models {top:auto; right:-10%; bottom:-273px;}
#littleSector08 .tobe .models img {width:480px;}



/* lookbook */
.lbView.set .swiper-slide {text-align:center;}
.lbView.set .swiper-slide .img.other2 {width:auto; margin:0 40px;}
.lbView.set .swiper-slide .img.other2 img {margin:0;}
.lbView.set.reserve .swiper-slide {text-align:center;}
.lbView.set.reserve .swiper-slide .img.other2 {width:auto; margin:0 40px;}
.lbView.set.reserve .swiper-slide .img.other2 img {margin:0;}

#littleSector15 .colorList {height:auto;}
#littleSector15 .colorList ul {margin:0 0 0 -2%;}
#littleSector15 .colorList ul li {width:18%; margin:0 0 0 2%;}
#littleSector15 .colorList ul li img {width:100%;}
#littleSector15 .concept {font-size:64px;}
#littleSector15 .htit span {font-size:42px;}

#littleSector16 .concept {font-size:64px;}
#littleSector16 .htit span {font-size:42px;}

#littleSector17 .htit {font-size:42px;}
#littleSector18 .footTxt {margin:64px 0 95px 19%;}

}




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

#littleSector02 .count {right:5%;}
#littleSector02 .count02 {right:5%;}
#littleSector02 .abimg {right:7%;}

#littleSector04 .htit .divide span {font-size:38px;}
#littleSector04 .htit .divide span strong {font-size:38px;}

#littleSector05 .htit {margin:700px 0 0 0;}
#littleSector05 .graph {left:50%; margin:0 0 0 -255px;}
#littleSector05 .htxt {margin:40px 0 60px 0;}

#littleSector14 .response p {left:10%;}







/* scene */
.scene01_child img {width:600px;}
.scene01_txt {margin:-56px 0 0 0;}
.scene01_txt div.up span {font-size:30px;}
.scene01_txt div.down span {font-size:55px;}
.scene01_txt div.little span img {height:58px;}

#sceneLoop01 .sceneLoop01_cont {width:800px; margin:0 0 0 -360px;}
#sceneLoop01 .sceneLoop01_cont .sceneLoop01_child img {width:520px;}
#sceneLoop01 .sceneLoop01_cont .sceneLoop01_txt01 {top:184px;}
#sceneLoop01 .sceneLoop01_cont .sceneLoop01_txt01 div.up span {font-size:52px;}
#sceneLoop01 .sceneLoop01_cont .sceneLoop01_txt01 div.down span {font-size:52px;}
#sceneLoop01 .sceneLoop01_cont .sceneLoop01_txt02 {top:326px;}
#sceneLoop01 .sceneLoop01_cont .sceneLoop01_txt02 > div span {font-size:19px;}
#sceneLoop01 .sceneLoop01_cont .sceneLoop01_txt03 > div span {font-size:13px;}
#sceneLoop01 .sceneLoop01_cont .sceneLoop01_arr01 {right:214px; top:228px;}

#sceneLoop02 .sceneLoop02_cont {width:665px; height:600px;}
#sceneLoop02 .sceneLoop02_cont .sceneLoop02_child img {width:660px;}
#sceneLoop02 .sceneLoop02_cont .sceneLoop02_txt01 {top:146px;}
#sceneLoop02 .sceneLoop02_cont .sceneLoop02_txt01 div.up span {font-size:52px;}
#sceneLoop02 .sceneLoop02_cont .sceneLoop02_txt01 div.down span {font-size:52px;}
#sceneLoop02 .sceneLoop02_cont .sceneLoop02_txt02 {top:230px;}
#sceneLoop02 .sceneLoop02_cont .sceneLoop02_txt02 > div span {font-size:19px;}
#sceneLoop02 .sceneLoop02_cont .sceneLoop02_txt03 {top:346px; background-size:38px;}
#sceneLoop02 .sceneLoop02_cont .sceneLoop02_txt03 > div span {font-size:13px;}
#sceneLoop02 .sceneLoop02_cont .sceneLoop02_arr01 {left:110px; top:156px;}
#sceneLoop02 .sceneLoop02_cont .sceneLoop02_arr01 .line {transform:rotate(0);}

#sceneLoop03 .sceneLoop03_cont {width:1120px; bottom:30px;}
#sceneLoop03 .sceneLoop03_cont .sceneLoop03_child {right:0; bottom:auto; top:0;}
#sceneLoop03 .sceneLoop03_cont .sceneLoop03_child img {width:900px;}
#sceneLoop03 .sceneLoop03_cont .sceneLoop03_txt01 {top:348px;}
#sceneLoop03 .sceneLoop03_cont .sceneLoop03_txt01 div.up span {font-size:52px;}
#sceneLoop03 .sceneLoop03_cont .sceneLoop03_txt01 div.down span {font-size:52px;}
#sceneLoop03 .sceneLoop03_cont .sceneLoop03_txt02 {top:500px;}
#sceneLoop03 .sceneLoop03_cont .sceneLoop03_txt02 > div span {font-size:19px;}
#sceneLoop03 .sceneLoop03_cont .sceneLoop03_txt03 {top:613px; bottom:auto; background-size:38px;}
#sceneLoop03 .sceneLoop03_cont .sceneLoop03_txt03 > div span {font-size:13px;}
#sceneLoop03 .sceneLoop03_cont .sceneLoop03_arr01 {left:458px; top:504px;}

#sceneLoop04 .sceneLoop04_background {margin:0 0 0 -900px;}
#sceneLoop04 .sceneLoop04_cont {left:9%; bottom:145px; width:720px; height:540px;}
#sceneLoop04 .sceneLoop04_cont .sceneLoop04_child img {width:280px;}
#sceneLoop04 .sceneLoop04_cont .sceneLoop04_arr01 {left:157px; top:110px;}
#sceneLoop04 .sceneLoop04_cont .sceneLoop04_txt01 {left:460px; top:142px;}
#sceneLoop04 .sceneLoop04_cont .sceneLoop04_txt01 div.up span {font-size:52px;}
#sceneLoop04 .sceneLoop04_cont .sceneLoop04_txt01 div.down span {font-size:52px;}
#sceneLoop04 .sceneLoop04_cont .sceneLoop04_txt02 {left:460px; top:230px;}
#sceneLoop04 .sceneLoop04_cont .sceneLoop04_txt02 > div span {font-size:19px;}
#sceneLoop04 .sceneLoop04_cont .sceneLoop04_txt03 {left:460px; top:343px; background-size:38px;}
#sceneLoop04 .sceneLoop04_cont .sceneLoop04_txt03 > div span {font-size:13px;}

/* control */
#control {bottom:40px;}
#control .sector ul li a img {width:46px;}
#control .downArrow a {width:46px; height:46px;}

/* lookbook */
.lbView .swiper-slide .miniThumb .a {right:30px; bottom:30px;}
.lbView .swiper-slide .miniThumb .b {left:30px; bottom:30px;}
.lbView.set .swiper-slide .miniThumb {position:relative; left:0; top:0; width:100%;}
.lbView.set .swiper-slide .miniThumb:after {content:""; display:block; clear:both;}
.lbView.set .swiper-slide .miniThumb .a {position:relative; left:0; right:auto; bottom:auto; float:right; margin:0 30px 0 0;}
.lbView.set .swiper-slide .miniThumb .b {position:relative; left:0; right:auto; bottom:auto; float:left; margin:0 0 0 30px;}


}




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

#littleSector12 .portfolioWRap {height:640px;}
#littleSector12 .portfolioWRap ul li:nth-child(1) {left:-6%;}
#littleSector12 .portfolioWRap ul li:nth-child(1) img {width:610px;}
#littleSector12 .portfolioWRap ul li:nth-child(2) {right:-6%;}
#littleSector12 .portfolioWRap ul li:nth-child(2) img {width:712px;}

}




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

#littleSector01 .littleFixdImg .txtArea .htit p {font-size:15px;}
#littleSector01 .littleFixdImg .txtArea .sbtit p {font-size:15px;}
#littleSector01 .littleFixdImg .txtArea .sbtit .sbox span {font-size:16px;}

#littleSector02 .htit p {font-size:15px;}
#littleSector02 .htit span {font-size:16px;}
#littleSector02 .sbtit .client {font-size:15px;}
#littleSector02 .count .since p {font-size:90px;}
#littleSector02 .count .since p span {font-size:90px;}
#littleSector02 .count .txt {font-size:34px;}
#littleSector02 .count .txt span {font-size:34px;}
#littleSector02 .count02 .since p {font-size:90px;}
#littleSector02 .count02 .since span {font-size:90px;}
#littleSector02 .count02 .txt {font-size:34px;}
#littleSector02 .count02 .txt span {font-size:34px;}

#littleSector03 {height:auto; background:#1b2936;}
#littleSector03 .htit p {font-size:15px;}
#littleSector03 .htit span {display:inline; font-size:16px; line-height:2; padding:0;}
#littleSector03 .motion {width:290px; height:auto; margin:0 auto 126px;}
#littleSector03 .motion .lsec {position:relative; left:0; top:0;}
#littleSector03 .motion .larrow {position:relative; left:0; top:0; width:100%; height:120px; background:url('../images/little/bg_arrow_down.png') center bottom no-repeat;}
#littleSector03 .motion .larrow p {left:170px; bottom:57px;}
#littleSector03 .motion .point {position:relative; left:0; top:0; margin:30px 0; height:318px;}
#littleSector03 .motion .rsec {position:relative; left:0; top:0;}
#littleSector03 .motion .rarrow {position:relative; left:0; top:0; right:auto; width:100%; height:120px; background:url('../images/little/bg_arrow_up.png') center top no-repeat;}
#littleSector03 .motion .rarrow p {left:170px; bottom:47px; top:auto;}

#littleSector04 .htit .divide {margin:0 0 28px 0;}
#littleSector04 .htit .divide span {font-size:35px;}
#littleSector04 .htit .divide span strong {font-size:35px;}

#littleSector04 .sbtit {font-size:15px; padding:160px 0 45px 0; margin:0 100px 0 0;}
#littleSector04 .sbtit span {font-size:16px;}

#littleSector04 .contextbox {width:264px; height:auto; margin:50px auto 100px;}
#littleSector04 .contextbox p {font-size:14px; padding:62px 0 30px 0;}
#littleSector04 .contextbox span {font-size:21px;}
#littleSector04 .contextbox .cbox01 {position:relative; left:0; top:0;}
#littleSector04 .contextbox .cbox02 {position:relative; left:0; top:0; margin:0;}
#littleSector04 .contextbox .cbox03 {position:relative; left:0; top:0; margin:0;}
#littleSector04 .contextbox .arrow {position:relative; left:0; top:0; right:auto; width:100%; height:71px; background:url('../images/little/bg_arrow_down_section4.png') center top no-repeat; margin:0 !important;}
#littleSector04 .contextbox .total {position:relative; left:0; top:0; right:auto; margin:50px 0 0 0;}
#littleSector04 .contextbox .total p {top:-30px;}
#littleSector04 .contextbox .total span {font-size:33px;}
#littleSector04 .contextbox .total .totalTx {padding:58px 0 0 0;}

#littleSector04 .values .htit p {font-size:14px;}
#littleSector04 .values .htit span {font-size:21px;}
#littleSector04 .values .htit span strong {font-size:21px;}
#littleSector04 .valuesImg {padding:30px 0 0 17%;}
#littleSector04 .valuesImg img {width:300px;}
#littleSector04 .valuesInfo {margin:60px 0 60px 17%;}
#littleSector04 .valuesInfo .info01 {padding:0 0 0 198px; margin:0 0 120px 0;}
#littleSector04 .valuesInfo .info01 span {font-size:22px; padding:23px 0 0 0;}
#littleSector04 .valuesInfo .info02  {padding:0 0 0 198px;}
#littleSector04 .valuesInfo .info02 span {font-size:22px; padding:23px 0 0 0;}

#littleSector05 {margin:80px 0 70px 0;}
#littleSector05 .htit {margin:570px 0 0 0;}
#littleSector05 .htit span {font-size:36px;}
#littleSector05 .htit span strong {font-size:36px;}
#littleSector05 .htxt span {font-size:24px;}
#littleSector05 .htxt span strong {font-size:24px;}
#littleSector05 .graph {margin:0 0 0 -254px;}
#littleSector05 .graph .imgArea {width:408px; margin:117px 0 0 100px;}
#littleSector05 .graph .imgArea .img img {width:420px;}
#littleSector05 .graph .imgArea .arrow img {width:240px;}
#littleSector05 .graph .nationwide span {font-size:80px;}
#littleSector05 .graph .nationwide p {font-size:20px;}
#littleSector05 .graph .provinces span {font-size:80px;}
#littleSector05 .graph .provinces p {font-size:20px;}

#littleSector06 .htit p {font-size:15px;}
#littleSector06 .htit span {font-size:16px; line-height:1.4;}
#littleSector06 .aniBlock .list {height:83px;}
#littleSector06 .aniBlock .list p {line-height:1.4; padding:20px 0 19px;}
#littleSector06 .aniBlock .list p span {padding:0 12px 0 0;}
#littleSector06 .aniBlock .list > div { top:-18px !important;
-ms-transform: scale(0.7, 0.7); /* IE 9 */
-webkit-transform: scale(0.7, 0.7); /* Safari */
transform: scale(0.7, 0.7);}


#littleSector07 .htit p {font-size:60px;}
#littleSector07 .htxt span {font-size:20px;}
#littleSector07 .htxt p {font-size:38px;}

#littleSector08 .htit p {font-size:20px;}
#littleSector08 .htit span {font-size:38px;}
#littleSector08 .asis .tit {font-size:22px;}
#littleSector08 .tobeTit {font-size:22px;}

#littleSector09 .htit p {font-size:20px;}
#littleSector09 .htit span {font-size:38px;}

#littleSector10 .htit p {font-size:20px;}
#littleSector10 .htit span {font-size:38px;}

#littleSector11 .htit p {font-size:20px;}
#littleSector11 .htit span {font-size:38px;}

#littleSector13 .htit p{font-size:20px;}
#littleSector13 .htit span {font-size:38px;}

#littleSector15 .concept {font-size:60px; padding:190px 0 45px 0;}
#littleSector15 .htit span {font-size:38px;}

#littleSector16 .concept {font-size:60px; padding:150px 0 45px 0;}
#littleSector16 .htit span {font-size:38px;}
#littleSector16 .conceptIcon {padding:0 0 80px 0;}
#littleSector16 .model {height:371px;}
#littleSector16 .model .swiper-slide .imgArea img {margin:0 0 0 -700px; width:1400px;}

#littleSector18 .footTxt {margin:64px 0 95px 21%; padding:14px 0 0 55px;}
#littleSector18 .sfdLogo {left:2%;}

}





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

#littleSector01 .littleFixdImg .imgArea {margin:0 0 0 -900px;}

/* function */
.infoBx .anibox {width:100%;}
.infoBx .anibox .imgArea {left:320px;}
.infoBx .anibox .infoArea {left:8%; width:320px;}
.infoBx .anibox .infoArea ul li {padding:20px 120px 20px 10px;}
.infoBx .anibox .infoArea ul li .ico {right:30px;}
.infoBx .anibox .infoArea .info2 ul li {padding:20px 10px 20px 120px;}
.infoBx .anibox .infoArea .info2 ul li .ico {left:30px;}
.infoBx .anibox .infoArea.reserve {right:8%;}
.infoBx .anibox .imgArea.reserve {left:-10%;}

}






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

#mainContainer {min-height:700px; max-height:700px;}

/* scene */
.scene01_child {left:-2%;}
.scene01_child img {width:460px;}
.scene01_txt {left:40%; margin:-56px 0 0 0;}
.scene01_txt div.up span {font-size:25px;}
.scene01_txt div.down span {font-size:47px;}
.scene01_txt div.little span img {height:50px;}
.scene01_background {margin:0 0 0 -769px;}
.scene01_background img {width:1538px;}

#sceneLoop01 .sceneLoop01_cont {width:600px; margin:0 0 0 -300px;}
#sceneLoop01 .sceneLoop01_background {margin:0 0 0 -769px;}
#sceneLoop01 .sceneLoop01_background img {width:1538px;}
#sceneLoop01 .sceneLoop01_cont .sceneLoop01_child img {width:420px;}
#sceneLoop01 .sceneLoop01_cont .sceneLoop01_txt01 {top:184px;}
#sceneLoop01 .sceneLoop01_cont .sceneLoop01_txt01 div.up span {font-size:40px;}
#sceneLoop01 .sceneLoop01_cont .sceneLoop01_txt01 div.down span {font-size:40px;}
#sceneLoop01 .sceneLoop01_cont .sceneLoop01_txt02 {top:294px;}
#sceneLoop01 .sceneLoop01_cont .sceneLoop01_txt02 > div span {font-size:17px;}
#sceneLoop01 .sceneLoop01_cont .sceneLoop01_txt03 {top:415px;}
#sceneLoop01 .sceneLoop01_cont .sceneLoop01_txt03 > div span {font-size:12px;}
#sceneLoop01 .sceneLoop01_cont .sceneLoop01_arr01 {right:170px; top:306px;}
#sceneLoop01 .sceneLoop01_cont .sceneLoop01_arr01 .line {display:none;}

#sceneLoop02 .sceneLoop02_cont {left:50%; width:500px; height:400px; margin:0 0 0 -250px;}
#sceneLoop02 .sceneLoop02_background {margin:0 0 0 -769px;}
#sceneLoop02 .sceneLoop02_background img {width:1538px;}
#sceneLoop02 .sceneLoop02_cont .sceneLoop02_child img {width:480px;}
#sceneLoop02 .sceneLoop02_cont .sceneLoop02_txt01 {left:220px; top:50px;}
#sceneLoop02 .sceneLoop02_cont .sceneLoop02_txt01 div.up span {font-size:40px;}
#sceneLoop02 .sceneLoop02_cont .sceneLoop02_txt01 div.down span {font-size:40px;}
#sceneLoop02 .sceneLoop02_cont .sceneLoop02_txt02 {left:220px; top:120px;}
#sceneLoop02 .sceneLoop02_cont .sceneLoop02_txt02 > div span {font-size:17px;}
#sceneLoop02 .sceneLoop02_cont .sceneLoop02_txt03 {left:220px; top:222px; background-size:34px; padding:0 0 0 47px;}
#sceneLoop02 .sceneLoop02_cont .sceneLoop02_txt03 > div span {font-size:12px;}
#sceneLoop02 .sceneLoop02_cont .sceneLoop02_arr01 {left:86px; top:70px;}
#sceneLoop02 .sceneLoop02_cont .sceneLoop02_arr01 .line {display:none;}

#sceneLoop03 .sceneLoop03_cont {width:786px;}
#sceneLoop03 .sceneLoop03_background {margin:0 0 0 -769px;}
#sceneLoop03 .sceneLoop03_background img {width:1538px;}
#sceneLoop03 .sceneLoop03_cont .sceneLoop03_child {right:0; bottom:auto; top:0;}
#sceneLoop03 .sceneLoop03_cont .sceneLoop03_child img {width:600px;}
#sceneLoop03 .sceneLoop03_cont .sceneLoop03_txt01 {top:303px;}
#sceneLoop03 .sceneLoop03_cont .sceneLoop03_txt01 div.up span {font-size:40px;}
#sceneLoop03 .sceneLoop03_cont .sceneLoop03_txt01 div.down span {font-size:40px;}
#sceneLoop03 .sceneLoop03_cont .sceneLoop03_txt02 {top:424px;}
#sceneLoop03 .sceneLoop03_cont .sceneLoop03_txt02 > div span {font-size:17px;}
#sceneLoop03 .sceneLoop03_cont .sceneLoop03_txt03 {top:522px; background-size:34px; padding:0 0 0 47px;}
#sceneLoop03 .sceneLoop03_cont .sceneLoop03_txt03 > div span {font-size:12px;}
#sceneLoop03 .sceneLoop03_cont .sceneLoop03_arr01 {left:350px; top:336px;}
#sceneLoop03 .sceneLoop03_cont .sceneLoop03_arr01 .line {display:none;}

#sceneLoop04 .sceneLoop04_cont {left:20%; bottom:120px; width:480px; height:440px;}
#sceneLoop04 .sceneLoop04_background {margin:0 0 0 -660px;}
#sceneLoop04 .sceneLoop04_background img {width:1538px;}
#sceneLoop04 .sceneLoop04_cont .sceneLoop04_child img {width:220px;}
#sceneLoop04 .sceneLoop04_cont .sceneLoop04_txt01 {left:290px; top:100px;}
#sceneLoop04 .sceneLoop04_cont .sceneLoop04_txt01 div.up span {font-size:40px;}
#sceneLoop04 .sceneLoop04_cont .sceneLoop04_txt01 div.down span {font-size:40px;}
#sceneLoop04 .sceneLoop04_cont .sceneLoop04_txt02 {left:292px; top:168px;}
#sceneLoop04 .sceneLoop04_cont .sceneLoop04_txt02 > div span {font-size:17px;}
#sceneLoop04 .sceneLoop04_cont .sceneLoop04_txt03 {left:292px; top:263px; background-size:34px; padding:0 0 0 47px;}
#sceneLoop04 .sceneLoop04_cont .sceneLoop04_txt03 > div span {font-size:12px;}
#sceneLoop04 .sceneLoop04_cont .sceneLoop04_arr01 {left:130px; top:98px;}
#sceneLoop04 .sceneLoop04_cont .sceneLoop04_arr01 .line {display:none;}

/* lookbook */
.lbView .swiper-slide .miniThumb {position:relative; left:0; top:0; width:100%; margin:-30px 0 30px 0;}
.lbView .swiper-slide .miniThumb:after {content:""; display:block; clear:both;}
.lbView .swiper-slide .miniThumb .a {position:relative; left:0; right:auto; bottom:auto; float:right; margin:0 30px 0 0;}
.lbView .swiper-slide .miniThumb .b {position:relative; left:0; right:auto; bottom:auto; float:left; margin:0 0 0 30px;}


#littleSector16 .conceptIcon ul {width:826px;}



}



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

#littleSector12 .portfolioWRap ul li:nth-child(1) {left:-13%;}
#littleSector12 .portfolioWRap ul li:nth-child(2) {right:-13%;}

}




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

#littleSector02 .htit span {display:inline; padding:0; line-height:2;}
#littleSector02 .sns {padding:30px 0 70px 0;}


#littleSector02 .rsection {position:relative; width:360px; margin:0 auto; overflow:hidden;}
#littleSector02 .count {position:relative; left:0; right:auto; top:0;}
#littleSector02 .count02 {position:relative; left:0; right:auto; top:0;}
#littleSector02 .abimg {position:relative; left:0; right:auto; top:0; padding:30px 0 0 0;}
#littleSector02 .abimg img {width:320px;}

#littleSector04 .htit .divide {margin:0 0 24px 0;}
#littleSector04 .htit .divide span {font-size:30px;}
#littleSector04 .htit .divide span strong {font-size:30px;}
#littleSector04 .abBackbg {right:-100px;}
#littleSector04 .abBackbg img {width:1100px;}

#littleSector04 .valuesInfo .circle {width:120px; height:120px;}
#littleSector04 .valuesInfo .circle p {padding:54px 0 0 0; font-size:14px;}
#littleSector04 .valuesInfo .arrow {left:58px; top:80px;}
#littleSector04 .valuesInfo .info01 {padding:0 0 0 156px; margin:0 0 72px 0;}
#littleSector04 .valuesInfo .info01 span {font-size:20px; padding:15px 0 0 0;}
#littleSector04 .valuesInfo .info02 {padding:0 0 0 156px;}
#littleSector04 .valuesInfo .info02 span {font-size:20px; padding:15px 0 0 0;}

#littleSector06 .htit span {display:inline; line-height:2;}

#littleSector08 .asis .asisSitemap .item {margin:0 0 0 60px;}
#littleSector08 .asis .asisSitemap .item p {font-size:18px;}
#littleSector08 .asis .asisSitemap .item ul {margin:0 0 0 174px; padding:0 0 30px 40px;}
#littleSector08 .asis .asisSitemap .item ul li {font-size:18px; margin:0 35px 0 0;}
#littleSector08 .asis .asisSitemap .item:last-child ul {padding:0 0 0 40px;}

#littleSector08 .tobe .sDiv {margin:0 220px 0 0;}
#littleSector08 .tobe .sDiv ul li p {font-size:15px;}
#littleSector08 .tobe .sDiv ul li ul li {font-size:15px;}
#littleSector08 .tobe .models {right:-17%;}

#littleSector14 .response p {left:8%; top:30px; width:142px;}
#littleSector14 .response p img {height:100px;}


/* function */
.infoBx .anibox .infoArea {display:none;}
.infoBx .anibox .imgArea {position:relative; left:0; top:0; width:640px; margin:0 auto;}
.infoBx .anibox .imgArea.reserve {position:relative; left:0; top:0; width:640px; margin:0 auto;}
.infoBx .dots {display:none;}

#littleSector17 .tf {width:100%;}

}



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

#littleSector16 .model {height:265px;}
#littleSector16 .model .swiper-slide .imgArea img {margin:0 0 0 -500px; width:1000px;}

}




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

.lbView .swiper-slide .img.other {width:auto; margin:0 15px;}

#littleSector12 .portfolioWRap {height:520px;}
#littleSector12 .portfolioWRap ul li:nth-child(1) {left:-10%;}
#littleSector12 .portfolioWRap ul li:nth-child(1) img {width:496px;}
#littleSector12 .portfolioWRap ul li:nth-child(2) {right:-10%;}
#littleSector12 .portfolioWRap ul li:nth-child(2) img {width:580px;}

#littleSector16 .conceptIcon ul {width:660px;}
#littleSector16 .conceptIcon ul li img {width:90px;}
#littleSector16 .conceptIcon ul li p {font-size:16px;}


}




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

#littleSector04 .htit .divide {margin:0 0 20px 0;}
#littleSector04 .htit .divide span {font-size:26px;}
#littleSector04 .htit .divide span strong {font-size:26px;}
#littleSector04 .abBackbg {right:-110px;}
#littleSector04 .abBackbg img {width:1000px;}

#littleSector07 .htit p {font-size:50px;}
#littleSector07 .htxt span {font-size:20px;}
#littleSector07 .htxt p {font-size:35px;}

#littleSector08 .htit p {font-size:20px;}
#littleSector08 .htit span {font-size:35px;}
#littleSector08 .asis .tit {font-size:20px;}
#littleSector08 .tobeTit {font-size:20px;}

#littleSector08 .asis .asisSitemap .item {margin:0 0 0 10%;}
#littleSector08 .asis .asisSitemap .item p {font-size:16px;}
#littleSector08 .asis .asisSitemap .item ul {margin:0 0 0 150px; padding:0 0 30px 30px;}
#littleSector08 .asis .asisSitemap .item ul li {font-size:16px; margin:0 25px 0 0;}
#littleSector08 .asis .asisSitemap .item:last-child ul {padding:0 0 0 30px;}

#littleSector08 .tobe {height:780px;}
#littleSector08 .tobe .sDiv {margin:0;}
#littleSector08 .tobe .sDiv ul li {margin:0 0 30px 3.33333%;}
#littleSector08 .tobe .models {right:-20%; bottom:-216px;}
#littleSector08 .tobe .models img {width:380px;}

#littleSector09 .htit p {font-size:20px;}
#littleSector09 .htit span {display:inline; font-size:35px; word-break:keep-all;}

#littleSector10 .htit p {font-size:20px;}
#littleSector10 .htit span {display:inline; font-size:35px; word-break:keep-all;}

#littleSector11 .htit p {font-size:20px;}
#littleSector11 .htit span {display:inline; font-size:35px; word-break:keep-all;}

#littleSector12 .portfolioWRap ul li:nth-child(1) {left:-13%;}
#littleSector12 .portfolioWRap ul li:nth-child(2) {right:-13%;}

#littleSector13 .htit p {font-size:20px;}
#littleSector13 .htit span {display:inline; font-size:35px; word-break:keep-all;}

#littleSector14 .response p {left:5%; width:116px;}
#littleSector14 .response p img {height:80px;}

#littleSector15 .colorList ul li {width:31.33%; margin:0 0 20px 2%;}

#littleSector16 .conceptIcon ul {width:600px;}
#littleSector16 .conceptIcon ul li img {width:80px;}
#littleSector16 .conceptIcon ul li p {font-size:15px;}

#littleSector18 .sfdLogo {position:relative; left:0; top:0; margin:40px 0 0 0; text-align:center;}
#littleSector18 .footTxt {width:auto; margin:40px 0 50px 0;}

}





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

.infoBx .anibox .imgArea {-webkit-transform:scale(.8); -moz-transform:scale(.8); -ms-transform:scale(.8); -o-transform:scale(.8); transform:scale(.8);}

#littleSector12 .portfolioWRap {height:480px;}
#littleSector12 .portfolioWRap ul li:nth-child(1) {left:-13%;}
#littleSector12 .portfolioWRap ul li:nth-child(1) img {width:458px;}
#littleSector12 .portfolioWRap ul li:nth-child(2) {right:-13%;}
#littleSector12 .portfolioWRap ul li:nth-child(2) img {width:534px;}


}




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

#mainContainer {min-height:540px;}
#mainContainer .bg {height:80px;}
#mainContainer .bg img {height:80px;}


#littleSector04 .htit .divide {margin:0 0 18px 0;}
#littleSector04 .htit .divide span {font-size:23px;}
#littleSector04 .htit .divide span strong {font-size:23px;}
#littleSector04 .abBackbg {right:-90px;}
#littleSector04 .abBackbg img {width:900px;}

#littleSector04 .values .htit p {font-size:14px;}
#littleSector04 .values .htit span {font-size:21px;}
#littleSector04 .values .htit span strong {font-size:21px;}
#littleSector04 .valuesImg {padding:30px 0 0 12%;}
#littleSector04 .valuesInfo {margin:60px 0 60px 12%;}

#littleSector08 .tobe .models {right:-20%; bottom:-182px;}
#littleSector08 .tobe .models img {width:320px;}



.scene01_child {left:50%; margin:0 0 0 -200px;}
.scene01_child img {width:340px;}
.scene01_txt {left:0; top:20%; width:100%; text-align:center; margin:0;}
.scene01_txt div.up span {font-size:22px;}
.scene01_txt div.down span {font-size:30px; padding:0;}
.scene01_txt div.little {padding:0;}
.scene01_txt div.little span img {height:34px;}

#sceneLoop01 .sceneLoop01_cont {left:0; width:100%; height:100%; margin:0;}
#sceneLoop01 .sceneLoop01_cont .sceneLoop01_child {right:auto; left:0; width:100%; bottom:20px; text-align:center;}
#sceneLoop01 .sceneLoop01_cont .sceneLoop01_child img {width:300px; margin:0 -10px 0 0;}
#sceneLoop01 .sceneLoop01_cont .sceneLoop01_arr01 {display:none;}
#sceneLoop01 .sceneLoop01_cont .sceneLoop01_txt02 {display:none;}
#sceneLoop01 .sceneLoop01_cont .sceneLoop01_txt01 {top:100px; width:100%; text-align:center;}
#sceneLoop01 .sceneLoop01_cont .sceneLoop01_txt01 div.up span {font-size:26px; font-weight:600;}
#sceneLoop01 .sceneLoop01_cont .sceneLoop01_txt01 div.down span {font-size:26px; font-weight:600;}
#sceneLoop01 .sceneLoop01_cont .sceneLoop01_txt03 {top:240px; left:50%; width:178px; margin:0 0 0 -89px; padding:0 0 0 50px; background-size:40px 31px;}

#sceneLoop02 .sceneLoop02_cont {left:0; width:100%; height:100%; margin:0;}
#sceneLoop02 .sceneLoop02_background {margin:0 0 0 -610px;}
#sceneLoop02 .sceneLoop02_cont .sceneLoop02_child {width:100%; text-align:center;}
#sceneLoop02 .sceneLoop02_cont .sceneLoop02_child img {width:400px; margin:0 -280px 0 0;}
#sceneLoop02 .sceneLoop02_cont .sceneLoop02_txt02 {display:none;}
#sceneLoop02 .sceneLoop02_cont .sceneLoop02_arr01 {display:none;}
#sceneLoop02 .sceneLoop02_cont .sceneLoop02_txt01 {width:100%; left:0; top:100px; text-align:center;}
#sceneLoop02 .sceneLoop02_cont .sceneLoop02_txt01 div.up span {font-size:26px; font-weight:600;}
#sceneLoop02 .sceneLoop02_cont .sceneLoop02_txt03 {top:214px; left:50%; width:188px; margin:0 0 0 -94px;}

#sceneLoop03 .sceneLoop03_cont {width:100%; bottom:auto; top:0; right:auto;}
#sceneLoop03 .sceneLoop03_background {margin:0 0 0 -917px;}
#sceneLoop03 .sceneLoop03_cont .sceneLoop03_arr01 {display:none;}
#sceneLoop03 .sceneLoop03_cont .sceneLoop03_txt01 {top:100px; bottom:auto; width:134px; text-align:center; margin:0 0 0 20px;}
#sceneLoop03 .sceneLoop03_cont .sceneLoop03_txt01 div.up span {font-size:26px;}
#sceneLoop03 .sceneLoop03_cont .sceneLoop03_txt01 div.down span {font-size:26px;}
#sceneLoop03 .sceneLoop03_cont .sceneLoop03_txt02 {display:none;}
#sceneLoop03 .sceneLoop03_cont .sceneLoop03_txt03 {top:240px; left:0; width:134px; margin:0 0 0 20px;}
#sceneLoop03 .sceneLoop03_cont .sceneLoop03_child {left:0; right:auto; text-align:right;}
#sceneLoop03 .sceneLoop03_cont .sceneLoop03_child img {width:540px; margin:0 -14% 0 0;}

#sceneLoop04 .sceneLoop04_cont {top:0; bottom:auto; left:0; width:100%; height:100%;}
#sceneLoop04 .sceneLoop04_cont .sceneLoop04_child {bottom:80px; width:100%; text-align:center;}
#sceneLoop04 .sceneLoop04_cont .sceneLoop04_child img {width:160px; margin:0 0 0 -30px;}
#sceneLoop04 .sceneLoop04_cont .sceneLoop04_arr01 {display:none;}
#sceneLoop04 .sceneLoop04_cont .sceneLoop04_txt01 {top:100px; left:0; width:100%; text-align:center;}
#sceneLoop04 .sceneLoop04_cont .sceneLoop04_txt01 div.up span {font-size:26px;}
#sceneLoop04 .sceneLoop04_cont .sceneLoop04_txt01 div.down span {font-size:26px;}
#sceneLoop04 .sceneLoop04_cont .sceneLoop04_txt02 {display:none;}
#sceneLoop04 .sceneLoop04_cont .sceneLoop04_txt03 {top:214px; left:50%; width:142px; margin:0 0 0 -71px;}
#sceneLoop04 .sceneLoop04_background {margin:0 0 0 -550px;}
#sceneLoop04 .sceneLoop04_background img {width:1440px;}

#control {bottom:30px;}
#control .sector ul li {margin:0 4px;}
#control .sector ul li a img {width:30px;}
#control .downArrow a {width:30px; height:30px;}



/* lookbook */
.lbList {padding:0 60px;}
.lbList .thumb .swiper-slide img {width:120px;}
.lbList .thumbPrev {left:12px; width:42px; height:42px; background-size:42px; margin:-21px 0 0 0;}
.lbList .thumbPrev:hover {background-size:42px;}
.lbList .thumbNext {right:12px; width:42px; height:42px; background-size:42px; margin:-21px 0 0 0;}
.lbList .thumbNext:hover {background-size:42px;}
.lbList .thumb.set .swiper-slide img {width:180px;}

.lbView .swiper-slide .tit {font-size:13px; padding:26px 0 16px;}
.lbView .swiper-slide .tit strong {display:block; font-size:20px; padding:0 0 5px 0;}

.lbView .swiper-slide .miniThumb {margin:0 0 15px 0;}
.lbView .swiper-slide .miniThumb .a {margin:0 15px 0 0;}
.lbView .swiper-slide .miniThumb .b {margin:0 0 0 15px;}
.lbView .swiper-slide .miniThumb a img.img {width:100px;}
.lbView .swiper-slide .miniThumb .noti {left:10px; top:-25px;}
.lbView .swiper-slide .miniThumb .noti img {width:16px;}
.lbView .swiper-slide .miniThumb .noti span {font-size:10px;}

.lbView.set .swiper-slide .miniThumb .a {margin:0 15px 0 0;}
.lbView.set .swiper-slide .miniThumb .b {margin:0 0 0 15px;}
.lbView.set .swiper-slide .miniThumb a img.img {width:100px;}
.lbView.set .swiper-slide .miniThumb .noti {left:24px; top:-15px;}
.lbView.set .swiper-slide .miniThumb .noti img {width:16px;}
.lbView.set .swiper-slide .miniThumb .noti span {font-size:10px;}

.lbView.set.reserve .swiper-slide .miniThumb .a {margin:0 15px 0 0;}
.lbView.set.reserve .swiper-slide .miniThumb .b {margin:0 0 0 15px;}
.lbView.set.reserve .swiper-slide .miniThumb a img.img {width:100px;}
.lbView.set.reserve .swiper-slide .miniThumb .noti {left:24px; top:-15px;}
.lbView.set.reserve .swiper-slide .miniThumb .noti img {width:16px;}
.lbView.set.reserve .swiper-slide .miniThumb .noti span {font-size:10px;}

.lbView .swiper-slide .img {width:100%;}


/* function */
.infoBx {padding:55px 0 30px;}
.infoBx .tit {left:25px; top:20px;}
.infoBx .tit.type02 {font-size:16px;}
.infoBx .tit.type02 strong {font-size:16px;}
.infoBx .tit.type02 span {font-size:11px;}

.infoBx .anibox {height:400px;}
.infoBx .anibox .imgArea {position:absolute; left:50%; width:380px; margin:0 0 0 -190px; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}
.infoBx .anibox .imgArea.reserve {position:absolute; left:50%; width:380px; margin:0 0 0 -190px; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}
.infoBx .anibox .imgArea .img img {width:100%;}
.infoBx .anibox .imgArea .circle {right:3px; top:3px; width:12px; height:12px;}
.infoBx .anibox .imgArea .twinkle_s {width:18px; height:18px;}

.infoBx .popupWrap .popupInfo {width:240px; height:210px; margin:-105px 0 0 -120px;}
.infoBx .popupWrap .popupInfo .closeBtn {position:absolute; right:-16px; top:-16px;}
.infoBx .popupWrap .popupInfo .closeBtn img {width:32px;}
.infoBx .popupWrap .popupInfo .popbox {padding:25px 34px 0 34px;}
.infoBx .popupWrap .popupInfo .popbox .ico {padding:0 0 10px 0;}
.infoBx .popupWrap .popupInfo .popbox .ico img {width:50px;}
.infoBx .popupWrap .popupInfo .popbox strong {font-size:20px; padding:0 0 10px 0;}
.infoBx .popupWrap .popupInfo .popbox p span {font-size:15px;}


/* classic summer */
.infoBx.summer .anibox .imgArea .cont1 .func1 {left:132px; top:84px;}
.infoBx.summer .anibox .imgArea .cont1 .func2 {left:190px; top:94px;}
.infoBx.summer .anibox .imgArea .cont1 .func3 {left:144px; top:110px;}
.infoBx.summer .anibox .imgArea .cont1 .func4 {left:179px; top:130px;}
.infoBx.summer .anibox .imgArea .cont1 .func5 {left:120px; top:202px;}
.infoBx.summer .anibox .imgArea .cont1 .func6 {left:175px; top:207px;}
.infoBx.summer .anibox .imgArea .cont2 .func1 {left:92px; top:98px;}
.infoBx.summer .anibox .imgArea .cont2 .func2 {left:70px; top:120px;}
.infoBx.summer .anibox .imgArea .cont2 .func3 {left:45px; top:168px;}
.infoBx.summer .anibox .imgArea .cont2 .func4 {left:96px; top:185px;}
.infoBx.summer .anibox .imgArea .cont2 .func5 {left:70px; top:210px;}
.infoBx.summer .anibox .imgArea .cont2 .func6 {left:82px; top:242px;}


#littleSector12 .portfolioWRap ul li:nth-child(1) {left:-20%;}
#littleSector12 .portfolioWRap ul li:nth-child(2) {right:-20%;}

#littleSector16 .conceptIcon ul {width:540px;}
#littleSector16 .conceptIcon ul li {width:25%;}


#littleSector17 .tf .designTf {float:none; width:100%;}
#littleSector17 .tf .sfdTf {float:none; width:100%; margin:100px 0 0 0;}


}


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

#littleSector12 .portfolioWRap ul li:nth-child(1) {left:-24%;}
#littleSector12 .portfolioWRap ul li:nth-child(2) {right:-24%;}

}



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

/* project content */
.project .closed img {width:38px;}
.project .closed ul li .listProject .txtArea {width:60px; height:38px; padding:0 7px 0 45px; font-size:10px;}
.project .closed ul li .listProject .imgArea img {width:38px;}

#littlePorBox .innerW {margin:0 20px;}

#littleSector01 .littleFixdImg {height:462px;}
#littleSector01 .littleFixdImg .imgArea {margin:0 0 0 -500px;}
#littleSector01 .littleFixdImg .imgArea img {height:462px;}
#littleSector01 .littleFixdImg .txtArea {margin:74px 0 0 0;}
#littleSector01 .littleFixdImg .txtArea .htit p {font-size:9px; padding:0 0 10px 0;}
#littleSector01 .littleFixdImg .txtArea .htit .sbox {padding:0 0 35px 0; background-size:34px auto;}
#littleSector01 .littleFixdImg .txtArea .htit .sbox span {font-size:16px; padding:2px 0 0 0;}
#littleSector01 .littleFixdImg .txtArea .sbtit {padding:90px 0 0 0;}
#littleSector01 .littleFixdImg .txtArea .sbtit p {font-size:9px; padding:0 0 10px 0;}
#littleSector01 .littleFixdImg .txtArea .sbtit .sbox span {display:inline; font-size:11px; line-height:1.6}

#littleSector02 .htit {padding:76px 0 26px 0;}
#littleSector02 .htit p {font-size:9px; letter-spacing:3px; padding:0 0 10px 0;}
#littleSector02 .htit span {font-size:11px;}
#littleSector02 .htit span strong {font-size:11px;}
#littleSector02 .sbtit .client {font-size:10px; padding:0 0 7px 0;}
#littleSector02 .sbtit .day {font-size:10px; padding:0 0 7px 0;}
#littleSector02 .sbtit .link {padding:0 0 5px 0;}
#littleSector02 .sbtit .link a {font-size:10px;}
#littleSector02 .sbtit .inf {padding:0 0 20px 0;}
#littleSector02 .sbtit .inf span {font-size:10px;}
#littleSector02 .sbtit .btn {margin:0;}
#littleSector02 .sbtit .btn a {width:136px; height:38px; line-height:40px; font-size:12px;}
#littleSector02 .sns {padding:20px 0 40px 0;}
#littleSector02 .sns ul li {padding:0 12px 0 0;}
#littleSector02 .sns ul li p {font-size:14px; line-height:1.3;}
#littleSector02 .sns ul li img {height:18px;}
#littleSector02 .sns ul li .linkIcon {height:18px;}

#littleSector02 .rsection {width:240px;}
#littleSector02 .count {width:100%;}
#littleSector02 .count .since p {font-size:45px;}
#littleSector02 .count .since span {font-size:45px;}
#littleSector02 .count .txt {font-size:17px;}
#littleSector02 .count .txt span {font-size:17px;}
#littleSector02 .count02 {width:100%;}
#littleSector02 .count02 .since p {font-size:45px;}
#littleSector02 .count02 .since span {font-size:45px; letter-spacing:15px; margin:0 -13px 0 0;}
#littleSector02 .count02 .txt {font-size:17px;}
#littleSector02 .count02 .txt span {font-size:17px;}
#littleSector02 .abimg {text-align:center;}
#littleSector02 .abimg img {width:200px;}

#littleSector03 .htit {padding:76px 0 50px 0;}
#littleSector03 .htit p {font-size:9px;}
#littleSector03 .htit span {font-size:11px;}
#littleSector03 .motion {width:214px; height:auto; margin:0 auto 60px;}
#littleSector03 .motion .lsec {width:210px; height:210px;}
#littleSector03 .motion .lsec p {font-size:12px; padding:84px 0 15px 0;}
#littleSector03 .motion .lsec span {font-size:23px;}
#littleSector03 .motion .larrow {height:100px; background-size:18px 100px;}
#littleSector03 .motion .larrow p {left:130px; bottom:48px; font-size:9px;}

#littleSector03 .motion .point {position:relative; left:0; top:0; margin:15px auto; width:196px; height:205px;} 
#littleSector03 .motion .point p {font-size:10px; letter-spacing:5px;}
#littleSector03 .motion .point div {width:106px; height:106px;}
#littleSector03 .motion .point div span {font-size:18px; padding:45px 0 0 0;}
#littleSector03 .motion .point div.s01 {top:25px;}
#littleSector03 .motion .point div.s02 {top:25px;}
#littleSector03 .motion .point div.s03 {top:105px; margin:0 0 0 -53px;}

#littleSector03 .motion .rsec {width:210px; height:210px;}
#littleSector03 .motion .rsec p {font-size:12px; padding:84px 0 15px 0;}
#littleSector03 .motion .rsec span {font-size:23px;}
#littleSector03 .motion .rarrow {height:100px; background-size:18px 100px;}
#littleSector03 .motion .rarrow p {left:130px; bottom:42px; font-size:9px;}

#littleSector04 .htit {padding:76px 0 0 0;}
#littleSector04 .htit .divide {display:inline; margin:0 0 16px 0;}
#littleSector04 .htit .divide span {font-size:21px; line-height:2;}
#littleSector04 .htit .divide span strong {font-size:21px;}
#littleSector04 .abBackbg {display:none;}

#littleSector04 .sbtit {font-size:9px; padding:76px 0 25px 0; margin:0;}
#littleSector04 .sbtit span {font-size:11px;}

#littleSector04 .contextbox {width:204px; margin:25px auto 50px;}
#littleSector04 .contextbox p {font-size:9px; padding:50px 0 25px 0; letter-spacing:3px;}
#littleSector04 .contextbox span {font-size:15px; padding:0 0 10px 0;}
#littleSector04 .contextbox .cbox01 {width:200px; height:200px; border-width:2px;}
#littleSector04 .contextbox .cbox02 {width:200px; height:200px; border-width:2px;}
#littleSector04 .contextbox .cbox03 {width:200px; height:200px; border-width:2px;}
#littleSector04 .contextbox .cbox03 span u {font-size:15px;}
#littleSector04 .contextbox .arrow {background-size:18px 46px; height:46px;}
#littleSector04 .contextbox .total {width:204px; height:204px;}
#littleSector04 .contextbox .total p {top:-30px;}
#littleSector04 .contextbox .total span {font-size:22px; padding:0 0 14px 0;}
#littleSector04 .contextbox .total .totalTx {padding:58px 0 0 0;}

#littleSector04 .values .htit {margin:0;}
#littleSector04 .values .htit p {font-size:9px; padding:0 0 4px 0;}
#littleSector04 .values .htit span {font-size:15px;}
#littleSector04 .values .htit span strong {font-size:15px;}
#littleSector04 .valuesImg {width:100%; padding:30px 0 0 0; text-align:center;}
#littleSector04 .valuesImg img {width:260px;}
#littleSector04 .valuesInfo {width:300px; margin:40px auto 60px;}
#littleSector04 .valuesInfo .circle {width:100px; height:100px;}
#littleSector04 .valuesInfo .circle p {font-size:11px; padding:46px 0 0 0;}
#littleSector04 .valuesInfo .info01 {padding:0 0 0 122px; margin:0 0 52px 0;}
#littleSector04 .valuesInfo .info01 span {font-size:14px;}
#littleSector04 .valuesInfo .info02 {padding:0 0 0 122px; min-height:100px;}
#littleSector04 .valuesInfo .info02 span {font-size:14px;}
#littleSector04 .valuesInfo .arrow {left:48px; top:63px;}


#littleSector05 {margin:40px 0 35px 0;}
#littleSector05 .htit {margin:400px 0 0 0;}
#littleSector05 .htit span {font-size:21px; padding:0 0 12px 0;}
#littleSector05 .htit span strong {font-size:21px;}
#littleSector05 .htxt {margin:20px 0 30px 0;}
#littleSector05 .htxt span {font-size:15px;}
#littleSector05 .htxt span strong {font-size:15px;}

#littleSector05 .graph {margin:0 0 0 -164px;}
#littleSector05 .graph .imgArea {width:228px; margin:117px 0 0 100px;}
#littleSector05 .graph .imgArea .img img {width:240px;}
#littleSector05 .graph .imgArea .arrow img {width:140px;}
#littleSector05 .graph .nationwide span {font-size:60px;}
#littleSector05 .graph .nationwide p {font-size:15px;}
#littleSector05 .graph .provinces span {font-size:60px;}
#littleSector05 .graph .provinces p {font-size:15px;}


#littleSector06 .htit {padding:75px 0 47px 0;}
#littleSector06 .htit p {font-size:10px; letter-spacing:4px; padding:0 0 20px 0;}
#littleSector06 .htit span {font-size:11px;}

#littleSector06 .aniBlock {padding:0 0 88px 0;}
#littleSector06 .aniBlock .list {height:60px;}
#littleSector06 .aniBlock .list > div { top:-29px !important;
-ms-transform: scale(0.5, 0.5); /* IE 9 */
-webkit-transform: scale(0.5, 0.5); /* Safari */
transform: scale(0.5, 0.5);}
#littleSector06 .aniBlock .list p {font-size:9px; padding:18px 0;}
#littleSector06 .aniBlock .list p span {font-size:9px; padding:0 8px 0 0;}

#littleSector07 .htit {padding:96px 0 60px 0;}
#littleSector07 .htit p {font-size:35px;}
#littleSector07 .htxt {padding:0 0 30px 0;}
#littleSector07 .htxt span {font-size:10px; padding:0 0 16px 0;}
#littleSector07 .htxt p {font-size:22px;}

#littleSector08 .htit {padding:75px 0 25px 0;}
#littleSector08 .htit p {font-size:10px; padding:0 0 16px 0;}
#littleSector08 .htit span {font-size:22px;}
#littleSector08 .asis .tit {font-size:12px; padding:0 0 10px 0;}
#littleSector08 .asis .asisSitemap {padding:30px 0;}
#littleSector08 .asis .asisSitemap .item {margin:0 0 0 24px;}

#littleSector08 .asis .asisSitemap .item p {font-size:13px;}
#littleSector08 .asis .asisSitemap .item ul {margin:0 0 0 116px; padding:0 0 12px 16px;}
#littleSector08 .asis .asisSitemap .item ul li {font-size:13px; margin:0 12px 0 0;}
#littleSector08 .asis .asisSitemap .item:last-child ul {padding:0 0 0 16px;}
#littleSector08 .arrow {margin:30px 0 0 0;}
#littleSector08 .arrow img {width:16px;}

#littleSector08 .tobeTit {font-size:12px; padding:0 0 10px 0;}

#littleSector08 .tobe {height:410px;}
#littleSector08 .tobe .sDiv {padding:30px 30px 0;}
#littleSector08 .tobe .sDiv ul li {margin:0 0 12px 3.33333%;}
#littleSector08 .tobe .sDiv ul li p {font-size:11px; letter-spacing:1px; padding:0 0 8px 0;}
#littleSector08 .tobe .sDiv ul li ul {margin:25px 0 0 0;}
#littleSector08 .tobe .sDiv ul li ul li {font-size:11px; margin:0 0 15px 0;}
#littleSector08 .tobe .models {right:-12%; bottom:-113px;}
#littleSector08 .tobe .models img {width:200px;}

#littleSector09 .htit {padding:100px 0 20px 0;}
#littleSector09 .htit p {font-size:10px; padding:0 0 12px 0;}
#littleSector09 .htit span {font-size:22px;}

#littleSector10 .htit {padding:100px 0 20px 0;}
#littleSector10 .htit p {font-size:10px; padding:0 0 12px 0;}
#littleSector10 .htit span {font-size:22px;}

#littleSector11 .htit {padding:100px 0 20px 0;}
#littleSector11 .htit p {font-size:10px; padding:0 0 12px 0;}
#littleSector11 .htit span {font-size:22px;}


#littleSector12 .portfolioWRap {height:380px;}
#littleSector12 .portfolioWRap ul li:nth-child(1) {left:-20%;}
#littleSector12 .portfolioWRap ul li:nth-child(1) img {width:362px;}
#littleSector12 .portfolioWRap ul li:nth-child(2) {right:-20%;}
#littleSector12 .portfolioWRap ul li:nth-child(2) img {width:422px;}

#littleSector13 .htit {padding:100px 0 20px 0;}
#littleSector13 .htit p {font-size:10px; padding:0 0 12px 0;}
#littleSector13 .htit span {font-size:22px;}

#littleSector13 .deviceBox ul li p {font-size:13px;}
#littleSector13 .deviceBox ul li img {padding:7px 0;}

#littleSector14 {padding:30px 0 0 0;}
#littleSector14 .response p {left:3%; top:20px; width:60px;}
#littleSector14 .response p img {height:40px;}

#littleSector15 .concept {font-size:32px; padding:100px 0 30px 0; letter-spacing:3px;}
#littleSector15 .htit {padding:0 0 50px 0;}
#littleSector15 .htit span {font-size:20px;}

#littleSector16 .concept {font-size:32px; padding:100px 0 30px 0; letter-spacing:3px;}
#littleSector16 .htit {padding:0 0 50px 0;}
#littleSector16 .htit span {font-size:20px;}
#littleSector16 .model {height:159px;}
#littleSector16 .model .swiper-slide .imgArea img {margin:0 0 0 -300px; width:600px;}
#littleSector16 .conceptIcon {padding:0 0 40px 0;}
#littleSector16 .conceptIcon ul {width:auto; margin:0 20px;}
#littleSector16 .conceptIcon ul li {width:33.3333%;}
#littleSector16 .conceptIcon ul li img {width:60px;}
#littleSector16 .conceptIcon ul li p {font-size:13px;}

#littleSector17 {padding:50px 0 0 0;}
#littleSector17 .htit {font-size:22px; padding:0 0 14px 0;}
#littleSector17 .sbtit {padding:0 0 22px 0;}	
#littleSector17 .sbtit p {font-size:9px;}
#littleSector17 .sbtit span {font-size:10px; padding:0;}
#littleSector17 .sbtit span strong {font-size:10px;}

#littleSector17 .tf {margin:0 auto 70px;}
#littleSector17 .tf .tfTit {font-size:10px;}
#littleSector17 .tf .sfdTf {margin:30px 0 0 0;}
#littleSector17 .tf ul li {font-size:10px; margin:10px 0 0 0;}
#littleSector17 .tf ul li p {font-size:9px; padding:0;}

#littleSector18 .sfdLogo {margin:30px 0 0 0;}
#littleSector18 .sfdLogo img {width:80px;}

#littleSector18 .footTxt {background-size:15px 12px; margin:14px 0 22px 0; padding:14px 0 0 22px;}
#littleSector18 .footTxt .insfoot {background-size:15px 12px; padding:0 18px 0 0;}
#littleSector18 .footTxt .insfoot p {font-size:10px; line-height:2;}
#littleSector18 .footTxt .insfoot span {font-size:10px; line-height:2;}



}



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

#littleSector12 .portfolioWRap ul li:nth-child(1) {left:-25%;}
#littleSector12 .portfolioWRap ul li:nth-child(2) {right:-25%;}

}



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

#littleSector12 .portfolioWRap ul li:nth-child(1) {left:-30%;}
#littleSector12 .portfolioWRap ul li:nth-child(2) {right:-30%;}

}



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

#littleSector08 .asis .asisSitemap .item {margin:0 0 0 20px;}
#littleSector08 .asis .asisSitemap .item p {font-size:12px;}
#littleSector08 .asis .asisSitemap .item ul li {font-size:12px;}
#littleSector08 .asis .asisSitemap .item ul {margin:0 0 0 107px; padding:0 0 12px 10px;}
#littleSector08 .asis .asisSitemap .item:last-child ul {padding:0 0 0 10px;}

#littleSector08 .tobe .sDiv {padding:30px 0 30px 12px;}
#littleSector08 .tobe .sDiv ul li {width:auto; margin:0 20px 12px 1.666%;}
#littleSector08 .tobe .models {right: -22%;}



#littleSector12 .portfolioWRap ul li:nth-child(1) {left:-40%;}
#littleSector12 .portfolioWRap ul li:nth-child(2) {right:-40%;}


}