@charset "utf-8";

/* 서비스소개 */

/*.service-list {margin:0 0 30px;}
.service-list h2 {height:15px; padding:7px 0 21px 1px; background:url(../img/bg/box_service.gif) no-repeat left 31px;}
.service-list ul {width:742px; overflow:hidden; margin-bottom:22px; padding:0 4px; background:url(../img/bg/box_service.gif) no-repeat left bottom;}
.service-list ul li {display:block; float:left; width:106px; height:126px; text-align:center;}
.service-list ul li .title {display:block; width:84px; height:84px; padding:3px; margin:0 auto 3px; cursor:pointer;}
.service-list ul li .title:hover, .service-list ul li.active a{background:url(../img/bg/box_over.gif);}
.service-list ul li .title img, .service-list ul li .title span {width:84px; height:84px;}
.service-list-detail h2 {float:left;width:100%;height:10px; padding:0; font:0/0 Arial; text-indent:-9999px; background-position:left top;}
.service-list-detail ul {clear:both;margin-bottom:37px !important;}
.service-list-detail ul li {height:102px;}

h2.service-title {clear:both; margin:0 0 12px;}
h2.service-title strong, h2.service-title em {vertical-align:top;}
h2.service-title strong {font-size:1.334em; color:#000000;}
h2.service-title em {color:#999999; font-weight:normal; background:url(../img/icon/bul_bar3.gif) no-repeat 10px 0.416em; padding:4px 0 0 21px;}

.service-info {width:100%; clear:both; margin-bottom:40px; overflow:hidden;}
.service-info .sub-title {padding-bottom:10px;}
.service-info .tbl-type2 {float:right; clear:right; width:360px; }
.service-info .service-nation {overflow:hidden; width:771px; margin-left:-15px;}
.service-info .service-nation li {float:left; width:63px; height:56px; margin:0 0 10px; text-align:right;}
.service-info .service-features { padding:12px 0; border-bottom:1px solid #e4e4e4;}
.service-info .icon-txt {border-bottom:1px solid #bdbdbd; padding:12px 0 9px;}
.service-info .icon-txt li {margin:0 0 3px;}
.service-info-line .sub-title {display:block; border-bottom:2px solid #8c662a; height:14px; width:auto; }
.info-basic {background:url(../img/common/noimg_logo.gif) no-repeat left top;}
.info-basic .service-logo {float:left; width:360px; height:122px; overflow:hidden;}

.service-info-small {float:left; width:375px; overflow:hidden;}
.service-info-small .sub-title {padding-bottom:10px;}
.service-info-small li {display:block; float:left; width:110px; overflow:hidden; margin:0 0 10px 0; text-align:center; padding:0 15px 0 0;}
.service-info-small li strong, .service-info-small li a {vertical-align:top;}
.service-info-small li strong {display:block; width:110px; height:80px; margin-bottom:8px;}
.service-info-small li a {margin:0 -1px;}
.info-media {clear:right; float:right;}
.info-media .sub-title {margin-left:15px;}
.info-media li {padding:0 0 0 15px;}*/




