@charset "utf-8";

/* webfont */

/* Noto Sans CJK KR */

@font-face {
  font-family:'Noto Sans KR_L';
  src: url('../font/NotoSansKR-Light.eot'); /* IE9 Compat Modes */
  src: url('../font/NotoSansKR-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/NotoSansKR-Light.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/NotoSansKR-Light.woff') format('woff'), /* Pretty Modern Browsers */
       url('../font/NotoSansKR-Light.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  font-family:'Noto Sans KR_DL';
  src: url('../font/NotoSansKR-DemiLight.eot'); /* IE9 Compat Modes */
  src: url('../font/NotoSansKR-DemiLight.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/NotoSansKR-DemiLight.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/NotoSansKR-DemiLight.woff') format('woff'), /* Pretty Modern Browsers */
       url('../font/NotoSansKR-DemiLight.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  font-family:'Noto Sans KR_R';
  src: url('../font/NotoSansKR-regular.eot'); /* IE9 Compat Modes */
  src: url('../font/NotoSansKR-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/NotoSansKR-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/NotoSansKR-regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('../font/NotoSansKR-regular.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  font-family:'Noto Sans KR_M';
  src: url('../font/NotoSansKR-Medium.eot'); /* IE9 Compat Modes */
  src: url('../font/NotoSansKR-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/NotoSansKR-Medium.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/NotoSansKR-Medium.woff') format('woff'), /* Pretty Modern Browsers */
       url('../font/NotoSansKR-Medium.ttf')  format('truetype'); /* Safari, Android, iOS */
}


/* OpenSans */
@font-face {
  font-family:'OpenSans';
  src: url('../font/OpenSans-Regular.eot'); /* IE9 Compat Modes */
  src: url('../font/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/OpenSans-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('../font/OpenSans-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  font-family:'OpenSans_SB';
  src: url('../font/OpenSans-Semibold.eot'); /* IE9 Compat Modes */
  src: url('../font/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/OpenSans-Semibold.woff') format('woff'), /* Pretty Modern Browsers */
       url('../font/OpenSans-Semibold.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  font-family:'OpenSans_B';
  src: url('../font/OpenSans-Bold.eot'); /* IE9 Compat Modes */
  src: url('../font/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/OpenSans-Bold.woff') format('woff'), /* Pretty Modern Browsers */
       url('../font/OpenSans-Bold.ttf')  format('truetype'); /* Safari, Android, iOS */
}

/* common */
.blind,legend { overflow:hidden; position:absolute; top:-99em; left:0; width:1px; height:1px; font-size:0; line-height:0;white-space:nowrap;}
.inner {width: 1200px;margin:0 auto;position: relative; height: 100%;}

/* header */

.head_top {height: 49px;padding-top: 6px;/* background:#f2f2f2; *//* margin-top: 2px; */width: 1200px;margin: 0 auto;}
.head_top .inner { text-align:right;}
.head_top .tnb { display:inline-block; margin:0 -5px 0 0;}
.head_top .tnb:after { display:block; clear:both; content:'';}
.head_top .tnb li {float:left;/* font-size: 16px; */}
.head_top .tnb li a {display:inline-block;padding:5px;font-size: 14px;line-height:12px;color: #000;vertical-align:middle;}
.head_top .tnb li .bar { display:inline-block; margin:0 4px; font-size:11px; line-height:11px; color:#999; vertical-align:middle;}

.head_middle {height: 130px;background:#fff;}
.head_middle .inner {position:relative;height: 130px;text-align:center;width: 1200px;margin: 0 auto;}
.head_middle .head_banner { position:absolute; top:33px; left:5px; width:240px; height:60px; z-index:100;}
.head_banner .bx-wrapper { margin-bottom:0; box-shadow:none; -webkit-box-shadow:none; border:none; }
.head_banner .bx-wrapper .bx-pager { text-align:left; padding:0;}
.head_banner .bx-wrapper .bx-controls-auto, .head_banner .bx-wrapper .bx-pager { bottom:-11px;}
.head_banner .bx-wrapper .bx-pager.bx-default-pager a {width:7px;height:7px;margin:0 5px 0 0;background:#ddd;display: none;}

.head_banner .bx-wrapper .bx-pager.bx-default-pager a.active, 
.head_banner .bx-wrapper .bx-pager.bx-default-pager a:focus, 
.head_banner .bx-wrapper .bx-pager.bx-default-pager a:hover { background:#999;}

.top_slider li a { display:block;}
.top_slider {overflow:hidden;width: 235px;display: none;height: 76px;}

.head_middle h1.logo {float: left;margin-top: 51px;margin-left: 10px;}
.head_middle h1.logo a {display:inline-block;/* padding:5px; *//* margin-left:-34px; */}


.head_middle #hd_sch {/* position:absolute; *//* top: 115px; *//* left: 939px; *//* z-index:100; */float: left;margin-top: 50px;margin-left: 57px;}
.head_middle #hd_sch input#sch_str {width: 606px;height: 63px;padding: 0 50px 0 25px;line-height:41px;border: 2px solid #006D77;font-size:13px;color:#333;outline:none;border-radius: 32px;background: #f3f3f3;} 
.head_middle #hd_sch input#sch_str::-webkit-input-placeholder { 
 color: #999;
}/* Chrome/Opera/Safari */
.head_middle #hd_sch input#sch_str::-moz-placeholder { 
  color: #999;
}/* Firefox 19+ */
.head_middle #hd_sch input#sch_str:-ms-input-placeholder {
  color: #999;
}/* IE 10+ */
.head_middle #hd_sch input#sch_str:-moz-placeholder { 
  color: #999;
}/* Firefox 18- */

.head_middle #hd_sch .form_sch {}

.head_middle #hd_sch input#sch_submit {/* position:absolute; *//* top:2px; *//* right:2px; *//* display:inline-block; */width:41px;height:41px;background:transparent url(../img/icon_search_on.png) no-repeat center center;font-size:0;border:0;box-shadow:none;outline:none;cursor:pointer;margin-left: -55px;}

.tooltip {
			position: relative;
			display: inline-block;
			margin: auto;
            height:20px;
		}
		.tooltip .tooltip-content {
			visibility: hidden;
			background-color: #004855;
			padding: 0;
			padding-left: 5px;
			padding-right: 5px;
			border-radius: 5px;
			font-size: 12px;
			color: white;
			text-align: center;
			position: absolute;
			z-index: 1;
			bottom: -300%;
			left: 50%;
			margin-left: -110px;
		}
		.tooltip .tooltip-content::after {
			/*content: " ";
			position: absolute;
			top: -35%;
			left: 50%;
			margin-left: -8px;
			border-width: 8px;
			border-style: solid;
			border-color: transparent transparent #004855 transparent;*/
		}
		.tooltip:hover .tooltip-content { visibility: visible; }
/*
.my_order_list { position:absolute; top:30px; right:0; z-index:100;}

.my_order_list:after { display:block; clear:both; content:'';}
.my_order_list li { position:relative; float:left; width:71px; height:60px; border-left:1px solid #f2f2f2; border-right:1px solid #f2f2f2;}
.my_order_list li.my_page { background:#fff url(../img/icon_order_01.png) no-repeat center 7px;}
.my_order_list li.my_cart { margin-left:-1px; background:#fff url(../img/icon_order_02.png) no-repeat 47% 7px;}
.my_order_list li.my_cart .num_cart { position:absolute; top:5px; right:13px; height:15px; display:inline-block; padding:0 5px; background:#fcb813; border-radius:10px; z-index:10; text-align:center;}
.my_order_list li.my_cart .num_cart span { display:inline-block; line-height:14px; color:#fff !important; font-size:10px;}
.my_order_list li.my_design { margin-left:-1px; background:#fff url(../img/icon_order_03.png) no-repeat center 9px;}
 
.my_order_list li.my_page:hover { 
	background:#fff url(../img/icon_order_01_on.png) no-repeat center 7px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.my_order_list li.my_cart:hover { 
	background:#fff url(../img/icon_order_02_on.png) no-repeat 47% 7px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.my_order_list li.my_design:hover { 
	background:#fff url(../img/icon_order_03_on.png) no-repeat center 9px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.my_order_list li a { display:block; height:60px; padding-top:42px; font-size:11px; line-height:11px; color:#999;}
.my_order_list li:hover>a { 
	color:#00adee;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}*/


.head_bottom {height: 51px;background:#fff;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;}
.head_bottom .inner { position:relative;} 
.head_bottom #gnb {position:relative;width: 1200px;margin: 0 auto;}
.head_bottom #gnb:after { display:block; clear:both; content:'';}
.head_bottom #gnb>.inner>ul {position:absolute;top:0;left: 0px;z-index:1005;}
.head_bottom #gnb>.inner>ul:after { display:block; clear:both; content:'';}
.head_bottom #gnb>.inner>ul>li { position:relative; float:left; }
.head_bottom #gnb>.inner>ul>li:first-child { width:75px;display:none}
.head_bottom #gnb>.inner>ul>li:nth-child(2) {width: 84px;}
.head_bottom #gnb>.inner>ul>li:nth-child(3) {width: 91px;}
.head_bottom #gnb>.inner>ul>li:nth-child(4) {width: 100px;}
.head_bottom #gnb>.inner>ul>li:nth-child(5) {width: 125px;}
.head_bottom #gnb>.inner>ul>li:nth-child(6) {width: 175px;}
.head_bottom #gnb>.inner>ul>li:nth-child(7) {width: 91px;/* display:none */}
.head_bottom #gnb>.inner>ul>li:nth-child(8) {width: 73px;}
.head_bottom #gnb>.inner>ul>li:nth-child(9) {width: 123px;}
.head_bottom #gnb>.inner>ul>li:nth-child(10) {width: 116px;}
.head_bottom #gnb>.inner>ul>li:nth-child(11) {width: 70px;}
.head_bottom #gnb>.inner>ul>li:nth-child(12) {width: 74px;}

/*.head_bottom #gnb>.inner>ul>li:hover>a{ 
	height:60px;
	border-bottom:3px solid #00adee;
}*/


.head_bottom #gnb>.inner>ul>li>a { display:block; height:60px; padding-top:14px; font-size:15px; line-height:31px; color:#333; text-align:center;}
.head_bottom #gnb>.inner>ul>li.active>a, 
.head_bottom #gnb>.inner>ul>li>a:hover { 
	color:#00adee; 
}

.head_bottom #gnb>.inner>ul>li:first-child>a { text-align:left;}
.head_bottom #gnb>.inner>ul>li:nth-child(11)>a { /*text-align:right;*/}

.head_bottom #gnb .submenu { display:none; position:absolute; top:59px; left:0; right:0; width:100%; height:390px; background:#fff;  box-shadow:2px 2px 3px rgba(0,0,0,0.1); z-index:1000;}
.head_bottom #gnb .submenu.on { display:block;}

.head_bottom #gnb>.inner>ul>li .wrap_ul { display:none; position:absolute; top:59px; left:-20px; width:450px; height:305px; padding:0 15px 15px 0;background:#fff; border:1px solid #f2f2f2; border-top:0;}
.head_bottom #gnb>.inner>ul>li .wrap_ul.on { display:block;}
.head_bottom #gnb>.inner>ul>li .wrap_ul:after { display:block; clear:both; content:'';}
.head_bottom #gnb>.inner>ul>li .img_ul { float:right; margin-top:-1px;}

.head_bottom #gnb>.inner>ul>li ul {display:none;position:absolute;top:59px;left: -25px;float:left;width:133px;padding:0 20px;}
.head_bottom #gnb>.inner>ul>li ul.on { display:block;}

.head_bottom #gnb>.inner>ul>li ul>li>a { display:block; height:35px; font-size:13px; line-height:34px; color:#666; text-align:center;font-family:'Noto Sans KR_L'; border-bottom:1px solid #f2f2f2;}
.head_bottom #gnb>.inner>ul>li:hover ul>li>a { 
	color:#333;
}
.head_bottom #gnb>.inner>ul>li ul>li>a:first-child { height:32px; line-height:31px;}
.head_bottom #gnb>.inner>ul>li ul>li>a:hover { 
	color:#00adee;  
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.head_bottom #gnb>.inner>ul>li:nth-child(3) .wrap_ul,
.head_bottom #gnb>.inner>ul>li:nth-child(3) ul { left:-17px;}

.head_bottom #gnb>.inner>ul>li:nth-child(4) .wrap_ul,
.head_bottom #gnb>.inner>ul>li:nth-child(4) ul { left:-14px;height:365px}

.head_bottom #gnb>.inner>ul>li:nth-child(5) .wrap_ul,
.head_bottom #gnb>.inner>ul>li:nth-child(5) ul { left:-6px;height:425px}

.head_bottom #gnb>.inner>ul>li:nth-child(6) .wrap_ul,
.head_bottom #gnb>.inner>ul>li:nth-child(6) ul {left: 20px;}

.head_bottom #gnb>.inner>ul>li:nth-child(7) .wrap_ul,
.head_bottom #gnb>.inner>ul>li:nth-child(7) ul {left: -22px;}

.head_bottom #gnb>.inner>ul>li:nth-child(8) .wrap_ul,
.head_bottom #gnb>.inner>ul>li:nth-child(8) ul {left: -28px;}

.head_bottom #gnb>.inner>ul>li:nth-child(9) .wrap_ul,
.head_bottom #gnb>.inner>ul>li:nth-child(9) ul {left: -5px;}

.head_bottom #gnb>.inner>ul>li:nth-child(10) .wrap_ul,
.head_bottom #gnb>.inner>ul>li:nth-child(10) ul { left:-6px;}

.head_bottom #gnb>.inner>ul>li:nth-child(5) .wrap_ul,
.head_bottom #gnb>.inner>ul>li:nth-child(5) ul { left:-6px;height: 370px;}
/*fixed head*/
#header .head_bottom.fixed_head { z-index:9999; position:fixed; left:0; top:0; width:100%; box-shadow:2px 2px 3px rgba(0,0,0,0.1);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;}


/* container */
.main_banner { display:block; max-width:1920px; margin:0 auto; text-align:center;}
.main_banner .bx-wrapper { margin-bottom:0; box-shadow:none; -webkit-box-shadow:none; border:none; }
.main_banner .bx-wrapper .bx-pager { padding:0;}
.main_banner .bx-wrapper .bx-controls-auto, .main_banner .bx-wrapper .bx-pager { bottom:25px;}
.main_banner .bx-wrapper .bx-pager.bx-default-pager a { width:12px; height:12px; margin:0 5px; background:#ccc;}

.main_banner .bx-wrapper .bx-pager.bx-default-pager a.active, 
.main_banner .bx-wrapper .bx-pager.bx-default-pager a:focus, 
.main_banner .bx-wrapper .bx-pager.bx-default-pager a:hover { background:#888;}

.main_banner .bx-wrapper .bx-controls-direction a { width:50px; height:50px; margin-top: -25px; }
.main_banner .bx-wrapper .bx-prev { left:50%; margin-left:-630px; background:url(../img/btn_banner_left_o.png) no-repeat 0 0;}
.main_banner .bx-wrapper .bx-next { right:50%; margin-right:-630px; background:url(../img/btn_banner_rgt_o.png) no-repeat 0 0;}

.main_banner .bx-wrapper:hover .bx-prev { 
	background:url(../img/btn_banner_left.png) no-repeat 0 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	}
.main_banner .bx-wrapper:hover .bx-next { 
	background:url(../img/btn_banner_rgt.png) no-repeat 0 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

/*new-container */
.n-main_banner {width: 100%;margin:0 auto;text-align:center;position: relative;height: auto;}
.n-main_banner .bx-wrapper { margin-bottom:0; box-shadow:none; -webkit-box-shadow:none; border:none; }
.n-main_banner .bx-wrapper .bx-pager { padding:0;}
.n-main_banner .bx-wrapper .bx-controls-auto, .n-main_banner .bx-wrapper .bx-pager {width: 1200px;position: absolute;left: 45%;bottom: 20px;}
.n-main_banner .bx-wrapper .bx-pager.bx-default-pager a {width:12px;height:12px;margin:0 5px;background: rgba(255,255,255,0.7);float: left;border-radius:50%;font-size: 0;}

.n-main_banner .bx-wrapper .bx-pager.bx-default-pager a.active, 
.n-main_banner .bx-wrapper .bx-pager.bx-default-pager a:focus, 
.n-main_banner .bx-wrapper .bx-pager.bx-default-pager a:hover {background: #fff;}

.n-main_banner .bx-wrapper .bx-controls-direction a {width:50px;height:50px;/* margin-top: -321px; */position: absolute;top: 50%;}
.n-main_banner .bx-wrapper .bx-prev {left:50%;margin-left:-630px;background:url(../img/btn_banner_left_o.png) no-repeat 0 0;font-size: 0;}
.n-main_banner .bx-wrapper .bx-next {right:50%;margin-right:-630px;background:url(../img/btn_banner_rgt_o.png) no-repeat 0 0;/* text-decoration-color: red; */font-size: 0;}



/*m-container */
.m-main_banner { max-width:800px; margin:0 auto; text-align:center;}
.m-main_banner .bx-wrapper { margin-bottom:0; box-shadow:none; -webkit-box-shadow:none; border:none; }
.m-main_banner .bx-wrapper .bx-pager { padding:0;}
.m-main_banner .bx-wrapper .bx-controls-auto, .m-main_banner .bx-wrapper .bx-pager { bottom:25px;}
.m-main_banner .bx-wrapper .bx-pager.bx-default-pager a { width:12px; height:12px; margin:0 5px; background:#ccc;}

.m-main_banner .bx-wrapper .bx-pager.bx-default-pager a.active, 
.m-main_banner .bx-wrapper .bx-pager.bx-default-pager a:focus, 
.m-main_banner .bx-wrapper .bx-pager.bx-default-pager a:hover { background:#888;}

.m-main_banner .bx-wrapper .bx-controls-direction a { width:50px; height:50px; margin-top: -25px; }
.m-main_banner .bx-wrapper .bx-prev { left:50%; margin-left:-630px; background:url(../img/btn_banner_left_o.png) no-repeat 0 0;}
.m-main_banner .bx-wrapper .bx-next { right:50%; margin-right:-630px; background:url(../img/btn_banner_rgt_o.png) no-repeat 0 0;}

.m-main_banner .bx-wrapper:hover .bx-prev { 
	display:none;
	background:url(../img/btn_banner_left.png) no-repeat 0 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	}
.m-main_banner .bx-wrapper:hover .bx-next { 
	display:none;
	background:url(../img/btn_banner_rgt.png) no-repeat 0 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}


section.best {padding-top: 30px;}

section.best h2 { text-align:center; font-weight:normal;}
section.best .explain { display:block; padding-bottom:10px; font-size:14px;line-height:14px; color:#999;}
section.best .heading { display:inline-block; padding-top:8px; font-size:24px;line-height:24px; color:#333; font-family:'OpenSans_SB'; border-top:1px solid #ddd;}
section.best .blue { padding-right:8px; color:#73c8f3;}

section.best ul.best_big { margin:30px 0 0 -20px;}
section.best ul.best_big:after { display:block; clear:both; content:'';}
section.best ul.best_big li { float:left; margin:0 0 20px 20px;}
section.best ul.best_big li a { position:relative; display:block;}
section.best ul.best_big li .txt_layer { opacity:0; position:absolute; bottom:0; left:0; right:0; width:100%; height:80px; padding:15px 30px; background:rgba(51,51,51,0.9);}
section.best ul.best_big li .txt_layer:after { display:block; clear:both; content:'';}

section.best ul.best_big li .txt_layer p { font-size:14px; line-height:22px; color:#fff;}
section.best ul.best_big li .txt_layer .cate { display:block; font-size:12px;}
section.best ul.best_big li .txt_layer .name { float:left;}
section.best ul.best_big li .txt_layer .cost { float:right;}

section.best ul.best_big li:hover .txt_layer { opacity:1;}

section.best ul.best_big li.img_short .txt_layer { top:0; height:180px; text-align:center;}
section.best ul.best_big li.img_short .txt_layer .txt_center { position:absolute; top:50%; left:50%; margin-top:-35px; margin-left:-37px;}
section.best ul.best_big li.img_short .txt_layer .name { display:block; float:none; margin-bottom:5px;}
section.best ul.best_big li.img_short .txt_layer .cost { display:block; float:none;}

section.best ul.best_small { margin:0 0 0 -20px;}
section.best ul.best_small:after { display:block; clear:both; content:'';}
section.best ul.best_small li { float:left; margin:0 0 20px 20px;}
section.best ul.best_small li a { position:relative; display:block;}
section.best ul.best_small li .txt_layer { opacity:0; position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:180px; padding:15px 30px; background:rgba(51,51,51,0.9); text-align:center;}
section.best ul.best_small li .txt_layer .txt_center { position:absolute; top:50%; left:0; margin-top:-35px;width:100%}
section.best ul.best_small li .txt_layer p { font-size:14px; line-height:22px; color:#fff;}
section.best ul.best_small li .txt_layer .cate { display:block; font-size:12px;}
section.best ul.best_small li .txt_layer .name { display:block; float:none; margin-bottom:5px;}
section.best ul.best_small li .txt_layer .cost { display:block; float:none;}
section.best ul.best_small li:hover .txt_layer { opacity:1;}


section.best ul.best_long {/* margin:0 0 0 -20px; */width: 1200px;margin: 0 auto;}
section.best ul.best_long:after { display:block; clear:both; content:'';}
section.best ul.best_long li {float:left;margin:0 0 20px 20px;/* width: 1200px; */margin: 0 auto;margin-top: 20px;}
section.best ul.best_long li:nth-child(2) {margin-right: 10px;margin-left: 16px;}
section.best ul.best_long li:nth-child(3){float: right;} 
section.best ul.best_long li:nth-child(1){float: left} 
section.best ul.best_long li .items{width: 390px;height: 74px;background:#f3f3f3;}
section.best ul.best_long li .items h1{font-size: 16px;padding-top: 10px;padding-left: 10px;font-weight: bold;}
section.best ul.best_long li .items p{font-size: 16px;padding-top: 10px;padding-left: 10px;font-weight: normal;float: left;display: none;}
section.best ul.best_long li .items h2{font-size: 16px;float: right;padding-right: 10px;font-weight: bold;padding-top: 10px;text-align: right;}



section.best ul.best_long li a { position:relative; display:block;}
section.best ul.best_long li .txt_layer { opacity:0; position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:105px; padding:15px 30px; background:rgba(51,51,51,0.7); text-align:center;}
section.best ul.best_long li .txt_layer .txt_center { /*position:absolute; top:50%; left:50%; */margin-top:12px; /*margin-left:-37px;*/display:inline-block}
section.best ul.best_long li .txt_layer p { font-size:14px; line-height:22px; color:#fff;}
section.best ul.best_long li .txt_layer .cate { display:block; font-size:12px;}
section.best ul.best_long li .txt_layer .name { display:block; float:none; margin-bottom:5px;}
section.best ul.best_long li .txt_layer .cost { display:block; float:none;}
section.best ul.best_long li:hover .txt_layer { opacity:1;}

section.new {width: 100%; height: 290px; position: relative; background: url(../img/dadamoa_content_bg.jpg) repeat center center;}
section.new h2 {font-weight:normal;background: #f3f3f3;width: 184px;padding-left: 39px;padding-top: 52.5px;float: left;}
section.new .explain {display:block;padding-bottom:10px;font-size: 24px;line-height:14px;color: #000;/* font-weight: bold; */}
section.new .heading {display:inline-block;padding-top:8px;font-size: 14px;line-height:24px;color:#333;font-family:'OpenSans_SB';border-top: 1px solid #000;cursor: pointer;padding-bottom: 17px;}
section.new .yellow {padding-right:8px;/* color:#fcb813; */font-size: 24px;font-weight: bold;}
section.new b{font-size: 20px;font-weight: normal;background: #004855;color:#fff;line-height:45px;border-radius:20px;padding: 4px 10px 4px 10px;}

.new_slider { height:370px; margin-left:3px;}
.new_slider:after { display:block; clear:both; content:'';}
.new_slider li {position:relative;float:left;width: 237px !important;height: 237px;padding:15px;text-align:center;/* border-left:1px solid #f2f2f2; */margin-left:-1px;/* border-right:1px solid #f2f2f2; */background:#fff;z-index:2000;margin-right: 6px;white-space: nowrap;}
.new_slider li .img { position:relative; font-size:0; margin-bottom:10px;}
.new_slider li:hover .hover { position:absolute; top:0; left:0; right:0; bottom:0; border:5px solid #ffd674;}
.new_slider li .cate { font-size:12px; color:#999; line-height:22px;}
.new_slider li .name { font-size:14px; color:#666; line-height:22px;}
.new_slider li .cost { margin-top:10px; font-size:14px; color:#fcb813; line-height:12px;}

.new .bx-wrapper {margin-bottom:0;box-shadow:none;-webkit-box-shadow:none;border:none;float: left;margin-left: 31px;margin-top: -40px;background: #fff;position: absolute;top: -5px;}
.new .bx-wrapper .bx-pager { padding:0; display:none;}
.new .bx-wrapper .bx-controls-direction a {/* display:none; */width:50px;height:70px;margin-top: -157px;/* border:1px solid #f2f2f2; */font-size: 0;}
.new .bx-wrapper .bx-prev {left: -21px;background:url(../img/btn_new_left.png) no-repeat center center;z-index:1000;/* display: none !important; */position: absolute;}
.new .bx-wrapper .bx-next {right: -21px;background:url(../img/btn_new_rgt.png) no-repeat center center;z-index:1000;/* display: none !important; */position: absolute;}

.new:hover .bx-controls-direction a { display:block;}

section.middle_banner { display:block; max-width:1920px; margin:100px auto 0; text-align:center;overflow:hidden}
.middle_slider li img { max-width:100%; height:auto;}

section.product { margin-top:100px;}
.product_tab { margin-bottom:30px;}
.product_tab:after { display:block; clear:both; content:'';}
.product_tab li { float:left; width:169px; height:50px; margin-left:-1px; border:1px solid #e7e7e7;}
.product_tab li:first-child { width:169px; margin-left:0;}
.product_tab li:nth-child(5),
.product_tab li:nth-child(6),
.product_tab li:nth-child(7) { width:170px;}
.product_tab li a { display:block; font-size:15px; line-height:50px; color:#999; text-align:center;}
.product_tab li.active { position:relative; border:1px solid #4cc5f3; z-index:100;}
.product_tab li.active a { color:#00adee;}

.tab_cont { display:none;}
.tab_cont.active { display:block;}
.tab_cont .square { margin:0 0 0 -20px;}
.tab_cont .square:after { display:block; clear:both; content:'';}
.tab_cont .square li { float:left; margin:0 0 20px 20px;}
.tab_cont .square li a { position:relative; display:block;}
.tab_cont .square li .txt_layer { opacity:0; position:absolute; bottom:0; left:0; right:0; width:100%; height:80px; padding:15px 30px; background:rgba(51,51,51,0.7);}
.tab_cont .square li .txt_layer:after { display:block; clear:both; content:'';}
.tab_cont .square li .txt_layer p { font-size:14px; line-height:22px; color:#fff;}
.tab_cont .square li .txt_layer .cate { display:block; font-size:14px;}
.tab_cont .square li .txt_layer .name { float:left;}
.tab_cont .square li .txt_layer .cost { float:right;}
.tab_cont .square li:hover .txt_layer { opacity:1;}

.tab_cont2 .oblong { margin:0 0 0 -20px;}
.tab_cont2 .oblong:after { display:block; clear:both; content:'';}
.tab_cont2 .oblong li { float:left; margin:0 0 20px 20px;}
.tab_cont2 .oblong li a { position:relative; display:block;}
.tab_cont2 .oblong li .txt_layer { opacity:0; position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:105px; padding:15px 30px; background:rgba(51,51,51,0.7); text-align:center;}
.tab_cont2 .oblong li .txt_layer .txt_center { position:absolute; top:50%; left:50%; margin-top:-35px; margin-left:-37px;}
.tab_cont2 .oblong li .txt_layer p { font-size:14px; line-height:22px; color:#fff;}
.tab_cont2 .oblong li .txt_layer .cate { display:block; font-size:12px;}
.tab_cont2 .oblong li .txt_layer .name { display:block; float:none; margin-bottom:5px;margin-top:10px}
.tab_cont2 .oblong li .txt_layer .cost { display:block; float:none;}
.tab_cont2 .oblong li:hover .txt_layer { opacity:1;}




#goto_top {position:fixed;bottom:60px;right:50%;margin-right:-728px;width:50px;height:50px;background:url('../img/icon_gotop.png') no-repeat center center;z-index:500;background-color: rgba(0,0,0,0.4);border-radius: 50%;}
.dno{display:none}
/*#goto_top:hover { background:url('../img/icon_gotop_on.png') no-repeat center center;	*/
/*	-webkit-transition: all 0.5s ease;*/
/*	-moz-transition: all 0.5s ease;*/
/*	-o-transition: all 0.5s ease;*/
/*	transition: all 0.5s ease;}*/


section.customer {margin: 0px 0 36px;} 
section.customer .inner:after { display:block; clear:both; content:'';}
section.customer .review { position:relative; float:left; width:350px; height:200px; padding:20px; border:1px solid #ddd;}
section.customer .review .heading { padding-bottom:15px; border-bottom:1px solid #ddd; font-size:16px; line-height:16px; color:#333; font-family:'Noto Sans KR_M';}
section.customer .review ul { margin-top:15px;}
section.customer .review ul li { margin:2px 0;}
section.customer .review ul li:after { display:block; clear:both; content:'';} 
section.customer .review .title { float:left;}
section.customer .review a .title {color:#666}
section.customer .review .title a { display:inline-block; color:#666; font-size:12px; line-height:20px; vertical-align:middle;}
section.customer .review .title .icon_title { display:inline-block; width:15px; height:20px; background:url('../img/icon_dot.png') no-repeat 0 center; vertical-align:middle;}
section.customer .review .date { float:right; color:#999; font-size:12px; line-height:20px; vertical-align:middle;}
section.customer .review .more_view { position:absolute; top:17px; right:17px; display:inline-block; width:18px; height:18px; background:url('../img/icon_moreview.png') no-repeat center center; z-index:10;}

section.customer .faq { position:relative; float:left; width:290px; height:200px; margin-left:-1px; padding:20px; border:1px solid #ddd;}
section.customer .faq .heading { padding-bottom:15px; border-bottom:1px solid #ddd; font-size:16px; line-height:16px; color:#333; font-family:'OpenSans_SB';}
section.customer .faq ul { margin-top:15px;}
section.customer .faq ul li { margin:2px 0;}
section.customer .faq ul li:after { display:block; clear:both; content:'';} 
section.customer .faq .title { float:left;}
section.customer .faq .title a { display:inline-block; color:#666; font-size:12px; line-height:20px; vertical-align:middle;}
section.customer .faq .title .icon_title { display:inline-block; width:15px; height:20px; background:url('../img/icon_dot.png') no-repeat 0 center; vertical-align:middle;}
section.customer .faq .more_view { position:absolute; top:17px; right:17px; display:inline-block; width:18px; height:18px; background:url('../img/icon_moreview.png') no-repeat center center; z-index:10;}

section.customer .custom_center { float:left; width:281px; height:200px; padding:20px 20px 20px 30px; margin-left:-1px; border:1px solid #ddd;}

section.customer .custom_center h3 { margin-bottom:15px; font-family:'Noto Sans KR_R'; font-weight:normal; font-size:16px; line-height:16px; color:#333;}
section.customer .custom_center .tel { margin-bottom:10px; font-family:'OpenSans_SB'; color:#73c8f3; font-size:30px; line-height:30px;}
section.customer .custom_center .opentime { font-size:12px; line-height:18px; color:#999;}
section.customer .custom_center .kakao { margin-top:15px;}
section.customer .custom_center .label { color:#3c1e1e; font-size:14px; line-height:16px; vertical-align:middle;}
section.customer .custom_center .label img { margin-left:3px; margin-bottom:2px; vertical-align:middle;}
section.customer .custom_center .data { margin-top:5px; font-family:'OpenSans'; font-size:14px; line-height:14px; color:#666;}

section.customer .contact { float:left; width:262px; height:200px; margin-left:-1px; padding:24px 30px 0 30px; border:1px solid #ddd;}
section.customer .contact div { margin-bottom:20px;}  
section.customer .contact .label { font-size:12px; line-height:14px; vertical-align:middle; color:#999;}
section.customer .contact .label img { margin-right:5px; margin-bottom:2px; vertical-align:middle;}
section.customer .contact .data { margin-top:10px; font-family:'OpenSans'; font-size:12px; line-height:12px; color:#333;}
section.customer .contact .bank_num {  margin-top:5px; font-family:'OpenSans_SB'; font-size:18px; line-height:18px; color:#333;} 

#foot {height: 232px;/* border-top:2px solid #73c8f3; */}
#foot .foot_top {height: 45px;border-bottom: 3px solid #006D77;}
#foot .foot_top .inner:after { display:block; clear:both; content:'';}
#foot .foot_top ul.co_link {/* float:left; */margin-top:10px;margin-left:-3px;width: 1200px;margin: 0 auto;font-size: 16px;}
#foot .foot_top ul.co_link:after { display:block; clear:both; content:'';}
#foot .foot_top ul.co_link li { float:left;}
#foot .foot_top ul.co_link li a {padding:3px;font-size: 16px;color:#666;line-height: 38px;vertical-align:middle;padding-right: 51px;}
#foot .foot_top ul.co_link li .bar { display:inline-block; margin:0 11px; font-size:11px; color:#ccc; line-height:11px; vertical-align:middle;}

#foot .foot_bottom {
    width: 1200px;
    margin: 0 auto;
}
#foot .foot_bottom .inner { padding-top:25px;}
#foot .foot_bottom .logo_footer {float:left;/* margin:14px 40px 0 0; */line-height: 32px;}
#foot .foot_bottom .logo_footer a { display:block;}
#foot .foot_bottom .co_info p {font-size: 16px;line-height: 21px;color:#666;vertical-align:middle;/* float: right; */}
#foot .foot_bottom .co_info p .foot_txt { display:inline-block; font-size:11px; line-height:20px; color:#666; vertical-align:middle;}
#foot .foot_bottom .co_info p .bar { display:inline-block; margin:0 5px; font-size:10px; line-height:20px; color:#666; vertical-align:middle;}
#foot .foot_bottom .co_info p.copy { font-family:'OpenSans';}

.btn_file2 {cursor:pointer}
.select_ga {position:fixed;top:95px;display:none;left:50%;margin-left:-545px;width: 1090px;background:#fff;z-index:9999;border:1px solid #efefef;}
.select_top {width:1020px;height:80px;border-bottom:2px solid #bbb;margin:20px auto 10px}
.select_top .ga_top {float:left;width:500px}
.select_top .ga_x {cursor:pointer;float:right;width:40px}
.select_body {width: 1020px;height:640px;margin:0 auto;padding-top:20px;}
.select_body li {float:left;margin-right:20px;padding-bottom:20px;cursor:pointer;}
.select_body li img {width:240px}
.select_body li.last {margin:0;}
/*
@media screen and (min-width:1921px) {
  aside.event_banner { margin-left:-960px;}
  aside.quick_menu { margin-right:-960px;}
  #goto_top { margin-right:-943px;}
}
@media screen and (min-width:1601px) and (max-width:1920px) {
  aside.event_banner { margin-left:-790px;}
  aside.quick_menu { margin-right:-745px;}
  #goto_top { margin-right:-728px;}
}

@media screen and (min-width:1441px) and (max-width:1600px) {
	aside.event_banner { margin-left:-760px;}
	aside.quick_menu { margin-right:-715px;}
	#goto_top { margin-right:-698px;}
}

@media screen and (min-width:1180px) and (max-width:1440px) {
	aside.event_banner { margin-left:-730px;}
	aside.quick_menu { margin-right:-685px;}
	#goto_top { margin-right:-668px;}
}*/
section.best ul.best_big li img {width:380px}
section.best ul.best_small li img {width:180px}
section.best ul.best_long li img {width: 390px;}
.customer .inner2 {display:none}
.m_icon {display:none}
.m_menu {width:30px;}
.m_sch {width:30px;}
.m_cart {width:30px;}

.m_menu_con {display:none}

.m_cart2 {display:none}

.logo_pc {display:block}
.logo_mo {display:none}

.logo_cart {display:block}
.logo_mobile {display:none}

	.baesong_m1 {display:none}
	.baesong_m2 {display:none}

.baesong a {text-decoration:underline}
.pay_info_table a {text-decoration:underline}

.m_visib2 {display:none}
.m_visib1 {display:block}

.cate_img {display:none;width:300px;height:278px;position:absolute;top:0;left:134px}
.onq .cate_img {display:block}
/*
@media ( max-width: 1240px ) {
	aside.event_banner {display:none}
	aside.quick_menu {display:none}
	body {min-width:320px}
	#header {width:100%}
	.head_top {display:none}
	.head_middle {height:67px}
	.head_middle .head_banner {display:none}
	.head_middle #hd_sch {display:none}
	.head_middle .inner {height:67px}
	.head_middle h1.logo {top:10px}
	.inner {width:100%;overflow:hidden}
	.head_bottom .inner {height:60px}
	.m_icon {display:block;margin-top:20px}

	section.best {padding-top:30px}
	section.best ul.best_big {margin:30px 0 0 0}
	section.best ul.best_big li {float:left;margin:0 1% 2% 1%;width:23%}
	section.best ul.best_big:after { display:block; clear:none; content:'';}
	section.best ul.best_big li img {width:100%}
	section.best ul.best_big li.img_short {display:none}
	section.best ul.best_big li .txt_layer { opacity:1; position:relative; width:100%; height:80px; padding:15px 30px; background:none;text-align:center}
	section.best ul.best_big li .txt_layer p { font-size:14px; line-height:22px; color:#333;display:inline-block}
	section.best ul.best_big li .txt_layer p.name {display:none}
	section.best ul.best_big li .txt_layer p.cost {float:none}

	section.best ul.best_small {margin:0}
	section.best ul.best_small li {float:left;margin:0 1% 2% 1%;width:23%}
	section.best ul.best_small li img {width:100%}
	section.best ul.best_small li .txt_layer { opacity:1; position:relative; width:100%; height:80px; padding:15px 30px; background:none;text-align:center}
	section.best ul.best_small li .txt_layer .txt_center { position:relative; top:0; left:0; margin:0}
	section.best ul.best_small li .txt_layer p { font-size:14px; line-height:22px; color:#333;display:inline-block;margin:0}
	section.best ul.best_small li .txt_layer p.name {margin:0}
	section.best ul.best_small li .txt_layer p.cate {display:none}
	section.best ul.best_small li .txt_layer p.cost {float:none}
	section.best ul.best_small:after { display:block; clear:both; content:'';}

	section.best ul.best_long {margin:0}
	section.best ul.best_long li {margin:0 1% 2% 1%;width:48%}
	section.best ul.best_long li img {width:100%}
	section.best ul.best_long li .txt_layer { opacity:1; position:relative; width:100%; height:80px; padding:15px 30px; background:none;text-align:center}
	section.best ul.best_long li .txt_layer .txt_center { position:relative; top:0; left:0; margin:0}
	section.best ul.best_long li .txt_layer p { font-size:14px; line-height:22px; color:#333;display:inline-block;margin:0}
	section.best ul.best_long li .txt_layer p.name {margin:0}
	section.best ul.best_long li .txt_layer p.cate {display:none}
	section.best ul.best_long li .txt_layer p.cost {float:none}
	section.best ul.best_long:after { display:block; clear:both; content:'';}
	
	section.new {padding-top:30px}
	section.product {display:none}

	.middle_slider li img { max-width:140%; height:auto;margin-left:-20%}

	.customer .inner {display:none}
	.customer .inner2 {display:block}
	section.customer .custom_center { float:left; width:33%; height:200px; padding:20px 20px 20px 30px; margin-left:-1px; border:0px solid #ddd;}

	section.customer .custom_center h3 { margin-bottom:15px; font-family:'Noto Sans KR_R'; font-weight:normal; font-size:16px; line-height:16px; color:#333;}
	section.customer .custom_center .tel { margin-bottom:10px; font-family:'OpenSans_SB'; color:#73c8f3; font-size:25px; line-height:30px;}
	section.customer .custom_center .opentime { font-size:12px; line-height:18px; color:#999;}
	section.customer .custom_center .kakao { margin-top:15px;}
	section.customer .custom_center .label { color:#3c1e1e; font-size:14px; line-height:16px; vertical-align:middle;}
	section.customer .custom_center .label img { margin-left:3px; margin-bottom:2px; vertical-align:middle;}
	section.customer .custom_center .data { margin-top:5px; font-family:'OpenSans'; font-size:14px; line-height:14px; color:#666;}

	section.customer .kakao_cus { float:left; width:34%; height:200px; padding:20px 20px 20px 30px; margin-left:-1px; border-right:1px solid #ddd;border-left:1px solid #ddd}
	section.customer .kakao_cus div { margin-bottom:20px;}
	section.customer .kakao_cus .kakao .label { margin-bottom:15px; font-family:'Noto Sans KR_R'; font-weight:normal; font-size:16px; line-height:16px; color:#333;}
	section.customer .kakao_cus .label { font-size:12px; line-height:14px; vertical-align:middle; color:#999;}
	section.customer .kakao_cus .label img { margin-right:5px; margin-bottom:2px; vertical-align:middle;}
	section.customer .kakao_cus .data { margin-top:10px; font-family:'OpenSans'; font-size:12px; line-height:12px; color:#333;}

	section.customer .contact { float:left; width:33%; height:200px; margin-left:-1px; padding:24px 30px 0 30px; border:0px solid #ddd;}
	section.customer .contact div { margin-bottom:20px;}  
	section.customer .contact .label { font-size:12px; line-height:14px; vertical-align:middle; color:#999;}
	section.customer .contact .label img { margin-right:5px; margin-bottom:2px; vertical-align:middle;}
	section.customer .contact .data { margin-top:10px; font-family:'OpenSans'; font-size:12px; line-height:12px; color:#333;}
	section.customer .contact .bank_num {  margin-top:5px; font-family:'OpenSans_SB'; font-size:18px; line-height:18px; color:#333;} 
	section.customer .inner2:after { display:block; clear:both; content:'';}

	#foot {width:100%}
	#foot .foot_top {text-align:center}
	#foot .foot_top ul.co_link {float:none;display:inline-block}
	#foot .foot_bottom .inner {padding-top:15px}
	#foot .foot_bottom .logo_footer {float:none;margin:0 auto 15px;width:200px;height:32px}
	#foot .foot_bottom .co_info p {text-align:center}
	.main_banner .bx-wrapper .bx-controls-direction a {display:none}
}
@media ( max-width: 767px ) {
	aside.event_banner {display:none}
	aside.quick_menu {display:none}

	#header {width:100%}
	.head_top {display:none}
	.head_middle {height:67px}
	.head_middle .head_banner {display:none}
	.head_middle #hd_sch {display:none}
	.head_middle .inner {height:67px}
	.head_middle h1.logo {top:19px}
	.inner {width:100%;overflow:hidden}
	.head_bottom .inner {height:60px}
	.m_icon {display:block;margin-top:25px}
	.head_middle h1.logo img {width:150px}
	.m_menu {width:20px;float:left;margin-left:10px}
	.m_sch {width:20px;float:right;margin-right:10px}
	.m_cart {width:20px;float:right;margin-right:10px}

	section.best {padding-top:30px}
	section.best ul.best_big {margin:30px 0 0 0}
	section.best ul.best_big li {float:left;margin:0 2% 4% 2%;width:46%}
	section.best ul.best_big:after { display:block; clear:none; content:'';}
	section.best ul.best_big li img {width:100%}
	section.best ul.best_big li.img_short {display:none}
	section.best ul.best_big li .txt_layer { opacity:1; position:relative; width:100%; height:80px; padding:15px 30px; background:none;text-align:center}
	section.best ul.best_big li .txt_layer p { font-size:14px; line-height:22px; color:#333;display:inline-block}
	section.best ul.best_big li .txt_layer p.name {display:none}
	section.best ul.best_big li .txt_layer p.cost {float:none}

	section.best ul.best_small li {float:left;margin:0 2% 4% 2%;width:46%}

	section.best ul.best_long li {margin:0 2% 4% 2%;width:96%}

	section.customer {margin:10px 0}
	section.customer .custom_center { float:left; width:100%; height:165px; padding:20px 20px 20px 30px; margin-left:-1px; border:0px solid #ddd;}
	section.customer .kakao_cus { float:left; width:100%;height:165px; padding:20px 20px 20px 30px; margin-left:-1px; border:0px;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
	section.customer .contact { float:left; width:100%;height:165px; margin-left:-1px; padding:24px 30px 0 30px; border:0px solid #ddd;}

	.middle_slider li img { max-width:200%; height:auto;margin-left:-50%}
	#foot .foot_top ul.co_link li .bar {margin:0 3px}
	#foot {width:100%}
	#foot .foot_top {text-align:center}
	#foot .foot_top ul.co_link {float:none;display:inline-block}
	#foot .foot_bottom .inner {padding-top:15px}
	#foot .foot_bottom .logo_footer {float:none;margin:0 auto 15px;width:200px;height:32px}
	#foot .foot_bottom .co_info p {text-align:center}
	.main_banner .bx-wrapper .bx-controls-direction a {display:none}
}*/

.bx-controls-direction{}

.inner .tnb{float: left;}
.inner .tnb b{color:#006D77}
.rcont{font-size: 16px;line-height: 20px;float: right;/* margin-right: 19px; */}
.rcont img:nth-child(1){padding-left: 4px;margin-right: -6px;}

.rrcont{text-align: left;margin-top:24px;float: left;margin-left: 72px;}
.rrcont p{font-size: 16px;}
.rrcont p span{font-size: 14px;padding-left: 10px;}
.rrcont p b{font-size: 18px;color:#09797b}

.topev{background: url('../img/top_bg.jpg')no-repeat center;width: 100%;height: 57px;/* background-size: 100% 100%; */}
.topev p{width: 1200px;margin: 0 auto;position: relative;}
.topev table{width: 1200px;margin: 0 auto; }
.topev td{color:#fff;font-size: 18px;line-height: 49px;}

.tabban{width: 1200px;margin: 0 auto;margin-top: 60px;}


.topev b img{position: absolute;right: -100px;top: 14px;cursor: pointer;}

.logo_footer p{font-size: 18px;}
.logo_footer h2{font-size: 24px;color:#007C85;line-height: 26px;}
.logo_footer h3{font-size: 16px;line-height: 39px;padding-top: -10px;margin-top: -9px;}
.logo_footer h3 span{font-size:14px}
.logo_footer h4{font-size: 16px;line-height: 6px;}
.logo_footer h6{font-size: 18px;color:#007C85;}
.itemn{font-size: 24px;}

.tabb {float: right;}
.tab_btn2{font-size: 16px;padding-bottom:15px;color:#000;width: 105px;display: block;float: left;height: 34px;text-align: center;line-height: 33px;margin-top: 9px;cursor: pointer;font-weight: bold;}
.tab_btn2:nth-child(6){margin-right: 30px;}
.tab_btn2:nth-child(7){margin-right: 0px;margin-left: 0;}
.pick2 {padding-bottom: 0px;font-weight:bold;font-size: 16px;color:#fff;font-weight: bold;border:none;background: #007C85;border-radius:20px;text-align: center;}
.pick2:hover{color:#ffffff !important;}
.tab_box2{display:none;clear: both;padding-top: 5px;list-style: none;margin-top: 10px;width:1200px;position: relative;height: 405px;}
.tab_btn2:hover{color:#007C85}

.customer{width: 1200px;margin: 0 auto;}
.customer h2{float: left;font-size: 24px;padding-bottom: 10px;padding-top: 8px;font-weight: bold;}
.tab_box p{font-size: 18px;width: 720px;margin-bottom: 30px;}

.tab_box2 img{width: 725px;height: 117px;}
.tab_box2 ul:nth-child(1){float: left;}
.tab_box2 ul:nth-child(2){float: left;margin-left: 24px;}
.tab_box2 ul:nth-child(2) img{width: 134px;height: 400px;float: left;display:inline-block;}
.tab_box2 ul:nth-child(2) li{float: left;display:inline-block}
.tab_box2 ul:nth-child(1) li:nth-child(2){margin-bottom: 24px;margin-top: 24px;}
.tab_box2 ul:nth-child(2) li:nth-child(2){margin-left: 24px;margin-right: 24px;}
.tab_box2 table:nth-child(3){margin-top: -1px;height: 70px;}
.line{border-top: 1px solid #ddd;margin-top: 40px}
.rmonth{clear: both; width: 1200px;margin: 0 auto;padding-top: 60px;}
.rmonth ul li{float: left;height: 150px;margin-left: 50px;}
.rmonth ul li:nth-child(1){margin-left: 0px;}
.month{width: 1200px;margin: 0 auto;text-align: center;}
.month h1{font-size: 24px;text-align: center;margin: 0px auto;background:url(../img/line.jpg);text-align: center;padding-left: 46px;height: 60px;line-height: 56px;font-weight: bold;color: #006D77;}




.slick{width: 1200px;margin: 0 auto;margin-bottom:40px;margin-top: 35px;}
.slick h2{text-align: center;}

.slick-items{width: 1200px;margin: 0 auto;}
.slick-items div a img{display:block;float: left;width: 180px;position: relative;height: 180px;}
.slick-items a {display: block; width: 100%; height: 100%; position: relative;}

.fam{background: #006D77 no-repeat center;width: 100%;height: 78px;margin: 0 auto;position: relative;clear: both;}
.fam2{width: 1200px;margin: 0 auto;/* position: absolute; */text-align: right;position: relative;}
.fam2 h2{font-size: 18px;right: 197px;/* padding-top: 87px; *//* padding-right: 30px; */width: 161px;/* width: 300px; */background: #fff;height: 40px;/* text-align: right; */line-height: 38px;text-align: center;border-radius: 122px;/* float: right; */margin-top: -47px;color: #007C85;/* margin-right: 152px; */position: absolute;}
.cucu{width: 1200px;margin: 0 auto; height: 100%;}
.cucu h2{}

.new_slider h4{float: left;font-size: 16px;padding-left: 13px;padding-top: 10px;}
.new_slider p{font-size: 16px;float: right;/* padding-right: 14px; */padding-top: 20px;font-weight: bold;/* text-align: right; *//* position: absolute; */right: 0;}
.co_info{font-size: 16px;width: 752px;float: right;margin-right: -339px;}
.copy{padding-top: 15px;}

.footp{float: left;padding-left: 140px;}
.footp ul{}
.footp ul li{float: left;font-size: 16px;border:1px solid #ddd;border-radius:20px;padding-left: 10px;padding-right: 10px;padding-top: 4px;padding-bottom: 4px;margin-right: 10px;}
.footp ul li:nth-child(2){margin-left: 10px;margin-right: 10px;}
.footp h2{font-size: 19px;padding-top: 59px;color: #007C85;font-weight: bold;}
.footp h3{font-size: 16px;}
.logi{width: 1200px;margin: 0 auto;background: #006D77;height: 70px;color:#fff;}
.logi h2{font-size: 30px;float: left;padding-top: 12px;padding-left: 40px;/* margin-right: -50px; */}
.logi h3{float: right;background: #fff;color:#006D77;font-size: 18px;padding-left: 23px;padding-right: 23px;border-radius:20px;margin-right: 32px;margin-top: -36px;font-weight: bold;margin-left: 580px;}
.logi h4{float: right;background: #fff;color:#006D77;font-size: 18px;padding-left: 33px;padding-right: 33px;border-radius:20px;margin-top: -36px;margin-right: 165px;font-weight: bold;}

.cucu2{}








/*메인메뉴*/
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #menu-button {/* margin: 0; *//* padding: 0; *//* border: 0; */list-style: none;line-height: 1;display: block;/* position: relative; */-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;z-index: 999;}
#cssmenu:after,#cssmenu > ul:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
#cssmenu #menu-button {display: none;}
#cssmenu {width: auto;line-height: 1;background: #ffffff;}
#menu-line {position: absolute;top: 0;left: 0;height: 3px;background: #006D77;-webkit-transition: all 0.25s ease-out;-moz-transition: all 0.25s ease-out;-ms-transition: all 0.25s ease-out;-o-transition: all 0.25s ease-out;transition: all 0.25s ease-out;}
#cssmenu > ul > li {float: left;margin-right: 17px;}
#cssmenu.align-center > ul {font-size: 0;text-align: center;}
#cssmenu.align-center > ul > li {display: inline-block;float: none;}
#cssmenu.align-center ul ul {text-align: left;}
#cssmenu.align-right > ul > li {float: right;}
#cssmenu.align-right ul ul {text-align: right;}
#cssmenu > ul > li > a {padding: 12px;font-size: 18px;text-decoration: none;text-transform: uppercase;color: #000000;-webkit-transition: color .2s ease;-moz-transition: color .2s ease;-ms-transition: color .2s ease;-o-transition: color .2s ease;transition: color .2s ease;/* padding-top: 21px; */padding-top: 15px;/* padding-right: 62px; */}
#cssmenu > ul > li:hover > a,#cssmenu > ul > li.active > a {color: #006D77;}
#cssmenu > ul > li.has-sub > a {padding-right: 72px;font-size: 18px;/* padding-bottom: 21px; */}
#cssmenu > ul > li.has-sub > a::after {display: none;position: absolute;top: 21px;right: 10px;width: 4px;height: 4px;border-bottom: 1px solid #000000;border-right: 1px solid #000000;content: "";-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: border-color 0.2s ease;-moz-transition: border-color 0.2s ease;-ms-transition: border-color 0.2s ease;-o-transition: border-color 0.2s ease;transition: border-color 0.2s ease;}
#cssmenu > ul > li.has-sub:hover > a::after {border-color: #009ae1;}
#cssmenu ul ul {position: absolute;left: -9999px;/* box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.15); */}
#cssmenu li:hover > ul {left: auto;}
#cssmenu.align-right li:hover > ul {right: 0;}
#cssmenu ul ul ul {margin-left: 100%;top: 0;height: 100%;}
#cssmenu .ul33 {margin-left: 50%!important;top: 53px;height: 100%;}
#cssmenu.align-right ul ul ul {margin-left: 0;margin-right: 100%;}
#cssmenu ul ul li {/* height: 0; */-webkit-transition: height .2s ease;-moz-transition: height .2s ease;-ms-transition: height .2s ease;-o-transition: height .2s ease;transition: height .2s ease;/* padding-bottom: 17px; *//* border-bottom: 1px solid #fff; */}
#cssmenu ul li:hover > ul > li {height: 49px;}
#cssmenu ul ul li a {padding: 15px 10px;width: 232px;font-size: 16px;/* background: #fff; */text-decoration: none;color: #fff;-webkit-transition: color .2s ease;-moz-transition: color .2s ease;-ms-transition: color .2s ease;-o-transition: color .2s ease;transition: color .2s ease;letter-spacing: -1px;background: #006D77;color: #;padding-left: 50px;position: relative;height: 49px;/* height: 100%; */text-align: left;}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover {color: #006D77;background:#fff }
#cssmenu ul ul li.has-sub > a::after {position: absolute;top: 13px;right: 10px;width: 4px;height: 4px;border-bottom: 1px solid #dddddd;border-right: 1px solid #dddddd;content: "";-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transition: border-color 0.2s ease;-moz-transition: border-color 0.2s ease;-ms-transition: border-color 0.2s ease;-o-transition: border-color 0.2s ease;transition: border-color 0.2s ease;}
#cssmenu.align-right ul ul li.has-sub > a::after {right: auto;left: 10px;border-bottom: 0;border-right: 0;border-top: 1px solid #dddddd;border-left: 1px solid #dddddd;}
#cssmenu ul ul li.has-sub:hover > a::after {border-color: #ffffff;}
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu {width: 100%;}
  #cssmenu ul {width: 100%;display: none;}
  #cssmenu.align-center > ul,
  #cssmenu.align-right ul ul {text-align: left;}
  #cssmenu ul li,#cssmenu ul ul li,#cssmenu ul li:hover > ul > li {width: 100%;height: auto;border-top: 1px solid rgba(120, 120, 120, 0.15);}
  #cssmenu ul li a,#cssmenu ul ul li a {width: 100%;}
  #cssmenu > ul > li,#cssmenu.align-center > ul > li,#cssmenu.align-right > ul > li {float: none;display: block;}
  #cssmenu ul ul li a {padding: 20px 20px 20px 30px;font-size: 12px;color: #000000;background: none;}
  #cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover {color: #000000;}
  #cssmenu ul ul ul li a {padding-left: 40px;}
  #cssmenu ul ul,#cssmenu ul ul ul {position: relative;left: 0;right: auto;width: 100%;margin: 0;}
  #cssmenu > ul > li.has-sub > a::after,
  #cssmenu ul ul li.has-sub > a::after {display: none;}
  #menu-line {display: none;}
  #cssmenu #menu-button {display: block;padding: 20px;color: #000000;cursor: pointer;font-size: 12px;text-transform: uppercase;}
  #cssmenu #menu-button::after {content: '';position: absolute;top: 20px;right: 20px;display: block;width: 15px;height: 2px;background: #000000;}
  #cssmenu #menu-button::before {content: '';position: absolute;top: 25px;right: 20px;display: block;width: 15px;height: 3px;border-top: 2px solid #000000;border-bottom: 2px solid #000000;}
  #cssmenu .submenu-button {position: absolute;z-index: 10;right: 0;top: 0;display: block;border-left: 1px solid rgba(120, 120, 120, 0.15);height: 52px;width: 52px;cursor: pointer;}
  #cssmenu .submenu-button::after {content: '';position: absolute;top: 21px;left: 26px;display: block;width: 1px;height: 11px;background: #000000;z-index: 99;}
  #cssmenu .submenu-button::before {content: '';position: absolute;left: 21px;top: 26px;display: block;width: 11px;height: 1px;background: #000000;z-index: 99;}
  #cssmenu .submenu-button.submenu-opened:after {display: none;}
}

#cssmenu li > ul{background: #fff;}



#catex{color:#fff !important;background: #004855;width: 232px;text-align: center;}
#catex a{}
.togg{padding-right: 12px;margin-bottom: 5px;}
.mfa{display:none}
.mmfam{display: none}
.tabban3{display:none}
.tabban2{display:none}

.rmonth2{display:none}
.mfoot{display:none}
.mbmenu{display: none}

.mfa2{display:none}

section.best ul.best_long li:hover{opacity: 0.7;}






.topev2{display:none}


.cucu h2 ul{/* margin-left: -40px; */margin-right: 1px;margin-top: -9px;}
.cucu h2 ul li{font-size: 16px;right: 0;/* padding-top: 87px; *//* padding-right: 30px; */width: 146px;/* width: 300px; */background: #004855;height: 35px;/* text-align: right; */line-height: 35px;text-align: center;border-radius: 327px;float: right;margin-top: 8px;color: #fff;text-align: left;padding-left: 19px;}
.cucu h2 ul li:nth-child(3){display: none}

.sliul {width: 850px; height: 100%; float: right; padding-top: 32.5px; background-color: #fff;}
.sliul .slick-slide {text-align: center;}
.sliul .slick-slide img {display: inline-block;}
.sliul .slick-slide h4 {font-size: 16px; font-weight: bold; margin-top: 10px; margin-bottom: 2.5px;}
.sliul .slick-slide p {font-size: 15px;}

#cssmenu li > ul{background: #fff;}

.canam{font-size: 24px;color:#000;text-align: left;/* height: 50px; */padding-bottom: 47px !important;line-height: 39px !important;border-bottom: 2px solid #000 !important;margin-left: 20px;/* margin-right: 20px; *//* width: 100%; */padding-top: 0;/* padding-right: 150px; */width: 596px;}

.has23{background: #fff;}



.fixhdd{position: fixed;right: -220px;top: 700px;z-index: 99999;list-style: none;font-size: 0;background:rgba(0,124,133,0.7);width: 298px;height: 44px;border-radius:10px;}
.fixhdd:hover{right: -20px;font-size: 16px;background:#fff;transition:0.5s ease;}

.fixhdd:hover :nth-child(1) span img{display:none}
.fixhdd img{padding-left: 21px;margin-top: 4px;}
.fixhdd span >.fixhdd{width: 300px;}
.fixhdd span img{/* padding-top: 10px; *//* width: 23%; */}
.fixhdd b{line-height: 57px;padding-left: 15px;/* padding-top: 40px; */}

.logo img{width: 182px;}











.fixhdd2{position: fixed;right: -120px;top: 650px;z-index: 99999;list-style: none;font-size: 0;background:rgba(0,124,133,0.7);width: 200px;height: 44px;border-radius:10px;}
.fixhdd3{position: fixed;right: -120px;top: 600px;z-index: 99999;list-style: none;font-size: 0;background:rgba(0,124,133,0.7);width: 200px;height: 44px;border-radius:10px}
.fixhdd4{position: fixed;right: -120px;top: 550px;z-index: 99999;list-style: none;font-size: 0;background:rgba(0,124,133,0.7);width: 200px;height: 44px;border-radius:10px}
.fixhdd5{position: fixed;right: -120px;top: 500px;z-index: 99999;list-style: none;font-size: 0;background:rgba(0,124,133,0.7);width: 200px;height: 44px;border-radius:10px}
.fixhdd6{position: fixed;right: -120px;top: 450px;z-index: 99999;list-style: none;font-size: 0;background:rgba(0,124,133,0.7);width: 200px;height: 44px;border-radius:10px}
.fixhdd7{position: fixed;right: -120px;top: 400px;z-index: 99999;list-style: none;font-size: 0;background:rgba(0,124,133,0.7);width: 200px;height:44px;border-radius:10px;}

.fixhdd2:hover{right: -20px;font-size: 16px;background:#fff;transition:0.5s ease;box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.15);}
.fixhdd2:hover img{opacity: 0;}
.fixhdd2 .hv6 :hover img{display: block;}




.fixhdd3:hover{right: -20px;font-size: 16px;background:#fff;transition:0.5s ease;box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.15);}

.fixhdd3:hover img{opacity: 0;}
.fixhdd3 .hv5 :hover img{display: block;}

.fixhdd4:hover{right: -20px;font-size: 16px;background:#fff;transition:0.5s ease;box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.15);}
.fixhdd4:hover img{opacity: 0;}
.fixhdd4 .hv4 :hover img{display: block;}


.fixhdd5:hover{right: -20px;font-size: 16px;background:#fff;transition:0.5s ease;box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.15);}
.fixhdd5:hover img{opacity: 0;}
.fixhdd5 .hv3 :hover img{display: block;}






.fixhdd6:hover{right: -20px;font-size: 16px;background:#fff;transition:0.5s ease;box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.15);}

.fixhdd6:hover img{opacity: 0;}
.fixhdd6 .hv2 :hover img{display: block;}

.fixhdd7:hover{right: -20px;font-size: 16px;background:#fff;transition:0.5s ease;box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.15);}
.fixhdd:hover{right: -20px;font-size: 16px;background:#fff;transition:0.5s ease;box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.15);}

.fixhdd2 img{padding-left: 23px;padding-top: 0px;}
.fixhdd2 b{line-height: 44px;padding-left: 15px;/* padding-top: 40px; */}


.fixhdd3 img{padding-left: 20px;padding-top: 0px;}
.fixhdd3 b{line-height: 44px;padding-left: 15px;/* padding-top: 40px; */}



.fixhdd4 img{padding-left: 23px;padding-top: 0px;}
.fixhdd4 b{line-height: 44px;padding-left: 15px;/* padding-top: 40px; */}



.fixhdd5 img{padding-left: 23px;padding-top: 0px;}
.fixhdd5 b{line-height: 44px;padding-left: 15px;/* padding-top: 40px; */}


.fixhdd6 img{padding-left: 23px;padding-top: 0px;}
.fixhdd6 b{line-height: 44px;padding-left: 15px;/* padding-top: 40px; */}


.fixhdd7 img{padding-left: 23px;padding-top: 0px;}
.fixhdd7 b{line-height: 44px;padding-left: 15px;/* padding-top: 40px; */}

.hv {position: absolute;left: 0;top: 5px;z-index: 999;opacity: 0;transition: 0.25s;}
a:hover .hv {opacity: 1;}

.hv1 {position: absolute;left: 4px;top: 6px;z-index: 999;opacity: 0;transition: 0.25s;}
a:hover .hv1 {opacity: 1;}

.hv2 {position: absolute;left: 4px;top: 3px;z-index: 999;opacity: 0;transition: 0.25s;}
a:hover .hv2 {opacity: 1;}


.hv3{position: absolute;left: 4px;top: 4px;z-index: 999;opacity: 0;transition: 0.25s;}
a:hover .hv3 {opacity: 1;}


.hv4{position: absolute;left: 4px;top: 6px;z-index: 999;opacity: 0;transition: 0.25s;}
a:hover .hv4 {opacity: 1;}


.hv5{position: absolute;left: 4px;top: 2px;z-index: 999;opacity: 0;transition: 0.25s;}
a:hover .hv5 {opacity: 1;}

.hv6{position: absolute;left: 4px;top: 14px;z-index: 999;opacity: 0;transition: 0.25s;}
a:hover .hv6 {opacity: 1;}

.hv7{position: absolute;left: 4px;top: 14px;z-index: 999;opacity: 0;transition: 0.25s;}
a:hover .hv7 {opacity: 1;}

.hv8{position: absolute;left: 4px;top: 14px;z-index: 999;opacity: 0;transition: 0.25s;}
a:hover .hv8 {opacity: 1;}

.hv9{position: absolute;left: 4px;top: 14px;z-index: 999;opacity: 0;transition: 0.25s;}
a:hover .hv9 {opacity: 1;}

#cssmenu .ul33 li a{background: #fff;color:#000;/* border-bottom: 1px solid #ddd; */}
#cssmenu .ul33 li a:hover{border-bottom: 1px solid #ddd;}
/*.has-sub{background:url('../img/newl.png')no-repeat center ;z-index: 999;}*/
#cssmenu #can2{}
#cssmenu #can2 a{background: #fff;color:#000;/* border-bottom: 1px solid #ddd; */}
#cssmenu #can2 a:hover{border-bottom: 1px solid #ddd;}
#cssmenu #can2 a:nth-last-child{padding-bottom: 100%;}



#top_btn{display: none}
.famer p{font-size: 16px;color:#fff;text-align: center;padding-top: 12px;}
.famer h1{font-size: 20px;color:#fff;text-align: center;}
.famer {width: 1200px;margin: 0 auto;position: relative;}
.famer img{position: absolute;bottom: -13px;left: 152px;}

.msch{display:none}