@charset "euc-kr"; /* CSS Document */

/* ÆùÆ® */
@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,700italic,700,400italic|quicksand:400,700&subset=greek,greek-ext); @import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); /* °øÅë */
html { padding:0; margin:0; }

body { padding:0; margin:0; }


ul, li {margin:0; padding:0; }
li { list-style:none; margin:0; padding:0; }

a, a:hover, a:focus { color:#000; }


/* ÇØ´õ */
header { display:block; width:100%; margin:0 auto; padding:0; border-bottom:1px solid #999; float:left; }
header>div:first-child { float:left; padding:7px 0 0 0; margin:0; font-size:16px; height:30px; font-weight:normal; width:50%; }
header>div:first-child>a { font-family:"quicksand", Arial, Gulim, Dotum, AppleGothic, sans-serif; font-size:24px; display:block; width:353px; }
header>div:first-child>a:first-child { padding:0; margin:0; color:#666; text-decoration:none; margin-right:10px; }
header>div:first-child>a:nth-child(n) { padding:0; margin:0; color:#666; text-decoration:none; margin:0 10px; }
header>div:first-child>img { padding:0; margin:0; }
header>div:nth-child(2) { float:right; padding:10px 10px 0 0; margin:0; text-align:right; height:30px; }
header>div:nth-child(2)>a { color:#333; text-decoration:none; font-family:"quicksand", Arial, Gulim, Dotum, AppleGothic, sans-serif; font-size:18px; }
header>div:last-child { display:inline-block; width:100%; text-align:right; padding:0; margin:0; border-top:1px; solid #999; display:none; }

/* ÅǸ޴º */
.tab_01 { display:inline-block; width:100%; }
.tab_01 div:first-child { clear:both; color:#333; text-decoration:none; font-family:"quicksand", Arial, Gulim, Dotum, AppleGothic, sans-serif; font-size:17px; padding-left:10px; }
.tab_01 div:last-child { border-top:1px solid #999;/* border-bottom:1px solid #999;*/ display:block; overflow:hidden; }
.tab_01 div:last-child ul { float:left; display:block; }
.tab_01 div:last-child li { float:left; margin:0 10px; padding:5px 0 0 0; }
.tab_01 div:last-child li a { font-family:"quicksand", Arial, Gulim, Dotum, AppleGothic, sans-serif; font-size:14px; font-weight:500; line-height:1.7em; color:#ccc; text-decoration:none; }
.tab_01 div:last-child li a.on { font-family:"quicksand", Arial, Gulim, Dotum, AppleGothic, sans-serif; font-size:14px; font-weight:500; line-height:1.7em; color:#666; text-decoration:none; }
.tab_02 { display:inline-block; width:100%; }
.tab_02 div:first-child { clear:both; color:#333; text-decoration:none; font-family:"quicksand", Arial, Gulim, Dotum, AppleGothic, sans-serif; font-size:17px; padding-left:10px; }
.tab_02 div:last-child { /*border-top:1px solid #999; */ border-bottom:1px solid #999; display:block; overflow:hidden; }
.tab_02 div:last-child ul { float:left; display:block; }
.tab_02 div:last-child li { float:left; margin:0 10px; padding:5px 0 0 0; }
.tab_02 div:last-child li a { font-family:"quicksand", Arial, Gulim, Dotum, AppleGothic, sans-serif; font-size:16px; font-weight:500; line-height:1.7em; color:#ccc; text-decoration:none; }
.tab_02 div:last-child li a.on { font-family:"quicksand", Arial, Gulim, Dotum, AppleGothic, sans-serif; font-size:16px; font-weight:500; line-height:1.7em; color:#333; text-decoration:none; }

.tab_03 { display:inline-block; width:100%; }
.tab_03 div:first-child { clear:both; color:#333; text-decoration:none; font-family:"quicksand", Arial, Gulim, Dotum, AppleGothic, sans-serif; font-size:16px; padding-left:10px; }
.tab_03 div:last-child { border-top:1px solid #999; display:block; overflow:hidden; }
.tab_03 div:last-child ul { float:left; display:block; }
.tab_03 div:last-child li { float:left; margin:0 10px; padding:5px 0 0 0; }
.tab_03 div:last-child li a { font-family:"quicksand", Arial, Gulim, Dotum, AppleGothic, sans-serif; font-size:14px; font-weight:500; line-height:1.7em; color:#ccc; text-decoration:none; }
.tab_03 div:last-child li a.on { font-family:"quicksand", Arial, Gulim, Dotum, AppleGothic, sans-serif; font-size:14px; font-weight:500; line-height:1.7em; color:#666; text-decoration:none; }

.news { display:inline-block; width:100%; }
.news div:first-child { clear:both; color:#333; text-decoration:none; font-family:"quicksand", Arial, Gulim, Dotum, AppleGothic, sans-serif; font-size:16px; display:block; overflow:hidden; padding-left:10px; }
.news div:last-child {  border-top:1px solid #999;/* border-bottom:1px solid #999;*/ display:block; overflow:hidden; }

.desc { padding:62px 20px 163px 20px; text-align:left; /*width:100%; */}
.desc>p:first-child { font-size:18px; font-weight:400; color:#333; }
.desc>p { margin-bottom:39px; width:100%; font-family:"quicksand", Arial, Gulim, Dotum, AppleGothic, sans-serif; font-size:14px; font-weight:200; line-height:1.7em; }

.descs { padding:62px 20px 23px 20px; text-align:left; /*width:100%; */ }
.descs>p:first-child { margin-bottom:39px; width:100%; font-size:0.9em; font-family:"quicksand", Arial, Gulim, Dotum, AppleGothic, sans-serif; font-size:14px; font-weight:200; line-height:1.7em; }
.descs>p { margin-bottom:20px; width:100%; font-size:0.9em; font-family:"quicksand", Arial, Gulim, Dotum, AppleGothic, sans-serif; font-size:14px; font-weight:200; line-height:1.7em; }

.descy { padding:62px 20px 23px 20px; text-align:center; }
.descy>p { margin-bottom:65px; text-align:center; width:100%; font-family:"quicksand", Arial, Gulim, Dotum, AppleGothic, sans-serif; font-size:14px; font-weight:400; line-height:1.7em; }
.descy>p>span:first-child { font-size:1.2em; font-weight:bold; color:#666; width:100%; display:block; margin-bottom:10px; }
.descy>p>span:nth-child(2) { font-size:1em; color:#666; width:100%; display:block; }
.descy>p>span:last-child { font-size:1em; color:#666; width:100%; display:block; }
.descy>p .site { font-size:1.2em!important; font-weight:bold; color:#666; width:100%; display:block; }

.descb { text-align:left; width:100%; margin:0; solid #999; }
.descb>div:first-child { border:none; solid #333; padding:62px 20px 62px 20px;}
.descb>div:nth-child(n) { solid #cccccc; padding:62px 20px 62px 20px; }
.descb>div:last-child { border:none; padding:62px 20px 62px 20px;}
.descb>div>div:first-child { border:none; display:block; text-align:left; padding:10px 0; }
.descb>div>div:last-child { border:none; display:block; padding:0  }

.descb>div>div>span:first-child { font-size:18px; font-weight:bold; color:#333; display:block; margin-bottom:20px; font-family:"quicksand", Arial, Gulim, Dotum, AppleGothic, sans-serif; font-weight:400; padding: }
.descb>div>div>span:nth-child(2) { font-size:14px; color:#666; display:block; margin-bottom:20px; font-family:"quicksand", Arial, Gulim, Dotum, AppleGothic, sans-serif; font-weight:100; }
.descb>div>div>span:nth-child(3) { font-size:14px; color:#666; display:block; margin-bottom:20px; font-family:"quicksand", Arial, Gulim, Dotum, AppleGothic, sans-serif; font-weight:100; }
.descb>div>div>span:nth-child(4) { font-size:14px; color:#666; display:block; margin-bottom:10px; font-family:"quicksand", Arial, Gulim, Dotum, AppleGothic, sans-serif; font-weight:100; }
.descb>div>div>span:nth-child(5) { font-size:14px; color:#666; display:block; margin-bottom:10px; font-family:"quicksand", Arial, Gulim, Dotum, AppleGothic, sans-serif; font-weight:100; }
.descb>div>div>span:nth-child(6) { font-size:14px; color:#666; display:block; margin-bottom:10px; font-family:"quicksand", Arial, Gulim, Dotum, AppleGothic, sans-serif; font-weight:100; }
.nobod { border-bottom:none!important; }

/* »óÇ°½æ³×ÀÏ ¸ñ·Ï */
.df_thumb { width:100%; }
.df_thumb ul { float:left; } 
.df_thumb li:nth-child(odd) { float:left; padding:0.3% 0.3% 0.3% 0; width:49.7%; text-align:center; }
.df_thumb li:nth-child(2n) { float:left; padding:0.3% 0 0.3% 0.3%; width:49.7%; text-align:center; }
.df_thumb li img { width:100%; height:auto; }


.df_thumbs { width:100%; }
.df_thumbs ul { float:left; } 
.df_thumbs li:nth-child{ float:left; padding:3px 3px 3px 0; width:100%; text-align:center; }
.df_thumbs li img { width:100%; height:auto; }

.df_thumby { width:100%; margin:7px 0 3px 0; float:left; }
.df_thumby ul { float:left; } 
.df_thumby li:first-child { float:left; padding:0.5% 0.5% 0.5% 0; width:49.5%; text-align:center; }
.df_thumby li:nth-child(2) { float:left; padding:0.5% 0 0.5% 0.5%; width:49.5%; text-align:center; }
.df_thumby li:nth-child(3) { float:left; padding:0.5% 0.5% 0.5% 0; width:49.5%; text-align:center; }
.df_thumby li:nth-child(4) { float:left; padding:0.5% 0 0.5% 0.5%; width:49.5%; text-align:center; }
.df_thumby li:nth-child(5) { float:left; padding:0.5% 0.5% 0.5% 0; width:49.5%; text-align:center; }
.df_thumby li:last-child { float:left; padding:0.5% 0 0.5% 0.5%; width:49.5%; text-align:center; }
.df_thumby li img { width:100%; height:auto; }


/* ¸ÞÀÎ */
main { display:block; width:100%; margin:0 auto; }

/* ½½¶óÀÌµå ¹è³Ê */
.slide_mvs { border-top:1px solid #999; padding:7px 0 0 0; }

/*  DzÅÍ */
footer { display:block; width:100%; margin:0 auto; }
footer div:first-child { width:100%; border-top:1px solid #999; padding:10px 0; display:inline-block; vertical-align:middle; text-align:center; }
footer div:first-child img { width:auto; height:32px; margin:6px 0; }
footer div:nth-child(2) { width:100%; border-top:1px solid #333; border-bottom:0 solid #cccccc; display:block; float:left; text-align:center; padding:35px 0; }
footer div:nth-child(2) img { padding:0 20px; width:50px; height:auto; }
footer div:nth-child(3) { width:100%; display:inline-block; }
footer div:nth-child(3) li:nth-child(odd) { float:left; width:60%; padding:3px 0 10px 3%; }
footer div:nth-child(3) li:nth-child(2n) { float:left; width:34%; padding:3px 0 10px 3%; }
footer div:nth-child(3) li a { color:#333; text-decoration:none; font-family:"quicksand", Arial, Gulim, Dotum, AppleGothic, sans-serif; font-size:18px; }
footer div:last-child { text-align:center; }

/* careers */
.carrs { font-size:16px; color:#000; text-decoration:underline; font-weight:400; }
.carrs:hover { font-size:16px; color:#000; text-decoration:underline; font-weight:400 }

/* STORE LOCATOR */
.tab_04 { display:inline-block; width:100%; }
.tab_04 .tit { clear:both; font-size:16px; font-family:"quicksand", Arial, Gulim, Dotum, AppleGothic, sans-serif; border-bottom:1px solid #999; display:block; overflow:hidden; padding-left:10px; }
.tab_04>.descsp1 { width:100%; float:left; font-family:"quicksand", Arial, Gulim, Dotum, AppleGothic, sans-serif!important; padding:64px 0 0 0; }
.tab_04>.descsp1>div:first-child { float:left; width:20%; border:none; text-align:left; padding-left:10px; padding-bottom:20px; }
.tab_04>.descsp1>div:last-child { float:left; width:*; }
.tab_04>.descsp1>div:last-child>ul>li { margin-bottom:43px; background-image:url(../images/ico_nos1.gif); background-repeat:no-repeat; padding-left:40px; }
.tab_04>.descsp1>div:last-child>ul>li>span:first-child { width:100%; color:#000; font-size:16px; font-weight:400; display:block; clear:both; line-height:25px; } 
.tab_04>.descsp1>div:last-child>ul>li>span:last-child { width:100%; color:#666; font-size:14px; font-weight:100; letter-spacing:1px; } 
.tab_04>.descsp2 { width:100%; float:left; font-family:"quicksand", Arial, Gulim, Dotum, AppleGothic, sans-serif!important; padding:64px 0 0 0; }
.tab_04>.descsp2>div:first-child { float:left; width:20%; border:none; text-align:left; padding-left:10px; padding-bottom:20px; }
.tab_04>.descsp2>div:last-child { float:left; width:*; }
.tab_04>.descsp2>div:last-child>ul>li { margin-bottom:43px; background-image:url(../images/ico_nos1.gif); background-repeat:no-repeat; padding-left:40px; }
.tab_04>.descsp2>div:last-child>ul>li>span:first-child { width:100%; color:#000; font-size:16px; font-weight:400; display:block; clear:both; line-height:25px; } 
.tab_04>.descsp2>div:last-child>ul>li>span:last-child { width:100%; color:#666; font-size:14px; font-weight:100; letter-spacing:1px; } 
.tab_04>.descsp3 { width:100%; float:left; font-family:"quicksand", Arial, Gulim, Dotum, AppleGothic, sans-serif!important; padding:64px 0 0 0; }
.tab_04>.descsp3>div:first-child { float:left; width:20%; border:none; text-align:left; padding-left:10px; padding-bottom:20px; }
.tab_04>.descsp3>div:last-child { float:left; width:*; }
.tab_04>.descsp3>div:last-child>ul>li { margin-bottom:43px; background-image:url(../images/ico_nos1.gif); background-repeat:no-repeat; padding-left:40px; }
.tab_04>.descsp3>div:last-child>ul>li>span:first-child { width:100%; color:#000; font-size:16px; font-weight:400; display:block; clear:both; line-height:25px; } 
.tab_04>.descsp3>div:last-child>ul>li>span:last-child { width:100%; color:#666; font-size:14px; font-weight:100; letter-spacing:1px; } 
.tab_04>.descsp4 { width:100%; float:left; font-family:"quicksand", Arial, Gulim, Dotum, AppleGothic, sans-serif!important; padding:64px 0 0 0; }
.tab_04>.descsp4>div:first-child { float:left; width:20%; border:none; text-align:left; padding-left:10px; padding-bottom:20px; }
.tab_04>.descsp4>div:last-child { float:left; width:*; }
.tab_04>.descsp4>div:last-child>ul>li { margin-bottom:43px; background-image:url(../images/ico_nos1.gif); background-repeat:no-repeat; padding-left:40px; }
.tab_04>.descsp4>div:last-child>ul>li>span:first-child { width:100%; color:#000; font-size:16px; font-weight:400; display:block; clear:both; line-height:25px; } 
.tab_04>.descsp4>div:last-child>ul>li>span:last-child { width:100%; color:#666; font-size:14px; font-weight:100; letter-spacing:1px; } 
.tab_04>.descsp5 { width:100%; float:left; font-family:"quicksand", Arial, Gulim, Dotum, AppleGothic, sans-serif!important; padding:64px 0 0 0; }
.tab_04>.descsp5>div:first-child { float:left; width:20%; border:none; text-align:left; padding-left:10px; padding-bottom:20px; }
.tab_04>.descsp5>div:last-child { float:left; width:*; }
.tab_04>.descsp5>div:last-child>ul>li { margin-bottom:43px; background-image:url(../images/ico_nos1.gif); background-repeat:no-repeat; padding-left:40px; }
.tab_04>.descsp5>div:last-child>ul>li>span:first-child { width:100%; color:#000; font-size:16px; font-weight:400; display:block; clear:both; line-height:25px; } 
.tab_04>.descsp5>div:last-child>ul>li>span:last-child { width:100%; color:#666; font-size:14px; font-weight:100; letter-spacing:1px; } 
.tab_04>.descsp6 { width:100%; float:left; font-family:"quicksand", Arial, Gulim, Dotum, AppleGothic, sans-serif!important; padding:64px 0 0 0; }
.tab_04>.descsp6>div:first-child { float:left; width:20%; border:none; text-align:left; padding-left:10px; padding-bottom:20px; }
.tab_04>.descsp6>div:last-child { float:left; width:*; }
.tab_04>.descsp6>div:last-child>ul>li { margin-bottom:43px; background-image:url(../images/ico_nos1.gif); background-repeat:no-repeat; padding-left:40px; }
.tab_04>.descsp6>div:last-child>ul>li>span:first-child { width:100%; color:#000; font-size:16px; font-weight:400; display:block; clear:both; line-height:25px; } 
.tab_04>.descsp6>div:last-child>ul>li>span:last-child { width:100%; color:#666; font-size:14px; font-weight:100; letter-spacing:1px; } 

/* mobiie side bar */
.aligncontent-center { text-align: center; }
.wrapper { margin-top:0; padding: 1em; background-color: transparent; }
.main-header { text-align: center; font-weight:300; font-size: 90%; }
.toolbar { position: fixed; top: 0; left: 0; right: 0; background-color: #4fc3f7; line-height: 68px; border-top: 2px solid #4fc3f7; border-bottom: 2px solid #4fc3f7; }
.menu-button { position: relative; margin: 5px; height: 36px; width: 36px; cursor: pointer; }
.menu-button:before { content: ""; position: absolute; top: 5px; right: 3px; border-bottom: 17px double #FFF; border-top: 6px solid #FFF; width: 30px; height: 5px; }
.menu-left { float: left; margin-right: 1.5em; }
.sidebar { margin: 0; padding-top: 2em; color: white; background-color:#FFF; position:absolute; opacity:0.8; }
.sidebar li { margin: 0.8em 0; padding: 0 1em; line-height: 32px;}
.sidebar li a  {  font-family:"quicksand", Arial, Gulim, Dotum, AppleGothic, sans-serif; font-size:24px; color:#333; }
.sidebar li:hover { background-color: #FFF; }
.sidebar li:nth-child(5) a { color:#999; }
.sidebar li:nth-child(6) a { color:#999; }
.sidebar li:nth-child(7) a { color:#999; }
.sidebar hr { margin: 2em auto; border: 0; padding: 0; width: 80%; height: 1px; background-color: #FFF; }