	.search_top>span,
	.search_top select,
	.search_top input[type=text],
	.search_top input[type=submit],

	.board_list,
	.board_list>.table .tr,
	.board_list>.table .tr>div,
	.board_list>.table .tr>.stat>.icon,

	.paging_all>.btn,
	.paging_all>.btn:before,
	.paging_all>.btn:after,
	.paging_all>.num,
	.paging_all>.num>strong,
	.paging_all>.num>a,

	.board_view>table th,
	.board_view>table td,
	.board_view>table>thead>tr>th,
	.board_view>table .etc,
	.board_view>table .etc>p,

	.pageNavigation,
	.pageNavigation>dl,
	.pageNavigation>dl>dd>a,

	.btnArea a,
	.btnArea input[type=image],
	.btnArea input[type=submit],
	.btnArea button,

	.checkIn input[type=checkbox]+label:before,
	.checkIn input[type=checkbox]+label:after,
	.checkIn input[type=radio]+label:after,
	.checkIn input[type=checkbox]:checked+label,
	.checkIn input[type=radio]:checked+label,

	.board_write>table .file>.file_wrap>.btnFile,
	.board_write>table .type.point,
	.board_write>table .btnBox>.btns,

	.faqArea>li .q:before,
	.faqArea>li .a:before,
	.faqArea>li .q>.bul
	{transition: all .3s ease-out; transform-origin: 50% 50%;}


.thumb,
.thumb>span{background-image: url('../../images/front/noimage.jpg');}
.thumb>span.bg,
.thumb>span.stat{background-image:none !important;}

