@charset "utf-8";

/*------------------------------------------------------------------------------------------------------------------------------------------
	File : UI_Style.CSS 
	Company : The Webstyle co.,ltd 
 	Author : Woo Seok, Shin 2015-07
 	CSS 적용순서 : 아이디 > 태그와 클래스 > 클래스 > 태그
	CSS 선택자 선언순서 : Type Selector, Layout Selector, Class Selector, Etc
	CSS 속성 선언순서 : display, position, float/clear, overflow, width/height, margin/padding, border, background, color/font, align, etc 
--------------------------------------------------------------------------------------------------------------------------------------------*/

/* 250310 */
.table_col_type1.center tbody th {text-align: center;}
.ct {text-align: center !important;}
.cl {text-align: center !important;}
.nl {text-align: left !important;}

.flexBox {display: flex;margin-top: 60px; gap: 30px;}
.flexBox > img { width: 100%; height: 100%; object-fit: cover;}
.newRay { margin-left: 0.8333%; margin-right: 0.8333%; margin-top: 30px;}
.newRay dt { margin-bottom: 14px; font-size: 17px; color: #0079c1; font-weight: 700;}
.newRay dd p { font-size: 16px; color: #555; word-break: keep-all; margin-bottom: 10px; line-height: 1.4;}
.newRay dd p:last-child { margin-bottom: 0;}
.table_col_type1 tbody td.padding { padding: 16px 25px;}
/* 250310 END */

/* UI_Style.css*/

/* a */
a {color:#444444; text-decoration:none;}
a:active, visited, link {color:#444444;}
a:hover {color:#444444;}

a.link {text-decoration:underline;}
a.link_download {color:#0079c1;}
a.anchor,
area.anchor {cursor:pointer;}

/* select */  
select {	
	min-width:70px;
	min-width:70px\9;
	height:40px;
	padding:6px 40px 6px 15px; 
	padding:6px 9px 6px 15px\9; 	
	border:1px solid #222;		
	font-size:15px;
	font-size:13px\9;
	line-height:20px;
	color:#444; 
	appearance:none;
	-webkit-appearance:none; 
	-moz-appearance:none;
	-o-appearance:none;		
	background:url('/Images/Common/ico_select_arrow.gif') right center no-repeat;
	background:none\9;
	background-color:#fff;
}
:root select {padding:6px 9px 6px 15px \0/IE9; font-size:15px \0/IE9;}

select::-ms-expand {display:none;}

select:focus {border:1px solid #0079c1;}

.select_wrap {display:inline-block; *display:inline; *zoom:1; position:relative; z-index:1;}

/* Layer Select */
.selectBox {display:inline-block; position:relative; min-width:60px; height:40px; text-align:left; cursor:pointer; background-color:#fff;}
.selectBox a {display:block; padding:0px 10px; font-family:"NotoSansLight"; font-size:13px; line-height:24px; color:#666;}
.selectBox .selectVal {
	height:40px;
	padding:8px 36px 8px 11px;  
	border:1px solid #222; 	
	background:url('/Images/Common/ico_selectBox_arrow.gif') right center no-repeat;		
}
.selectBox .selectVal a {vertical-align:middle;}
.selectBox .selectVal a:focus {color:#fff; background-color:#3399FF;}
.selectBox .selectMenu {
	display:none; 
	position:absolute; 
	left:0;
	z-index:100;
	width:100%;
	padding:12px 11px 0px 11px;  
	border:1px solid #222;
	background-color:#fff;
	box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	-o-box-sizing:border-box;						
}
.selectBox.up .selectMenu {bottom:39px; border-bottom:0px;}
.selectBox.down .selectMenu {top:40px; border-top:0px;}
.selectBox.on .selectMenu {display:inline-block; *display:inline; *zoom:1;}
.selectBox .selectMenu li a {background-color:#fff;}
.selectBox .selectMenu li:hover a {background-color:#ebebeb;}
.selectBox .selectMenu li a:focus {background-color:#ebebeb;}

/* GNB - Site Language SelectBox */
.selectBox.siteLang {height:27px;}
.selectBox.siteLang a {display:block; font-family:"NotoSansMedium"; font-size:12px;}
.selectBox.siteLang .selectVal {border:1px solid #fff; height:27px; padding:0 23px 0 3px; background:url('/Images/Common/ico_siteLang_arrow.gif') right 13px no-repeat;}
.selectBox.siteLang.on .selectVal {border:1px solid #222;}
.selectBox.siteLang .selectVal a {color:#0079c0; line-height:26px;}
.selectBox.siteLang .selectVal a:focus {background-color:inherit;}
.selectBox.siteLang .selectMenu {display:none; top:26px; padding:3px 3px 0px 3px; border-top:0px;}

/* input */
input {	
	border:0px;	
	box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	-o-box-sizing:border-box;			
}

input[type=radio], input[type=checkbox] {border:none;}
input[type=text], input[type=password] {
	height:40px;
	padding:4px 15px; 
	border:1px solid #555555;
	font-size:15px; 
	color:#727272;
	line-height:30px;
	background-color:#ffffff;
	appearance:none;
	-webkit-appearance:none; 
	-moz-appearance:none;
	-o-appearance:none;		
}
input[type=text]:focus, input[type=password]:focus {border:1px solid #0079c1;}

/* Placeholder Color */
:-ms-input-placeholder {color:#727272;} /* IE 10 + */
::-webkit-input-placeholder {color:#727272;} /* Webkit Browser */
:-moz-placeholder {color:#727272;}	/* Mozilla Firefox 4 to 18*/
::-moz-placeholder {color:#727272;} /* Mozilla Firefox 19+ */

.input_wrap {display:inline-block; *display:inline; *zoom:1; position:relative; z-index:1;}
.input_wrap.placeholder input {background-color:transparent\9;}
.input_wrap.placeholder input:focus {background-color:#ffffff\9;}
.input_wrap.placeholder input[value^=''] {background-color:#ffffff\9;}
.input_wrap.placeholder label {	
	display:none;
	display:block\9;
	position:absolute; 
	left:0px; 
	top:1px;
	z-index:-1; 
	width:100%; 
	height:40px;
	padding:5px 15px; 	
	font-family:"NotoSansLight"; 
	font-size:15px;
	line-height:29px;
	color:#727272;
	text-align:left;
}

/* input datepicker */
.input_date_wrap {display:inline-block;}
.input_date {display:inline-block; *display:inline; *zoom:1; position:relative; line-height:38px !important;}
.input_date .btn_datepicker {display:block; position:absolute; top:10px; right:10px; z-index:5; width:20px; height:21px; text-indent:-9999px; background:url('/Images/Common/ico_btn_calendar.gif') center center no-repeat;}
.input_date input {padding-right:15px;}
.input_date input::-ms-clear {display:none;}

/* Button file */
.input_file {display:inline-block; *display:inline; *zoom:1; position:relative; overflow:hidden; vertical-align:middle;}
.input_file input[type=file] {
	position:absolute; 
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	opacity:0;
	z-index:-1; 
	filter:alpha(opacity=0);
	-ms-filter:alpha(opacity=0);
	-khtml-opacity:0;
	-moz-opacity:0;	
}
.btn_file button {position:absolute; right:0px; top:0px; z-index:5; cursor:pointer;}

textarea {
	padding:4px 10px; 
	border:1px solid #555555;	
	/*font-family:"Dotum";*/
	font-size:15px; 
	color:#727272;
	line-height:22px;	
}

/*----- Button -----*/
.btn_wrap {*zoom:1; position:relative; text-align:center;}
.btn_wrap:after {content:""; display:block; clear:both;}
.btn_wrap.right {text-align:right;}
.btn_wrap.left {text-align:left;}
.btn_wrap .btn_left {float:left;}
.btn_wrap .btn_right {float:right;}

.btn {
	position:relative; 
	display:inline-block; *display:inline; *zoom:1;
	cursor:pointer;		
	text-align:center;
	box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
}
.btn>span {display:block; position:relative; height:100%;}
label.btn {vertical-align:middle !important;}

.btn.tiny {height:24px; padding:0 8px; font-family:"NotoSansLight"; font-size:13px; line-height:23px;}
.btn.sml {height:28px; padding:0 10px; font-family:"NotoSansRegular"; font-size:13px; line-height:27px;}
.btn.mid {height:40px; padding:0 15px; font-family:"NotoSansLight"; font-size:15px; line-height:38px;}
.btn.big {min-width:172px; height:50px; padding:0 20px; font-family:"NotoSansRegular"; font-size:16px; line-height:48px;}
.btn.big.on {border:1px solid #dfdfdf}

.btn.cyan {color:#fff; background-color:#027ac1;}
.btn.blue {color:#fff; background-color:#0079c1;}
.btn.blue:hover {background-color:#004e96;}
.btn.red {color:#fff; background-color:#d4183b;}
.btn.gray {border:1px solid #ddd; color:#555; background-color:#f4f4f4;}
.btn.white {border:1px solid #ddd; color:#555; background-color:#fff;}
.btn.black {color:#fff; background-color:#222222;}
.btn.black:hover {background-color:#000;}
.btn.black.on {color:#222; background-color:#ffffff;}

.btn.sml.ico_left .ico {display:inline-block; position:absolute; left:-3px; z-index:2; width:16px; height:16px;}
.btn.sml.ico_left>span {padding-left:16px;}
.btn.sml.ico_left .ico {top:6px;}

.btn.mid.ico_left .ico {display:inline-block; position:absolute; left:-10px; z-index:2; width:32px; height:32px;}
.btn.mid.ico_left>span {padding-left:26px;}
.btn.mid.ico_left .ico {top:4px;}

.btn.ico_right .ico {display:inline-block; position:absolute; right:-10px; z-index:2; width:32px; height:32px;}
.btn.mid.ico_right>span {padding-right:26px;}
.btn.mid.ico_right .ico {top:4px;}

.btn.big.ico_right>span {padding-right:40px;}
.btn.big.ico_right .ico {top:9px;}

.btn.big.blog {padding-left:40px;position:relative;letter-spacing:-1.2px;font-family: "NotoSansLight";}
.btn.big.blog:before {position:absolute;top:15px;left:12px;display:inline-block;*display:inline;*zoom:1;width:22px;height:21px;background:url('/Images/Common/ico_blog.png') center no-repeat;background-size:100% auto;content:'';}

/*더보기*/
.btn_more_wrap {width:100%; text-align:center;  padding:60px 0 20px 0;}
.btn_more_wrap:after {display:block; centent:""; clear:both}
.btn_more_wrap a.btn_moreItem {
	display:inline-block; 
	width:104px; 
	height:103px; 
	padding:37px 0 15px 0; 
	font-size:16px; 
	color:#222222; 
	background:url("/Images/Customer/ico_more_bg.png") 0 0 no-repeat;
}

/* Icon */
.ico.ico_search    {background:url('/Images/Common/ico_btn_search_white.png') center center no-repeat;}
.ico.ico_arrow     {background:url('/Images/Common/ico_btn_arrow_white.png') center center no-repeat;}
.ico.ico_download  {background:url('/Images/Common/ico_btn_download_white.png') center center no-repeat;}
.ico.ico_list      {background:url('/Images/Common/ico_btn_list_white.png') center center no-repeat;}
.ico.ico_write     {background:url('/Images/Common/ico_btn_write_white.png') center center no-repeat;}
.ico.ico_top       {background:url('/Images/Common/ico_btn_top_white.png') center center no-repeat;}
.ico.ico_top_black {background:url('/Images/Common/ico_btn_top_black.png') center center no-repeat;}
.ico.ico_bottom    {background:url('/Images/Common/ico_btn_bottom_white.png') center center no-repeat;}
.ico.ico_good      {background:url('/Images/Common/ico_btn_good_white.png') center center no-repeat;}
.ico.ico_file      {background:url('/Images/Common/ico_btn_file.png') center center no-repeat;}
.ico.ico_map       {background:url('/Images/Common/ico_btn_map.gif') center center no-repeat;}
.ico.ico_plus      {background:url('/Images/Common/ico_btn_plus_white.png') center center no-repeat;} 
/* Star Point Icon */
.ico_starPoint {display:inline-block; overflow:hidden; width:96px; height:15px; font-size:0px; line-height:0px; text-indent:-9999px; background:url('/Images/Common/ico_starPoint.png') left top no-repeat;}
.ico_starPoint.point5 {background-position:0 0;}
.ico_starPoint.point4 {background-position:0 -25px;}
.ico_starPoint.point3 {background-position:0 -50px;}
.ico_starPoint.point2 {background-position:0 -75px;}
.ico_starPoint.point1 {background-position:0 -100px;}

.ico_article {display:inline-block; width:26px; height:26px; text-indent:-9999px; background:url('/Images/Common/ico_article_nav.gif') center top no-repeat;}
.ico_article.prev {background-position:center 0;}
.ico_article.next {background-position:center -46px;}

/* Product Icon */
.prodTag {display:inline-block; width:56px; height:56px; text-indent:-9999px;}

/* Product Icon - Kind */
.prodTag.prodTag_kind {background:url('/Images/Common/ico_prodTag_kind.png') left top no-repeat;}
.prodTag.prodTag_kind.ico_can {background-position:0px 0px;}
.prodTag.prodTag_kind.ico_rice {background-position:-76px 0px;}
.prodTag.prodTag_kind.ico_seaweed {background-position:-152px 0px;}
.prodTag.prodTag_kind.ico_kimchi {background-position:-228px 0px;}
.prodTag.prodTag_kind.ico_drink {background-position:-304px 0px;}
.prodTag.prodTag_kind.ico_sausage {background-position:-380px 0px;}
.prodTag.prodTag_kind.ico_fishcake {background-position:0px -76px;}
.prodTag.prodTag_kind.ico_icefood {background-position:-76px -76px;}
.prodTag.prodTag_kind.ico_seasoning {background-position:-152px -76px;}
.prodTag.prodTag_kind.ico_freemix {background-position:-228px -76px;}
.prodTag.prodTag_kind.ico_noodle {background-position:-304px -76px;}
.prodTag.prodTag_kind.ico_dessert {background-position:-380px -76px;}
.prodTag.prodTag_kind.ico_milkfood {background-position:0px -152px;}
.prodTag.prodTag_kind.ico_health {background-position:-76px -152px;}
.prodTag.prodTag_kind.ico_petfood {background-position:-152px -152px;}
.prodTag.prodTag_kind.ico_bunsic {background-position:-304px -152px;}
.prodTag.prodTag_kind.ico_livestock {background-position:-380px -152px;}
.prodTag.prodTag_kind.ico_fruit {background-position:0px -228px;}

/* Product Small Icon - Kind */
.ico_prodKind {display:inline-block; height:41px; padding-left:48px; background:url('/Images/Common/ico_prodKind.png') left top no-repeat;}
.ico_prodKind.ico_can {background-position:0px 0px;}    /* 통조림 류 */
.ico_prodKind.ico_rice {background-position:0px -50px;}  /* 즉석밥/죽/국밥류 */
.ico_prodKind.ico_seaweed {background-position:0px -100px;} /* 해조류 */
.ico_prodKind.ico_seafood {background-position:0px -100px;} /* 해조류 */
.ico_prodKind.ico_kimchi {background-position:0px -150px;} /* 김치류 */
.ico_prodKind.ico_drink {background-position:0px -200px;} /* 음료/샘물 */
.ico_prodKind.ico_sausage {background-position:0px -250px;} /* 냉장육가공류 */
.ico_prodKind.ico_fishcake {background-position:0px -300px;} /* 맛살/어묵류 */
.ico_prodKind.ico_icefood {background-position:0px -350px;} /* 냉동식품 */
.ico_prodKind.ico_seasoning {background-position:0px -400px;} /* 조미식품 */
.ico_prodKind.ico_freemix {background-position:0px -450px;} /* 프리믹스 */
.ico_prodKind.ico_noodle {background-position:0px -500px;} /* 면류 */
.ico_prodKind.ico_dessert {background-position:0px -550px;} /* 디저트류 */
.ico_prodKind.ico_milkfood {background-position:0px -600px;} /* 유가공 */
.ico_prodKind.ico_health {background-position:0px -650px;} /* 건강식품 */
.ico_prodKind.ico_petfood {background-position:0px -700px;} /* 건강식품 펫푸드 */
.ico_prodKind.ico_bunsic {background-position:0px -750px;} /* 분식류 */
.ico_prodKind.ico_livestock {background-position:0px -800px;} /* 축산류 */
.ico_prodKind.ico_fruit {background-position:0px -850px;} /* 과일류 */



/* Product Icon - Display Mode */
.prodTag.prodTag_disp {background:url('/Images/Common/ico_prodTag_disp.png') left top no-repeat;}
.prodTag.prodTag_disp.ico_new {background-position:0 0;}

/* Article List Icon */
.articleLabel.sns {width:52px; height:51px; background:url('/Images/Social/ico_articleItem_sns.png') 0 0 no-repeat;}
.articleItem .articleLabel.blog       {background-position:0 0;}
.articleItem .articleLabel.facebook   {background-position:-62px 0;}
.articleItem .articleLabel.youtube    {background-position:-124px 0;}
.articleItem .articleLabel.kakaostory {background-position:-186px 0;}

.articleLabel.wellbeing {width:65px; height:65px; background:url('/Images/Story/ico_articleItem_wellbeing.png') 0 0 no-repeat;}
.articleItem .articleLabel.health  {background-position:0 0;}
.articleItem .articleLabel.eatery  {background-position:-75px 0;}
.articleItem .articleLabel.tour    {background-position:-150px 0;}
.articleItem .articleLabel.culture {background-position:-225px 0;}
.articleItem .articleLabel.review  {background-position:-300px 0;}


/*Cooking Small lcon */
.cooking {width:65px; height:65px; background:url('/Images/Story/ico_articleItem_cooking.png') left top no-repeat;}
.cooking.ico_rice      {background-position:-10px -10px}  /*밥/ 죽 /스프*/
.cooking.ico_soup      {background-position:-84px -10px}  /*국/찌개/탕*/
.cooking.ico_side_dish {background-position:-158px -10px} /*밑반찬*/
.cooking.ico_stir      {background-position:-232px -10px} /*볶음/조림*/
.cooking.ico_grilled   {background-position:-306px -10px} /*구이*/

.cooking.ico_dosirak   {background-position:-380px -10px} /*도시락*/
.cooking.ico_salad     {background-position:-454px -10px} /*샐러드*/

.cooking.ico_night     {background-position:-10px -85px}  /*야식*/
.cooking.ico_camping   {background-position:-84px -85px}  /*캠핑*/
.cooking.ico_picnic    {background-position:-158px -85px}  /*피크닉*/
.cooking.ico_houses    {background-position:-232px -85px}  /*집뜰이*/
.cooking.ico_kids      {background-position:-306px -85px}  /*kids*/

.cooking.ico_onebowl   {background-position:-380px -10px} /*한그릇*/
.cooking.ico_beginner     {background-position:-454px -10px} /*왕초보*/

.articleLabel.ico2 {display:block; position:absolute; top:20px; left:20px; width:53px; height:51px; text-indent:-9999px; z-index:10; background:url('/Images/Customer/ico_customer.png') 0 0 no-repeat;}
.articleLabel.fb {background-position:0 0}
.articleLabel.news {background-position:-58px 0; }
.articleLabel.event {background-position:-114px 0 } 

/* Tag Keyword */
.box_tag {margin-bottom:40px; padding:25px 29px; border-top:2px solid #333; border-bottom:1px solid #c1c1c1;}
.tag_wrap {display:inline-table; overflow:hidden;}
.tag_wrap dt {display:table-cell; padding-right:20px; vertical-align:top;}
.tag_wrap dt span.tagTit {display:inline-block; min-width:57px; height:23px; margin:2px 0; padding-right:25px; background:url('/Images/Common/bg_tag.gif') right center no-repeat;}
.tag_wrap dt span.tagTit>span {display:block; height:23px; padding-left:7px; font-family:"NotoSansRegular"; font-size:12px; line-height:22px; color:#fff; background-color:#0078c2;}
.tag_wrap dd {display:table-cell; width:400px; vertical-align:middle;}
.tag_wrap ul {overflow:hidden; width:100%;}
.tag_wrap ul li {float:left; margin:2px 10px 2px 0px;}
.tag_wrap ul li span.tag {display:inline-block; height:23px; padding:0 5px; font-family:"NotoSansLight"; font-size:15px; line-height:23px; color:#222; background-color:#e8e8e8;}
.tag_wrap ul li a.tag {display:inline-block; height:23px; padding:0 5px; font-family:"NotoSansLight"; font-size:15px; line-height:23px; color:#222; background-color:#e8e8e8;}

.box_tag .tag_wrap dt span.tagTit>span {width:52px;}

@media all and (max-width:500px) {
	.box_tag {padding:15px;}
	
}


/* Board Search */
.txt_guide {margin-bottom:10px; font-family:"NotoSansLight"; font-size:15px; color:#333;}

.board_search_wrap {margin-bottom:40px;}
.board_search_wrap .board_search {margin-bottom:0px;}
.board_search {display:inline-table; overflow:hidden; width:100%; margin-bottom:40px; padding:15px 0; border-top:2px solid #333333; border-bottom:1px solid #c1c1c1;}
.board_search .boardRow {display:inline-table; width:100%;}
.board_search .boardColH,
.board_search .boardColD {display:table-cell; position:relative; height:50px; text-align:left; vertical-align:middle;}
.board_search .boardColH {padding-left:17px; font-family:"NotoSansRegular"; font-size:17px; color:#333;}
.board_search .boardColD.colL {width:70%;}
.board_search .boardColD.colR {width:30%; text-align:right;}

.board_search.noBorder {margin-bottom:20px; padding:0px; border:0px;}
.board_search_wrap .board_search.noBorder {display:block;}

.board_search .dongwonTit {display:none; padding:0 50px 0 17px; font-family:"NotoSansLight"; font-size:17px; color:#333; vertical-align:middle;}

@media all and (max-width:1045px) {
	.board_search {display:block;}
	.board_search .boardColD {display:block; height:auto;}
	.board_search .boardColD.colL {display:block; width:100%;}
	.board_search .boardColD.colR {display:block; width:100%; margin-top:10px; text-align:left;}	
	.board_search .ui_group {margin-top:10px;}
	
	.board_search .dongwonTit {display:inline;}
}
@media all and (max-width:768px) {
	.board_search .ui_group {width:99.3%;}
	.board_search .input_date_wrap {width:100%; margin-top:10px;}
	.board_search .input_date_wrap input {width:100%;}
	.board_search .input_wrap {width:100%;}
	.board_search .input_wrap input {width:100%;}
	.board_search .select_wrap select {width:100%;}	
	
	.board_search .boardColD .tbl_one_up {width:99.3%;}
	.board_search .boardColD .tbl_two_up {width:49.3%;}
	.board_search .boardColD .tbl_three_up {width:32.5%;}
	
	.board_search .boardColD.colR .btn {width:49.3%; padding:0 2%;}
	.board_search .boardColD .btn_wrap {display:block; margin-top:10px; text-align:left;}
	
	.board_search .dongwonTit {padding-left:0px;}
	.btn.big.blog:before {top:15px;}
	.btn.big.blog.ico_right .ico {height:32px;top:9px;}
}
@media all and (max-width:480px) {
	.btn.big {min-width:auto;width:42%;}
	.btn.big.ico_right > span {padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:88px;}
	
	.board_search .boardColD .mob_one_up {width:99.3%;}
	.board_search .boardColD .mob_two_up {width:32.5%;}	
		
	.board_search .select_wrap.mob_three_up {width:100%;}
	.board_search .input_date.mob_three_up {width:49.3%;}
	.board_search .select_wrap.mob_mar_b5 {margin-bottom:5px;}
}

.board_header {overflow:hidden; margin-bottom:15px;}
.boardInfo {margin-bottom:15px; font-size:15px; color:#222; text-align:left;}
.board_header .boardInfo {float:left; margin-bottom:0px;}
.board_header .boardCaption {float:right; font-size:13px; color:#555;}

.board_header .menu_sort {display:inline-block; overflow:hidden;}
.board_header .menu_sort li {float:left; margin-left:10px; padding-left:10px; border-left:1px solid #ddd;}
.board_header .menu_sort li:first-child {margin-left:0px; padding-left:0px; border-left:0px;}
.board_header .menu_sort li a {font-family:"NotoSansLight"; font-size:15px;}
.board_header .menu_sort li.on a {color:#0078c2;}

.board_header.menu_sort_wrap .boardInfo {float:left !important;}
.board_header.menu_sort_wrap .boardCaption {float:right !important; margin-top:0px !important;}
	
/* Board List */
.board_list_type1 {border-top:2px solid #333; border-bottom:1px solid #bdbdbd;}
.board_list_type1 thead th {height:62px; border-bottom:1px solid #bdbdbd; font-size:16px; color:#333; text-align:center;}
.board_list_type1 tbody tr td {height:51px; padding:10px 20px; border-top:1px solid #dfdfdf; font-size:15px; line-height:20px; color:#555; text-align:center;}
.board_list_type1 tbody tr:first-child td {border-top:0px;}

@media all and (max-width:680px){
	.board_header .boardInfo {float:none;}
	.board_header .boardCaption {float:none; margin-top:20px;}	
	
	.board_list_type1, .board_list_type1 thead, .board_list_type1 tbody, .board_list_type1 tr, .board_list_type1 td {display:block;}
	.board_list_type1 thead {display:none;}
	.board_list_type1 tbody tr {overflow:hidden; width:100%;}
	.board_list_type1 tbody tr td {float:left; width:100%; text-align:left; height:auto; border-top:0px;}
	.board_list_type1 tbody tr td:first-child {padding-bottom:0px; border-top:1px solid #dfdfdf;}
	.board_list_type1 tbody tr td:last-child {text-align:right;}
	.board_list_type1 tbody tr td.mob_fl {float:left; display:inline-block; width:auto; font-size:14px;}
	.board_list_type1 tbody tr td.mob_fr {float:right; display:inline-block; width:auto; font-size:14px; color:#666;}
}

.board_list_type2 {border-top:2px solid #333; border-bottom:1px solid #bdbdbd;}
.board_list_type2 thead th {overflow:hidden; height:0px; font-size:0px; line-height:0px;}
.board_list_type2 tbody tr td {height:51px; padding:10px 20px; border-top:1px solid #dfdfdf; font-size:15px; line-height:20px; color:#555; text-align:center;}
.board_list_type2 tbody tr:first-child td {border-top:0px;}
.board_list_type2 tbody tr.tit { font-size:16px; font-weight:bold; cursor:pointer;}
.board_list_type2 tbody tr.cont {display:none;}
.board_list_type2 tbody tr.cont td {text-align:left;  padding-left:30px; background-color:#eae8e8;}


@media all and (max-width:768px){
	.board_list_type2, .board_list_type2 thead, .board_list_type2 tbody, .board_list_type2 tr, .board_list_type2 td {display:block;}
	.board_list_type2 thead {display:none;}
	.board_list_type2 tbody tr {overflow:hidden; width:100%;}
	.board_list_type2 tbody tr td {float:left; width:100%; text-align:left; height:auto; border-top:0px; padding:10px !important;}
	.board_list_type2 tbody tr td:first-child {padding-bottom:0px; border-top:1px solid #dfdfdf;}
	.board_list_type2 tbody tr td:last-child {text-align:right;}
	.board_list_type2 tbody tr td.mob_fl {float:left; display:inline-block; width:20%; font-size:13px; color:#666;}
	.board_list_type2 tbody tr td.mob_fl:nth-child(2) {width:102px !important; background:url('/Images/Common/bg_division_gray.gif') right center no-repeat;}
	.board_list_type2 tbody tr td.mob_fr {float:right; display:inline-block; width:116px; font-size:13px; color:#666;}	
	.board_list_type2 tbody tr.cont td {display:block !important; float:none; width:100%; height:auto; text-align:left;}
	.board_list_type2 tbody tr.cont.on {display:block !important;}
}

/* Board View */
.boardView {width:100%; border-top:2px solid #333;}
.boardView .boardRow {display:inline-table; width:100%;}
.boardView .boardColH,
.boardView .boardColD {display:table-cell; position:relative; overflow:hidden; height:60px; padding:10px; border-bottom:1px solid #bdbdbd; font-family:"NotoSansLight"; font-size:15px; line-height:24px; color:#333; vertical-align:middle;}
.boardView .boardColH {width:90px; padding-left:27px; font-family:"NotoSansRegular"; font-size:14px;}
.boardView .boardColH span.event {color:#cc3102;}
.boardView .boardColD .attachList li {position:relative; height:40px; line-height:40px;}
.boardView .boardColD .attachList li + li {margin-top:7px;}
.boardView .boardColD .attachList li a.btn {right:0; bottom:auto; top:0;}

.boardView .boardColD a.btn {position:absolute; right:0px; bottom:10px;}


@media \0screen {.boardView .boardColD a.btn {bottom:17px;}}

.boardView .boardColD .boardInfo {display:inline-block; position:absolute; right:20px; bottom:15%; height:17px; font-family:"NotoSansLight"; font-size:15px; line-height:17px; color:#c2c2c2;}
@media \0screen {.boardView .boardColD .boardInfo {bottom:22%;}}

.boardView .boardColD .boardInfo .date {margin-right:10px; color:#777;}
.boardView .boardColD .boardInfo .status {margin-right:10px; color:#777;}
.boardView .boardColD .boardInfo .readNum {margin-left:15px; padding-left:24px; color:#777; background:url('/Images/Common/ico_viewCount.gif') left center no-repeat;}

.boardView .boardHeader .boardTit {display:inline-block; margin-right:200px;}
.boardView .boardRow.boardBody {position:relative; padding:30px 0; border-bottom:1px solid #bdbdbd;}
.boardView .boardRow.boardBody .boardImg {margin-bottom:20px;}
.boardView .boardRow.boardBody .boardImg img {width:100%; height:auto;}
.boardView .boardRow.boardBody .boardContent {padding:0 20px; font-family:"NotoSansLight"; font-size:15px; line-height:24px; color:#333;}

.boardView.social .boardHeader .boardColD {border-bottom:0px;}
.boardView.social .boardHeader .boardTit {display:inline-block; margin-right:0px; font-size:24px; line-height:26px;}
.boardView.social .boardRow.boardBody {position:relative; padding:0px 0 30px; border-bottom:1px solid #bdbdbd;}
.boardView.social .boardRow.boardBody .boardContent {padding:0 20px; font-family:"NotoSansLight"; font-size:14px; line-height:24px; color:#666;}	   

.boardView.faq .boardColH {width:190px; padding-left:15px;}
.boardView.faq .boardRow.boardBody {padding:30px 30px 30px 190px; border-left:1px solid #bdbdbd; border-right:1px solid #bdbdbd; background-color:#f4f4f4;}
.boardView.faq .boardRow.boardBody .label_answer {position:absolute; left:30px; top:30px; width:72px; height:71px; font-family:"NotoSansThin"; font-size:40px; line-height:68px; text-align:center; color:#fff; background-color:#0079c1;}
.boardView.faq .boardRow.boardBody .boardContent {padding:0px;}
.boardView.faq .ico_article {margin-right:15px;}

.boardView.qna .boardColD .boardInfo .date {margin-left:15px; margin-right:0px;}
.boardView.qna .boardRow.boardBody.answer {padding:30px 25px; background-color:#efefef;}
.boardView.qna .boardRow.boardBody.answer .answerTit {height:32px; margin-bottom:20px; padding-left:46px; font-family:"NotoSansRegular"; font-size:18px; line-height:32px; color:#222; background:url('/Images/Common/ico_answerTit.png') left top no-repeat;}
.boardView.qna .boardRow.boardBody.answer .boardContent {padding:0 0 0 46px;}

.boardView.faq .boardColH.w50 {width:50px;}
.boardView.faq .boardColH.w115 {width:115px;}

@media all and (max-width:768px) {
	.boardView .boardHeader .boardTit {margin-right:0px;}
	.boardView .boardColD .boardInfo {display:block; position:relative; right:0px; bottom:-10px; text-align:right;}
}
@media all and (max-width:690px) {
	.boardView .boardRow.boardHeader {display:block;}
	.boardView .boardHeader .boardColH {display:block; height:auto; padding:10px 10px 0; border-bottom:0px; vertical-align:top;}
	.boardView .boardHeader .boardColD {display:block; height:auto;}
	.boardView .boardColD a.link_download {margin-right:5px;}	
	.boardView .boardColD a.btn {position:static; margin-top:10px;}
	
	.boardView .boardColD .attachList li a.btn {position:absolute; margin:0;}
	.boardView .boardColD .attachList li a.link_download {display:inline-block; *display:inline; *zoom:1; max-width:calc(100% - 140px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all;}
	.boardView .boardColD .attachList li br {display:none;}
	
	.boardView.faq .boardColH {width:165px;}
	.boardView.faq .boardColH.w115 {display:block; width:100%; height:auto; padding-bottom:0px; border-bottom:0px;}
	.boardView.faq .boardColH.w115+div {display:block; width:100%; height:auto; padding-left:0px; padding-top:5px;}
	.boardView.faq .boardRow.boardBody {padding-left:100px;}
	
	.boardView.faq .boardRow.boardBody .label_answer {left:0px; top:0px;}
}
@media all and (max-width:480px) {
	.boardView.faq .boardRow.boardBody .label_answer {width:40px; height:40px; font-size:30px; line-height:38px;}
	.boardView.faq .boardRow.boardBody {padding-left:30px; padding-top:60px;}
	
	.boardView .boardColD .attachList li {height:auto; line-height:1;}
	.boardView .boardColD .attachList li br {display:block;}
	.boardView .boardColD .attachList li + li {margin-top:12px;}
	.boardView .boardColD .attachList li a.btn {position:static; margin-top:7px;}
	.boardView .boardColD .attachList li a.link_download {max-width:none;}
}

/* Board Pager */
.board_pager_wrap {position:relative; margin-top:30px; text-align:center;}
.board_pager {display:inline-block; *display:inline; *zoom:1; overflow:hidden;}
.board_pager .boardNav {display:inline-block; *display:inline; *zoom:1; float:left;}
.board_pager .boardNav li {float:left; margin:0 2px;}
.board_pager .boardNav a {display:block; width:25px; height:25px; text-indent:-9999px;}
.board_pager .boardNav a.btn_first {background:url('/Images/Common/btn_pager_first.gif') center 2px no-repeat;}
.board_pager .boardNav a.btn_last {background:url('/Images/Common/btn_pager_last.gif') center 2px no-repeat;}
.board_pager .boardNav a.btn_prev {background:url('/Images/Common/btn_pager_prev.gif') center 2px no-repeat;}
.board_pager .boardNav a.btn_next {background:url('/Images/Common/btn_pager_next.gif') center 2px no-repeat;}

.board_pager .boardPage {float:left; overflow:hidden; margin:0 5px;}
.board_pager .boardPage li {float:left; margin:0 2px;}
.board_pager .boardPage li a {display:block; min-width:25px; min-width:15px\9; height:25px; font-family:"NotoSansLight"; font-size:13px; color:#666; line-height:23px; padding:0 5px;}
.board_pager .boardPage li:hover a,
.board_pager .boardPage li.on a {color:#fff; background-color:#0079c1;}

.board_pager.mob {display:none; overflow:hidden;}
.board_pager.mob .boardPage {display:inline-block; height:25px; padding:0 2px; font-family:"NotoSansLight"; font-size:13px; color:#666; line-height:23px;}
.board_pager.mob .boardPage .page {color:#0079c1;}

@media all and (max-width:640px) {
	.board_pager {display:none;}
	.board_pager.mob {display:inline-block;}
}

/* Board Button */
.board_btn {display:inline-block; *display:inline; *zoom:1; position:absolute; top:0px;}
.board_btn.right {right:0px;}
.board_btn.left {left:0px;}


/* Table Type */
.table_wrap {position:relative;}
.table_wrap .tableInfo {display:inline; position:absolute; right:0px; top:-25px; font-family:"NotoSansLight"; font-size:13px; color:#555;}

.table_col_type1 {border-top:2px solid #333; border-bottom:1px solid #bdbdbd;}
.table_col_type1 thead th {height:46px; padding:3px 20px; border-left:1px solid #dfdfdf; font-size:15px; color:#555; text-align:center;}
.table_col_type1 thead th:first-child {border-left:0px;}
.table_col_type1 tbody th {padding:3px 25px; border-left:1px solid #dfdfdf; border-top:1px solid #dfdfdf; font-size:15px; text-align:left;}
.table_col_type1 tbody th.first {border-left:0px;}
.table_col_type1 tbody th.normal {font-family:"NotoSansLight";}
.table_col_type1 tbody td {height:46px; padding:3px 25px; border-top:1px solid #dfdfdf; border-left:1px solid #dfdfdf; font-size:15px; text-align:left;}
.table_col_type1 tbody tr.sum th,
.table_col_type1 tbody tr.sum td {background-color:#f4f4f4;}
@media all and (max-width:640px){	
	.table_col_type1 thead th {padding:3px 10px;}				
	.table_col_type1 tbody th {padding:3px 10px;}
	.table_col_type1 tbody td {padding:3px 10px;}
}
@media all and (max-width:460px){
	.table_col_type1, .table_col_type1 thead, .table_col_type1 tbody, .table_col_type1 tr, .table_col_type1 th, .table_col_type1 td {display:block;} 
	.table_col_type1 thead {display:none;}
	
	.table_col_type1 tbody {overflow:hidden; width:100%;}	
	.table_col_type1 tbody tr,
	.table_col_type1 tbody tr th,
	.table_col_type1 tbody tr td {float:left; width:100%;}
	
	.table_col_type1 tbody tr th {height:46px; padding-top:14px; border-left:0px; background-color:#f4f4f4;}
	.table_col_type1 tbody tr th.thFirst {color:#fff; background-color:#333;}
	.table_col_type1 tbody tr td {position:relative; border-left:0px; padding-top:14px; padding-left:170px;}	
	.table_col_type1 tbody tr td:last-child {border-bottom:1px solid #bdbdbd;}
	.table_col_type1 tbody tr td:before {content:attr(data-label); display:block; position:absolute; left:0px; top:0px; width:170px; height:100%; padding:14px 10px 2px; text-align:left;}
	/*.table_col_type1 tbody tr.sum {margin-bottom:30px;}*/
	.table_col_type1 tbody tr.sum td {background-color:none;}
}

.table_col_type2 {border-top:1px solid #e1e1e1; border-left:1px solid #e1e1e1;}
.table_col_type2 th {height:40px; padding:5px; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; text-align:center; background-color:#eee;}
.table_col_type2 td {height:45px; padding:5px; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; text-align:center; background-color:#fff;}
.table_col_type2 td.h2x {height:90px;}

.table_row_type1 {border-top:2px solid #333333; border-bottom:1px solid #bdbdbd;}
.table_row_type1 tr:first-child th,
.table_row_type1 tr:first-child td {border-top:0px;} 
.table_row_type1 th {height:46px; padding:3px 30px 3px; border-top:1px solid #dfdfdf; font-size:15px; line-height:18px; color:#222; text-align:left; background-color:#f4f4f4;}
.table_row_type1 td {height:46px; padding:3px 25px 3px; border-top:1px solid #dfdfdf; font-size:15px; line-height:21px; color:#555; text-align:left;}

@media all and (max-width:640px) {
	.table_row_type1 th {padding:3px 15px 3px;}
	.table_row_type1 td {padding:3px 15px 3px;}
}

.table_row_type2 {border-top:2px solid #333;}
.table_row_type2 tr td.th {height:61px; padding:10px 0 10px 20px; border-top:1px solid #dfdfdf; text-align:left;}
.table_row_type2 tr td.th label {padding-left:10px;}
.table_row_type2 tr td.th label.ast {background:url('/Images/Common/bu_ast.gif') left 8px no-repeat;}
.table_row_type2 tr td {height:61px; padding:10px 0; border-top:1px solid #dfdfdf; text-align:left;}
.table_row_type2 tr:first-child td.th,
.table_row_type2 tr:first-child td {border-top:0px;}
.table_row_type2 tr:last-child td.th,
.table_row_type2 tr:last-child td {border-bottom:1px solid #bdbdbd;}
.table_row_type2 .ui_group {padding-right:121px;}
.table_row_type2 .ui_group.type2 {padding-right:89px}

@media all and (max-width:763px) {
	.table_row_type2 .col_th {width:120px;}
	.table_row_type2 tr td.th {padding:3px 0px 3px;}	
}
@media all and (max-width:719px) {
	.table_row_type2 input.last2 {margin-top:5px;}	
}
@media all and (max-width:640px) {
	.table_row_type2 .col_th {width:100px;}
	.table_row_type2 tr td.th {font-size:14px;}
	
	.table_row_type2 .ui_group {width:100%;}
	.table_row_type2 .ui_group input {width:100%;}	
	.table_row_type2 input ,
	.table_row_type2 select {width:100%;}
}

.ui_group {position:relative; display:inline-block; padding-right:88px;}
.ui_group .btn {position:absolute; right:0px; top:0px;}

.email_wrap {overflow:hidden;}
.email_wrap input {float:left;}
.email_wrap select {float:left; margin-left:5px;}
.email_wrap .at {float:left; display:inline-block; width:30px; line-height:38px; text-align:center;}

.tel_wrap {overflow:hidden;}
.tel_wrap .input_tel {float:left; width:110px; margin-left:5px;}
.tel_wrap .input_tel:first-child {margin-left:0px;}

.addr_wrap .input_addr1,
.addr_wrap .input_addr2 {width:397px; width:396px\9;}							
@media all and (max-width:1024px){
	.addr_wrap .input_addr1,
	.addr_wrap .input_addr2 {width:310px;}
}
@media all and (max-width:768px){								
	.email_wrap input {width:31%;} 
	.email_wrap select {width:31%; margin-left:1%;}
	.email_wrap .at {width:6%;}
	
	.addr_wrap .input_addr1,
	.addr_wrap .input_addr2 {width:100%; margin-top:5px;}
}
@media all and (max-width:640px){
	.email_wrap .at {width:8%;}
	.email_wrap input {width:46%;}
	.email_wrap select {width:100%; margin-top:5px; margin-left:0px;}
	
	.tel_wrap .input_tel {width:32%; margin-left:2%;}
}

/*151224 첨부파일 버튼수정*/
.btn_findFile {display:inline-block; *display:inline; *zoom:1; width:85px; height:40px; background:url('/Images/Common/btn_findFile.gif') 0 0 no-repeat;}
.btn_findFile input {width:85px; height:40px; opacity:0; filter:alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)";}

/* Tab */
.tab_wrap {margin-bottom:20px;}
.tab_type1 {position:relative; overflow:hidden; height:58px; padding-top:4px; border-bottom:1px solid #0078c2;}
.tab_type1 li {position:relative; float:left; width:295px; height:54px;}
.tab_type1 li:first-child {margin-left:0px;}
.tab_type1 li a {display:block; position:absolute; left:0px; bottom:0px; width:100%; height:54px; border-top:1px solid #ddd; border-right:1px solid #ddd; font-family:"NotoSansLight"; font-size:18px; line-height:53px; color:#666; text-align:center; background-color:#f8f8f8;}
.tab_type1 li:first-child a {border-left:1px solid #ddd;} 
.tab_type1 li:hover a,
.tab_type1 li.on a {height:58px; padding-top:4px; border-top:1px solid #0078c2; border-left:1px solid #0078c2; border-right:1px solid #0078c2; color:#fff; background-color:#0078c2;}

@media all and (max-width:768px) {
	.tab_type1 li {width:33.33333%;}
}
@media all and (max-width:480px) {
	.tab_type1 {height:50px;}
	.tab_type1 li {height:46px;}
	.tab_type1 li a {height:46px; font-size:16px; line-height:45px;}	
	.tab_type1 li:hover a,
	.tab_type1 li.on a {height:50px;}
}
@media all and (max-width:380px) {
	.tab_type1 li a {font-size:13px;}	
}

.tab_wrap2 {margin-bottom:30px; text-align:center;position:relative;}
.tab_wrap2 .tab_type2 {display:inline-block; overflow:hidden; height:65px;}
.tab_wrap2 .tab_type2.comp{display:flex;justify-content:center;height:auto;}
.tab_wrap2 .tab_type2 li {float:left; margin:0 5px;}
.tab_wrap2 .tab_type2.comp li{width:calc(20% - 10px);max-width:150px;}
.tab_wrap2 .tab_type2 li a {display:block; width:150px; height:65px; border-bottom:1px solid #666; font-family:"NotoSansLight"; font-size:16px; line-height:65px; color:#666; text-align:center;}
.tab_wrap2 .tab_type2.comp li a{width:100%}
.tab_wrap2 .tab_type2 li:hover a,
.tab_wrap2 .tab_type2 li.on a {border-bottom:8px solid #0078c2; font-family:"NotoSansRegular"; color:#0078c2;}
.tab_wrap2 .tab_type2 li:hover a.all,
.tab_wrap2 .tab_type2 li.on a.all    {border-bottom:8px solid #0078c2; color:#0078c2;}
.tab_wrap2 .tab_type2 li:hover a.event,
.tab_wrap2 .tab_type2 li.on a.event  {border-bottom:8px solid #d4183b; color:#d4183b;}
.tab_wrap2 .tab_type2 li:hover a.notice,
.tab_wrap2 .tab_type2 li.on a.notice {border-bottom:8px solid #005dae; color:#005dae;}
.tab_wrap2 .tab_type2 li:hover a.news,
.tab_wrap2 .tab_type2 li.on a.news   {border-bottom:8px solid #222222; color:#222222;}
.tab_wrap2 > .down_btn_wrap{display:block;position:absolute;top:65%;transform:translateY(-50%);right:0;z-index:9}
.tab_wrap2 > .down_btn_wrap p{color:#0078c2;font-weight:bold;margin-bottom:15px;font-size:16px;line-height:20px}
.tab_wrap2 > .down_btn_wrap ul{display:flex;}
.tab_wrap2 > .down_btn_wrap ul li + li{margin-left:8px}
.tab_wrap2 > .down_btn_wrap ul li img{width:95px}

@media all and (max-width:1045px) {
	.tab_wrap2.first .tab_type2.comp{margin-top:30px}
	.tab_wrap2 > .down_btn_wrap{top: -100%;transform: translateX(-50%);right: unset;left: 50%;}
	
}

@media all and (max-width:768px) {
	.tab_wrap2 .tab_type2.four {width:100%;}
	.tab_wrap2 .tab_type2.four li {float:left; width:25%; margin:0px;}
	.tab_wrap2 .tab_type2.four li a {width:auto; margin:0 5px;}
	
	.tab_wrap2 .tab_type2.five {width:100%;}
	.tab_wrap2 .tab_type2.five li {float:left; width:20%; margin:0px;}
	.tab_wrap2 .tab_type2.five li a {width:auto; margin:0 5px;}	
	
	.tab_wrap2.first{padding-top:30px}
	.tab_wrap2.first .tab_type2.comp{margin-top:0;}
	.tab_wrap2 > .down_btn_wrap{top: -15%;}
	
	.tab_wrap2 .tab_type2.comp{flex-wrap: wrap;    justify-content: flex-start;}
	.tab_wrap2 .tab_type2.comp li{width:calc(50% - 10px);max-width:unset}
	
}
@media all and (max-width:640px) {
	.tab_wrap2 .tab_type2 {height:auto;}
	.tab_wrap2 .tab_type2.five li {width:50%;}	
}
@media all and (max-width:560px){
	.tab_wrap2 .tab_type2.three {width:100%;}
	.tab_wrap2 .tab_type2.three li {width:50%; margin:0px;}
	.tab_wrap2 .tab_type2.three li a {width:auto; margin:0 5px;}
	
	.tab_wrap2 .tab_type2.four.mob_two_up li {width:50%;}
}

.tab_wrap2.fixed {position:fixed; left:0px; top:0px; z-index:50; width:100%; margin:0px; background-color:#fff;}

@media all and (min-width:641px) and (max-width:768px) {
	.tab_wrap2.fixed {top:78px;}
}
@media all and (max-width:640px){
	.tab_wrap2.fixed {position:static; margin-bottom:30px;}
}

.tab_wrap3 {margin-bottom:30px; border-bottom:2px solid #333; text-align:center; font-size:0px;}
.tab_wrap3 .tab_type3 {display:inline-block; overflow:hidden;}
.tab_wrap3 .tab_type3 li {float:left; margin:0 10px;}
.tab_wrap3 .tab_type3 li a {display:block; padding-bottom:20px; font-family:"NotoSansLight"; font-size:15px; color:#222; text-align:center; opacity:0.5}
.tab_wrap3 .tab_type3 li a span {display:block; margin-bottom:10px;}

.tab_wrap3 .tab_type3 li:hover a.health,
.tab_wrap3 .tab_type3 li.on a.health     {border-bottom:6px solid #0079c1; opacity:1;}

.tab_wrap3 .tab_type3 li:hover a.eatery,
.tab_wrap3 .tab_type3 li.on a.eatery     {border-bottom:6px solid #fc2451; opacity:1;}

.tab_wrap3 .tab_type3 li:hover a.tour,
.tab_wrap3 .tab_type3 li.on a.tour       {border-bottom:6px solid #14d3c8; opacity:1;}

.tab_wrap3 .tab_type3 li:hover a.review,
.tab_wrap3 .tab_type3 li.on a.review     {border-bottom:6px solid #444444; opacity:1;}

.tab_wrap3 .tab_type3 li:hover a.culture,
.tab_wrap3 .tab_type3 li.on a.culture    {border-bottom:6px solid #2ab78d; opacity:1;}

.tab_wrap3 .tab_type3 li:hover a.all,
.tab_wrap3 .tab_type3 li.on a.all        {border-bottom:6px solid #0079c1; opacity:1;}

.tab_wrap3 .tab_type3 li:hover a.blog,    
.tab_wrap3 .tab_type3 li.on a.blog       {border-bottom:6px solid #2bb500; opacity:1;}

.tab_wrap3 .tab_type3 li:hover a.facebook,
.tab_wrap3 .tab_type3 li.on a.facebook   {border-bottom:6px solid #325694; opacity:1;}

.tab_wrap3 .tab_type3 li:hover a.youtube,
.tab_wrap3 .tab_type3 li.on a.youtube    {border-bottom:6px solid #cf3427; opacity:1;}

.tab_wrap3 .tab_type3 li:hover a.kakaostory,
.tab_wrap3 .tab_type3 li.on a.kakaostory {border-bottom:6px solid #ffca08; opacity:1}

@media all and (max-width:680px) {
	.tab_wrap3 .tab_type3 li {width:18%; margin:0 1%;}
	.tab_wrap3 .tab_type3 li a span img {width:100%; height:auto;}	
}

.tab_type4 li {margin-top:5px;}
.tab_type4 li:first-child {margin-top:0px;}
.tab_type4 li a {display:block; height:43px; border:1px solid #ccc; font-family:"NotoSansLight"; font-size:14px; line-height:41px; color:#555; text-align:center;}
.tab_type4 li:hover a,
.tab_type4 li.on a {border:2px solid #0079c1; font-family:"NotoSansRegular"; font-size:17px; color:#222;}

.tab_wrap5 {height:80px; margin-bottom:40px; border-top:2px solid #333; border-bottom:1px solid #c1c1c1; text-align:center;}
.tab_wrap5 .tab_type5 {display:inline-block;}
.tab_wrap5 .tab_type5 li {float:left; margin:28px 35px;}
.tab_wrap5 .tab_type5 li a {display:block; text-align:left;}
.tab_wrap5 .tab_type5 li a span.name {display:inline-block; height:23px; margin-top:2px; padding-bottom:8px; font-family:"NotoSansRegular"; font-size:15px; color:#555; vertical-align:top;}
.tab_wrap5 .tab_type5 li a span.count {display:inline-block; margin:-10px 0 0 10px; width:53px; height:23px; font-family:"NotoSansLight"; font-size:12px; line-height:21px; color:#222; text-align:center; background:url('/Images/Common/bg_tabType5_searchNum.gif') left top no-repeat;}
.tab_wrap5 .tab_type5 li a:hover span.name,
.tab_wrap5 .tab_type5 li.on a span.name {color:#0078c2; background:url('/Images/Common/bg_anchorMenu_span.gif') left bottom repeat-x;}
.tab_wrap5 .tab_type5 li a:hover span.count,
.tab_wrap5 .tab_type5 li.on a span.count {color:#fff; background-position:left -33px;}

@media all and (max-width:768px) {
	.tab_wrap5 .tab_type5 li {margin:28px 18px;}
}
@media all and (max-width:730px) {
	.tab_wrap5 {height:auto;}
	.tab_wrap5 .tab_type5 li {width:50%; margin:10px 0; padding-left:12%;}	
}
@media all and (max-width:640px) {
	.tab_wrap5 .tab_type5 li {padding-left:10%;}
	.tab_wrap5 .tab_type5 li a span.name {font-size:12px; padding-bottom:6px;}
	.tab_wrap5 .tab_type5 li a span.count {margin-left:5px;}
}
@media all and (max-width:480px) {
	.tab_wrap5 .tab_type5 li {padding-left:5%;}
	/* 250310 */
	.table_col_type1.center tbody th {text-align: left;}
	.ct {text-align: right !important;}
	.cl {text-align: left !important;}
	.nl {text-align: right !important;}
	.table_col_type1 tbody tr td.nl {height: auto; line-height: 1.4; padding-bottom: 14px;}
	
	.flexBox {flex-direction: column;margin-top: 40px;}
	.table_col_type1 tbody tr td.longTxt:before { width: 190px;}
	
	.table_col_type1.newMob tbody tr th {float: unset;}
	.table_col_type1.newMob tbody tr td {float: unset; height: auto;}
	.table_col_type1.newMob tbody td.padding {padding: 15px 10px;}
	/* 250310 END */
}
@media all and (max-width:350px) {
	.tab_wrap5 .tab_type5 li:nth-child(odd) {padding-left:0px;}
	.tab_wrap5 .tab_type5 li:nth-child(even) {padding-left:8px;}
}

.tab_container .tab_cont {display:none;}
.tab_container .tab_cont.on {display:block;}


/* UL, OL List */
ul.ul_list_type1 li {padding-left:9px; font-family:"NotoSansLight"; font-size:15px; line-height:24px; color:#555; background:url('/Images/Common/bu_ul_list_type1.gif') left center no-repeat;}

ul.ulList {padding-left:10px;}
ul.ulList>li {position:relative; margin-top:5px; text-align:left;}
ul.ulList>li:first-child {margin-top:0px;}
ul.ulList>li>span.bu {position:absolute; left:-10px; top:0px;}

ul.circle {padding-left:14px;}
ul.circle li {list-style:disc; margin-bottom:5px; font-family:"NotoSansLight"; font-size:15px; line-height:20px; color:#555;}
ul.circle li:first-child {list-style:circle;}

ol.olList {padding-left:19px;}
ol.olList>li {position:relative; margin-top:5px; text-align:left;}
ol.olList>li:first-child {margin-top:0px;}
ol.olList>li>span.bu {position:absolute; left:-19px; top:0px;}

ol.decimal {padding-left:27px;}
ol.decimal li {list-style:decimal; margin-bottom:5px; font-family:"NotoSansLight"; font-size:15px; line-height:20px; color:#555;}


/*------------------------ jQuery PlugIn ---------------------------*/

/* 날짜선택
 * jQuery UI Datepicker 1.11.4
 * http://jqueryui.com
 */
.ui-datepicker {display:none; width:232px; padding:20px 10px 10px; border:2px solid #2d3135; border-radius:3px; background-color:#fff;}
.ui-datepicker .ui-datepicker-header {position:relative; padding:10px 0;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {display:block; position:absolute; top:16px; width:13px; height:13px; cursor:pointer;}
.ui-datepicker .ui-datepicker-prev {left:2px; background:url('/Images/Common/btn_datepicker_prev.gif') left top no-repeat;}
.ui-datepicker .ui-datepicker-next {right:2px; background:url('/Images/Common/btn_datepicker_next.gif') left top no-repeat;}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {display:block; text-indent:-9999px;}
.ui-datepicker .ui-datepicker-title {margin:0 3px; text-align:center;}
.ui-datepicker .ui-datepicker-title span {font-family:"Myriad Pro Light"; font-size:16px; color:#333333;}
.ui-datepicker .ui-datepicker-title select {min-width:auto; height:26px; margin:0px 1px; padding:4px 20px 4px 4px; padding:2px 2px 2px 2px\9; font-size:13px; line-height:14px; background:url('/Images/Common/ico_selectBox_arrow.gif') 55px center no-repeat;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {width:35%;}
.ui-datepicker table {width:100%; font-size:11px; border-collapse:collapse;}
.ui-datepicker th {padding:5px; text-align:center;}
.ui-datepicker th span {font-family:"Myriad Pro"; font-weight:normal;}
.ui-datepicker th:first-child span {color:#f20018;}
.ui-datepicker td {border:0; padding:1px;}
.ui-datepicker td.ui-datepicker-today {font-weight:bold; /*background-color:#eee;*/}
.ui-datepicker td span,
.ui-datepicker td a {display:block; padding:5px; text-align:right; text-decoration:none;}
.ui-datepicker td:first-child a {color:#f20018;}
.ui-datepicker td a.ui-state-hover,
.ui-datepicker td a.ui-state-active {background-color:#eee;}
.ui-datepicker .ui-datepicker-buttonpane {text-align:center; position:absolute; right:10px; top:5px;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {display:none;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close {display:inline-block; *display:inline; *zoom:1; width:12px; height:12px; background:url('/Images/Common/btn_lp_close.png') 0 0 no-repeat; text-indent:-9999px;}

/* Loading Bar */
.loadingWrap {position:fixed; left:0; top:0; z-index:9999; width:100%; height:100%; text-align:center; background:url('/Images/Common/img_loading.gif') no-repeat center center;}

/* LightBox */
#LightBox {display:none; position:fixed; top:0; left:0; z-index:800; overflow:hidden; width:100%; height:100%; opacity:0.6; background-color:#000;}

/* ColorBox */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{/*box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;*/}

#cboxOverlay{background:#000;}
#colorbox{outline:0;}
#cboxContent{margin:0px;/*background:#000;*/}
.loading #cboxContent {background-color:#fff;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{background:#fff;}
#cboxTitle{display:none !important; position:absolute; top:0px; left:0; color:#ccc;}
#cboxCurrent{display:none !important; position:absolute; top:0px; right:0px; color:#ccc;}
#cboxLoadingGraphic{background:url('/Images/Common/img_loading.gif') no-repeat center center;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow {display:none; border:0; padding:0; margin:0; overflow:visible; width:auto; background:none;}
#cboxClose {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0);}
        
/* sub, sup */
sub{font-size:10px;} 
sup{font-size:10px;}