#contents { margin: 0; width: auto; }
#quick { display: none; }

/* 제품소개 */
#contents.sub1 { padding: 17px; width: auto; }

#contents.sub1 .title {}
#contents.sub1 .title img { width: 20%; height: auto; }

#contents.sub1 .intro { position: relative; }
#contents.sub1 .intro .w { display: none; }
#contents.sub1 .intro .m { display: block; padding: 12px 0 8px; }
#contents.sub1 .intro .m img { width: 100%; }
#contents.sub1 .intro .more { position: absolute; bottom: -5%; width: 100%; }
#contents.sub1 .intro .more img { width: 22.81%; }
#contents.sub1 .intro .more_brochure { position: absolute; left:0; bottom: -5%; width: 100%; }
#contents.sub1 .intro .more_brochure img { width: 22.81%; margin-left:22.8%; }

#contents.sub1 .benefit .ico {  position: static; top: auto; margin: 33px 0 0; width: 100%; height: 23.75%; text-align: center; background: url(../images/sub1/dot_gray.gif) repeat-x left 50%; }
#contents.sub1 .benefit .ico img { width: 26.67%; }
#contents.sub1 .benefit .w { display: none; }
#contents.sub1 .benefit .m { display: block; }
#contents.sub1 .benefit .m li { padding: 30px 0; border-top: 1px solid #dbdbdb; }
#contents.sub1 .benefit .m li:first-child { border-top: 0; }
#contents.sub1 .benefit .m li .subj { line-height: 31px; font-size: 24px; }
#contents.sub1 .benefit .m li .subj .highlight { color: #197dc0; }
#contents.sub1 .benefit .m li .cont { padding-top: 17px; line-height: 22px; font-size: 14px; color: #888; }

#contents.sub1 .screenshot { position: relative; }
#contents.sub1 .screenshot .w { display: none; }
#contents.sub1 .screenshot .m { display: block; }
#contents.sub1 .screenshot .m { padding-top:20px; }
#contents.sub1 .screenshot .m li { float: left; width:50%; margin-right:0px; margin-bottom:10px; }
#contents.sub1 .screenshot .m li img{width:100%;}
#contents.sub1 .screenshot .m li .subtitle{font-weight:bold; margin-bottom:10px; font-size:14px; }
#contents.sub1 .screenshot .m li .subtext{ margin-top:4px; text-align:center; color:#888; font-size:13px; }

#contents.sub1 .usecase .w { display: none; }
#contents.sub1 .usecase .m { display: block; border:1px solid #e5e5e5; }
#contents.sub1 .usecase .m .usec_m_title{ padding: 20px 0 20px 3.75%; background-color:#f5f5f5; }
#contents.sub1 .usecase .m .spw_logo{ padding: 20px 3.75% 20px 3.75%; }
#contents.sub1 .usecase .m .spw_logo p{ margin-top:10px; color:#888; font-size:14px; line-height:20px; }
#contents.sub1 .usecase .m .spw_logo img{ width:75%; }

#contents.sub1 .usecase .usec_content_m{ padding:20px; }
#contents.sub1 .usecase .usec_content_m li{ margin-bottom:20px; }
#contents.sub1 .usecase .usec_content_m li img {width:100%;}

#contents.sub1 .press { position: relative; margin: 35px 0 17px; width: 100%; overflow: auto; background-color: #f5f5f5; }
#contents.sub1 .press .subj { float: left; display: inline; padding: 4.69% 0 0 5.47%; width: 19.22%; font-size: 200%; }
#contents.sub1 .press .cont { float: left; display: inline; padding: 4.22% 0 3.75%; width: 71%; font-size: 117%; }
#contents.sub1 .press .cont li { margin: 4px 0; padding: 0 0 0 12px; line-height: 20px; overflow: auto; background: url(../images/sub1/bul_dot.gif) no-repeat 0 8px; }
#contents.sub1 .press .cont li a { margin-right: 10px; color: #888; text-decoration: none; }
#contents.sub1 .press .cont li.last a { float: left; display: inline; }
#contents.sub1 .press .cont li a.more {}

/* 성공사례 */
#contents.sub2 { padding: 16px; width: auto; }
#contents.sub2 .title { padding: 0 0 3.59%; }
#contents.sub2 .title img { width: 20%; }
#contents.sub2 .summary { padding: 0 0 5.31%; }
#contents.sub2 .summary img { width: 77.34%; }
#contents.sub2 .movie { padding: 0 0 5.31%; }
#contents.sub2 .movie * { width: 100%; }

