#section { position: relative; margin-bottom: 44px; }
#contents { position: relative; margin: 0 0 0 250px; width: 830px; overflow: auto; background-color: #fff; }
#quick { position: absolute; top: -7px; right: -10px; }

/* 제품소개 */
#contents.sub1 { padding: 40px; width: 750px; }
#contents.sub1 .title {}
#contents.sub1 .title img { width: auto; height: 69px; }

#contents.sub1 .intro { position: relative; margin-top: 17px; }
#contents.sub1 .intro .w {}
#contents.sub1 .intro .w img {}
#contents.sub1 .intro .m { display: none; }
#contents.sub1 .intro .more { position: absolute; bottom: 0; width: 100%; }
#contents.sub1 .intro .more img { width: auto; }
#contents.sub1 .intro .more_brochure { position: absolute; left:145px; bottom: 0; }
#contents.sub1 .intro .more_brochure img { width: auto; }

#contents.sub1 .benefit { position: relative; }
#contents.sub1 .benefit .ico { position: absolute; top: 291px; width: 100%; height: 170px; text-align: center; background: url(../images/sub1/dot_gray.gif) repeat-x left 50%; }
#contents.sub1 .benefit .ico img { width: auto; }
#contents.sub1 .benefit .w { padding-top: 40px; }
#contents.sub1 .benefit .w li { padding: 0; height: 357px; }
#contents.sub1 .benefit .w li.l { float: left; display: inline; width: 375px; border-right: 1px solid #dbdbdb; }
#contents.sub1 .benefit .w li.r { float: right; display: inline; width: 370px; text-align: right; }
#contents.sub1 .benefit .w li.l2, #contents.sub1 .benefit .w li.r2 { height: 229px; }
#contents.sub1 .benefit .w li .subj { line-height: 31px; font-size: 24px; }
#contents.sub1 .benefit .w li .subj .highlight { color: #197dc0; }
#contents.sub1 .benefit .w li .cont { padding-top: 17px; line-height: 22px; font-size: 14px; color: #888; }
#contents.sub1 .benefit .m { display: none; }

#contents.sub1 .screenshot { position: relative; }
#contents.sub1 .screenshot .w { padding-top:20px; }
#contents.sub1 .screenshot .w li { float: left; width: 173px; margin-right:19px; }
#contents.sub1 .screenshot .w li.last{ margin-right:0px; }
#contents.sub1 .screenshot .w li .subtitle{font-weight:bold; font-size:16px; margin-bottom:10px; }
#contents.sub1 .screenshot .w li .subtext{ margin-top:4px; text-align:center; color:#888; }
#contents.sub1 .screenshot .m { display: none; }

#contents.sub1 .usecase { position: relative; padding-top:40px; }
#contents.sub1 .usecase .w { position: relative; }
#contents.sub1 .usecase .usec_content{ position:absolute; top:145px; left:40px; }
#contents.sub1 .usecase .usec_content li{float:left; margin-right:10px;}
#contents.sub1 .usecase .usec_content li.last{margin-right:0px;}
#contents.sub1 .usecase .m { display: none; }

#contents.sub1 .clear { clear: both; }
#contents.sub1 .press { position: relative; margin: 40px 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: 40px; width: 750px; overflow: hidden; }
#contents.sub2 .title { padding: 0 0 27px; }
#contents.sub2 .title img { width: 143px; }
#contents.sub2 .summary { padding: 0 0 39px; }
#contents.sub2 .summary img { width: 556px; }
#contents.sub2 .movie { padding: 0 0 50px; }
#contents.sub2 .movie * { width: 100%; }

