@charset "utf-8";

body { font:12px "돋움","Arial"; position:relative; }
a img { border:0; }
* { margin:0; padding:0; box-shadow:none !important}
table { border-collapse:collapse; }
a:link,a:hover,a:visited { text-decoration:none; }
.png24{ tmp:expression(setPng24(this)); }/*png 사용할때*/

.listview_sm_txt { font-size:0.8em; padding-left:1px; color:#777; font-weight:normal; text-shadow:0 0 0;}
.ui-listview .ui-li { height:59px; padding:0; margin:0; } /*listview 붙이기*/
.mini-list .ui-listview .ui-li { height:auto; } /*상품안내 리스트만 안붙이기*/

.container { background:#fff; }
.ui-collapsible-set { margin: 0; }
h3.ui-bar-a { padding:15px; }

.compact { width: 90%; margin: 0 auto; }
.ui-btn.compact { margin: 10px auto; }
.no-data > span { padding-left: 15px; line-height:60px; }


/* user defined */

.big-icon-listview .ui-btn-active:visited,
.big-icon-listview .ui-btn-active:hover,
.big-icon-listview .ui-btn-active a.ui-link-inherit {
	color: #7373B7; /*{global-active-color}*/;
}

.ui-listview .ui-btn-up-a
{
   background-image: -webkit-gradient(linear, left top, left bottom, from( #fff /*{a-bup-background-start}*/), to( #efefef /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #fff /*{a-bup-background-start}*/, #efefef /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #fff /*{a-bup-background-start}*/, #efefef /*{a-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #fff /*{a-bup-background-start}*/, #efefef /*{a-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #fff /*{a-bup-background-start}*/, #efefef /*{a-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #fff /*{a-bup-background-start}*/, #efefef /*{a-bup-background-end}*/);
}


.ui-listview .ui-btn-up-a,
.ui-controlgroup .ui-btn-up-a
{
     border: 1px solid #ccc;
     border-bottom: 0;
}

.ui-listview .ui-last-child.ui-btn-up-a,
.ui-controlgroup .ui-last-child.ui-btn-up-a
{
       border-bottom: 1px solid #ccc;
}

.ui-radio-on .ui-btn-up-a {
    border-right: 0;
}

.ui-radio-on .ui-last-child.ui-btn-up-a {
    border-right: 1px solid #ccc;
}
/* end user defined */

/*헤더*/
.ui-header.ui-bar-a
{
    background-image: -webkit-gradient(linear, left top, left bottom, from( #555 /*{a-bar-background-start}*/), to( #111 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
	  background-image: -webkit-linear-gradient( #555 /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	  background-image:    -moz-linear-gradient( #555 /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* FF3.6 */
	  background-image:     -ms-linear-gradient( #555 /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* IE10 */
	  background-image:      -o-linear-gradient( #555 /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Opera 11.10+ */
	  background-image:         linear-gradient( #555 /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/);
}


.ui-header .ui-btn-right,
.ui-header .ui-btn-left { background: transparent; }

.ui-header .ui-title { position:relative; margin: 0; line-height: 50px; -webkit-box-shadow: 1px 1px 20px #000000; z-index:998;}
.ui-header .ui-btn-left, .ui-header .ui-btn-right { top: -2px; border:0;  }
.ui-header .ui-btn-left {
left: 0;  border:0; z-index:999; height:50px;
-webkit-box-shadow: 0px 0px 5px #000000;
}
.ui-header .ui-btn-right { right: 0; z-index:999; height:50px;  }
.ui-header .ui-btn-corner-all {
-webkit-border-radius: 0 /*{global-radii-buttons}*/;
border-radius: 0 /*{global-radii-buttons}*/;
}

.ui-bar-a .ui-shadow,
.ui-bar-b .ui-shadow ,
.ui-bar-c .ui-shadow  {
	-moz-box-shadow: 0 0 0 				rgba(255,255,255,.3);
	-webkit-box-shadow: 0 0 0 			rgba(255,255,255,.3);
	box-shadow: 0 0 0 					rgba(255,255,255,.3);
}


/*메인이미지*/
#home_main { width:100%; margin:0 auto; -webkit-box-shadow: 1px 1px 10px #282828; background-color:#fff; }
#home_main img { width:100%; max-width:480px; margin:0 auto; text-align:center;  display:block; }

/*리스트 메뉴(예전꺼)*/
/*.list_view .ui-icon-arrow-r { z-index:999; background-size:9px 18px; background:url(/_tpl/skin/skin_tileC/images/homepage/menu_right_bt.png) 50% 50% no-repeat;  box-shadow: none!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; -webkit-border-radius: 0 !important; border-radius: 0 !important; }*/
.ui-listview .ui-icon-arrow-r { z-index:999; background-size:11px 15px; background:url(/_tpl/skin/skin_tileC/images/homepage/profile_listview_go.png ) 50% 50% no-repeat;  box-shadow: none!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; -webkit-border-radius: 0 !important; border-radius: 0 !important; }


/*footer*/
/*
#footer { clear:both; padding:19px; text-align:center; min-width:282px; height:auto; background-color:#373737; }
#footer img { vertical-align:middle; margin-left:10px; }
#footer > p { text-shadow:0 0 0; color:#fff; font-size:1em; font-weight:normal; line-height:1.2em; }
#footer > p + p { margin-top:10px; }
*/
/*네비*/
#skin_cookingm .ui-navbar { position:relative; -webkit-box-shadow: 1px 1px 10px #282828; }
#skin_cookingm .ui-navbar .ui-btn-text { margin-top:20px; }
#skin_cookingm .ui-navbar .ui-btn .ui-btn-inner { padding-top: 32px !important; }
#skin_cookingm .ui-navbar .ui-btn .ui-icon { width: 47px!important; height: 47px!important; margin-left: -24px !important; box-shadow: none!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; -webkit-border-radius: 0 !important; border-radius: 0 !important; }

/* 수정 : border 색상 */
.ui-navbar .nav .ui-btn-up-a { border:1px solid #ccc; border-bottom:0; border-top:0; height:81px; width:100%; }
.ui-navbar .nav .ui-btn-hover-a, .ui-navbar .nav .ui-btn-dawn-a  { border:1px solid #ccc; border-bottom:0; border-top:0; height:81px; width:100%; }
.ui-navbar .nav .ui-btn-up-a.selected { background : #D48FE3; }

/*페이지공유 bg*/
/* 수정 : border색상 , background-image */
.ui-navbar .nav .ui-btn-up-a
{
    border:1px solid #3d3d3c;
    border-bottom:0; border-top:0;

	  background-image: -webkit-gradient(linear, left top, left bottom, from( #ffc71f /*{a-bup-background-start}*/), to( #f9b363 /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
	  background-image: -webkit-linear-gradient( #ffc71f /*{a-bup-background-start}*/, #f9b363 /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	  background-image:    -moz-linear-gradient( #ffc71f /*{a-bup-background-start}*/, #f9b363 /*{a-bup-background-end}*/); /* FF3.6 */
	  background-image:     -ms-linear-gradient( #ffc71f /*{a-bup-background-start}*/, #f9b363 /*{a-bup-background-end}*/); /* IE10 */
	  background-image:      -o-linear-gradient( #ffc71f /*{a-bup-background-start}*/, #f9b363 /*{a-bup-background-end}*/); /* Opera 11.10+ */
	  background-image:         linear-gradient( #ffc71f /*{a-bup-background-start}*/, #f9b363 /*{a-bup-background-end}*/);	  
	  
    color: #403a3b;
}

.ui-navbar .sns .ui-btn-up-a
{
    border:1px solid #ccc; border-bottom:0; border-top:0;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #fff /*{a-bup-background-start}*/), to( #efefef /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #fff /*{a-bup-background-start}*/, #efefef /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #fff /*{a-bup-background-start}*/, #efefef /*{a-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #fff /*{a-bup-background-start}*/, #efefef /*{a-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #fff /*{a-bup-background-start}*/, #efefef /*{a-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #fff /*{a-bup-background-start}*/, #efefef /*{a-bup-background-end}*/);
}

/*링크공유bg*/
.contact_us .ui-listview ui li  { padding:0; margin:0; }

.contact_us .ui-listview .ui-btn-inner{ padding:0; margin:0;  }

/*네비아이콘*/
.ui-navbar .ui-icon { background-position: 50% 50%; background-repeat: no-repeat; background-color: transparent; }

.ui-icon-mp_company { background-image:url(/_tpl/skin/skin_tileC/images/homepage/navi_icon01.png); }
.ui-icon-mp_goods { background-image:url(/_tpl/skin/skin_tileC/images/homepage/navi_icon02.png); }
.ui-icon-mp_event { background-image:url(/_tpl/skin/skin_tileC/images/homepage/navi_icon03.png); }
.ui-icon-mp_buyplace { background-image:url(/_tpl/skin/skin_tileC/images/homepage/navi_icon04.png); }
.ui-icon-mp_board { background-image:url(/_tpl/skin/skin_tileC/images/homepage/navi_icon05.png); }
.ui-icon-mp_store { background-image:url(/_tpl/skin/skin_tileC/images/homepage/navi_icon06.png); }
.ui-icon-mp_qna { background-image:url(/_tpl/skin/skin_tileC/images/homepage/navi_icon07.png); }
.ui-icon-mp_family { background-image:url(/_tpl/skin/skin_tileC/images/homepage/navi_icon08.png); }
.ui-icon-mp_profile { background-image:url(/_tpl/skin/skin_tileC/images/homepage/navi_icon09.png); }
.ui-icon-mp_gallery { background-image:url(/_tpl/skin/skin_tileC/images/homepage/navi_icon10.png); }
.ui-icon-mp_gallery_image { background-image:url(/_tpl/skin/skin_tileC/images/homepage/navi_icon10.png); }
.ui-icon-mp_formmail { background-image:url(/_tpl/skin/skin_tileC/images/homepage/navi_icon11.png); }
.ui-icon-mp_link { background-image:url(/_tpl/skin/skin_tileC/images/homepage/navi_icon12.png); }
.ui-icon-mp_coupon { background-image:url(/_tpl/skin/skin_tileC/images/homepage/navi_icon13.png); }
.ui-icon-mp_custom_goods { background-image:url(/_tpl/skin/skin_tileC/images/homepage/navi_icon12.png); }
.ui-icon-mp_custom_school { background-image:url(/_tpl/skin/skin_tileC/images/homepage/navi_icon13.png); }
.ui-icon-mp_cs_center { background-image:url(/_tpl/skin/skin_tileC/images/homepage/navi_icon14.png); }
.ui-icon-mp_cs_qna { background-image:url(/_tpl/skin/skin_tileC/images/homepage/navi_icon15.png); }
.ui-icon-mp_common_board { background-image:url(/_tpl/skin/skin_tileC/images/homepage/navi_icon16.png); }

/*
.ui-icon-mp_goods { background-image: url(/_tpl/skin/skin_tileC/images/homepage/navi_icon02.png);  }
.ui-icon-mp_inquiry { background-image: url(/_tpl/skin/skin_tileC/images/homepage/navi_icon03.png); }
.ui-icon-mp_manual { background-image: url(/_tpl/skin/skin_tileC/images/homepage/navi_icon04.png); }
.ui-icon-mp_build { background-image: url(/_tpl/skin/skin_tileC/images/homepage/navi_icon05.png); }
*/
.ui-icon-sns_facebook { width:49px; height:49px; background-image: url(/_tpl/skin/skin_tileC/images/homepage/profile_sns_icon01.png); }
.ui-icon-sns_twitter { width:49px; height:49px; background-image:  url(/_tpl/skin/skin_tileC/images/homepage/profile_sns_icon02.png); }
.ui-icon-sns_me2day { width:49px; height:49px; background-image:  url(/_tpl/skin/skin_tileC/images/homepage/profile_sns_icon03.png); }
.ui-icon-sns_mypeople { width:49px; height:49px; background-image:  url(/_tpl/skin/skin_tileC/images/homepage/profile_sns_icon04.png); }
.ui-icon-sns_kakaotalk { width:49px; height:49px; background-image:  url(/_tpl/skin/skin_tileC/images/homepage/profile_sns_icon05.png); }
.ui-icon-sns_kakaostory { width:49px; height:49px; background-image:  url(/_tpl/skin/skin_tileC/images/homepage/profile_sns_icon06.png); }

.ui_control_center { text-align:center; height:60px;}
.ui-bar-g.ui_control_center img { margin-top:5px; }

.ui-navbar ul.sns li a, .ui-navbar ul.sns li a:hover {  }
.ui-navbar .sns .ui-icon { padding-top:20px; }
.ui-navbar .sns .ui-btn-text { display:block; padding-top:25px; }
.ui-navbar ul.nav li a, .ui-navbar ul.nav li a:hover { line-height: 18px; }
.ui-navbar .nav .ui-btn-text { display:block; }

.big-icon-listview .ui-listview li { height:59px; line-height:20px; }
.big-icon-listview .ui-listview .ui-li-icon { max-height: 47px; max-width: 47px; left: 10px; top: .4em; -moz-border-radius: 10px; border-radius: 10px; }
.big-icon-listview.icon-fix .ui-listview .ui-li-icon { width:47px; height: 47px; }
.big-icon-listview .ui-li .ui-btn-inner a.ui-link-inherit { padding-left: 70px; }
.ui-listview-filter { margin:0; } /*검색창.*/



/*상품안내 검색창
.ui-listview-filter { margin:0; }*/

/*네비 bg + 하단 밑줄 없애기*/
.ui-navbar .ui-btn-active { border-right:1px #ccc solid;/*  background:url(/_tpl/skin/skin_tileC/images/homepage/sns_menu_bg_o.gif) repeat-x; */}

/*company*/
#skin_pinkcheck .ui-listview .ui-li-heading { padding-left:18px; margin:0; line-height:59px; text-shadow:0 0 0; color:#fff; background:url(/_tpl/skin/skin_tileC/images/homepage/proflie_menu_bar1.gif) repeat-x; border:0; }

/* 삭제 예정 : 이름이 실제와 맞지 않음 */
.skin_image p { background-color:#e9eaee; margin:0 auto; text-align:center; }
.skin_image p img { max-width:640px; width:100% !important; display:block; text-align:center; margin:0 auto; }
.skin_image .text { padding:20px 15px 30px 15px; font-size:1.3em; line-height:1.3em; color:#3f3838; }
/* */

.doc_format_a, .doc_format_b { background-color:#fff; }
/*.doc_format_a p { background-color:#fff; margin:0 auto; text-align:center; }*/
.doc_format_a img { max-width:640px; width:100% !important; display:block; text-align:center; margin:0 auto; }
.doc_format_a .text { padding:20px 15px 30px 15px; font-size:1.2em; line-height:1.3em; color:#3f3838;  text-align:left; margin:0 auto;}

.doc_format_b > p, .doc_format_b > ul { font-size:1.2em; line-height: 1.3em; background-color:#fff; margin:0 auto; text-align:left; padding:15px; }
.doc_format_b > ul { list-style: none; }
.doc_format_b p img { max-width:480px; width:100%; display:block; text-align:center; margin:0 auto; }
.doc_format_b img { max-width:100%; display:block; text-align:center; }
.doc_format_b label { color: #000; margin-right:7px; font-weight:bold; font-size: 1.2em; }
.doc_format_b .newp { padding: 30px; }


#slidebar { text-align:center; position:relative;}
#slidebar .moviePlayBnt { position:absolute; top:45%; left:50%; margin-left:-33px; z-index:100; background: url(/_tpl/skin/skin_tileC/images/homepage/movie_play.png) 0 0; cursor:pointer; width:75px; height:51px;}
#slidebar img { display:block; }

#indicators{  background-color:#000; color:#fff; text-align:center; margin:0 auto 0 auto;padding-top:5px;height: 22px; font-size: 1em; }
#indicators .current_page { font-weight:bold; color:orange;}

/*소셜네트워크 SNS*/
.social_facebook .ui-icon { background: url(/_tpl/skin/skin_tileC/images/homepage/facebook_big_bt.png) 50% 50% no-repeat; }
.social_twitter .ui-icon { background: url(/_tpl/skin/skin_tileC/images/homepage/twitter_big_bt.png) 50% 50% no-repeat; }
.social_me2day .ui-icon { background: url(/_tpl/skin/skin_tileC/images/homepage/me2day_big_bt.png) 50% 50% no-repeat; }
#social a { float:left; padding-top:13px ; }
#social { margin:0 auto; }

/*지도*/
#map { position:relative; }
#map .map_image img { width:100%; display:block; }
#map .map_address { font-size:1.2em; text-align:center; margin:1.3em 0; }
#map .map_bt { position:absolute; bottom:-2px; width:100%; text-align:center; height:48px; z-index:999; }

#map .map_bt .ui-btn-corner-all {
-webkit-border-radius: 0 /*{global-radii-buttons}*/;
border-radius: 0 /*{global-radii-buttons}*/; }

/*상품안내2*/
#product02 { position:relative; height:auto; }
#product02 img { width:100%; display:block; z-index:1; }
.product02_title { padding:22px 0; margin-left:13px; }
.title_01 { font-size: 1.2em; font-weight:bold; color:#3f3838; line-height:2em;}
.title_02 { font-size: 1.2em; color:#343434; line-height:1.5em; }
#product02 .title_02 img, #product02 .title_04 img{ display:inline; width:88px; height:20px; vertical-align:middle; padding-left:10px; }
.product03_title { text-align:center; padding:27px 0; }
.title_03{ font-size: 2.4em; font-weight:bold; color:#3f3838; line-height:2em;}
.title_04 { font-size: 1.2em; color:#343434; line-height:2em; }
.title_05 { font-size: 1.4em; color:#565656; line-height:1.5em; }

.facebook_like { border:none; overflow:hidden; width:100px; height:21px;vertical-align:middle; margin-left: 15px; }

.product02_image { background-color:#e9eaee; margin:0 auto; text-align:center; }
.product02_image img { max-width:480px; width:100%; display:block; text-align:center; margin:0 auto; }

/*상품 상세정보*/
#product_detail { position:relative; height:auto; }
.product_detail_title { text-align:left; margin:30px 18px 20px 18px;}
.product_detail_title .title_05 { margin-top:15px; font-size: 1.2em; color:#343434; line-height:2em;}

#product_detail .photo_image { background-color:#e9eaee; margin:0 auto; text-align:center; }
#product_detail .photo_image img { max-width:480px; margin:0 auto; width:100%;  }

/*페이지공유*/
.event_page { margin:35px 18px; font-size:1.3em; line-height:1.5em; }
.ui-listview .ui-listview-filter { margin:0; padding:0; }

/*알림게시판*/
.profile-notice { margin:1em 0; line-height:19px; }
.profile-notice dt { float:left; margin-right:2px; color:#b2b2b2; }
.profile-notice dd a { color:#b2b2b2; }
.ui-collapsible .notice-title { font-size:1.2em; margin-bottom: 10px; }
.ui-collapsible .notice-title span { color:#888; }

/* 게시판 */
.add_file { margin: 20px 0; font-size: 1.2em; }
.add_file dt { color: #000; font-weight:bold; }

/*갤러리
#gallery .ui-block-a .ui-bar { margin-bottom:3px; margin-right:2px; padding:0; }
#gallery .ui-block-b .ui-bar { margin-bottom:3px; margin:0 1px; padding:0; }
#gallery .ui-block-c .ui-bar { margin-bottom:3px; margin-left:2px; padding:0; }
#gallery .ui-block-a .ui-bar img, .ui-block-b .ui-bar img, .ui-block-c .ui-bar img { width:100%; height:adisplay:block; max-height:158px; }
#gallery .ui-btn-inner, .ui-grid .ui-btn { padding:0; margin:0; border:0;}
#gallery .ui-btn { margin:0; padding:0; }
#gallery .ui-grid-b .ui-block-a, .ui-grid-b .ui-block-b, .ui-grid-b .ui-block-c { width:33.39%; }
#gallery .bottom .ui-bar { margin-bottom:0;}

#gallery .album_text { position: absolute; height: 3em; background-color: #000; -webkit-box-shadow: 0 3px 7px #282828;
opacity: 0.7; filter: alpha(opacity=70); color: white; bottom:0;  width: 100%; text-align: center;
line-height:3em; font-size: 0.8em; text-shadow:0 0 0; z-index:999; }

#gallery_detail { background-color:#000; }
#gallery_title { border-bottom:1px solid #353332; height:40px; line-height:40px; font-size:1.2em; text-shadow:0 0 0; color:#ccc; text-align:center; }

#gallery_image { margin-top:2.8em; margin-bottom:2.8em; }
#gallery_image img { display:block; width:100%; margin:0 auto; max-width:480px; }
#gallery_btn { line-height:54px; height:44px; background:url(/_tpl/skin/skin_tileC/images/homepage/gallery_bt_bg.gif) repeat-x; }
#gallery_btn p { width:320px; text-align:center;  margin:0 auto; }
#gallery_btn p img { padding:0 25px; }*/

/*갤러리-new*/
#gallery { z-index:999; }
#gallery ul { padding:0; margin:0; width:100%; margin:0 auto; }
#gallery li { position:relative; overflow:hidden; height:; display:inline-block; list-style:none; width:32.95%; z-index:999; }
#gallery li img { width:100%; display:block; }
#gallery .bottom { border-bottom:0; }
#gallery .album_text { position:absolute; height: 3em; background-color: #000; opacity: 0.7; filter: alpha(opacity=70); color: white; bottom:0;  width: 100%; text-align: center;
line-height:3em; font-size: 0.8em; text-shadow:0 0 0; z-index:999; }

#gallery_detail { position:relative; clear:both; background-color:#000; }
#gallery_title { border-bottom:1px solid #353332; height:40px; line-height:40px; font-size:1.2em; text-shadow:0 0 0; color:#ccc; text-align:center; }

#gallery_image { margin-top:2.8em; margin-bottom:2.8em; }
#gallery_image img { display:block; width:100%; margin:0 auto; max-width:480px; }
#gallery_btn { line-height:54px; height:44px; background:url(/_tpl/skin/skin_tileC/images/homepage/gallery_bt_bg.gif) repeat-x; }
#gallery_btn p { width:320px; text-align:center;  margin:0 auto; }
#gallery_btn p img { padding:0 25px; }

/*sns댓글*/
#sns_comment { position:relative; }
#sns_comment textarea{ margin:0 auto; border:1px solid #c5c6cb; }
#sns_comment .byte { max-width:440px; margin:0 auto; text-align:right; padding-top:15px; margin-bottom:10px; }
#sns_comment .sns_comment_bt
{
    position:absolute; bottom:0; width:100%; text-align:center;
    z-index:999;
}

#text-comment > img { -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px;}

/*sns댓글 - min,max 사이즈 지정*/
@media screen and (min-width: 320px) {
#sns_comment textarea{ width:90%; height:55px; }
#sns_comment .byte { width:295px; }
#sns_comment .sns_comment_box { height:180px; padding-top:10px; }

}

@media screen and (min-width: 480px) {
#sns_comment textarea{ width:90%; height:82px; }
#sns_comment .byte { width:443px; }
#sns_comment .sns_comment_box { height:200px; padding-top:10px; }

}

/*사진앨범 버튼 (이미지100%일떄)
#photo { position:relative; }
#photo .album_text { position: absolute; height: 2.8em; background-color: #000; -webkit-box-shadow: 0 3px 7px #282828;
opacity: 0.7; filter: alpha(opacity=70); color: white; bottom:0;  width: 100%; text-align: center;
line-height:2.8em; font-size: 1.2em; text-shadow:0 0 0; font-weight: normal;  z-index:999; }
#photo img { width:100%; display:block; z-index:1; }

.album_left { position:absolute; padding-top:37%; left:0; z-index:999; }
.album_right { position:absolute; padding-top:37%; right:0; z-index:999; }

.album_left { position:absolute; padding-top:37%; left:0; z-index:999; }
.album_right { position:absolute; padding-top:37%; right:0; z-index:999; }*/

/*사진앨범 버튼*/
#photo_image { position:relative; max-width:480px; margin:0 auto; text-align:center; }
#photo_image img { width:100%; max-width:480px; display:block; z-index:1; }
#photo_image .album_left { position:absolute; padding-top:37%; left:0; z-index:999; }
#photo_image .album_right { position:absolute; padding-top:37%; right:0; z-index:999; }
#photo { position:relative;  background-color:#e9eaee;}
#photo .album_text { position: absolute; height: 2.8em; background-color: #000; -webkit-box-shadow: 0 3px 7px #282828;
opacity: 0.7; filter: alpha(opacity=70); color: white; bottom:0;  width: 100%; text-align: center;
line-height:2.8em; font-size: 1.2em; text-shadow:0 0 0; font-weight: normal;  z-index:999; }

/*동영상 앨범
#video { text-align:center; position:relative; padding-top:3.5em; background-color:#000; }
#video .video_play_bt { position:absolute; top:40%; left:50%; margin-left:-33px; z-index:100; background: url(/_tpl/skin/skin_tileC/images/homepage/movie_play.png) 0 0; cursor:pointer; width:75px; height:51px;}
#video img { display:block; }
#video .album_text { position: absolute; left:0; height: 2.8em; background-color: #000; -webkit-box-shadow: 0 3px 7px #282828;
opacity: 0.7; filter: alpha(opacity=70); color: white; bottom:0;  width: 100%; text-align: center;
line-height:2.8em; font-size: 1.2em; text-shadow:0 0 0; font-weight: normal;  z-index:999; }*/

/*동영상 앨범*/
#video_bt { max-width:480px; text-align:center; margin:0 auto; position:relative; padding:3.4em 0; background-color:#000; }
#video_bt .video_play_bt { position:absolute; top:40%; left:50%; margin-left:-33px; z-index:100; background: url(/_tpl/skin/skin_tileC/images/homepage/movie_play.png) 0 0; cursor:pointer; width:75px; height:51px;}
#video_bt img { max-width:480px; display:block; }
#video_bt .album_left { position:absolute; padding-top:22%; left:0; z-index:999; }
#video_bt .album_right { position:absolute; padding-top:22%; right:0; z-index:999; }
#video { position:relative;  background-color:#e9eaee; }
#video .album_text { position: absolute; left:0; height: 2.8em; background-color: #000; -webkit-box-shadow: 0 3px 7px #282828;
opacity: 0.7; filter: alpha(opacity=70); color: white; bottom:0;  width: 100%; text-align: center;
line-height:2.8em; font-size: 1.2em; text-shadow:0 0 0; font-weight: normal;  z-index:999; }



/*1:1문의하기*/
.inquiry .ui-grid-c > :nth-child(n) { width: 25%; margin:0; padding:0; }

.inquiry .ui-btn-up-a,
.inquiry .ui-btn-hover-a,
.sns .ui-btn-hover-a
{ border-bottom:0; border-top:0; }

/*테스트 댓글 쓰기*/
#text-comment { margin-top:30px; padding-bottom:25px; line-height:11px; min-width:320px; }
#text-comment .text-comment-title { font-size:1.3em; font-weight:bold; padding-top:5px; }
#text-comment .comment-name { font-size:1.1em; float:left; margin:0 6px 0 4px; padding-top:4px; }
#text-comment a img {  vertical-align:middle; margin-right:2px; }

/*프로필*/
#profile { position:relative; height:auto; }
#profile .company_logo { padding: 29px 0 24px 16px; text-align:center;}
#profile .profile_main_img { max-width: 100%; }
/*프로필 세로형*/
#profile_main_y { position:relative; line-height:2em; padding:0 18px; }
#profile_main_y .profile_main_img_y { float:left; width:50%; }
#profile_main_y .company_logo { width:50%; padding: 29px 0 24px 0; }
#profile_main_y .company_logo span { max-width:220px; width:100%; display:block;  float:right; margin-bottom:7px; }
#profile_main_y .profile_main_img_y img { width:100%; max-width:220px; display:block; float:right; }
#profile_main_y .profile_main_y_text { width:50%; float:right; }
#profile_main_y .profile_main_y_text .y-company { text-shadow:0 0 0; color:#4e4e4e; padding-left:25px; }
#profile_main_y .profile_main_y_text .y-department { text-shadow:0 0 0; color:#19b2ce; padding-left:25px;}
#profile_main_y .profile_main_y_text .y-name { text-shadow:0 0 0; font-size:1.5em; font-weight:bold; padding-left:25px;}
#profile_main_y .profile_main_y_text .my-page { margin-top:10px; padding-left:25px;}

/*프로필 가로형*/
#profile .profile_main { position:relative;  }
/*#profile .profile_main { position:relative;  background-color:#e9eaee; }*/
#profile .profile_main img { width:100%; max-width:480px; display:block; margin:0 auto; }
/*#profile .profile_main img { width:100%; max-width:480px; display:block; margin:0 auto; }*/
#profile .greeting .nc-info { position: absolute; height: 2.8em; background-color: #000; -webkit-box-shadow: 0 3px 7px #282828;
opacity: 0.75; filter: alpha(opacity=70); color: white; bottom:0;  width: 100%; text-align: center;
line-height:40px; font-size: 1.2em; text-shadow:0 0 0; font-weight: normal; }
#profile .introduce { clear:both; padding:1.2em .8em 1em .8em; font-size:1.3em; line-height:1.3em; text-shadow:0 0 0; }

/*프로필 - min,max 사이즈 지정*/
mediascreen and (min-width: 480px) {
	#profile .introduce { font-size: 1.8em; text-shadow:0 0 0;}

}

@media screen and (min-width: 840px) {
	#profile .introduce { font-size: 2.2em; text-shadow:0 0 0; }
   img { max-width: device-width; }
	#profile_main_y .profile_main_y_text {  font-size:1.5em; line-height:1.8em; }
}

/*매장검색*/
#store_search .ui-checkbox { padding:0; margin:0; }
#store_search .ui-input-search { margin:0; }
.store_p { margin-top:45px; }
#store_search .ui-icon-arrow-r { width: 20px!important; height: 21px!important; box-shadow: none!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; -webkit-border-radius: 0 !important; border-radius: 0 !important; background:url(/_tpl/skin/skin_tileC/images/homepage/store_search_bt.png) no-repeat; background-size: 20px 21px;}
#store_search .ui-checkbox .ui-btn-inner, #store_search .ui-select .ui-btn-inner { padding-left:45px; line-height:39px; }
/* 수정 : border 색상 */
#store_search .ui-select .ui-btn-inner { border:1px solid #aaa; -webkit-box-shadow: 1px 1px 20px #000000; }

/*메인 리스트 간격*/
.big-icon-listview.only-title .ui-btn-inner { line-height:35px; }
.only-title .ui-btn-inner { line-height:35px; }

/*숫자*/
.ui-li-count { width:20px; height:20px; text-align:center; color:#fff; text-shadow:0 0 0 ; font-weight:normal; border:0; background:url(/_tpl/skin/skin_tileC/images/homepage/count_bg.png) 55% 10% no-repeat; }
.contact_us .ui-listview .ui-btn-up-a { padding:0; margin:0; }

/*검색어*/
#store_search .ui-input-search .ui-btn-inner { width:24px; height:23px; background-color:#fff; border:1px solid #ccc; }
#store_search .ui-btn-down-a { height:59px; margin:0; padding:0; }

/*이벤트 탭*/
/* 수정 : border 색상 */
.ui-navbar .ui-grid-a .ui-btn-inner { /* border:1px solid #aaa;  */border-top:0; border-bottom:0; }
.ui-navbar .ui-grid-a .ui-btn-inner .ui-btn-text, .ui-navbar .ui-grid-c .ui-btn-inner .ui-btn-text {  bottom:10px; }

/*높이 조절*/
.ui-navbar .txt_navi .ui-btn-up-a, .ui-navbar .txt_navi .ui-btn-active, .ui-navbar .txt_navi .ui-btn-hover-a { height:59px; } /*event*/
.inquiry .ui-navbar .ui-btn-up-a, .inquiry .ui-navbar .ui-btn-active, .inquiry .ui-navbar .ui-btn-hover-a { height:59px; }  /*product*/
.ui-collapsible .ui-collapsible-heading .ui-collapsible-heading-toggle .ui-btn-inner { padding-bottom:9px; } /*notice*/

/*폼메일*/

.ui-field-contain div.ui-input-text { width: 97%!important; }
.ui-field-contain .ui-controlgroup-controls { width: 97%!important; }
.ui-field-contain label.ui-input-text { width: 50%; }
label.ui-input-text { font-size: 1.3em; font-weight: bold; }
label.field-title { font-size: 16px;}

#formmailTop p { padding: 15px; font-size: 1.2em; }
.formmail .ui-btn-down-a {
   background-image: -webkit-gradient(linear, left top, left bottom, from( #888 /*{c-bup-background-start}*/), to( #818181 /*{c-bup-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #888 /*{c-bup-background-start}*/, #818181 /*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #888 /*{c-bup-background-start}*/, #818181 /*{c-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #888 /*{c-bup-background-start}*/, #818181 /*{c-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #888 /*{c-bup-background-start}*/, #818181 /*{c-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #888 /*{c-bup-background-start}*/, #818181 /*{c-bup-background-end}*/);
}

.formmail .ui-btn-hover-a {
    background-image: -webkit-gradient(linear, left top, left bottom, from( #aaa /*{c-bup-background-start}*/), to( #a1a1a1 /*{c-bup-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #aaa /*{c-bup-background-start}*/, #a1a1a1 /*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #aaa /*{c-bup-background-start}*/, #a1a1a1 /*{c-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #aaa /*{c-bup-background-start}*/, #a1a1a1 /*{c-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #aaa /*{c-bup-background-start}*/, #a1a1a1 /*{c-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #aaa /*{c-bup-background-start}*/, #a1a1a1 /*{c-bup-background-end}*/);
}

.formmail .ui-btn-up-a {
	color: #333333 /*{a-body-color}*/;
	text-shadow: 0 /*{a-body-shadow-x}*/ 0 /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #ffffff /*{a-body-shadow-color}*/;
	background: #fff /*{a-body-background-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #fff /*{c-bup-background-start}*/), to( #f1f1f1 /*{c-bup-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/);
}
/* 수정 : height, bakcground-image */
.formmail .ui-slider-track.ui-btn-down-a {
    height: 10px;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #888 /*{a-bdown-background-start}*/), to( #666 /*{a-bdown-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #888 /*{a-bdown-background-start}*/, #666 /*{a-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #888 /*{a-bdown-background-start}*/, #666 /*{a-bdown-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #888 /*{a-bdown-background-start}*/, #666 /*{a-bdown-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #888 /*{a-bdown-background-start}*/, #666 /*{a-bdown-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #888 /*{a-bdown-background-start}*/, #666 /*{a-bdown-background-end}*/);
}

/* 수정 : border */
.formmail .ui-slider-track .ui-btn-up-a,
.formmail .ui-slider-track .ui-btn-hover-a
{
  -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px;
  border: 1px solid #555;
}
.formmail input.ui-input-text.ui-slider-input { width:85px; height:20px; line-height:20px; }
.formmail .ui-slider-track, .ui-slider-switch { left: 25px; width:80%; }


#form { margin:7px 18px 25px 18px; }
#form .form_menu p { font-size:1.4em; font-weight:bold; margin:15px 0; }
#form .form_menu_point { font-size:1.2em; font-weight:bold; margin-bottom:15px; text-align:right; }
#form .color_point { color:#ea2e49; font-weight:bold; }

#privacy { position:relative; }
#privacy textarea{ margin:0 auto; width:90%; border:1px solid #aaa; font-size:1em; }
#privacy .privacy_box { margin:25px 0; }

#privacy .form_bt { position:relative; margin-top:80px; text-align:center; }
#privacy .form_bt .privacy_bt { position:relative; bottom:0; width:100%; text-align:center; height:93px; background:url(/_tpl/skin/skin_tileC/images/homepage/company_map_bar.png) repeat-x; z-index:999; }
#privacy .form_bt fieldset { height:59px; width:100%; position:absolute;  bottom:53px; }

/*폼메일 - min,max 사이즈 지정*/
@media screen and (min-width: 320px) {
    #privacy textarea { height:67px; }
}

@media screen and (min-width: 480px) {
    #privacy textarea { height:100px; }
}

#privacy_chk { text-align:center; margin:10px auto; }

/*동영상*/
#navi_bar {clear:both;margin:10px auto; margin-bottom:0; padding-bottom:5px; position:relative; width:240px;}
#navi_bar .prev{position:absolute; top:0px; left:0px;background: url(../images/list_prev.png) 50% 50% no-repeat;width:44px; height:22px; }
#indicators{text-align:center; width:100px; background-color:#fff; margin:0 auto 0 auto;padding-top:5px;height: 22px; font-size:1.2em;color:#999999;}
#indicators .current_page {color:#575D6F}
#navi_bar .next{position:absolute; top:0px; right:0px;background: url(../images/list_next.png) 50% 50% no-repeat;width:44px; height:22px; }

.next, .prev {  cursor:pointer; }
}

#slidebar{ text-align:center; position:relative;}
#slidebar .moviePlayBnt{position:absolute;top:40%;left:50%;margin-left:-33px;z-index:100; background: url(/_css/mobile/images/movie_play.png) 0 0; cursor:pointer; width:75px; height:51px;}
/*동영상*/

/*이미지 슬라이드*/
#container {width: 100%; max-width: 480px; margin: 0 auto; margin-bottom:20px; text-align:left;}
.flexslider {width: 100%; height:100%; margin: 0; padding: 0; }
.flexslider .slides li { width:100%; height:100%; display: none;  /*margin-top:-16px;*/} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { width:100%; display: block;}

/* FlexSlider Default Theme
*********************************/
/*.flexslider {background: #fff; border: 4px solid #ccc; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}*/
.flexslider .slides  li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flexslider-container {position: relative; margin-top:10px;}


/* Caption style */
.flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 15px; line-height: 18px;}

/* Direction Nav */
.flex-direction-nav li a {width: 40px; height: 42px; margin: -13px 0 0; display: block; background: url(/_tpl/skin/skin_tileC/images/homepage/album_left_bt.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px;} /* set negative margin-top equal to half the height on the directional-nav for perfect vertical centering */
.flex-direction-nav li a.next {background-position: -52px 0; right: -21px;}
.flex-direction-nav li a.prev {background-position: 0 0; left: -21px;}

/* Control Nav */

.flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: #82C5E7; }
.flex-control-paging li a.flex-active { background: #000; background: #1F8DC2; cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 60px; background: #fff; border: 1px solid #fff; position: relative; -webkit-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; }
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
/*.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(../images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}*/
.flex-direction-nav .flex-next {width: 40px; height: 42px; margin: -13px 0 0; display: block; background: url(/_tpl/skin/skin_tileC/images/homepage/album_right_bt.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; right: 0px;}
/*.flex-direction-nav .flex-prev {left: -12px;}*/
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/*판넬추가하면서 수정*/
.ui-listview .ui-li-icon { max-height:100%; max-width:100%;}
.ui-panel { width:17em; }
.ui-panel .ui-panel-inner { font-size:1em; }
.ui-panel .ui-btn-up-a:visited, .ui-btn-up-a a.ui-link-inherit { color:#2f3e46; }
.ui-panel .ui-li .ui-btn-text a.ui-link-inherit { word-wrap:break-word; white-space:-moz-pre-wrap; white-space:pre-wrap; overflow:auto; }


/*헤더*/

/*
#header_home { width:100%; }
.ui-header .ui-title { position:relative; padding:0; margin: 0; line-height: 51px; -webkit-box-shadow: 1px 1px 5px #000000; z-index:998;}
.ui-header .ui-btn-left, .ui-header .ui-btn-right { top: 0; border:0; }
.ui-header .ui-btn-left { left: 0; border:0; z-index:999; height:49px; }
.ui-header .ui-btn-right { right: 0; z-index:999; height:49px; }
.ui-header .ui-btn-inner { height:38px; background:url(/_tpl/skin/skin_design/images/skin_tile/tile_header.gif) repeat-x; border:0;}
*/

 /*내용*/
 #skin_cookingm {
	  max-width: 1280px;
	    margin: 0 auto;
  position: static;
    overflow: hidden;
}
.main_contents { position: relative; min-width:320px; }
.main_img {
	/*width: 70%;*/
	width:66.67%;
	float:left;
	min-height: 329px; max-height:329px; 
}
.main_img img { min-height: 329px; max-height:329px; max-width: 213px; min-width:213px; }
.main_navi {
	/*width: 30%;*/
	width:33.33%;
	height: 329px;
	float:left;
	list-style:none;
	background:#fff;
	margin:0;
	padding:0;
	min-height: 300px;
	min-width: 106px;
}

.main_navi li { text-shadow:0 0 0; width:105px; float:left; height:109px; font-size: .8em; min-width:106px; text-align:center; line-height: 100%; border-left:1px solid #e0d8d8; background:#242424; }
.main_navi img { width: 43px; height: 40px; padding-top:23px; }
.main_navi h2 { color:#fff; font-size:12px; text-align:center; margin-top:17px; text-shadow:0 0 0; height:2.2em; line-height:2.2em; }
.navi1, .navi2, .navi3 { border-top:1px solid #e0d8d8; width:105px; }
.navi4, .navi5, .navi6, .navi7, .navi8, .navi9, .navi10, .navi11, .navi12, .navi13, .navi14, .navi15, .navi16, .navi17, .navi18 { border:1px solid #e0d8d8; position:absolute; top:300px; left: 0; background-color:#fff;  }
.navi5, .navi8, .navi11, .navi14, .navi17 { left: 33.33%; border:1px solid #e0d8d8; border-right:0;}
.navi6, .navi9, .navi12, .navi15, .navi18 { left: 33.33%;  border-right:0; }
.navi4, .navi5, .navi6 { top:329px; }
.navi7, .navi8, .navi9  { top: 434px; }
.navi10, .navi11, .navi12 { top: 543px; }
.navi13, .navi14, .navi15  { top: 652px; }
.navi16, .navi17, .navi18 { top: 761px; }

.main_navi .navi1, .main_navi .navi7, .main_navi .navi13 { background-color:#ffba00; }
.main_navi .navi1 h2, .main_navi .navi7 h2, .main_navi .navi13 h2 { background-color:#fcaa00; }
.main_navi .navi2, .main_navi .navi8, .main_navi .navi14 { background-color:#ff6b6b; }
.main_navi .navi2 h2, .main_navi .navi8 h2, .main_navi .navi14 h2 { background-color:#e05050; }
.main_navi .navi3, .main_navi .navi9, .main_navi .navi15 { background-color:#ed6c44; }
.main_navi .navi3 h2, .main_navi .navi9 h2, .main_navi .navi15 h2 { background-color:#f2543d; }
.main_navi .navi4, .main_navi .navi10, .main_navi .navi16 { background-color:#65ca60; }
.main_navi .navi4 h2, .main_navi .navi10 h2, .main_navi .navi16 h2 { background-color:#439e3e; }
.main_navi .navi5, .main_navi .navi11, .main_navi .navi17 { background-color:#32b1e0; }
.main_navi .navi5 h2, .main_navi .navi11 h2, .main_navi .navi17 h2 { background-color:#2596c0; }
.main_navi .navi6, .main_navi .navi12, .main_navi .navi18 { background-color:#d48fe3; }
.main_navi .navi6 h2, .main_navi .navi12 h2, .main_navi .navi18 h2 { background-color:#dea0ec; }

.main_navi li:hover, .main_navi li:visited, main_navi li:active { background:#cbc6c6; }

.main_navi .navi1 h2:hover, .main_navi .navi2 h2:hover, .main_navi .navi3 h2:hover, .main_navi .navi4 h2:hover, .main_navi .navi5 h2:hover, .main_navi .navi6 h2:hover, 
.main_navi .navi7 h2:hover, .main_navi .navi8 h2:hover, .main_navi .navi9 h2:hover, .main_navi .navi10 h2:hover, .main_navi .navi11 h2:hover, .main_navi .navi12 h2:hover, .main_navi .navi13 h2:hover, 
.main_navi .navi14 h2:hover, .main_navi .navi15 h2:hover, .main_navi .navi16 h2:hover, .main_navi .navi17 h2:hover, .main_navi .navi18 h2:hover { background:#abaaaa; }

.main_navi .navi1 h2:visited, .main_navi .navi2 h2:visited, .main_navi .navi3 h2:visited, .main_navi .navi4 h2:visited, .main_navi .navi5 h:visited, .main_navi .navi6 h2:visited, 
.main_navi .navi7 h2:visited, .main_navi .navi8 h2:visited, .main_navi .navi9 h2:visited, .main_navi .navi10 h2:visited, .main_navi .navi11 h2:visited, .main_navi .navi12 h2:visited, .main_navi .navi13 h2:visited, 
.main_navi .navi14 h2:visited, .main_navi .navi15 h2:visited, .main_navi .navi16 h2:visited, .main_navi .navi17 h2:visited, .main_navi .navi18 h2:visited { background:#abaaaa; }

.main_navi .navi1 h2:active, .main_navi .navi2 h2:active, .main_navi .navi3 h2:active, .main_navi .navi4 h2:active, .main_navi .navi5 h:active, .main_navi .navi6 h2:active, 
.main_navi .navi7 h2:active, .main_navi .navi8 h2:active, .main_navi .navi9 h2:active, .main_navi .navi10 h2:active .main_navi .navi11 h2:active, .main_navi .navi12 h2:active, .main_navi .navi13 h2:active, 
.main_navi .navi14 h2:active, .main_navi .navi15 h2:active, .main_navi .navi16 h2:active, .main_navi .navi17 h2:active, .main_navi .navi18 h2:active { background:#abaaaa; }


/*풋터*/
#footer { clear:both; width:100%; background-color:#323232; top:326px; display: block;
  max-width: 1280px; }
#footer .address { text-shadow:0 0 0; color:#fff; text-align:center; font-size:1.2em; line-height:1.5em; } 
#footer p { margin-top:1.5em; margin-bottom: 1.5em; text-align:center; padding:0 0.5em; }
#footer p img { padding-bottom:15px; }

@media screen and (min-width: 0px) and (max-width: 320px) { /*갤2가로*/
	.main_contents { min-height:329px; max-width:320px; min-width:320px; }
	.main_navi li { height:109px; min-width:106px; border-left:1px solid #e0d8d8; }
	.main_img { height: 329px; min-height: 329px;}
	.main_img img { min-height: 329px; max-height:329px; max-width: 213px; min-width:213px; }
	.main_navi img { width: 43px; height: 40px; padding-top:23px; }
	.main_navi h2 { color:#fff; font-size:12px; text-align:center; margin-top:17px; text-shadow:0 0 0; height:2.2em; line-height:2.2em; }
	.main_navi { min-height: 326px; background-color:#fff; }
	.navi4, .navi5, .navi6 { top:329px; border-left:1px solid #919191; }
	.navi7, .navi8, .navi9  { top: 434px; }
	.navi10, .navi11, .navi12 { top: 543px; }
	.navi13, .navi14, .navi15  { top: 652px; }
	.navi16, .navi17, .navi18 { top: 761px; }
	.navi6, .navi9, .navi12, .navi15, .navi18 { left: 214px; }
	.main_navi li.navi5, .main_navi li.navi8, .main_navi li.navi11, .main_navi li.navi14, .main_navi li.navi17 { width: 110px; }
}

@media screen and (min-width: 321px) and (max-width: 360px) { /*갤노트2 가로*/
	.main_contents { min-height:366px; max-width:360px; min-width:360px;}
	.main_img { height: 366px; min-height: 366px;}
	.main_img img { min-height: 366px; max-height:366px; max-width: 240px; min-width:240px; }
	.main_navi img { width: 43px; height: 40px; padding-top:30px; }
	.main_navi h2 { color:#fff; font-size:12px; text-align:center; margin-top:24px; text-shadow:0 0 0; height:2.2em; line-height:2.2em; }
	.main_navi { min-height: 366px; background-color:#fff; }
	.main_navi li { min-width: 119px; height:122px; }
	.navi4, .navi5, .navi6 { top:366px; }
	.navi7, .navi8, .navi9  { top: 488px; }
	.navi10, .navi11, .navi12 { top: 610px; }
	.navi13, .navi14, .navi15  { top: 732px; }
	.navi16, .navi17, .navi18 { top: 854px; }
	.navi6, .navi9, .navi12, .navi15, .navi18 { left: 241px; }
	.main_navi li.navi5, .main_navi li.navi8, .main_navi li.navi11, .main_navi li.navi14, .main_navi li.navi17 { width: 120px; }
	#footer { width:100%; }
}

@media screen and (min-width: 361px) and (max-width:400px) { /*갤노트 가로*/
	.main_contents { min-height:408px; max-width:400px; min-width:400px;}
	.main_img { height: 408px; min-height: 408px;}
	.main_img img { min-height: 408px; max-height:408px; max-width: 267px; min-width:267px; }
	.main_navi img { width: 48px; height: 45px; padding-top:34px; }
	.main_navi h2 { color:#fff; font-size:15px; text-align:center; margin-top:22px; height:2.2em; line-height:2.2em; }
	.main_navi { min-height: 408px; }
	.main_navi li { min-width: 132px; height:136px; }
	.navi4, .navi5, .navi6 { top:408px; }
	.navi7, .navi8, .navi9  { top: 544px; }
	.navi10, .navi11, .navi12 { top: 680px; }
	.navi13, .navi14, .navi15  { top: 816px; }
	.navi16, .navi17, .navi18 { top: 952px; }
	.navi6, .navi9, .navi12, .navi15, .navi18 { left: 268px; }
	.main_navi li.navi5, .main_navi li.navi8, .main_navi li.navi11, .main_navi li.navi14, .main_navi li.navi17 { width: 138px; }
	#footer { width:100%; }
}

@media screen and (min-width: 401px) and (max-width:480px){ 
	.main_contents { min-height:487px; max-width:480px; min-width:480px; } 
	.main_img { height: 487px; min-height: 487px;}
	.main_img img { min-height:487px; max-height: 487px; max-width: 320px; min-width:320px; }
	.main_navi img { width: 58px; height: 55px; padding-top:41px; }
	.main_navi h2 { color:#fff; font-size:15px; text-align:center; margin-top:31px; letter-spacing:-1px; height:2.2em; line-height:2.3em; }
	.main_navi { min-height: 487px;  }
	.main_navi li { min-width: 159px; height:162.33px; }
	.navi4, .navi5, .navi6 { top:487px; }
	.navi7, .navi8, .navi9  { top: 649.33px; }
	.navi10, .navi11, .navi12 { top: 811.66px; }
	.navi13, .navi14, .navi15  { top: 973.99px; }
	.navi16, .navi17, .navi18 { top: 1136.32px; }
	.navi6, .navi9, .navi12, .navi15, .navi18 { left: 321px; }
	.main_navi li.navi5, .main_navi li.navi8, .main_navi li.navi11, .main_navi li.navi14, .main_navi li.navi17 { width: 163px; }
	#footer { width:100%; }
}

@media screen and (min-width: 481px) and (max-width:532px) { 
	.main_contents { min-height:541px; max-width:532px; min-width:532px; }
	.main_img { height: 541px; min-height: 541px;}
	.main_img img { min-height:541px; max-height: 541px; max-width: 355px; min-width:355px; }
	.main_navi img { width: 68px; height: 65px; padding-top:47px; }
	.main_navi h2 { color:#fff; font-size:17px; text-align:center; margin-top:29px; letter-spacing:-1px; }
	.main_navi { min-height: 541px;  }
	.main_navi li { min-width: 177px; height:180px; }
	.navi4, .navi5, .navi6 { top:541px; }
	.navi7, .navi8, .navi9  { top: 721px; }
	.navi10, .navi11, .navi12 { top: 901px; }
	.navi13, .navi14, .navi15  { top: 1081px; }
	.navi16, .navi17, .navi18 { top: 1261px; }
	.navi6, .navi9, .navi12, .navi15, .navi18 { left: 356px; }
	.main_navi li.navi5, .main_navi li.navi8, .main_navi li.navi11, .main_navi li.navi14, .main_navi li.navi17 { width: 178px; }
	#footer { width:100%; }
}

@media screen and (min-width: 533px) and (max-width:540px) {  /*갤2 세로*/
	.main_contents { min-height:543px; max-width:540px; min-width:540px; }
	.main_img { height: 543px; min-height: 543px;}
	.main_img img { min-height:543px; max-height: 543px; max-width: 356px; min-width:359px; }
	.main_navi img { width: 68px; height: 65px; padding-top:47px; }
	.main_navi h2 { color:#fff; font-size:17px; text-align:center; margin-top:28px; letter-spacing:-1px; }
	.main_navi { min-height: 543px;  }
	.main_navi li { min-width: 177px; max-width:180px; height:180px; }
	.navi4, .navi5, .navi6 { top:543px; }
	.navi7, .navi8, .navi9  { top: 723px; }
	.navi10, .navi11, .navi12 { top: 903px; }
	.navi13, .navi14, .navi15  { top: 1083px; }
	.navi16, .navi17, .navi18 { top: 1263px; }
	.navi6, .navi9, .navi12, .navi15, .navi18 { left: 358px; }
	.main_navi li.navi5, .main_navi li.navi8, .main_navi li.navi11, .main_navi li.navi14, .main_navi li.navi17 { width: 179px; } 
	#footer { width:100%; }
}

@media screen and (min-width: 541px) and (max-width:600px) {
	.main_contents { min-height:611px; max-width:600px; min-width:600px; }
	.main_img { height: 611px; min-height: 611px;}
	.main_img img { min-height:611px; max-height: 611px; max-width: 400px; min-width:400px; }
	.main_navi img { width: 75px; height: 72px; padding-top:52px; }
	.main_navi { min-height: 611px;  }
	.main_navi li { min-width: 199px; height:203px; }
	.main_navi h2 { color:#fff; font-size:17px; text-align:center; margin-top:39px; letter-spacing:-1px; }
	.navi4, .navi5, .navi6 { top:611px; }
	.navi7, .navi8, .navi9  { top: 814px; }
	.navi10, .navi11, .navi12 { top: 1017px; }
	.navi13, .navi14, .navi15  { top: 1220px; }
	.navi16, .navi17, .navi18 { top: 1423px; }
	.navi6, .navi9, .navi12, .navi15, .navi18 { left: 401px; }
	.main_navi li.navi5, .main_navi li.navi8, .main_navi li.navi11, .main_navi li.navi14, .main_navi li.navi17 { width: 200px; } 
	#footer { width:100%; }
}

@media screen and (min-width: 601px) and (max-width:640px) { /*갤노트,갤노트2 세로*/
	.main_contents { min-height:651px; max-width:640px; min-width:640px; }
	.main_img { height: 651px; min-height: 651px;}
	.main_img img { min-height:651px; max-height: 651px; max-width: 427px; min-width:427px; }
	.main_navi img { width: 85px; height: 82px; padding-top:53px; }
	.main_navi { min-height: 487px;  }
	.main_navi li { min-width: 213px; height:217px;  }
	.main_navi h2 { color:#fff; font-size:18px; text-align:center; margin-top:40px; height:2.2em; line-height:2em; }
	.navi4, .navi5, .navi6 { top:651px; }
	.navi7, .navi8, .navi9  { top: 868px; }
	.navi10, .navi11, .navi12 { top: 1085px; }
	.navi13, .navi14, .navi15  { top: 1302px; }
	.navi16, .navi17, .navi18 { top: 1519px; }
	.navi6, .navi9, .navi12, .navi15, .navi18 { left: 428px; }
	.main_navi li.navi5, .main_navi li.navi8, .main_navi li.navi11, .main_navi li.navi14, .main_navi li.navi17 { width: 215px; } 
	#footer { width:100%; }
}


@media screen and (min-width: 641px) and (max-width:720px) {
	.main_contents { min-width:720px; min-height:731px; max-width:720px; }
	.main_img { height: 731px; min-height: 731px;}
	.main_img img { min-height:731px; max-height: 731px; max-width: 480px; min-width:480px; }
	.main_navi img { width: 90px; height: 87px; padding-top:62px; }
	.main_navi { min-height: 731px;  }
	.main_navi li { min-width: 239px; height:243px; }
	.main_navi h2 { color:#fff; font-size:18px; text-align:center; margin-top:44px; height:2.6em; line-height:2.6em; }
	.navi4, .navi5, .navi6 { top:731px; }
	.navi7, .navi8, .navi9 { top:974px; }
	.navi10, .navi11, .navi12 { top:1217px; }
	.navi13, .navi14, .navi15  { top: 1460px; }
	.navi16, .navi17, .navi18 { top: 1703px; }
	.navi6, .navi9, .navi12, .navi15, .navi18 { left: 480px; }
	.main_navi li.navi5, .main_navi li.navi8, .main_navi li.navi11, .main_navi li.navi14, .main_navi li.navi17 { width: 240px; } 
	#footer { width:100%; }
}

@media screen and (min-width:721px) and (max-width:768px) {
	.main_contents { min-height:779px; max-width:768px; min-width:768px; }
	.main_img { height: 779px; min-height: 779px;}
	.main_img img { min-height:779px; max-height: 779px; max-width: 512px; min-width:512px; }
	.main_navi img { width: 90px; height: 87px; padding-top:69px; }
	.main_navi h2 { color:#fff; font-size:18px; text-align:center; margin-top:53px; height:2.6em; line-height:2.6em; }
	.main_navi { min-height: 779px;  }
	.main_navi li { min-width: 254px; height:259px;}
	.navi4, .navi5, .navi6 { top:779px; }
	.navi7, .navi8, .navi9 { top:1038px; }
	.navi10, .navi11, .navi12 { top:1297px; }
	.navi13, .navi14, .navi15  { top: 1556px; }
	.navi16, .navi17, .navi18 { top: 1815px; }
	.navi6, .navi9, .navi12, .navi15, .navi18 { left: 513px; }
	.main_navi li.navi5, .main_navi li.navi8, .main_navi li.navi11, .main_navi li.navi14, .main_navi li.navi17 { width: 256px; } 
	#footer { width:100%; }
}

@media screen and (min-width:769px) and (max-width:800px) {
	.main_contents { min-height:818px; max-width:800px; min-width:800px; }
	.main_img { height: 818px; min-height: 818px;}
	.main_img img { min-height:818px; max-height: 818px; max-width: 533px; min-width:533px; }
	.main_navi img { width: 95px; height: 92px; padding-top:72px; }
	.main_navi h2 { color:#fff; font-size:18px; text-align:center; margin-top:58px; height:2.6em; line-height:2.6em; }
	.main_navi { min-height: 818px;  }
	.main_navi li { min-width: 268px; height:271px; }
	.navi4, .navi5, .navi6 { top:818px; }
	.navi7, .navi8, .navi9 { top:1089px; }
	.navi10, .navi11, .navi12 { top:1360px; }
	.navi13, .navi14, .navi15  { top: 1631px; }
	.navi16, .navi17, .navi18 { top: 1902px; }
	.navi6, .navi9, .navi12, .navi15, .navi18 { left: 534px; }
	.main_navi li.navi5, .main_navi li.navi8, .main_navi li.navi11, .main_navi li.navi14, .main_navi li.navi17 { width: 271px; } 
	#footer { width:100%; }
}

@media screen and (min-width:801px) and (max-width:960px) {
	.main_contents { min-height:982px; max-width:960px; min-width:960px; }
	.main_navi h2 { color:#fff; font-size:22px; text-align:center; margin-top:73px; height:2.6em; line-height:2.6em; }
	.main_img { height: 982px; min-height: 982px;}
	.main_img img { min-height:982px; max-height: 982px; max-width: 640px; min-width:640px; }
	.main_navi img { width: 105px; height: 102px; padding-top:93px; }
	.main_navi { min-height: 982px;  }
	.main_navi li { min-width: 319px; height:327px; }
	.navi4, .navi5, .navi6 { top:982px; }
	.navi7, .navi8, .navi9 { top:1309px; }
	.navi10, .navi11, .navi12 { top:1636px; }
	.navi13, .navi14, .navi15  { top: 1963px; }
	.navi16, .navi17, .navi18 { top: 2290px; }
	#footer { width:100%; }
	.navi6, .navi9, .navi12, .navi15, .navi18 { left: 640px; }
	.main_navi li.navi5, .main_navi li.navi8, .main_navi li.navi11, .main_navi li.navi14, .main_navi li.navi17 { width: 320px; } 
}

@media screen and (min-width:961px) and (max-width:1024px) {
	.main_contents { min-height:1039px; max-width:1023px; min-width:1023px;  }
	.main_img { height: 1039px; min-height: 1039px;}
	.main_img img { min-height:1039px; max-height: 1039px; max-width: 682px; min-width:682px; }
	.main_navi img { width: 110px; height: 108px; padding-top:98px; }
	.main_navi h2 { color:#fff; font-size:22px; text-align:center; margin-top:80px; height:2.6em; line-height:2.6em; }
	.main_navi { min-height: 1310px;  }
	.main_navi li { min-width: 340px; height:346px;  }
	.navi4, .navi5, .navi6 { top:1039px; }
	.navi7, .navi8, .navi9 { top:1385px; }
	.navi10, .navi11, .navi12 { top:1731px; }
	.navi13, .navi14, .navi15  { top: 2077px; }
	.navi16, .navi17, .navi18 { top: 2423px; }
	.navi6, .navi9, .navi12, .navi15, .navi18 { padding-right:1px; }
	.navi6, .navi9, .navi12, .navi15, .navi18 { left: 683px; }
	.main_navi li.navi5, .main_navi li.navi8, .main_navi li.navi11, .main_navi li.navi14, .main_navi li.navi17 { width: 341px; } 
	#footer { width:100%; }
}

@media screen and (min-width:1025px) and (max-width:1280px) {
	.main_contents { min-height:1314px; max-width:1279px; min-width:1279px; }
	.main_navi h2 { color:#fff; font-size:25px; text-align:center; margin-top:110px; height:2.5em; line-height:2.3em; }
	.main_img { height: 1314px; min-height: 1314px;}
	.main_img img { min-height:1314px; max-height: 1314px; max-width: 860px; min-width:860px; }
	.main_navi img { width: 135px; height: 132px; padding-top:130px; }
	.main_navi { min-height: 1310px;  }
	.main_navi li { min-width: 426px; height:436px;  }
	.navi4, .navi5, .navi6 { top:1312px; }
	.navi7, .navi8, .navi9 { top:1743px; }
	.navi10, .navi11, .navi12 { top:2179px; }
	.navi13, .navi14, .navi15  { top: 2615px; }
	.navi16, .navi17, .navi18 { top: 3051px; }
	.navi6, .navi9, .navi12, .navi15, .navi18 { left: 854px; }
	.main_navi li.navi5, .main_navi li.navi8, .main_navi li.navi11, .main_navi li.navi14, .main_navi li.navi17 { width: 427px; } 
	#footer { width:100%; }
}

@media screen and (min-width:1281px) {
	.main_contents { min-height:1314px; max-width:1280px; min-width:1280px; }
	.main_navi h2 { color:#fff; font-size:25px; text-align:center; margin-top:110px; height:2.5em; line-height:2.3em; }
	.main_img { height: 1314px; min-height: 1314px;}
	.main_img img { min-height:1314px; max-height: 1314px; max-width: 860px; min-width:860px; }
	.main_navi img { width: 135px; height: 132px; padding-top:130px; }
	.main_navi { min-height: 1310px;  }
	.main_navi li { min-width: 426px; height:436px;  }
	.navi4, .navi5, .navi6 { top:1312px; }
	.navi7, .navi8, .navi9 { top:1743px; }
	.navi10, .navi11, .navi12 { top:2179px; }
	.navi13, .navi14, .navi15  { top: 2615px; }
	.navi16, .navi17, .navi18 { top: 3051px; }
	.navi6, .navi9, .navi12, .navi15, .navi18 { left: 854px; }
	.main_navi li.navi5, .main_navi li.navi8, .main_navi li.navi11, .main_navi li.navi14, .main_navi li.navi17 { width: 427px; } 
	#footer { width:100%; }
}


/* 카톡스토리 추가하면서 수정 */
#snsPannel2 .eventsns { width: 320px; margin: 5px auto; text-align: center; }
#snsPannel2 li {list-style: none; display: inline-block; }

/* 패널 */
.ui-panel-position-left.ui-panel-display-overlay{border-right:1px #ccc solid}
#menupanel div.mini-list{border-right:1px #ccc solid; border-left:1px #ccc solid}
#menupanel .ui-controlgroup-controls{width:100%;}
#menupanel .ui-controlgroup-controls a{width:50%; box-sizing:border-box}

/* 게시판 */
.comBoard_view .ui-btn-up-f{border-radius:2px !important; box-shadow:none !important}
.comBoard_view .ui-btn-hover-f{border-radius:2px !important; box-shadow:none !Important}
div.ui-input-text{padding:0}
div.ui-input-text input.ui-input-text{padding:.4em; box-sizing:border-box}
.comBoard_regDoc{padding:15px !important}
.comBoard_regDoc .inputCont div, .comBoard_regDoc textarea.ui-input-text,
.comBoard_attachFile .ui-input-text, .comBoard_regDoc .ui-btn-up-a, .comBoard_regDoc .ui-btn-hover-a{border-radius:2px !important}
.comBoard_regDoc .ui-btn-hover-a{box-shadow:none !important}
.comBoard_secretDoc, .comBoard_attachFile{width:49% !important; float:left}
.comBoard_contents_sub .comBoard_attachFile{width:78% !important}
.comBoard_attachFile{min-height:inherit !important; margin-right:2%}
.comBoard_secretDoc{height:inherit !important; padding-left:0 !important}
.comBoard_attachFile.ko .ui-input-text{box-shadow:none; margin:0 !important; background:url('/_tpl/board_skin/default/image/bt_direct_upload.png') no-repeat center center, linear-gradient( #fff, #efefef) !important; height:30px !important}
.comBoard_attachFile.ko .ui-input-text:hover{ background:url('/_tpl/board_skin/default/image/bt_direct_upload.png') no-repeat center center, linear-gradient( #f6f6f6, #e0e0e0) !important}
.ui-body-a, .ui-overlay-a{border-color:#ccc}
.comBoard_attachFile .ui-input-text{padding-top:0 !important; border-color:#ccc !important}
.comBoard_secretDoc{vertical-align:top !important}
.comBoard_optionList{margin:15px 0; overflow:hidden}
.comBoard_regDoc .ui-btn-up-a{border-bottom:1px #ccc solid !important; box-shadow:none !important}
.comBoard_regDoc .ui-btn-up-a #docAttachFile{height:27px; box-sizing:border-box}
.comBoard_category{min-height:33px !important; padding-left:15px !important; padding-top:10px !important; padding-bottom:10px !important}
.comBoard_searchBtn{margin-right:15px !important}
.comBoard_header .comBoard_searchBtn .ui-btn-inner, .comBoard_header .comBoard_newDocBtn .ui-btn-inner{  padding: .6em 15px !important;  min-width: .75em;}
.comBoard_header .comBoard_searchBtn .ui-btn-inner span, .comBoard_header .comBoard_category .ui-btn-up-a span{font-weight:normal}
.comBoard_header .comBoard_category .ui-btn-up-f,
.comBoard_header .comBoard_category .ui-btn-hover-f{box-shadow:none !important}
.searchForm .ui-fullsize .ui-btn-inner{  padding: .6em 50px .6em 20px !important; }
/* .ui-navbar .txt_navi .ui-btn-active{border:1px #ccc solid !important}
.ui-navbar .txt_navi .ui-btn-down-a{border-right:1px #ccc solid !important} */
.comBoard_header .comBoard_category .ui-btn, .comBoard_header div.ui-btn, .comBoard_header div.ui-input-text{border-radius:0px !important}
.comBoard_header div.ui-btn{background-image: linear-gradient( #fff /*{a-bup-background-start}*/, #efefef /*{a-bup-background-end}*/);  margin-right:15px}
.comBoard_secretDoc .ui-fullsize .ui-btn-inner{padding:.6em 20px .6em 45px !important}
.comBoard_header .comBoard_category .ui-btn-up-a, .comBoard_header .comBoard_category .ui-btn-hover-a{box-shadow:none !Important; font-weight:normal}
#comBoardForm .ui-listview .ui-li{background:#fff}
.comBoardList .ui-fullsize .ui-btn-inner{padding:.6em 53px .6em 20px !important; min-height:16px}
.comBoard_view .ui-btn-up-a, .comBoard_view .ui-btn-hover-a{box-shadow:none !important; border-radius:2px !important}
.comBoard_contents .comBoard_fontsize{right:0 !important}
.comBoard_contents .comBoard_fontsize a span span{vertical-align:top}
.comBoard_commentWrite .commentWriteBox{padding:15px; box-sizing:border-box; margin-top:0 !important}
.comBoard_commentWrite .commentWriteBox span{box-sizing:border-box; padding-left:0 !important}
.comBoard_commentWrite label span{line-height:37px}
.comBoard_commentWrite .commentWriteBox label.ui-input-text div.ui-input-text,
.comBoard_commentWrite #commentCont{box-sizing:border-box; float:right; margin:0; width:62% !important}
.comBoard_commentWrite .commentWriteBox label{display:block; overflow:hidden; margin-bottom:10px !important}
.commentWriteBox #commentWriteBtn{clear:both; margin:10px 0 0 0 !important; width:100% !important; box-sizing:border-box}
.shop_page_list .ui-link:hover, .shop_page_list .ui-link.now_page{background:linear-gradient( #fff /*{a-bup-background-start}*/, #efefef /*{a-bup-background-end}*/); color:#575757 !important; border-radius:2px !important}
.shop_page_list .ui-link:hover{background:linear-gradient( #f6f6f6,#e0e0e0 ) !important}
.btnList #okBtn{width:48% !important;box-sizing:border-box; margin-right:4%; float:left}
.btnList #cancelBtn{width:48% !important;box-sizing:border-box;}
.comBoard_contents_header, .comBoard_contents_text{padding:15px !important}
.comBoard_contents_header .sns_bt002{right:15px !important; background-image: url("/_tpl/skin/skin_simple/images/homepage/bt_share.png"); top:23px}
#comBoardForm .comBoardList li.ui-li-has-thumb a.ui-link-inherit{min-height:66px !important}
.comBoardList .previewImg{left:15px !important; top:10px !important}
.boardNormalList .ui-icon-arrow-r{right:15px}
.comBoard_view .np_doc{min-height:31px !important}
.comBoard_view .np_doc .prevDoc, .comBoard_view .np_doc .nextDoc{background: linear-gradient( #fff /*{a-bup-background-start}*/, #efefef /*{a-bup-background-end}*/); min-height:21px !important; line-height:21px !important}
.comBoard_view .np_doc .prevDoc:hover, .comBoard_view .np_doc .nextDoc:hover{background:linear-gradient( #f6f6f6,#e0e0e0 ) !important}
.comBoard_view .np_doc .prevDoc{border-left:1px #ccc solid}
.comBoardList .ui-btn-inner{padding: .6em 15px;}
#skin_pinkcheck .ui-listview .ui-li-heading, .comBoardList p{margin-left:0 !important}
.comBoard_contents_text .comBoard_bottomBtn .ui-btn-inner{line-height:20px}
.commentWriteBoxToggle{padding:.6em 10px !important;}
.comBoard_commentWrite .commentWriteBoxToggle span.ui-icon{top:6px !important}
.comBoard_header div.ui-input-text{margin:10px 0 !important}
.magazine{border:none !important}
.magazineBox{padding:15px !important;     border: 1px #ccc solid !important; margin: 15px !important;}
.magazineBox:last-child{margin-bottom:0}
.magazineBox .magazineImg img,
.gallery .galleryBox .galleryImg img{box-sizing:border-box; border-radius:2px !important}
.magazineBox .magazineTitle h1{padding-top:10px !important}
div.gallery{border:none !Important}
.gallery .galleryCC{background:none !important}
.gallery .galleryCont{padding:15px !important}
.comBoard_regDoc .ui-btn-up-f{box-shadow:none !important; border-radius:2px !important}


/* 이벤트 */
.ui-btn-corner-all{border-radius:0 !important}
#search_form{margin:15px 0}




/* 20181019 임시로 타일형c 사이즈 수정 lhs */

@media screen and (max-width: 400px) and (min-width: 361px){
	.main_contents { min-width:inherit !important; } 
}

@media screen and (min-width: 401px) and (max-width:480px){ 
	.main_contents { min-width:inherit !important; } 
}

@media screen and (max-width: 400px) and (min-width: 361px){
	.main_navi li { min-width: 100% ;width:100%  }
}
@media screen and (max-width: 480px) and (min-width: 401px){
	.main_navi li { min-width: 100% ;width:100%  }
}

.navi4{width:33.3333% !important;min-width: inherit !important;}
.navi5, .navi8, .navi11, .navi14, .navi17 {left: 33.3333%  !important;width:33.3333% !important;min-width: inherit !important;}
.navi6, .navi9, .navi12, .navi15, .navi18 {left: 66.6666% !important;width:33.3333% !important;min-width: inherit !important;}