@charset "utf-8";
.sound{display:inline-block;width:0;height:0;font-size:0;line-height:0}
legend label{display:inline-block;width:0;height:0;font-size:0;line-height:0}
.gothic {font-family:'Nanum Gothic','Lato', sans-serif;}
#primary-menu{width:100%; top:0; left:0; box-sizing:border-box; }



#primary-menu>ul{position:relative;overflow:hidden; z-index:199;}

#primary-menu > ul > li:last-of-type a,
#primary-menu > ul > li:last-of-type a:hover,#primary-menu > ul > li:last-of-type a:focus {color:#ec6941 !important}

.board_list{position:absolute !important; bottom:0; left:0; width:100%;  background:rgba(27,25,26,0.7);}

.board_list .box{max-width:1100px;width:100%;margin:0 auto;text-align: center;}
.board_list .box>div{box-sizing:border-box;font-size: 0;}
.board_list .box .pc_news{}
.board_list .box .pc_notice{padding-left:2%;padding-right:2%;}
 
.board_list .board_box h3{border:1px solid #a0a0a0;color:#fff;font-weight:900;text-align:center;margin-bottom:0;font-family:'Nanum Gothic','Lato', sans-serif;display: table;}
.board_list .board_box h3 span{display:table-cell;vertical-align:middle;color: #fff;}

 
.board_box ul{margin-bottom:0}
.board_box ul li{list-style: none;}
.board_box ul li.last{margin-bottom:0 !important;}
.board_box ul a{display:block;color:#fff;font-size:14px;line-height: 1.1em;word-break: keep-all;}
 
.notice{position:relative;font-size:0;}
.notice h3,.notice div{float:left;}
.notice h3{width:20%; color:#fff; background-color:#272727;  text-align:center; margin-bottom:0;}
.notice .notice_slide {width:80%;}
.notice ul li a{padding-left:6px;  display:block;color:#272727; border-bottom:1px solid #e5e5e5;}
.notice .notice_btn{position:absolute; top:0; right:10px;}
.notice .notice_btn span{display:block; text-align:center}
.notice .notice_btn span img{display:inline-block; width:14.5px; vertical-align:middle;}

.notice .notice_slide {overflow:hidden;}

.close_quick h3{position:relative; top: 50%; margin-top: -80px; right: 50%; margin-right: -17px; text-align: center;}
.quick{position:fixed; width:68px; margin-top:-292px; top:50%; background-color:#1b191a; box-sizing:border-box; z-index:100; right:0; height:246px; cursor:pointer}
.quick div{padding:25px;height:246px; box-sizing:border-box;}
.quick form{display:none; margin-bottom:0 !important; width:200px;}
.quick h3{color:#fff; margin-bottom:15px; line-height:1em; font-size:20px; font-weight:bold;}
.quick ul{margin-bottom:0;}
.quick li{margin-bottom:10px; text-align:center; font-size:0;}
.quick li font{color:#757575; font-size:20px; vertical-align:middle; margin:0 4px;}
.quick input[type=text],.quick select{height:36px; text-indent:5px; color:#757575; font-size:12px; vertical-align:middle;}
.quick .name input{width:99%;}
.quick .phone input,.quick .phone select{width:56px;}

.quick li.chk{text-align:left;}
.quick li label {color:#a0a0a0; font-size:12px; margin:0;}
.quick li label input{width:15px; height:15px ; border:2px solid #a0a0a0; text-indent:0; vertical-align:middle}
.quick .send{margin-bottom:0 !important}
.quick .send a{display:block; width:100%; height:44px; line-height:44px; color:#fff; font-size:15px; text-align:center; background-color:#ea561a}

.quick>span{position:absolute; bottom:0; right:0; display:block; width:100%; height:50px; line-height:50px; color:#fff; cursor:pointer;background-color:#464244 !important; text-align:center}
.quick>span font{display:inline-block; width:33px; height:33px; line-height:31px; color:#a0a0a0; font-size:17px; text-align:center; border:1px solid #a0a0a0; border-radius:33px;
background-color:#464244;
-webkit-transition: background-color 0.3s ease-out;
-moz-transition: background-color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;
}
.quick>span font:hover{background-color:#a0a0a0; color:#464244;}

.m_quick{position:fixed; bottom:0; width:100%; left:0; font-size:0; text-align:center; background-color:#333; border-top:1px solid #fff; border-bottom:1px solid #fff;}
.m_quick a{display:inline-block; width:50%; text-align:center; box-sizing:border-box; color:#fff; font-size:15px; height:60px; line-height:60px; font-weight:bold;}
.m_quick a:hover{text-decoration:none;}
.m_quick a img{vertical-align:middle; width:13.6%; max-width:22px; margin-bottom:-7px; margin-right:4px;}
.q_left{border-right:1px solid #fff;}

.find_btn{position:absolute; top:32px; right:2%; color:#fff; box-sizing:border-box;display:none;z-index:20;}
.sticky-header .find_btn{top:12px !important}
.find_btn:hover{text-decoration:none; color:#fff;}
.find_btn img{vertical-align:top; width:25px; margin-left:4px;}
.find_btn span{display:inline-block; vertical-align:middle; font-size:13px; text-align:center; font-weight:bold;line-height:1.4em}

@media (min-width: 991px) {
	#page-title.page-title-parallax{padding: 50px 0;}
	#page-title.page-title-parallax h1{font-size: 60px;}

	.board_list{display:block;}
	.pc_news{display:block;}
	#primary-menu {position:absolute !important; height:100px;}
	#primary-menu > ul{width:100%; height:100%;}
	#primary-menu{padding:0 198px 0 241px;}
	.sticky-header #primary-menu{ height:60px;}
.sticky-header #primary-menu{ padding:0 177px 0 130px !important;}
	#primary-menu > ul > li{width:16.6%; height:524px; text-align:center;}
	.sticky-header #primary-menu > ul > li{height:484px;}
	.menu_bg{position:absolute; top:100%; left:0; width:100%; height:0; background-color:rgba(27,25,26,0.9); overflow:hidden}
	.menu_bg span{display:block; width:100%; position:absolute; top:0; left:0; height:2px; background-color:#ea561a;z-index:198}
	
	.board_list{padding:40px 0 25px;}
	.board_list .box>div{float:left;width: 33.33%;}
	.board_box ul li{ margin-bottom:15px; }
	.board_list .board_box h3{float: left;width: 94px;height: 93px;}
	.board_box ul{float: left;padding-left: 15px;text-align: left;width: calc(100% - 94px);}
	
	.m_quick{display:none;}
	.board_list .board_box h3{ font-size:17px; }
	#primary-menu ul ul li > a{font-size:11px;}
}

@media (max-width:990px){
	.cook_logo{display:none !important;}
	.point1s{font-size:23px !important; padding:0 !important;}
	#page-title.page-title-dark span.big{font-size:28px !important;}
	
	#page-title.page-title-parallax{padding: 25px 0;}
	#page-title.page-title-parallax h1{font-size: 30px;}
	#page-title.page-title-parallax span{font-size: 15px;}
	
	#logo{width:120px;position:absolute; top:0; left:50%; margin-left:-60px;}
	.quick{display:none;}
	.pc_news{/* display: none !important; */}
	.find_btn{display:block;}
	.board_list{padding: 20px 0 5px;}
	.board_list .box>div{text-align: left;margin: 3px auto;display: inline-block;width: 90%;padding: 0 !important;}
	.board_box ul li{ margin-bottom:10px; }

	.board_list .board_box h3{display: table;vertical-align:middle;width:88px;height:88px;float: left;}
	.board_list .board_box ul{vertical-align:middle;padding-left: 10px;float: left;width: calc(100% - 88px);padding-top: 4px;}
	.board_list .board_box li{text-align:left;}
	
	.m_quick{display:block;}
	#primary-menu{z-index:10; padding: 100px 0 0 ;}
	.sticky-header #primary-menu{padding: 60px 0 0 !important;}
	.board_list .board_box h3{ font-size:17px; }
	.primary-menu-open #header .container{background-color:#333; width:100% !Important;}
	
	#footer{padding-bottom:62px;}
	
}
@media (max-width:640px){
	
	#primary-menu{height:auto !important;}
	.board_list .board_box h3{ font-size:14px; }
	.find_btn{display:block;}
}