#contents.sub2 .suc-list { border: 1px solid #e1e1e1; border-top: 0; }
#contents.sub2 .suc-list ul { position: relative; padding: 40px 0; border-top: 1px solid #e1e1e1; }
#contents.sub2 .suc-list ul li {}
#contents.sub2 .suc-list ul li.l { position: absolute; top: 80px; left: 0; width: 293px; }
#contents.sub2 .suc-list ul li.l .logo { padding: 0 0 31px; text-align: center; }
#contents.sub2 .suc-list ul li.l .logo img { width: 213px; }
#contents.sub2 .suc-list ul li.l .btn { margin: 0 0 0 83px; padding: 0 18px 15px 0; width: 130px; background: url(../images/sub2/bg_btn.png) no-repeat right bottom; }
#contents.sub2 .suc-list ul li.l .btn img { width: 130px; height: 45px; }
#contents.sub2 .suc-list ul li.r { margin: 0 0 0 293px; padding: 0 40px; border-left: 1px solid #ebebeb; }
#contents.sub2 .suc-list ul li.r p { position: relative; top: -5px; line-height: 26px; font-size: 18px; font-weight: bold; color: #197dc0; }
#contents.sub2 .suc-list ul li.r dl { padding: 0 0 0; }
#contents.sub2 .suc-list ul li.r dl dt { padding: 26px 0 8px; font-size: 15px; font-weight: bold; }
#contents.sub2 .suc-list ul li.r dl dt:first-child { padding-top: 17px; }
#contents.sub2 .suc-list ul li.r dl dd { padding: 0 0 0 9px; line-height: 20px; font-size: 14px; color: #666; background: url(../images/sub2/bul_dot.gif) no-repeat 0 8px; }

#contents.sub2 .command { text-align:center; padding: 40px 0 0; }
#contents.sub2 .command span:first-child { margin-right: 17px; }
#contents.sub2 .command span img {  } /* width: 364px; */

#contents.sub2 .title2 { padding: 70px 0 30px; }
#contents.sub2 .title2 img { width: 279px; }

#contents.sub2 .clients {}
#contents.sub2 .clients ul {}
#contents.sub2 .clients ul li { display: inline-block; margin-bottom: 14px; width: 241px; }
#contents.sub2 .clients ul li.c { margin: 0 10px; width: 240px; }
#contents.sub2 .clients ul li img { width: 100%; }

/* 프로모션 */
#contents.sub3 { padding: 40px; width: 750px; overflow: hidden; }
#contents.sub3 .title { padding: 16px 0 18px 38px; border: 1px solid #ddd; border-bottom: 0; background-color: #fafafa;}
#contents.sub3 .title img {  } /* width: 41.72%; */

#contents.sub3 .pro1.w img { width: 100%; }
#contents.sub3 .pro1.m { display: none; }
#contents.sub3 .com1 { padding: 0 0 30px; text-align: center; border-left: 1px solid #ddd; border-right: 1px solid #ddd; background-color: #12123b; background: url(../images/sub3/content1_bg.jpg) no-repeat top center; }
#contents.sub3 .com1 img { width: 231px; }

#contents.sub3 .pro2.w img { width: 100%; }
#contents.sub3 .pro2.m { display: none; }
#contents.sub3 .com2 { padding: 0 0 49px; text-align: center; border-left: 1px solid #ddd; border-right: 1px solid #ddd; background-color: #02022c; background: url(../images/sub3/content2_bg.jpg) no-repeat top center; }
#contents.sub3 .com2 img { width: 231px; }

#contents.sub3 .summary { padding: 29px 0 29px 40px; border: 1px solid #ddd; border-top: 0; background-color: #f6f6f6; }
#contents.sub3 .summary img {  }

/* 구매신청 */
#contents.sub32 { padding: 40px; width: 750px; height: 920px; overflow: hidden; }
#contents.sub32 .title { margin: 0; width: auto; height: 98px; }
#contents.sub32 .title img { width: auto; }

#contents.sub32 .summary { width: auto; height: 37px; }
#contents.sub32 .summary img { width: auto; height: 18px; }

