/* left_contents */
.notice {position:relative;}
.notice h4 {border-bottom: 1px #e0e0e0 solid; padding:5px 0 5px 0; margin:0; height:14px; text-indent:-1000em; background:url('../images/solution/notice_tit.gif') 0 5px no-repeat;}
.notice .notice_more {position:absolute; top:7px; right:13px;}
.notice ul {margin: 0; padding: 5px 0 10px 0;}
.notice ul li {list-style: none; background: url('../images/solution/bullet_notice.gif') no-repeat 3px 5px; padding: 0 0 2px 8px;}

.board_info {padding: 8px 0;}

.board_confirm {background: url('../images/solution/board_confirm_bg.gif') no-repeat; padding: 5px; height: 68px;}
.board_confirm h4 {margin:0; padding:0; height:24px; background:url('../images/solution/board_confirm_tit.gif') no-repeat; text-indent:-1000em;}
.board_confirm p {padding: 5px 5px 0 5px; margin: 0; font-size:11px;}
.board_confirm p .confirm_txt {width: 138px; border: 1px #e0e0e0 solid; height:14px; margin-top: 3px;}
.board_confirm p img {vertical-align: bottom; padding-left: 5px;}

.board_current {background: url('../images/solution/board_current_bg.gif') no-repeat; padding: 2px; height: 87px; margin: 8px 0 0 0;}
.board_current h4 {margin:0; padding:0; height:24px; background:url('../images/solution/board_current_tit.gif') no-repeat; text-indent:-1000em;}
.board_current ul {padding: 9px 0 0px 10px; margin: 0;}
.board_current ul li {list-style: none; background: url('../images/solution/bullet_board_current.gif') no-repeat 3px 2px; padding: 0 0 2px 18px;}
.board_current span {font-weight: bold;}

.reseller {clear: both; padding-top: 10px;}

.top_contents {width: 740px; float: left; padding: 0 0 0 10px;}
.top_contents img {border: none;}
.top_contents h4 {margin:0; padding:0;}

.solution {background: url('../images/solution/solution_bg.gif') no-repeat; padding: 20px 0 10px 0; letter-spacing: -0.1em; float: left; width: 740px; height:420px; font-size:11px;}
.solution ul {list-style: none;}
.solution p {margin: 0;}

.solution .board3 {background:url('../images/solution/solution_board3_img.gif') no-repeat 24px 70px; float: left; padding:0 30px 0 24px; width:316px; height:225px;}
.solution .board3 h4 {padding-bottom: 18px;}
.solution .board3 ul {margin: 0; padding: 0px 0 0 110px;}
.solution .board3 ul li {background: url('../images/solution/bullet_solution.gif') no-repeat 3px 5px; padding: 0 0 2px 10px; height:14px; line-height:14px;}
.solution .board3 .btn {padding: 5px 0 0 110px;}

.solution .board2 {background: url('../images/solution/solution_board2_img.gif') no-repeat 24px 70px; float: left; padding:0 30px 0 24px; width:316px; height:225px;}
.solution .board2 h4 {padding-bottom: 20px;}
.solution .board2 ul {margin:0; padding: 0 0 0 110px;}
.solution .board2 ul li {background: url('../images/solution/bullet_solution.gif') no-repeat 3px 5px; padding: 0 0 2px 10px; height:14px; line-height:14px;}
.solution .board2 .btn {padding: 5px 0 0 110px;}

.solution .cafe {float: left; width:221px; padding:15px 0 0 24px;}
.solution .cafe h4 {padding-bottom: 0px;}
.solution .cafe ul {background: url('../images/solution/solution_cafe_img.gif') no-repeat; width: 150px; height: 54px; padding: 25px 70px 10px 8px; margin:0;}
.solution .cafe li {line-height:13px;}
.solution .cafe .btn {padding-top: 5px;}

.solution .share {float: left; width:221px; padding:15px 0 0 24px;}
.solution .share h4 {padding-bottom: 15px;}
.solution .share ul {background: url('../images/solution/solution_share_img.gif') no-repeat; padding: 24px 70px 10px 8px; margin: 0; width: 140px; height: 54px;}
.solution .share li {line-height:13px;}
.solution .share .btn {padding-top: 5px;}

.solution .component {float: left; width:221px; padding:15px 0 0 24px;}
.solution .component h4 {padding-bottom: 15px;}
.solution .component ul {background: url('../images/solution/solution_component_img.gif') no-repeat; padding: 24px 70px 10px 8px; margin: 0; width: 150px; height: 54px;}
.solution .component li {line-height:13px;}
.solution .component .btn {padding-top: 5px}

.bottom_contents {width: 740px; float: left; padding: 10px 0 0 10px;}
.bottom_contents h4 {margin:0; padding:0;}

.bottom_contents .bottom_left {width: 516px; float: left;}
.bottom_contents .bottom_right {width: 214px; float: left; padding-left:10px;}

.wrap_down {background: url('../images/solution/down_bg.gif') no-repeat; padding: 40px 10px 15px 86px; float: left; height: 110px; width: 420px;}
.wrap_down .down_1 {float: left; padding-left: 15px;}
.wrap_down .down_1 span {padding-bottom: 8px; padding-top: 3px; display: block; width: 190px;}
.wrap_down .down_1 ul {background-color: #f3f3f3; padding: 7px; margin: 0; width: 178px; font-size:11px;}
.wrap_down .down_1 ul li {list-style: none;}

.board {clear:both; height:110px;}

.update {float: left; width: 250px; height: 105px;}
.update h4 { border-bottom: 1px solid #E0E0E0; padding-bottom: 5px; position: relative;}
.update h4 .more {float: right; position: absolute; right: 0; padding-top: 5px;}
.update ul {padding: 5px 0 0 0; margin: 0; width: 250px; display: block; position: relative;}
.update ul li {list-style: none; background: url("../images/solution/bullet_solution.gif") no-repeat scroll 3px 5px transparent; padding: 0 0 4px 10px;}
.update ul li .date {float: right; position: absolute; right: 0;}

.qna {width: 250px; float: right; height: 105px;}
.qna h4 {border-bottom: 1px solid #E0E0E0; padding-bottom: 5px; position: relative;}
.qna h4 .more {float: right; position: absolute; right: 0; padding-top: 5px;}
.qna ul {padding: 5px 0 0 0; margin: 0; position: relative; width: 250px;}
.qna ul li {list-style: none; background: url("../images/solution/bullet_solution.gif") no-repeat scroll 3px 5px transparent; padding: 0 0 4px 10px;}
.qna ul li .date {float: right; position: absolute; right: 0;}

.skin {clear: both; padding-top: 15px;}
.skin h4 {border-bottom: 1px solid #E0E0E0; padding-bottom: 5px; position: relative;}
.skin h4 .more {float: right; position: absolute; right: 0; padding-top: 5px;}
.skin ul {padding: 5px 0 0 0; margin: 0;}
.skin ul li {list-style: none; float: left; padding-right: 10px;}
.skin ul li img{border: 1px #e5e5e5 solid;}

/* bottom_right contents */
.banner ul {padding: 0; margin: 0;}
.banner_1, .banner_2, .banner_3, .banner_4, .banner_5 {list-style: none; height: 33px;}
.banner_1 {background: url('../images/solution/banner_1.gif') no-repeat; padding: 9px 0 1px 123px; width: 90px;}
.banner_2 {background: url('../images/solution/banner_2.gif') no-repeat; padding: 9px 0 1px 123px; width: 90px;}
.banner_3 {background: url('../images/solution/banner_3.gif') no-repeat; padding: 9px 0 1px 112px; width: 101px;}
.banner_4 {background: url('../images/solution/banner_4.gif') no-repeat; padding: 9px 0 1px 112px; width: 101px;}
.banner_5 {background: url('../images/solution/banner_5.gif') no-repeat; padding: 9px 0 0 148px; width: 65px;}

.artyboard {padding: 8px 0; width: 213px;}