#contents.sub2 .suc-list { border: 0; border-top: 2px solid #e1e1e1; }
#contents.sub2 .suc-list ul { position: relative; padding: 5.47% 0; border: 0; border-bottom: 2px solid #e1e1e1; }
#contents.sub2 .suc-list ul li {}
#contents.sub2 .suc-list ul li.l { position: absolute; top: 23%; left: 0; width: 33.28%; }
#contents.sub2 .suc-list ul li.l .logo { padding: 0 0 14.55%; }
#contents.sub2 .suc-list ul li.l .logo img { width: 100%; }
#contents.sub2 .suc-list ul li.l .btn { margin: 0 0 0 20.19%; padding: 0 6.1% 6.1% 0; width: 54.46%; background: url(../images/sub2/bg_btn.png) no-repeat right bottom; }
#contents.sub2 .suc-list ul li.l .btn img { width: 100%; height: auto; }
#contents.sub2 .suc-list ul li.r { margin: 0 0 0 33.28%; padding: 0 0 0 2.66%; border-left: 1px solid #ebebeb; }
#contents.sub2 .suc-list ul li.r p { line-height: 23px; font-size: 16px; font-weight: bold; color: #197dc0; }
#contents.sub2 .suc-list ul li.r dl { padding: 2.81% 0 0; }
#contents.sub2 .suc-list ul li.r dl dt, #contents.sub2 .suc-list ul li.r dl dt:first-child { padding: 3% 0; font-size: 14px; font-weight: bold; }
#contents.sub2 .suc-list ul li.r dl dd { padding: 0 0 0 2.5%; line-height: 17px; color: #666; background: url(../images/sub2/bul_dot.gif) no-repeat 0 8px; }

#contents.sub2 .command { padding: 5.31% 0 9.69%; }
#contents.sub2 .command span:first-child { margin-right: 1.5%; }
#contents.sub2 .command span img { width: 48.6%; }

#contents.sub2 .title2 { padding: 0 0 4.06%; }
#contents.sub2 .title2 img { width: 38.9%; }

#contents.sub2 .clients {}
#contents.sub2 .clients img { width: 100%; }
#contents.sub2 .clients ul {}
#contents.sub2 .clients ul li { display: inline-block; margin-bottom: 1.4%; width: 32%; }
#contents.sub2 .clients ul li.c { margin: 0 0.8%; width: 32%; }
#contents.sub2 .clients ul li img { width: 100%; }

/* 프로모션 */
#contents.sub3 { padding: 0; width: auto; }
#contents.sub3 .title { padding: 2.81% 0 2.81% 5.47%; border: 0; }
#contents.sub3 .title img { width: 41.72%; }

#contents.sub3 .pro1.w { display: none; }
#contents.sub3 .pro1.m { display: block; }
#contents.sub3 .pro1.m img { width: 100%; }
#contents.sub3 .com1 { padding: 0; text-align: center; border: 0; background-color: #fefefe; background: url(../images/sub3/m/content1_bg.jpg) no-repeat top center; } /*  background-color: #12123b; */
#contents.sub3 .com1 img { width: 38.59%; }

#contents.sub3 .pro2.w { display: none; }
#contents.sub3 .pro2.m { display: block; }
#contents.sub3 .pro2.m img { width: 100%; }
#contents.sub3 .com2 { padding: 0 0 6.88%; text-align: center; border: 0; background-color: #02022c; }
#contents.sub3 .com2 img { width: 38.59%; }

#contents.sub3 .summary { padding: 4.84% 0 4.69% 6.72%; border: 0; background-color: #f6f6f6; }
#contents.sub3 .summary img { width: 79.38%; }

/* 구매신청 */
#contents.sub32 { padding: 18px; width: auto; height: auto; }
#contents.sub32 .title { margin: 0 0 3.59%; width: 19.84%; height: auto; }
#contents.sub32 .title img { width: 100% }

#contents.sub32 .summary { width: 65.78%; height: auto; }
#contents.sub32 .summary img { width: 100%; height: auto; }

