html{width:100%;height:100%;}
body, h1, h2, h3, h4, h5, h6, p, div, table, ul, ol, li, dl, dt, dd{margin:0; padding:0; font-family:Dotum,'돋움', '맑은 고딕',
Helvetica,AppleSDGothicNeo,sans-serif; font-size: 13px; color: #888888;}
input{font-family: '맑은 고딕', Dotum,'돋움', Helvetica,AppleSDGothicNeo,sans-serif; font-size: 13px; color: #888888;}
.login-solid {
border: 1px solid DDDDDD;
height: 16px;
font-size: 9pt;
color: #666666;
}
body{background:#ffffff;}
a{color: #888888; text-decoration: none;}
a:link {color: #888888;}
a:visited {color: #888888;}
a:hover {color: #888888;}
a:active {color: #888888;}
@font-face {
font-family: myFont1;
src: url(/styles/font/윤고딕340.TTF);
}
/* img{max-width:100%;} */
img{border:none;}
a img{border: none;}
li{list-style:none;}
table{border-collapse: collapse;}
.clearfix:after {clear: both;content: "";display:block;}
.clearfix{*zoom:1;}
a{text-decoration:none;color:#666;}
a:link{text-decoration:none;color:#666;}
a:hover,a:active,a:visited,a:focus{text-decoration:none;color:#666;}
/*메뉴css*/
p.swidth{margin:10px 0;}
p.swidth *{vertical-align:middle;}
p.swidth a.bin{padding-left:10px;}
#top{}
#top div.top_in{width:100%;height:125px;position:relative;background:;}
#top div.top_in h1{position:absolute;left:50px;top:50px;}
#top div.top_in ul.sjoin{position:absolute;right:0;top:5px;}
#top div.top_in ul.sjoin li{float:left;font-size:11px;background: url(/images/home_new/dot.gif) no-repeat 0 5px;padding-left:8px;margin-left:10px;}
#top div.top_in p.swidth{position:absolute;right:0;top:20px;}
#top div.top_in p.swidth *{vertical-align:middle;}
#top div.top_in p.swidth a.bin{padding-left:10px;}
#top div.top_in ul.menu{position:absolute;right:0;top:60px;}
#top div.top_in ul.menu li{float:left;margin-left:15px;}
#top div.top_in ul.menu li.first{margin-left:0;}
#top div.top_in div.sub{position:absolute;left:209px;top:85px;z-index:100;}
#top div.top_in div.sub ul.sbu1{padding:5px;border:0px solid #dddddd;width:650px;display:;}
#top div.top_in div.sub ul.sbu1 li{float:left;margin-left:5px;background: url(/images/home_new/line.jpg) no-repeat 0 50%;padding-left:5px;font-size:11px;}
#top div.top_in div.sub ul.sbu1 li.first{margin:0;background:none;}
#top div.top_in div.sub ul.sbu1 li a{display:block;padding:5px;}
#top div.top_in div.sub ul.sbu1 li a.on{display:block;padding:5px;background:#71C8F5;font-weight:bold;color:#ffffff;}
#top div.top_in div.sub ul.sbu2{padding:5px;border:0px solid #dddddd;width:450px;position:absolute;left:90px;display:none;}
#top div.top_in div.sub ul.sbu2 li{float:left;margin-left:5px;background: url(/images/home_new/line.jpg) no-repeat 0 50%;padding-left:5px;font-size:11px;}
#top div.top_in div.sub ul.sbu2 li.first{margin:0;background:none;}
#top div.top_in div.sub ul.sbu2 li a{display:block;padding:5px;}
#top div.top_in div.sub ul.sbu2 li a.on{display:block;padding:5px;background:#71C8F5;font-weight:bold;color:#ffffff;}
#top div.top_in div.sub ul.sbu3{padding:5px;border:0px solid #dddddd;width:670px;position:absolute;left:0;display:none;}
#top div.top_in div.sub ul.sbu3 li{float:left;margin-left:5px;background: url(/images/home_new/line.jpg) no-repeat 0 50%;padding-left:5px;font-size:11px;}
#top div.top_in div.sub ul.sbu3 li.first{margin:0;background:none;}
#top div.top_in div.sub ul.sbu3 li a{display:block;padding:5px;}
#top div.top_in div.sub ul.sbu3 li a.on{display:block;padding:5px;background:#71C8F5;font-weight:bold;color:#ffffff;}
#top div.top_in div.sub ul.sbu4{padding:5px;border:0px solid #dddddd;width:550px;position:absolute;left:100px;display:none;}
#top div.top_in div.sub ul.sbu4 li{float:left;margin-left:5px;background: url(/images/home_new/line.jpg) no-repeat 0 50%;padding-left:5px;font-size:11px;}
#top div.top_in div.sub ul.sbu4 li.first{margin:0;background:none;}
#top div.top_in div.sub ul.sbu4 li a{display:block;padding:5px;}
#top div.top_in div.sub ul.sbu4 li a.on{display:block;padding:5px;background:#71C8F5;font-weight:bold;color:#ffffff;}
#top div.top_in div.sub ul.sbu5{padding:5px;border:0px solid #dddddd;width:350px;position:absolute;left:330px;display:none;}
#top div.top_in div.sub ul.sbu5 li{float:left;margin-left:5px;background: url(/images/home_new/line.jpg) no-repeat 0 50%;padding-left:5px;font-size:11px;}
#top div.top_in div.sub ul.sbu5 li.first{margin:0;background:none;}
#top div.top_in div.sub ul.sbu5 li a{display:block;padding:5px;}
#top div.top_in div.sub ul.sbu5 li a.on{display:block;padding:5px;background:#71C8F5;font-weight:bold;color:#ffffff;}
#top div.top_in div.sub ul.sbu6{padding:5px;border:0px solid #dddddd;width:150px;position:absolute;left:500px;display:none;}
#top div.top_in div.sub ul.sbu6 li{float:left;margin-left:5px;background: url(/images/home_new/line.jpg) no-repeat 0 50%;padding-left:5px;font-size:11px;}
#top div.top_in div.sub ul.sbu6 li.first{margin:0;background:none;}
#top div.top_in div.sub ul.sbu6 li a{display:block;padding:5px;}
#top div.top_in div.sub ul.sbu6 li a.on{display:block;padding:5px;background:#71C8F5;font-weight:bold;color:#ffffff;}
#top div.top_in div.sub ul.sbu7{padding:5px;border:0px solid #dddddd;width:400px;position:absolute;left:290px;display:none;}
#top div.top_in div.sub ul.sbu7 li{float:left;margin-left:5px;background: url(/images/home_new/line.jpg) no-repeat 0 50%;padding-left:5px;font-size:11px;}
#top div.top_in div.sub ul.sbu7 li.first{margin:0;background:none;}
#top div.top_in div.sub ul.sbu7 li a{display:block;padding:5px;}
#top div.top_in div.sub ul.sbu7 li a.on{display:block;padding:5px;background:#71C8F5;font-weight:bold;color:#ffffff;}
#left_login{position:relative;width:175px;*width:177px;left:22px;top:10px;outline:0px solid red;}
#left_login div.box{width:175px;*width:177px;height:120px;border:1px solid #dddddd;margin:0 auto;position:absolute;z-index:1000;background:#ffffff;outline:0px solid blue;}
#left_login div.box div.tab{}
#left_login div.box div.input{padding-top:15px;position:relative;}
#left_login div.box div.input p.p1{position:relative;;outline:0px solid red;margin:0 50px 0 10px;}
#left_login div.box div.input p.p1 label{position:absolute;left:10px;top:5px;font-size:11px;}
#left_login div.box div.input p.p1 input{border:1px solid #dddddd;width:100px;padding:3px 3px;font-size:11px;color:#333333;display:block;}
#left_login div.box div.input p.gab{margin-top:2px;*margin-top:5px;}
#left_login div.box div.input a.btn_login{position:absolute;right:10px;top:15px;display:block;background:#616161;padding:15px 8px;border-radius:3px;color:#ffffff;font-size:11px;letter-spacing:-1px;}
#left_login div.box ul.lognb{margin-top:14px;}
#left_login div.box ul.lognb li{float:left;font-size:11px;color:#333333;background: url(/images/home_new/dot.gif) no-repeat 0 5px;padding-left:8px;margin-left:10px;}
/*로그인전*/
#login_before{position:relative;width:175px;*width:177px;left:0;top:0;outline:0px solid red;display:;}
#login_before div.box{width:175px;*width:177px;height:120px;border:1px solid #dddddd;margin:0 auto;position:absolute;background:#ffffff;outline:0px solid blue;}
#login_before div.box div.tab{}
#login_before div.box div.input{padding-top:15px;position:relative;background:;}
#login_before div.box div.input p.p1{position:relative;;outline:0px solid red;margin:0 50px 0 10px;}
#login_before div.box div.input p.p1 label{position:absolute;left:10px;top:5px;font-size:11px;display:;}
#login_before div.box div.input p.p1 input{border:1px solid #dddddd;width:90px;padding:3px 3px;font-size:11px;color:#333333;display:block;}
#login_before div.box div.input p.gab{margin-top:2px;*margin-top:5px;}
#login_before div.box div.input a.btn_login{position:absolute;right:10px;top:15px;display:block;}
#login_before div.box ul.lognb{position:absolute;bottom:10px;}
#login_before div.box ul.lognb li{float:left;font-size:11px;color:#222222;background: url(/images/index/dot.gif) no-repeat 0 5px;padding-left:8px;margin-left:10px;}
/*로그인후*/
#login_after{position:relative;width:175px;*width:177px;left:0;top:0;outline:0px solid red;display:;}
#login_after div.box{width:175px;*width:177px;height:120px;border:1px solid #dddddd;margin:0 auto;position:absolute;background:#ffffff;outline:0px solid blue;}
#login_after div.box div.tab{height:11px;font-size:12px;padding:5px 0 5px 10px;*padding:3px 0 4px 10px;background:#fafafa;border-bottom:1px solid #e9e9e9;}
#login_after div.box div.input{padding-top:15px;position:relative;}
#login_after div.box div.input p.p1{position:relative;;outline:0px solid red;margin:0 50px 0 10px;}
#login_after div.box div.input p.p1 span.cg{position:absolute;left:0;top:-12px;font-size:11px;}
#login_after div.box div.input p.p1 span.num{position:absolute;left:28px;top:3px;font-size:11px;color:#222222;display:inline-block;width:70px;text-align:right;background:;padding:5px 0;font-weight:bold;}
#login_after div.box div.input p.p1 span.po{position:absolute;left:0;top:10px;font-size:11px;}
#login_after div.box div.input p.p1 span.ber{position:absolute;left:28px;top:20px;font-size:11px;color:#ff6c00;display:inline-block;width:70px;text-align:right;background:;padding:5px 0;font-weight:bold;}
#login_after div.box div.input p.p1 input{border:1px solid #dddddd;width:100px;padding:3px 3px;font-size:11px;color:#333333;display:block;}
#login_after div.box div.input p.gab{margin-top:2px;*margin-top:5px;}
#login_after div.box div.input a.btn_login{position:absolute;right:10px;top:15px;display:block;}
#login_after div.box ul.lognb{position:absolute;bottom:10px;}
#login_after div.box ul.lognb li{float:left;font-size:11px;color:#222222;background: url(/images/index/dot.gif) no-repeat 0 5px;padding-left:8px;margin-left:16px;}
/*롤링배너css*/
#section1{float:left;position:relative;border:1px solid #dddddd;width:100%;height:317px;background-position:center top;}
#section1 .slideshow-wrapper2{float:left;position:relative;width:653px;height:317px;overflow:hidden;} /* overflow:hidden; */
#section1 .slideshow-wrapper-box2{float:center;position:absolute;width:653px;height:317px;overflow:hidden;z-index:10;left:0px;top:0px;} /* overflow:hidden; */
#section1 .slideshow-wrapper2 .wrapper-Num {
float:left;
position: absolute;
width:100%;
height:20px;
margin-top:282px;
z-index:50;
text-align:left;
left:42px;
}
/* 테일 넘버가 숫자형식일때 */
#section1 .slideshow-wrapper2 .wrapper-Num .num { float:none;position: relative; width:20px;height:20px;margin-right:5px;font-size:16px;font-weight:bold;color:#ffffff; border: 2px solid #bccf24;cursor:pointer;}
#section1 .slideshow-wrapper2 .wrapper-Num .num:hover { background-color:#bccf24; }
#section1 .slideshow-wrapper2 .wrapper-Num .num.active { background-color:#bccf24; }
#section1 .slideshow-wrapper2 .wrapper-Num .numimg { float:none;position: relative; width:20px;height:20px;margin-right:5px;font-size:16px;font-weight:bold;color:#ffffff;cursor:pointer;}
/* 테일 넘버가 숫자형식일때 */
/* 테일 넘버가 이미지형식일때 */
#section1 .slideshow-wrapper-box2 .wrapper-li { float:left;position: absolute;width:653px;height:317px;overflow:hidden; }
#section1 .slideshow-wrapper-box2 .wrapper-li .part{ float:left;position: absolute;width:653px;height:317px;overflow:hidden;}
#section1 .slideshow-wrapper-box2 .wrapper-li .part .zindex10 {z-index:10}
#section1 .slideshow-wrapper-box2 .wrapper-li .part .zindex20 {z-index:20}
#section1 .slideshow-wrapper-box2 .wrapper-li .part .zindex30 {z-index:30}
/* 테일 넘버가 이미지형식일때 */
/*맥스포인트이렇게 모아요css*/
#section2{width:100%;position:relative;text-align:left;}
#section2 h1{padding:20px 0;}
#section2 .list{border:1px solid #dddddd;width:100%;overflow:hidden;padding:10px 0;}
#section2 .list ul{}
#section2 .list ul li{float:left;width:320px;border-right:1px solid #dddddd;margin-left:5px;padding-right:4px;}
#section2 .list ul li.line{border-right:0;padding-right:0;}
#section2 .list ul li div.left{float:left;border:1px solid #eeeeee;margin-left:5px;}
#section2 .list ul li div.right{margin-left:120px;padding:0 10px;}
#section2 .list ul li div.right h2{padding:10px 0 10px;font-family: myFont1;color:#454545;}
#section2 .list ul li div.right p{line-height:135%;letter-spacing:-1px;}
#section2 .list2{border:1px solid #dddddd;width:100%;overflow:hidden;padding:10px 0;margin-top:10px;}
#section2 .list2 ul{}
#section2 .list2 ul li{float:left;width:320px;border-right:1px solid #dddddd;margin-left:5px;padding-right:4px;}
#section2 .list2 ul li.line{border-right:0;padding-right:0;}
#section2 .list2 ul li div.left{float:left;border:1px solid #eeeeee;margin-left:5px;}
#section2 .list2 ul li div.right{margin-left:120px;padding:0 10px;}
#section2 .list2 ul li div.right h2{padding:10px 0 10px;font-family: myFont1;color:#454545;}
#section2 .list2 ul li div.right p{line-height:135%;letter-spacing:-1px;}
#section2 .list3{border:1px solid #dddddd;width:100%;overflow:hidden;padding:10px 0;margin-top:10px;}
#section2 .list3 ul{}
#section2 .list3 ul li{float:left;width:320px;border-right:1px solid #dddddd;margin-left:5px;padding-right:4px;}
#section2 .list3 ul li.line{border-right:0;padding-right:0;}
#section2 .list3 ul li div.left{float:left;border:1px solid #eeeeee;margin-left:5px;}
#section2 .list3 ul li div.right{margin-left:120px;padding:0 10px;}
#section2 .list3 ul li div.right h2{padding:10px 0 10px;font-family: myFont1;color:#454545;}
#section2 .list3 ul li div.right p{line-height:135%;letter-spacing:-1px;}
/*공지,사용경험담css*/
#section3{position:relative;width:100%;padding:10px 0;border-top:1px dotted #eeeeee;margin-top:20px;overflow:hidden;text-align:left;}
#section3 div.spac a.story{width:175px;text-overflow:ellipsis;white-space: nowrap;overflow: hidden;background:;display:inline-block;}
#section3 div.left{float:left;position:relative;width:47%;padding:10px 9px 10px 0;*padding:10px 0 10px 0;background:;}
#section3 div.left ul{padding-top:10px;}
#section3 div.left ul li{position:relative;width:100%;line-height:150%;background: url(/images/home_new/dot.gif) no-repeat 0 7px;padding-left:8px;}
#section3 div.left ul li *{verticla-align:middle;}
#section3 div.left ul li span{position:absolute;right:0;top:0;font-size:11px;color:#999999;}
#section3 div.left ul li span.new{position:absolute;right:70px;top:1px;}
#section3 div.left a.more{position:absolute;top:10px;right:0;}
#section3 div.right{float:right;position:relative;width:47%;padding:10px 9px 10px 0;*padding:10px 0 10px 0;background:;}
#section3 div.right ul{padding-top:10px;}
#section3 div.right ul li{position:relative;width:100%;line-height:150%;background: url(/images/home_new/dot.gif) no-repeat 0 7px;padding-left:8px;}
#section3 div.left ul li *{verticla-align:middle;}
#section3 div.right ul li span{position:absolute;right:0;top:0;font-size:11px;color:#999999;}
#section3 div.right ul li span.new{position:absolute;right:70px;top:1px;}
#section3 div.right a.more{position:absolute;top:10px;right:0;}
/*통큰쇼핑css*/
#big_shopping{width:655px;position:relative;}
#big_shopping .section1{width:;border:1px solid #dddddd;margin-top:20px;padding-bottom:10px;}
#big_shopping .section1 h3{}
#big_shopping .section1 ul.w{}
#big_shopping .section1 ul.w li{float:left;width:206px;margin-left:8px;padding-top:10px;}
#big_shopping .section1 ul.w li div.box{width:100%;position:relative;padding:10px 0;}
#big_shopping .section1 ul.w li div.box dl{overflow:hidden;width:206px;line-height:140%;color:#000000;}
#big_shopping .section1 ul.w li div.box dl dt{float:left;padding-left:5px;font-size:11px;color:#666666;}
#big_shopping .section1 ul.w li div.box dl dd{float:right;padding-right:5px;font-size:11px;}
#big_shopping .section1 a{display:block;padding:10px 20px;text-align:center;border:1px solid #dddddd;color:#000000;}
#big_shopping .section1 a.on{display:block;padding:10px 20px;text-align:center;border:0px solid #dddddd;background:#555555;color:#ffffff;}
/*통큰쇼핑mallcss*/
#big_shopping2{width:655px;position:relative;margin-top:20px;}
#big_shopping2 .section1{width:;border:1px solid #dddddd;margin-top:20px;}
#big_shopping2 .section1 h3{}
#big_shopping2 .section1 ul.w{}
#big_shopping2 .section1 ul.w li{float:left;width:154px;height:49px;margin-left:7px;padding:10px 0;}