@charset 'utf-8';
@import url('http://script.about.co.kr/os2/common/css/base.css');

/* common  */
.aboutBox {position:relative;font-family:'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;font-size:12px;line-height:1.2;letter-spacing:0;border:2px solid #00982c;border-radius:8px;}
.aboutBox .ico_corner1, .aboutBox .ico_corner2 {position:absolute;top:-2px;z-index:5;width:10px;height:10px;}
.aboutBox .ico_corner1 {left:-2px;}
.aboutBox .ico_corner2 {right:-2px;background-position:100% 0;}
.aboutBox .a_head {padding:1px 6px 3px;background:#00982c;overflow:hidden;*zoom:1;}
.aboutBox .a_head .nav {float:right;height:15px;padding:7px 0 1px;overflow:hidden;}
.aboutBox .a_head .nav span {margin:0 2px 0 3px;color:#fff;font-family:tahoma;}

.aboutBox.svg .a_head .nav {padding:7px 18px 1px 0;}
.aboutBoxsvnS .a_head .nav {padding:7px 0 1px;}
.aboutBox.typeVer.svg .a_head .nav {padding:7px 0 1px;}


.aboutBox .a_head .logo {float:left;height:28px;overflow:hidden;}
.aboutBox .a_body {overflow:hidden; letter-spacing:-1px;}
.aboutBox .a_body ul {overflow:hidden;*zoom:1;}
.aboutBox .a_body li {float:left;text-align:center;}
.aboutBox .a_body li.last {float:right;*clear:both;position:relative;left:-2px;}
.aboutBox .a_body li a {display:block;width:90px;height:116px;padding:2px;margin:0 auto;color:#000;font-size:11px;line-height:1.2;text-decoration:none;}
.aboutBox .a_body li a .p_img {position:relative;display:block;width:90px;height:90px;overflow:hidden;}
.aboutBox .a_body li a .p_img span {position:absolute;left:0;top:0;width:90px;height:90px;}
.aboutBox .a_body li a .p_title {display:block;margin:0 auto;height:25px;word-wrap:break-word;overflow:hidden;}
.aboutBox .a_body li a:hover .p_img span {background:url(../html/shoppingBox/Image/img_frame.png) no-repeat 0 0;}
.aboutBox .a_body li a:hover .p_title {color:#fff;background:#4c4c4c;}

/* svg Btn */
.aboutBox.usenotSvg .iad {display:none;}
.aboutBox .iad {position:absolute;z-index:999;right:3px;top:7px;}
.aboutBox.typeHor .iad {right:3px;top:3px;}
.aboutBox.typeVer .iad {right:3px;top:3px;}
.aboutBox.svgS .iad {right:3px;top:auto; bottom:3px;}

.aboutBox .iad p a {display:block;width:16px;height:16px;background:url(../html/shoppingBox/Image/svn_info.png) 0 0 no-repeat;font-family:'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;font-weight:bold;color:#282095;text-indent:-10000px;}
.aboutBox .iad p a:hover {width:86px;background:url(../html/shoppingBox/Image/svn_open.png) 0 0 no-repeat;text-indent:0px;}

.aboutBox .svgArea .svg_on, .svgArea.svgHover .svg_off {display:none;}
.aboutBox .svgArea.svgHover .svg_on {display:block;}
.aboutBox .svgArea.svgHover .svg_on a {text-decoration:none;}

/* prodHor */
.prodHor .a_body li a {width:170px;height:90px;overflow:hidden;*zoom:1;}
.prodHor .a_body li a .p_img,
.prodHor .a_body li a .p_title {float:left;}
.prodHor .a_body li a .p_title {width:80px;height:58px;padding:32px 0 0;}
.prodHor .a_body li a .p_title span {display:block;height:25px;overflow:hidden;}
/* prodHorS */
.prodHorS .a_body li a {width:150px;height:72px;overflow:hidden;*zoom:1;}
.prodHorS .a_body li a .p_img,
.prodHorS .a_body li a .p_title {float:left;}
.prodHorS .a_body li a .p_img ,
.prodHorS .a_body li a .p_img span {width:72px;height:72px;}
.prodHorS .a_body li a .p_img img {width:72px;height:72px;}
.prodHorS .a_body li a .p_title {width:78px;height:47px;padding:25px 0 0;}
.prodHorS .a_body li a:hover .p_img span {background-position:0 -90px;}
/* prodHorXs */
.prodHorXs .a_body li a {width:150px;height:70px;overflow:hidden;*zoom:1;}
.prodHorXs .a_body li a .p_img,
.prodHorXs .a_body li a .p_title {float:left;}
.prodHorXs .a_body li a .p_img ,
.prodHorXs .a_body li a .p_img span {width:70px;height:70px;}
.prodHorXs .a_body li a .p_img img{width:70px;height:70px;}
.prodHorXs .a_body li a .p_title {width:80px;height:45px;padding:25px 0 0;}
.prodHorXs .a_body li a:hover .p_img span {background-position:0 -162px;}
/* prodVerXs */
.prodVerXs .a_body li a {width:70px;height:97px;overflow:hidden;*zoom:1;}
.prodVerXs .a_body li a .p_img,
.prodVerXs .a_body li a .p_title {float:left;}
.prodVerXs .a_body li a .p_img ,
.prodVerXs .a_body li a .p_img span {width:70px;height:70px;}
.prodVerXs .a_body li a .p_img img{width:70px;height:70px;}
.prodVerXs .a_body li a .p_title {width:70px;height:25px; }
.prodVerXs .a_body li a:hover .p_img span {background-position:0 -162px;}
/* width 200 under */
.typeVer .a_head .nav, .typeVer .a_head .logo{float:none;text-align:center;}
.typeVer .a_head .nav {padding-top:2px;}
.typeVer .a_head .logo{padding-bottom:2px;}
.typeVer .a_body li, .typeVer .a_body li.last {float:none;}
.typeVer.prodVerXs .a_body li {float:left;}
/* height 150 under */
.typeHor .ico_corner2 {left:-2px;top:auto;bottom:-2px;background-position:0 100%;}
.typeHor .a_head {position:absolute;left:0px;top:0;width:106px;height:100%;padding:0;margin:0;}
.typeHor .a_head .head_inner {position:absolute;left:0;top:50%;width:100%;height:49px;margin:-27px 0 0;}
.typeHor .a_head .nav, .typeHor .a_head .logo{float:none;text-align:center;}
.typeHor .a_head .nav {padding:0 0 6px;}
.typeHor .a_body {padding:0 0 0 104px;}