/* check style */
	.checkIn{display:inline-block; vertical-align: top;}
	.checkIn.order{margin:20px 0 0 30px;}
	.checkIn input[type=checkbox],
	.checkIn input[type=radio]{display: none;}

	.checkIn input[type=checkbox]+label,
	.checkIn input[type=radio]+label{padding-left:24px; font-size: 16px; line-height:22px; color: #666; display: inline-block; cursor: pointer; position: relative;}

	.checkIn input[type=checkbox]+label:before,
	.checkIn input[type=radio]+label:after,
	.checkIn input[type=radio]+label:before{content: ""; width: 16px; height: 16px; background-color: #fff; border:1px solid #a1a1a1; display: inline-block; position:absolute; left: 0; top:5px; box-sizing: border-box;}

	.checkIn input[type=checkbox]+label{}
	.checkIn input[type=checkbox]+label:before {background-position: center center; background-repeat: no-repeat; background-size: cover; border-radius:5px;}
	.checkIn input[type=checkbox]+label:after{content: "✓"; font-weight: 500; font-size:18px; line-height:1; color: #dd451c; position: absolute; left:3px; top:-0px; opacity: 0;}
	.checkIn input[type=checkbox]:checked+label:before{border-color:#dd451c;}
	.checkIn input[type=checkbox]:checked+label:after{opacity: 1;}

	.checkIn input[type=radio]+label{}
	.checkIn input[type=radio]+label:before{border-radius:99px;}
	.checkIn input[type=radio]+label:after{width: 10px; height: 10px; margin:-3px 0 0 0; left: 3px;  top:50%; border:none; border-radius:99px; -webkit-transition: .3s; transition: .3s; transform-origin: 50% 50%;}
	.checkIn input[type=radio]:checked+label:after{background-color: #666;}


/* Clause Box Style */
	.clauseArea{width:100%; font-size:0; line-height:0; overflow:hidden;}
	.clauseArea>.tit{font-weight: 500; font-size:20px; line-height:1; color: #333; margin-bottom:20px;}
	.clauseArea .c_scroll{width:100%; height:350px; padding:30px; background-color: #fff; border:1px solid #ebebeb; font-weight: 300; font-size:16px; line-height:1.5; color: #666; overflow:hidden; overflow-y:auto; box-sizing:border-box;}
	.clauseArea .c_scroll strong{font-weight: 400;}
	.clauseArea .c_scroll>p{padding-bottom:5px; color: #111;}
	.clauseArea .c_scroll>p>strong{font-weight: 400; color: #111;}
	.clauseArea .c_scroll ol.num>li{padding-left:17px; position: relative;}
	.clauseArea .c_scroll ol.num>li>span{position: absolute; left:0; top:0;}

	.clauseArea .c_scroll ol.num.roma>li{padding-left:22px; position: relative;}
	.clauseArea .c_scroll ol.num.roma>li>span{position: absolute; left:0; top:0;}

	.clauseArea .c_scroll ul.bul>li{padding-left:10px; position: relative;}
	.clauseArea .c_scroll ul.bul>li:before{content: "-"; display: inline-block; position:absolute; left: 0; top:-1px;}

	.clauseArea .c_scroll ul.circle>li{padding-left:15px; position: relative;}
	.clauseArea .c_scroll ul.circle>li:before{content: "ο"; display: inline-block; position:absolute; left: 0; top:-1px;}

	.clauseArea .c_scroll li>ol,
	.clauseArea .c_scroll li>ul{margin-bottom:7px;}

	.clauseArea .nTable{width:100%; margin-top:5px; background-color: #fff; border-top:2px solid #444; box-sizing: border-box;}
	.clauseArea .nTable>table{width:100%; margin-left:0; border-spacing:0; table-layout: fixed;}
	.clauseArea .nTable>table th,
	.clauseArea .nTable>table td{height:30px; padding:15px; border-bottom:1px solid #ebebeb; font-weight: 300; font-size:14px; line-height:1.3; color:#888; text-align:center; border-collapse:collapse; empty-cells:show; box-sizing: border-box;}

	.clauseArea .nTable>table>thead>tr>th{background-color: #f8f8f8; font-weight:500; color:#222; position: relative;}
	.clauseArea .nTable>table>thead>tr>th+th{}

	.clauseArea .nTable>table th+th {border-left:1px solid #ebebeb}
	.clauseArea .nTable>table td+td {border-left:1px solid #ebebeb}

	.clauseArea .checkIn{padding-top:15px;}
	.clauseArea .checkIn input[type=checkbox]+label{height:20px; padding-left:28px; font-size: 16px; line-height:1; color: #333;}
	.clauseArea .checkIn input[type=checkbox]+label:before{width: 20px; height: 20px; top:0;}

	.clauseArea.no .tit{display:none;}
	.clauseArea.no .c_scroll{height:auto; padding:0px; background-color: #fff; border:none; line-height:1.5; color: #666; overflow: visible;}
	.clauseArea.no .c_scroll strong,
	.clauseArea.no .c_scroll>p>strong{font-weight: 500;}
	.clauseArea.no .c_scroll>p{font-weight:400;}

	.privacy_box { margin-bottom:30px; padding:30px; background:#fff; border:1px solid #ddd; box-sizing:border-box; }
	.privacy_box p { font-size:16px; line-height:1.75; color:#666;}

	.clauseArea_tit {display: block; padding-bottom: 18px; margin-bottom: 18px; border-bottom: 1px solid #ddd; margin-top:30px; }
	.clauseArea_tit h2 { font-size: 18px; line-height: 1.66; font-weight: 500; color: #222; }

	.pb_txt .ol_02  { padding-top:5px; counter-reset: item; margin-bottom: 30px; }
	.pb_txt .ol_02 > li {padding-left:30px; position: relative; padding-bottom: 5px; font-size: 16px; line-height: 1.75; color: #666;}
	.pb_txt .ol_02 > li:before {counter-increment: item; content: counter(item); width: 20px; height: 20px; display: inline-block; background:#B5121B; color: #fff !important; border-radius: 50%; text-align: center; line-height: 20px; font-size: 10px; position: absolute; top: 5px; left: 0; font-weight: 300; }

	.pb_txt .ol_01  {counter-reset: item;margin: 5px 0 9px;}
	.pb_txt .ol_01 > li {margin-bottom: 7px; padding-left: 30px; position: relative; font-size: 16px; line-height: 1.75; color: #666;}
	.pb_txt .ol_01 > li:before {content: counter(item, decimal-leading-zero)'. '; counter-increment: item; position: absolute; top: 0; left: 0; color:#B5121B;}

	.pb_txt .ol_03  {counter-reset: item; margin: 5px 0 9px;}
	.pb_txt .ol_03 > li {margin-bottom: 7px; padding-left: 30px; position: relative; font-size: 16px; line-height: 1.75; color: #666;}
	.pb_txt .ol_03 > li:before {content: counter(item, decimal-leading-zero)') '; counter-increment: item; position: absolute; top: 0; left: 0; color:#444;}

	.c_red {color:#B5121B;}

	.pb_txt .list_01 { padding-top:5px; }
	.pb_txt .list_01 > li {padding-left: 12px; position: relative; padding-bottom: 5px; font-size: 16px; line-height: 1.75; color: #666;}
	.pb_txt .list_01 > li:before {content: ""; width: 3px; height: 3px; background-color:#B5121B; display: inline-block; position:absolute; left: 0; top:14px; box-sizing: border-box; }

	.pb_txt .list_02 { padding-top:5px; }
	.pb_txt .list_02 > li {padding-left: 12px; position: relative; padding-bottom: 5px; color:#666666;}
	.pb_txt .list_02 > li:before  {content:''; display: block ; width: 7px; height: 1px; top: 14px; left: 0; background-color: #666666; position: absolute }

	.pb_txt .list_03 { padding-top:5px; }
	.pb_txt .list_03 > li { position: relative; padding-bottom: 5px; color:#666666;}
	.pb_txt .list_03 > li:before { display:none; }

	.pb_txt p { font-size: 16px; line-height: 1.75; color: #666; margin-bottom:15px; }



/* Btn Style */
	.btnArea{width:100%; margin-top:30px; font-size:0; line-height:0;}
	.board_write+.btnArea{}
	.btnArea a,
	.btnArea input[type=image],
	.btnArea input[type=submit],
	.btnArea button{width:150px; height:50px; margin:0 10px 0 0; background-color:#333333; border:none; font-size:18px; line-height:50px; color:#fff; text-align: center; overflow:hidden; display:inline-block; vertical-align: top; box-sizing:border-box; border-radius:2px; cursor: pointer; position: relative;}
	.btnArea button{line-height:50px;}

	.btnArea *.small{width:84px !important; height:30px !important; background-color:#adadad !important; border:none !important; line-height:30px !important; border-radius:0px !important;}

	.btnArea a.ok,
	.btnArea input.ok,
	.btnArea button.ok{background-color: #333333; color: #fff;}

	.btnArea a.write,
	.btnArea input.write,
	.btnArea button.write{background-color: #fff; border:1px solid #dbdbdb; line-height:48px; color: #333333;}

	.btnArea a.cancel,
	.btnArea input.cancel,
	.btnArea button.cancel{background-color: #fff; border:1px solid #dbdbdb; line-height:48px; color: #444;}

	.btnArea a.big,
	.btnArea input.big,
	.btnArea button.big{width:140px;}

	.btnArea.tar{text-align: right;}
	.btnArea.tac{text-align: center;}
	.btnArea.tj{display: flex; justify-content: space-between;}

	.btnArea.tar a,
	.btnArea.tar input[type=image],
	.btnArea.tar input[type=submit],
	.btnArea.tar button{margin:0 0 0 10px;}

	.btnArea.tac a,
	.btnArea.tac input[type=image],
	.btnArea.tac input[type=submit],
	.btnArea.tac button{margin:0 5px;}

	.btnArea.tj a,
	.btnArea.tj input[type=image],
	.btnArea.tj input[type=submit],
	.btnArea.tj button{margin:0;}

	.paging_all+.btnArea{margin-top:-45px;}

	.btn_recruit{display:block;margin:0 auto;width:340px; height:65px;background:url("/images/company/btn_recruit.png")no-repeat;}


/* Search Style */
	.search_top{width:100%; margin-bottom:35px; font-size:0; line-height:0; display:block; position: relative; text-align: right;}
	.search_top>.total{font-size:13px; line-height:1; color: #666; text-align: left; position: absolute; left:0; bottom:5px; display:none;}
	.search_top>.total>strong{font-weight: 500; font-size:16px; color:#336679;}
	.search_top select,
	.search_top input[type=text],
	.search_top input[type=submit]{height:45px; padding:0 10px; background-color: #fff; border:1px solid #ccc; font-weight: 400; font-size:14px; line-height:43px; color: #666; display:inline-block; vertical-align: top; box-sizing: border-box;}
	.search_top select{width: 110px;background: #fff url('../../images/front/bg_select_arr.png') no-repeat 88% center;-webkit-appearance: none;-moz-appearance: none;appearance: none;margin-right:-1px;}
	.search_top select::-ms-expand{display:none;}
	.search_top input[type=text]{width:213px;}
	.search_top input[type=submit]{width:90px; border-color:#666666; background-color: #666666; color: #fff; cursor: pointer;}

	.search_top select+input[type=text],
	.search_top input[type=text]+input[type=submit]{margin-left:-1px;}

	.search_top .type{margin-right:10px; width:150px;}
/* Board List Style */
	.board_list{width:100%; border-top:2px solid #666; border-bottom:1px solid #dbdbdb; overflow:hidden; box-sizing: border-box;}
	.btnArea + .board_list{margin-top:10px;}
	.board_list>.table{width:100%; margin-bottom:-1px; border-spacing:0; display:table; table-layout : fixed; position: relative;}
	.board_list>.table .tr{display:table-row; position: relative;}
	.board_list>.table .tr>div{padding:15px 0; border-bottom:1px solid #dbdbdb; font-weight: 400; font-size:16px; line-height:1.4; color:#444; letter-spacing: -0.025em; text-align:center; box-sizing: border-box; display:table-cell; vertical-align: middle; position: relative;}
	.board_list>.table .tr>div+div{border-left:1px solid #dbdbdb;}
	.board_list>.table .tr>div.search>a{display:block;font-size:0;line-height:0;}

	.board_list>.table .thead>div{font-size: 18px;padding: 20px 0;background-color: #f8f8f8;font-weight: 500;color:#222;position: relative;}

	.board_list>.table .tr>.num{}
	.board_list>.table .tr>.num .noti{margin:-5px 0; padding:5px 5px 6px; background-color: #333333; font-weight: 300; font-size:13px; line-height:1; color: #fff; display:inline-block; border-radius:3px;}

	.board_list>.table .tr .end,
	.board_list>.table .tr .stand{display:inline-block;width:74px;height:30px;border-radius:2px;line-height:30px;text-align:center;font-size:14px;}
	.board_list>.table .tr .end{color: #fff;background-color:#bd955b;border:1px solid #bd955b;}
	.board_list>.table .tr .stand{color: #636363;background-color:#fff;border:1px solid #dbdbdb;color:#757575;}

	.board_list>table .blue{color: #1c5ea9;}
	.board_list>table .red{color: #d80000;}

	.board_list>.table .tr>.title{padding:0 20px; text-align:left;}
	.board_list>.table .tr>.title>.checks{display:inline-block; vertical-align: middle;}
	.board_list>.table .tr>.title>a{max-width:93%; font-weight: 400; color:#444; cursor:pointer; display:inline-block; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.board_list>.table .tr>.title>.icon{padding:0 10px 0px 0px; display:inline-block; vertical-align: middle;}

	.board_list>.table .tr>.stat{padding:11px 0;}
	.board_list>.table .tr>.stat>.icon{width:70px; height:30px; background-color: #f8f8f8; border:1px solid #ccc; font-weight: 300; font-size:14px; line-height:28px; color: #898989; text-align: center; display:inline-block; box-sizing: border-box; border-radius:2px;}
	.board_list>.table .tr>.stat>.icon.end{background-color: #333333; border-color:#333333; color: #fff;}

	.board_list>.table .tr>.title>a.active,
	.board_list>.table .tr>.title>a:hover{color:#333333;}

	.board_list>.table .tr.noPost{position: static;}
	.board_list>.table .tr.noPost .td{height:200px; position: static;}
	.board_list>.table .tr.noPost .td>p{width:100%; font-size:16px; line-height:2; color:#000; text-align: center; position: absolute; left:0; top:50%; white-space: nowrap;}

	.board_list>.table .tr>.title.n_title>a{color:#333; font-weight:500;}

/* store style */
	.board_list.store>.table .tr>div{font-size:16px;color:#636363;}
	.board_list.store>.table .thead>div{font-weight:500;color:#000000;background-color:#f7f8fa;}

/* 건의사항 style */
	.board_list.suggest>.table .tr>.title{padding-left:50px;}


	/* 제품 상세 페이지에 사용 */
	.board_list.view{border-top-width:1px;}
	.board_list.view>.table .tr>div{font-size:14px; color:#444;}
	.board_list.view>.table .thead>div{background-color: #f2f2f2; font-weight: 400; color:#222; position: relative;}

	.board_list.view>.table .viewBox{width:1200px; padding:20px 30px; background-color: #f9f9f9; border-bottom:1px solid #ccc; font-weight: 300; font-size:14px; line-height:20px; text-align: left; box-sizing: border-box; display:none;}
	.board_list.view>.table .viewBox>.tit{font-weight: 400; color:#222;}
	.board_list.view>.table .viewBox>.txt{padding-top:5px;}
	.board_list.view>.table .viewBox>.btn{padding-top:10px; text-align: right;}
	.board_list.view>.table .viewBox>.btn>a{padding:0 10px; background-color: #fff; border:1px solid #444; font-weight: 300; font-size:14px; line-height:28px; color: #222; display:inline-block; vertical-align: top;}
	.board_list.view>.table .viewBox>.btn>a+a{margin-left:5px;}

	.board_list.shop .cart,
	.board_list.shop .form,
	.board_list.shop .check{font-size:0 !important; line-height:0 !important;}
	.board_list.shop input[type=text]{width:70%; height:40px; padding:0 10px; background-color:#fff; border:1px solid #cecece; font-weight: 300; font-size:14px; line-height:38px; color:#666; text-align: center; box-sizing: border-box; vertical-align:middle; display:inline-block;}
	.board_list.shop input[type=checkbox]{width: 15px; height: 15px; background-color: #fff; border:1px solid #cecece; display: inline-block; box-sizing: border-box;}
	.board_list.shop .link>a{color: #666; display:inline-block; vertical-align: top; position: relative;}
	.board_list.shop .link>a+a{margin-left:7px;}
	.board_list.shop .link>a+a:before{content: ""; width: 1px; height: 10px; margin-top:-5px; background-color: #666; display: inline-block; position:absolute; left: -5px; top:50%;}

	.board_list.shop .cart{padding:20px !important;}
	.board_list.shop .cart>.proCart{width:100%; text-align: left; display:table;}
	.board_list.shop .cart>.proCart .thumb{width:83px; height:72px; background-repeat: no-repeat; background-position: center center; background-size: cover; border:1px solid #e7e7e7; display:table-cell; vertical-align: middle; box-sizing: border-box;}
	.board_list.shop .cart>.proCart .title{padding-left:20px; font-weight: 400; font-size:16px; line-height:1.4; color: #333; letter-spacing: -1px; display:table-cell; vertical-align: middle;}

	.board_list.shop .amount{font-size:0 !important; line-height:0 !important;}
	.board_list.shop .amount input[type=text]{width:40px; height:27px; margin-right:-1px; padding:0 5px; border:1px solid #cfcfcf; font-weight: 300; font-size:14px; line-height:24px; color: #666; text-align: center; display:inline-block; vertical-align: middle;}
	.board_list.shop .amount>.btns{display:inline-block; vertical-align: top;}
	.board_list.shop .amount>.btns>a{width:15px; height:14px; background-repeat: no-repeat; background-position: center center; display:block;}
	.board_list.shop .amount>.btns>a.minus{margin-top:-1px; background-image: url('../../images/shopping/btn_cart_down.gif');}
	.board_list.shop .amount>.btns>a.plus{background-image: url('../../images/shopping/btn_cart_up.gif');}

/* Pageing Style */
	.paging_all{width:100%; margin:60px auto 0; font-size:0; line-height:0; text-align:center; position:relative;}
	.paging_all>.btn,
	.paging_all>.num>strong,
	.paging_all>.num>a{width:40px; height:40px; background-color: #fff; border:1px solid #d1d1d1; text-align: center; display:inline-block; vertical-align:top; box-sizing: border-box; position: relative;}

	.paging_all>.btn:before,
	.paging_all>.btn:after{content: ""; width: 12px; height: 12px; border-width:1px 0 0 1px; border-style:solid; border-color:#666; display: inline-block; position:absolute; left: 50%; top:50%; box-sizing: border-box;}
	.paging_all>.btn:after{opacity: 0;}
	.paging_all>.btn.prev:before{margin:-6px 0 0 -3px; transform:rotate(-45deg);}
	.paging_all>.btn.next:before{margin:-6px 0 0 -9px; transform:rotate(135deg);}

	.paging_all>.num{margin:0 10px; display:inline-block; vertical-align:top}

	.paging_all>.num>strong,
	.paging_all>.num>a{margin-left:-1px; font-weight: 300; font-size:15px; line-height:38px; color:#666;}

	.paging_all>.btn:hover{background-color: rgba(65,64,66,0.2); border-color:#414042;color:#c49a6c;}
	.paging_all>.btn:hover:before,
	.paging_all>.btn:hover:after{border-color:#666;}

	.paging_all>.num>strong,
	.paging_all>.num>a:hover{border-color:#414042;background-color:rgba(65,64,66,0.2); color:#c49a6c; z-index:2;}


/* Board View */
	.board_view{width:100%; border-width:2px 0 1px; border-style:solid; border-color:#222; overflow:hidden; box-sizing: border-box;}
	.board_view>table{width:100%; margin-bottom:-1px; border-spacing:0;}
	.board_view>table th,
	.board_view>table td{padding:15px 0; border-bottom:1px solid #ccc; font-weight: 300; font-size:18px; line-height:1.4; color:#555; text-align:center; border-collapse:collapse; empty-cells:show; box-sizing: border-box;}

	.board_view>table>thead>tr>th{padding:15px 15px 0; border-bottom:none; font-weight: 500; font-size:20px; text-align: left;}
	.board_view>table .etc{padding:0; text-align:left;}
	.board_view>table .etc>p{padding:15px; font-weight: 300; text-align:center; display:inline-block; vertical-align: top; position: relative;font-size:16px; color:#888;}
	.board_view>table .etc>p+p:before{content: ""; width:1px; height:11px; margin-top:-5px; background-color: #ccc; display: inline-block; position:absolute; left: -2px; top:50%;}
	.board_view>table .etc>p>strong{padding-right:15px; font-weight: 400; display: inline-block;     vertical-align: baseline;position: relative;}
	.board_view>table .etc>p>strong:before{content: ":"; display: inline-block; position:absolute; right: 5px; top:-2px;}

	.board_view>table>tbody>tr>td.cont{height:250px; padding:45px 15px 70px; border-bottom:none; font-weight: 400; text-align: left; vertical-align: top;width:1200px;}
	.board_view>table>tbody>tr>td.cont>div{width:1200px;}
	.board_view>table>tbody>tr>td.cont img{width:100% !important; height:auto !important;display:block;max-width:none;}
	.board_view>table>tbody>tr>td.cont .bookImg{width:300px; padding:40px; margin:0 auto; background:#f1f1f3 url('../../images/front/noimage.jpg') no-repeat center center;}
	.board_view>table>tbody>tr>td.cont .bookImg>img{box-shadow:0px 0px 16px rgba(136,136,136,0.45); -moz-box-shadow:5px 5px 16px rgba(136,136,136,0.45); -webkit-box-shadow:0px 0px 16px rgba(136,136,136,0.45);}

	.board_view>table>tbody>tr>td.file{padding:10px 15px 30px 12px; font-size:0; line-height:0; text-align: left;}
	.board_view>table>tbody>tr>td.file>a{margin:5px 0 0 3px; padding:0 58px 0 10px; background:#333333 url('../../images/front/btn_bView_file.png') no-repeat right center; font-size:16px; line-height:35px; color: #fff; display:inline-block; vertical-align: top; border-radius:2px;}

	.board_view td.answer{padding:30px; border: 1px solid #dbdbdb; text-align: left;  vertical-align: top;color:#555555; font-size:18px; line-height:28px;margin-bottom:50px; display:block;}
	.board_view td.answer>.tit{padding-bottom:15px; font-weight: 500; font-size:20px; line-height:28px; color: #333;}



	.board_view table.inTb{width:100%; margin-top:50px; border-top:1px solid #d3d3d3; border-spacing:0; table-layout: fixed;}
	.board_view table.inTb th,
	.board_view table.inTb td{padding:20px; border-bottom:1px solid #d3d3d3; font-weight: 300; font-size:15px; line-height:1.4; color:#666; text-align:left; border-collapse:collapse; empty-cells:show; box-sizing: border-box;}
	.board_view table.inTb th{padding:20px 0; background-color: #f7f7f7; color: #333; text-align:center;}
	.board_view table.inTb .money{font-weight: 400; color: #f43131;}

	.board_view table.inTb+table.inTb{margin-top:30px;}

/* Comment Style */
	.commentArea{font-size:0; line-height:0;}
	.commentArea .writeArea{padding:20px 0;}
	.commentArea .commentTit{font-size:20px; color:#333;font-weight:500;line-height:1; padding:2px 20px;display:flex; justify-content:space-between; align-items:center;}
	.commentEtc{font-size:16px;color:#888888;}

	.commentArea .writeArea dt{height:40px; font-weight:500; font-size:21px; line-height:1; color:#262626; position:relative;}
	.commentArea .writeArea dd+dd{display: flex;margin-top:12px;align-items: center;}

	.commentArea .writeArea dd input[type=text],
	.commentArea .writeArea dd input[type=password]{width:100%; height:40px; margin-right:12px; padding:0 15px; background-color:#fff; border:1px solid #dedede; font-weight: 300; font-size:16px; line-height:38px; color:#444754; box-sizing: border-box; vertical-align:middle; display:inline-block;}

	.commentArea .writeArea dd.two{display: flex; justify-content: space-between;}
	.commentArea .writeArea dd.two>textarea{width:100%; height:100px; margin-right:10px; padding:15px; border:1px solid #dedede; font-size:16px; line-height:1.4; color:#444754; box-sizing: border-box;}
	.commentArea .writeArea dd.two>input[type=submit]{width:130px; min-width:130px; height:100px; background-color:#0168b7; border:none; font-weight: 300; font-size:14px; line-height:1; color:#fff; text-align: center; overflow:hidden; display:inline-block; vertical-align: top; box-sizing:border-box; border-radius:2px; cursor: pointer; position: relative;}
	.commentArea .writeArea dd.two>input[type=button]{width:130px; min-width:130px; height:100px; background-color:#bd955b; border:none; font-weight: 300; font-size:14px; line-height:1; color:#fff; text-align: center; overflow:hidden; display:inline-block; vertical-align: top; box-sizing:border-box; border-radius:2px; cursor: pointer; position: relative;}

	.commentArea .writeArea .checkIn{padding-left:5px; vertical-align: middle;}
	.commentArea .writeArea .checkIn input[type=checkbox]+label{padding-left:20px; line-height:18px; color: #666;}
	.commentArea .writeArea .checkIn input[type=checkbox]+label:before{ width: 15px; height: 15px; border:1px solid #dedede; top:1px;}

	.commentArea{font-size:20px; line-height:0;}
	.commentArea .cwriteArea{}
	.commentArea .cwriteArea dt{height:30px; font-weight:500; font-size:18px; line-height:1; color:#262626; position:relative;}
	.commentArea .cwriteArea dd{display: flex; justify-content: space-between;}
	.commentArea .cwriteArea dd>textarea{width:91%; height:100px; margin-right:5px; padding:15px; border:1px solid #d6d4d5; font-size:14px; line-height:1.4; color:#666; box-sizing: border-box;}
	.commentArea .cwriteArea dd>input[type=submit]]{width:100px; min-width:100px; height:100px; background-color:#5a4599; border:none; font-weight: 300; font-size:14px; line-height:1; color:#fff; text-align: center; overflow:hidden; display:inline-block; vertical-align: top; box-sizing:border-box; border-radius:2px; cursor: pointer; position: relative;}

	.commentArea .viewArea{margin-top:20px; border-top:1px solid #dedede;}
	.commentArea .viewArea>dl{padding:20px; border-bottom:1px solid #dedede; font-size:14px; line-height:1.4; color:#666; position:relative;}
	.commentArea .viewArea>dl>dt{font-size:16px;margin-top:15px;}
	.commentArea .viewArea>dl>dd{position: relative;color:#303030;font-size:18px;font-weight:500;}
	.commentArea .viewArea>dl>dd>span{display:inline-block; vertical-align: middle; position: relative;}
	.commentArea .viewArea>dl>dd>span+span{margin-left:15px;color:#888;font-size:16px;}
	.commentArea .viewArea>dl>dd>span+span:before{content: ""; width:1px; height:10px; margin-top:-4px; background-color: #ccc; font-size:0; line-height:0; position: absolute; left:-8px; top:50%;}

	.commentArea .viewArea>dl>dd .comment_btn{display:inline-block; position:absolute; right:0; bottom:-4px;}
	.commentArea .viewArea>dl>dd .comment_btn>a{padding:0 10px; border:1px solid #ccc; font-size:14px; line-height:25px; color:#666; display:inline-block; vertical-align:top; position: relative; border-radius:3px;}
	.commentArea .viewArea>dl>dd .comment_btn>a+a{margin-left:3px;}

	.commentArea .btnArea>a{background-color:#bd955b;height:46px; line-height:46px; width:110px;font-size:16px;color:#fff;}

/* PageNavigation Style */
	.pageNavigation{width:100%; margin-top:-1px; border-top:1px solid #ccc; border-bottom:1px solid #222; overflow:hidden; box-sizing:border-box; position: relative; z-index:2;}
	.pageNavigation>dl{width:100%; font-weight: 300; font-size:15px; line-height:1.1; color: #333; display:table; table-layout: fixed;}
	.pageNavigation>dl+dl{border-top:1px solid #ccc;}
	.pageNavigation>dl>*{font-size: 16px;display:table-cell;vertical-align:middle;box-sizing:border-box;position: relative;}
	.pageNavigation>dl>dt{font-weight: 500;width:105px;height:50px;text-align:center;color: #444444;}
	.pageNavigation>dl>dt:before{content: ""; width: 10px; height: 10px; border-width:1px 0 0 1px; border-style:solid; border-color:#474a52; display: inline-block; position:absolute; right: 0; top:50%; box-sizing: border-box;}
	.pageNavigation>dl.prev>dt:before{margin:-2px 0 0 0; transform:rotate(45deg);}
	.pageNavigation>dl.next>dt:before{margin:-7px 0 0 0; transform:rotate(-135deg);}

	.pageNavigation>dl>dd{padding:10px 25px 7px;}
	.pageNavigation>dl>dd>a{max-width:95%; font-weight: 400; color: #333; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.pageNavigation>dl>dd>a:hover{color:#333333; }


/* Password Style */
	.memberArea{width:530px; margin:0 auto; background-color: #fff; border:1px solid #dcdcdc; font-size:0; line-height:0; box-sizing: border-box; border-radius:10px; overflow:hidden;}
	.memberArea .txt{padding-bottom:25px; font-weight: 300; font-size:15px; line-height:1; color: #777; text-align: center;}
	.memberArea .memTit{padding:42px 0 20px; text-align: center;}
	.memberArea .memTit>dt{font-weight: 500; font-size:24px; line-height:1; color: #333;}
	.memberArea .memTit>dd{padding-top:13px; font-weight: 300; font-size:14px; line-height:1.5; color: #333;}
	.memberArea .memTit>dd>p{color: #666;}

	.memberArea .fildBox{padding:0 35px;}
	.memberArea .fildBox input[type=text],
	.memberArea .fildBox input[type=password]{width:100%; height:55px; padding:0 20px; background-color:#ffff; border:1px solid #c7c7c7; font-weight: 300; font-size:15px; line-height:53px; color:#444754; box-sizing: border-box; display:block;}
	.memberArea .fildBox input + input{margin-top:7px;}

	.memberArea .findBtn{text-align: right;}
	.memberArea .findBtn>span,
	.memberArea .findBtn>a{font-weight: 300; font-size:14px; line-height:1; color: #6a777c; display:inline-block; vertical-align: top;}
	.memberArea .btnArea>input[type=submit]{width:100%; height:55px; font-size:16px;}

	.memberArea .txtBtn{margin-top:45px; padding:30px 38px; background-color: #f9f9f9;}
	.memberArea .txtBtn>li{display: flex; justify-content: space-between;}
	.memberArea .txtBtn>li+li{margin-top:5px;}
	.memberArea .txtBtn>li>*{display:inline-block; vertical-align: top;}
	.memberArea .txtBtn>li>span{font-weight: 300; font-size:15px; line-height:35px; color: #666;}
	.memberArea .txtBtn>li>a{width:146px; background-color: #444; border:1px solid #444; font-size:13px; line-height:33px; color: #fff; text-align: center;}

	.memberArea.find{width:890px; padding:50px 0;}
	.memberArea.find .memTit{padding-top:0;}
	.memberArea.find .inBox{width:421.5px; padding:0 20px; display:inline-block; vertical-align: top; box-sizing: border-box;}
	.memberArea.find .inBox+.inBox{border-left:1px solid #d3d3d3;}
	.memberArea.find .fildBox{padding:0 0px;}

	.memGray{padding:25px 30px; background-color: #f8f8f8; font-size:0; line-height:0;}
	.memGray>li{padding-left:8px; font-weight: 300; font-size:14px; line-height:1.3; color: #666; position: relative;}
	.memGray>li+li{margin-top:7px;}
	.memGray>li:before{content: "·"; color: #f16c9f; display: inline-block; position:absolute; left: 0; top:0px;}
	.memGray>li.point>span{font-weight: 400; color: #333; display:inline-block; vertical-align: top; position: relative;}
	.memGray>li.point>span+span{margin-left:41px;}
	.memGray>li.point>span+span:before{content: ""; width: 1px; height: 10px; margin-top:-5px; background-color: #333; display: inline-block; position:absolute; left: -21px; top:50%;}
	.memGray>li.point+li{margin-top:17px;}

	/*
	.joinEnd{height:366px; padding:55px 0 0 95px; background:url('../../images/sub/bg_join_end.gif') no-repeat left top; font-size:0; line-height:0; color: #333; box-sizing: border-box;}
	.joinEnd>dt{font-size:24px; line-height:1;}
	.joinEnd>dd{padding-top:15px; font-weight: 300; font-size:14px; line-height:22px;}
	*/
	.joinEnd{width:100%; padding:80px 60px; background-color: #f8f8f8; font-size:0; line-height:0; display:table; box-sizing: border-box;}
	.joinEnd>div{display:table-cell; vertical-align: top; box-sizing: border-box;}
	.joinEnd>.textArea{width:407px; color: #333;}
	.joinEnd>.textArea .title{font-weight: 500; font-size:24px; line-height:1;width:100%;display:block;}
	.joinEnd>.textArea .text{font-weight: 300; font-size:14px; line-height:22px;}
	.joinEnd>.textArea .text .point{color: #666;}
	.joinEnd>.textArea>a{width:140px; height:50px; background-color: #333333;border:1px solid #333333; font-size:15px; line-height:50px; color: #fff; text-align: center; display:inline-block; vertical-align: top; cursor: pointer;}
	.joinEnd>.textArea>a+a{margin-left:50px; color:#333333; background-color:#f8f8f8;border:1px solid #333333;}
	.joinEnd>.imgArea{width:362px; text-align: center; vertical-align: middle;}
	.joinEnd>.imgArea>p{padding:0; background-color: #e8e8e8;padding:100px 0;}

	.secedeArea{padding:35px 30px; background-color: #f8f8f8; font-weight: 400; font-size:15px; line-height:26px; color: #666;}
	.secedeArea>p>span{padding-left:17px;}
	.secedeArea>p+p{padding-top:15px;}
	.secedeArea .point{font-weight: 500; color: #db232b;}


/* Board Write */
	.psBul{padding-left:7px; display:inline-block; vertical-align: middle; position: relative;}
	.psBul:before{content: "*"; color: #bd955b; position:absolute; left: -6px; top:3px;}
	.wPs{padding-bottom:10px; font-weight: 300; font-size:14px; line-height:1; color: #666; text-align: right;}

	.board_write{width:100%; border-width:2px 0 1px; border-style:solid; border-color:#222; overflow:hidden; box-sizing: border-box;}
	.board_write>table{width:100%; margin-bottom:-1px; border-spacing:0;table-layout:fixed;}
	.board_write>table th,
	.board_write>table td{height:70px; padding:7px 12px; border-bottom:1px solid #dcdcdc; font-weight: 300; font-size:18px; line-height:1.3; color: #666; text-align:left; vertical-align: middle; border-collapse:collapse; empty-cells:show; box-sizing: border-box;}


.board_write>table .btnBox span{font-size:18px;padding-left:10px;margin: 0 60px;background-color: #fff!important;}
	.board_write>table th,
	.board_write>table .btnBox span{background-color:#f8f8f8; font-weight:500; line-height:20px; color: #333; text-align: center;}
	.board_write.list>table td{padding:7px 6px;}
	.board_write.list.tac>table td{text-align: center;}
	.board_write.text>table{width:891px;}
	.board_write.text>table td{padding:10px; border-right:1px solid #dcdcdc; font-size:15px; line-height:1.5; text-align: center; position: relative;}
	.board_write.text>table tbody th{border-right:1px solid #dcdcdc;}
	.board_write.text>table .points>td:before{content: ""; border-top:2px solid #333333; position:absolute; left:-1px; right:-1px;}
	.board_write.text>table .points.top>td:before{top:-1px;}
	.board_write.text>table .points.btm>td:before{bottom:-1px;}
	.board_write.text>table .points.top>td:first-child:after{content: ""; border-left:2px solid #333333; border-bottom:2px solid #333333; position:absolute; left:-1px; right:-1px; top:-1px; bottom:-1px;}
	_:-ms-fullscreen, :root .board_write.text>table .points.top>td:first-child:after{bottom:-67px;}
	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
		.board_write.text>table .points.top>td:first-child:after{bottom:-67px;}
	}
	.board_write.text>table .points.top>td:last-child:after,
	.board_write.text>table .points.btm>td:last-child:after{content: ""; border-right:2px solid #333333; position:absolute; right:0px; top:-1px; bottom:-1px;}

	.board_write input[type=text],
	.board_write input[type=password],
	.board_write input[type=file],
	.board_write select,
	.board_write textarea{width:100%; height:50px; padding:0 10px; background-color:#fff; border:1px solid #dfdfdf; font-weight: 300; font-size:16px; line-height:34px; color:#888; box-sizing: border-box; vertical-align:middle; display:inline-block;}

	.board_write select{background:#fff url('../../images/front/bg_select_arr.gif') no-repeat 95% center; line-height:36px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
	.board_write select::-ms-expand{display:none;}
	.board_write textarea{width:100%; height:135px; padding:10px; line-height:1.5; display:block;}

	.board_write .btnBox{font-size:0; line-height:0;}
	.board_write .btnBox>input,
	.board_write .btnBox>select{width:39.8%;}
	.board_write .btnBox>.btns{padding:0 20px; background-color: #848484; border:1px solid #777; font-size:16px; line-height:48px; color: #fff; display:inline-block; vertical-align: middle;}
	.board_write .btnBox>input+.btns{margin-left:5px;}

	.board_write .two{max-width:43.5%; font-size:0; line-height:0; display: flex; justify-content: space-between;}

	.board_write .three{font-size:0; line-height:0; display: flex; justify-content: space-between;}
	.board_write .three input,
	.board_write .three select{width:33%;}

	.board_write .three.birth{max-width:65%;}

	.board_write .three.phone{max-width:50.3%;}
	.board_write .three.phone input{width:36%;}
	.board_write .three.phone select{width:26%;}

	.board_write .three.days{max-width:50%;}
	.board_write .three.days input,
	.board_write .three.days select{width:100%;}
	.board_write .three.days *+*{margin-left:5px}

	.board_write .three.email{max-width:77%;}
	.board_write .three.email input{width:32%;}
	.board_write .three.email select{width:35%;}
	.board_write .three.email input+select{margin-left:5px;}
	.board_write .three.email .btns{margin-left:5px; padding:0 20px; background-color: #848484; border:1px solid #777; font-size:14px; line-height:34px; color: #fff; display:inline-block; vertical-align: middle;}

	.board_write .juso{margin-top:5px; font-size:0; line-height:0; display: flex; justify-content: space-between;}
	.board_write .juso>input{width:40%;}
	.board_write .juso>input+input{width:60%; margin-left:5px;}

	.board_write .checkBox{margin:-5px -12px; padding:7px 12px;}
	.board_write .checkBox + .checkBox{margin-top:2px; padding-top:15px; border-top:1px solid #dcdcdc;}
	.board_write .checkBox .checkIn{width:35%;}
	.board_write .checkBox .checkIn + .checkIn{margin:5px 0;}
	.board_write .checkBox.four .checkIn{width:23%;}

	.board_write .rowBox{margin:-5px -12px; padding:7px 12px;}
	.board_write .rowBox + .rowBox{margin-top:7px; padding-top:7px; border-top:1px solid #dcdcdc;}

	.board_write>table .file{width:100%; font-size:0; line-height:0; position:relative; overflow:hidden;}
	.board_write>table .file>.file_wrap>.btnFile,
	.board_write>table .file>.thumb,
	.board_write>table .file>.thumb.text{height:40px;}

	.board_write>table .file+.file{margin-top:5px;}
	.board_write>table .file .checkIn{margin-right:10px; vertical-align: middle;}
	.board_write>table .file>.file_wrap{vertical-align:middle; display:inline-block;}
	.board_write>table .file>.file_wrap>.btnFile{width:100px; margin-right:10px; background-color: #707070; border:1px solid #707070; font-size:14px; line-height:38px; color: #fff; text-align: center; vertical-align:middle; cursor:pointer; overflow:hidden; display:inline-block; position: relative; box-sizing: border-box;}
	.board_write>table .file>.file_wrap>.btnFile>input[type=file]{width:100%; height:100%; opacity:0; cursor:pointer; position: absolute; left:0; top:0; z-index:3;}
	.board_write>table .file>.file_route{font-size:14px; line-height:1.3; color:#666; display:inline-block; vertical-align:middle; box-sizing: border-box; overflow:hidden; cursor: pointer;}

	.board_write>table .file>.thumb{width:40px; background-position: center top; background-repeat: no-repeat; background-size: cover; display:inline-block; vertical-align: middle; overflow:hidden;}
	.board_write>table .file>.thumb>.over{width:0; height:0; margin:0; background-position: center top; background-repeat: no-repeat; background-size: cover; display: block; position: fixed; left: 50%; top:50%; z-index:99; box-sizing: border-box; -webkit-transition: .4s; transition: .4s; transform-origin: 50% 50%; opacity: 0;}
	.board_write>table .file>.thumb:hover>.over{width:480px; height:480px; margin:-240px 0 0 -240px; opacity: 1;}
	.board_write>table .file>.thumb.text{width:auto; max-width:700px; padding:0 15px; font-weight: 300; font-size:14px; line-height:40px; color:#666; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box;}
	.board_write>table #fileArea{position: relative;}
	.board_write>table #fileArea .filePlus{width:100px; height:40px; background-color: rgba(35,24,21,0.4); font-size:14px; line-height:40px; color: #fff; text-align: center; position: absolute; right:15px; top:10px; z-index:5; border-radius:2px; box-sizing: border-box; cursor: pointer;}
	.board_write>table #fileArea .filePlus:before{content: "+ ";}

	.board_write>table .type{min-height:36px; font-weight: 300; font-size:14px; line-height:3.3; color: #888; display:inline-block; vertical-align:middle;}
	.board_write>table .type.l{margin:0 15px 0 5px;}
	.board_write>table .type.r{margin:0 5px 0 15px;}
	.board_write>table .type.c{margin:0 5px;}
	.board_write>table .point{color: #333333;}

	.board_write>table .checkIn{margin-bottom:3px; vertical-align: middle;}
	.board_write>table .checkIn + .checkIn{margin-left:30px;}
	.board_write>table input[type=password] + .checkIn{margin-left:10px;}

	.board_write .checkTxt{margin-top:5px;}
	.board_write .checkTxt .checkIn + .checkIn{margin-left:15px;}


/* Faq List */
	.faqArea{width:100%; border-top:2px solid #222; font-size:0; line-height:0; position:relative;}
	.faqArea>li{border-bottom:1px solid #ccc;position:relative;}
	.faqArea>li .q{padding:18px 90px 18px 71px; font-weight: 500; font-size:16px; line-height:25px; color: #464646; display:block; position: relative; box-sizing: border-box;}
	.faqArea>li .q:before{content: "Q"; width:33px; height:33px; font-size:24px; line-height:31px; color: #bd955b; text-align: center; display: inline-block; position:absolute; left: 15px; top:12px; box-sizing: border-box; border-radius:3px;font-weight:500;}
/* 	.faqArea>li .q>.bul{width:24px; height:13px; margin-top:-6.5px; position: absolute; right:30px; top:50%; display:inline-block;}
	.faqArea>li .q>.bul:before,
	.faqArea>li .q>.bul:after{content: ""; width:15px; height: 2px; margin:0 0 0 0; background-color: #333; display: block; position:absolute; top:50%;}
	.faqArea>li .q>.bul:before{right:10px; transform:rotate(45deg);}
	.faqArea>li .q>.bul:after{right:0px; transform:rotate(-45deg);} */

	.faqArea>li .q> .bul{border-radius: 45px;width: 26px;height: 26px;margin-top:-15.5px;position: absolute;right:30px;top:50%;display:inline-block;background-color:#56504d;border:1px solid #56504d;padding: 16px;box-sizing:border-box;}
	.faqArea>li .q> .bul:after,
	.faqArea>li .q> .bul:before{content: "";width: 12px;height: 2px;margin:0 0 0 0;background-color: #fff;display: block;position:absolute;top:50%;}
	.faqArea>li .q> .bul:after{left: 6px;transform:rotate(45deg);}
	.faqArea>li .q> .bul:before{right: 6px;transform:rotate(-45deg);}


	.menuLayer .gnb>li>a i{width:24px; height:13px; margin-top:-6.5px; position: absolute; right:30px; top:50%; display:inline-block;}
	.menuLayer .gnb>li>a i:after,
	.menuLayer .gnb>li>a i:before{content: ""; width:15px; height: 2px; margin:0 0 0 0; display: block; position:absolute; top:50%;}
	.menuLayer .gnb>li>a i:after{right:10px; transform:rotate(45deg);}
	.menuLayer .gnb>li>a i:before{right:0px; transform:rotate(-45deg);}

	.faqArea>li.active .q{/* background-color: #f8f8fa; */}
	.faqArea>li.active .q:before{}
	.faqArea>li.active .q>.bul:before,
	.faqArea>li.active .q>.bul:after{ background-color: #bd955b;}
	.faqArea>li.active .q>.bul{background-color:#fff; border:1px solid #dbdbdb;}

	.faqArea>li.active .q>.bul{transform:rotate(180deg);}

	.faqArea>li .q:hover{}

	.faqArea>li .a{padding:16px 65px 60px 105px; background-color: #f8f8fa; border-top:1px solid #ccc; font-weight: 300; font-size:18px; line-height:48px; color: #464646; display:none; position: relative; box-sizing: border-box;}
	.faqArea>li .a:before{content: "A";width:33px;height:33px;font-size:20px;line-height:31px;color: #252525;text-align: center;display: inline-block;position:absolute;left: 60px;top: 23px;box-sizing: border-box;border-radius:3px;font-weight:500;}
	.faqArea>li .a .btnBox{text-align: right; display:inline-block; position: absolute; right:30px; bottom:30px;}


	.faqArea>li.noPost{width:100%; height:300px; font-size:16px; line-height:1; color: #474a52; text-align: center; display:table; box-sizing: border-box;}
	.faqArea>li.noPost>p{display:table-cell; vertical-align: middle;}


/* Board List */
	.photo_list{width:100%; font-size:0; line-height:0; overflow:hidden;}
	.photo_list>ul{display: flex;justify-content: flex-start;flex-wrap:wrap;}
	.photo_list>ul>li{box-sizing: border-box;}
	.photo_list>ul>li>a{width:100%; display:block; position: relative;}
	.photo_list>ul>li>a .thumb{height:231px; background-position: center center; background-repeat: no-repeat; background-size: cover; overflow:hidden; position: relative; box-sizing: border-box;}
	.photo_list>ul>li>a span.bg{width:100%; height:100%; background-color: rgba(0,0,0,0.4); position: absolute; left:0; top:0; opacity: 0; z-index:1; transition: all .3s ease-out;  transform-origin: 50% 50%;}
	.photo_list>ul>li>a span.bg:before,
	.photo_list>ul>li>a span.bg:after{content: ""; background-color: #fff; display: inline-block; position:absolute; left: 50%; top:50%; box-sizing: border-box; transition: all .3s ease-out;  transform-origin: 50% 50%; opacity: 0;}
	.photo_list>ul>li>a span.bg:before{width: 200px; height: 1px; margin:-0.5px 0 0 -100px;}
	.photo_list>ul>li>a span.bg:after{width: 1px; height: 200px; margin:-100px 0 0 -0.5px;}

	.photo_list>ul>li>a .area{width:100%; border:1px solid #ebebeb; box-sizing: border-box; display:table; table-layout: fixed;}
	.photo_list>ul>li>a .area .in_area{height:112px; padding:15px; display:table-cell; vertical-align: middle; box-sizing: border-box; transition: all .3s ease-out; }
	.photo_list>ul>li>a .area p{font-weight: 300; font-size:14px; line-height:18px; color: #666; overflow: hidden; display: block; position: relative; box-sizing: border-box;}
	.photo_list>ul>li>a .area .title{font-weight: 400; font-size:15px; color: #222;}
	.photo_list>ul>li>a .area .title .icon{margin:0 0 2px 5px; vertical-align: middle;}
	.photo_list>ul>li>a .area .txt{margin-top:5px;}
	.photo_list>ul>li>a .area .day{margin-top:5px;}

	.photo_list>ul>li>a .area .one{text-overflow: ellipsis; white-space: nowrap;}
	.photo_list>ul>li>a .area .two{max-height:36px; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.photo_list>ul>li>a .area .three{max-height:54px; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

	.photo_list>ul>li>a:hover span.bg{opacity: 1;}
	.photo_list>ul>li>a:hover span.bg:before{width: 50px; margin:-0.5px 0 0 -25px; opacity: 1;}
	.photo_list>ul>li>a:hover span.bg:after{height: 50px; margin:-25px 0 0 -0.5px; opacity: 1;}

	/* card style */
		.photo_list.card>ul>li>a .thumb{height:375px;}
		.photo_list.card>ul>li>a span.bg{display:none; z-index:-999;}

		.photo_list.card>ul>li>a .area{height:auto; background-color: rgba(0,0,0,0.6); border:none; position: absolute; left:0; bottom:0px; z-index:2;}
		.photo_list.card>ul>li>a .area .in_area{height:95px; vertical-align: top;}
		.photo_list.card>ul>li>a .area p{color: #ccc;}
		.photo_list.card>ul>li>a .area .title{color: #fff;}

		.photo_list.card>ul>li>a:hover .area .in_area{height:375px;}

	/* board style */
		.photo_list.board{border-top:1px solid #222; border-bottom:1px solid #222;}
		.photo_list.board>ul{margin:0 0 -1px 0;}
		.photo_list.board>ul>li{width:100%; padding:30px 20px; border-bottom:1px solid #d9d9d9;}
		.photo_list.board>ul>li>a{display:table; table-layout: fixed;}
		.photo_list.board>ul>li>a .thumb{width:220px; min-width:220px; height:220px; background-position: center center; background-repeat: no-repeat; background-size: cover; overflow:hidden; display:table-cell; vertical-align: middle;}

		.photo_list.board>ul>li>a .area{width:auto; height:auto; padding:0 0 0 0; border:none; display:table-cell; vertical-align: middle;}
		.photo_list.board>ul>li>a .area .in_area{height:auto; padding:0; display:inline;}
		.photo_list.board>ul>li>a .thumb+.area{padding:0 0 0 30px;}
		.photo_list.board>ul>li>a .area p{line-height:22px;}
		.photo_list.board>ul>li>a .area .title{padding:0; font-weight:500; font-size:16px; color: #222;}
		.photo_list.board>ul>li>a .area .txt{margin-top:10px;}

		.photo_list.board>ul>li>a .area .day{margin-top:15px; padding-left:20px; background:url('../../images/icon_day.gif') no-repeat left center;}

		.photo_list.board>ul>li>a .area .two{max-height:44px;}
		.photo_list.board>ul>li>a .area .three{max-height:66px;}

	.photo_list.two>ul,
	.photo_list.three>ul,
	.photo_list.four>ul,
	.photo_list.five>ul{margin:-12px 0 0 -12px;}

	.photo_list.two>ul>li,
	.photo_list.three>ul>li,
	.photo_list.four>ul>li,
	.photo_list.five>ul>li{padding:12px 0 0 28px; display:inline-block; vertical-align: top;}

	.photo_list.two>ul>li{width:50%;}
	.photo_list.three>ul>li{width:33.3333%;}
	.photo_list.four>ul>li{width:25%;}
	.photo_list.five>ul>li{width:20%;}

	.photo_list>ul>li.noPost{width:100%!important; height:400px; padding-top:190px; font-size:16px; line-height:1; color: #474a52; text-align: center; box-sizing: border-box;font-weight:500;}


/*menu style*/
	.photo_list.allmenu>ul{display:flex;justify-content:flex-start;flex-wrap:wrap;}
	.photo_list.allmenu>ul>li{margin-bottom:100px;}
	.photo_list.allmenu>ul>li+li{margin-left:26px;}
	.photo_list.allmenu>ul>li:nth-child(3n+1){margin-left:0;}
	.photo_list.allmenu>ul>li>a{border:1px solid #ebebeb;width:380px;}
	.photo_list.allmenu>ul>li>a .thumb{height:300px; /* border: 1px solid #ebebeb; */}
	.photo_list.allmenu>ul>li>a .area{border:none;}
	.photo_list.allmenu>ul>li>a .area .in_area{height:200px;text-align:center;position:relative;background-color:#fff;padding: 15px; box-sizing:border-box;vertical-align:top;}

	.photo_list.allmenu>ul>li>a .area .in_area .min_area{margin-bottom:35px;}
	.photo_list.allmenu>ul>li>a .area .in_area .min_area > * {display:inline-block; vertical-align:top;}
	.photo_list.allmenu>ul>li>a .area .in_area .min_area > span{max-width:71%;}

	.photo_list.allmenu>ul>li>a .area .in_area .min_area .title:before{/* content: ""; */width: 252px;height: 1px;background-color: #dbdbdb;position: absolute;bottom: 1px;left: 50%;margin-left: -126px;}
	.photo_list.allmenu>ul>li>a .area .title{padding: 0 10px;display: block;font-size:30px;color:#414042;line-height:40px;font-weight:600;letter-spacing:-0.03em;}
	.photo_list.allmenu>ul>li>a .area .txt{margin-top:5px;font-size:13px; color:#414042;letter-spacing:-0.025em;}
	/* .photo_list.allmenu>ul>li>a .area .title.new{content:"";background: url("../../images/sub/img_new.png") left center no-repeat;}
	.photo_list.allmenu>ul>li>a .area .title.hot01{content:"";background: url("../../images/sub/img_hot01.png") left center no-repeat;}
	.photo_list.allmenu>ul>li>a .area .title.best{background:url("../images/img_best.png")no-repeat;} */

	.photo_list.allmenu>ul>li>a .bg{width:100%; height:100%; background-color: rgba(0,0,0,0.6); position: absolute; left:0; top:0; opacity: 0; z-index:2; transition: all .3s ease-out;  transform-origin: 50% 50%;overflow:hidden;}
	.photo_list.allmenu>ul>li>a .bg>p{font-size:28px; color:#fff;text-align:center;margin-top:175px;font-weight:500;line-height:32px;letter-spacing:-0.035em;}
	.photo_list.allmenu>ul>li>a .bg:before{height:0;}
	.photo_list.allmenu>ul>li>a .bg:after{width: 100%; height: 100%; margin:-100px 0 0 -0.5px;background: url('../../images/sub/glass.png') no-repeat center center;/* top:230px; */ left:0;}
	.photo_list.allmenu>ul>li>a .area .title .icon{/* position:absolute;right:0;top:10px; */margin:0 0 0 10px; vertical-align: initial;}
	.photo_list.allmenu>ul>li>a .area .text_icon{position:absolute;right:11px;top:31px;}

	.photo_list.allmenu>ul>li>a .thumb>.new,
	.photo_list.allmenu>ul>li>a .thumb>.best{z-index:1;position:absolute; top:20px; left:20px; color: #fff;font-size: 14px;width: 40px;height: 40px;border-radius: 30px;background-color: #c69c6d;line-height:38px;font-weight:500;text-align:center;}
	.photo_list.allmenu>ul>li>a .thumb>.new{background:#ed1c24;}
	.photo_list.allmenu>ul>li>a .thumb>.best{background:#c69c6d;}
	.photo_list.allmenu>ul>li>a .area .in_area .min_area .best{ padding-top: 7px;height:10px;}
	.photo_list.allmenu>ul>li>a .area .in_area .min_area .hot{    padding-top: 5px;height:28px;}

	.in_area .min_area .title:before{/* content: ""; */width: 252px;height: 1px;background-color: #dbdbdb;position: absolute;bottom: 1px;left: 50%;margin-left: -126px;}
	.title{padding: 0 10px;display: inline-block;font-size:33px;color:#414042;line-height:40px;font-weight:600;letter-spacing:-0.03em;}
	.txt{margin-top:0;font-size:13px; color:#414042;letter-spacing:-0.025em;}

	.photo_list.allmenu.chicken>ul>li>a .area .in_area .min_area > span{max-width:100%;}


	/* 나만의레시피  style */
	.photo_list.recipe ul.list li{width:auto;}
	.photo_list.recipe ul.list li a{width:275px;border:1px solid #dbdbdb; box-sizing:border-box;}
	.photo_list.recipe ul.list li>* .thumb{height:287px;}
	.photo_list.recipe ul.list li>* .area .in_area{height:52px;background-color: rgba(0,0,0,0.4); position: absolute; bottom:0;width:100%;}
	.photo_list.recipe ul.list li>* .area .title{font-weight:300;font-size:14px; color: #fff;display:block; text-align:center;max-width: 100%;}
	.photo_list.recipe ul.list li>* .area .txt{font-size:14px; color: #fff;text-align:center;}
	.photo_list.recipe ul.list li>* .area{border:none;}
	.photo_list.recipe ul.list li>* .area .in_area{}

	.photo_list.recipe ul.list li:nth-child(n+5){margin-top:60px;}

	/* 이벤트 style */
	.photo_list.recipe.event ul.list li>* .area .in_area{height:73px;}
	.photo_list.recipe ul.list li>*.ending{}
	.photo_list.recipe ul.list li>*.ending .area .in_area .title{color:#f3ff2f;font-size:20px; font-weight:500;display:table-cell;text-align:center;vertical-align:middle;}
	.photo_list.recipe ul.list li>*.ending .area .in_area{display:table;height:100%;}

	/* 사업성공 스토리  style */
	.photo_list.recipe.ty01 ul.list li>* .area .in_area{height:73px;background-color: rgba(0,0,0,0.4);position: absolute;bottom:0;width:100%;display: flex;justify-content: center;align-items: center;flex:flex-wrap;    flex-direction: column;}

/* 고객의소리 faq */
	.faqArea.voice>li{color:#464646}
	.faqArea.voice>li .q{position:relative;text-align:center;padding:18px 200px 18px;font-size:18px;font-weight:500;}
	.faqArea.voice>li .q_type{position:absolute;top:30px; left:70px;font-size:18px;font-weight:500;}
	.faqArea.voice>li .a{position:relative;text-align:center;padding:18px 200px 18px;}
	.faqArea.voice>li .a_type{position:absolute;top:30px; left:70px;font-size:18px;font-weight:400;top:14px;}
	.faqArea.voice>li .a:before{left:17px;}


/* 비밀번호 입력 레이어 */
	.passLayer,
	.passLayer .mpl_box{-webkit-transition: .4s; transition: .4s; transform-origin: 50% 50%;}
	.passLayer{background-color: rgba(0,0,0,0.7); font-size:0; line-height:0; position:fixed; left:0; top:0; right:0; bottom:0; z-index:-1; overflow:hidden; overflow-y:auto; opacity:0;}
	.passLayer .closeLy{width:100px;display:inline-block;position: absolute;right: -90px;top: -80px;}
	.passLayer .mpl_In{width:100%; height:100%; display: table; position:relative;}
	.passLayer .mpl_cell{width:100%; height:100%; padding:70px 0; display: table-cell; vertical-align:middle; position:relative; box-sizing: border-box;}
	.passLayer .mpl_box{width:90%; max-width:400px; margin:0 auto; background-color: #fff; font-size:0; line-height:0; text-align: center; position: relative; box-sizing: border-box; opacity:0;}
	.passLayer .mpl_box .mpl_in{padding:20px; font-size:20px; line-height:1.4; text-align: left;}
	.passLayer .mpl_box .mpl_in .form{padding-top:10px; display: flex; justify-content: space-between;}
	.passLayer .mpl_box .mpl_in .form>a{width:30%; height:50px; background-color: #5d6670; font-weight: 300; font-size:14px; line-height:48px; color: #fff; text-align: center; display:inline-block; vertical-align: top;}

	.passLayer input[type=password]{width:70%; height:50px; padding:0 10px; background-color:#fff; border:1px solid #9e9e9e; font-weight: 300; font-size:14px; line-height:48px; color:#666; box-sizing: border-box; display:inline-block; vertical-align:top;}

	.passLayer.active{z-index:99; opacity: 1;}
	.passLayer.active .mpl_box{opacity: 1;}

/*
transition: all .5s linear;
transition: all .5s ease-out;
transform:rotate(180deg);
-webkit-transition-timing-function:ease-in linear; transition-timing-function:ease-in linear;
-webkit-transition-delay: .8s; transition-delay: .8s;
:before{content: ""; width: 24px; height: 24px; background-color: #fff; border:1px solid #666; display: inline-block; position:absolute; left: 0; top:0px; box-sizing: border-box;}
display: flex; justify-content: space-between; // 양쪽 끝 정렬
display: flex; justify-content: space-around; // 센터 정렬
display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; //한줄 감추기
display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; //두줄 감추기
active
:first-child
text-indent:-99999px;
!important
display:table;
table-layout:fixed;
display:table-row;
display:table-cell;
box-sizing:border-box;
word-break:keep-all; word-wrap:break-word;
border-radius:2px;
*/