#contents.sub32 .frm { margin: 13px 0 0; padding: 5px 0 0; border-top: 2px solid #000; }
#contents.sub32 .frm ul.l, #contents.sub32 .frm ul.r { float: none; display: block; width: auto; }
#contents.sub32 .frm ul li { height: 32px; }
#contents.sub32 .frm ul li.addr { height: 115px; }
#contents.sub32 .frm ul li.area { height: 112px; }
#contents.sub32 .frm ul li.addr p { margin-top: 9px; }
#contents.sub32 .frm ul li.addr p:first-child { margin-top: 0; }
#contents.sub32 .frm ul li.addr p.l, #contents.sub32 .frm ul li.addr p.r { float: none; display: block; }
#contents.sub32 .frm ul li:first-child { padding: 8px 0 0 9px; height: 23px; font-size: 14px; }
#contents.sub32 .frm ul li .must { font-weight: bold; color: #f00; }
#contents.sub32 .frm ul li input[type=text] { width: 100%; height: 32px; line-height: 32px; vertical-align: middle; border: 0; background-color: #efefef; }
#contents.sub32 .frm ul li input[type=text].s { width: 30%; }
#contents.sub32 .frm ul li select { height: 32px; }
#contents.sub32 .frm ul li select.fl { float: left; display: inline; margin: 0; width: 49%; }
#contents.sub32 .frm ul li select.fr { float: right; display: inline; width: 49%; }
#contents.sub32 .frm ul li select.s { width: 31%; }
#contents.sub32 .frm ul li .button { float: right; display: inline; display: inline-block; padding: 9px 0 0; width: 31%; height: 23px; vertical-align: middle; text-align: center; color: #fff; background-color: #999; }
#contents.sub32 .frm ul li textarea { width: 100%; height: 112px; overflow: auto; border: 0; background-color: #efefef; }
#contents.sub32 .frm .command { margin-top: 17px; text-align: center; }
#contents.sub32 .frm .command img { width: 35.16%; }

/* 구매상담신청 */
#contents.sub33 { padding: 18px; width: auto; height: auto; }
#contents.sub33 .title { margin: 0 0 3.59%; width: 31.72%; height: auto; }
#contents.sub33 .title img { width: 100% }

#contents.sub33 .summary { width: 65.78%; height: auto; }
#contents.sub33 .summary img { width: 100%; height: auto; }

#contents.sub33 .frm { margin: 13px 0 0; padding: 5px 0 0; border-top: 2px solid #000; }
#contents.sub33 .frm ul.l, #contents.sub33 .frm ul.r { float: none; display: block; width: auto; }
#contents.sub33 .frm ul li { height: 32px; }
#contents.sub33 .frm ul li.addr { height: 115px; }
#contents.sub33 .frm ul li.area { height: 112px; }
#contents.sub33 .frm ul li.addr p { margin-top: 9px; }
#contents.sub33 .frm ul li.addr p:first-child { margin-top: 0; }
#contents.sub33 .frm ul li.addr p.l, #contents.sub33 .frm ul li.addr p.r { float: none; display: block; }
#contents.sub33 .frm ul li:first-child { padding: 8px 0 0 9px; height: 23px; font-size: 14px; }
#contents.sub33 .frm ul li .must { font-weight: bold; color: #f00; }
#contents.sub33 .frm ul li input[type=text] { width: 100%; height: 32px; line-height: 32px; vertical-align: middle; border: 0; background-color: #efefef; }
#contents.sub33 .frm ul li input[type=text].s { width: 30%; }
#contents.sub33 .frm ul li select { height: 32px; }
#contents.sub33 .frm ul li select.fl { float: left; display: inline; margin: 0; width: 49%; }
#contents.sub33 .frm ul li select.fr { float: right; display: inline; width: 49%; }
#contents.sub33 .frm ul li select.s { width: 31%; }
#contents.sub33 .frm ul li .button { float: right; display: inline; display: inline-block; padding: 9px 0 0; width: 31%; height: 23px; vertical-align: middle; text-align: center; color: #fff; background-color: #999; }
#contents.sub33 .frm ul li textarea { width: 100%; height: 112px; overflow: auto; border: 0; background-color: #efefef; }
#contents.sub33 .frm .command { margin-top: 17px; text-align: center; }
#contents.sub33 .frm .command img { width: 35.16%; }

