@charset "utf-8";
/* basic.css는 태그의 기본속성을 초기화하고 사이트의 전체적인 기본 스타일을 정의합니다. */

/* reset */
html {overflow-y:scroll; height:100%; min-width:960px; min-height:670px;}
body {height:100%;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,figure,figcaption{margin:0;padding:0}
body,input,textarea,select,button,table,div{font-family:Arial,helvetica,sans-serif;font-size:12px; line-height:150%; color:#1b1b1a;}
img{border:0}
ul,ol{list-style:none}
hr {clear:both;display:none;}
li img, dd img {vertical-align:top;}
*html body img {margin:none; padding:none;} /*for IE 6*/

a{color:#1b1b1a;text-decoration:none}
a:hover,a:active{color:#f15a22;text-decoration:none}

.clear{clear:both;}
.hide {position:absolute;visibility:hidden;overflow:hidden;width:0;height:0;margin:0;padding:0;font:0/0 Arial;}

/* user class */
#wrap {position:relative; top:50%; left:50%; margin:-355px 0 0 -480px; width:960px; height:670px; overflow:hidden;}
#header {height:85px;}
#header h1 {text-align:center; padding:20px 0 0 0;}
#container {height:515px; overflow:hidden;}
#footer {height:90px; clear:both;}
#footer .logo {float:left; width:255px; padding:30px 0 0 218px;}
#footer .copyright {float:left; padding:50px 0 0 0;}

#accordion {width:960px; height:515px; overflow:hidden;}
#accordion a {display:block; cursor:pointer; overflow:hidden;}
#accordion dl {position:relative; width:960px; height:515px; display:block;}
#accordion dt,#accordion dd{position:absolute}
#accordion dt {display:inline-block; width:230px; height:515px; background:#fff url("/images/intro/bg1.png") 50% 0 no-repeat; cursor:pointer; z-index:5; overflow:hidden;}
#accordion dd {display:inline-block; width:500px; height:515px; background:#fff url("/images/intro/bg2.png") 50% 0 no-repeat; overflow:hidden; z-index:1; overflow:hidden;}
#accordion dd.active {z-index:100}
#accordion dd.plus {z-index:4}
#accordion dt .head {width:225px; height:515px; background-repeat:no-repeat; margin:0 auto; overflow:hidden;}
#accordion dt h2 {padding:43px 0 0 25px; color:#f15a22; font-size:20px; font-family:'Arial Black'; line-height:100%;}
#accordion dt p {padding:55px 0 0 25px; color:#343434; font-size:13px; font-weight:700;}
#accordion dd h3 {color:#f15a22; font-size:32px; font-family:'Arial Black'; line-height:100%;}
#accordion dd p {font-size:12px; font-weight:700;}
#accordion dd .content {position:relative; width:495px; height:515px; margin:0 auto; overflow:hidden;}
#accordion dt#t1 .head {background-image:url("/images/intro/k_bg.png")}
#accordion dt#t2 .head {background-image:url("/images/intro/m_bg.png")}
#accordion dt#t3 .head {background-image:url("/images/intro/s_bg.png")}
#accordion dd#d1 h3 {position:absolute; top:32px; right:30px;}
#accordion dd#d1 p {position:absolute; top:275px; left:122px; color:#fff; z-index:10;}
#accordion dd#d1 .k_main {position:absolute; top:227px; left:52px; width:321px; height:218px; background:url("/images/intro/k_main.png") 0 0 no-repeat; z-index:9;}
#accordion dd#d1 .k_main:hover {background-position:0 -218px;}
#accordion dd#d1 .k_ko {position:absolute; top:115px; left:203px; width:123px; height:175px; background:url("/images/intro/k_ko.png") 0 -175px no-repeat;}
#accordion dd#d1 .k_ch {position:absolute; top:154px; left:18px; width:66px; height:176px; background:url("/images/intro/k_ch.png") 0 -176px no-repeat;}
#accordion dd#d1 .k_en {position:absolute; top:136px; left:341px; width:141px; height:171px; background:url("/images/intro/k_en.png") 0 -171px no-repeat;}
#accordion dd#d1 .k_es {position:absolute; bottom:1px; left:9px; width:94px; height:141px; background:url("/images/intro/k_es.png") 0 -141px no-repeat; z-index:11;}
#accordion dd#d1 .k_fr {position:absolute; top:67px; left:99px; width:100px; height:180px; background:url("/images/intro/k_fr.png") 0 -180px no-repeat;}
#accordion dd#d1 .k_ja {position:absolute; bottom:1px; left:376px; width:86px; height:151px; background:url("/images/intro/k_ja.png") 0 -151px no-repeat;}
#accordion dd#d2 h3 {position:absolute; top:40px; left:28px;}
#accordion dd#d2 p {position:absolute; top:77px; left:123px; z-index:10;}
#accordion dd#d2 .content {background:url("/images/intro/m_main.png") 50% 50% no-repeat;}
#accordion dd#d2 .m_monthly {position:absolute; top:262px; left:161px;}
#accordion dd#d2 .m_weekly {position:absolute; top:262px; left:341px;}
#accordion dd#d2 .m_link {display:inline-block; width:140px; height:140px; font-weight:bold; line-height:120%;}
#accordion dd#d2 .m_link:hover .m_circle {background-position:0 -140px;}
#accordion dd#d2 .m_link:hover .m_arrow {background-position:100% -37px;}
#accordion dd#d2 .m_circle {position:absolute; top:0; left:0; display:inline-block; width:140px; height:140px; background:url("/images/intro/m_circle.png") 0 0 no-repeat;}
#accordion dd#d2 .m_arrow {position:absolute; top:57px; left:30px; width:59px; display:inline-block; padding:0 24px 0 0; background:url("/images/intro/arrow.png") 100% 3px no-repeat;}
#accordion dd#d3 h3 {position:absolute; top:32px; left:53px;}
#accordion dd#d3 p {position:absolute; top:43px; left:180px; z-index:10;}
#accordion dd#d3 .content {height:514px; background:url("/images/intro/s_main.png") 50% 100% no-repeat;}
#accordion dd#d3 .s_cart {position:absolute; top:258px; left:173px; display:inline-block; width:282px; height:197px; background:url("/images/intro/s_cart.png") 0 -197px no-repeat; z-index:11;}
#accordion dd#d3 .s_cart:hover {background-position:0 0;}
#accordion dd#d3 .s_goods {position:absolute; bottom:160px; right:50%; margin-right:-185px; display:inline-block; width:387px; height:245px; z-index:10;}
#accordion dd#d3 .s_shop {position:absolute; top:0; left:0; width:495px; height:515px; z-index:9;}