@charset "utf-8";
/* CSS Document */


@font-face {
  font-family: 'LG SMART';
  font-style: normal;
  font-weight: 300;
  src: url(../font/LG_Smart_Light.eot);
  src: url(../font/LG_Smart_Light?#iefix) format('embedded-opentype'),
       url(../font/LG_Smart_Light.woff) format('woff'),
       url(../font/LG_Smart_Light.ttf) format('truetype');
}

@font-face {
  font-family: 'LG SMART';
  font-style: normal;
  font-weight: 400;
  src: url(../font/LG_Smart_Regular.eot);
  src: url(../font/LG_Smart_Regular?#iefix) format('embedded-opentype'),
       url(../font/LG_Smart_Regular.woff) format('woff'),
       url(../font/LG_Smart_Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'LG SMART';
  font-style: normal;
  font-weight: 700;
  src: url(../font/LG_Smart_SemiBold.eot);
  src: url(../font/LG_Smart_SemiBold?#iefix) format('embedded-opentype'),
       url(../font/LG_Smart_SemiBold.woff) format('woff'),
       url(../font/LG_Smart_SemiBold.ttf) format('truetype');
}

@font-face {
  font-family: 'LG SMART';
  font-style: normal;
  font-weight: 800;
  src: url(../font/LG_Smart_Bold.eot);
  src: url(../font/LG_Smart_Bold?#iefix) format('embedded-opentype'),
       url(../font/LG_Smart_Bold.woff) format('woff'),
       url(../font/LG_Smart_Bold.ttf) format('truetype');
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin:0;
	padding:0;
	border:0; 
	/*font:inherit;
	font-size:100%;*/
	font-family: 'LG SMART', sans-serif;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none; 
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

ol, ul, li {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

html { 
	width:100%;
	min-width:1280px;
}
	
body { 
	width:100%;
	background:#000;
 	color:#fff;
	font-size:16px;
	line-height:1.15;
	min-width:1024px;
}

html, body { height: 100%; overflow: hidden; } 

sup { font-size: 11px; }

.body a { color:#fff; text-decoration:none; }
.body a:hover { color:#fff; }

#status { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #f2f2f2; }
#status .wrap { position: absolute; left: 50%; top: 50%; width: 500px; margin-left: -250px; margin-top: -100px; text-align: center; }
#status .txt01 { font-size: 14px; font-weight: 800; color: #58585a; }
#status .progress { width: 100%; height: 4px; border-radius: 2px; background: #dcdcdc; overflow: hidden; margin: 15px 0; }
#status .progress div { width: 0px; height: 20px; background: #6d6e71; }
#status .txt02 { font-size: 11px; font-weight: 800; color: #58585a; letter-spacing: 1px; }

.sceneScreen { position: relative; width: 100%; height: 100%; }
.sceneWrapper { position: relative; width: 100%; height: 100%; left:0%; top:0%; }
.sceneWrap { position: relative; width: 100%; height: 100%; left:0%; top:0%; }

.sceneScreen.cubeTrans { -webkit-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 50%; perspective-origin: 50% 50%; }
.sceneWrapper.cubeTrans { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.sceneWrap.cubeTrans { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

.body { position: relative; left:0; top: 0; width: 100%; min-width: 1280px; max-width: 1920px; height: 100%; min-height: 650px; max-height: 1080px; margin: 0 auto; background: #000; overflow: hidden; }
.scene { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; overflow: hidden; display: none; }
.scene .video { width: 100%; height: 100%; overflow: hidden; background: #000; }
.scene .bg { line-height: 0; width: 100%; height: 100%; text-align: center; overflow: hidden; background: #000; }
.scene .bg img { max-width: inherit; }
.scene .bg.bottom img { position: absolute; left: 50%; bottom: 0; margin: 0 0 0 -960px; }
.scene .bg.center img { position: absolute; left: 50%; top: 50%; margin: -540px 0 0 -960px; }
.scene .container { position: absolute; z-index: 10; left: 50%; top: 0; width: 1200px; height: 100%; margin-left: -600px; }
.scene .intro { position: absolute; z-index: 11; left: 0; top: 0; width: 100%; height: 100%; font-size: 46px; color: #242629; line-height: 0; }
.scene .intro > img { position: absolute; left: 50%; top: 50%; margin: -540px 0 0 -960px; }
.scene .intro .copyWrapper { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.scene .intro .copyWrap { position: relative; width: 100%; height: 100%; min-width: 1280px; margin: 0 auto; }
.scene .intro .copy { position: absolute; left: 50%; top: 50%; line-height: 1.3; white-space: nowrap; }
.desc { font-weight: 300; font-size: 30px; }

#gnb { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; background: #252525; display: none; }
#gnb .gnb_wrapper { width: 1280px; margin: 0 auto; line-height: 0; white-space: nowrap; }
#gnb .gnb_wrapper .gnb_left, #gnb .gnb_wrapper .gnb_right, #gnb .logo_main, #gnb nav, #gnb .btn-goShop, #gnb .btn-selCounty { display: inline-block; vertical-align: middle; }
#gnb .gnb_wrapper .gnb_left { width: 76%; }
#gnb .gnb_wrapper .gnb_right { width: 24%; text-align: right; }

#gnb a { line-height: 91px; }
#gnb .logo_main { margin: 0 25px 0 40px; }
#gnb .logo_main a { line-height: 0; }
#gnb .btn-goShop, #gnb .btn-selCounty { font-size: 15px; color: #a1a1a1; line-height: .8; }
#gnb .btn-goShop { padding: 0 11px; text-decoration: underline; }
#gnb .btn-selCounty { margin: 0 40px 0 0; padding-right: 17px; padding-left: 11px; border-left: 1px solid #a1a1a1; background:url('../images/btn_gnb_arrow_bottom.png') no-repeat right center; }
#gnb .depth1-li { position: relative; display: inline-block; }
#gnb .depth1-li.fst { margin-left: -11px; }

#gnb nav li { display: inline-block; }
#gnb nav li.hide { display: none; }

#gnb nav a {position: relative;display: block;color: #a5a5a5;font-weight: 300;font-size: 20px;padding: 0 20px;}
#gnb nav > ul > li > a {}
#gnb nav > ul > li.fst > a { background: transparent; }

#gnb nav a span.on { position: absolute; left: 0; top: 0; width: 100%; height:100%; color: #fff; font-weight: 400; text-align: center; display: none; }
#gnb nav a span.off { visibility: visible; }

#gnb .depth2 { position: absolute; z-index: 9999; left: 0; top: 100%; width: 100%; display: none; }
#gnb .depth2 ul { white-space: nowrap; margin-left: -3px; }

#gnb nav .depth2 a { font-size: 15px; padding: 0 15px; line-height: 43px; }
#gnb nav .depth2 .ac a span.on { display: block; top: 0; }
#gnb nav .depth2 .ac a span.off { visibility: hidden; }
#gnb nav .depth1-li.ac a.depth1-btn span.on { display: block; }
#gnb nav .depth1-li.ac a.depth1-btn span.off { visibility: hidden; }

#gnb .depth-bd { position: absolute; left: 0; top: 100%; width: 100%; height: 43px; background: #252525; display: none; }
#gnb .depth-bd div {width: 1225px;margin: 0 auto;border-top: 1px solid #424242;}

#sns-box { position: absolute; z-index: 9999; right: 0; bottom: 0; margin: 0 20px 20px 0; display: none; white-space: nowrap; }
#sns-box li { display: inline-block; margin-left: 4px; line-height: 1; }

#copyright { position: absolute; z-index: 9999; left: 20px; bottom: 0; margin: 0 20px 20px 0; display: none; white-space: nowrap; font-size: 11px; color: #888; font-weight: 300; letter-spacing: 1px; }

.scrollDown { position: absolute; z-index: 9999; left: 50%; bottom: 10px; height: 6.6%; width: 40px; text-align: center; margin: 0 0 0 -20px; display: none; }
.scrollDown img { height: 100%; width: auto; }

.scrollDown_info { position: absolute; z-index: 9999; left: 50%; bottom: 0; height: 19.1%; width: 211px; text-align: center; margin: 0 0 0 -105px; display: none; }
.scrollDown_info img { display: block; height: 100%; max-height: 206px; width: auto; margin: 0 auto; }
.scrollDown_info a { position: absolute; display: block; right: 0; top: 0; width: 30px; height: 30px; }

.introSection .desc { position: absolute; left: 0; top: 50%; width: 100%; margin-top: -200px; text-align: center; }
.introSection .desc .logo { padding-bottom: 30px; }
.introSection .desc .copy { padding-bottom: 72px; font-size: 30px; letter-spacing: 8px; }
.introSection .desc .btn-skip { display: inline-block; width: 140px; height: 140px; background:url('../images/intro/btn_skip.png') no-repeat 0 0; opacity: .35; filter: alpha(opacity=35); }

.scene.mainSection .bg { position: relative; }
.scene.mainSection .bg > div { position: absolute; left: 50%; top: 0; width: 5000px; height: 100%; margin-left: -2500px; text-align: center; line-height: 0; }
.scene.mainSection .bg img { width: auto; height: 100%; }

.mainSection .desc { position: absolute; right: 0; top: 32.4%; }
.mainSection .desc h3 { margin-left: -1px; color: #4d3b36; line-height: 1; }

.mainSection .smog { position: absolute; left: 0; top: 0; height: 100%; width: 100%; margin-left: -50px; }
.mainSection .smog div { position: absolute; left: 0; top: 0; height: 100%; width: 100%; }
.mainSection .smog div img { display: block; height: 100%; width: auto; margin: 0 auto; }
.mainSection .smog div.smog01, .mainSection .smog div.smog02, .mainSection .smog div.smog03 { display: none; top: auto; bottom: 25.5%; left: 0; height: 0; }
.mainSection .smog div.smog01 img, .mainSection .smog div.smog02 img, .mainSection .smog div.smog03 img { display: block; width: auto; height: 100%; opacity: 0; filter: alpha(opacity=0); }

.mainSection .vp-box { position: absolute; left: 35px; top: 21.66%; }

.mainSection .btn-video-box { padding-bottom: 32px; }
.mainSection .btn-video { position: relative; display: block; width: 112px; height: 112px; overflow: hidden; }
.mainSection .btn-video .thum, .mainSection .btn-video .overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 0; }
.mainSection .btn-video .thum img { width: 100%; height: 100%; }
.mainSection .btn-video .overlay { text-align: center; }
.mainSection .btn-video .overlay .tit { padding: 12px 0 5px 0; }
.mainSection .btn-video .overlay .icon .on { display: none; }
.mainSection a.btn-video:hover .overlay .icon .off { display: none; } 
.mainSection a.btn-video:hover .overlay .icon .on { display: inline; } 

.mainSection .btn-photo-box { padding-left: 14px; }
.mainSection .btn-photo { position: relative; overflow: hidden; line-height: 0; width: 79px; height: 73px; display: block; }
.mainSection .btn-photo .overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #5e4b44; background-image: url('../images/main/btn_photo_overlay_02.png'); background-repeat: no-repeat; background-position: center center; opacity: 0; filter: alpha(opacity=0); }
.mainSection a.btn-photo:hover .overlay { opacity: .8; filter: alpha(opacity=80); }
.mainSection ul.btn-photos li { margin-bottom: 1px; }

.mainSection .btn-photo[title='more'] { height: 69px; }
.mainSection .btn-photo[title='more'] .overlay { background-image: url('../images/main/photos/btn_photomore_on.png'); background-color: transparent; }
.mainSection a.btn-photo[title='more']:hover .overlay { opacity: 1; filter: alpha(opacity=100); }

.mainSection .smrLists { padding-top: 20px; padding-bottom: 10px; overflow: hidden; }
.mainSection .smrLists li { float: left; }
.mainSection .smrLists li a { position: relative; width: 110px; height: 80px; display: block; text-align: center; }
.mainSection .smrLists li a .tit { position: absolute; left: 0; bottom: 6px; width: 100%; font-size: 11px; font-weight: 700; color: #fff; }
.mainSection .smrLists li a:hover .tit { color: #e3d6d0; }

.mainSection .smr-nav-tit {font-size: 17px;color: #26140c;}
.mainSection .smr-nav-tit span { font-weight: 700; margin-right: 10px; }

.mainSection .container h3 { padding-bottom: 12px; }

#videoViewer { position: fixed; z-index: 9100; left: 0; top: 0; width: 100%; height: 100%; display: none; }
#videoViewer .overlay { width: 100%; height: 100%; opacity: .7; filter: alpha(opacity=70); background: #111; }
#videoViewer .container { position: absolute; z-index: 9102; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; max-width: inherit!important; }
#videoViewer .container .scr-box { position: absolute; left: 50%; top: 50%; width: 1200px; height:675px; background-color: #000; margin:-300px 0 0 -600px; }
#videoViewer .progress { position: absolute; z-index: 9102; left: 2%; bottom: 25px; width: 96%; height: 5px; border-radius: 2px; background: rgba(255,255,255,.5); margin: 15px 0; }
#videoViewer .progress .bar { position: relative; width: 0px; height: 100%; background: #fff; }
#videoViewer .progress .bar div { position: absolute; right: -8px; top: 0; width: 19px; height: 19px; margin: -7px 0 0 0; background-color: #fff;  border-radius: 10px; }
#videoViewer .btn-box { position: absolute; z-index: 9102; left: 0; top: 0; width: 100%; height: 90%; }
#videoViewer-btn { display: block; width: 100%; height: 100%; line-height: 0; opacity: 0; filter: alpha(opacity=0); }
#videoViewer-btn div { position: absolute; z-index: 9102; left: 50%; top: 50%; width: 120px; height: 118px; margin: -59px 0 0 -60px; background:url('../images/main/btn_video.png') no-repeat -120px 0; }
#videoViewer-btn.play div { background-position:0 0; }

#videoViewer .btn-close-box { position: absolute; left: 0; top: 0; width: 100%; }
#videoViewer .btn-close-box div { position: relative; width: 100%; max-width: 1920px; margin:0 auto; }
#videoViewer .btn-close { display: block; position: absolute; z-index: 9103; top: 111px; right: 20px; }

#youtubeViewer { position: fixed; z-index: 9100; left: 0; top: 0; width: 100%; height: 100%; display: none; }
#youtubeViewer .overlay { width: 100%; height: 100%; opacity: .7; filter: alpha(opacity=70); background: #111; }
#youtubeViewer .container { position: absolute; z-index: 9102; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; max-width: inherit!important; }
#youtubeViewer .container .scr-box { position: absolute; left: 50%; top: 50%; width: 1200px; height: 675px; background-color: #000; margin: -300px 0 0 -600px; }

#youtubeViewer .btn-close-box { position: absolute; left: 0; top: 0; width: 100%; }
#youtubeViewer .btn-close-box div { position: relative; width: 100%; max-width: 1920px; margin:0 auto; }
#youtubeViewer .btn-close { display: block; position: absolute; z-index: 9103; top: 111px; right: 20px; }


.refreshSection .prd { position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 0; }
.refreshSection .prd div { position: absolute; left: 0; top: 0; height: 100%; width: 100%; }
.refreshSection .prd div img { display: block; height: 100%; width: auto; margin: 0 auto; }
.refreshSection .prd div.dressIn01 { width: 100%; opacity: 0; filter: alpha(opacity=0); }
.refreshSection .prd div.dressIn02 { width: 100%; opacity: 0; filter: alpha(opacity=0); }
.refreshSection .prd div.dressIn03 { width: 100%; opacity: 0; filter: alpha(opacity=0); }
.refreshSection .prd div.prd_p { width: 100%; }
.refreshSection .prd div.prd_opend { width: 100%; opacity: 0; filter: alpha(opacity=0); }
.refreshSection .prd div.smog { position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin-left: 180px; }
.refreshSection .prd div.smog01, .refreshSection .prd div.smog02, .refreshSection .prd div.smog03 { display: none; width: 850px; top: auto; bottom: 25%; left: 0; height: 0; }
.refreshSection .prd div.smog01 img, .refreshSection .prd div.smog02 img, .refreshSection .prd div.smog03 img { display: block; width: auto; height: 100%; opacity: 0; filter: alpha(opacity=0); }

.refreshSection .desc {position: absolute;left: 0;top: 20.5%;}

.refreshSection .desc02 { position: absolute; left: 768px; top: 25%; height: 60%; text-align: center; }
.refreshSection .desc02 .copy, .refreshSection .desc div { width: 450px; }
.refreshSection .desc02 .copy { font-size: 32px; font-weight: 400; line-height: 1.15; padding-bottom: 8px; }

.refreshSection .desc-bottom { font-size: 25px; padding-top: 15px; }
.refreshSection .dress-box { position: relative; height: 65%; min-height: 350px; }
.refreshSection .dress-box .dress { height: 100%; }
.refreshSection .dress-box .dress img { height: 100%; width: auto; }
.refreshSection .dress-box .zoom { position: absolute; left: 21%; top: 0; height: 77%; }
.refreshSection .dress-box .zoom img { height: 100%; width: auto; }

.refreshSection .dressOut { position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; margin-left: 0; }
.refreshSection .dressOut01 { position: absolute; z-index: 2; left: 0; top: -100%; height: 250%; margin-left: 510px; }
.refreshSection .dressOut01 img { height: 100%; width: auto; opacity: 0; filter: alpha(opacity=0); display: block; }
.refreshSection .dressOut02 { position: absolute; z-index: 2; left: 0; top: -100%; height: 250%; margin-left: 510px; }
.refreshSection .dressOut02 img { height: 100%; width: auto; opacity: 0; filter: alpha(opacity=0); display: block; }
.refreshSection .dressOut03 { position: absolute; z-index: 2; left: 15px; top: -100%; height: 250%; margin-left: 510px; }
.refreshSection .dressOut03 img { height: 100%; width: auto; opacity: 0; filter: alpha(opacity=0); display: block; }

.refreshSection .graph-box { position: relative; margin-top: 50px; width: 457px; height: 375px; overflow: hidden; opacity: 0; filter: alpha(opacity=0); }
.refreshSection .graph-box div { position: absolute; line-height: 0; }
.refreshSection .graph-box .bd { left: 0; top: 0; width: 100%; height: 100%; }
.refreshSection .graph-box img { width: 100%; }
.refreshSection .graph-box .st01 { left: 16.2%; width: 13.8%; bottom: 116px; }
.refreshSection .graph-box .st02 { left: 44.6%; width: 13.8%; bottom: 116px; }
.refreshSection .graph-box .str01 { left: 61.3%; width: 36.1%; top: 120px; }
.refreshSection .graph-box .arrow01 { left: 62.3%; width: 25.8%; top: 165px; }
.refreshSection .graph-box .st03 { left: 73%; width: 13.8%; bottom: 116px; }


.sanitarySection .prd01 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 0; }
.sanitarySection .prd01 div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.sanitarySection .prd01 div img { display: block; height: 100%; width: auto; margin: 0 auto; }
.sanitarySection .prd01 div.dressIn { width: 100%; opacity: 0; filter: alpha(opacity=0); }
.sanitarySection .prd01 div.smog { position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin-left: 170px; }
.sanitarySection .prd01 div.smog01, .sanitarySection .prd01 div.smog02, .sanitarySection .prd01 div.smog03 { display: none; width: 850px; top: auto; bottom: 16.2%; left: 0; height: 0;  }
.sanitarySection .prd01 div.smog01 img, .sanitarySection .prd01 div.smog02 img, .sanitarySection .prd01 div.smog03 img { display: block; width: auto; height: 100%; opacity: 0; filter: alpha(opacity=0); }

.sanitarySection .prd02 { position: absolute; left: 480px; top: 0; height: 100%; line-height: 0; }
.sanitarySection .prd02 div { position: absolute; left: 0; top: 0; height: 100%; }
.sanitarySection .prd02 div img { display: block; height: 100%; width: auto; }
.sanitarySection .prd02 div.bacteria { left: 0; top: 33%; height: 37.7%; margin-left: -40px; }
.sanitarySection .prd02 div.bacteria img { display: block; height: 60%; margin: 25% 0 0 25%; opacity: 0; filter: alpha(opacity=0); }
.sanitarySection .prd02 div.txt { left: 40px; top: 46.3%; width: 250px; text-align: center; font-size: 17px; font-weight: 700; color: #373737; line-height: 1; }
.sanitarySection .prd02 div.txt span { color: #000; }
.sanitarySection .prd02 div.txt span.eng { font-size: 36px; }
.sanitarySection .prd02 div.txt span.num { font-size: 37px; }
.sanitarySection .prd02 div.txt span.pct { font-size: 23px; }

.sanitarySection .desc {position: absolute;left: 0;top: 20.5%;}
.sanitarySection .desc > div:first-child { padding-bottom: 35px; }
.sanitarySection .desc .ans { padding-top: 20px; font-size: 14px; opacity: .60; filter: alpha(opacity=60); line-height: 1.4; }
.sanitarySection .desc .ans li { padding-bottom: 8px; }
.sanitarySection .desc .ans li .ep { padding-left: 46px; }
.sanitarySection .logo-box { overflow: hidden; padding-top: 17px; }
.sanitarySection .logo-box li { float: left; margin-right: 30px; }
.sanitarySection .dressOut { position: absolute; z-index: 2; left: 0; top: -90%; height: 200%; margin-left:-100px; }
.sanitarySection .dressOut img { height: 100%; width: auto; opacity: 0; filter: alpha(opacity=0); display: block; } 

.sanitarySection .graph-box { position: absolute; right: 0; top: 30%; width: 397px; height: 355px; overflow: hidden; opacity: 0; filter: alpha(opacity=0); }
.sanitarySection .graph-box div { position: absolute; line-height: 0; }
.sanitarySection .graph-box .bd { left: 0; top: 0; width: 100%; height: 100%; }
.sanitarySection .graph-box img { width: 100%; }
.sanitarySection .graph-box .st01 { left: 59px; width: 53px; bottom: 62px; }
.sanitarySection .graph-box .st02 { left: 142px; width: 53px; bottom: 62px; }
.sanitarySection .graph-box .st03 { left: 225px; width: 53px; bottom: 62px; }
.sanitarySection .graph-box .st04 { left: 307px; width: 53px; bottom: 62px; }


.gentleDrySection.scene .bg img { display: block; position: absolute; left: 50%; bottom: 0; margin-left: -960px; }  
.gentleDrySection .prd { position: absolute; left: 651px; top: 0; height: 100%; line-height: 0; }
.gentleDrySection .prd div { position: absolute; left: 0; top: 0; height: 100%; }
.gentleDrySection .prd div.prd_p { position: relative; left: auto; top: auto; }
.gentleDrySection .prd div img { height: 100%; width: auto; }
.gentleDrySection .prd .dressIn01 { opacity: 0; filter: alpha(opacity=0); }
.gentleDrySection .prd .dressIn02 { opacity: 0; filter: alpha(opacity=0); }
.gentleDrySection .prd div.wind { left: 0; top: auto; bottom: 21.38%; height: 78.62%; opacity: 0; filter: alpha(opacity=0); }
.gentleDrySection .prd div.wind img { height: 100%; width: auto; }
.gentleDrySection .desc {position: absolute;left: 0;top: 20.5%;}
.gentleDrySection .graph-box { position: relative; margin-top: 45px; line-height: 0; opacity: 0; filter: alpha(opacity=0); }
.gentleDrySection .graph-box .str01, .gentleDrySection .graph-box .str02, .gentleDrySection .graph-box .arrow { position: absolute; z-index: 2; }
.gentleDrySection .graph-box .str01 { top: 174px; right: 87px; }
.gentleDrySection .graph-box .arrow { top: 212px; right: 122px; }
.gentleDrySection .graph-box .str02 { top: 287px; right: 66px; }
.gentleDrySection .dressOut01 { position: absolute; z-index: 2; left: 0; top: -90%; height: 200%; margin-left: -200px; }
.gentleDrySection .dressOut01 img { height: 100%; width: auto; opacity: 0; filter: alpha(opacity=0); display: block; } 
.gentleDrySection .dressOut02 { position: absolute; z-index: 2; left: 0; top: -90%; height: 200%; margin-left: -200px; }
.gentleDrySection .dressOut02 img { height: 100%; width: auto; opacity: 0; filter: alpha(opacity=0); display: block; } 


.pccSection .prd { position: absolute; left: 80px; top: 0; height: 100%; width: 100%; line-height: 0; }
.pccSection .prd div { position: absolute; left: 0; top: 0; height: 100%; }
.pccSection .prd div img { height: 100%; width: auto; }
.pccSection .prd div.prd_p { width: 100%; text-align: center; }
.pccSection .prd div.dressIn { width: 100%; text-align: center; opacity: 0; filter: alpha(opacity=0); }
.pccSection .prd div.prd_opr { width: 100%; text-align: center; opacity: 0; filter: alpha(opacity=0); }
.pccSection .prd div.smog { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.pccSection .prd div.smog01, .pccSection .prd div.smog02 { display: none; width: 1200px; }
.pccSection .prd div.smog01 img, .pccSection .prd div.smog02 img { display: block; width: auto; height:100%; opacity: 0; filter: alpha(opacity=0); }
.pccSection .prd div.smog01 { left: 0; top: 60%; height: 40%; margin-left: 560px; }
.pccSection .prd div.smog02 { left: 0; top: 75%; height: 40%; margin-left: 650px; }
.pccSection .desc {position: absolute;left: 0;top: 20.5%;}
.pccSection .graph-box { position: relative; margin-top: 60px; line-height: 0; opacity: 0; filter: alpha(opacity=0); width: 547px; height: 452px; overflow: hidden; }
.pccSection .graph-box div { position: absolute; z-index: 2; }
.pccSection .graph-box img { display: block; width: 100%; height: 100%; }
.pccSection .graph-box .str01 { top: 0; left: 65px; }
.pccSection .graph-box .str02 { top: 40px; left: 140px; }
.pccSection .graph-box .img01 { top: 108px; left: 99px; }
.pccSection .graph-box .img02 { top: 108px; left: 365px; }
.pccSection .graph-box .str03 { top: 368px; left: 17px; }
.pccSection .graph-box .str04 { top: 368px; left: 162px; }
.pccSection .graph-box .str05 { top: 368px; left: 277px; }
.pccSection .graph-box .str06 { top: 368px; left: 426px; }
.pccSection .graph-box .line01 { bottom: 95px; left: 140px; width: 1px; height: 199px; overflow: hidden; }
.pccSection .graph-box .line02 { bottom: 95px; left: 405px; width: 1px; height: 199px; overflow: hidden; }
.pccSection .graph-box .line01 div, .pccSection .graph-box .line02 div { position: absolute; left: 0; bottom: 0; height: 0; width: 1px; background: #bc244f; }
.pccSection .graph-box .arrow01 { top: 365px; right: 405px; }
.pccSection .graph-box .arrow02 { top: 365px; left: 138px; }
.pccSection .graph-box .arrow03 { top: 365px; right: 143px; }
.pccSection .graph-box .arrow04 { top: 365px; left: 404px; }
.pccSection .graph-box .img03 { top: 128px; left: 235px; }
.pccSection .graph-box .img04 { top: 250px; left: 235px; }
.pccSection .dressOut { position: absolute; z-index: 2; left: 0; top: -90%; height: 200%; }
.pccSection .dressOut img { height: 100%; width: auto; opacity: 0; filter: alpha(opacity=0); display: block; } 


.atHomeSection .desc { position: absolute; left: 0; top: 20.5%; }
.atHomeSection .screen { position: absolute; z-index: 10; left: 0; top: 32.5%; width: 100%; height: 65%; }
.atHomeSection .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.atHomeSection .bg.bg02 { display: none; }
.atHomeSection .bg div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0);}
.atHomeSection .bg div:first-child { opacity: 1; filter: alpha(opacity=100); }

.atHnOSection .desc { position: absolute; left: 0; top: 20.5%; }
.atHnOSection .screen { position: absolute; z-index: 10; left: 0; top: 32.5%; width: 100%; height: 65%; }
.atHnOSection .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.atHnOSection .bg.bg02 { display: none; }
.atHnOSection .bg div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0);}
.atHnOSection .bg div:first-child { opacity: 1; filter: alpha(opacity=100); }

.stylishDesign .info { padding: 54px 0 100px 0; }
.applications .info { padding: 17px 0 100px 0; }
.applications .content_bg { position: absolute; z-index: 10; left: 0; top: 0; height: 100%; width: 100%; line-height: 0; overflow: hidden; background: #000; }
.applications .content_bg img { position: absolute; left: 50%; top: 50%; margin: -540px 0 0 -960px; }
.applications .tb { position: absolute; top: 34%; left: 50%; overflow: hidden; line-height: 0; margin-left: -600px; width: 1200px; height: 425px; }
.applications .col { float: left; height: 100%; }

.detailFeatureSection .container { z-index:2; }
.detailFeatureSection .prd { position: absolute; left: 884px; height: 100%; line-height: 0; }
.detailFeatureSection .prd img { height: 100%; width: auto; }

.detailFeatureSection .detail-btn-box { position: absolute; left: 0; top: 56.5%; width: 100%; }
.detailFeatureSection .detail-btn-box .left, .detailFeatureSection .detail-btn-box .right { position: absolute; top:0; width:50px; height:50px; background-position: center center; background-repeat: no-repeat; cursor: pointer; }
.detailFeatureSection .detail-btn-box .left { left: 0; margin-left: -10px; background-image:url('../images/detail_feature/btn_left.png'); display: none; }
.detailFeatureSection .detail-btn-box .right { right: 0; margin-right: -10px; background-image:url('../images/detail_feature/btn_right.png'); }

.detailFeatureSection .desc { position: absolute; left: 0; top: 23.2%; }

.detailFeatureSection .slide ul { overflow: hidden; width: 860px; text-align: left; margin-left: 50px; }
.detailFeatureSection .slide ul li { float: left; width: 50%; margin-bottom: 22px; overflow: hidden; }
.detailFeatureSection .slide .thum { float: left; margin-right: 15px; line-height: 0; }
.detailFeatureSection .slide dl { float: left; font-size: 14px; }
.detailFeatureSection .slide dt { color: #ffc9b3; font-weight: 800; line-height: 1; margin-top: 15px; }
.detailFeatureSection .slide dd { color: #957061; font-weight: 700; margin-top: 10px; }

.detailFeatureSection .prd_outside { display: none; }
.detailFeatureSection .prd_inside { display: block; }

.detailFeatureSection.outside .detail-btn-box .left, .detailFeatureSection.inside .detail-btn-box .right { display: block; }
.detailFeatureSection.outside .detail-btn-box .right, .detailFeatureSection.inside .detail-btn-box .left { display: none; }

.detailFeatureSection .slideWrapper { z-index: 1; position: absolute; left: 0; top: 0; height: 100%; width: 100%; }
.detailFeatureSection .slide { position: absolute; left: 100%; top: 44%; width: 100%; height:100%; text-align: center; overflow: hidden; }
.detailFeatureSection .slide:first-child { left: 0; }

.red_nav li { display: inline-block; padding-right:4px; }
.red_nav li a { position: relative; display: block; width: 195px; height: 37px; }
.red_nav li .bg_glass, .red_nav li .nav_txt { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.red_nav li .bg_glass { background-color: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .15); }
.red_nav li .nav_txt { top: 1px; color: #fff; opacity: .3; filter: alpha(opacity=30); font-size: 23px; line-height: 37px; text-align: center; }
.red_nav li a.ac .bg_glass, .red_nav li a:hover .bg_glass { background-color: #3b0414; opacity: 1; filter: alpha(opacity=100); border: 1px solid rgba(228, 63, 110, .38); }
.red_nav li a.ac .nav_txt, .red_nav li a:hover .nav_txt { opacity: 1; filter: alpha(opacity=100); }

#installSection_nav { z-index: 99999; position: absolute; left: 0; top: 26.5%; width: 100%; text-align: center; }
#installSection_nav.red_nav li { padding: 0 2px; }
#installSection_nav.red_nav li a { width: 220px; }

#detailFeature_nav.red_nav ul { padding-top: 50px; padding-bottom: 27px; margin-left: 50px; }

.photoSpecSection .slideWrapper { position: absolute; left: 0; top: 0; height: 100%; width: 100%; }
.photoSpecSection .slide { position: relative; height: 100%; text-align: center; overflow: hidden; }
.photoSpecSection .slide > img { display: block; height: 100%; width: auto; margin: 0 auto; }
.photoSpecSection .slideWrapper .scrollArea { position: absolute; left: 0; top: 26%; width: 100%; height: 60%; overflow: hidden; text-align: left; }
.photoSpecSection .slideWrapper .scrollArea img { display: block; width: 95%; height: auto; }
.photoSpecSection .slideWrapper .scrollArea .scrollBar { position: absolute; left: 100%; top: 0; margin-left: -12px; height: 100%; width: 3px; }
.photoSpecSection .slideWrapper .scrollArea .scrollBar .bar { width: 100%; height: 100%; margin-left: 5px; background: #fff; opacity: .2; filter: alpha(opacity=20); }
.photoSpecSection .slideWrapper .scrollArea .scrollBar span.btn { display: block; position: absolute; left: 0; top: 0; width: 12px; height: 36px; background: url('../images/photo_spec/btn_scroll.png') no-repeat; cursor: pointer; }

#prdPhotos { position: absolute; left: 0; top: 25.5%; width: 100%; }
#prdPhotos .drt-box { padding-bottom: 12px; margin-left: -3px; }
#prdPhotos .drt-box li { display: inline-block; padding: 0 14px; }
#prdPhotos .drt-box li a { opacity: .6; filter: alpha(opacity=60); }
#prdPhotos .drt-box li a:hover, #prdPhotos .drt-box li a.ac { opacity: 1; filter: alpha(opacity=100); }

#prdPhotos .lists { overflow: hidden; margin: 0 auto; }
#prdPhotos .lists .innerContainer { width: 300%; overflow: hidden; }
#prdPhotos .innerContainer .pg { float: left; width: 33.33%; overflow: hidden; }
#prdPhotos .innerContainer ul { width: 105%; overflow: hidden; }
#prdPhotos .innerContainer li { float: left; margin: 0 3px 3px 0; overflow: hidden; }
#prdPhotos .innerContainer a { position: relative; display: block; line-height: 0; }
#prdPhotos .innerContainer img { height: auto; }
#prdPhotos .innerContainer .overlay01 { position: absolute; left: 0; top: 0; width: 101%; height: 101%; }
#prdPhotos .innerContainer .overlay02 { position: absolute; left: 0; top: 0; width: 101%; height: 101%; background-image:url('../images/photo_spec/icon_zoom.png'); background-position:center center; background-repeat: no-repeat; opacity: 0; filter: alpha(opacity=0); }


.category { position: absolute; z-index: 1000; top: 15.3%; left: 0; }
.category h1, .category h2 { text-transform: uppercase; }
.category h1 { font-weight: 700; font-size: 41px; }
.category h2 {border-bottom: 1px solid #fff;font-weight: 700;font-size: 41px;line-height: .95;padding-top: 5px;}
.category h1.sub { font-size: 23px; font-weight: normal; line-height: 1; padding-bottom: 4px; }

.nSlide-l, .nSlide-r, .nSlide-t, .nSlide-b { opacity: 0; filter: alpha(opacity=0); }
.nSlide-l { margin-left: 60px; }
.nSlide-r { margin-left: -60px; }
.nSlide-t { margin-bottom: 40px; }
.nSlide-b { margin-top: 40px; }
.nSlide-h { height: 0; }

/* slide plugin */
.slide-scr { position:relative; height: 90%; width:1200px; margin:0 auto; }
.slide-scr .scr { position:relative; width: 100%; height: 100%; overflow: hidden; }
.slide-scr nav { position:absolute; z-index:3000; left:0; top:0; width:100%; text-align:right; }
.slide-scr .pre-btn , .slide-scr .next-btn { position:absolute; z-index:3000; top:50%; width:120px; height:144px; margin-top:-72px; cursor:pointer; }
.slide-scr .pre-btn { left:25px; background:url('../images/detail_feature/btn_left.png') no-repeat left center; }
.slide-scr .next-btn { right:25px; background:url('../images/detail_feature/btn_right.png') no-repeat right center; }
.slide-scr .drt-box { position:absolute; z-index:3000; right: 30px; top: 100%; margin-top: -30px; text-align:right; line-height:0; }
.slide-scr .drt-btn { position:relative; display: inline-block; overflow:hidden; width:14px; height:14px; cursor:pointer; }
.slide-scr .drt-btn:first-child { margin:0; }
.slide-scr .drt-btn div { margin:4px auto 0 auto; width: 6px; height: 6px; background: #fff; border-radius: 3px; opacity: .2; filter: alpha(opacity=20); }
.slide-scr .drt-btn:hover, .slide-scr .drt-btn.ac { background-image:url(); }
.slide-scr .drt-btn.ac div { opacity: 1; filter: alpha(opacity=100); }
.slide-scr .slide { position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 76%; background-position: center center; background-color:#000; background-size: auto 100%; background-repeat: no-repeat; display:none; }
.slide-scr .slide.none_info { height: 100%; }
.slide-scr .slide:first-child { display:block; }
.slide-scr .slide .info { position: absolute; left: 0; top: 100%; width: 100%; background: rgba(0,0,0,1); text-align: center; }
.slide-scr .slide .info .slide_tit { font-size: 40px; line-height: 1; }
.slide-scr .slide .info .slide_sub_tit { font-size: 25px; padding-bottom: 7px; }
.slide-scr .slide .info .slide_desc { font-size: 20px; }


.videosSection .content {position: absolute;left: 0;top: 50%;width: 100%;margin-top: -155px;}
.videosSection h3 { padding-bottom: 10px; font-size: 30px; font-weight: 700; }

#media_video, .newsSection .newsLists { position: relative; }
#media_video { padding-bottom: 30px; margin-left: 32px; }
#media_video .lists, .newsSection .newsLists .lists {overflow: hidden;}
#media_video ul {width: 1153px;margin: 0;}
#media_video ul li { float: left; margin: 0 20px 20px 0; border: 3px solid rgba(255,255,255,.2); border-radius: 4px; overflow: hidden; }
#media_video ul a { position: relative; display: block; line-height: 0; }
#media_video ul img { width: auto; }
#media_video ul .overlay, #media_video ul .tit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; }
#media_video ul .overlay { background: #000; opacity: 0; filter: alpha(opacity=0); }


.newsSection .content { position: absolute; left: 0; top: 50%; width: 100%; margin-top: -110px; }
.newsSection h3 { padding-bottom: 10px; font-size: 30px; font-weight: 700; }

.stLists { margin-left: 32px; }
.stLists ul { width: 1164px; }
.stLists ul li { width: 100%; margin-bottom: 1px; display: block; }
.stLists ul a { position: relative; display: block; font-size: 20px; height: 44px; width: 100%; font-style: italic; overflow: hidden; }
.stLists ul a .bd, .stLists ul a .con { position: absolute; left: 0; top: 0; bottom: 0; width: 100%; }
.stLists ul a .bd { background-color: #fff; opacity: .1; filter: alpha(opacity=10); }
.stLists ul li.odd a .bd { background-color: #fff; opacity: .2; filter: alpha(opacity=20); }
.stLists ul a .tit, .stLists ul a .date, .stLists ul a .logoImg { display: block; float: left; font-weight: 400; }
.stLists ul a .con { opacity: .6; filter: alpha(opacity=60); }
.stLists ul a .tit { width: 63.7%; margin-left: 1.3%; line-height: 44px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.stLists ul a .date { width: 17%; line-height: 44px; text-align: center; }
.stLists ul a .logoImg { width: 18%; height: 100%; text-align: right; }
.stLists ul a .logoImg img { height: 100%; width: auto; }
.stLists ul a:hover .bd { background-color: #c64d6f; opacity: .3; filter: alpha(opacity=30); }
.stLists ul a:hover .con { opacity: 1; filter: alpha(opacity=100); }
.stLists ul li.odd a:hover .bd { background-color: #c67088; opacity: .4; filter: alpha(opacity=40); }

.reviewsSection .content { position: absolute; left: 0; top: 50%; width: 100%; margin-top: -110px; }
.reviewsSection .reviewLists { padding-bottom: 40px; }
.reviewLists.stLists ul a .bd { background-color: #df8390; }
.reviewLists.stLists ul li.odd a .bd { background-color: #df8390; }
.reviewsSection .c_reviewLists { }
.reviewsSection h3 { padding-bottom: 10px; font-size: 30px; font-weight: 700; }

.reviewsSection .btn-reviewWrite-box { display: inline-block; line-height: 1.5; vertical-align: top; margin-left: 5px; }
.reviewsSection .btn-reviewWrite { display: inline-block; width: 132px; border-radius: 12px; background: #1e130f; text-align: center; line-height: 0; }
.reviewsSection .btn-reviewWrite:hover { background: #99002b; }

#galleryViewer { display: none; position: fixed; z-index: 9100; left:0; top:0; width:100%; height:100%; color:#fff; }
#galleryViewer .overlay { width:100%; height:100%; opacity:.7; filter:alpha(opacity=70); background:#111; }
#galleryViewer .container { position:absolute; z-index:9102; left:0; top:0; width:100%; height:100%; overflow:hidden; max-width: inherit!important; }
#galleryViewer .scr-box { position:absolute; z-index:2; left:120px; right:120px; top:146px; bottom:55px; background:url('../images/indicator.gif') no-repeat center center; overflow:hidden; }
#galleryViewer .scr-box img { position:absolute; display:block; left:50%; top:50%; }
#galleryViewer .navi-box { position:absolute; z-index:4; width:100%; height:100%; left: 0; top: 0; }
#galleryViewer .g-next-btn a,
#galleryViewer .g-pre-btn a { display:block; width:100%; height:100%; background-repeat:no-repeat; opacity:.7; filter:alpha(opacity=70); }
#galleryViewer .g-pre-btn a:hover,
#galleryViewer .g-next-btn a:hover { opacity:1; filter:alpha(opacity=100); }
#galleryViewer .g-pre-btn, #galleryViewer .g-next-btn { position:absolute; top:50%; width:120px; height:120px; margin-top:-50px; }
#galleryViewer .g-pre-btn { right:50%; margin-right:150px; }
#galleryViewer .g-next-btn { left:50%; margin-left:150px; }
#galleryViewer .close-btn { position: absolute; z-index:9999; left: 0; top: 146px; width: 100%; text-align: right; }
#galleryViewer .close-btn div { position: absolute; z-index:9999; left: 50%; top: 0; text-align: right; }
#galleryViewer .g-pre-btn a { background-image:url('../images/detail_feature/btn_left.png'); background-position:center center; }
#galleryViewer .g-next-btn a { background-image:url('../images/detail_feature/btn_right.png'); background-position:center center; }
#galleryViewer .close-btn a { display: inline-block; width: 35px; height: 35px; margin: 10px 10px 0 0; background-image: url('../images/photo_spec/btn_close.png'); background-repeat: no-repeat; background-position: center center; }


.lg-btn, a.lg-btn { background-color:#a50034 !important; border-radius:8px; text-decoration:none; color: #fff;cursor: pointer; padding: 1rem 2rem 0.8rem; text-align: center;transition: width 0.2s ease-in 0s; }
.lg-btn:hover, a.lg-btn:hover,.lg-btn:focus, a.lg-btn:focus { background-color:#a50034!important; }
.disclaimer { font-size: 60%; margin-top: -39px; }

@media screen and (max-height : 1000px){ /*높이950*/
  .desc { font-size: 23px; }

  #gnb .logo_main img { height: 80px; width: auto; }

  #gnb a { line-height: 80px; }
  #gnb nav .depth2 a { font-size: 13px; line-height: 33px; }
  #gnb .btn-selCounty, #gnb .btn-goShop { font-size: 15px; }
  #gnb .depth-bd { height: 33px; }

  .category h1, .category h2 { font-size: 35px; }
  .category h1.sub { font-size: 20px; }

  .refreshSection .dress-box .zoom { left: 22%; }

  #detailFeature_nav.red_nav ul { padding-top: 50px; }
  #installSection_nav.red_nav li a { width: 200px; }

  .detailFeatureSection .slide ul li { margin-bottom: 18px; }
  .detailFeatureSection .slide ul li img { height: 91px; }
  .detailFeatureSection .slide dl { font-size: 13px; }
  .detailFeatureSection .slide dt { margin-top: 9px; }
  .detailFeatureSection .slide dd { margin-top: 6px; }

  .applications .info { padding: 13px 0 100% 0; }
  .slide-scr .slide .info .slide_tit { font-size: 35px; }
  .slide-scr .slide .info .slide_sub_tit { font-size: 22px; }
  .slide-scr .slide .info .slide_desc { font-size: 17.5px; }

  #galleryViewer .scr-box, #galleryViewer .close-btn { top: 135px; }

  #videoViewer .btn-close, #youtubeViewer .btn-close { top: 100px; }
}


@media screen and (max-height : 900px){ /*높이800*/
  .desc { font-size: 20px; }

  #gnb .logo_main img { height: 65px; width: auto; }

  #gnb a { line-height: 65px; }
  #gnb nav .depth2 a { font-size: 12.5px; line-height: 30.5px; }
  #gnb .btn-selCounty, #gnb .btn-goShop { font-size: 15px; }
  #gnb .depth-bd { height: 30.5px; }

  .category h1, .category h2 { font-size: 30px; }
  .category h1.sub { font-size: 17px; }

  .mainSection .vp-box { top: 18%; }

  .refreshSection .dress-box .zoom { left: 25%; }

  #detailFeature_nav.red_nav ul { padding-top: 45px; }
  #installSection_nav.red_nav li a { width: 180px; }

  .detailFeatureSection .slide ul li { margin-bottom: 10px;  }
  .detailFeatureSection .slide ul li img { height: 77px; }
  .detailFeatureSection .slide dl { font-size: 12.5px; }
  .detailFeatureSection .slide dt { margin-top: 9px; }
  .detailFeatureSection .slide dd { margin-top: 6px; }

  .refreshSection .graph-box { margin-top: 30px; }
  .gentleDrySection .graph-box { margin-top: 65px; }
  .pccSection .graph-box { margin-top: 35px; width: 437px; height: 361px; }

  .pccSection .graph-box .str01 { top: 0; left: 52px; }
  .pccSection .graph-box .str02 { top: 32px; left: 112px; }
  .pccSection .graph-box .str01 img { width: 330px; height: auto; }
  .pccSection .graph-box .str02 img { width: 226px; height: auto; }
  .pccSection .graph-box .img01 { top: 86px; left: 78px; }
  .pccSection .graph-box .img02 { top: 86px; left: 292px; }
  .pccSection .graph-box .img01 img { width: 72px; height: auto; }
  .pccSection .graph-box .img02 img { width: 64px; height: auto; }
  .pccSection .graph-box .str03 { top: 294px; left: 13px; }
  .pccSection .graph-box .str04 { top: 294px; left: 130px; }
  .pccSection .graph-box .str05 { top: 294px; left: 221px; }
  .pccSection .graph-box .str06 { top: 294px; left: 340px; }
  .pccSection .graph-box .str03 img { width: 86px; height: auto; }
  .pccSection .graph-box .str04 img { width: 75px; height: auto; }
  .pccSection .graph-box .str05 img { width: 88px; height: auto; }
  .pccSection .graph-box .str06 img { width: 75px; height: auto; }
  .pccSection .graph-box .line01 { bottom: 76px; left: 111px; height: 150px; }
  .pccSection .graph-box .line02 { bottom: 76px; left: 324px; height: 150px; }
  .pccSection .graph-box .arrow01 { top: 292px; right: 324px; }
  .pccSection .graph-box .arrow02 { top: 292px; left: 110px; }
  .pccSection .graph-box .arrow03 { top: 292px; right: 114px; }
  .pccSection .graph-box .arrow04 { top: 292px; left: 323px; }
  .pccSection .graph-box .arrow01 img, .pccSection .graph-box .arrow02 img, .pccSection .graph-box .arrow03 img, .pccSection .graph-box .arrow04 img { width: 41px; height: auto; }
  .pccSection .graph-box .img03 { top: 102px; left: 188px; }
  .pccSection .graph-box .img04 { top: 200px; left: 188px; }
  .pccSection .graph-box .img03 img, .pccSection .graph-box .img04 img { width: 69px; height: auto; }

  .newsSection h3, .videosSection h3, .reviewsSection h3 { font-size: 22px; }

  .stylishDesign .info { padding: 42px 0 100% 0; }
  .applications .info { padding: 11px 0 100% 0; }
  .slide-scr .slide .info .slide_tit { font-size: 30px; }
  .slide-scr .slide .info .slide_sub_tit { font-size: 18.5px; }
  .slide-scr .slide .info .slide_desc { font-size: 15px; }

  #galleryViewer .scr-box, #galleryViewer .close-btn { top: 120px; }

  .stLists ul a { font-size: 16px; height: 36px; }
  .stLists ul a .tit { line-height: 36px; }
  .stLists ul a .date { line-height: 36px; }

  .red_nav li a { width: 155px; height: 32px; }
  .red_nav li .nav_txt { font-size: 19px; line-height: 32px; }

  #videoViewer .btn-close, #youtubeViewer .btn-close { top: 85px; }

  #videoViewer .container .scr-box { width: 1000px; height: 562px; margin: -225px 0 0 -500px; }
  #youtubeViewer .container .scr-box { width: 1000px; height: 562px; margin: -225px 0 0 -500px; }
}


@media screen and (max-height : 750px){ /*높이650*/
  .desc { font-size: 18px; }

  .category h1, .category h2 { font-size: 28px; }
  .category h1.sub { font-size: 16px; }

  .applicationsSection .tb .col-01 img, .applicationsSection .tb .col-02 img { height: 375px; width: auto; }
  .applicationsSection .tb .col-03 img { width: 468px; height: auto; }

  #detailFeature_nav.red_nav ul { padding-top: 32px; }
  #installSection_nav.red_nav li a { width: 160px; }

  .mainSection .vp-box { top: 13.8%; }
  .mainSection .btn-video-box { padding-bottom: 13px; }
  .mainSection .btn-video { width: 112px; height: 104px; }
  .mainSection .btn-photo-box { padding-left: 16px; }
  .mainSection .btn-photo { width: 79px; height: 73px; }
  
  .mainSection .desc { position: absolute; right: 0; top: 22%; }

  .refreshSection .dress-box .zoom { left: 26%; }

  .refreshSection .graph-box { margin-top: 20px; }
  .gentleDrySection .graph-box { margin-top: 50px; }

  .stylishDesign .info { padding: 37px 0 100% 0; }
  .applications .info { padding: 10px 0 100% 0; }

  .slide-scr .slide .info .slide_tit { font-size: 24px; }
  .slide-scr .slide .info .slide_sub_tit { font-size: 15px; }
  .slide-scr .slide .info .slide_desc { font-size: 12px; }

  #galleryViewer .scr-box, #galleryViewer .close-btn { top: 109px; }

  .stLists ul a { font-size: 15px; height: 34px; }
  .stLists ul a .tit { line-height: 34px; }
  .stLists ul a .date { line-height: 34px; }

  .red_nav li a { width: 140px; height: 27px; }
  .red_nav li .nav_txt { font-size: 16px; line-height: 27px; }

  #videoViewer .container .scr-box { width: 900px; height: 506px; margin: -205px 0 0 -450px; }
  #youtubeViewer .container .scr-box { width: 900px; height: 506px; margin: -205px 0 0 -450px; }
}