#contents.sub32 .frm { margin: 0; padding: 5px 0 0; border-top: 3px solid #000; }
#contents.sub32 .frm ul.l { clear: left; float: left; display: inline; width: 385px; }
#contents.sub32 .frm ul.r { float: right; display: inline; width: 365px; }
#contents.sub32 .frm ul.cl { clear: both; }
#contents.sub32 .frm ul li { height: 39px; color: #666; }
#contents.sub32 .frm ul li.addr { height: 90px; }
#contents.sub32 .frm ul li.area { height: 133px; }
#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 { float: left; display: inline; }
#contents.sub32 .frm ul li.addr p.r { float: right; display: inline; }
#contents.sub32 .frm ul li:first-child { padding: 10px 0 0 9px; height: 29px; font-size: 14px; color: #222; }
#contents.sub32 .frm ul li .must { font-weight: bold; color: #f00; }
#contents.sub32 .frm ul li input[type=text] { width: 365px; height: 39px; line-height: 32px; vertical-align: middle; border: 0; background-color: #efefef; }
#contents.sub32 .frm ul li input[type=text].s { width: 108px; }
#contents.sub32 .frm ul li input[type=text].s1 { width: 365px; }
#contents.sub32 .frm ul li input[type=text].s2 { width: 151px; }
#contents.sub32 .frm ul li select { width: 173px; height: 39px; vertical-align: middle; }
#contents.sub32 .frm ul li select.fl { float: none; margin-right: 20px; }
#contents.sub32 .frm ul li select.fr { float: none; }
#contents.sub32 .frm ul li select.s { width: 109px; }
#contents.sub32 .frm ul li.email select { width: 194px; }
#contents.sub32 .frm ul li .button { margin-left: 10px; float: none; display: inline-block; padding: 12px 0 0; width: 108px; height: 27px; vertical-align: middle; text-align: center; color: #fff; background-color: #999; }
#contents.sub32 .frm ul li textarea { width: 750px; height: 133px; overflow: auto; border: 0; background-color: #efefef; }
#contents.sub32 .frm .command {  margin-top: 27px; text-align: center; }
#contents.sub32 .frm .command img { width: 150px; }

/* 구매상담신청 */
#contents.sub33 { padding: 40px; width: 750px; height: 920px; overflow: hidden; }
#contents.sub33 .title { margin: 0; width: auto; height: 98px; }
#contents.sub33 .title img { width: auto; }

#contents.sub33 .summary { width: auto; height: 37px; }
#contents.sub33 .summary img { width: auto; height: 18px; }

#contents.sub33 .frm { margin: 0; padding: 5px 0 0; border-top: 3px solid #000; }
#contents.sub33 .frm ul.l { clear: left; float: left; display: inline; width: 385px; }
#contents.sub33 .frm ul.r { float: right; display: inline; width: 365px; }
#contents.sub33 .frm ul.cl { clear: both; }
#contents.sub33 .frm ul li { height: 39px; color: #666; }
#contents.sub33 .frm ul li.addr { height: 90px; }
#contents.sub33 .frm ul li.area { height: 133px; }
#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 { float: left; display: inline; }
#contents.sub33 .frm ul li.addr p.r { float: right; display: inline; }
#contents.sub33 .frm ul li:first-child { padding: 10px 0 0 9px; height: 29px; font-size: 14px; color: #222; }
#contents.sub33 .frm ul li .must { font-weight: bold; color: #f00; }
#contents.sub33 .frm ul li input[type=text] { width: 365px; height: 39px; line-height: 32px; vertical-align: middle; border: 0; background-color: #efefef; }
#contents.sub33 .frm ul li input[type=text].s { width: 108px; }
#contents.sub33 .frm ul li input[type=text].s1 { width: 365px; }
#contents.sub33 .frm ul li input[type=text].s2 { width: 151px; }
#contents.sub33 .frm ul li select { width: 173px; height: 39px; vertical-align: middle; }
#contents.sub33 .frm ul li select.fl { float: none; margin-right: 20px; }
#contents.sub33 .frm ul li select.fr { float: none; }
#contents.sub33 .frm ul li select.s { width: 109px; }
#contents.sub33 .frm ul li.email select { width: 194px; }
#contents.sub33 .frm ul li .button { margin-left: 10px; float: none; display: inline-block; padding: 12px 0 0; width: 108px; height: 27px; vertical-align: middle; text-align: center; color: #fff; background-color: #999; }
#contents.sub33 .frm ul li textarea { width: 750px; height: 133px; overflow: auto; border: 0; background-color: #efefef; }
#contents.sub33 .frm .command { margin-top: 27px; text-align: center; }
#contents.sub33 .frm .command img { width: 150px; }