/* 이벤트 */
#contents.sub4 { padding: 0; width: auto; }
#contents.sub4 .event1 {}
#contents.sub4 .event1 .title { padding: 3.44% 0 3.44% 6.25%; border: 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #fafafa; }
#contents.sub4 .event1 .title img { width: 45.78%; }
#contents.sub4 .event1 .data {}
#contents.sub4 .event1 .data .w { display: none; }
#contents.sub4 .event1 .data .m { display: block; }
#contents.sub4 .event1 .data .m img { width: 100%; }
#contents.sub4 .event1 .data .com { position: static; margin: 0 0 5% 32.34%; } /* position: static; margin: 5.63% 0 10.94% 32.34%;*/
#contents.sub4 .event1 .data .com img { width: 50%; }

#contents.sub4 .event2 {}
#contents.sub4 .event2 .title { padding: 3.44% 0 3.44% 6.25%; border: 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #fafafa; }
#contents.sub4 .event2 .title img { width: 36.09%; }
#contents.sub4 .event2 .data { position: relative; }
#contents.sub4 .event2 .data .w { display: none; }
#contents.sub4 .event2 .data .m { display: block; padding: 13.28% 0 0 0; }
#contents.sub4 .event2 .data .m img { width: 100%; }
#contents.sub4 .event2 .data .com { position: absolute; top: 77.28%; left: 63.69%; width: 33.44%; }
#contents.sub4 .event2 .data .com img { width: 100%; }

/* 찾아가는 SAS 세미나 신청 */
#contents.sub42 { padding: 18px; width: auto; }
#contents.sub42 .title { margin: 0 0 3.59%; width: 59.38%; height: auto; }
#contents.sub42 .title img { width: 100% }

#contents.sub42 .summary { width: 65.78%; height: auto; }
#contents.sub42 .summary img { width: 100%; height: auto; }

#contents.sub42 .frm { margin: 13px 0 0; padding: 5px 0 0; border-top: 2px solid #000; }
#contents.sub42 .frm ul.l, #contents.sub42 .frm ul.r { float: none; display: block; width: auto; }
#contents.sub42 .frm ul li { height: 32px; }
#contents.sub42 .frm ul li.addr { height: 115px; }
#contents.sub42 .frm ul li.area { height: 112px; }
#contents.sub42 .frm ul li.addr p { margin-top: 9px; }
#contents.sub42 .frm ul li.addr p:first-child { margin-top: 0; }
#contents.sub42 .frm ul li.addr p.l, #contents.sub42 .frm ul li.addr p.r { float: none; display: block; }
#contents.sub42 .frm ul li:first-child { padding: 8px 0 0 9px; height: 23px; font-size: 14px; }
#contents.sub42 .frm ul li .must { font-weight: bold; color: #f00; }
#contents.sub42 .frm ul li input[type=text] { width: 100%; height: 32px; line-height: 32px; vertical-align: middle; border: 0; background-color: #efefef; }
#contents.sub42 .frm ul li input[type=text].s { width: 30%; }
#contents.sub42 .frm ul li select { height: 32px; }
#contents.sub42 .frm ul li select.fl { float: left; display: inline; margin: 0; width: 49%; }
#contents.sub42 .frm ul li select.fr { float: right; display: inline; width: 49%; }
#contents.sub42 .frm ul li select.s { width: 31%; }
#contents.sub42 .frm ul li .button { float: right; display: inline; display: inline-block; padding: 9px 0 0; width: 31%; height: 23px; vertical-align: middle; text-align: center; color: #fff; background-color: #999; }
#contents.sub42 .frm ul li.type { padding: 9px 0 0; width: auto; height: 23px; background-color: #efefef; }
#contents.sub42 .frm ul li.type label { margin: 0 15px; }
#contents.sub42 .frm ul li.type input[type=radio] { vertical-align: middle; }
#contents.sub42 .frm ul li.date {}
#contents.sub42 .frm ul li.date input[type=text] { margin: 0; width: 87%; }
#contents.sub42 .frm ul li.date img { height: 32px; vertical-align: top; }
#contents.sub42 .frm ul li textarea { width: 100%; height: 112px; overflow: auto; border: 0; background-color: #efefef; }
#contents.sub42 .frm .command { margin-top: 17px; text-align: center; }
#contents.sub42 .frm .command img { width: 35.16%; }

/* 설문 이벤트 */
#contents.sub43 { padding: 18px; width: auto; }
#contents.sub43 .title { margin: 0 0 3.59%; width: 27.03%; height: auto; }
#contents.sub43 .title img { width: 100% }

