<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* �ъ씠�� 媛�濡쒖궗�댁쫰 */
.container { width:1100px; padding-left:0; padding-right:0 ; margin-right: auto; margin-left: auto; }

/* �ㅻ뜑 */
.wrap_util {width: 100%;height: 30px;background-color: #00aeef;}
.wrap_util .util_menu ul { float: right; }
.wrap_util .util_menu ul li {float: left;padding: 5px 7px;line-height: normal;}
.wrap_util .util_menu ul li:last-child { padding-right: 0; }
.wrap_util .util_menu ul li a {font-size: 13px;color: #fff;letter-spacing: -1px;}

.wrap_search { width: 100%; border-bottom: 1px solid #d5d5d5; }
.wrap_search ul {}
.wrap_search ul li { float: left; padding: 16px 0; }
.wrap_search ul li.logo { /* margin-top: 18px; */  display: table; width: 233px; height: 94px; padding: 0; }
.wrap_search ul li.logo h2 { display: table-cell; vertical-align: middle; }
.wrap_search ul li.logo h2 img { max-width: 100%; max-height: 90px; }
.wrap_search ul li.search_box { border: 2px solid #b9da37; padding: 0; margin-top: 25px; margin-left: 165px; }
.wrap_search ul li.search_box .search_select {background: url(/App/zones/images/common/css_select.png) no-repeat 100% 50%;width: 72px; border: 0;padding-right: 0px;margin-left: 10px;}
.wrap_search ul li.search_box input { border: 0; vertical-align: middle; width: 250px;}
.wrap_search ul li.search_box a { background-color: #b9da37; padding: 11px 13px 11px 17px; display: inline-block; }
.wrap_search ul li.search_box a i { font-size: 20px; color: #fff; }

	/* 誘몃땲諛곕꼫 */
	.wrap_search ul li.mini_ban { float: right; width: 192px; height: 62px; box-sizing: content-box; }
		.mini_ban .swiper-container02 { margin: 0 auto; position: relative; overflow: hidden; z-index: 1; height: inherit; }
		.mini_ban .swiper-container-vertical &gt; .swiper-pagination-bullets {  }
		.mini_ban .swiper-pagination-bullet { width: 10px; height: 10px; }
		.swiper-container-vertical &gt; .swiper-pagination-bullets { right: 0; }
		.swiper-pagination-bullet-active { background: #ffa907; }

.wrap_gnb { width: 100%; border-bottom: 1px solid #d5d5d5; }
.wrap_gnb .gnb_depth_01 { max-width: 1100px; display: table; table-layout: fixed; width: 100%; height: 50px; }
.wrap_gnb .gnb_depth_01 &gt; li { width: inherit; display:table-cell; padding: 10px; text-align: center; vertical-align: middle; font-size: 16px; font-weight:bold; border-right: 1px solid #ccc; background-color: #f1f1f1;}
.wrap_gnb .gnb_depth_01 &gt; li &gt; a:hover { color: #00aeef; }
.wrap_gnb .gnb_depth_01 .menu_category { position: relative; font-weight: bold; background: #e8e8e8; padding: 10px 16px; width: 188px; }
.wrap_gnb .gnb_depth_01 .menu_category i { font-size: 21px; padding-left: 7px; color: #555; }
.wrap_gnb .gnb_depth_01 .menu_category a:hover,
.wrap_gnb .gnb_depth_01 .menu_category a:active,
.wrap_gnb .gnb_depth_01 .menu_category a:focus,
.wrap_gnb .gnb_depth_01 .menu_category a:hover i,
.wrap_gnb .gnb_depth_01 .menu_category a:active i,
.wrap_gnb .gnb_depth_01 .menu_category a:focus i { color: #00aeef; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.wrap_gnb .gnb_depth_01 .my_tour { font-weight: bold; } 
.wrap_gnb .gnb_depth_01 .my_tour a { color: #00aeef; }
.wrap_gnb .gnb_depth_01 .my_tour a i { vertical-align: baseline; }

.oe_overlay { background:#000; opacity:0; position:fixed; top:0px; left:0px; width:100%; height:100%; z-index: -1; }
.oe_overlay.zindex { z-index: 90; }
.oe_menu { position: absolute; top:51px; left:0px; background:#f5f5f5; width:1100px; height:auto; padding:20px; display:none; z-index: 1040; border-radius: 0 0 10px 10px;border-bottom: 4px solid #d5d5d5;border-left: 1px solid #d5d5d5;border-right: 1px solid #d5d5d5;}

.close_view_all { clear: both; text-align: right; margin-top: 20px; }
.close_view_all a {padding: 5px 10px 10px;background-color: #454545;border: 1px solid #505050;display: inline-block;position: absolute;bottom: 20px;right: 20px;}
.wrap_gnb .gnb_depth_01 .menu_category .close_view_all a:hover i,
.wrap_gnb .gnb_depth_01 .menu_category .close_view_all a:active i,
.wrap_gnb .gnb_depth_01 .menu_category .close_view_all a:focus i { color: #00aeef; }
.wrap_gnb .gnb_depth_01 .menu_category .close_view_all i { font-size: 16px; color: #fff; padding-left: 0; }

.all_depth_2 .depth_2_title {float: left;width: 300px;text-align: left;border-right: 1px dotted #d5d5d5;margin-right: 20px;}
.all_depth_2 .depth_2_title li {width:100%;height:30px;}
.all_depth_2 .depth_2_title li.title { margin-top:10px; margin-bottom: 6px;}
.all_depth_2 .depth_2_title li.title a {font-size: 15px;font-weight: bold;color: #454545;float:left; }

.all_depth_2 .depth_2_title span {width:50%;height:30px;}
.all_depth_2 .depth_2_title span a {font-size: 13px;font-weight: normal;line-height: 200%;width:50%;float:left; }

.all_depth_2 .depth_2_menu {height: 100px;}

.all_depth_2 .depth_2_banner {float: left;width: 365px;height: 160px;border: 1px solid #d5d5d5;background: #fff;}
.all_depth_2 .depth_2_banner li {width:100%;height:30px;}
.all_depth_2 .depth_2_banner li.title { margin-top:10px; margin-bottom: 6px;}
.all_depth_2 .depth_2_banner li.title a {font-size: 15px;font-weight: bold;color: #454545;float:left; }



/* 硫붿씤 濡ㅻ쭅諛곕꼫 
.roll_main { text-align: center; height: 500px; overflow: hidden; }
.roll_main .swiper-pagination-bullet { width: 17px; height: 17px; }
.roll_main .swiper-pagination-bullet-active { background: #b9da37; }
.roll_main .swiper-button-next, 
.roll_main .swiper-container-rtl .swiper-button-prev { background : none; right: 200px; left: auto; border-radius: 50%; background-color: rgba(255, 255, 255, 0.5); width: 70px; height: 70px; }
.roll_main .swiper-button-next:before, 
.roll_main .swiper-container-rtl .swiper-button-prev:before { content: "\f054"; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0);font-size: 32px; color: #fff; line-height: 240%; }
.roll_main .swiper-button-prev, 
.roll_main .swiper-container-rtl .swiper-button-next { background: none; left: 200px; right: auto; border-radius: 50%; background-color: rgba(255, 255, 255, 0.5); width: 70px; height: 70px;  }
.roll_main .swiper-button-prev:before, 
.roll_main .swiper-container-rtl .swiper-button-next:before { content: "\f053"; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0);font-size: 32px; color: #fff; line-height: 240%; }
.roll_main .swiper-pagination-fraction, 
.roll_main .swiper-pagination-custom, 
.roll_main .swiper-container-horizontal &gt; .swiper-pagination-bullets { bottom: 20px; }
.roll_main .carousel-caption { top: 25%; line-height: normal; }
.roll_main .carousel-caption h2 { font-size: 35px; }
.roll_main .carousel-caption h3 { font-size: 50px; }
.roll_main .carousel-caption hr.line { width: 426px; height: 7px; background: #b9da37; border: 0; }*/

/*bx_slider*/
#slide {position:relative;}
.bx-wrapper {height:500px;overflow:hidden;}
.bx-controls-direction {position: absolute;top:50%;z-index:999;width:96%;margin:0 2%;}
.bx-prev, .bx-next {width:50px;height:50px;text-indent:-9999px;}
.bx-prev {float:left;background:url(/dev/zones/images/icon/left.png) no-repeat 50%;}
.bx-next {float:right;background:url(/dev/zones/images/icon/right.png) no-repeat 50%;}
.bxslider {}
.bxslider &gt; li {}
.bxslider &gt; li &gt; img {width:100%;}

/* 硫붿씤 怨듭��ы빆 濡ㅻ쭅 */
.wrap_notice { width: 100%; border-bottom: 1px solid #d5d5d5; }
.pause_none{ display:none }
.news_block { width:100%; height:60px; /*margin-bottom: 52px;*/ font-size:17px; /*border: 1px solid #d5d5d5;*/ border-left: 0; border-right: 0; padding:0 5px; overflow:hidden; background:#fff; }
.news_block h3 {float: left;font-size: 24px;font-weight: normal;color: #555;line-height: 10px;margin-right: 40px;margin-top: 25px;}
.news_block .more { float: right; line-height: 62px; }
.news_block .more i { font-size: 18px; color: #8ec641; line-height: 62px; }
#news_ticker { float:left; width: 80%; line-height: 62px; margin-right: 16px; }
#news_ticker li { width: 100%; }
#news_ticker li a { float: left; width: 86%; color:#555; text-decoration:none; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display:block; height:60px; line-height:62px; }
#news_ticker li a:hover { color: #8ec641; }
#news_ticker li .day { float: right; color: #777; }
.news_block .btn_section { float:left; line-height: 58px; margin-right: 6px; }
.news_block .btn_section i { vertical-align: middle; color: #666; }

/* 硫붿씤 �뱀뀡蹂� BG */
.wrap_main_bg { width: 100%; background-color: #f5f5f5; padding-bottom: 30px; }

/* 硫붿씤 ���댄� */
h2.title_main { position: relative;font-size: 26px; color: #454545; font-family: 'Nanum Gothic', 'Malgun Gothic','留묒� 怨좊뵓'; text-align: center; margin-top: 40px; margin-bottom: 30px; line-height: normal; }
h2.title_main:before { content: ""; display: inline-block; margin-right: 10px; width: 13px; height: 7px; background-color: #8ec641;vertical-align: top; margin-top: 12px; }
h2.title_left { position: relative;font-size: 26px; color: #454545; font-family: 'Raleway', sans-serif, 'Nanum Gothic', 'Malgun Gothic','留묒� 怨좊뵓'; text-align: left; margin-bottom: 15px; line-height: normal; font-weight: normal; }
h2.title_left:before { content: ""; display: inline-block; margin-right: 10px; width: 13px; height: 7px; background-color: #8ec641;vertical-align: top; margin-top: 12px; }

h2.title_sub { position: relative;font-size: 23px; color: #454545; font-family: 'Nanum Gothic', 'Malgun Gothic','留묒� 怨좊뵓'; text-align: left; margin-top: 60px; margin-bottom: 20px; line-height: normal;display: inline-block;}
h2.title_sub:before { content: ""; display: inline-block; margin-right: 10px; width: 13px; height: 7px; background-color: #00aeef;vertical-align: top; margin-top: 13px; }

h2.title_sub_sm {position: relative;font-size: 16px;color: #454545;font-family: 'Nanum Gothic', 'Malgun Gothic','留묒� 怨좊뵓';text-align: left;margin-top: 10px;margin-bottom: 10px;line-height: normal;display: inline-block;}
h2.title_sub_sm:before {content: "";display: inline-block;margin-right: 10px;width: 13px;height: 7px;background-color: #F67F37;vertical-align: top;margin-top: 8px;}

h2.title_sub_st {position: relative;font-size: 16px;color: #fff;font-family: 'Nanum Gothic', 'Malgun Gothic','留묒� 怨좊뵓';text-align: left;margin-top: 10px;margin-bottom: 10px;line-height: normal;display: inline-block;}
h2.title_sub_st:before {content: "";display: inline-block;margin-right: 10px;width: 13px;height: 7px;background-color: #fff;vertical-align: top;margin-top: 8px;}

/* �곹뭹由ъ뒪�� */
.prd_list {  }

/* �곹뭹 4媛쒖씪�� */
.column_04 { /*overflow: hidden;*/ font-size: 0; }
.column_04 article { display: inline-block; width: 256px; margin-right: 25px; border: 1px solid #d5d5d5; text-align: center; font-size: 18px; background: #fff; border-radius: 1px; }
.column_04 article:hover { 
	cursor: pointer;
	box-shadow: 0px 1px 9px -2px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
.column_04 article:hover img { opacity: 0.8; }
.column_04 article:last-child { margin-right: 0; }
.column_04 .img_section { display: block; }
.column_04 .desc_section { padding: 16px; }
.column_04 .desc_section li { font-size: 15px; color: #454545; font-weight: bold; }
.column_04 .desc_section li.title { /*text-overflow: ellipsis; white-space: nowrap;*/ overflow: hidden; display: block; height: 38px; margin-bottom: 15px; }
.column_04 .desc_section li.desc { font-size: 13px; color: #777; height: 36px; overflow: hidden; font-weight: normal; margin-bottom: 10px; }
.column_04 .desc_section li.price { text-align: right; font-size: 16px; color: #00aeef; font-weight: bold; font-family: "verdana"; letter-spacing: -1px; }
.column_04 .desc_section li.price span { font-family: dotum; font-size: 13px; vertical-align: baseline; font-weight: normal; color: #888; padding-left: 2px; }

/* �곹뭹 2媛쒖씪�� */
.column_02 { overflow: hidden; font-size: 0; }
.column_02 article { float:left; width: 350px; height:390px; border: 1px solid #d5d5d5; text-align: center; font-size: 18px; background: #fff; border-radius: 1px; margin-right:25px;}
.column_02 article:nth-child(3n) { margin-right: 0px; }
.column_02 article:hover { 
	cursor: pointer;
	box-shadow: 0px 1px 9px -2px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
.column_02 article:hover img { opacity: 0.8; }
.column_02 article:last-child { margin-right: 0; }
.column_02 .img_section { display: block; }
.column_02 .desc_section {padding: 16px; }
.column_02 .desc_section li { font-size: 15px; color: #454545; font-weight: bold; }
.column_02 .desc_section li.title { /*text-overflow: ellipsis; white-space: nowrap;*/ overflow: hidden; display: block; height: 38px; margin-bottom: 15px; }
.column_02 .desc_section li.desc { font-size: 13px; color: #777; height: 36px; overflow: hidden; font-weight: normal; margin-bottom: 10px; }
.column_02 .desc_section li.price { text-align: right; font-size: 16px; color: #00aeef; font-weight: bold; font-family: "verdana"; letter-spacing: -1px; }
.column_02 .desc_section li.price span { font-family: dotum; font-size: 13px; vertical-align: baseline; font-weight: normal; color: #888; padding-left: 2px; }

/* �곹뭹 3媛쒖씪�� */
.column_03 { /*overflow: hidden;*/ font-size: 0; }
.column_03 article { position: relative; display: inline-block; width: 267px; margin-right: 10px; border: 1px solid #d5d5d5; overflow: hidden; border-radius: 2px; line-height: normal; }
.column_03 article:last-child { margin-right: 0; }
.column_03 article:hover { 
	cursor: pointer;
	box-shadow: 0px 1px 9px -2px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
.column_03 article:hover img { opacity: 0.8; }
.column_03 article:last-child { margin-right: 0; }
.column_03 .img_section { display: block; }

.column_03 .desc_section {position: absolute;bottom: 0px;width: 100%;padding: 16px;background-color: rgba(0, 0, 0, 0.4);height: 80px;}
.column_03 .desc_section li { font-size: 15px; color: #fff; font-weight: bold; }
.column_03 .desc_section li.title { /*text-overflow: ellipsis; white-space: nowrap;*/ overflow: hidden; display: block; }
.column_03 .desc_section li.desc { font-size: 13px; color: #fff; overflow: hidden; font-weight: normal;  }
.column_03 .desc_section li.price { text-align: right; font-size: 16px; color: #fff; font-weight: bold; font-family: "verdana"; letter-spacing: -1px; }
.column_03 .desc_section li.price span { font-family: dotum; font-size: 13px; vertical-align: baseline; font-weight: normal; color: #fff; padding-left: 2px; }

.img_section { display: block; }
.desc_section_sub { position: absolute; bottom: 0; width: 100%; padding: 16px; background-color: rgba(0, 0, 0, 0.4); height: 100px; z-index: 100; }
.desc_section_sub ul{width: 1100px; margin:0 auto;}
.desc_section_sub ul li { font-size: 15px; color: #fff; font-weight: bold; }
.desc_section_sub ul li.title { /*text-overflow: ellipsis; white-space: nowrap;*/ overflow: hidden; display: block; height: 100%; margin-bottom: 15px; }
.desc_section_sub ul li.desc { font-size: 13px; color: #fff; height: 100%; overflow: hidden; font-weight: normal; margin-bottom: 10px; }
.desc_section_sub ul li.price { text-align: right; font-size: 16px; color: #fff; font-weight: bold; font-family: "verdana"; letter-spacing: -1px; }
.desc_section_sub ul li.price span { font-family: dotum; font-size: 13px; vertical-align: baseline; font-weight: normal; color: #fff; padding-left: 2px; }
.desc_section_sub ul li.price p { font-family: dotum; font-size: 14px; color: #fff; vertical-align: baseline; font-weight: normal; color: #fff; padding-left: 2px; }

/* �곹뭹 5媛쒖씪�� */
.column_05 { overflow: hidden; font-size: 0; }
.column_05 article { position: relative; display: inline-block; width: 218px; margin-right: 2px; cursor: pointer; }
.column_05 article:hover .circle_bg { background: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background-color: #fff;
	opacity: -0.2; }
.column_05 article:last-child { margin-right: 0; }
.column_05 .circle_bg { position: absolute; top: 0; left: 0; width: 218px; height: 217px; background: url(/App/zones/images/common/circle_frame.png) no-repeat; }
.column_05 .img_section { display: table-cell; width: 218px; height: 217px; text-align: center; vertical-align: middle; }
.column_05 .desc_section { padding: 30px 10px 0; }
.column_05 .desc_section li { font-size: 16px; color: #454545; font-weight: bold; }
.column_05 .desc_section li.title { /*text-overflow: ellipsis; white-space: nowrap;*/ overflow: hidden; display: block; height: 36px; margin-bottom: 15px; text-align: center; }
.column_05 .desc_section li.title a { color: #454545; }
.column_05 .desc_section li.desc { font-size: 13px; color: #777; max-height: 54px; overflow: hidden; font-weight: normal; text-align: center; }

/* �명꽣 */
#fitFooter { bottom: 0; width: 100%; background: #333333; /*padding: 40px 0; */}
#fitFooter .section_board { margin-top: 20px; margin-bottom: 10px; }
#fitFooter h2.title_left { color: #fff; }
#fitFooter article { display: inline-block; margin-right: 50px; vertical-align: top; }
#fitFooter article:last-child { margin-right: 0; }
#fitFooter .notice { width: 400px; }
#fitFooter .notice li { padding-bottom: 14px; overflow: hidden; }
#fitFooter .notice li a { font-size: 15px; color: #fff; }
#fitFooter .notice li a:hover { color: #8ec641; }
#fitFooter .notice li span.title { float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; width: 78%; }
#fitFooter .notice li span { float: right; }
#fitFooter .faq { width: 342px; }
#fitFooter .faq li { border: 2px solid #fff; display: inline-block; min-width: 154px; text-align: center; margin-right: 30px; margin-bottom: 15px; } 
#fitFooter .faq li:nth-child(even) { margin-right: 0; }
#fitFooter .faq li:hover { background: #8ec641; border-color: #8ec641;}
#fitFooter .faq li a { display: block; padding: 10px 20px; font-size: 14px; color: #fff }
#fitFooter .faq li:hover a { color: #fff; font-weight: bold; }
#fitFooter .contact_us { width: ; }
#fitFooter .contact_us .phone { font-size: 26px; color: #8ec641; font-family: 'Raleway', sans-serif; padding-bottom: 15px; }
#fitFooter .contact_us .phone i { color: #fff; vertical-align: middle; margin-right: 6px; font-size: 20px; }
#fitFooter .contact_us .fax { font-size: 25px; color: #fff; padding-bottom: 16px; font-family: 'Raleway', sans-serif; }
#fitFooter .contact_us .fax a{ font-size: 18px; color: #fff; padding-bottom: 16px; font-family: 'Raleway', sans-serif; }
#fitFooter .contact_us .fax i { vertical-align: top; margin-right: 6px; font-size: 17px; }
#fitFooter .contact_us .btn_email { font-size: 20px; color: #fff; padding: 12px 22px; background: #8ec641; border-radius: 3px; min-width: 236px; display: block; text-align: center; }
#fitFooter .contact_us .btn_email:hover { background: #83bb36; }
#fitFooter .contact_us .btn_email i { vertical-align: baseline; }
#fitFooter .foot_menu {width: 1100px;margin: 0 auto;}
#fitFooter .foot_menu &gt; ul { display: table; table-layout: fixed; width: 100%; height: 40px; border-top: 1px solid #2d2d2d; border-bottom: 1px solid #2d2d2d; }
#fitFooter .foot_menu li { display: table-cell; text-align: center; }
#fitFooter .foot_menu li a { font-size: 14px; color: #fff; }
#fitFooter .foot_menu li.terms a { color: #e4b015; }
#fitFooter .foot_menu li a:hover { text-shadow: 2px 1px 2px rgb(0, 0, 0);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out; }
#fitFooter .comp_info h3 { float: left; /*padding-top: 10px;*/ width: 180px; height: 72px; display: table; }
#fitFooter .comp_info h3 a { display: table-cell; vertical-align: middle; }
#fitFooter .comp_info h3 a img { max-width: 100%; max-height: 70px; }
#fitFooter .comp_info .icon_sns { float: right; }
#fitFooter .comp_info .icon_sns li { float: left; margin-right: 14px; }
#fitFooter .comp_info .icon_sns li:last-child { margin-right: 0; }
#fitFooter .comp_info .icon_sns li a:hover { box-shadow: 1px 1px 10px rgba(0, 0, 0, 2);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	display: block;
	border-radius: 50%; }
#fitFooter address { /*clear: both;*/ color: #bbbbbb; overflow: hidden; }
#fitFooter address li { padding-bottom: 3px; }


/*********�대떖�� 異붿쿇 �숇컯*********/
.img_section &gt; img {margin:0 22px 22px 0;box-shadow:0px 1px 5px 2px #ccc;}
.img_section &gt; img:hover {opacity:0.9;}
.img_section &gt; img:nth-child(3n) {margin-right:0;}

/*********泥댁씤蹂� �숇컯*********/
#chain_zone {width:1100px;margin:auto;overflow:hidden;}
#chain_zone &gt; #kinds {float:left;width:9%;text-align:center;}
#chain_zone &gt; #kinds &gt; dl {}
#chain_zone &gt; #kinds &gt; dl &gt; dd {cursor:pointer;/*height:180px*/;line-height:20em;font-size:1.5em;font-weight:bold;background-size:35px !important;margin-top:32px;border:1px solid #ccc; border-radius:5px;}

.recom {color:#00aeef;background-color:#f5f5f5 !important;border-radius:5px}

#chain_zone &gt; .pd_kinds {float:right;width:90%;}
#chain_zone &gt; .pd_kinds &gt; dl {}
#chain_zone &gt; .pd_kinds &gt; dl &gt; dd {}

.chain_stay {}
.chain_stay &gt; ul {float:left;width:50%;}
.chain_stay &gt; ul.best_chain {width:40%;margin-right:5%;border-right:2px dotted #ccc;} 
.chain_stay &gt; ul &gt; h4 {font-size:1.3em;color:#00aeef;}
.chain_stay &gt; ul &gt; h4 &gt; img {vertical-align:top;}
.chain_stay &gt; ul &gt; img {width:350px;box-shadow:0px 1px 5px 2px #ccc;}
.chain_stay &gt; ul &gt; img:hover {opacity:0.9;}
.chain_stay &gt; ul &gt; h2 {font-size:1.5em;margin:10px 0;}
.chain_stay &gt; ul &gt; p {padding-right:5px;}
.chain_stay &gt; ul &gt; p &gt; span {border-right:1px solid #505050;padding-right:5px;display:inline-block;line-height:1em;font-size:1.2em;margin-bottom:10px;}

.chain_stay &gt; ul &gt; li {display:table;margin-top:40px;width:535px}
.chain_stay &gt; ul &gt; li &gt; img {width:200px;float:left;box-shadow:0px 1px 5px 2px #ccc;}
.chain_stay &gt; ul &gt; li &gt; img:hover {opacity:0.9;}
.chain_stay &gt; ul &gt; li &gt; h2,
.chain_stay &gt; ul &gt; li &gt; p {float:left;width:50%;margin-left:10px;}
.chain_stay &gt; ul &gt; li &gt; h2 {font-size:1.5em;margin:20px 0;margin-left:10px}
.chain_stay &gt; ul &gt; li &gt; p &gt; span {border-right:1px solid #505050;padding-right:5px;display:inline-block;line-height:1em;font-size:1.2em;margin-bottom:10px;}


/*********吏���퀎 踰좎뒪�� �곹뭹*********/
#best_area {width:100%; margin:60px auto 0;overflow:hidden;background-color:#f5f5f5;}
/*#best_area &gt; h2 {font-size:2em;margin-bottom:10px;}*/
#best_pd {overflow:hidden;width:1100px;margin:auto;}
#best_pd &gt; dl {border:1px solid #00aeef; overflow:hidden;}
#best_pd &gt; dl &gt; dd {float:left;cursor:pointer;padding:10px;width:10%;text-align:center;font-size:1.5em;border-right:1px solid #00aeef;font-size:1.1em;}
#best_pd &gt; dl &gt; dd:last-child {border-right:none;}

.Best {color:#fff;background-color:#00aeef;}

/*吏���긽��*/
.area_product {width:1100px;margin:auto;}
/*吏���긽�� �쇰뵒�ㅻ쾭��*/
.area_product &gt; dl &gt; dd &gt; .r_btn {overflow:hidden;margin:20px 0;}
.area_product &gt; dl &gt; dd &gt; .r_btn &gt; li {float:left;margin-left:20px;}
.area_product &gt; dl &gt; dd &gt; .r_btn &gt; li &gt; input {width:15px;vertical-align:middle;background-color:#f5f5f5;}

/*吏���긽�� 由ъ뒪��*/
.zone_pdlist {}
.zone_pdlist &gt; ul {float:left;box-sizing:border-box;border:1px solid #ccc;margin-right:22px;margin-bottom:22px;background-color:#FFF;}
.zone_pdlist &gt; ul:nth-child(3n) {margin-right:0;}
.zone_pdlist &gt; ul &gt; li {box-shadow:0px 1px 5px 2px #ccc;}
.zone_pdlist &gt; ul &gt; li &gt; img {width:350px;}
.zone_pdlist &gt; ul &gt; li &gt; img:hover {opacity:0.9;}
.zone_pdlist &gt; ul &gt; li &gt; h4 {text-indent:10px;font-size:1.3em;}
.zone_pdlist &gt; ul &gt; li &gt; p {text-indent:10px; line-height:2em;}
.zone_pdlist &gt; ul &gt; li &gt; p.tprice {padding:15px 15px 20px 0;font-weight:bold;color:#00aeef;text-align:right;font-size:1.3em;}

/* �ㅽ궓 �됱긽 蹂�寃� */

	/* color 02 */
		/* �ㅻ뜑 寃��됱갹 */
		.layout_color_02 .wrap_search ul li.search_box { border-color: #00aeef; }
		.layout_color_02 .wrap_search ul li.search_box a { background-color: #00aeef; }
		
		/* gnb 留덉씠�ы뻾 */
		.layout_color_02 .wrap_gnb .gnb_depth_01 .my_tour a { color: #ffa907; }

		/* 硫붿씤 怨듭��ы빆 �붾낫湲� */
		.layout_color_02 .news_block .more i { color: #00aeef;}
		
		/* 硫붿씤 ���댄� */
		.layout_color_02 h2.title_main:before { background-color: #00aeef; }
		.layout_color_02 h2.title_left:before { background-color: #00aeef; }

		/* 硫붿씤 �곹뭹媛�寃� */
		.layout_color_02 .column_04 .desc_section li.price { color: #ffa907; }
		.layout_color_02 .column_02 .desc_section li.price { color: #ffa907; }
		.layout_color_02 .column_03 .desc_section li.price { color: #ffa907; }

		/* 硫붿씤 怨듭��ы빆 */
		.layout_color_02 #news_ticker li a:hover { color: #00aeef; }
		.layout_color_02 #fitFooter .notice li a:hover { color: #00aeef; }
		
		/* 硫붿씤 FAQ */
		.layout_color_02 #fitFooter .faq li:hover { background: #00aeef; border-color: #00aeef;}
		
		/* 硫붿씤 怨좉컼�쇳꽣 �꾪솕踰덊샇 */
		.layout_color_02 #fitFooter .contact_us .phone { color: #00aeef; }

		/* 硫붿씤 硫붿씪蹂대궡湲� 踰꾪듉 */
		.layout_color_02 #fitFooter .contact_us .btn_email { background: #00aeef; }
		.layout_color_02 #fitFooter .contact_us .btn_email:hover { background: #00BCD4; }

	/* color 03 */
		/* �ㅻ뜑 寃��됱갹 */
		.layout_color_03 .wrap_search ul li.search_box { border-color: #FF5722; }
		.layout_color_03 .wrap_search ul li.search_box a { background-color: #FF5722; }
		
		/* gnb 留덉씠�ы뻾 */
		.layout_color_03 .wrap_gnb .gnb_depth_01 .my_tour a { color: #ffa907; }

		/* 硫붿씤 怨듭��ы빆 �붾낫湲� */
		.layout_color_03 .news_block .more i { color: #FF5722;}
		
		/* 硫붿씤 ���댄� */
		.layout_color_03 h2.title_main:before { background-color: #FF5722; }
		.layout_color_03 h2.title_left:before { background-color: #FF5722; }

		/* 硫붿씤 �곹뭹媛�寃� */
		.layout_color_03 .column_04 .desc_section li.price { color: #00BCD4; }
		.layout_color_03 .column_02 .desc_section li.price { color: #00BCD4; }
		.layout_color_03 .column_03 .desc_section li.price { color: #00BCD4; }

		/* 硫붿씤 怨듭��ы빆 */
		.layout_color_03 #news_ticker li a:hover { color: #FF5722; }
		.layout_color_03 #fitFooter .notice li a:hover { color: #FF5722; }
		
		/* 硫붿씤 FAQ */
		.layout_color_03 #fitFooter .faq li:hover { background: #FF5722; border-color: #FF5722;}
		
		/* 硫붿씤 怨좉컼�쇳꽣 �꾪솕踰덊샇 */
		.layout_color_03 #fitFooter .contact_us .phone { color: #FF5722; }

		/* 硫붿씤 硫붿씪蹂대궡湲� 踰꾪듉 */
		.layout_color_03 #fitFooter .contact_us .btn_email { background: #FF5722; }
		.layout_color_03 #fitFooter .contact_us .btn_email:hover { background: #F44336; }</pre></body></html>