@charset "utf-8";

/* ----------------------------------------------------------------
- Title		: Common Cascading Style Sheets
- Author	: Key
- Date		: 2016-10
- Description : 공통 요소 및 Layout Style Sheets
---------------------------------------------------------------- */

/* ---------------------
	Skip
------------------------ */
.skip a{position:absolute;top:-9999px;left:0;font-size:0;}
.skip a:focus{display:block;top:0;width:100%;height:30px;line-height:30px;text-align:center;font-size:14px;color:#fff;background:#0099cc;font-weight:600;}


/* ---------------------
	Width
------------------------ */
.w15p{width:15% !important;}
.w20p{width:20% !important;}
.w25p{width:25% !important;}
.w30p{width:30% !important;}
.w33p{width:33% !important;}
.w45p{width:45% !important;}
.w49p{width:49% !important;}
.w50p{width:50% !important;}
.w55p{width:55% !important;}
.w60p{width:60% !important;}
.w65p{width:65% !important;}
.w70p{width:70% !important;}
.w75p{width:75% !important;}
.w78p{width:78% !important;}
.w80p{width:80% !important;}
.w85p{width:85% !important;}
.w90p{width:90% !important;}
.w95p{width:95% !important;}
.w99p{width:99.5% !important;}
.w100p{width:100% !important;}
.wAuto,
.wAuto input[type=text]{width:auto !important;}
input[class^="w"]+span{display:inline-block;margin-left:7px;}

.pointer{cursor:pointer;}
.circle {display:inline-block; width:18px; height:18px; background:#fff; border:1px solid #a50021; border-radius:9px; margin:2px 3px 0 0;}
.circleOn {display:inline-block; width:18px; height:18px; background:#a50021; border-radius:9px; margin:2px 3px 0 0;}
.inImgFile { position:absolute; cursor:pointer; opacity:0; filter:alpha(opacity=0); }

.icoExcel{background:url(/02_images/icon_excel.png) no-repeat 5px center;padding-left:24px !important;}
.icoExcel2{background:url(/02_images/icon_excel.png) no-repeat 5px center;padding-left:18px !important; padding-right:10px !important;}


/* ---------------------
	Button
------------------------ */
.btnArea{overflow:hidden;}
.btnArea .btn{margin:0 2px;}
.btnArea.tCenter .btn{margin:0 2px;}
.btnArea.tRight .btn{margin-left:4px;}
.btnArea.tLeft .btn{margin-right:4px;}
.btnArea.btm_area{margin-top:45px;}
.btn{text-align:center;text-decoration:none;text-indent:0;display:inline-block;vertical-align:middle;box-sizing:border-box;}
.btn:hover{opacity:0.9;}

.btnXS{min-width:52px;height:28px;line-height:28px;padding:0 7px;font-size:0.857em;font-weight:600;}
.btnS{min-width:72px;height:33px;line-height:33px;padding:0 15px;font-size:1.071em;}
.btnSS{min-width:100%;height:33px;line-height:33px;padding:0 15px;font-size:1.071em;}
.btnM{min-width:84px;height:36px;line-height:36px;padding:0 10px;font-size:1.071em;}
.btnL{min-width:140px;height:46px;line-height:46px;padding:0 25px;font-size:1.214em;}
.btnXL{height:50px;line-height:50px;padding:0 20px;font-size:1.214em;}

.btnType01{color:#740017;background:#e9c1c9;}/*현재(161230) pink btn*/
.btnPink{color:#740017;background:#e9c1c9;}
.btnRed{color:#fff;background:#a50021;}
.btnRedRe{color:#a50021;border:1px solid #a50021;background-color:#fff;}
.btnBlue{color:#fff;background-color:#2d87ce;}
.btnBlueRe{color:#2d87ce;border:1px solid #2d87ce;background-color:#fff;}
.btnBlack{color:#fff;background-color:#000;}
.btnBlackRe{color:#000;border:1px solid #000;background-color:#fff;}
.btnGray{color:#383838;border:1px solid #c5c5c5;background-color:#9c9c9c;}
.btnGrayRe{color:#484747;border:1px solid #676565;background-color:#fff;}
.btnGrayDark{color:#fff;border:1px solid #494848;background-color:#545454;}
.btnGrayDarkRe{color:#484747;border:1px solid #545454;background-color:#fff;}
.btnGrayDarkBd{color:#fff;border:1px solid #000;background-color:#545454;}
.btnGreen{color:#fff;background-color:#009F3B;}
.btnGreenRe{color:#009F3B;border:1px solid #009F3B;background-color:#fff;}

.btn[class*="ico_"]{position:relative;background-repeat:no-repeat;background-position-y:center;}
.btnRadius{border-radius:6px;}

.btnDetailView{width:81px;height:19px;line-height:17px;font-size:0.857em;color:#3f3f3f;border:1px solid #bbb7b7;border-radius:5px;}/*버튼:상세페이지의 상세 내용의 열기.닫기*/
.btn_list_more{position:relative;height:35px;line-height:33px;width:65%;margin-top:30px;padding:0 50px 0 36px;font-size:1.143em;letter-spacing:3px;}/*버튼:더보기 ▼*/
.btn_list_more:after{content:"▼";display:inline-block;position:absolute;top:-1px;font-size:1.143em;}

.btn_area.tLeft .btn{margin-right:4px;}
.btn_area.tRight .btn{margin-left:4px;}
.btn_area.tCenter .btn{margin-right:2px;margin-left:2px;}
.btn_area.btm{margin-top:15px;}/*board의 bottom에 위치한 버튼 영역*/
#PageButton {margin-top:-15px;}
.btn_area.btn_up_layer{position:fixed;right:10px;bottom:10px;display:none;z-index:1;}
.btn_area.btn_up_layer2{position:fixed;right:10px;bottom:10px;z-index:1;}

/* ---------------------
	Badge
------------------------ */
.badge{display:inline-block;margin-top:0;text-align:center;font-weight:normal;box-sizing:border-box;vertical-align:baseline;}
.badgeS{min-width:28px;height:15px;line-height:15px;padding:0 4px;font-size:11px;}
.badgeS2{min-width:100px;height:18px;line-height:18px;padding:0 4px;font-size:11px;}
.badgeS3{min-width:35px;height:18px;line-height:18px;padding:0 2px;font-size:11px;}
.badgeM{min-width:60px;height:18px;line-height:18px;padding:0 5px;font-size:11px;}
.badgeM2{height:18px;line-height:18px;padding:0 5px;font-size:11px;}/* .badgeM  차이점 : min-width가 없음 */
.badgeXL{min-width:90px;height:25px;line-height:25px;padding:0 5px;font-size:15px;margin-top:2px;}
.badge_after{margin-left:5px;}
.badge_before{margin-right:5px;}
.badge.bdg_white{color:#8a8a8a;border:1px solid #bfbfbf;background-color:#fff;}
.badge.bdg_black{color:#fff;background-color:#000;}
.badge.bdg_blue{color:#fff;background-color:#2d87ce;}
.badge.bdg_gray{color:#fff;background-color:#bfbaba;}
.badge.bdg_red{color:#fff;background-color:#a50021;}
.badge.bdg_redwine{color:#fff;background-color:#c53955;}
.badge.bdg_orange{color:#fff;background-color:#ff5650;}
.badge.bdg_yellow{color:#fff;background-color:#ed9310;}
.badge.bdg_skyblue{color:#fff;background-color:#829dd2;}
.badge.bdg_skyblue2{color:#fff;background-color:#8D8DC3;}

/* ---------------------
	Table
------------------------ */
.table_area{clear:both;overflow-x:auto;overflow-y:hidden;}
table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;border-bottom:1px solid #dbdbdb;border-left:1px solid #dbdbdb;}
table th, table td{position:relative;padding:8px 20px;color:#3f3f3f;border-right:1px solid #dbdbdb;border-top:1px solid #dbdbdb;}
table th{font-weight:600;background-color:#f6f6f6;}
table td{background-color:#fff;}
table th em{display:inline-block;margin-left:3px;font-size:1.286em;font-weight:normal;color:#a50021;}
table td em{line-height:23px;/*font-size:12px;font-weight:600;*/color:#318bfc;letter-spacing:-0.07em;}
table a{color:#6767b1;}
table.table_scroll{min-width:640px;}

/*thead에 th가 없는 경우*/
table.rowTable{text-align:left;}
table.rowTable th{position:relative;white-space:normal;vertical-align:middle;}
table.rowTable th span{display:inline-block;padding-left:8px;}
table.rowTable td{text-align:left;vertical-align:top;}

/*thead에 th가 있는 경우*/
table.colTable th,
table.colTable td{text-align:center;font-size:13px;color:#4f4f53;}
table.colTable th{padding:4px 5px;}
table.colTable td{padding:4px 10px;}
table.colTable td.subject{text-align:left;}
table.colTable td.subject a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
table.colTable tr:hover td,
table.colTable tr.current td{font-weight:600;color:#318bfc;background-color:#ececec !important;}

/*simple tabel(border-right 및 border-left가 없는 경우)*/
table.simpleTable{border-left:none;}
table.simpleTable th,
table.simpleTable td{border-right:none;}

/*simple section tabel(border-right 및 border-left가 없고 테이블 내에 section이 구분되어 있는 경우)*/
table.simpleSectionTable{border-left:none;}
table.simpleSectionTable th,
table.simpleSectionTable td{padding:8px 8px;border-top:none;border-right:none;}
table.simpleSectionTable th{text-align:center;background-color:#fff;}
table.simpleSectionTable .tableSection th,
table.simpleSectionTable .tableSection td{border-top:1px solid #e4e4e4;}

/* edit table */
table.editTable{border:none;}
table.editTable td{padding:0 0 8px 0;border:none;}
table.editTable td input[type=text],table.editTable td input[type=file],table.editTable td select{width:100%;}
table.editTable td.form_division input{margin-left:1%;}

/* form table */
table.formTable{border:none;}
table.formTable td{padding:0 0 8px 0;border:none;}
table.formTable td input[type=text],table.formTable td input[type=file],table.formTable td select{width:100%;}
table.formTable td.form_division input{margin-left:1%;}

/* Table :List Type */
table.list_table{border-right:1px solid #dbdbdb;}
table.list_table th,
table.list_table td{padding-top:6px;padding-bottom:6px;font-size:1em;border-right:none;}
table.list_table td{padding-right:5px;padding-left:5px;}

/* sort table */
.tablesorter-scroller-header{border:1px solid #dbdbdb;z-index:2;}
.tablesorter-scroller-table{border:1px solid #dbdbdb;z-index:1;}
.table_area.sortTable .tablesorter-scroller-table{margin-top:-1px;}
.table_area.sortTable .tablesorter-scroller-table table tbody{margin-top:-1px;}
.table_area.sortTable .tablesorter-scroller-table table tbody tr[role=row]:nth-of-type(2) td{border-top:none;}
.sortTable .header,
.sortTable .tablesorter-header{
	/* black (unsorted) double arrow */
	background-image:url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
	/* white (unsorted) double arrow */
	/* background-image:url(data:image/gif;base64,R0lGODlhFQAJAIAAAP///////yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==); */
	/* image */
	/* background-image:url(images/black-unsorted.gif); */
	background-repeat:no-repeat;background-position:center right;padding:4px 70px 4px 4px;white-space:nowrap;cursor:pointer;
}
.sortTable .headerSortUp,
.sortTable .tablesorter-headerSortUp,
.sortTable .tablesorter-headerAsc{
	background-color:#ddd;
	/* black asc arrow */
	background-image:url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
	/* white asc arrow */
	/* background-image:url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7); */
	/* image */
	/* background-image:url(images/black-asc.gif); */
}


/* ---------------------
	Pagenate
------------------------ */
.pagenate{clear:both;margin-top:25px;text-align:center;}
.pagenate a,
.pagenate span{display:inline-block;min-width:8px;height:25px;line-height:25px;margin:0 1px 0 2px;padding:0 8px;font-size:15px;color:#3f3f3f;border:1px solid #d9d9d9;}
.pagenate a{background-color:#fff;}
.pagenate span,
.pagenate a:hover,
.pagenate a:active{color:#fff;background-color:#b8b6b5;}
.pagenate + .btn_area{margin-top:-33px;}


/* ---------------------
	Dl
------------------------ */
.dl_area dl{overflow:hidden;text-align:left;}
.dl_area>dl{margin-top:15px;}
.dl_area>dl:first-child{margin-top:0;}
.dl_area dl.section{border-top:1px solid #e4e4e4;}
.dl_area>dl>dt{float:left;}
.dl_area>dl>dd{float:right;}
.dl_area>dl>dt{position:relative;width:12%;min-height:37px;padding-top:5px;padding-left:10px;text-align:left;font-weight:600;box-sizing:border-box;}
.dl_area>dl>dt em{display:inline-block;line-height:1em;margin-left:3px;font-size:1.286em;font-weight:normal;color:#a50021;}
.dl_area>dl>dd{width:88%;min-height:37px;line-height:36px;}
.dl_area dd input[type="text"],
.dl_area dd input[type="file"],
.dl_area dd input[type="url"],
.dl_area dd input[type="tel"],
.dl_area dd input[type="email"],
.dl_area dd select{width:100%;}
.dl_area dd .text_area{overflow-x:hidden;overflow-y:auto;height:63px;line-height:1.5em;padding:5px 6px;border:1px solid #dbdbdb;}
.dl_area dd .check_area{line-height:1.7em}
.dl_area_blck>dl>dt,.dl_area_blck>dl>dd{width:100% !important;}
.dl_area_blck>dl>dt{text-align:left;}


/* ---------------------
	border
------------------------ */
.border_top{border-top:1px solid #d0d0d0;}
.border_bottom{border-bottom:1px solid #d0d0d0;}


/* ---------------------
	Layout : Common
------------------------ */
.inner_wrap{position:relative;overflow:hidden;max-width:1000px;margin:0 auto;padding:0 30px;box-sizing:border-box;}


/* ---------------------
	Layout : Column
------------------------ */
[class^="column_block_"]{overflow:hidden;margin:0 -10px;}
[class^="column_block_"]>[class^="column"]{position:relative;float:left;overflow:hidden;margin:0;padding:0 10px;box-sizing:border-box;}
/*.column_block_1{margin:0;}*/
.column_block_1 .column{float:none;width:100%;margin:0;}
.column_block_2 .column{width:50%;}
.column_block_3 .column{width:33.33333%;}
.column_block_3 .column_2{width:66.66667%;}
.column_block_3 .column:nth-child(3n+1){/*clear:left;*/}
.column_block_4 .column{width:25%;}
.column_block .thumb img{width:100%;height:auto;}
.column_block_1[class*="tasting"] .column_detail1{float:left;width:23%;}
.column_block_1[class*="tasting"] .column_detail2{float:left;width:77%;}
.column_block_1[class*="tasting"] .participation_area{position:absolute;top:20px;right:0;width:320px;}
.column_block_1[class*="tasting"] .user_area .photo{width:54px;}
.column_block_1[class*="tasting"] .appraisal{margin-top:13px;padding-left:24px;}
.column_block_1[class*="tasting"] .tag_area{padding-left:24px;}

.column_block_3.last{border-bottom:none;}


/* ---------------------
	Layout : Header
------------------------ */
#header{border-top:1px solid #931b22;border-bottom:1px solid #931b22;background-color:#a50021;}
#header h1{position:absolute;top:2px;left:30px;line-height:0;margin-top:1px;}
#header h1 img{width:129px;}

#gnb{display:block;}
#gnb ul{overflow:hidden;float:left;margin-left:150px;border-left:1px solid #c24d60;}
#gnb li{float:left;/*border-right:1px solid #c24d60;*/}
#gnb li a{display:block;height:40px;line-height:40px;padding-right:13px;font-size:1.071em;font-weight:600;color:#fff;transition:all 2s ease;}
#gnb li a:before{content:"";display:inline-block;width:1px;height:9px;margin-right:13px;background-color:#fff;vertical-align:middle;}
#gnb li:nth-child(2) a:before{background-color:#a50021;}
#gnb li:sec-child a:before{display:none;}
#gnb li:first-child a{padding-left:18px;}
#gnb li:first-child a:before{display:none;}
#gnb li a span{display:inline-block;margin-left:2px;font-size:0.667em;opacity:1;transition:all 1s ease;}
#gnb .btn_menu_close{display:none;}

#header .common_form{position:absolute;top:7px;right:30px;}
#header .common_form .btn_area{float:right;margin-right:2px;}
#header .common_form .btn_area .btn{height:21px;line-height:21px;font-size:0.929em;font-weight:600;color:#fff;vertical-align:middle;}
#header .common_form .btn_area .btn .user{margin-bottom:10px;}
#header .common_form .btn_login{padding:0 1px 0 24px;background:url(/02_images/icon_login.png) no-repeat left center;}
#header .common_form .btn_mypage:before{content:"";display:inline-block;width:1px;height:6px;margin-right:4px;background-color:#fff;vertical-align:middle;}
#header .common_form .btn_logout:before{content:"";display:inline-block;width:1px;height:6px;margin-right:4px;background-color:#fff;vertical-align:middle;}

#header .gnb_form .btn_area{padding:4px 0 8px;text-align:center;background-color:#EEF0F3;}
#header .gnb_form .btn_area .btn{display:inline;height:21px;line-height:21px;font-size:1.5em;font-weight:600;vertical-align:middle;}
#header .gnb_form .btn_area a span{margin-left:17px;}
#header .gnb_form .btn_login{padding:0 4px 3px 34px;background:url(/02_images/icon_login.png) no-repeat left center;}
#header .gnb_form .btn_mypage:before{content:"";display:inline-block;width:1px;height:9px;vertical-align:middle;}
#header .gnb_form .btn_logout:before{content:"";display:inline-block;width:1px;height:9px;vertical-align:middle;}

#header .total_search_area{position:relative;overflow:hidden;float:left;width:190px;margin-right:10px;background:#fff;box-sizing:border-box;transition:all 2s ease;}
#header .total_search_area>div{line-height:0;margin-right:14px;}
#header .total_search_area input{height:23px;line-height:23px;width:95%;padding-left:10px;font-size:0.857em;border:none;background-color:transparent;box-sizing:border-box;}
#header .total_search_area input::-webkit-input-placeholder {color:#c4bfc0;}/* Webkit */
#header .total_search_area input::-moz-placeholder {color:#c4bfc0;}/* Firefox */
#header .total_search_area input:-ms-input-placeholder {color:#c4bfc0;}/* IE */
#header .total_search_area .btn_search{position:absolute;top:0;right:0;width:24px;height:100%;text-indent:-9999em;background:url(/02_images/icon_search.png) no-repeat 3px 5px;}


/* ---------------------
	Layout : Contents
------------------------ */
.contents{overflow:hidden;padding-top:20px;padding-bottom:70px;}
.contents hgroup{padding:0 0px;}
.contents hgroup h1{margin-bottom:8px;font-size:1.786em;font-weight:800;/*background:url(imgs/bg_dot.png) repeat-x left bottom;*/}
.contents hgroup h1:before{content:"";display:inline-block;width:4px;height:24px;margin-top:4px;margin-right:8px;background-color:#a50021;vertical-align:top;}
.contents h3{font-size:1.357em;}


/* ---------------------
	Layout : Footer
------------------------ */
#footer{padding:28px 0 26px;color:#fff;background-color:#7f7b7a;}
#footer h1{position:absolute;top:0;left:30px;}
#footer a{color:#fff;}
#footer .footer_menu{margin-top:8px;margin-left:263px;}
#footer .footer_menu:after{content:"";display:block;clear:both;}
#footer .footer_menu li{float:left;display:inline-block;}
#footer .footer_menu li:before{content:"|";display:inline-block;padding-right:22px;vertical-align:middle;}
#footer .footer_menu li:first-child:before{content:"";padding:0;}
#footer .footer_menu li a{display:inline-block;padding-right:22px;font-size:0.929em;}
.address{line-height:1.6em;margin:17px 0 6px;font-size:0.857em;}
.address:after{content:"";display:block;clear:both;}
.address span{display:inline-block;margin-right:3px;}
.address span:before{content:"|";display:inline-block;padding:0 6px 0 0;vertical-align:middle;}
.address span:first-child:before{content:"";padding:0;}
.address p:first-child em + span:before{display:none;}
#footer .copyright{font-size:0.857em;}
#footer .copyright em{color:#f3fb8e;}


/* ---------------------
	Top Banner / Bottom Banner
------------------------ */
.banner_area{padding:10px 0 10px;transition:all 2s ease;}
.banner_area .thumb{border:1px solid #dcd9d9;}

.banner_area2{display:none;margin:-10px 0 30px 0;transition:all 2s ease;}
.banner_area2 .thumb{border:1px solid #dcd9d9;}
.banner_area2 .column{margin-bottom:8px;padding:0;}


@media screen and (max-width:1180px){
	/* ---------------------
		Layout : Header
	------------------------ */
	#gnb li a{padding-right:16px;}
	#gnb li a:before{margin-right:16px;}
	#gnb li:first-child a{padding-left:16px;}
}

@media screen and (max-width:1100px){
	/* ---------------------
		Layout : Header
	------------------------ */
	#gnb li a{padding-right:20px;}
	#gnb li a:before{margin-right:20px;}
	#gnb li:first-child a{padding-left:20px;}
	#gnb li a span{display:none;opacity:0;}
}

@media screen and (max-width:1000px){
	/* ---------------------
		Layout : Header
	------------------------ */
	#gnb li a{padding-right:10px;}
	#gnb li a:before{margin-right:10px;}
	#gnb li:first-child a{padding-left:10px;}
	
	/* ---------------------
		Layout : Footer
	------------------------ */
	#footer .footer_menu li:before{padding-right:15px;}
	#footer .footer_menu li a{padding-right:15px;}
}

@media screen and (max-width:900px){
	/* ---------------------
		Layout : Footer
	------------------------ */
	.address p em{display:block;font-weight:600;font-size:1.5em;}
	
	/* ---------------------
		Top Banner
	------------------------ */
	.banner_area{padding:20px 0;}
}

@media screen and (max-width:860px){
	/* ---------------------
		Layout : Header
	------------------------ */
	#header h1{top:6px;}
	#header h1 img{width:95px;}
	#header .total_search_area{width:120px;}
	#gnb ul{margin-left:115px;}
	
	/* table */
	table th, table td{word-break:break-all;}
}	

@media screen and (min-width:769px){
	#header .total_search_area{display:block !important;}
}

@media screen and (max-width:768px){	
	/* ---------------------
		Button
	------------------------ */
	.btn_list_more{margin-top:30px;width:100%}/*버튼:더보기 ▼*/
	.btnS{min-width:60px;height:26px;line-height:25px;padding:0 10px;font-size:1em;}
	.btnL{min-width:80px;height:36px;line-height:36px;padding:0 14px;font-size:1.143em;}
	.btn_area.tRight .btn{margin-left:1px;margin-top:0px;}
	.btnArea.btm_area{margin-top:30px;}

	/* ---------------------
		Table
	------------------------ */
	/*simple section tabel(border-right 및 border-left가 없고 테이블 내에 section이 구분되어 있는 경우)*/
	table.simpleSectionTable th,
	table.simpleSectionTable td{padding:6px 0;}
	.table_area .w15p{width:98px !important;}
	.table_area .w20p{width:98px !important;}
	table.rowTable th,
	table.rowTable td{padding-right:10px;padding-left:14px;}


	/* ---------------------
		Pagenate
	------------------------ */
	.pagenate{margin-top:17px;}
	.pagenate a,
	.pagenate span{min-width:11px;height:25px;line-height:25px;margin:0 1px;padding:0 8px;font-size:15px;}

	/* ---------------------
		Dl
	------------------------ */
	.dl_area dl{padding:3px 0;}
	.dl_area>dl{margin-top:0;}
	.dl_area>dl>dt,.dl_area>dl>dd{width:100%;padding:0 0 4px 0;min-height:0px;}
	.dl_area dt{min-height:inherit;padding:0;text-align:left;}
	.dl_area dd{padding-top:0;/*min-width:20%;*/}
	.dl_area dd .txt{display:block;}

	/* ---------------------
		Layout : Common
	------------------------ */
	.inner_wrap{padding:0 12px;}
	
	/* ---------------------
		Layout : Column
	------------------------ */
	[class^="column_block_"]{overflow:visible;margin:0;}
	[class^="column_block_"]>[class^="column"]{float:none;width:100%;/*padding:3px 0 15px;border-bottom:1px solid #d3d3d3;*/}

	[class^="column_block_"]>[class^="column2"]{float:left;width:49%;/*padding:3px 0 15px;border-bottom:1px solid #d3d3d3;*/}
	[class^="column_block_"]>[class^="column2"]:nth-child(even){margin-left:7px;}

	/* ---------------------
		Layout : Header
	------------------------ */
	#header{position:fixed;width:100%;height:91px;text-align:center;border-top:none;border-bottom:none;z-index:999;}
	#header .inner_wrap{padding:1px 0 0 0;overflow:visible;}
	#header h1{display:inline-block;position:relative;top:7px;left:0;margin-bottom:10px;text-align:center;z-index:999;}
	#header h1 img{width:120px;}
	#gnb{display:none;position:relative;margin-top:0px;top:47px;z-index:999;}
	#gnb ul{float:none;margin-left:0;text-align:left;border-left:none;background-color:#fff;}
	#gnb li{float:none;border-top:1px solid #dfdfdf;}
	#gnb li a{padding-left:10px !important;font-size:1.5em;font-weight:600;color:#181819;}
	#gnb li a:before{display:none;}
	#gnb li a span{display:inline-block;font-size:0.667em;opacity:1;}
	#gnb ul.depth02 {background-color:#EEF0F3;padding-left:0px;}
	#gnb ul.depth02 li {border-bottom:1px solid #fff;float:left;width:50%;}
	#gnb ul.depth02 li a {font-size:1.2em;font-weight:400}
	#gnb li .lnb_arrow{position:absolute;margin-top:-40px;height:40px;width:100%;cursor:pointer;}
	#gnb li .lnb_arrow img{position:absolute;right:0;margin-top:15px;margin-right:10px;}

	#gnb .btn_menu_close{display:block;text-align:right;background:#a6a6a6;}
	#gnb .btn_menu_close img{width:15px;padding:7px 9px 8px;}
	#header .mobile_btns a{position:absolute;}
	#header .mobile_btns .btn_open_menu{top:11px;left:10px;}
	#header .mobile_btns .btn_open_menu img{width:20px;}
	#header .mobile_btns .btn_open_search{top:12px;right:38px;}
	#header .mobile_btns .btn_open_search:after{content:"";display:inline-block;width:1px;height:10px;margin:0 3px 0 5px;background-color:#fff;vertical-align:middle;}
	#header .mobile_btns .btn_open_search img{width:21px;}
	#header .common_form{top:6px;right:0;width:100%;}
	#header .common_form .btn_area{position:absolute;top:6px;right:0;margin-right:-0px;}
	#header .common_form .btn_login .user,
	#header .common_form .btn_logout:before,
	#header .common_form .btn_login{padding-right:10px;background-image:url(/02_images/icon_login_mb.png);background-size:21px;}
	#header .common_form .btn_login span{visibility:hidden;display:none;}
	#header .common_form .btn_area .btn_mypage{display:none;}
	#header .common_form .btn_logout{display:none;}
	#header .common_form .btn_logout span{visibility:hidden;display:none;}
	#header .common_form .btn_logout:before{content:"";display:inline-block;width:1px;height:9px;margin-right:6px;background-color:#fff;vertical-align:middle;}
	#header .total_search_area{float:none;width:auto;margin:43px 10px 0 10px;z-index:1;}
	#header .total_search_area>div{margin-right:0;}
	#header .total_search_area input{width:100%;font-size:16px;height:32px;line-height:32px;}
	#header .total_search_area .btn_search{background:url(/02_images/icon_search.png) no-repeat 3px 9px}

	/* ---------------------
		Layout : Contents
	------------------------ */
	.contents {position:relative; top:91px; padding-bottom:130px;}
	.contents hgroup h2	{font-size:1.071em;padding-bottom:0px;}
	.contents hgroup h2:before{/*width:3px;height:14px;margin-right:4px;*/}
	
	/* ---------------------
		Layout : Footer
	------------------------ */
	#footer{padding:0;background:#a09d9c;}
	#footer .inner_wrap{padding:0;}
	#footer h1{display:none;}
	#footer .footer_menu{margin:0;padding:5px 15px;text-align:center;border-top:1px solid #bbb9b9;border-bottom:1px solid #bbb9b9;}
	#footer .footer_menu li{float:none;}
	.address{margin-top:9px;padding:5px 15px;}
	#footer .copyright{display:none;padding:5px 15px;}
	
	/* ---------------------
		Top Banner / Bottom Banner
	------------------------ */
	.banner_area{display:none;}

	.banner_area2{display:block;}
}

@media screen and (max-width:600px){
	table.colTable th, table.colTable td{padding:4px;font-size:0.857em;}
}

@media screen and (max-width:480px){
	/* ---------------------
		Width
	------------------------ */
	input[class^="w"]{/*width:100% !important;*/}
	input[class^="w"] + span{margin-left:0;}

	/* ---------------------
		Pagenate
	------------------------ */
	/*.pagenate + .btn_area{margin-top:15px;}*/
}