/* 이벤트 */
#contents.sub4 { padding: 40px; width: 750px; overflow: hidden; }
#contents.sub4 .event1 { position: relative; }
#contents.sub4 .event1 .title { padding: 18px 0 18px 39px; border: 1px solid #ddd; background-color: #fafafa; }
#contents.sub4 .event1 .title img {  } /* width: 244px; */
#contents.sub4 .event1 .data {}
#contents.sub4 .event1 .data .w { display: block; }
#contents.sub4 .event1 .data .w img { width: 100%; }
#contents.sub4 .event1 .data .m { display: none; }
#contents.sub4 .event1 .data .com { position: absolute; bottom: 56px; left: 248px; padding: 0; }
#contents.sub4 .event1 .data .com img { width: 269px; }
.even_LH{line-height:21px;height:70px;}

#contents.sub4 .event2 {}
#contents.sub4 .event2 .title { padding: 3.44% 0 3.44% 6.25%; border: 1px solid #ddd; background-color: #fafafa; }
#contents.sub4 .event2 .title img { width: 193px; }
#contents.sub4 .event2 .data { position: relative; }
#contents.sub4 .event2 .data .w { display: block; padding: 0; }
#contents.sub4 .event2 .data .m { display: none; }
#contents.sub4 .event2 .data .m img { width: 100%; }
#contents.sub4 .event2 .data .com { position: absolute; top: 347px; left: 488px; }
#contents.sub4 .event2 .data .com img { width: 208px; }

/* 찾아가는 SAS 세미나 신청 */
#contents.sub42 { padding: 40px; width: 750px; overflow: hidden; }
#contents.sub42 .title { margin: 0; width: auto; height: 98px; }
#contents.sub42 .title img { width: auto; }

#contents.sub42 .summary { width: auto; height: 37px; }
#contents.sub42 .summary img { width: auto; height: 18px; }

#contents.sub42 .frm { margin: 0; padding: 5px 0 0; border-top: 3px solid #000; }
#contents.sub42 .frm ul.l { clear: left; float: left; display: inline; width: 385px; }
#contents.sub42 .frm ul.r { float: right; display: inline; width: 365px; }
#contents.sub42 .frm ul.cl { clear: both; }
#contents.sub42 .frm ul li { height: 39px; color: #666; }
#contents.sub42 .frm ul li.addr { height: 90px; }
#contents.sub42 .frm ul li.area { height: 133px; }
#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 { float: left; display: inline; }
#contents.sub42 .frm ul li.addr p.r { float: right; display: inline; }
#contents.sub42 .frm ul li:first-child { padding: 10px 0 0 9px; height: 30px; font-size: 14px; color: #222; }
#contents.sub42 .frm ul li .must { font-weight: bold; color: #f00; }
#contents.sub42 .frm ul li input[type=text] { width: 365px; height: 40px; line-height: 32px; vertical-align: middle; border: 0; background-color: #efefef; }
#contents.sub42 .frm ul li input[type=text].s { width: 108px; }
#contents.sub42 .frm ul li input[type=text].s1 { width: 365px; }
#contents.sub42 .frm ul li input[type=text].s2 { width: 151px; }
#contents.sub42 .frm ul li select { width: 173px; height: 40px; vertical-align: middle; }
#contents.sub42 .frm ul li select.fl { float: none; margin-right: 20px; }
#contents.sub42 .frm ul li select.fr { float: none; }
#contents.sub42 .frm ul li select.s { width: 109px; }
#contents.sub42 .frm ul li.email select { width: 194px; }
#contents.sub42 .frm ul li .button { margin-left: 10px; float: none; display: inline-block; padding: 12px 0 0; width: 108px; height: 28px; vertical-align: middle; text-align: center; color: #fff; background-color: #999; }
#contents.sub42 .frm ul li.type { padding: 12px 0 0; width: 365px; height: 28px; background-color: #efefef; }
#contents.sub42 .frm ul li.type label { margin: 0 26px; }
#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 16px 0 0; width: 305px; }
#contents.sub42 .frm ul li.date img { height: 40px; vertical-align: top; }
#contents.sub42 .frm ul li textarea { width: 750px; height: 133px; overflow: auto; border: 0; background-color: #efefef; }
#contents.sub42 .frm .command { margin-top: 27px; text-align: center; }
#contents.sub42 .frm .command img { width: 150px; }

