/* Create By Sinjiny 2012.11.16 */
@import url("./common.css");
html { overflow-y: scroll; }
body { text-align: center; font: 12px "NanumGothic","나눔고딕","Dotum","돋움"; color: #889199; }
a:link, a:active, a:visited { color: #889199; text-decoration: none; }
a:hover { color: #006BC7; }
::selection { color: #333; background: #DDD; }
input[type='text'], input[type='password'], select { font-size: 11px; }

#wrap { min-width: 1090px; background: url("/images/layout/bg.jpg") repeat-x left 35px; overflow: hidden; }
.visual_bg { background: url("/images/layout/visual_bg.jpg") no-repeat center 35px; }

#wrap.sub_page { background-image: url("/images/layout/sub_top.jpg"); }
#wrap.sub_page .visual_bg { background-image: url("/images/layout/sub_top_bg.jpg"); }

.lay_section { margin: 0 auto; padding: 0 30px 0 19px; width: 931px; text-align: left; }

/* Float */
.f_left { float: left; }
.f_right { float: right; }

/* Margin */
.mb_5 { margin-bottom: 5px; }
.mb_10 { margin-bottom: 10px; }
.mb_15 { margin-bottom: 15px; }
.mb_20 { margin-bottom: 20px; }
.mb_25 { margin-bottom: 25px; }
.mb_30 { margin-bottom: 30px; }
.mb_35 { margin-bottom: 35px; }

/* text-color */
.tc_blue { color: #236AC5; }


/*******************************************************************************************************************************************************
* Top Menu
*******************************************************************************************************************************************************/
#top_menu { overflow: hidden; }
#top_menu * {  font: 11px "NanumGothic","나눔고딕","Dotum","돋움";  color: #8E9095; }
#top_menu .total_menu { margin-right: -1px; float: left; }
#top_menu .total_menu > p { width: 152px; height: 35px; text-indent: 15px; line-height: 35px; cursor: pointer; background: url("/images/ico/ico_select_arrow01.gif") no-repeat 131px 50%; border-left: 1px solid #E5E5E7;  border-right: 1px solid #E5E5E7; overflow: hidden; }
#top_menu .total_menu > p.on,
#top_menu .total_menu > p:hover { color: #3B3D3E; background: url("/images/ico/ico_select_arrow01_on.gif") no-repeat 131px 50% #F2F3F4; }
#top_menu .total_menu > p img { position: relative; top: 7px; *top: -4px; left: 3px; }

#top_menu .total_menu .total_list { display: none; width: 100%; height: 201px; background: #F2F3F4; border-top: 1px solid #E5E5E6; position: absolute; top: 35px; left: 0; z-index: 30; overflow: hidden; }
#top_menu .total_menu .total_list .lay_section { padding: 0 !important; width: 922px; height: 201px; border-left: 1px solid #E5E5E6; position: relative; left: -9px; }
#top_menu .total_menu .total_list ul { float: left; overflow: hidden; }
#top_menu .total_menu .total_list ul li { padding: 10px 15px; width: 122px; height: 181px; border-right: 1px solid #E5E5E6; float: left; overflow: hidden; }
#top_menu .total_menu .total_list.product_itm ul li { padding: 0; width: 152px; height: 201px; }
#top_menu .total_menu .total_list ul li a { color: #9BA0A3; }
#top_menu .total_menu .total_list ul li a:hover { color: #006BC7 !important; }
#top_menu .total_menu .total_list ul li  h2 { margin-bottom: 10px; overflow: hidden; }
#top_menu .total_menu .total_list ul li  h2 a { display: block; height: 15px; font-size: 13px; color: #868788; font-weight: bold; background: url("/images/ico/ico_select_arrow01.gif") no-repeat right 50%; }
#top_menu .total_menu .total_list ul li ul a { color: #9BA0A3; }
#top_menu .total_menu .total_list ul li.on h2 a { color: #3B3D3E; }
#top_menu .total_menu .total_list ul li.on ul a { color: #444D53; }
#top_menu .total_menu .total_list ul li ul li { padding: 0; border: 0; height: 1%; }
#top_menu .total_menu .total_list ul li ul li.long_li { padding: 0; border: 0; height: 40px; }
#top_menu .total_menu .total_list ul li ul li.long_li a { text-align: left; }
#top_menu .total_menu .total_list ul li ul li a { display: inline-block; text-align: right; height: 20px; font-size: 11px; line-height: 130%; }
#top_menu .total_menu .total_list q:after,
#top_menu .total_menu .total_list q:before { content: ""; }
#top_menu .total_menu .total_list q { display: inline-block; width: 153px; height: 201px; background: url("/images/layout/total_menu_img_1.gif") no-repeat left top; border-right: 1px solid #E5E5E7; overflow: hidden; }
#top_menu .total_menu .total_list q.m_1 { background: url("/images/layout/total_menu_img_1.gif") no-repeat left top;  }
#top_menu .total_menu .total_list q.m_2 { background: url("/images/layout/total_menu_img_2.gif") no-repeat left top; }
#top_menu .total_menu .total_list q.m_3 { background: url("/images/layout/total_menu_img_3.gif") no-repeat left top; }
#top_menu .total_menu .total_list q.m_4 { background: url("/images/layout/total_menu_img_4.gif") no-repeat left top; }
#top_menu .total_menu .total_list q.m_5 { background: url("/images/layout/total_menu_img_5.gif") no-repeat left top; }

#top_menu .total_menu .total_list.product_itm .lay_section { border-left: 0; border-right: 1px solid #E5E5E6; }
#top_menu .total_menu .total_list.product_itm .lay_section .product_img { width: 100%; height: 100%; text-align: center; overflow: hidden; }
#top_menu .total_menu .total_list.product_itm li  { padding: 10px 15px; width: 152px !important; height: 181px; border-left: 1px solid #E5E5E6; border-right: 0; float: left; position: relative; overflow: visible; }
#top_menu .total_menu .product_itm li { position: relative; }
#top_menu .total_menu .product_itm li p.pos_bg { position: absolute; top: 94px; right: -1px; z-index: 3000; }
#top_menu .total_menu .product_itm li span { position: absolute; top: 10px; right: 10px; }
#top_menu .total_menu .total_list .itm_txt { display: table-cell; *margin-top: 35px; width: 152px; height: 201px; vertical-align: middle; }
#top_menu .total_menu .total_list .itm_txt p { font-size: 12px; font-weight: bold; text-align: center; line-height: 140%; }
#top_menu .total_menu .total_list .itm_txt p.itm { color: #505355; }
#top_menu .total_menu .total_list .itm_txt p.price { padding: 12px 0; font-size: 14px; color: #44BDE1; }

#top_menu .menu_box { height: 35px; float: right; position: relative; }
#top_menu .menu_box p { height: 27px; position: absolute; top: 8px; right: 0; overflow: hidden; }
#top_menu .menu_box p a { margin-left: 7px; float: left; }
#top_menu .menu_box ul { margin-right: 117px; float: right; }
#top_menu .menu_box ul li { height: 35px; background: url("/images/etc/menu_bar.gif") no-repeat right 50%; float: left; overflow: hidden; }
#top_menu .menu_box ul li a { display: inline-block; padding: 0 10px; height: 35px; line-height: 35px; overflow: hidden; }

#top_menu .menu_box ul.shop_m { display: none; }
#top_menu .menu_box ul.shop_m img { margin-left: 5px; vertical-align: middle; }
#top_menu .menu_box ul.shop_m img.shop { margin-top:8px; margin-right: -3px; }
#top_menu .pos_bg { width: 8px; height: 13px; background: url("/images/layout/onlineshop_main_bg.gif") no-repeat left top; }


/*******************************************************************************************************************************************************
* Header
*******************************************************************************************************************************************************/
#header { margin: 0 auto; padding: 0 30px 0 29px; width: 921px; text-align: left; position: relative; z-index: 10; clear :both; }
#header h1 { padding: 37px 0 23px; text-align: center; overflow: hidden; }
#header .nav ul { margin-left: 140px; text-align: center; }
#header .nav ul li { display: inline-block; margin: 0 15px; float: left; position: relative; }
#header .nav > ul > li { height: 41px; }
#header .nav ul li a { display: inline-block; padding: 15px 15px 13px; overflow: hidden; }
#header .nav ul li a.on,
#header .nav ul li a:hover { background: url("/images/layout/nav_arrow.png") no-repeat center bottom;  }

#header .nav ul li .nav_sub { display: none; padding: 0 0 0 15px; width: 250px; height: 31px; background: url("/images/layout/nav_sub_bg.png") no-repeat left top; position: absolute; top: 41px; left: 0; }
#header .nav ul li .nav_sub ul { margin-left: 0; width: 100%; }
#header .nav ul li .nav_sub ul li { margin: 0; }
#header .nav ul li .nav_sub a { padding: 10px 8px 10px; font: 11px/11px "Dotum" !important; color: #FFF; filter: alpha(opacity=70); opacity: .7; background: none; }
#header .nav ul li .nav_sub li.first a { padding-left: 0; }
#header .nav ul li .nav_sub li.last a { padding-right: 0; }
#header .nav ul li .nav_sub a:hover { filter: alpha(opacity=100); opacity: 1; }
#header .nav ul li .nav_sub .sub_r { display: inline-block; width: 15px; height: 31px; background: url("/images/layout/nav_sub_bg.png") no-repeat right top; position: absolute; right: -15px; top: 0; }

#header .nav ul li .nav_sub.nav_sub01 { width: 610px; left: -110px; }
#header .nav ul li .nav_sub.nav_sub02 { width: 300px; left: -114px;  }
#header .nav ul li .nav_sub.nav_sub03 { width: 413px; left: -191px; }
#header .nav ul li .nav_sub.nav_sub04 { width: 560px; left: -505px; }
#header .nav ul li .nav_sub.nav_sub05 { width: 410px; }

/* 2013-02-06 수정 백업 ( 고객센터 앞으로 이동 )
#header .nav ul li .nav_sub.nav_sub01 { width: 480px; }
#header .nav ul li .nav_sub.nav_sub02 { width: 300px; left: -84px;  }
#header .nav ul li .nav_sub.nav_sub03 { width: 413px; left: -121px; }
#header .nav ul li .nav_sub.nav_sub04 { width: 560px; left: -360px; }
 #header .nav ul li .nav_sub.nav_sub05 { width: 370px; left: -295px; }
 */


/*******************************************************************************************************************************************************
* Visual
*******************************************************************************************************************************************************/
#visual_area  { height: 617px; position: relative; top: -125px;  clear:both; overflow: hidden; }
#visual_area .slides_container { margin-left: -34px; height: 617px; position: relative; overflow: hidden; }
#visual_area .slide { width: 980px; height: 617px; position: relative; overflow: hidden; }

#visual_area .pagination { width: 100%; text-align: center; position: absolute; bottom: 37px; left: 0; z-index: 20; }
#visual_area .pagination li { display: inline-block; margin-right: 8px; width: 12px; height: 12px; overflow: hidden; }
#visual_area .pagination li a { display: inline-block; width: 12px; height: 12px; text-indent: 3000px; background: url("/images/btn/btn_slide.png") no-repeat right top; overflow: hidden; }
#visual_area .pagination li.current a { background-position: left top; }
#visual_area .prev, #visual_area .next { display: inline-block; width: 50px; height: 52px; text-indent: -1000px; position: absolute; top: 287px; left: 87px; overflow: hidden; }
#visual_area .prev { background: url("/images/btn/btn_slide_left.png") no-repeat left top; }
#visual_area .next {  background: url("/images/btn/btn_slide_right.png") no-repeat left top; left: 870px; } 

#sub_visual { height: 202px !important; background: url("/images/layout/sub_visual_bg.png") no-repeat center top;  position: relative; top: -125px; clear: both; overflow: hidden; }


/*******************************************************************************************************************************************************
* Contents
*******************************************************************************************************************************************************/
/* Main */
#contents .main_section { padding-left:51px; margin-top: -110px; }

.latest_area { width: 283px; float: left; position: relative; z-index: 10; }
.latest_area .tab { margin-bottom: 20px; overflow: hidden; }
.latest_area .tab ul { margin-left: -8px; }
.latest_area .tab ul li { padding: 0 8px; background: url("/images/etc/menu_bar.gif") no-repeat right 50%; float: left; overflow: hidden; }
.latest_area .tab ul li img { filter: alpha(opacity=45); opacity: .45; }
.latest_area .tab ul li.on img { filter: alpha(opacity=100); opacity: 1; }
.latest_area .list { position: relative; clear: both; }
.latest_area .list ul li { height: 20px; line-height: 20px; }
.latest_area .list ul li a { display: inline-block;  width: 220px; white-space: nowrap; text-overflow: ellipsis; float: left; overflow: hidden; }
.latest_area .list ul li span { padding-top:4px; font: 10px tahoma; color: #BBBBBD; float: right; }
.latest_area .list .more { position: absolute; top: -30px; right: 0;  z-index: 10; }

.main_product { display: inline-block; margin: -55px 40px 0 40px; padding: 55px 0 0; width: 305px; height: 120px; float: left; position: relative;  overflow: hidden; }
.main_product h2 { margin-bottom: 20px; }
.main_product .slides_container { overflow: visible !important; }
.main_product .product_box { width: 305px; position: relative; float: left; }
.main_product dl { width: 215px; overflow: hidden; }
.main_product dl.s_box { width:160px; text-align:justify; }
.main_product dl.s_box02 { width:185px; }

.main_product dl dt { margin-bottom: 5px; color: #4C88BA; font-weight: bold; }
.main_product dl dd { line-height: 160%; }
.main_product .product_box .img { position: absolute;  bottom: -26px; right: 0; z-index: 10000; }
.main_product .btn { position: absolute; top: 54px; left: 70px; z-index: 10; } 
.main_product .btn a { float: left; }

.main_process { position: relative; overflow: hidden; }
.main_process h2 { margin-bottom: 20px; }
.main_process .more { position: absolute; top: 0; right: 0; z-index: 10; }


/* Sub Layout
********************************************************************************************************************************************************/
#sub_main_area { padding-top: 195px; background: url("/images/layout/sub_main_bg.png") no-repeat left top; position: relative; top: -125px; clear:both; overflow: hidden;  }
#sub_main_area h2 { margin-bottom: 63px; text-align: center; overflow: hidden; }
#sub_main_area .banner_box { padding: 0  0 0 54px; height: 248px; position: relative; }
#sub_main_area .banner_box .prev, 
#sub_main_area .banner_box .next { position: absolute; top: 93px; }
#sub_main_area .banner_box .prev { left: 0; }
#sub_main_area .banner_box .next { right: 0; }
#sub_main_area .bounceout .jCarouselLite li { margin-right: 10px; width: 196px; height: 248px; float: left; }

/* 김도희 2012-11-30 */
#contents.sub_section { margin-top: -165px; word-spacing: 1px; letter-spacing: -0.03em; overflow: hidden; }
#contents.sub_section .bar_section { height: 40px; position: relative; overflow: hidden; }
#contents.sub_section .bar_section .bar_bg { display: block; width: 100%; height: 40px; background: #05B4F7; filter: alpha(opacity=14); opacity: .14; position: absolute; top: 0; left: 0; z-index: 0; }
#contents.sub_section .bar_section .location { float:right; position: relative; z-index: 1; }
#contents.sub_section .bar_section .location ul li { margin-right: 6px; height: 40px; color: #DEE5ED; line-height: 40px; float: left; }
#contents.sub_section .bar_section .location ul li a { display: inline-block; padding-right: 11px; height: 40px; color: #DEE5ED; font-size: 11px; line-height: 40px; background: url("/images/ico/ico_loc_arrow.gif") no-repeat right 16px; }
#contents.sub_section .bar_section .search_area { padding: 9px 12px 0 12px; width: 145px; height: 31px; float: left; background: #048FF2; fitler: alpah(opacity=80); opacity: .8; position: relative; z-index: 1; }
#contents.sub_section .bar_section .search_area input[type='text'] { width: 125px; height: 22px; color: #FFF; text-indent: 5px; line-height: 22px; background: transparent; border: none; float: left; }
#contents.sub_section .bar_section .search_area a { display: inline-block; padding: 4px; width: 10px; height: 10px; float: right; overflow: hidden; }

/* 비주얼 백그라운드를 가리기위해 서브 영역에서만 사용 */
#contents .white_space { padding: 30px 0 70px;  min-height: 300px; background: #FFF; overflow: hidden; }

/* Aside 김도희 2012-11-30  */
#contents .lay_section .aside h2 { width: 168px; margin-bottom: 15px; }
#contents .lay_section .aside p.txt { margin: 15px 0; }

#contents .aside { width: 168px; float: left; }
#contents .aside ul.menu { margin-bottom: 15px; padding-top: 9px; border-top: 2px solid #D4D6D8; overflow: hidden;}
#contents .aside ul.menu li a { display: block; padding: 6px 0 0 15px; height: 17px; background: url("/images/layout/aside/aside_bar.gif") no-repeat 2px 50%; }
#contents .aside ul.menu li a.on { background-image: url("/images/layout/aside/aside_bar_on.gif"); }
#contents .aside ul.btn { margin: 12px -20px 0 0; overflow: hidden; }
#contents .aside ul.btn li { margin-right: 20px; padding-bottom: 7px; border-bottom: 2px solid #C5C5C5; float: left; }
#contents .aside ul.sub_menu { display: ; margin: 6px 0; padding: 13px 0 3px; border-top: 1px solid #DCDEE0; border-bottom: 1px solid #DCDEE0; overflow: hidden; }
#contents .aside ul.sub_menu li { margin-bottom: 10px;  padding-left: 22px; height: 13px; background: url("/images/etc/mineral_sub_dot.gif") no-repeat 17px 40%; }
#contents .aside ul.sub_menu li a { padding: 0; background: none; }
#contents .aside ul.sub_menu li a img { filter: alpha(opacity=50); opacity: .5; }
#contents .aside ul.sub_menu li.on a img,
#contents .aside ul.sub_menu li a:hover img { filter: alpha(opacity=100); opacity: 1; }

/* Cont Area */
#contents .cont_area { width: 720px; float: right; overflow: hidden; }
#contents .cont_area h3 { margin-bottom: 30px; overflow: hidden; }
#contents .cont_area h4 { padding-left: 20px; background: url("/images/ico/bull_01.gif") no-repeat left top; overflow: hidden; }


/* 회사소개 김도희 2012-11-29 
***************************************************************************************************************************************************************************/
p.h_txt { margin-bottom: 22px; }

/* 회사소개  2013-02-27 
.company_01 { margin-bottom: 40px; height: 328px; overflow: hidden; }
.company_01 p { margin-right: 20px; width: 256px; float: left; }
.company_01 h4 { margin-bottom: 15px; }
.company_info { float: left; }
.company_info01 { margin-bottom: 25px; overflow: hidden; }
.company_info01 dl { width: 420px; }
.company_info01 dl dt,
.company_info01 dl dd { padding: 8px 0 10px 10px; height: 10px; float: left; }
.company_info01 dl dt { margin-right: 1px;width: 80px; }
.company_info01 dl dd { width: 318px; }
.company_info01 dl dd span,
.company_info01 dl dd a { display:inline-block; margin-top: -5px; vertical-align: middle; }
.company_info01 dl dd a { margin-left: 3px; }
.company_info01 dl dt { border-bottom: 1px solid #D6DDE3; }
.company_info01 dl dd { border-bottom: 1px solid #F0F0F0; }
.company_info01 dl dt.first { border-top: 1px solid #D6DDE3; }
.company_info01 dl dd.first { border-top: 1px solid #F0F0F0; }
.company_info02 { clear: both; }
.company_info02 ul li { margin-right: 4px; float: left; }
*/


/* 회사소개  2013-02-27 임신진 */
.company_01 { margin-bottom: 40px; float: left; overflow: hidden; }
.company_01 h4 { margin-bottom: 15px; }
.company_info01{ width: 415px; float: left; overflow: hidden; }
.company_info01 dl dt,
.company_info01 dl dd { padding: 8px 0 10px 0; height: 10px; float: left; }
.company_info01 dl dt { width: 60px; color: #33414A; }
.company_info01 dl dd { width: 355px; }
.company_info02 { position: relative; top: 10px; overflow: hidden; }
.company_info02 p { margin-right: 20px; float: left; }
.company_info02 ul { margin-top: 28px; }
.company_info02 ul li { margin-bottom: 3px; }

/* 회사연혁 */
.company_history  { clear: both; }
.company_history h4 { margin-bottom: 20px; }
.company_history .tab { margin-bottom: 12px; overflow: hidden; }
.company_history .tab ul li { float: left; }
.company_history .list { width: 709px; clear: both; overflow: hidden; }
.company_history .list p { margin-bottom: 22px; }
.company_history .list > ul { padding: 22px 0 0; border-top: 1px solid #E0E0E0; overflow: hidden; }
.company_history .list .history_01 { background: url("/images/company/history_img01.jpg") no-repeat 470px bottom; }
.company_history .list .history_02 { background: url("/images/company/history_img02.jpg") no-repeat 470px bottom; }
.company_history .list > ul > li { margin-bottom: 25px; clear: both; overflow: hidden; }
.company_history .list dl { margin-bottom: 3px; clear: both; overflow: hidden; }
.company_history .list dl dt { margin-right: 16px; width: 65px; font-weight: bold; color: #889199; }
.company_history .list dl dt,
.company_history .list dl dd { line-height: 140%;  float: left; }
.company_history .list dl dd span { color: #0099DD; }
.company_history .list dl dd ul li { margin-top: -2px; line-height: 160%; }
.company_history .history_detail dl dt { color: #0099DD; font-weight: bold; }
.company_history .history_detail dl dt span { font-weight: normal; }
.company_history .history_detail dl dd { margin: 3px 0 17px; line-height: 160%; text-align: justify; }
.company_history .history_detail .detail_01 { clear: none; }
.company_history .history_detail .detail_01 dt { float: left; margin: 2px 3px 0 0; }

/* 미션 및 비전 */
.mission { overflow: hidden; }
.mission .mission_area { margin-top: 15px; margin-bottom: 12px; overflow: hidden; }
.mission .mission_area img { float: left; }
.mission .mission_area span { float: right; }
.mission ul { margin-top: 25px; }
.mission ul li { margin-bottom: 25px; line-height: 160%; }
.values .txt { margin-top: 15px; margin-bottom: 14px; }
.values dl.values_dl01 { padding-top: 7px; height: 115px; overflow: hidden; }
.values dl.values_dl01 dt { width: 157px; clear: both; }
.values dl.values_dl01 dd { width: 440px; height: 22px; }
.values dl.values_dl01 dt, .values dl.values_dl01 dd { float: left; }
.mission ul { margin-top: 25px; }
.mission ul li { margin-bottom: 20px; line-height: 160%; }

/* 박은선 .company03 */
.company03 .h_txt { margin-bottom: 33px; }
.company03 .h_txt02 { margin-bottom: 29px; }
.company03 .mission_right { margin: -15px 15px 19px 0; font-size: 11px; text-align: right; }
.company03 .values { margin-top: 8px; }
.company03 .values .values_txt { margin-top: 16px; line-height: 160%; }
.company03 .values .values_txt dt { display: none; }
.company03 .values .values_txt dd { margin-bottom: 18px; }
.vision_area { margin-top: 16px; }
.vision_area dl { margin-top: 20px; line-height: 160%; }
.vision_area dl dt { margin-bottom: 17px; }
.vision_area dl ul li { margin-bottom: 17px; }
.vision_area dl ul li.last { margin-bottom: 0; }

/* 박은선 CI */
.type01 { padding: 8px 0 40px; }
.type01 h4 { padding-bottom: 10px; }
.type02 h4 { padding-bottom: 24px; }
.type03 { margin: -389px 0 0 357px; }
.type03 h4 { padding-bottom: 23px; }
.type04 { padding: 52px 0 24px; }
.type04 h4 { margin-bottom: 16px; }
.type05 h4 { margin-bottom: 35px; }

/* 2013-02-06 생산설비현황 임시 이동 Common.css*/



.patent h4 { margin-bottom: 20px; }
.patent dl { margin-bottom: 25px; }
.patent dl dt { color: #0099DD; font-weight: bold; }
.patent dl dd { margin-top: 5px; }
.patent ul li { padding:2px 0; line-height: 160%; overflow: hidden; }
.patent ul li p { text-indent: 7px; }

/* 서울본사약도 */
.map { margin-bottom: 30px; clear: both; position: relative; overflow: hidden; }
.map h4 { margin-bottom: 20px; }
.map p { float: left; }
.map .way { margin-left: 26px; width: 320px; height: 295px; float: left; overflow: hidden; }
.map .way ul li { line-height: 160%; }
.map .way .way_01 { margin-bottom: 25px; }
.map .way .way_02 p { margin-bottom: 3px; }
.map .way .way_02 dl { margin-bottom: 5px; clear: both; overflow: hidden; }
.map .way .way_02 dl dt,
.map .way .way_02 dl dd { float: left; }
.map .way .way_02 dl dt { width: 40px; }
.map .way .way_02 dl dt span { color: #0099DD; }
.map .way .way_03 ul { margin-bottom: 5px; clear: both; }
.map .way .btn { position: absolute; bottom: 20px; right: 50px; }

/* 특허기술 및 인증현황 */
.certification ul { width: 720px; overflow: hidden; }
.right_li { margin: 0 26px 10px 0; }
.certification ul li.certification_clear { clear: both; }
.certification .tc_blue { text-decoration: underline; }
.Auditing_t { width: 720px; border-top: 2px solid #000; }
.Auditing_t table { width: 100%; }
.Auditing_t table th { background: #FAFAFA; } 
.Auditing_t table th,
.Auditing_t table td { padding: 8px 0; text-align: center; border-bottom: 1px solid #E7E9EB; border-right: 1px solid #E7E9EB; }
.Auditing_t table .last { border-right: 0; }



/* CF 박은선 2013-01-07 // 홍보영상 2013-01-30 수정 */
.cf_area { }
.cf_area .main_img { width: 720px; height: 480px; text-align: center;  overflow: hidden; }
.cf_area .main_img video { width: 720px; height: 100%; }
.cf_area .main_img object { width: 720px; height: 100%; }
.cf_area .main_img embed { width: 720px; height: 100%; }
.cf_area .cf_tab_box { margin-top: 20px; }
.cf_area .cf_tab_box .cf_tab { margin-bottom: 17px; height: 47px; }
.cf_area .cf_tab_box ul li { float: left; }
.cf_area .cf_tab_box .cf_list { clear: both; display: block; }
.cf_area .cf_tab_box .cf_list ul li { margin-right: 15px; }
.cf_area .cf_tab_box .cf_list ul li.last { margin:0; }
.cf_area .cf_tab_box .cf_list ul li dl { margin-bottom: 15px; width: 132px; height: 130px; text-align: center; }
.cf_area .cf_tab_box .cf_list ul li dt { margin-bottom: 15px; width: 132px; height: 88px; background: url("/images/company/cf_simg_bg.gif") no-repeat left top; }


/* 고객센터 임신진 2012-11-29
***************************************************************************************************************************************************************************/
/* 게시물 미리보기 */
.bbs_freeview { margin: -16px -20px 35px 0; overflow: hidden; }
.bbs_freeview ul { }
.bbs_freeview ul li { margin-right: 20px; width: 220px; float: left;  }
.bbs_freeview ul li dl dt { margin-bottom: 15px; width: 218px; height: 118px; text-align: center; border: 1px solid #E5E5E5; overflow: hidden; }
.bbs_freeview ul li dl dt img { max-height: 120px;max-width: 220px;*height:expression(this.height > 100 ? ((this.height / 100) >= (this.width / 220) ? 100 : true) : true);*width:expression(this.width > 220 ? ((this.width / 140) > (this.height / 100) ? 220 : true) : true); }
.bbs_freeview ul li dl dd { padding: 0 10px; }
.bbs_freeview ul li p { color: #777e86; font-weight: bold; line-height: 140%;  }
.bbs_freeview ul li .freeview_txt { margin: 10px 0 ; text-align: justify; line-height: 150%; overflow: hidden; }
.bbs_freeview ul li .freeview_txt img { margin: 6px 0 0 5px; }
.bbs_freeview ul li p.date { font: 11px tahoma; color: #BEC1C5; font-weight: normal; }
.bbs_freeview ul li em.media { display: inline-block; margin-right: 5px; padding-right: 5px; font-style: normal; color: #60CEF0; background: url("/images/etc/press_bar.gif") no-repeat right 50%; float: left; }

/* List */
.bbs_list { margin-top:-15px; border-top: 2px solid #000; clear: both; }
.bbs_list ul { margin-bottom: 20px; overflow: hidden; }
.bbs_list ul li { padding: 0 10px; height: 30px; border-bottom: 1px solid #E7E9EB; overflow: hidden; }
.bbs_list ul li span,.bbs_list ul li a, .bbs_list ul li em{ display: inline-block; height: 30px; line-height: 30px; }
.bbs_list ul li img { margin: 12px 0 0 5px; }
.bbs_list ul li .media { width: 110px; font-style: normal; color: #60CEF0; float: left; }
.bbs_list ul li a { padding-right: 13px; background: url("/images/etc/btn_news_detail.gif") no-repeat right 50%; float: left; }
.bbs_list ul li span.date { margin-top: 5px; font: 11px tahoma; color: #BEC1C5; float: right; }
.bbs_list.notice ul li a { background: none; }
.bbs_list .btn_set { margin-top: 20px; }

.bbs_list table { margin-bottom: 20px; width: 100%; }
.bbs_list table tr th, .bbs_list table tr td { height: 30px; text-align: center; }
.bbs_list table tr th.th_first { border-left: 0; }
.bbs_list table tr th.th_end { border-right: 0; }
.bbs_list table tr th { background: #FAFAFA; border: 1px solid #E7E9EB; }
.bbs_list table tr td { border-bottom: 1px solid #E7E9EB; }
.bbs_list table tr td.al { padding-left: 10px; text-align: left; }

/* View */
.bbs_view { margin-top:-15px; border-top: 2px solid #000; }
.bbs_view p.subject { height: 30px; line-height: 30px; border-bottom: 1px solid #E7E9EB; }
.bbs_view p.subject strong { padding-left: 10px; float: left; }
.bbs_view p.subject span.date { margin-top: 7px; padding-right: 10px; font: 11px tahoma; color: #BEC1C5; float: right; }
.bbs_view .bbs_con { padding: 20px 30px; line-height: 150%; overflow: hidden; }
.bbs_view .bbs_con img { margin-bottom: 15px; width: 100%; text-align: center; }

.bbs_view ul { margin-bottom: 20px; border-top: 1px solid #E7E9EB; overflow: hidden; }
.bbs_view ul li { padding: 0 10px; height: 30px; line-height: 30px; background: #FCFCFC; border-bottom: 1px solid #E7E9EB; }
.bbs_view ul li a { float: left; vertical-align:middle; }
.bbs_view ul li a img { margin: -2px 10px 0 0; vertical-align:middle; }
.bbs_view ul li span.date { display: inline-block; height: 30px; font: 11px tahoma; color: #BEC1C5; line-height: 30px; float: right; }

.bbs_view p.file img { margin: 10px 10px 0 0; }
.bbs_view p.file { padding: 0 10px; height: 30px; line-height: 30px; background: #FCFCFC; border-top: 1px solid #E7E9EB; }
.bbs_view p.file a { text-decoration: underline; }

/* FAQ */
.faq_list { margin-top: -15px; overflow: hidden; }
.faq_list .tab { margin-bottom: 20px; overflow: hidden; }
.faq_list .tab ul li { margin-right: -1px; float: left; overflow: hidden; }
.faq_list .tab ul li a { display: inline-block; padding: 10px 0 0 10px; width: 98px; height: 20px; background: url("/images/customer/faq_tab_arrow_01.gif") no-repeat 90px 50%; border: 1px solid #A2AAB4; position: relative; overflow: hidden; }
.faq_list .tab ul li a.on { width: 100px; height: 22px; background: url("/images/customer/faq_tab_arrow_02.gif") no-repeat 90px 50% #515963; border: 0; top: 0; left: -1px; z-index: 1;}
.faq_list .list { margin-bottom: 20px; width: 720px; border-top: 2px solid #000; clear: both; overflow: hidden; }
.faq_list .list ul li { border-bottom: 1px solid #E7E9EB; position: relative; overflow: hidden; }
.faq_list .list .q_subject { padding-left: 25px;  height: 30px; line-height: 30px; cursor: pointer; background: url("/images/customer/ico_q.gif") no-repeat 5px 50%; }
.faq_list .list .q_subject img { position: absolute; top: 10px; right: 20px; }
.faq_list .list .a_box { display: none; padding: 8px 20px 8px 25px; text-align: justify; line-height: 160%; background: url("/images/customer/ico_a.gif") no-repeat 5px 12px; border-top: 1px solid #E7E9EB; }
.faq_list .list .a_box * { color: #666;  line-height: 160% !important; }

/* 이벤트 */
.event_list { margin: -15px 0 20px; border-top: 2px solid #000; }
.event_list ul li { padding: 20px 0; height: 120px; border-bottom: 1px solid #E7E9EB; position: relative; overflow: hidden; }
.event_list ul li .inform { position: absolute; top: 20px; left: 0; }
.event_list dl dt, .event_list dl dd { height: 120px; float: left; overflow: hidden; }
.event_list dl dt { margin-right: 20px; }
.event_list dl dd { width: 460px; }
.event_list dl dd .event_tit { margin-bottom: 10px; padding-top: 5px; font-size: 14px; color: #777E86; font-weight: bold; }
.event_list dl dd .date { margin-bottom: 5px; font-size: 11px; color: #4CC6EC; font-weight: bold; }
.event_list dl dd .event_txt { height: 42px; line-height: 140%; overflow: hidden; }
.event_list dl dd .btn { float: right; }

/* 사업제휴/문의 */
.bbs_write { margin-top:-15px; }
.bbs_write table { width: 100%; border-top: 2px solid #000; }
.bbs_write table tbody tr th,
.bbs_write table tbody tr td { padding: 5px 0; color: #8B9197; border-bottom: 1px solid #E7E9EB; }
.bbs_write table tbody select,
.bbs_write table tbody input[type="text"] { height: 18px; color: #888B8C; background: #FBFBFB; border: 1px solid #D4D4D4; }
.bbs_write table tbody select { width: 178px; }
.bbs_write table tbody input[type="text"] { width: 641px; }
.bbs_write table tbody textarea { overflow: hidden; }
.bbs_write table tbody input.input01 { width: 617px; }
.bbs_write table tbody tr th { padding: 7px 0 0 7px; width: 48px; text-align: left; vertical-align: top; }
.bbs_write .btn_set { margin-top: 20px; }


/* 맴버쉽 2012-12-06 김도희
***************************************************************************************************************************************************************************/
.bd_box { border: 1px solid #EBEBEB; overflow: hidden; } /*  */

/* 로그인 2013-02-07 박은선  */
.bd_box.login { width: 720px; height: ; border: 0; overflow: visible;  }
.login input[type="text"],
.login input[type="password"] { width: 130px !important; height: 23px !important; font-size: 15px; background: #FBFBFB; border: 1px solid #D4D4D4; }

.w_box { height: ; position: relative; float: left; }
.w_box .f_box { width: 361px; height: 270px; background: url("/images/member/login_bg.gif") no-repeat left top; float: left; }
.w_box .f_box p.h_txt { margin: 52px 0 27px 30px; }

.w_box .f_box fieldset { margin-left: 36px; position:relative; overflow: hidden; }
.w_box .f_box fieldset p.f_login { margin-bottom: 5px; width: 199px;  }
.w_box .f_box fieldset p.f_login label { display: inline-block; width: 59px; text-align: left; }

.w_box .f_box fieldset p.btn_set { margin-left: 44px; width: 230px; height: ; padding-left: ;  padding-top: 8px; clear: both; text-align: left; }
.w_box .f_box fieldset p.btn_set label { }
.w_box .f_box fieldset input[type="checkbox"] { margin: 0 8px 0 20px; display: inline-block; width: 13px; height: 13px; }
.w_box .f_box fieldset input, 
.w_box .f_box fieldset label { vertical-align: middle; }
.w_box .f_box input[type="image"] { position: absolute; top: 0; right: 45px;}
.img_box { height: 270px; float: right; }
.btn_sec { width: 100%; height: 70px; clear: both; }
.login .btn_box { padding-left: 15px; width: 345px; }
.btn_sec .btn_small { display: inline-block; width: 93px; height: 26px; line-height: 26px; background: url("/images/btn/btn_blue_small.gif") no-repeat left top; }
.btn_sec .btn_small a { display: block; padding-left: 8px; width: 85px; height: 26px; color: #FFF; white-space: nowrap; text-align: left; line-height: 26px; font-size: 11px; }


/* 회원가입 - 약관동의 */
.join_step { margin: -15px 0 35px; width: 720px; height: 61px; text-indent: -30000px; overflow: hidden; }
.join_step_01 { background: url("/images/member/member_step.gif") no-repeat left top; }
.join_step_02 { background: url("/images/member/member_step.gif") no-repeat left -61px; }
.join_step_03 { background: url("/images/member/member_step.gif") no-repeat left bottom; }

.member_sec .mb_chk { margin: 10px 0 30px; padding: 33px 0; }
.member_sec .mb_chk fieldset { margin: 0 auto; width: 423px; position: relative; overflow: hidden; }
.member_sec .mb_chk fieldset p { margin-bottom: 10px; width: 423px; float: left; overflow: hidden; }
.member_sec .mb_chk fieldset p * { display: inline-block; margin-right: 2px; float: left; }
.member_sec .mb_chk fieldset p span { margin-top: 3px; }
.member_sec .mb_chk label { width: 75px; color: #858C93; font-weight: bold; }
.member_sec input[type="password"]{ width: 84px; height: 18px; line-height: 18px; border: 1px solid #D4D4D4; background-color: rgb(251, 251, 251); }
.member_sec .mb_chk input[type="text"],
.member_sec .mb_chk select { width: 84px; height: 18px; line-height: 18px; border: 1px solid #D4D4D4; }
.member_sec .mb_chk select { width: 86px; height: 20px; line-height: 14px;  }
.member_sec .mb_chk .btn { width: 65px; height: 50px; position: absolute; top: 0; right: 0; }
.member_sec .mb_chk .warnning_01 { margin-left: 113px; *margin-top: 10px; clear: both; }
.member_sec h4 { margin-bottom: 15px; }
.member_sec .txt_scroll { padding: 15px; height: 165px; overflow: auto; }
.member_sec .txt_scroll h5 { margin-bottom: 10px; }
.member_sec .txt_scroll dl dt { margin-bottom: 10px; color: #666; }
.member_sec .txt_scroll dl dd { margin-bottom: 20px; text-align: justify; letter-spacing: -0.025em; line-height: 150%; overflow: hidden; }
.member_sec .txt_scroll dl dd li { margin-bottom: 5px; }
.member_sec .txt_scroll dl dd li ul,
.member_sec .txt_scroll dl dd p { margin: 10px 0 10px 10px; }
.member_sec .agree_chk { margin: 10px 0 30px; overflow: hidden; }
.member_sec .agree_chk * { margin-right: 5px; vertical-align: middle; }

/* 회원가입 - 회원정보입력 */
.join_write p em{ font-style: normal; font-weight: bold; color: #42474C; }
.join_write p.join_txt span { margin-bottom: 13px; height: 20px; color: #42474C; line-height: 20px; float: left; }
.join_write p.join_txt em { font-style: normal; font-weight: normal; color: #00C5FF; line-height: 20px; float: right; }
.join_write table { margin-bottom: 38px; width: 100%; clear: both; }
.join_write table tbody tr th,
.join_write table tbody tr td { padding: 8px 0; border-bottom: 1px solid #E7E9EB; }
.join_write table tbody tr.first th,
.join_write table tbody tr.first td { border-top: 2px solid #000; }
.join_write table tbody tr th { width: 115px; text-align: left; vertical-align: top; }
.join_write table tbody tr th em { display: inline-block; width: 13px; font-style: normal; color: #00C5FF; }
.join_write table tbody td span,
.join_write table tbody td p { font-size: 11px; color: #AFB3B7; }
.join_write table tbody td p.email_chk { margin-top: 5px; }
.join_write table tbody td span.txt { margin-left: 30px; }

.join_write table tbody select { width: 58px; }
.join_write table tbody select,
.join_write table tbody input[type="text"] { height: 18px; color: #888B8C; background: #FBFBFB; border: 1px solid #D4D4D4; }
.join_write table tbody input.input01 { width: 58px; }
.join_write table tbody input.input02 { width: 250px; }
.join_write table input[type="radio"] { margin-left: 8px; }
.join_write table textarea { color: #888B8C; background: #FBFBFB; border: 1px solid #D4D4D4; overflow: hidden; }
.join_write table tbody input, .join_write table tbody img, 
.join_write table tbody td label, .join_write table tbody td .btn_white_smaller { vertical-align: middle; }

/* 회원가입 - 가입완료 */
.join_success { margin: 10px 0 40px; width: 720px; background: url("/images/member/success_top.png") no-repeat 5px top; border-top: 2px solid #000; border-bottom: 1px solid #E7E9EB; overflow: hidden; }
.join_success .design_box { padding: 38px 0 23px 135px; background: url("/images/member/success_bottom.png") no-repeat 586px bottom; overflow: hidden; }
.join_success .design_box p { margin-bottom: 15px; line-height: 150%; }
.join_success .design_box a { text-decoration: underline; }
.join_success .design_box .success_txt { margin-left: 85px; }
.join_success .design_box .txt_box  { margin-left: 102px; }


/* 이용약관, 개인정보취급방침 */
.member_sec .h_sub { margin-bottom: 15px; }
.member_sec dl.sub_terms.sub_terms dt { margin-bottom: 10px; color: #666; }
.member_sec dl.sub_terms dd { margin-bottom: 20px; text-align: justify; letter-spacing: -0.025em; line-height: 150%; overflow: hidden; }
.member_sec dl.sub_terms dd li { margin-bottom: 5px; }
.member_sec dl.sub_terms dd li ul,
.member_sec dl.sub_terms dd p { margin: 10px 0 10px 10px; }

/* 이메일무단수집거부 */
.member_email * { line-height: 160%; text-align: justify; }
.member_email dl dt { font-weight: bold; }

/* 아이디/비밀번호찾기 */
.srch_step { margin: -15px 0 33px; width: 720px; height: 61px; overflow: hidden; }
.srch_step li { height: 61px; text-indent: -30000px; cursor: pointer; float: left; }
.srch_step li.srch_step_01 { width: 360px; background: url("/images/member/member_srch_step.gif") no-repeat left bottom; }
.srch_step li.srch_step_02 { width: 360px; background: url("/images/member/member_srch_step.gif") no-repeat right top; }
.srch_step li.srch_step_01:hover,
.srch_step li.srch_step_01.on { width: 360px; background: url("/images/member/member_srch_step.gif") no-repeat left top; }
.srch_step li.srch_step_02:hover,
.srch_step li.srch_step_02.on { width: 360px; background: url("/images/member/member_srch_step.gif") no-repeat right bottom; }

.srch_chk p { padding-bottom: 3px; }
.mb_chk.srch { padding: 49px 0 39px 0; border-top: 2px solid #000; border-bottom: 1px solid #E7E9EB; }
.mb_chk.srch02 fieldset { margin: 0 auto; width: 600px; position: relative; overflow: hidden; }
.mb_chk.srch02 fieldset p { margin-bottom: 10px; width: 600px; float: left; overflow: hidden; }
.mb_chk.srch02 label.lb_type01 { width: 50px; }
.mb_chk.srch02 label.lb_type02 { margin-left: 20px; }

.srch_result { margin: 10px 0 12px 0; padding: 45px 0 4px 0; border-top: 2px solid #000; border-bottom: 1px solid #E7E9EB; }
.srch_result p { margin-bottom: 27px; text-align: center; }
.srch_result p strong { color: #0BB6E8; }
.result_txt span { margin-left: 10px; width: 87px; }


/* 레이어팝업 */
.layer_pop { display: none; width: 480px; text-align: left; background: #FFF; box-shadow: 0 0 30px 0 #000; position: absolute; top: 0; left: 0; z-index: 100; overflow: hidden; }
.layer_pop h3 { padding: 19px 0 0 21px; height: 49px; background: url("/images/member/pop_bg.gif") repeat-x 0 0; }
.layer_pop .pop_area { padding: 20px; overflow: hidden; }
.layer_pop .pop_area .table_section { margin-top: 10px; border-top: 2px solid #000; }

.layer_pop .pop_area input[type="text"] { width: 133px; height: 18px; background: #FBFBFB; border: 1px solid #D4D4D4; }
.layer_pop .pop_area select { width: 60px; height: 20px; background: #FBFBFB; border: 1px solid #D4D4D4; }

/* 팝업 테이블 영역 */
.layer_pop .pop_area table { width: 100%; }
.layer_pop .pop_area table thead tr th { text-align: center; background: #FAFAFA;  }
.layer_pop .pop_area table thead tr th.first { border-right: 1px solid #E7E9EB; }
.layer_pop .pop_area table tbody tr td { padding-left: 10px; }
.layer_pop .pop_area table tr th,
.layer_pop .pop_area table tr td { padding: 10px 0; border-bottom: 1px solid #E7E9EB; }
.layer_pop .pop_area table tr th { background: #FAFAFA; }
.layer_pop .pop_area table tr .t_al { text-align: left; }
.layer_pop .pop_area table tr .t_ac { padding-left: 0; text-align: center; }

/* 팝업 닫기 */
.layer_pop p.btn_close { margin-bottom: 30px; text-align: center; }
.layer_pop p.close { position:absolute; top: 23px; right: 20px; }
.overlay { width: 100%; height: 100%; background: #000; filter: alpha(opacity=60); opacity: .6; position: absolute; top: 0; left: 0; z-index: 99; }

/* 우편번호검색 */
.layer_zipcode .pop_area .h_txt p img { margin-bottom: 5px; }
.layer_zipcode .pop_area fieldset { margin: 15px 0 20px 0; padding: 11px 0 11px 103px; width: 337px; height: 21px; background: #F6F5F5; }
.layer_zipcode .pop_area fieldset input[type="text"] { margin: 0 7px; }
.layer_zipcode .pop_area fieldset p { float: left; }
.layer_zipcode .pop_area .zipcode_table { height: 157px; overflow: auto; }

/* 휴대폰 인증 */
.layer_phone .pop_area table tr td.phone input[type="text"] { width: 64px; }
.layer_phone .pop_area table tr th { padding-left: 10px; width: 94px; }

/* 아이디입력 */
.layer_id .pop_area table tr td.phone input[type="text"] { width: 64px; }
.layer_id .pop_area table tr th { padding-left: 10px; width: 94px; }

/* 팝업 테이블 스타일링 수정 박은선 2013-01-03*/
.f_resize strong,
.f_resize span { font-weight: normal; }
.layer_pop .amount { margin-top:10px; }
.layer_pop p.tc_blue { margin-top: -30px; margin-bottom:15px; text-align: right; color: #00BDF5; }

/* 자주쓰는 배송지 추가 2013-01-03 박은선 */
.layer_oldzip .zipcode_table td.input_bgc { padding:0; background: #fAFAFA; }
.layer_oldzip .zipcode_table td.input_bgc p {  text-align: center; }

/* 팝업 페이징 */
.layer_pop .paging { margin-bottom: 20px; }

/* 팝업 버튼 */
.layer_pop .pop_btn { text-align: center; height: 50px; }
.layer_pop .pop_btn p { display: inline; }

/* 쿠폰 선택 팝업 테이블 추가 */
.layer_selectcup .table_section { border: 0 !important; }
.layer_selectcup .table_section  table thead tr th {  height: 34px; color: #FFF; background: url("/images/shop/pop_th_bg.gif") no-repeat center top; }
.layer_selectcup .table_section  table thead tr th.table_first { background-position: left top; }
.layer_selectcup .table_section  table thead tr th.table_last { background-position: right top; }
.layer_selectcup .table_section  table tbody tr td.input_bgc { padding: 0; text-align: center; background: #FAFAFA; }


/* 마이페이지 2012-12-04 김도희
***************************************************************************************************************************************************************************/
/* 쇼핑몰 관련 내용 Common.css 이동 */

/* 마이페이지 타이틀 */
.my_sec h3 { margin-top:5px; }
.my_tit { height: 34px; overflow: hidden; }
.my_tit p { float: left; }
.my_tit p.txt { padding: 11px 0 0 19px; width: 462px; height: 23px;  background: url("/images/mypage/top_txt_bg.gif") repeat-x 0 0; }

/*마이페이지 2012-12-21 박은선*/
.my_info { margin:25px 0; }
.my_info .f_right { margin-bottom:14px; color:#00BEF6; }
.my_info div { width:720px; clear:both; border-top:2px solid #000; border-bottom:1px solid #e7e9eb; }
.my_info div th { border-bottom:1px solid #e7e9eb; }
.my_info div th,
.my_info div td{ border-right:1px solid #e7e9eb; padding:9px 0; text-align:center; }
.my_info div .last { border-right:none; }
.my_info div td{ line-height: 160%; }
.my_info .info_t li { text-align:left; padding-left: 19px; background: url("/images/etc/mypage_dot.gif") no-repeat 12px 50%; }
.my_info span { color:#555C62; }

/* 최근주문내역 */
.order_com { margin-bottom: 30px; color: #000; overflow: hidden; }
.order_com table { width: 100%; text-align: center; }
.order_com table thead tr th { height: 32px; color: #FFF; background: url("/images/mypage/basket_th_bg.gif") repeat-x 0 0; border : 1px solid #5E6770; border-left: 0; border-right: 0; }
.order_com table thead tr th.table_first { border-left : 1px solid #5E6770; }
.order_com table thead tr th.table_last { border-right : 1px solid #5E6770; } 
.order_com table tbody tr td { border-bottom: 1px solid #E7E9EB; }
.order_com table tbody tr td span { color: #717A83; }
.order_com table tbody tr td strong.f_blue { color: #1DB9E9; }
.order_com table tr td dl dt { width: 60px; float: left; }
.order_com table tr td dl dd { width: 170px; height: 20px; text-align: left; line-height: 20px; float: left; }
.order_com table tr td p span { padding-bottom:3px; }
.order_com table tbody tr td .btn_white_small { width: 72px; }

/* 주문취소/반품신청/교환신청 레이어 팝업 */
.mypage_pop { width:760px; }
.mypage_pop h5 { margin-bottom:15px; }
.mypage_pop .order_com { padding: 20px; overflow: hidden; }
.order_pop { padding-bottom:0!important; }

.mypage_pop input[type="text"] { height: 18px; font-size: 12px; }
.mypage_pop  select { height: 20px; color: #858C93; font-size: 12px; }
.mypage_pop .cancel_info_sec { padding: 13px 10px; border-top: 2px solid #000; border-bottom: 1px solid #E7E9EB; overflow: hidden; }
.mypage_pop .cancel_info_sec p { float: left; }
.mypage_pop .cancel_info_sec p select { width: 114px; background: #FBFBFB; border: 1px solid #D4D4D4; }
.mypage_pop .cancel_info_sec .txt_area { float: right; }
.mypage_pop .cancel_info_sec .txt_area  textarea { padding: 8px 10px;  width: 553px; height: 62px; line-height: 140%; background: #FBFBFB; border: 1px solid #D4D4D4; overflow: auto; }

/* 쿠폰내역 */
.coupon_list table tbody tr td { height: 60px; }

/* 최근주문내역 탭 */
.order_com_tab { overflow: hidden; }
.order_com_tab .tab ul li { margin-right: -1px; float: left; border : 1px solid #5E6770; }
.order_com_tab .tab ul li a { display: inline-block; padding: 8px 0 0 15px; width: 227px; height: 22px; color:#FFF; background: url("/images/mypage/basket_th_bg.gif") repeat-x 0 0; position: relative; }
.order_com_tab .tab ul li a.on { font-weight: bold; background: url("/images/mypage/basket_th_bg_on.gif") repeat-x 0 0; }
.order_com_tab .tab ul li a img { position: absolute; top: 11px; right: 15px; }
.order_com_tab .tab ul li a.on img { top: 14px; }
.order_com_tab table { width: 100%; }
.order_com_tab tbody tr th,
.order_com_tab tbody tr td { height: 34px; text-align: left; background: #F5F6F6; }
.order_com_tab tbody tr.first th,
.order_com_tab tbody tr.first td { border-bottom: 1px solid #E7E9EB; }
.order_com_tab tbody tr th { padding-left: 15px; width: 85px; }
.order_com_tab tbody tr td .btn_dark_small { margin-left: 12px; }
.order_com_tab tbody tr td ul li { margin-right: 4px; float: left; }
.order_com_tab tbody tr td ul li .btn_white_smaller { width: 60px; }
.order_com_tab .tab_info { margin-bottom: 20px; padding: 12px 0 0 14px; }
.order_com_tab .tab_info ul li { padding-left: 5px; line-height: 150%; background: url("/images/etc/mypage_dot.gif") no-repeat 0 50%; }
.order_com_tab .tab_info ul li span { font-weight: bold; }

.order_com_tab.wish_list table tbody tr.first th,
.order_com_tab.wish_list table tbody tr.first td{ border-top: 2px solid #000; }

/* 선택상품 */
.product_chk { margin-bottom: 16px; color: #000; overflow: hidden; }
.product_chk table { width: 100%; text-align: center; }
/*.product_chk table tr td dl dd { width: 245px; height: 25px; text-align: left; line-height: 25px; float: left; }*/
.product_chk select { width: 208px; height: 19px; }

.bot_btn { width: 427px; float: right; }
.bot_btn .paging { padding-right: 130px; float: left; }
.bot_btn .pasing_btn img{  float: right; }

/*주문 및 배송조회*/
/*2012-12-21 박은선*/
.oder_step { clear: both; padding-top:10px; }
.oder_step h3,
.oder_step table,
.oder_step dl { margin-top:35px; }
.oder_step h3.first { margin-top:0; }
.oder_step dl { padding-bottom:14px; padding-left:12px; border-top:2px solid #000; border-bottom:1px solid #e7e9eb; }
.oder_step dl dt { margin-top:15px; margin-bottom:8px; }
.oder_step dl dd { line-height:150%; }
.oder_step dl dd dl { padding-bottom:0; margin-top:0; padding-left:0; border:none; }
.oder_step dl dd dl dt { margin-top:0; margin-bottom:0; }
.oder_step dl dd span { color:#1db9e9; }
.oder_step table { width:100%; border-top:2px solid #000; }
.oder_step table th,
.oder_step table td { border-right:1px solid #e7e9eb; border-bottom:1px solid #e7e9eb;  padding:10px 0 10px 15px; }
.oder_step table td.line { vertical-align:top; }
.oder_step table li{ padding-left: 5px; line-height: 18px; background: url("/images/etc/mypage_dot02.gif") no-repeat 0 50%; } 

/* 2012-12-05 */
/* 나의 상품평 */
.product_write .tab { margin-bottom: 20px; height: 34px; border-bottom: 1px solid #5E6770; clear: both; }
.product_write .tab ul li { margin-right: -1px; float: left; }
.product_write .tab ul li a { display: inline-block; width: 138px; height: 33px; font-weight: bold; text-align: center; line-height: 33px; color: #B5B8BB; background: #F0F0F0; border: 1px solid #CED1D4; border-bottom: 0; position: relative; }
.product_write .tab ul li a.on { color: #6C747C; background: none; border-color: #5E6770; border-bottom: 1px solid #FFF; bottom: 0; z-index: 10; }
.product_write table tr td { font-size: 11px; }

.bbs_qna table tr td.al .post { height: 34px; line-height: 34px; overflow: hidden; }
.bbs_qna table tr td.al .post * { float: left; }
.bbs_qna table tr td.al .post a { display: block; width: 426px; height: 34px; text-align: left; }
.bbs_qna table tr td.al .post span { display: inline-block; text-align: center; }
.bbs_qna table tr td.al .post span.date { width: 100px; }
.bbs_qna table tr td.al .post span.state { width: 50px; padding-left:60px;}
.bbs_qna table tr td.al .q_sec { margin-bottom: 20px; }

.bbs_qna table tr td.al .post_cont { display: none; padding-right: 15px; text-align: justify; line-height: 140%; clear: both; overflow: hidden; }
.bbs_qna table tr td.al .post_cont .a_sec .ans { display: inline-block; margin-bottom: 10px;  padding-left: 20px; height: 14px; line-height: 14px; background: url("/images/shop/ico_a.gif") no-repeat left 50%; overflow: hidden; }
.bbs_qna table tr td.al .post_cont .a_sec .ans_txt { padding-bottom: 10px; }

/* 문의내역,q&a */
.mypage_bbs { margin-bottom: 30px; width: 100%; text-align: center; clear: both; }
.mypage_bbs thead tr th { height: 32px; color: #FFF; background: url("/images/mypage/basket_th_bg.gif") repeat-x 0 0; border : 1px solid #5E6770; border-left: 0; border-right: 0; }
.mypage_bbs thead tr th.table_first { border-left : 1px solid #5E6770; }
.mypage_bbs thead tr th.table_last { border-right : 1px solid #5E6770; } 
.mypage_bbs tbody tr td { padding: 10px 0; font-size: 11px; border-bottom: 1px solid #E7E9EB; }
.mypage_bbs tbody tr td.subject { padding-left: 10px; color: #000; text-align: left; }

.mypage_box { margin-bottom: 30px; }

/* 회원탈퇴 안내 */
.mypage_out { padding: 16px 0 16px 8px; border-top: 2px solid #000; border-bottom: 1px solid #E7E9EB; }
.mypage_out p { margin-bottom: 14px; line-height: 150%; }
.mypage_out ul li { padding-left: 5px; height: 18px; font-size: 11px; line-height: 18px; background: url("/images/etc/mypage_dot02.gif") no-repeat 0 50%; }
.mypage_out ul li span { color: #61C4EA; }

/* 삭제 예정 포인트/적립금 */
.mypage_point { width: 100%; height: 118px; border: 1px solid #E8EAEC; }
.mypage_point dl { margin: 26px 0 0 -1px; padding: 0 74px; height: 67px; border-left: 1px solid #E7E9EB; float: left; }
.mypage_point dl dt,
.mypage_point dl dd { padding-top: 25px; float: left; }
.mypage_point dl dd { margin-left: -4px; width: 92px; }
.mypage_point dl dd strong { padding-left: 10px;  font-size: 16px; color: #9C9FA3; }

/* 회원탈퇴신청 */
.mypage_request table { width: 100%; border-top: 2px solid #000; clear:both; } 
.mypage_request table tr th { padding-left: 10px; width: 70px; text-align: left; vertical-align: top; }
.mypage_request table tr td ul li { padding: 4px 0; }
.mypage_request table tr td ul li span { padding-right: 25px; }
.mypage_request table tr td p { margin-bottom: 5px; color: #00C5FF; }
.mypage_request table select { width: 260px; }
.mypage_request table textarea { overflow: hidden; }
.mypage_request table th,
.mypage_request table td { padding: 5px 0; border-bottom: 1px solid #E7E9EB; }
.mypage_request table input[type="text"] { height: 18px; font-size: 12px; }
.mypage_request table select { height: 20px; color: #858C93; font-size: 12px; }
.mypage_request table input[type="text"], .mypage_request table select,
.mypage_request table textarea { background: #FBFBFB; border: 1px solid #D4D4D4; }
.btn_member { margin-top: 50px; text-align: center; }


/* 제품소개 2012-12-11 김도희
***************************************************************************************************************************************************************************/
.product_area ul.list li { margin-bottom: 25px; }

/* 울릉도 해양심층수 슈어 2013-02-06 박은선 */
.product_area { text-align: justify; }
.product01_bg { width: 720px; height: 300px; background: url("/images/product/pet_bg.jpg") no-repeat 92% bottom; }
.product01_bg * { line-height: 160%; }
.product01_bg dl * { float: left; }
.product01_bg dl { width: 260px; }
.product01_bg dl dt { width: 56px; }
.product01_bg dl dd { width: 204px; }
.product01_02 * { line-height: 160%; }
.product01_02 .pet_img { margin: 50px 0 45px; width: 720px; text-align: center; float: none; }
.product01_04 .top_line { border-top: 2px solid #000; }
.product01_04 table { width: 100%; }
.product01_04 table th,
.product01_04 table td { padding: 8px 0 8px 15px; line-height: 160%; text-align: left; border-bottom: 1px solid #E3E5E6; }
.product01_04 table th { background: #FAFAFA; border-right: 1px solid #E3E5E6; }
.buy_btn { text-align: center; }

/* 슈어워터박스 */
.waterbox_info { width:100%; height: 291px; background: url("/images/product/box_info_img.jpg") no-repeat 420px 0; }
.waterbox_info p { margin-bottom:10px; line-height:160%; }
.waterbox_info p.last { margin-top:19px; }
.waterbox_info02 dl .frst_h { margin-top:-45px; }
.waterbox_info02 dl dd { margin:14px 0 38px; text-align:justify; line-height:160%; }
.waterbox_info02 dl dd img { margin:45px 0 0 45px; }
.waterbox_use p { margin-bottom: 35px; }
.waterbox_use h4,
.waterbox h4,
.waterbox_img h4 { margin-bottom:15px; }
.t_waterbox { margin: 14px 0 35px; border-top: 2px solid #000; }
.t_waterbox table { width: 100%; height:376px; }
.t_waterbox tr .first { border-right: 1px solid #E7E9EB; }
.t_waterbox thead tr th { height: 35px; text-align: center; background: #FAFAFA; border-bottom: 1px solid #E7E9EB; }
.t_waterbox tbody tr td { padding-left:20px; height:341px; border-bottom: 1px solid #E7E9EB; }
.t_waterbox tbody dl dd { margin:10px 0 20px; }
.t_waterbox tbody dl dd ul li { font-size: 11px; line-height:160%; }
.t_waterbox tbody tr td p.img { margin-bottom:15px; text-align: center; }
.t_waterbox tbody ul.img_txt span { color:#487DCB; }
.t_waterbox tbody ul.img_txt li { padding: 3px 0; font-size: 11px; }
.t_waterbox tbody ul.img_txt li p { text-indent: 8px; }
.pro_detail_area { margin-bottom:35px; }
.pro_detail_area h4 { margin-bottom:15px; }
.pro_detail_info { border-top:2px solid #000; }
.pro_detail_info th,
.pro_detail_info td { padding:8px 0;border-bottom:1px solid #E7E9EB; }
.pro_detail_info th { padding-left:13px; width: 158px; text-align:left; background:#FAFAFA; border-right:1px solid #E7E9EB; }
.pro_detail_info td { padding-left:16px; }
.pro_detail_info td p { line-height: 150%; }
.waterbox_img { margin-bottom:30px; }

/* salt 2013-02-06 박은선 */
.maresalt_area { line-height: 160%; text-align: justify; }
.maresalt_bg { margin-bottom: 10px; width: 720px; height: 280px; }
.maresalt_bg .maresalt_bg_img { margin-top: 3px; float: right; }
.maresalt_bg .txt_box { width: 400px; }
.maresalt_bg dl * { float: left; }
.maresalt_bg dl { width: 400px; }
.maresalt_bg dl dt { width: 56px; }
.maresalt_bg dl dd { width: 344px; }

.maresalt_02 .maresalt_box { width: 720px; background: url("/images/mineral/sub02_box_bg.gif") repeat-y left top; }
.maresalt_02 .maresalt_box dl.box_01 { padding: 20px 20px; width: 680px; background: url("/images/mineral/sub02_box_top.gif") no-repeat left top; }
.maresalt_02 .maresalt_box dl dt { font-weight: bold; }
.maresalt_02 .maresalt_box ul li { padding-left: 10px; background: url("/images/mineral/sub_02_li.gif") no-repeat left 8px; }
.maresalt_02 .maresalt_box .box_bot { width: 720px; background: url("/images/mineral/sub02_box_bot.gif") no-repeat left bottom; }
.maresalt_02 ul.list_style01 { margin-top: 10px; }
.maresalt_02 ul.list_style01 li { margin-bottom: 10px; padding-left: 10px; background: url("/images/mineral/mineral_li_bg.gif") no-repeat 2px 10px; color: #889199; }

.maresalt_02 .maresalt_box .maresalt_box_01 { padding: 15px 0 0 20px; width: 680px; height: 115px; background: url("/images/product/maresalt_box_bg.gif") no-repeat 22px top; }
.maresalt_02 .maresalt_box .maresalt_box_01 p { margin-left :155px;  }

/* 제품소개 2013-02-06 박은선 */
.minewater_01 * { line-height: 160%; text-align: justify; }
.minewater_01 .strong { font-weight: bold; }
.minewater_01 .minewater_img01 {margin: 0 50px 0 25px; float: right; }
.minewater_01 .top_line { margin-bottom: 50px; }
.minewater_01 .minewater_img02 { margin: 25px 30px 0 10px; float: right; }
.minewater_01 .minewater_img03 { margin: 0 35px 7px 0; float: right; }
.minewater_01 .minewater_img04 { margin: 0 60px 0 60px; float: right; }
.minewater_01 .set01_img01 { margin: 10px 0 0 0; float: right; }
.minewater_01 .set02_img01 { float: right; }
.minewater_01 .set02_img02 { margin-top: 25px;  float: right; }
.minewater_01 .set02_img03 { margin-top: -10px;  float: right; }
.minewater_01 dl.usage  { width: 720px; height: 74px; }
.minewater_01 dl.usage dt { width: 50px; height: 30px; float: left; }
.minewater_01 dl.usage dd { width: 670px; float: left; }
.minewater_01 ul.li_style ul li { padding-left: 10px; }
.minewater_01 .set02_img04 { margin: 20px 0 0 10px; float: right; }
.minewater_01 .cream_img01 { margin: 10px 0 0 10px;  float: right; }
.minewater_01 ul.list_style01 li { padding-left: 10px; background: url("/images/mineral/mineral_li_bg.gif") no-repeat 2px 10px; color: #889199; }
.minewater_01 .soap_img01 { margin: ; float: right; }

.minewater_01 .product01_04 { clear: both; }

/* 해양심층수 활용제품 2013-02-07 김도희 */
.etc_list { margin-top: 25px; margin-bottom: 35px; }
.etc_list table tbody tr td { padding: 15px 0; font-size: 11px; color: #889199; }
.etc_list table tbody tr td span { color: #000; }
.etc_list table tbody tr td.info { padding: 0 15px; text-align: justify; line-height: 18px; }
.etc_list table tbody tr td img { max-height:100px;max-width:140px;*height:expression(this.height > 100 ? ((this.height / 100) >= (this.width / 140) ? 100 : true) : true);*width:expression(this.width > 140 ? ((this.width / 140) > (this.height / 100) ? 140 : true) : true);}


/* 건강과 미네랄 2012-12-12 김도희
***************************************************************************************************************************************************************************/
.m_txt { margin-bottom: 30px; }
.mineral_area h4 { margin-bottom: 20px; }

/* 미네랄의 소개 2013-02-05 박은선 */
.mineral_detail * { line-height: 20px; text-align: justify; }
.mineral_detail .sub02_box01 { width: 720px; background: url("/images/mineral/sub02_box_bg.gif") repeat-y left top; }
.mineral_detail .sub02_box01 dl.box_01 { padding: 20px 20px 15px 20px; width: 680px; background: url("/images/mineral/sub02_box_top.gif") no-repeat left top; }
.mineral_detail .sub02_box01 ul li { padding-left: 10px; background: url("/images/mineral/sub_02_li.gif") no-repeat left 8px; }
.mineral_detail .sub02_box01 .box_bot { padding: 0 20px 20px 20px; background: url("/images/mineral/sub02_box_bot.gif") no-repeat left bottom; }
.mineral_detail ul.list_style01 { margin-top: 10px; }
.mineral_detail ul.list_style01 li { margin-bottom: 10px; padding-left: 10px; background: url("/images/mineral/mineral_li_bg.gif") no-repeat 2px 10px; color: #889199; }

.mineral_import * { line-height: 20px; text-align: justify; }
.mineral_import ul.list_style02 { margin: 15px 0; }
.mineral_import ul.list_style03 { margin: 25px 0 15px; }
.mineral_import .sub02_box02 { width: 720px; background: url("/images/mineral/sub02_box_bg.gif") repeat-y left top; }
.mineral_import .sub02_box02 p { padding: 20px 20px 10px; width: 680px; background: url("/images/mineral/sub02_box_top.gif") no-repeat left top; }
.mineral_import .sub02_box02 ul { padding: 0 20px 20px 20px; width: 680px; background: url("/images/mineral/sub02_box_bot.gif") no-repeat left bottom; }
.mineral_import .sub02_box02 ul li { padding-left: 10px; background: url("/images/mineral/sub_02_li.gif") no-repeat left 8px; }

.mineral_part * { line-height: 20px; text-align: justify; }

/* Trace 미네랄 */
.mineral_trace * { line-height: 160%; text-align: justify; }
.mineral_trace .f_right { width: 315px; height: 220px; margin: 5px 10px 0 30px; }

/* 미네랄의 종류와 역할 */
.mineral_part02 { text-align: justify; }
.mineral_part02 p { margin: 45px 0 0 25px; float: right; }
.mineral_part02 dl dd { margin: 10px 0 30px; line-height: 160%; }
.toxic { margin-bottom: 30px; }
.toxic .toxic_txt { line-height: 160%; text-align:justify; }
.toxic h5 { margin: 23px 0 15px; }
.mineral_table { border-top: 2px solid #000; }
.mineral_table table { margin-bottom: 23px; width: 100%; }
.mineral_table table thead th { height: 30px; text-align: center; background: #FAFAFA; }
.mineral_table table tbody td { padding: 8px 0 8px 20px; }
.mineral_table table th, .mineral_table table td { border-right: 1px solid #E7E9EB; border-bottom: 1px solid #E7E9EB; }
.mineral_table table .last { border-right: 0; }

.mineral_effect {  overflow: hidden; }
.mineral_effect h5 { margin-bottom: 13px; }
.mineral_table tr td { vertical-align: top; }
.mineral_table tr td ul { margin-right: 10px; }
.mineral_table tr td ul li { line-height: 160%; }
.mineral_table tr td span { display: inline-block; margin-left: -7px; }

/* 물과 건강이야기 2013-02-05 박은선 */
.warter_health * { line-height: 160%; text-align: justify; }
.warter_health p.ta_center { text-align: center; }
.warter_health dl.list_style01 ul { margin-top: 5px; }
.warter_health dl.list_style01 ul li { padding-left: 10px; background: url("/images/mineral/mineral_li_bg.gif") no-repeat left 8px; }
.warter_health .th_life { margin: 45px 0 35px 2px; }


/* 울릉해양심층수 2012-12-17 김도희
***************************************************************************************************************************************************************************/
.ocean_area { clear: both; }
.ocean_area h4 { margin-bottom: 15px; }

.con_txt_box { line-height: 160%; overflow: hidden; }
.con_txt_box ul { margin-left: 10px; }
.con_txt_box ul li span { display: inline-block; margin: 0 5px 0 -10px; }

/*해양심층수란? */
.ocean_area { text-align: justify; }
.ocean_list li { margin:0 0 3px 4px; padding-left: 7px; font-size: 11px; line-height: 160%; background: url("/images/etc/mypage_dot03.gif") no-repeat 0 7px; }

.ocean_info01 p.ocean01_img { margin: 40px 0 20px; }
.ocean_info01_detail p.detail_txt { margin: 14px 0; }
.ocean_info02 { overflow: hidden; }

.ocean_info03 p.ocean03_img { margin: 38px 0 30px; }

.ocean_info04_list{ border-top:1px solid #E1E3E4; margin-bottom:55px; position: relative; overflow: hidden; }
.ocean_info04_list dt { padding:10px 0 10px 341px; display:block; float:left; border:}
.ocean_info04_list dd{ padding:15px 0 15px 410px; border-bottom: 1px dotted #E1E3E4; }
.ocean_info04_list dd.last{ border:none; }
.ocean_info04_list p.txt { padding:10px 0 10px 341px; border-bottom :1px solid #E1E3E4; clear:both; }
.ocean_info04_list p.img { position: absolute; bottom: 0; left: 48px; text-align: center; }

.ocean_info05{ padding-bottom:55px; }
.ocean_info05 dl dt{ padding-top: 20px; }
.ocean_info05 dl dd,
.ocean_info05 dl dd ul{ padding-top:10px; }
.ocean_info05 dl dd { line-height: 140%; padding-top:15px; }
.ocean_info05 dl dd ul li p { text-align: center; }
.ocean_info05 .img { text-align: center; }

.ocean_info06 p.img{ text-align: center; }
.ocean_info06 dl dd,
.ocean_info06 dl dd ul{ padding-top:10px; }
.ocean_info06 dl dd { margin-bottom: 20px; line-height: 140%;  }
.ocean_info06 dl dd ul li p { text-align: center; }
.ocean_info06 .table_sec { margin-bottom: 30px; border-top: 2px solid #000; overflow: hidden; }
.ocean_info06 .table_sec table { width: 360px; float: left; }
.ocean_info06 .table_sec table tr th,
.ocean_info06 .table_sec table tr td { padding: 10px 0 !important; text-align: center; line-height: 160%; border: 1px solid #E3E5E6; }
.ocean_info06 .table_sec table thead tr th { background: #FAFAFA; }
.ocean_info06 .table_sec table .first { padding-left: 10px !important; border-left: 0; }
.ocean_info06 .table_sec table .last { border-right: 0; }
.ocean_info06 .table_sec table.se tr td { height: 32px; }
.ocean_info06 .table_sec table.se tr.last td { height: 33px; }

.round_box { width: 720px; background: url("/images/mineral/sub02_box_bg.gif") repeat-y left top; }
.round_box * { line-height: 160%; }
.round_box .box_top { padding: 20px 20px; width: 680px; background: url("/images/mineral/sub02_box_top.gif") no-repeat left top; }
.round_box .box_bot { padding: 0 20px 20px; width: 680px; background: url("/images/mineral/sub02_box_bot.gif") no-repeat left bottom; }

/* 효능과 효과 */
.efficacy_sec { margin-bottom: 55px; overflow: hidden; }
.efficacy_sec h5 { margin-bottom: 15px; }
.efficacy_sec .tab { margin-bottom: 20px; overflow: hidden; }
.efficacy_sec .tab ul li { float: left; }
.efficacy_sec .tab_cont { display: ; clear: both; }
.efficacy_sec .dot_list { margin-bottom: 15px; overflow: hidden; }
.efficacy_sec .dot_list li { margin:0 0 3px 4px; padding-left: 7px; font-size: 11px; line-height: 170%; background: url("/images/etc/mypage_dot03.gif") no-repeat 0 7px; }
.efficacy_sec .t_area * { display: block; }
.efficacy_sec .t_area { margin-bottom: 30px; padding-left: 5px; line-height: 160%; overflow: hidden; }
.efficacy_sec .t_area em, 
.efficacy_sec .t_area span { display: block; font-style: normal; float: left; }
.efficacy_sec .t_area em { margin-right: 5px; }
.efficacy_sec .t_area span { width: 655px; clear: both; }
.efficacy_sec .tab_cont dl dt { margin-bottom: 15px; }
.efficacy_sec .tab_cont dl dd { margin-bottom: 40px; }
.efficacy_sec .tab_cont dl dd p { margin-bottom: 30px; line-height: 160%; }
.efficacy_sec .tab_cont dl dd.end p { margin-bottom: 10px; }
.efficacy_sec .tab_cont dl dd span.txt { display: inline-block; margin-left: 33px; }
.efficacy_sec .table_sec { border-top: 2px solid #000; }
.efficacy_sec .table_sec table { margin-bottom: 10px; width: 100%; }
.efficacy_sec .table_sec table tr th,
.efficacy_sec .table_sec table tr td { padding: 10px 0!important; text-align: center; line-height: 160%; border: 1px solid #E3E5E6; }
.efficacy_sec .table_sec table tr th { background: #FAFAFA; }
.efficacy_sec .table_sec table .first { padding-left: 10px !important; border-left: 0; }
.efficacy_sec .table_sec table td.first { text-align: left; }
.efficacy_sec .table_sec table .last { border-right: 0; }
.efficacy_sec .table_sec table .t_al { padding-left: 10px !important; text-align: left; }
.efficacy_sec .tab_cont .refer li { line-height: 160%; }
.efficacy_sec .img { margin-bottom: 30px; }
.efficacy_sec .tit { margin-bottom: 15px; }
.efficacy_sec .txt_img { margin-bottom: 10px; }
.efficacy_sec .mb_25 { margin-bottom: 25px; }
.efficacy_sec .mb_40 { margin-bottom: 40px; }
.efficacy_sec .txt { line-height: 160%; text-align: justify; overflow: hidden; }

/*활용분야03 2012-12-18*/
.app01 { margin-top:30px; }
.app01 p { margin-bottom:20px; }
ul.app_list  li{ padding-top:10px;}
.app02,
.app03,
.app04 { margin-top:53px; }
.app_table{ border-top:2px solid #000; }
.app_table table{ width:100%; text-align:center; }
.app_table table th,
.app_table table td { padding:8px 0 8px 15px; vertical-align:top; border-left:1px solid #e7e9eb; border-bottom:1px solid #e7e9eb; text-align:left; line-height:140%; }
.app_table table th { font-weight:bold; text-align:center; background-color:#fafafa; }
.app_table table .line_th,
.app_table td.app_table_img { text-align:center; padding-left:0; vertical-align:middle; }
.app_table table .dwfont { font-size:11px; }
.app_table table .line { border-left:none; }
.app_table p{ font-size:11px; margin-top:16px; }

/* 해양심층수의 국내외활용사례 */
.use_abroad01 { margin:35px 0; }
.use_abroad01 p { margin-bottom: 25px; line-height: 160%; }
.use_abroad02 { overflow: hidden; }
.use_abroad02 h5 { margin-bottom:12px; }
.use_abroad02 p { margin-bottom: 25px; line-height: 160%; }
.use_abroad02 .usa_area { margin: 22px 0 20px; overflow:hidden; clear:both; }
.use_abroad02 .usa_nelha { margin-top: 30px; }
.use_abroad02 .usa_nelha .h_txt { margin-bottom: 12px; float: left; }
.use_abroad02 .usa_nelha ul { width:430px; float: left; clear:both; }
.use_abroad02 .usa_nelha ul li { margin-bottom:5px; padding-left:9px; line-height: 160%; background: url("/images/etc/ocean_usa_dot.gif") no-repeat 0 8px; }
.use_abroad02 .usa_nelha .img { margin:-11px 0 0; float:right; }
.use_abroad02 .japan_area { margin-bottom: 12px; overflow:hidden; clear:both; }
.use_abroad02 .japan_jido dl { width: 425px; float:right; }
.use_abroad02 .japan_jido dd { margin: 8px 0 22px; }
.use_abroad02 .japan_jido ul li { padding-left:9px; line-height: 160%; background: url("/images/etc/ocean_usa_dot.gif") no-repeat 0 8px; }
.use_abroad02 .japan_jido ul li span { margin-left: 50px; }
.japan_table{ border-top:2px solid #000; }
.japan_table table{ width:100%; text-align:center; }
.japan_table table th,
.japan_table table td { padding:8px 0 8px 15px; vertical-align:top; border-left:1px solid #e7e9eb; border-bottom:1px solid #e7e9eb; text-align:left; line-height:160%; }
.japan_table table th { font-weight:bold; text-align:center; background-color:#fafafa; }
.japan_table table .line_th,
.japan_table table .line { border-left:none; }
.japan_table td dl dt { width:65px; height:44px; float:left; }
.japan_table td ul li { margin-bottom:2px; line-height: 160%; }

/*활용제품 소개05 2012-12-18 */
.ocean_area ul.list li { margin-bottom: 25px; }

/*청정해역 울릉도06*/
.clean_sea .img { margin: 20px 0; }
.clean_sea dl dd { margin: 7px 0 23px; }
.clean_sea dl dd ul li { line-height: 160%; }
.clean_sea02 dl dd { margin:8px 0 22px; }
.clean_sea02 dl dd ul li { line-height: 160%; }
.clean_sea02 dl dd ul li span { margin-left: 68px; }
.clean_sea02 dl dd ul li.dot { padding-left: 8px; background:url("/images/etc/ocean_usa_dot.gif") no-repeat 0 50%; border:}
.clean_sea02 dl dd .onesi { margin-top: 25px; }

/*울릉해양심층수 소개07 2013-02-05 박은선 */
.water_info01 * { line-height: 160%; text-align: justify; }
.water_info01 .f_right { width: 360px; height: 268px; }
.water_info01_02 { height: 268px; }
.water_info01_02 .water_info01_0201 { margin-top: 10px; }
.tc_gray { color: #A7ABAE; }
.clear_float { height: 55px;}
.style01 { width: 366px; height: 55px; }
.style02 { width: 354px; height: 55px; }

.water_table{ border-top:2px solid #000; }
.water_table table{ width:100%; text-align:center; }
.water_table table th,
.water_table table td { padding:10px 0; text-align: center; vertical-align:top; border-left:1px solid #e7e9eb; border-bottom:1px solid #e7e9eb; }
.water_table table th { font-weight:bold; background-color:#fafafa; }
.water_table table .line_th.line { text-align:center; vertical-align:middle; padding-left:0; }
.water_table table .line { border-left:none; text-align:left; padding-left:15px; }

.water_info04 table td { padding-left: 15px; text-align: left; }
.water_info05 table .line { border-left:none; text-align:center; padding-left:15px; }
.water_info05 table tr td { padding-left: 15px; vertical-align: bottom; line-height: 20px; }

/*울릉해양심층수 제품군08*/
.ocean_product02,
.ocean_product03,
.ocean_product04 { margin-top:53px; }
.product_table{ border-top:2px solid #000; }
.product_table table{ width:100%; text-align:center; }
.product_table table th,
.product_table table td { padding:8px 0 8px 15px; vertical-align:top; border-left:1px solid #e7e9eb; border-bottom:1px solid #e7e9eb; text-align:left; line-height:140%; }
.product_table table th { font-weight:bold; text-align:center; background-color:#fafafa; }
.product_table table .line_th,
.product_table td.app_table_img { text-align:center; padding-left:0; vertical-align:middle; }
.product_table table .dwfont { font-size:11px; }
.product_table table .line { border-left:none; }
.product_table .last { text-align:center; }

/* 취수 및 제품생산과정 */
.ocean_flash{ margin-bottom:30px; }
.ocean_flash h4,
.ocean_water h4 { margin-bottom:20px; }
.ocean_water dl dd { margin: 9px 0 23px; text-align:justify; line-height:160%; }


/*******************************************************************************************************************************************************
* Quick Banner
*******************************************************************************************************************************************************/
.quick { width: 87px; text-align: center; position: absolute; top: 227px; right: -60px; }
.m_quick { width: 87px; text-align: center; position: absolute; top: 227px; right: -80px; }
.m_quick p { position: relative; }
.quick p { position: relative; }
.quick span { display: inline-block; padding-left: 9px; height: 19px; text-indent: -1px; background: url("/images/banner/quick/quick_count.png") no-repeat left top; position: absolute; top: 5px; right: 25px; }
.quick span em { display: inline-block; margin-right: -8px; padding-right: 6px; height: 19px; font: 12px "NanumGothic","나눔고딕","Dotum","돋움"; font-style: normal; color: #FFF; text-align: left; line-height: 19px; background: url("/images/banner/quick/quick_count.png") no-repeat right top; }

.m_quick span { display: inline-block; padding-left: 9px; height: 19px; text-indent: -1px; background: url("/images/banner/quick/m_quick_count.png") no-repeat left top; position: absolute; top: 5px; right: 25px; }
.m_quick span em { display: inline-block; margin-right: -8px; padding-right: 6px; height: 19px; font: 12px "NanumGothic","나눔고딕","Dotum","돋움"; font-style: normal; color: #FFF; text-align: left; line-height: 19px; background: url("/images/banner/quick/m_quick_count.png") no-repeat right top; }



/*******************************************************************************************************************************************************
* Footer
*******************************************************************************************************************************************************/
#footer { background: #FFF; clear: both; }
#footer .lay_section { padding: 30px 0; width: 920px; border-top: 1px solid #E9E9EA; }
#footer .menu { margin: 0 0 15px; width: 725px; overflow: hidden; }
#footer .menu ul { margin-left: -12px; float: left; overflow: hidden; }
#footer .menu ul li { float: left; }
#footer .menu ul li a,
#footer .menu ul li span { display: block; padding: 0 12px; background: url("/images/etc/menu_bar.gif") no-repeat right 50%; overflow: hidden; }
#footer .menu p img { margin-left: 10px; }
#footer .site_info { margin: 0 0 30px; width: 930px; overflow: hidden; }
#footer .site_info h6 { margin: 0 40px 0 35px;  float: left; }
#footer .site_info address {  float: left; }