/*
 * http://getbootstrap.com/customize - 하려 했으나, 원본 소스와 차이가 있어 강제 선언으로 처리
 * font-family:"돋움",Dotum,"굴림",Gulim,AppleGothic,Sans-serif; color:#383d41;
 */
@font-face {
  font-family:'Nanum Gothic Web';font-style:normal;font-weight:700;src:url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);src:url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff');
}
@font-face {
  font-family:'Nanum Gothic Web';font-style:normal;font-weight:400;src:url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);src:url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff');
}
@font-face {
  font-family:'Nanum Gothic Web';font-style:normal;font-weight:800;src:url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot);src:url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff');
}

body {color:#555;font-family:'Apple SD Gothic Neo', "Nanum Gothic", "Nanum Gothic Web", "돋움", Tahoma, Arial, Helvetica, sans-serif;_background:url(allpoints/bg_lte_ie7.png) repeat-y 50% 0% #f9f9f9;_width:100%}
hr {display:none}
/* Global CSS */
#BodyWrap {width:100%;height:100%}
#Header a, #Banner a, #Recent a {border-bottom:none}

.pb_imgicon {background-position:50% 50%;background-repeat:no-repeat;display:inline-block;height:16px;height:1.333rem;width:16px; width:1.333rem;text-indent:34px;text-indent:2.667rem;white-space:nowrap;overflow:hidden}
.pb_flatBtn {border:none; outline:none; color:#fff;cursor:pointer;display:inline-block;text-decoration:none; background-color:#c1c2c3; background-image:url(images/texture_dark.png);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; -webkit-text-shadow:0 0 1px #AAA; -moz-text-shadow:0 0 1px #AAA; text-shadow:0 0 1px #AAA; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition:border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;transition:border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s}
.pb_flatBtn:hover,.rpb_flatBtn:focus {background-color:#fc6769;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
  box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)}
.pb_flatBtn.color_red { background-color:#c6121e;  -webkit-text-shadow:0 0 1px #B81C25; -moz-text-shadow:0 0 1px #B81C25; text-shadow:0 0 1px #B81C25;}
.pb_flatBtn.color_red:hover,.rpb_flatBtn.color_red:focus { background-color:#da1421}

/* 레이아웃 */
#Header {background-image:url(allpoints/point_pattern_top.png);background-position:0px 100%;background-repeat:repeat-x;height:144px;min-width:320px;position:relative;z-index:1}
#Header_Logo {background-image:url(allpoints/logo.png);background-repeat:no-repeat;background-position:0% 0%;height:144px;float:left;margin:0;padding:0;width:249px}
#Header_Logo a {display:block;margin-left:60px;margin-top:10px;height:100px}
#Header_Logo a img {display:none}
#Header_MenuBt {display:none;margin:0}
#Header_Menu {padding:25px 0;margin-right:5%;margin-left:auto;text-align:right}
#Header_Menu li {display:inline;list-style:none} 
#Header_Menu a {color:#333;display:inline-block;padding:20px 10px;font-size:16px;font-weight:bold;letter-spacing:2px}
#Header_Menu a:hover, #Header_Menu a:focus {
  background:#f9300c;background:-moz-linear-gradient(top, #f9300c 0%, #d5270d 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9300c), color-stop(100%, #d5270d));background:-webkit-linear-gradient(top, #f9300c 0%, #d5270d 100%);background:-o-linear-gradient(top, #f9300c 0%, #d5270d 100%);background:-ms-linear-gradient(top, #f9300c 0%, #d5270d 100%);background:linear-gradient(top, #f9300c 0%, #d5270d 100%);color:#fff;text-shadow:0 1px 1px rgba(0, 0, 0, 0.5);font-weight:700;
}
#Footer {clear:both;margin:0;line-height:160%;padding:0}
#Footer_Info {border-top:1px solid #e6e6e6;padding:40px 0 30px;margin:0 5%}
#Footer_Info .title {font-size:1.8em;margin:0}
#Footer_Info .ment {color:#a3a3a3;font-size:0.959725em;margin-top:1em;margin-bottom:1em}
#Footer_Info .itemTitle {display:inline-block;min-width:5em;_width:5em}
#Footer_Copyright {border-top:1px solid #bbb;border-bottom:1px solid #bbb;margin-top:10px;padding:2em 5%;background:url(allpoints/point_pattern_bottom.png) repeat-x 0% 100%;text-align:center}
#Footer_Copyright a {color:#d12129;font-weight:800}

/* 콘텐츠 */
#Contents {padding:40px 0;word-wrap:normal;word-break:keep-all}
#Contents.board {margin:0 5%}
#Contents.main {margin:0;padding:0}
span.nowrap {white-space:nowrap }
#Contents p {line-height:170%;margin:1em 0}
#Contents .title {margin:10px 0 10px}
#Contents address {font-style:italic;margin-bottom:0}

/* 메인 */
#Banner{float:left; height:172px;margin-left:5%;overflow:hidden; position:relative;width:58.6%;}
#Banner .bn_icon {background-color:#e3e3e3;border-radius:6px;display:inline-block;overflow:hidden;padding:0;text-indent:30px;width:12px;height:12px;white-space:nowrap; transition:background-color ease-in-out 0.3s}
#Banner .bn_icon:not(:last-child) {margin-right:3px}
#Banner .bn_icon.on, #Banner .bn_icon:hover, #Banner .bn_icon:active, #Banner .bn_icon:focus {background-color:#e41e26}
#Banner .bn_item {left:0; opacity:0;position:absolute;top:2em}
#Banner .bn_item.on {opacity:1}
#Banner .bn_item .eng {font-size:26px;line-height:120%}
#Banner .bn_item .kor {font-size:20px;font-weight:100;margin:0.5em 0}
#Banner .bn_item .btn_set a {display:inline-block;background:url(allpoints/div-btn.png) no-repeat 0% 50%;padding:0 10px 0 11px;opacity:0.5}
#Banner .bn_item .btn_set a:hover, #Businness-item .btn_set a:focus {opacity:1}
#Banner .bn_item .btn_set a.first {background:none;padding-left:0px}
#Banner-nav {margin-bottom:25px}
#Banner-nav .icon {background-color:#e3e3e3;border-radius:6px;display:inline-block;overflow:hidden;padding:0;text-indent:30px;width:12px;height:12px;white-space:nowrap}
#Banner-nav .icon:not(:last-child) {margin-right:3px}
#Banner-nav .on, #Banner-nav .icon:hover, #Banner-nav .icon:active, #Banner-nav .icon:focus {background-color:#e41e26}

#News {width:28.3%;margin-right:5%;float:right}
#News .title {padding:0;margin:0;font-size:1.8em}
#News ul {padding:0;margin:0;font-size:1.2em}
#News li {list-style:none;border-top:#e8e8e8 1px solid;padding:12px 0}
#Recent {float:left;width:100%;background-color:#f6f6f6;margin-top:20px}
#Recent h2 {display:none}
.recent-item {width:33.33%;padding:0;margin:0;float:left;position:relative}
.recent-img {display:block;width:100%;margin:0;padding:0}
.recent-item img {display:block;width:100%;margin:0;padding:0}
.recent-item .recent-title {display:none;position:absolute;bottom:30px}
.recent-item .recent-title a {display:block;width:100%;background:url(../p-basic/icon/000000/eye@2x.png) no-repeat 20px 45%;padding:10px 10px 5px 70px;color:#000;font-size:1.3em;font-weight:500}
.recent-item:hover .recent-img {opacity:0.1}
.recent-item:hover .recent-title {display:block}

/* ===== 서브 디자인 ===== */
#StateBar {padding:0 5%}
.subHeader {height:80px;width:100%;background-position:5% 100%;background-repeat:no-repeat;border-bottom:1px solid #ebebeb;font-size:1.2em}
#SubNavi {float:right;display:table;_display:block;_padding-top:42px;height:100%;padding:0;margin:0 5% 0 0}
#SubNavi li {display:table-cell;_display:inline-block;.display:inline-block;_float:right;.float:right;padding:0 5px 1em 2em;vertical-align:bottom}
a.subNaviLink {color:#333;display:inline-block;background-image:url(allpoints/layout_blit_arrowhead_01_right.png);background-position:0% 30%;background-repeat:no-repeat;padding:5px 0 5px 30px}
a.subNaviLink:hover, a.subNaviLink:active {color:#d12129}
.on a.subNaviLink {color:#d12129;background-image:url(allpoints/layout_blit_arrowhead_02_down.png)}
.subHeaderTitle {float:left;margin:0 0 0 5%;width:170px;text-indent:200%;height:100%;white-space:nowrap;overflow:hidden;background-repeat:no-repeat;background-position:0 85%}
.subTitle, .subTitle2 {margin:2em 0px 1em}
.subTitle .big {display:block;font-size:3em;color:#e41e26;font-weight:900;text-transform:uppercase;font-family:Mahatmo, "Century Gothic", "Economica",sans-serif;line-height:110%;margin-bottom:.2em}
.subTitle small {font-size:1.5em;color:#000;font-weight:100}
.subTitle2 .big {display:block;font-size:2.5em;color:#000;font-weight:100;font-family:Mahatmo, "Century Gothic", "Economica",sans-serif;margin-bottom:.3em}
.subTitle2 small {font-size:1.2em;color:#999;font-weight:100}

/* Article */
.article_normal, .article_trape>.normal {margin-bottom:3em;margin-left:5%;margin-right:5%}
.article_normal p>strong, .article_trape p>strong {display:block;font-size:1.2em;font-weight:900;color:#e41e26}
.article_trape {margin:1em 0 2em;background-position:50% 0%;background-repeat:repeat-x;background-image:url(allpoints/point_pattern_top.png);background-color:#f5f5f5;text-align:left}
.article_trape>.normal, .article_trape>.right, .article_trape>.left, .article_main_img  {position:relative;z-index:10}
.article_trape>.normal {top:80px}
.article_trape>.right {margin-left:40% !important;width:50%;padding-right:50px}
.article_trape>.left {margin-right:40% !important;width:50%}
.article_main_img {display:inline-block;width:39%;min-height:inherit;height:inherit;text-align:right;top:120px}
 span.trape_bg {display:block;height:0;width:100%;overflow:visible}
 span.trape_t_l {display:block;z-index:1;width:100%;height:160px;background:url(allpoints/bg_trape_fff_b_l.png) no-repeat 50% 0%}
 span.trape_t_r {display:block;z-index:1;width:100%;height:160px;background:url(allpoints/bg_trape_fff_b_r.png) no-repeat 50% 0%}
 span.trape_b_l {display:block;z-index:1;width:100%;height:160px;background:url(allpoints/bg_trape_fff_t_l.png) no-repeat 50% 100%}
 span.trape_b_r {display:block;z-index:1;width:100%;height:160px;background:url(allpoints/bg_trape_fff_t_r.png) no-repeat 50% 100%}


/* 특수 디자인 */
dl.about {margin-top:2em;margin-bottom:2em}
dl.about dt, dl.about dd {margin-bottom:1em}
dl.about dd {margin-left:8em} 
dl.about dt {float:left;width:8em;clear:left}
dl.overview dt .kor, dl.history dt {display:block;color:#e41e26;}
dl.history dd.first {padding-top:.75em}
dl.history dt .num{font-size:1.5em;font-weight:800}
dl.overview dt .eng {color:#999;font-size:0.8em;font-weight:100}
dl.overviewt dd {min-height:2.5em} 
dl.overview dd .kor, dl.overview dd date{font-size:1.7em;font-weight:bold;margin-right:0.3em;}
.infographic>li { background-repeat:no-repeat; display:inline-block; white-space:nowrap; text-indent:1000px; overflow:hidden; }
.business_contents {text-align:center}
.bbs_contents {margin-left:5%;margin-right:5%}
ul.pb_bbs-list {padding:1em 0}
ul.pb_bbs-list li {border-bottom:1px solid #ddd; border-radius:3px;padding:.7em 0 .7em 3.8em;position:relative;}
ul.pb_bbs-list li a:hover, ul.pb_bbs-list li a:focus, ul.pb_bbs-list li:active {font-weight:bold}
ul.pb_bbs-list .li_id, ul.pb_bbs-list .li_writer, ul.pb_bbs-list .li_date, ul.pb_bbs-list .li_num  {display:inline-block;  margin-top:-.5em; position:absolute; top:50%; text-align:center}
ul.pb_bbs-list .li_id 		{left:.5em; width:3em; color:#999}
ul.pb_bbs-list .li_writer {right:15.1em; width:7em;}
ul.pb_bbs-list .li_date 	{right:3.8em; width:11em;}
ul.pb_bbs-list .li_num 		{right:.5em; width:3em;}
ul.pb_bbs-list .li_title 	{display:inline-block; margin-right:22.4em; word-wrap:normal;word-break:keep-all}
ul.pb_bbs-list .pb_bbs-isHead { background:#e3e3e3; border-bottom:none; border-radius:3px; color:#000; text-align:center}
#SubHead_about {background-image:url(allpoints/sub_head/title_about.png)}
#SubHead_business {background-image:url(allpoints/sub_head/title_business.png)}
#SubHead_portfolio {background-image:url(allpoints/sub_head/title_portfolio.png)}
#SubHead_support {background-image:url(allpoints/sub_head/title_support.png)}
#SubHead_mypage {background-image:url(allpoints/sub_head/title_mypage.png)}
#SubHead_homebuild {background-image:url(allpoints/sub_head/title_homebuild.png)}
#SubHead_about .subHeaderTitle {background-image:url(allpoints/sub_head/title_about_kor.png)}
#SubHead_business .subHeaderTitle {background-image:url(allpoints/sub_head/title_business_kor.png)}
#SubHead_portfolio .subHeaderTitle {background-image:url(allpoints/sub_head/title_portfolio_kor.png)}
#SubHead_support .subHeaderTitle {background-image:url(allpoints/sub_head/title_support_kor.png)}
#SubHead_mypage .subHeaderTitle {background-image:url(allpoints/sub_head/title_mypage_kor.png)}
#SubHead_homebuild .subHeaderTitle {background-image:url(allpoints/sub_head/title_homebuild_kor.png)}
#pointweb_title { text-align:center; font-weight:lighter; font-size:1.2em; }
#pointweb_title img { max-width:100%; display:block; margin:0 auto }
#pointweb_system ul { height:auto; display:flex; justify-content:space-between; width:100%; background:url(allpoints/diagram_arrow_left.png) 71.182266009852% 50% no-repeat }
#pointweb_system li img { max-width:100%}
#pointweb_system li.features { width:71.182266009852% /*578/812 */; text-align:center}
#pointweb_system li.price { width:24.630541871921%/* 200/812*/; border-radius:5px; background:#eee; text-align:center}
#pointweb_system li p{ position:absolute; width:0px; height:0px; white-space:nowrap; text-indent:9999px; overflow:hidden }
.service_features { margin:40px 40px }
.service_features li { line-height:140%; position:relative; padding-left:130px; min-height:120px; margin:40px 0; }
.service_features li figure { position:absolute; top:0; left:0; margin:0; width:120px; text-align:center }
.service_features li strong { font-size:1.2em; color:#d12129; display:block}
#pointSale_infographic {position:relative;height:800px;background-image:url(allpoints/business/pos_pointsale_line_730.png);background-repeat:no-repeat;background-position:50% 150px}
#pointSale_infographic>.infographic {position:absolute;left:50%;width:1px;top:-30px}
#pointSale_infographic>.infographic>li {position:absolute;z-index:11;color:#72808f}
#pointSale_infographic>.subTitle2 {position:relative;top:136px;z-index:12;overflow:visible;text-shadow:0 0 3px rgba(255, 255, 255, 1);text-align:left;width:690px;margin:0 auto}
#pointSale_infographic>.subTitle2 span, #pointSale_infographic>.subTitle2 small {white-space:nowrap}
#pointsale_1 {background-image:url(allpoints/business/pos_pointsale_01.png);width:180px;height:180px;top:0px;left:-225px}
#pointsale_2 {background-image:url(allpoints/business/pos_pointsale_02.png);width:300px;height:228px;top:-50px;left:-50px}
#pointsale_3 {background-image:url(allpoints/business/pos_pointsale_03.png);width:230px;height:220px;top:180px;left:160px}
#pointsale_4 {background-image:url(allpoints/business/pos_pointsale_04.png);width:230px;height:248px;top:360px;left:150px}
#pointsale_5 {background-image:url(allpoints/business/pos_pointsale_05.png);width:290px;height:305px;top:303px;left:-350px}
#pointsale_6 {background-image:url(allpoints/business/pos_pointsale_06.png);width:200px;padding-top:110px;top:650px;left:-300px}
#pointsale_7 {background-image:url(allpoints/business/pos_pointsale_07.png);width:290px;height:270px;top:520px;left:-100px}
#pointsale_3, #pointsale_6 {white-space:none;text-indent:0;overflow:visible}
#pointsale_3>span, #pointsale_6>span {display:block}
#pointSale_infographic>.ment {position:relative;top:600px}
#pointSale_infographic>.ment>strong {white-space:nowrap;font-size:1.2em;color:#107c8d}

#ui-loginform #FormBtLogin {top:-12.2em;_top:-11.8em}
#pointSale_infographic>.ment { position:relative; top:680px; }
#pointSale_infographic>.ment>strong { white-space:nowrap; font-size:1.2em; color:#107c8d; }
@media screen and (max-width:320px) {#Header {width:100%}}
@media screen and (max-width:574px) {
	ul.pb_bbs-list {border-top:1px solid #ddd; padding-top:0}
	ul.pb_bbs-list .pb_bbs-isHead {display:none}
	ul.pb_bbs-list li {padding:.7em 0 .7em 3.3em}
	ul.pb_bbs-list .li_id 		{left:0}
	ul.pb_bbs-list .li_writer, ul.pb_bbs-list .li_date, ul.pb_bbs-list .li_num  {display:inline-block; position:static; text-align:left; width:auto}
	ul.pb_bbs-list .li_date:before, ul.pb_bbs-list .li_num:before { content:"| "; color:#ddd; display:inline-block; font-size:.6em; margin:0 .7em 0 .5em; position:relative; top:-.2em}
	ul.pb_bbs-list .li_title 	{display:block; margin-right:0}
  #Header_MenuBt {display:block;width:3em;height:3em;position:absolute;top:0;right:0;z-index:999;font-size:1.44em}
	#Header_MenuBt:before {top:1em}
  #Header_MenuBt.on {background-color:#eee}
  #Header_Menu {display:none;width:100%;margin:0;background:#f9f9f9;padding:0;position:absolute;top:0;text-align:center;z-index:98}
  #Header_Menu.on {display:block}
  #Header_Menu a {display:block; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; font-size:1.44em;padding:1em;height:1em}
	#Header_Menu ul { margin-bottom:0}
  #Header_Menu li {display:block;border-bottom:1px solid #eee}
  #Banner {position:relative;top:-8px}
  #News {margin-right:0%;margin-bottom:1em}
  #News li {white-space:nowrap;overflow:hidden}
  #Recent {position:relative;padding-top:10px;position:relative;top:-20px;margin-top:0}
  #Recent h2 {display:block;padding:10px 20px}
	.subTitle, .subTitle2, .subTitle_Ex{ text-align:center}
.service_features li { padding-left:0; text-align:center }
.service_features li figure { position:static; margin:0 auto;}
#pointweb_system ul { height:auto; display:block; background:none}
#pointweb_system li.features{ width:100%; background:url(allpoints/diagram_arrow_down.png) 50% 100% no-repeat; padding-bottom:34px; text-align:center}
#pointweb_system li.price { width:100%}
}
@media screen and (min-width:575px) {
  #Header_Menu a:hover, #Header_Menu a:focus {-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
}
@media screen and (min-width:575px) and (max-width:845px) {
	#Header { height:210px}
  #Header_Menu {clear:both;text-align:center;margin-right:5%;margin-left:5%;padding:0}
  #Banner, #News {margin-right:5%;margin-left:5%}
  #Banner {border-top:1px solid #aaa;padding:20px;margin-top:4em}
	#Banner .bn_item {top:4em}
}
@media screen and (max-width:845px) {
  #Footer .contact-info {padding:20px 0;margin:0 20px}
  #Footer #Copy {padding:1em 20px}
	#Header { height:160px}
  #Banner, #News {width:auto;float:none}
	#Banner{height:150px;text-align:center; margin-left:0;}
	#Banner .bn_item { left:0; right:0}
	#Banner .bn_item .eng {font-size:22px}
	#Banner .bn_item .kor {font-size:16px}
  #Businness-item {padding:0 15px;margin:0;font-size:1em}
  #News {border-top:1px solid #aaa;padding:20px 0}
  #News .title {left:0;margin:0 20px 10px;position:relative}
  #News li {margin:0 20px}
  .subHeader {height:auto;background-position:50% 5px}
  .subHeaderTitle {margin:0;width:100%;float:none;background-position:50% 45px;display:block;height:80px}
  #SubNavi {clear:left;float:none;display:block;margin:15px auto 0;text-align:center;padding:0 0 .5em ;height:auto}
  #SubNavi li {display:inline-block;padding:0 5px;white-space:nowrap}
  #overview-case {margin-left:20px;margin-right:20px;width:auto}
  #overview-case .wide_right {margin-left:0;margin-right:0}
  span.nowrap {white-space:normal}
  #Contents {margin:20px 0;padding-top:15px}
	#Contents.bbs_contents {margin:20px 20px 0}
  #Footer_Info {margin:0 20px}
  .solution_title {padding-top:20px}
  .subTitle, .subTitle2 {margin:1em 0 .5em}
	.subTitle .big {font-size:1.5em}
	.subTitle small {font-size:.9em}
	.subTitle2 .big {font-size:1.5em}
  .article_normal, .article_trape>.normal {margin-left:20px;margin-right:20px;text-align:inherit}
  .article_trape {text-align:inherit;margin:1em 0 0}
  .article_trape>.right, .article_trape>.left {margin-left:20px !important;margin-right:20px !important;width:auto;padding-right:0;padding-left:0;text-align:inherit}
  .article_main_img {float:none;width:auto;margin:0 auto;text-align:inherit}
	.only-web { display:none}
	#pointSale_infographic {background:url(business/pos_pointsale_line_mobile.png) no-repeat 50% 325px;height:auto}
	#pointSale_infographic>.solution_title {top:-70px;left:0;text-align:center;width:auto}
	#pointSale_infographic>.infographic, #pointSale_infographic>.infographic>li {position:relative;top:0;left:0;width:100%;background-position:50% 0%}
	#pointsale_1 {text-indent:0;white-space:normal;padding-top:190px;overflow:visible;height:auto;top:-50px !important}
	#pointsale_4, #pointsale_5  {margin-top:30px}
	#pointsale_6, #pointsale_7 {margin-top:50px}
	#pointsale_3 {padding-top:230px;height:auto;top:-20px !important}
	#pointSale_infographic>.ment {top:0}
}
@media screen and (min-width:1000px) {
  .article_main_img img {max-width:300px}
  .article_trape>.right, .article_trape>.left {max-width:600px !important}
}
@media screen and (max-width:1000px) {
  .recent-item {width:50%}
  .article_main_img img {max-width:300px}
}
@media screen and ( min-width:1200px ) {
  #overview-case .wide_right {margin-left:7%;margin-right:0%;width:93%}
  .article_main_img img {max-width:100%}
  .article_trape {background:none}
  .article_trape>.normal {margin-bottom:0;margin-left:0;margin-right:0;top:0}
  .article_trape>.right {margin-left:0 !important;width:auto;padding-right:0}
  .article_trape>.left {margin-right:0 !important;width:auto}
  .wide_left, .wide_right {margin-bottom:5em;width:56.66%}
  .wide_left {margin-left:5%;margin-right:38.33%}
  .wide_right {margin-left:38.33%;margin-right:5%}
  .wide_float_left, .wide_float_right {width:28.33%}
  .wide_float_left {float:left;margin-left:5%;margin-right:0}
  .wide_float_right {float:right;margin-left:0;margin-right:5%}
  span.trape_bg, span.trape_b_l, span.trape_b_r {display:none}
	dl.about dd {margin-left:17%;width:83%;margin-right:0%;min-height:2.5em} 
	dl.about dt {float:left;clear:none;width:17%;min-height:2.5em}
	dl.history dd, dl.history dt {min-height:1.9em}
	.business_contents {text-align:left}
	#BusinessPosImg01 {margin:0;width:33.33%;position:absolute;left:4.5%;top:700px;text-align:left}
	#pointSale_infographic {height:980px;background-position:42px 350px}
	#pointSale_infographic>.infographic {position:absolute;left:0;width:5px;height:5px;top:180px}
	.solution_title {padding-top:0px;}
	#pointSale_infographic>.solution_title {top:0;width:auto;margin:0}
	#pointsale_1 {top:90px;left:127px}
	#pointsale_2 {left:302px}
	#pointsale_3 {left:512px}
	#pointsale_4 {left:502px}
	#pointsale_5 {left:2px}
	#pointsale_6 {left:52px}
	#pointsale_7 {left:252px}
	#pointSale_infographic>.ment {top:830px;left:50px}
} 
@media screen and (min-width:1200px) and (max-width:1799px) {
	.business_contents .bgimg {margin:0;position:relative;text-align:right;z-index:-1}
	#BusinessWebImg01 {width:130%;left:-30%}
	#BusinessOpenImg01 {width:140%;left:-30%}
} 
@media screen and (min-width:1800px) {
	#BusinessPosImg01 {top:620px;}
}