@charset "euc-kr";

@import url("layout.css");
@import url("common.css");
@import url("table.css");


div#dHead {
	background:url("/s/img/solution/bg_visual.gif") no-repeat 0 101px;
}
div#dBody h1 {background:url("/s/img/solution/tit_h1.gif") no-repeat 0 0;}

ul.tab {overflow:hidden; font-size:0;}
ul.tab li {display:inline; margin-right:5px;}

p.para {margin:15px 0 0 20px; width:660px; line-height:17px; font-size:0.75em; text-align:justify;}
p.para01 {margin:15px 0 0 42px; width:660px; line-height:17px; font-size:0.75em; text-align:justify;}
p.para-01 {margin:15px 0 0 20px; padding-left:13px; background:url("/s/img/icon/bul_02.gif") no-repeat 0 4px; line-height:17px; font-size:0.75em; text-align:justify;}

div.btn-block {text-align:right; margin:15px 10px 0 0;}

div.mot-block01 {height:140px; background:url("/s/img/solution/img_mot0101.gif") no-repeat right 0;}
div.mot-block01 p {width:500px;}

div.mot-block02 {margin-top:25px; height:140px; background:url("/s/img/solution/img_mot0102.gif") no-repeat right 0;}
div.mot-block02 p {width:500px;}

div.mot-block03 {height:140px; background:url("/s/img/solution/img_mot0103.gif") no-repeat right 0;}
div.mot-block03 p {width:500px;}

dl.infra-block {
	position:relative;
	margin-bottom:30px;
	margin-top:10px;
	background:url("/s/img/solution/bg_back.gif") repeat-y 0 0;
}
dl.infra-block dt {position:absolute; top:20px; left:0px;}
dl.infra-block dt img {padding:0 0 0 20px;}
dl.infra-block dt a img {padding:33px 0 0 20px;}
dl.infra-block dd {position:relative; left:220px; width:480px; padding:0 0 16px 0; text-align:justify; font-size:0.75em; line-height:18px;}
dl.infra-block dd.cus-txt {padding:0 0 16px 0; font-size:0.75em; background: url("/s/img/solution/line_infra.gif") repeat-x 0 bottom;}
dl.infra-block dd.cus-txt strong {margin-right:10px; background:url("/s/img/icon/bul_02.gif") no-repeat 0 3px; padding-left:7px;}
p.cus-para {text-align:center;}

div.coolgram-block {margin-top:35px; height:129px; font-size:0.75em; line-height:18px; background: url("/s/img/solution/img_coolgram_bottom.gif") no-repeat 0 bottom;}
div.coolgram-block p {padding:20px 0 0 30px; background:none; background: url("/s/img/solution/img_coolgram_top.gif") no-repeat 0 top;}
div.coolgram-block p img {margin-bottom:8px;}
div.coolgram-block p strong {color:#ef540f; font-weight:normal;}

ul.list-program {overflow:hidden; width:680px; height:114px; margin:12px 0 0 20px; padding-bottom:6px; background:url("/s/img/solution/img_coolgram01.gif") no-repeat 0 0;}
ul.list-program li {float:left; margin-right:20px; padding:7px 0 0 0; height:100px; text-align:center; line-height:17px;font-size:0.75em;}
ul.list-program li.tit01 {overflow:hidden; margin-top:8px; background:url("/s/img/solution/bg_01.gif") no-repeat 0 0; }
ul.list-program li.tit01 img {position:relative; top:60px; }
ul.list-program li.tit01 p {position:relative; top:-34px;}
ul.list-program li.tit02 {overflow:hidden; margin-left:92px; background:url("/s/img/solution/bg_02.gif") no-repeat 0 bottom;  }
ul.list-program li.tit03 {overflow:hidden; position:relative; left:95px; margin-top:8px; background:url("/s/img/solution/bg_03.gif") no-repeat 0 0; }
ul.list-program li.tit03 img {position:relative; top:60px; }
ul.list-program li.tit03 p {position:relative; top:-35px;}

ul.list-consult {overflow:hidden; position:relative; left:20px; width:705px;margin:25px -20px 0 0; background:url("/s/img/solution/img_virtual.gif") no-repeat 260px center; }
ul.list-consult li{float:left; margin-right:80px; padding-bottom:20px; width:272px;background:url("/s/img/solution/bg_virtual.gif") no-repeat 0 bottom;}
ul.list-consult li ul { height:330px;}
ul.list-consult li ul li {margin:10px 0 0 0; text-align:center; font-size:0.75em; line-height:17px; background:url("/s/img/solution/line_bg.gif") no-repeat center bottom; letter-spacing:-1px;}

div.img-content {padding-bottom:10px; width:700px; height:200px; text-indent:-50000px;  background:url("/s/img/solution/img_coolgram02.gif") no-repeat 0 0; }

.btn-block {text-align:right;}

div.partner-block {position:relative; margin-top:23px; margin-bottom:18px; border:1px solid #dedede; background:#f3f3f3;}
div.partner-block h3 img {position:relative; top:0; left:15px;}
div.partner-block p {font-size:0.75em; text-align:right; padding-right:10px; padding-bottom:10px; margin:-30px 0 0 0; font-weight:bold;}
div.partner-block p img {vertical-align:middle;}