.service-list {margin:0;  background:#ebebed; border-top:1px solid #8a6628; }
.service-list h2 {height:15px; padding:7px 0 21px 1px; }
.service-list ul {overflow:hidden; margin:15px 20px 0 5px; padding-bottom:20px; *padding-bottom:28px} 
.service-list ul li {display:block; float:left; width:155px; /*height:110px;*/ text-align:center; margin:0 0 8px 25px; }
.service-list ul li .title {display:block; width:155px; height:110px; /*padding:3px;*/ margin:0 auto 3px; cursor:pointer; position:relative; left:0; top:0}
.service-list ul li .title img, .service-list ul li .title span {width:155px; height:110px; }
.service-list ul li span{display:none;}
.service-list ul li .title:hover span, .service-list ul li.active span {display:block; width:155px; height:110px; background:url(../img/bg/box_over.png); position:absolute; left:0; top:0 }
.service-list-detail h2 {height:10px; padding:0; font:0/0 Arial; text-indent:-9999px; background-position:left top;}
.service-list-detail ul {/*margin-bottom:37px !important;*/}
.service-list-detail ul li {height:110px;}

.bor2{border-width:2px 0 0}
.bor2 h2 {height:10px; padding:0; font:0/0 Arial; text-indent:-9999px; background-position:left top;}
.bor2 ul li.pb30{padding-bottom:32px; margin-bottom:0}

h2.service-title {clear:both; margin:0 0 12px; padding-top:25px;}
h2.service-title strong, h2.service-title em {vertical-align:top;}
h2.service-title strong {font-size:1.334em; color:#000000;}
h2.service-title em {color:#999999; font-weight:normal; background:url(../img/icon/bul_bar3.gif) no-repeat 10px 0.416em; padding:4px 0 0 21px;}

.info-basic {background:url(../img/common/noimg_logo.gif) no-repeat left top;}
.info-basic .service-logo {float:left; width:346px; height:534px; overflow:hidden; position:relative}
.info-basic .service-logo .flag{position:absolute; left:0; top:0;}

.service-info {width:100%; clear:both; margin-bottom:22px; overflow:hidden;  padding-bottom:22px; border-bottom:1px solid #e3e3e3}
.service-detail {float:right; clear:right; width:395px; min-height:534px; overflow:hidden; background:#f4f4f4;}
.service-info .sub-title {padding:0 0 10px 12px; color:#8d6729; }
.service-info-line .sub-title {display:block; border-bottom:1px solid #8c662a; height:14px; width:100%; display:block ;  }
.service-info .tbl-type2 {border-top-width:1px; background:#f4f4f4; margin-bottom:24px; border-bottom-width:0}
.service-info .tbl-type2 th, .service-info .tbl-type2 td{color:#676767; border-right-width:1px; text-align:center; height:18px}
.service-info .tbl-type2 th span{margin:6px 3px 5px ; color:#676767}
.service-info .tbl-type2 td{color:#000; text-align:left}
.service-info .tbl-type2 td.last{border-right-width:0px;}

.service-info .service-nation {overflow:hidden; width:100%; padding:12px 0}
.service-info .service-nation li {float:left; width:79px;height:62px; /*height:49px;*/ margin:0 0 5px; text-align:center;}
.service-info .service-features { padding:12px; border-bottom:1px solid #e4e4e4; font-size:11px; /*letter-spacing:-0.05em;*/ overflow:hidden}
.service-info .icon-txt {padding:12px 0 9px 10px;}
.service-info .icon-txt li {margin:0 0 0px; background:url(../img/icon/service_icon.gif) no-repeat 0px 0.416em; line-height:16px}

.service-info-small {float:left; width:375px; overflow:hidden;}
.service-info-small .sub-title {padding-bottom:10px;}
.service-info-small li {display:block; float:left; width:110px; overflow:hidden; margin:0 0 10px 0; text-align:center; padding:0 15px 0 0;}
.service-info-small li strong, .service-info-small li a {vertical-align:top;}
.service-info-small li strong {display:block; width:110px; height:80px; margin-bottom:8px;}
.service-info-small li a {margin:0 -1px;}
.info-media {clear:right; float:right;}
.info-media .sub-title {margin-left:15px;}
.info-media li {padding:0 0 0 15px;}


.service-movie{width:100%; height:456px;margin-bottom:22px; overflow:hidden;  padding-bottom:22px; border-bottom:1px solid #e3e3e3}

.service-wallpaper{width:100%; margin-bottom:22px; overflow:hidden;  padding-bottom:22px; /*border-bottom:1px solid #e3e3e3;*/ clear:both}
.service-wallpaper p{width:562px; height:309px; border:1px solid #e3e3e3; overflow:hidden; float:left}
.service-wallpaper ul{width:169px; height:309px; float:right }
.service-wallpaper ul li{width:169px; height:95px; overflow:hidden; margin-bottom:14px;}


.h268 {min-height:298px; /*max-height:350px*/}
.mb30 {margin-bottom: 30px;}
.line-b20{margin:20px 0 37px; color:#e1e2e3; height:1px; background:#e1e2e3; display:block}