@charset "utf-8";

#wrapper{left:0px;top:-999999999999px;}

 

/*.tle_ctn {padding:20px 0 0 4px; width:733px; line-height:0; font-size:0; overflow:hidden;}*/
/*공통상단 비쥬얼 스타일*/
.common_top{clear:both; width:100%; height:208px; border-bottom:1px solid #ddd;}
.common_top dt{padding-top:32px;}
.common_top dd{margin-top:30px; color:#414141; background:url(../img/con_inner_bg.gif) no-repeat top left; padding-top:15px; line-height:18px;}

/* 컨텐츠 상단_비쥬얼 
.subcont_tit .visual0201{background:url(../img/bg0201.jpg) no-repeat right bottom; height:208px;}
.subcont_tit .visual0201 dd{margin-top:30px!important;}*/

/* 컨텐츠 상단_기본 */
.hgroup {position: relative;}
.hgroup h1 {border-bottom: 1px solid #ebebeb;line-height: 1;font-weight:500;color:#000; font-size:23px\9; height:40px\9; /* ie8 */}
.hgroup p {position:relative;right: 0;text-align: right;top:-30px;}
.hgroup p span.home{background: url(../img/location_home.gif) no-repeat left 70%;width:10px;height:10px;padding:0 4px 0 0;margin-top:5px;text-indent:-10000em}
.hgroup p span.home span{display:none}
.hgroup p span {display: inline-block;padding: 0 7px 0 10px;font-size:11px;color:#737373;background: url(../img/location_arr.gif) no-repeat left 50%;}
.hgroup-type2 p{right: auto;left: 0;top: -30px;}



.bu1 {background:#f8f8f8; padding:15px 20px;margin:0 0 15px 0;}
.bu1 .list_type{margin:0;}
.bu2{background:url(../img/icon_ball2.gif) no-repeat left 6px;padding:0 0 4px 15px;color:#555;font-size:14px;margin-left:8px; line-height:22px;}
.bu3{background:url(../img/icon_ball3.gif) no-repeat left 9px !important;padding:0 0 4px 12px !important;color:#737373 !important;text-indent:0 !important;}

.tit1{font-size:16px;margin:30px 0 10px 0;font-weight:normal;color:#202020;line-height:129%; background: url(../img/bu_h2.gif) 0 4px no-repeat; font-weight: bold; padding-left: 19px; }

/*
.hgroup {display:none9\;} /* ie8 
.cont_company_tit {margin-top:0\9;}/* ie8 */


/* tab */
.tabgroup{margin:0 0 30px 0; }
.tabgroup li {white-space:nowrap;}
.tabnavi {overflow:hidden; width:100%; }
.tabnavi ul {margin:0; }
.tabnavi {clear:both;margin:0; display:inline-block; position:relative;overflow:hidden; /*margin-top:-15px;*/}
.tabnavi li {float:left; }
.tabnavi li:first-child{margin-left:0; margin-right:0;}
/* .tabnavi li a{display:block;text-align:center;color:#fff;padding:10px 0; padding:10px 09\;font-weight:bold; min-width:196px9\;}*/
.tabnavi li a {display:block;background:#f7f7f7;color:#888;text-align:center;padding:10px 0;border:1px solid #e3e3e3;border-width:1px 1px 1px 1px;text-align:center;padding:12px 20px 12px 20px9\;}
.tabnavi li.on a,
.tabnavi li a:hover{background:#fff;color:#565e60;border:1px solid #565e60; font-weight:bold; text-decoration:none; }
.tabnavi.tabtype{border-bottom:0}
 

/* 내용관리 */
#ctt {margin:0;padding:0px;}
.ctt_admin {text-align:right;position:absolute; right:0px; top:0px;}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden;filter:Alpha(opacity=0); opacity:0.0; -moz-opacity:0.0;}
#ctt_con {padding:0}
.ctt_img {text-align:center}
/* #ctt_con img{max-width:100%;}*/

.cont_ol_detail{width:100%; overflow:hidden; text-align:center; margin:0; padding:0; list-style:none; border-top:1px dashed #d1d1d1;}
.cont_ol_detail li{float:left; width:33%;border-left:1px dashed #d1d1d1;border-bottom:1px dashed #d1d1d1; margin-left:-1px; overflow:hidden; position:relative;  height:360px;}
.cont_ol_detail li h3{ font-family:'나눔고딕','Nanum Gothic'; font-size:18px; font-weight:500; color:#000033; text-align:center; padding:30px 0 20px 0;}
.cont_ol_detail li:hover{background:#efefef;}
.cont_ol_detail li p{margin:0 auto; width:80%; padding-bottom:10px; text-align:left; color:#666; font-size:11px;}
.cont_ol_detail li p strong{display:block; font-size:12px; color:#333;}
.cont_ol_detail li p strong u{text-decoration:none; font-weight:normal; font-size:11px; letter-spacing:-1px;}
.cont_ol_detail li .price{width:100%; text-align:center; padding-top:10px;}
.cont_ol_detail li .price b{display:block; font-family:'나눔고딕','Nanum Gothic'; font-size:14px; font-weight:700;  color:#3a0000;}
.cont_ol_detail li .price strong{display:block; font-family:'나눔고딕','Nanum Gothic'; font-size:16px; font-weight:500;  color:#cc0000;}
.cont_ol_detail li .img{position:absolute ; left:0px; bottom:30px; width:100%; text-align:center ;}
.cont_ol_detail li .bank{position:absolute ; left:0px; bottom:80px; width:100%; text-align:center ;}
.cont_ol_detail li .bank b{font-family:arial; font-size:20px; color:#663300;}

.cont_ul_detail{width:100%; overflow:hidden; text-align:center; margin:0; padding:0; list-style:none; border-top:1px dashed #d1d1d1;}
.cont_ul_detail li{float:left; width:33%;border-left:1px dashed #d1d1d1;border-bottom:1px dashed #d1d1d1; margin-left:-1px; overflow:hidden; position:relative;  height:360px;}
.cont_ul_detail li h3{ font-family:'나눔고딕','Nanum Gothic'; font-size:18px; color:#000033; font-weight:500; text-align:center; padding:30px 0 20px 0;}
.cont_ul_detail li:hover{background:#efefef;}
.cont_ul_detail li p{margin:0 auto; width:80%; padding-bottom:10px; text-align:left; color:#666; font-size:11px;}
.cont_ul_detail li p strong{display:block; font-size:12px; color:#333;}
.cont_ul_detail li p strong u{text-decoration:none; font-weight:normal; font-size:11px; letter-spacing:-1px;}
.cont_ul_detail li .price{width:100%; text-align:center; padding-top:10px;}
.cont_ul_detail li .price b{display:block; font-family:'나눔고딕','Nanum Gothic'; font-size:14px;  color:#3a0000;}
.cont_ul_detail li .price strong{display:block; font-family:'나눔고딕','Nanum Gothic'; font-size:16px;  color:#cc0000;}
.cont_ul_detail li .img{position:absolute ; left:0px; bottom:30px; width:100%; text-align:center ;}
.cont_ul_detail li .bank{position:absolute ; left:0px; bottom:80px; width:100%; text-align:center ;}
.cont_ul_detail li .bank b{font-family:arial; font-size:20px; color:#663300;}

a.btn_sampleall_go{display:block; margin:10px auto 0 auto; font-size:11px; text-align:center ;background:#000033; color:#fff; width:70%; height:50px; line-height:50px;}
a:hover.btn_sampleall_go{background:#cc0000;}

.cont_top_box{width:100%; padding:0 0 30px 0; text-align:left;}
.cont_top_box p{font-family:'나눔고딕','Nanum Gothic'; color:#24437e; font-weight:500; font-size:16px; padding:30px; border:1px dashed #153e66;}
.cont_top_box p strong{font-size:20px; color:#000; font-weight:500;}
.cont_top_box p u{display:block;text-decoration:none; font-size:12px; color:#339933; line-height:1.6em;}
.cont_top_box p u span{color:#666}
.cont_top_box dl{margin:0px; padding:0px;}
.cont_top_box dl dt{margin:0px; padding:20px 0 5px 0; font-family:'나눔고딕','Nanum Gothic'; color:#000; font-size:16px; }
.cont_top_box dl dd{margin:0px; padding:0px;font-family:'나눔고딕','Nanum Gothic'; color:#666; font-size:14px;}



/* 센터소개 */
.cont_company {width:100%; padding:30px 0; text-align:left;}
.cont_company dt{width:100%;padding:0 0 15px 0; margin:0px; font-family:'나눔고딕','Nanum Gothic'; font-size:18px; font-weight:500; color:#2554af;}
.cont_company dd{width:100%;padding:0 0 15px 0; margin:0px; font-family:'나눔고딕','Nanum Gothic'; font-size:13px; color:#666; line-height:1.6em;}
.cont_company dd strong{color:#000; display:block; padding:10px 0 5px 0;}
.cont_company dd ul {}
.cont_company dd ul li{line-height:1.4em; padding:3px 0;}
.cont_company dd ul li b{color:#000;}
.cont_company dd ul li u{font-size:12px; color:#999; text-decoration:none;}

.cont_company_tit {padding-top: 10px; _margin:0 0 25px 0;}
.cont_company_tit .tit {color: rgb(113, 90, 59); letter-spacing: -2px; font-family: 나눔명조, NanumMyeongjo; font-size: 24px; }
.cont_company_tit .sub {padding: 5px 0px 3px;color: rgb(102, 102, 102); letter-spacing: -1px; font-family: "맑은 고딕", Malgun Gothic, "나눔고딕", NanumGothic, "돋움", dotum; font-size: 14px;}
.container_box_left {float:left; } /*모바일에서 width:30% 제거*/
.container_box_left div.tit {margin: 0px; background-color: rgb(101, 92, 83); }
.container_box_left div.tit h2{padding-bottom: 5px; color: rgb(255, 255, 255); line-height: 25px; letter-spacing: -1px; font-family: "맑은 고딕", Malgun Gothic, "나눔고딕", NanumGothic, "돋움", dotum;  font-size: 17px; font-weight: bold; _padding:10px 20px;}
.container_box_left div.tit p {padding-top: 5px; text-align: justify; color: rgb(255, 255, 255); line-height: 20px; letter-spacing: -1px; font-family: "맑은 고딕", Malgun Gothic, "나눔고딕", NanumGothic, "돋움", dotum; font-size: 14px; _padding:0 20px 10px 20px;}
.container_box_right div img {_width:100%;}



 
.container_block {/*background: rgb(250, 250, 250); */ float:left; width:100%; margin-top:20px; font-family:  "맑은 고딕", Malgun Gothic, "나눔고딕", NanumGothic, "돋움", dotum; }
.container_block_left {width:45%; float:left;}
.container_block_right {width:45%; float:right;}
.container_block_bottom {width:100%; float:left;color: rgb(70, 70, 70); line-height: 25px; letter-spacing: -1px; font-family:  "맑은 고딕", Malgun Gothic, "나눔고딕", NanumGothic, "돋움", dotum; }
.sub_block {padding-bottom: 20px;}
.sub_tit {color: rgb(70, 70, 70); line-height: 25px; letter-spacing: -1px; font-family: "맑은 고딕", Malgun Gothic, "나눔고딕", NanumGothic, "돋움", dotum; font-size: 15px; font-weight: bold;' padding-bottom: 2px;}
.sub_txt {text-align: justify; color: rgb(102, 102, 102); line-height: 20px; letter-spacing: -1px; font-family: "맑은 고딕", Malgun Gothic, "나눔고딕", NanumGothic, "돋움", dotum; font-size: 13px;}


/* 텍스트type1 */

.company_gif{float:right;margin:-60px 0 10px 30px; width:35%; max-width:337px; min-width:200px;}
.company_gif_mobile{display:none;}
.bb_dashed{ border-bottom:1px dashed #d1d1d1;}

/* 테이블 */
.cont_price{width:100%; margin-bottom:30px;}
.cont_price table caption{display:none;}
.cont_price table {border:1px solid #ddd;width:100%;border-collapse:collapse;border-spacing:0;font-size:12px;}
.cont_price table thead th{border:1px solid #205385; padding:12px 0; font-weight:bold; color:#ffffff; background:#153e66;}
.cont_price table tbody th{border:1px solid #c3cedf; padding:12px 0; font-weight:bold; color:#003366; background:#e0e9f6;}
.cont_price table tfoot th{border:1px solid #ddd; padding:12px 0; font-weight:bold; color:#333333; background:#f0f0f0;}
.cont_price table td{padding:12px;border:1px solid #ddd; color:#666;}
.cont_price table td small{font-size:11px; letter-spacing:-1px; color:#33962d;}
.cont_price table td small b{font-weight:normal;font-size:12px; color:#33962d !important;}
.cont_price table tbody td b{color:#cc0000;}
.cont_price table tfoot td b{color:#333;}
.cont_price tr:hover{background:#f7f7f7;}
.cont_price .bottom_ment{width:100%; padding:10px 0 0 0; text-align:right;}



/*상품안내 */
.cont_box .inner{position:relative;width:785px;margin:0 auto}
.cont_box .inner .btn_box{position:absolute;top:-40px;right:0}
.cont_box .list_product {padding:0;}
.cont_box .list_product li {padding:0; margin:0;}
.cont_box .list_product > li{overflow:hidden;padding:60px 0;border-top:1px solid #e3e3e3}
.cont_box .list_product > li:first-child{padding-top:0;border-top:0}
.cont_box .list_product .box_dream .tit{font-size:32px;color:#333;line-height:38px;text-align:center}
.cont_box .list_product .box_dream .tit .icon_e_2{display:inline-block;*display:inline;width:24px;height:26px;margin:9px 1px 0 5px;background:url(/resources/images/product/icon_e_2.png) no-repeat 0 50%;font-size:0;vertical-align:top;line-height:0}
.cont_box .list_product .box_dream .list{margin:56px 0 0 83px}
.cont_box .list_product .box_dream .list p{margin-top:14px;font-size:15px;color:#666;line-height:24px;;letter-spacing:-1px}
.cont_box .list_product .box_dream .list:after{display:block;content:'';clear:both}
.cont_box .list_product .box_dream .list li:first-child{margin-left:0}
.cont_box .list_product .box_dream .list li{float:left;width:260px;margin-left:17px;text-align:center;letter-spacing:-1px}
.cont_box .list_product > li.type_2 .box_desc_4{margin-top:56px}
.cont_box .list_product .area_l .tit{font-size:27px;color:#333;font-weight:normal;letter-spacing:-1px}
.cont_box .list_product .area_l .tit span{font-size:16px}
.cont_box .list_product .area_l .desc{margin-top:30px;padding-top:30px;background:url(/resources/images/product/bg_bar.gif) no-repeat;font-size:15px;color:#666;letter-spacing:-1px}
.cont_box .list_product .area_l .desc.type_2{background:none}
.cont_box .list_product .area_l .desc em{color:#03a5b0}
.cont_box .list_product .area_l .desc_info{margin-top:23px;font-size:13px;color:#888}
.cont_box .list_product .area_l .desc_info span{display:block;margin-bottom:2px;color:#333}
.cont_box .list_product .last{border:none}

.cont_box .list_product .area_l{float:left}
.cont_box .list_product .area_r{float:right}

/*부가설명 */
/*부가 설명 박스*/
.box_desc_1{padding:30px 30px 30px 136px;margin-bottom:35px;border-radius:10px;background:#fff url(/resources/images/product/bg_withdrawal.png) no-repeat 46px 43px}
.box_desc_1 strong{display:block;font-size:15px;color:#02a5af}
.box_desc_1 > p{margin-top:17px;font-size:13px;color:#666}
.box_desc_1 > p em{color:#333;font-weight:bold}

.box_desc_2{margin-top:15px}
.box_desc_2 .tit{display:block;width:100%;height:38px;border-bottom:2px solid #ededed;border-bottom-width:1px\0/IE9;background:url(/resources/images/product/bg_arrow_down.png) no-repeat 100% 100%;text-align:left}
.box_desc_2._on .tit{background:url(/resources/images/product/bg_arrow_up.png) no-repeat 100% 100%}
.box_desc_2 .tit strong{display:inline-block;padding-left:47px;background:url(/resources/images/product/bg_refer.gif) no-repeat;font-size:15px;color:#333;font-weight:normal;line-height:38px}
.box_desc_2 > p{display:none;min-height:80px;margin-top:25px;padding:0 10px 10px 96px;background:url(/resources/images/product/bg_person.png) no-repeat;font-size:14px;color:#666;letter-spacing:-1px}
.box_desc_2 > p em{color:#03a5b0}
.box_desc_2._on > p{display:block}
.box_desc_2 .box_caution{margin-top:20px;padding:20px 10px 20px 24px;border:1px solid #e1e4e4;border-radius:5px}
.box_desc_2 .box_caution > p{font-size:14px;color:#666;letter-spacing:-1px}
.box_desc_2 .box_caution > p > em{color:#333}
.box_desc_2 .box_caution .box_txt > div {position:absolute;top:0;right:0}
.box_desc_2 .box_caution .box_txt p{margin-top:15px;padding-left:17px;background:url(/resources/images/product/bg_bullet_2.gif) no-repeat 0 50%;font-size:13px;color:#888}
.box_desc_2 .box_caution .box_txt p em{color:#333}

.box_desc_4 {margin-top:40px;padding:30px;border:1px solid #d4d8d9;border-radius:3px;letter-spacing:-1px}
.box_desc_4 .tit{font-size:15px;color:#333;font-weight:bold}
.box_desc_4 .tit + .list_2{margin-top:17px}
.box_desc_4 .txt{margin-top:17px;font-size:14px;color:#666;line-height:23px}

/*부가 설명 글*/
.txt_desc_1{margin-top:16px;font-size:12px;color:#666;letter-spacing:-1px}
.txt_desc_2{margin:10px 0 0 7px;font-size:12px;color:#888;letter-spacing:-1px;text-indent:-7px}
.txt_desc_3{margin-top:15px;font-size:13px;color:#888;letter-spacing:-1px;line-height:21px}
.txt_desc_3.type1{margin-top:10px;padding-left:14px;line-height:23px;background:url(/resources/images/common/bg_bullet_3.gif) no-repeat 0 8px}
.txt_desc_3 em{color:#03a5b0}
.txt_desc_4{font-size:14px;color:#666;letter-spacing:-1px;line-height:23px}
.txt_desc_4 span{color:#888}
.txt_desc_4 em{color:#03a5b0}
.txt_desc_4 .txt_desc_2{margin-right:11px}
.txt_desc_5{font-size:27px;color:#03a5b0;font-weight:bold;letter-spacing:-1px}
.txt_desc_6{font-size:14px;color:#888;letter-spacing:-2px}
.txt_desc_6 em{color:#03a5b0}
.txt_desc_7{padding-left:7px;margin-top:15px;background:url(/resources/images/product/bg_bullet_6.gif) no-repeat 0 11px;font-size:14px;color:#666;line-height:23px}
.txt_desc_8{font-size:14px;color:#ff5f20;line-height:21px}
.txt_desc_4 .txt_desc_3 em{color:#888}

.txt_caution_1{padding-left:20px;margin-top:40px;background:url(/resources/images/product/bg_point_1.png) no-repeat 0 6px;font-size:14px;color:#333;letter-spacing:-1px}
.txt_caution_1 .btn_s{margin-left:7px}
 
 
@media all and (min-width: 600px) and (max-width: 980px) 
{
	.cont_h2{font-size:22px;}
	.cont_ol_detail li{width:49% !important;}
	.cont_ul_detail li{width:99% !important;}

 
	
}

@media all and (min-width: 1px) and (max-width: 599px) 
{
	.cont_h2{font-size:18px;}
	.cont_ol_detail li{width:99% !important;}
	.cont_ul_detail li{width:99% !important;}
	
	.cont_company dt,
	.cont_company dd strong{text-align:center;}
	.company_gif{display:block; margin:10px auto; width:220px; clear:both; float:none;}



}

