@charset "utf-8";

/*@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");*/
/*@import url("http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css");*/
/* **************************** //필수 CSS 수정 및 삭제 불가 **************************** */

/* tag reset */

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img { margin:0; padding:0; }
html { width:100%; height:100%; }
body,code { font-family: 'SourceSansProBold', 'CalibriBold', Arial, sans-serif; color:#1c1c1c; background:#fff; }
body { min-width:1280px; }
body#popup { min-width:0; }
li { list-style:none; }
img,fieldset { border:none; vertical-align:top; }
table { width:100%; border:0; border-spacing:0; border-collapse:collapse; }
caption { display:none; }
th,td { border:0; vertical-align:top; }
input,select,textarea { font-size:100%; font-family:"돋움", Dotum; color:#1b1b1b; vertical-align:middle; }
select { height:20px; border:1px solid #d9d9d9; font-size:11px; color:#202020; }
legend { visibility:hidden; position:absolute; left:-9999px; top:-9999px; width:0; height:0; line-height:0; }
button { overflow:visible; padding:0; margin:0; border:0; cursor:pointer; }
hr.layout { display:none; }
a { text-decoration:none; color:#000; }
a {selector-dummy:expression(this.hideFocus=true);}
a:focus {outline:none;}
a:hover { text-decoration:none; }
a:active { text-decoration:none; }
.objHidden { visibility:hidden; position:absolute; left:-1000px; top:-1000px; height:0; width:0; }
table tr.radioType input,
span.noBorder input { border:none !important; width:auto !important; height:auto !important; margin:0 3px 0 0 !important; vertical-align:middle !important; background:none !important; }
#content_CONTAINER td { width:auto !important; }
table.nneditor-table { width:auto !important; }

.displaynone { display:none; }
/* **************************** 필수 CSS 수정 및 삭제 불가 **************************** */



/* layout */
body {}
@media screen and (-webkit-min-device-pixel-ratio:2) {
    #wrap,#container,#footer { width:1000px; }
	
}
@media screen and (max-width:767px) {
     #wrap,#container,#footer { width:1000px; }
}
#wrap { position:relative; width:100%; margin:0 auto; }
#header_wrap {position:relative;width:100%: height:100px; margin:0 auto 0; z-index:9999;}
#header { position:relative; width:1000px; margin:0 auto;/* *zoom:1;*/ background:url("../img/top_bg.gif") no-repeat 0 0;}
#header:after { content:""; display:block; clear:both; }
#header .inner { float:right; width:700px; margin:0 0 15px; text-align:right; }
#header .link { position:absolute; left:0; top:0; height:29px; border-left:1px solid #e3e4e5; font-size:11px; }
#header .link a { float:left; height:20px; padding:9px 8px 0 9px; border-right:1px solid #e3e4e5; color:#a6a6a6; }
#header .link a:hover { text-decoration:none; }
/*asan add code*/
#top_right_menu {position:absolute; width:240px; height:19px; right:0px; top:60px;}
#top_right_menu a img{float:left;}
.xans-layout-logotop { margin:20px 0; }
.xans-layout-logotop img { max-width:280px; } 
#nav_gnb{float: left; width: 700px; height: 30px;background-color: #666666;}
#nav_right{ width: 299px; float: right; background-color: #e2e2e2; height: 30px; text-align: center;border-left: 1px solid #fff;}
#nav_right_text{padding: 7px 0 0;}
.clear {clear:both;}

.xans-layout-category li { position: relative; float: left; padding: 0 20px; text-align: center; font-weight: bold; font-size: 13px;}
.xans-layout-category li a{ display: block;padding: 7px 0 0;height:23px;color: #ffffff;text-decoration: none;}

#not_product {margin:0 auto 0; width:1000px;}
#container { width:100%; }
#container:after {content:""; display:block; clear:both; }
/*#container #snb { float:left; width:180px; margin:0 24px 0 0; }*/
#container #contents_perbiz {margin:0 auto 0; zoom:1; width:1000px; padding-top: 10px;}
/*#container #visual { clear:both; }*/

.xans-layout-category .sub-category { width: 500px; position:absolute; left:0; top:30px; background: #ffffff; filter:alpha(opacity=95); opacity:0.95; -moz-opacity:0.95; z-index:9999;}
.xans-layout-category .sub-category ul { height:auto; }
.xans-layout-category .sub-category li { float:left; width:185px;letter-spacing:-0.01em;   font-family: 'SourceSansProBold', 'CalibriBold', Arial, sans-serif; font-size:12px; text-align:left; line-height:35px;}
.xans-layout-category .sub-category a { height:auto; padding: 0 8px; color:#ee8d5d; /*letter-spacing:-0.01em; font-family:'Nanum Gothic'; font-size:11px;*/}

#nav_gnb ul ul{display:none;}
#nav_gnb > div > div > ul > li > div > ul > li.border {border-right:1px solid #e2e2e2}
#nav_gnb ul li.active {background:#ffffff;}
#nav_gnb > div > div > ul > li.active > a {color:#ee8d5d;}
#nav_gnb ul li.active ul{display:inline-block;zoom:1;}


#nav_lnb {float:left;width:210px} 
#nav_lnb left{}
#nav_lnb .left_menu li a{border: 1px solid #EEEEEE; color: #565656; display: block; font-size: 1em; padding: 7px 10px; text-decoration: none; font-family: 'SourceSansProBold', 'CalibriBold', Arial, sans-serif;}
#nav_lnb .left_menu ul li ul li a {font-weight: normal; padding-left: 10px; margin-left: 10px;}
#nav_lnb .left_menu ul li ul li ul li a { margin-left: 20px;}
#nav_lnb > div > div > ul > li > div > ul > li.border {}
#nav_lnb ul li.active {}
#nav_lnb .active:first-child {background:url("../img/expanded_arrow.png") no-repeat right;;}
#nav_lnb .collapsed {background:url("../img/collapsed_arrow.png") no-repeat right;;}
#nav_lnb ul li.active ul{display:inline-block;zoom:1;}
#nav_lnb #active {background:url("../img/expanded_arrow.png") no-repeat right;;}

.xans-layout-category .sub-category li li {padding:0; border-top:1px solid #CCCCCC;}
.xans-layout-category .sub-category li li a{color:#555;}
.xans-layout-category .sub-category li li a:hover { background:#e2e2e2; color:#ee8d5d; }

#breadcrumb {clear:both;line-height: 24px;background:url("../img/bg_01.png");height: 30px;  position: relative;width: 1000px;}
#breadcrumb a{font-size:10px; color:#ffffff;padding: 0 23px;}
#breadcrumb span{font-size:10px; color:#ffffff; margin-left:10px;}

/*대분류 중분류*/
#left_menu {float:left; width:220px; margin:35px 0 0; z-index:10;}
#left_menu .inner {position:relative;width:220px; min-height:304px; background:url("../img/left_menu_topbg.gif") 0 0 repeat-y; padding:65px 0 0; z-index:10;}
#left_menu .left_m_title {position:absolute;width:180px; height:32px; top:20px; padding:0px 0 0 5px; line-height:32px; left:21px; font-size:14px; color:#fff/*#3fbda5*/;letter-spacing:-0.1em; font-family:'Nanum Gothic Coding',/*'NanumGothic',*/ monospace;}
#left_menu .left_m_title h3 {padding:0px 0 0 0;}
#left_menu .left_m_title a {color: #ffffff}
.left_menu_over{background:#67d9c3;} 
#left_menu .bottom {position:relative;width:220px; height:54px;}
#left_menu ul:after {content:""; display:block; clear:both; }
#left_menu .inner ul {display:block; width:80%; margin:0 auto 0;}
#left_menu li { position:relative; float:left; width:100%; color:none; font-weight:bold; letter-spacing:-0.1em; font-family:'Nanum Gothic Coding',/*'NanumGothic',*/ monospace;/*font-family:'Nanum Gothic';font-family: 'NanumGothic';*/font-size:12px;}
#left_menu li a { display:block; height:22px; padding:6px 0 0 5px ; line-height:16px; color:#fff; text-decoration:none; border-bottom:1px solid  #3b9492/*#55d1cf*/;}
#left_menu li a:hover {background: #67d9c3;}
#left_menu .left_submenu a:hover{color:#333333;background:none; }
#left_menu .left_submenu 

#left_menu #left_banner{display:block;}/*서브왼쪽고객센터 ,C-bind banner*/


/*사이드메뉴 소분류*/
.left_submenu {position:relative; background:#419b9b; border:0px solid  #3b9492; z-index:999; float:left; display:block; width:100%; padding: 0 0 10px 0;  text-align:left; font-weight:bold; letter-spacing:0.0em; font-family: 'Nanum Gothic Coding',/*'NanumGothic',*/ monospace; /*font-family:'Nanum Gothic';font-family: 'NanumGothic';*/ font-size:0.5em; clear:both;}
.left_submenu ul li { /*display:block; /*height:20px;*//* padding:2px 0 0; color:#01686d; text-decoration:none; border-bottom:solid 1px #42ae99;*/}
.left_submenu ul li { display:block; /*height:20px;*/ padding:0px 0 0 3px; line-height:20px; text-decoration:none; border-bottom:solid 1px #71b7b7 /*#42ae99*/; background:none;}
.left_submenu ul li:hover {cursor:pointer;}
.font_w_letter_spacing {letter-spacing:0.0em; }
.subcolor {color:#fff;}
.subon {/*background:#fff;*/color:none; color:#333;}

#content_inner div {display:none;}

#content_perbiz {width:730px;float:left; margin:0px 0px 0px;  padding:0;}
#b_content {float:right; margin:10px 0 50px; }

#content_title {  font-weight:bold; }
#content_inner_perbiz{width:100%; margin:0; padding:0 30px;}


/*외부링크버튼*/
.site_btn {position:relative; height:46px; text-align:center; margin:20px auto 40px;}
.site_btn a img {border:0;}






/*asan add code*/
#footer { position:relative; clear:both; width:100%; height:87px; margin:0px auto 0px; overflow:hidden; zoom:1;}
#footer .f_inner{position:relative; width:1000px; margin:0 auto 0; height:87px; overflow:hidden;}
#footer .f_inner h1 {position:relative; float:left; width:163px; height:50px; margin:20px 0 0;}
#footer .f_inner .copy_contents {position:relative; float:left; width:829px; height:50px; margin:20px 0 0;}
#footer .f_inner .copy_contents .address {width:466px; float:left;}
#footer .f_inner .link_icon{position:absolute; width:285px; height:50px; top:0px; right:0px;}




#banner { position:absolute; top:100px; left:0; width:100px; min-height:200px; }
#quick { position:absolute; top:100px; right:0; width:100px; min-height:200px; }


/*asan add code*/
#main_container { width:1050px; height:380px margin:0 auto; zoom:1; text-align:center;background:#fff;}
#main_container img {height:380px;}
#main_banner {position:relative; width:100%; margin:0 auto 0; background:#f2f7ed; text-align:center; z-index:10;}
#main_banner .inner {position:relative; width:1050px; margin:0 auto 0;}

#main_mid {position:relative; width:100%; padding:10px 0 15px; background:#fff; }
#main_mid .inner {position:relative; width:1000px; margin:0 auto 0;}
#main_mid .contents01 {float:left; width:314px;}
#main_mid .contents01 .title_img {display:inline;float:left; width:100%; margin:0 0 10px;}
#main_mid .contents01 .notice_board {float:left; width:100%;}
#main_mid .contents02 {float:right; width:677px;}
#main_mid .contents02 a img {float:left;}
#main_mid .contents02 a img.img_padding {float:right;}








#boardArea { overflow:hidden; margin:30px 0; }
.mainBoard p { margin:10px 0 0;}
.mainBoard thead {visibility:hidden; position:absolute; left:-1000px; top:-1000px; height:0; width:0; }
.mainBoard td { border:none; font-size:.9em; line-height:1.8em; }
.mainBoard td.title a,
.mainBoard td.title a:hover { text-decoration:underline; color:#8f8f91; }

#board2nd { float:right; width:270px; }
#board2nd h2 { height:20px; margin:0 0 20px; border-bottom:1px solid #dedcdc; }
#board3rd td { display:none; }
#board3rd td.title { display:block; width:auto; }

/* Link-On */
.linkOn { float:left; height:20px; padding:9px 8px 0 9px; border-right:1px solid #e3e4e5; color:#8f8f91; }
.linkOn img { margin:-1px 0 0 0; vertical-align:top; }
.linkOn strong { font-size:10px; font-family:Verdana, sans-serif; }
.linkOn .on { color:#80a3d7; }
.linkOn .off { color:#8f8f91; }

/* Common */
.path { overflow:hidden; height:30px; line-height:30px; }
.path h3 { overflow:hidden; position:absolute; width:0; height:0; white-space:nowrap; text-indent:100%; font-size:0; line-height:0; }
.path ol { float:right; }
.path li { float:left; padding:0 0 0 10px; margin:0 0 0 5px; font-size:11px; background:url("http://img.echosting.cafe24.com/design/skin/default/common/ico_path.gif") 0 9px no-repeat; }
.path li.displaynone { display:none; }
.path li.first { background:none; }
.path li strong { font-weight:normal; }

.titleArea { margin:0 0 15px; }
.titleArea h2 { padding:0 0 0 10px; background:url("http://img.echosting.cafe24.com/design/skin/default/common/ico_title.gif") 0 2px no-repeat; font-size:12px; color:#272823; }
.titleArea h3 { margin:0 0 20px; font-size:12px; color:#444; }
/*.titleArea p { margin:16px 0 0 10px; font-size:11px; color:#8f8f8f; line-height:140%; }*/
.titleArea ul { margin:16px 0 0; }
.titleArea ul li { padding:0 0 0 10px; color:#8f8f8f; font-size:11px; line-height:18px; background:url("http://img.echosting.cafe24.com/design/skin/default/common/ico_help.gif") 0 2px no-repeat; }
.titleArea ul strong { color:#f26522; }

#banners { margin:30px 0 0; overflow:hidden; zoom:1; }
#banners p img { display:block; }

.utilBanner { margin:25px 0 0; }

/* 공통 */
.help { margin:30px 0 0; }
.help h3 { padding:20px 0 10px; font-size:12px; color:#292925; }
.help li { padding:0 0 0 10px; color:#8b8b8c; font-size:11px; line-height:18px; background:url("http://img.echosting.cafe24.com/design/skin/default/common/ico_help.gif") 0 2px no-repeat; }
.help strong { color:#f26522; }
.help a,
.help a:hover {color:#8b8b8c; }

.sort { overflow:hidden; margin:20px 0; }
.sort p.icon { float:right; text-align:right; }

.guideArea h3 { margin:0 0 10px; color:#444; font-size:12px; }
.guide { padding:5px 18px 18px; border:2px solid #e9e9e9; line-height:20px; }
.guide h3, .guide h4 { margin:10px 0 0; font-size:12px; color:#80aeef; }
.guide ul:first-child { margin:13px 0 0; }
.guide li,
.guide p { padding:0 0 0 10px; color:#848484; font-size:11px; background:url("http://img.echosting.cafe24.com/design/skin/default/common/ico_guide.gif") no-repeat 2px 6px; }
.guide a { color:#747474; }

/* 게시판 메인 */
.boardMain { overflow:hidden; *zoom:1; }
.boardMain img { vertical-align:middle; margin:1px; }
.boardMain .leftArea { float:left; width:49.4%;  }
.boardMain .rightArea { float:right; width:49.4%; }

/* 마이쇼핑 메인 */
#myshopMain { margin:30px 0 0; border-top:3px solid #333; border-bottom:3px solid #333; }
#myshopMain .shopMain { height:90px; padding:27px 0 0 30px; border-bottom:1px solid #e9e9e9; background:url("http://img.echosting.cafe24.com/design/skin/default/myshop/bg_myshop1.gif") no-repeat 100% 0; }
#myshopMain .shopMain h3 { padding:0 0 5px; font-size:11px; color:#333; font-weight:normal; }
#myshopMain .shopMain h3 strong { font-size:18px; padding:0 5px 0 0; font-family:'Lucida Sans', serif; }
#myshopMain .shopMain h3 a:hover { text-decoration:none; }
#myshopMain .shopMain p a { font-size:11px; line-height:18px; color:#8f8f8f; }
#myshopMain .shopMain.order { background-image:url("http://img.echosting.cafe24.com/design/skin/default/myshop/bg_myshop1.gif"); }
#myshopMain .shopMain.profile { background-image:url("http://img.echosting.cafe24.com/design/skin/default/myshop/bg_myshop2.gif"); }
#myshopMain .shopMain.wishlist { background-image:url("http://img.echosting.cafe24.com/design/skin/default/myshop/bg_myshop3.gif"); }
#myshopMain .shopMain.mileage { background-image:url("http://img.echosting.cafe24.com/design/skin/default/myshop/bg_myshop4.gif"); }
#myshopMain .shopMain.deposits { background-image:url("http://img.echosting.cafe24.com/design/skin/default/myshop/bg_myshop9.gif"); }
#myshopMain .shopMain.consult { background-image:url("http://img.echosting.cafe24.com/design/skin/default/myshop/bg_myshop5.gif"); }
#myshopMain .shopMain.coupon { background-image:url("http://img.echosting.cafe24.com/design/skin/default/myshop/bg_myshop6.gif"); }
#myshopMain .shopMain.board { background-image:url("http://img.echosting.cafe24.com/design/skin/default/myshop/bg_myshop7.gif"); }
#myshopMain .shopMain.address { background-image:url("http://img.echosting.cafe24.com/design/skin/default/myshop/bg_myshop8.gif"); }

.sub {display:none;}
.brochure_btn {position: absolute;top: 230px;right: 200px;}

/* Widget Reset */
.simpleWidgetStyle{ margin:0 0 30px 0 !important;text-align:left;}
.simpleWidgetStyle h2{ padding:5px 0 5px 20px !important; margin:0 0 10px 0 !important; font-size:12px !important; font-family:Tahoma !important; border-bottom:2px solid #eee !important; background:url(../img/iconH2Document.gif) no-repeat left center;}
.widgetGalleryA li{ _position:relative;}

.xans-board-listpackage-5 {position: relative;width: 100%;}

.xans-board-listpackage-5 p.more {position: absolute;top: -2px;right: 0;padding: 0 0 0 7px;background: #fff;}
.xans-board-listpackage-5 td.title {width: auto;text-align: left;background: url("../img/ico_board_main.gif") 0 50% no-repeat;}
.xans-board-listpackage-5 td {width: 100px;border: none;text-align: center;color: #838382;font-size: 11px;line-height: 21px;border-bottom: 0px solid #dedcdc;}
.xans-board-listpackage-5 td.title a, .xans-board-listpackage-5 td.title a:hover {padding: 0 0 0 7px;color: #838382 !important;}

.bg_02 {background:url("../img/bg_02.png"); height: auto;}
.bg_03 {background:url("../img/bg_03.png"); height: auto;}
.bg_04 {/*background:url("../img/bg_04.png");*/ height: auto;padding: 0px 30px;color:#333333}
.bg_02 h1{}
.bg_03 h1{}
.bg_04 h1{padding: 25px 0; font-size: 30px;}
.bg_04 p{  font-size: 13px; line-height: 25px; }
.left_img {float:left;}
.right_img {float:right;padding: 0 10px;}
.text {}
.text p{font-size: 13px; line-height: 25px; padding-bottom: 25px;}
#content_inner_perbiz h2 { background: #0C5577; color: #FFFFFF; font-weight: bold;font-size: 18px;  padding: 7px 7px 7px 9px;}
#content_inner_perbiz ul {   margin-bottom: 10px;border: 1px solid #EEE; padding: 15px; }
#content_inner_perbiz li { font-size: 13px;color:#333333;display: list-item; line-height: 1.6; list-style: disc outside; margin: 0 0 0 15px; padding: 0;}
#content_inner_perbiz .block {margin-bottom: 10px;border: 1px solid #EEE; padding: 10px; }
#content_inner_perbiz h3{  font-size: 1.3em;  line-height: 1.2;color: #0C5577;padding: 10px 0;}
#content_inner_perbiz h4{color: #0A698A; font-size: 1.3em;}
#content_inner_perbiz h5{ font-size: 14px;font-weight: bold}
#content_inner_perbiz a{  color: #0A698A;}

#why_prismtech {width:1000px;margin: 0 auto 0;}
#why_prismtech .bg_02 {  text-align: center;background:url("../img/bg_02.png");  height: 423px;color:#ffffff}
#why_prismtech .bg_02 h1{padding: 50px 0; font-size: 30px;}
#why_prismtech .bg_02 p{  font-size: 18px; line-height: 30px; font-weight: bold;padding: 0 30px;}

#why_prismtech .bg_03 {  text-align: center;background:url("../img/bg_03.png");  height: 386px;color:#000000}
#why_prismtech .bg_03 h1{padding: 25px 0; font-size: 30px;}
#why_prismtech .bg_03 p{  font-size: 18px; font-weight: bold;  padding-bottom: 25px;}

#voxtex .bg_04 { padding: 0px 30px;/*background:url("../img/bg_04.png");*/  height: 846px;color:#333333}
#voxtex .bg_04 h1{padding: 25px 0; font-size: 30px;}

#voxtex .bg_04 p{  font-size: 13px; line-height: 25px; padding-bottom: 25px;}
#voxtex .bg_04 .left_img {float:left;}

#support {padding: 0px 30px;}
#support h1 {padding: 25px 0;}
#support table{border: 1px solid #e2e1e0;  font-size: 11px;}
#support .support_table {padding: 25px 0 0 0;}
#support tr {height: 30px; }
#support td { padding: 10px}
#support td label {}
#support td span {padding-right:7px;}
#support td input {border: 1px solid #e2e1e0; width: 280px;}
#support td textarea {border: 1px solid #e2e1e0; width: 470px; height: 200px;}
#support .left {background: #333333;color: #999999; text-align: left;}
#support .contact-btn {  margin-top: 20px;   float: right;}
#support .first{border-top: 2px solid #f8996a;}

#about {width:1000px;margin: 0 auto 0;}

.document_popup_menu {display:none;}