#contents.sub43 .summary { width: 65.78%; height: auto; }
#contents.sub43 .summary img { width: 100%; height: auto; }

#contents.sub43 .frm { margin: 13px 0 0; padding: 5px 0 0; border-top: 2px solid #000; }
#contents.sub43 .frm ul.l, #contents.sub43 .frm ul.r { float: none; display: block; width: auto; }
#contents.sub43 .frm ul li { height: 32px; }
#contents.sub43 .frm ul li.addr { height: 115px; }
#contents.sub43 .frm ul li.area { height: 112px; }
#contents.sub43 .frm ul li.addr p { margin-top: 9px; }
#contents.sub43 .frm ul li.addr p:first-child { margin-top: 0; }
#contents.sub43 .frm ul li.addr p.l, #contents.sub43 .frm ul li.addr p.r { float: none; display: block; }
#contents.sub43 .frm ul li:first-child { padding: 8px 0 0 9px; height: 23px; font-size: 14px; }
#contents.sub43 .frm ul li .must { font-weight: bold; color: #f00; }
#contents.sub43 .frm ul li input[type=text] { width: 100%; height: 32px; line-height: 32px; vertical-align: middle; border: 0; background-color: #efefef; }
#contents.sub43 .frm ul li input[type=text].s { width: 30%; }
#contents.sub43 .frm ul li select { height: 32px; }
#contents.sub43 .frm ul li select.fl { float: left; display: inline; margin: 0; width: 49%; }
#contents.sub43 .frm ul li select.fr { float: right; display: inline; width: 49%; }
#contents.sub43 .frm ul li select.s { width: 31%; }
#contents.sub43 .frm ul li .button { float: right; display: inline; display: inline-block; padding: 9px 0 0; width: 31%; height: 23px; vertical-align: middle; text-align: center; color: #fff; background-color: #999; }
#contents.sub43 .frm ul li textarea { width: 100%; height: 112px; overflow: auto; border: 0; background-color: #efefef; }

#contents.sub43 .summary2 { margin-top: 30px; width: 65.78%; height: auto; }
#contents.sub43 .summary2 img { width: 100%; height: auto; }

#contents.sub43 .survey { margin: 13px 0 0; padding: 13px 0 0; border-top: 2px solid #000; }
#contents.sub43 .survey ul {}
#contents.sub43 .survey ul li { clear: both; overflow: auto; margin: 0 0 22px; }
#contents.sub43 .survey ul li .q { padding-left: 7px; line-height: 22px; font-size: 14px; color: #222; }
#contents.sub43 .survey ul li .q p { display: inline; padding: 0; }
#contents.sub43 .survey ul li .gray { padding: 5px 0 0 7px; line-height: 18px; color: #aaa; }
#contents.sub43 .survey ul li .a { overflow: auto; padding: 17px 0 1px; font-size: 12px; color: #666; }
#contents.sub43 .survey ul li .a .rd { padding: 0 0 0 17px; }
#contents.sub43 .survey ul li .a .rd li { clear: none; float: left; display: inline; margin: 0 38px 0 0; line-height: 27px; }
#contents.sub43 .survey ul li .a .rd li:first-child { margin: 0 38px 0 0; }
#contents.sub43 .survey ul li .a .rd li input[type=radio] { vertical-align: middle; }
#contents.sub43 .survey ul li .a .box { clear: both; }
#contents.sub43 .survey ul li .a .box input[type=text] { padding: 0 5%; width: 89%; height: 26px; line-height: 26px; color: #999; border: 1px solid #cbcbcb; }
#contents.sub43 .survey ul li:first-child .a .box { padding: 10px 0 0; }
#contents.sub43 .survey ul li .a .area {}
#contents.sub43 .survey ul li .a .area textarea { padding: 5%; width: 89%; height: 63px; overflow: auto; border: 1px solid #cbcbcb; }
#contents.sub43 .survey ul li.consult { position: static; height: auto; }
#contents.sub43 .survey ul li.consult .a { position: static; top: auto; right: auto; padding: 17px 0 0; }
#contents.sub43 .survey ul li.consult .a .rd li { margin: 0 38px 0 0; }

#contents.sub43 .command { margin-top: 17px; text-align: center; }
#contents.sub43 .command img { width: 35.16%; }