/* 설문 이벤트 */
#contents.sub43 { padding: 40px; width: 750px; overflow: hidden; }
#contents.sub43 .title { margin: 0; width: auto; height: 98px; }
#contents.sub43 .title img { width: auto; }

#contents.sub43 .summary { width: auto; height: 37px; }
#contents.sub43 .summary img { width: auto; height: 18px; }

#contents.sub43 .frm { margin: 0; padding: 5px 0 0; border-top: 3px solid #000; }
#contents.sub43 .frm ul.l { clear: left; float: left; display: inline; width: 385px; }
#contents.sub43 .frm ul.r { float: right; display: inline; width: 365px; }
#contents.sub43 .frm ul.cl { clear: both; }
#contents.sub43 .frm ul li { height: 39px; color: #666; }
#contents.sub43 .frm ul li.addr { height: 90px; }
#contents.sub43 .frm ul li.area { height: 133px; }
#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 { float: left; display: inline; }
#contents.sub43 .frm ul li.addr p.r { float: right; display: inline; }
#contents.sub43 .frm ul li:first-child { padding: 10px 0 0 9px; height: 30px; font-size: 14px; color: #222; }
#contents.sub43 .frm ul li .must { font-weight: bold; color: #f00; }
#contents.sub43 .frm ul li input[type=text] { width: 365px; height: 40px; line-height: 32px; vertical-align: middle; border: 0; background-color: #efefef; }
#contents.sub43 .frm ul li input[type=text].s { width: 108px; }
#contents.sub43 .frm ul li input[type=text].s1 { width: 365px; }
#contents.sub43 .frm ul li input[type=text].s2 { width: 151px; }
#contents.sub43 .frm ul li select { width: 173px; height: 40px; vertical-align: middle; }
#contents.sub43 .frm ul li select.fl { float: none; margin-right: 20px; }
#contents.sub43 .frm ul li select.fr { float: none; }
#contents.sub43 .frm ul li select.s { width: 109px; }
#contents.sub43 .frm ul li.email select { width: 194px; }
#contents.sub43 .frm ul li .button { margin-left: 10px; float: none; display: inline-block; padding: 12px 0 0; width: 108px; height: 28px; vertical-align: middle; text-align: center; color: #fff; background-color: #999; }
#contents.sub43 .frm ul li textarea { width: 750px; height: 133px; overflow: auto; border: 0; background-color: #efefef; }

#contents.sub43 .summary2 { margin-top: 39px; width: auto; height: 37px; }
#contents.sub43 .summary2 img { width: auto; height: 18px; }

#contents.sub43 .survey { margin: 0; padding: 20px 0 0; border-top: 3px solid #000; }
#contents.sub43 .survey ul {}
#contents.sub43 .survey ul li { clear: both; overflow: auto; margin: 10px 0 30px; }
#contents.sub43 .survey ul li .q { padding-left: 7px; line-height: 22px; font-size: 16px; color: #222; }
#contents.sub43 .survey ul li .q p { padding-left: 18px; }
#contents.sub43 .survey ul li .q p:first-child { padding-left: 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 0; font-size: 15px; 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 70px 0 0; line-height: 27px; }
#contents.sub43 .survey ul li .a .rd li:first-child {  }
#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 3%; width: 93%; height: 38px; line-height: 38px; 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; border: 1px solid #cbcbcb; }
#contents.sub43 .survey ul li.consult { position: relative; height: 60px; }
#contents.sub43 .survey ul li.consult .a { position: absolute; top: 0; right: 32px; padding: 0; }
#contents.sub43 .survey ul li.consult .a .rd li { margin-left: 39px; }

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