@charset "utf-8";
/******************************************************
AP sulwhasoo
+ Author : ACG Technology Group Kim jin ah (greyopera@astrum.co.kr)
+ Author : ACG Technology Group Han mi sun (msmelong@astrum.co.kr )
+ Version : 1.0 (이후 업데이트시 버전 체크)
*******************************************************/

/* TItle Style
*******************************************************/
.title h2 { padding:10px 0 30px; }
.title .description{}

.title_type h2 { padding:10px 0 50px; }
.title_type .description{}

.title_des h2 { padding:10px 0 3px;}
.title_des .description{ padding:0 0 30px;}

/* Dialog Style
*******************************************************/
.dialog_boxA {background:#b1d7f0; padding:3px;}
.dialog_boxA .ui-dialog-titlebar{position:absolute;z-index:1;top:1px;left:0;width:100%;height:20px;cursor:move; background:url(about:blank) no-repeat;}
.dialog_boxA .ui-dialog-titlebar-close{position:absolute;top:15px;right:20px; _right:13px; width:60px;height:20px;font-size:0;line-height:0;text-indent:-9999px; overflow:hidden; background:url(about:blank) no-repeat;}
.dialog_boxA .content_section {border:1px solid #81bfe8; background:#fff url(/resources/images/dialog_close.gif) no-repeat right 0; padding:40px 0 0 0;}
.dialog_boxA .overflow {height:450px;padding:0 0 0 10px;}
.dialog_boxA .overflow_big {height:580px;padding:0 0 0 30px; }
.dialog_boxA .overflow_player {height:350px;padding:15px 0 0 30px; }
.dialog_boxA .overflow_search {padding:0 0 0 10px; display:inline; }
.dialog_boxA .overflow_search iframe { margin:0; width:954px; height:530px;}
.dialog_boxA .overflow_shop {height:380px; padding:0 0 0 30px;}

/* Select Style
*******************************************************/
.select_area_type01 {position:relative; height:22px;margin:0 0 11px; padding:0 0 1px !important; }
.brow_ie_6 .select_area_type01 {margin:-1px 0 8px;}
.brow_ie_7 .select_area_type01 {margin:-1px 0 12px;}

.select_basic_type01{width:89px; height:16px; padding:4px 6px 2px 9px; border:0; font-size:12px; color:#999999; border:1px solid #c0dff3; border-right:none;vertical-align:middle; margin-right:-1px;background:url(/resources/images/selelct_typeA_arrow02.gif) right 50% no-repeat;}
.select_basic_type01_wrapper {position:absolute;left:0;top:-1px; margin:0 2px 2px 0;z-index:99999;font-size:12px;line-height:1.5;color:#999999;border:1px solid #c0dff3;background:#fff;overflow:auto;overflow-x:hidden;}
.select_basic_type01_wrapper ul {}
.select_basic_type01_wrapper li {padding:2px 0 2px 9px;cursor:pointer;font-size:12px;}
.select_basic_type01_wrapper li.selected {background:#edf5f9;}
.select_basic_type01_wrapper li.current {background:#edf5f9;}


.select_area_type02 {position:relative; float:left; height:22px; padding:0 0 1px !important;}
.brow_ie_6 .select_area_type02 {padding:0 !important;}
.brow_ie_7 .select_area_type02 {padding:0 0 2px !important;}

.select_basic_type02{ width:89px; height:16px; padding:4px 6px 2px 9px; border:0; font-size:12px; color:#999999; border:1px solid #c0dff3; border-right:none;vertical-align:middle; background:url(/resources/images/selelct_typeA_arrow.gif) right 50% no-repeat;}

.brow_ie_6 .select_basic_type02 {padding:5px 6px 1px 10px;}
.brow_ie_7 .select_basic_type02 {padding-left:10px;}
.brow_ie_8 .select_basic_type02 {padding:4px 6px 2px 10px !important;}
.brow_safari .select_basic_type02 {width:73px !important;}

.select_basic_type02_wrapper {position:absolute;left:0;top:-1px; margin:0 2px 0 0;z-index:99999;font-size:12px;line-height:1.5;color:#999999;border:1px solid #c0dff3;background:#fff;overflow:auto;overflow-x:hidden;}
.brow_ie_6 .select_basic_type02_wrapper,
.brow_ie_7 .select_basic_type02_wrapper {margin-top:1px;}
.select_basic_type02_wrapper ul {}
.select_basic_type02_wrapper li {padding:2px 0 2px 9px;cursor:pointer;font-size:12px;text-align:left;}
.select_basic_type02_wrapper li.selected {background-color:#edf5f9;}
.select_basic_type02_wrapper li.current {background-color:#edf5f9;}

/* search Style
*******************************************************/
.search_area{margin:37px auto 0; width:300px; padding:0 0 0 4px;}
.brow_ie_6 .search_area,
.brow_ie_8 .search_area { margin:36px auto 0;}

.search_area p {float:left; font-size:1%; line-height:1%;margin:0 1px 0 0;}
.input_area_type01{padding-bottom:1px !important; }
.input_area_type01 input{ width:167px; height:16px; padding:4px 4px 2px 7px; border:1px solid #c0dff3; border-left:none;border-right:none; font-size:12px; color:#999999;vertical-align:middle;}
.input_area_type01 input.btn_search {width:22px;height:auto;padding:1px 0;border-right:1px solid #c0dff3;}
.brow_ie_6 .input_area_type01 input,
.brow_ie_7 .input_area_type01 input,
.brow_ie_8 .input_area_type01 input,
.brow_safari .input_area_type01 input{ margin-right:-1px;}

.brow_chrome .input_area_type01 input.btn_search,
.brow_opera .input_area_type01 input.btn_search { margin-left:-3px;}


/* BBS Style
*******************************************************/

.bbs_list a{}
.bbs_list a:hover { color:#5da6d6; text-decoration:none;}


/* 게시판 리스트형 */
.bbs_list { border-bottom:1px solid #c0dff3;}
.bbs_list table{width:100%;}
div.nodata{padding:50px 0; text-align:center; border-top:1px solid #c0dff3; }

.bbs_list .basic{ padding:0 0 13px 0;}
.bbs_list .basic thead th{padding:9px 0 9px; line-height:1em; background-color:#81bfe8;}
.bbs_list .basic thead th.tit {padding-left:50px;}
.bbs_list .basic tbody td{padding:4px 0 5px; text-align:center;vertical-align:top;}
.bbs_list .basic tbody tr.first td{padding-top:17px; background-position:0 bottom; background-repeat:repeat-x;}
.bbs_list .basic tbody tr.first td.tit{padding-top:18px;}
.bbs_list .basic tbody tr.end td{padding-bottom:18px; background-position:0 0; background-repeat:repeat-x;}
.bbs_list .basic tbody tr td.tit{padding:5px 0 0 40px;text-align:left;}
.bbs_list .basic tbody tr td.no,
.bbs_list .basic tbody tr td.date,
.bbs_list .basic tbody tr td.hit {font-family:Arial;word-break:break-all;}
.bbs_list .basic tr .hit {padding-right:10px;}
.bbs_list .basic tr .txt_left {padding-left:10px;text-align:left;}

.bbs_list .basic tbody tr.on td { background-color:#edf5f9;}
.bbs_list .basic tbody tr td a:hover { color:#5da6d6;text-decoration:none;}

.brow_ie_6 .bbs_list .basic tbody td{padding:3px 0 4px;}
.brow_ie_6 .bbs_list .basic tbody tr.first td.tit{padding-top:19px;}

.bbs_list .basic tbody tr.nodata td{padding:150px 0;}
.bbs_list .basic span.title{position:absolute; left:-5000px; top:-5000px;}

/* 게시판 보기형 */
.bbs_view table{width:100%;}
.bbs_view .basic{}
.bbs_view .basic thead th,
.bbs_view .basic thead td{padding:9px 0 8px 0; color:#757575; border-top:1px solid #c0dff3;border-bottom:1px solid #c0dff3; }
.bbs_view .basic thead th,
.bbs_view .basic thead td { text-align:left; }
.bbs_view .basic thead td.txt {padding-left:10px;font-size:14px;color:#5da6d6;}
.bbs_view .basic thead td.txt_left {padding-left:10px;text-align:left;}
.bbs_view .basic thead td.txt_center { text-align:center;}
.bbs_view .basic thead td.date { padding:9px 10px 8px;font-family:Arial;font-weight:normal;text-align:right;}
.bbs_view .basic tbody td.outer{width:940px; padding:40px 10px; border-bottom:1px solid #c0dff3;line-height:18px;word-break:break-all;}
.bbs_view .basic thead td strong em { margin:0 0 0 10px;padding:0 0 0 10px;background:url(/resources/images/th_line.gif) no-repeat left top;}

.bbs_view .basic span.title {position:absolute;left:-5000px;top:-5000px;}

.bbs_view .basic .outer_post .postscript {overflow:hidden;width:100%;padding:40px 10px; border-bottom:1px solid #c0dff3;line-height:18px;word-break:break-all;}
.bbs_view .basic .outer_post .visual { float:left;width:210px;margin:0 40px 0 0;}
.bbs_view .basic .outer_post .txt { float:left;width:710px;;}

/* 게시판 배너형 */
.bbs_list .banners .nodata {text-align:center;border-top:none;}
.bbs_list .banners {overflow:hidden;width:960px;border-top:1px solid #c0dff3;}
.bbs_list .banners .list { float:right;width:710px;margin:15px 0 12px;}
.bbs_list .banners .list dt { margin:4px 0 16px;font-size:14px;color:#5da6d6;font-weight:bold;}
.bbs_list .banners .list dt a {font-size:14px;font-weight:bold;color:#5da6d6;text-decoration:none;}
.bbs_list .banners .list dd { position:relative;}
.bbs_list .banners .list dd p.txt { width:620px;margin:0 0 4px;}
.bbs_list .banners .list dd ul { width:620px;}
.bbs_list .banners .list dd ul li { margin:1px 0 0;padding:0 0 0 9px;background:url(/resources/images/event/event_bul.gif) no-repeat left 4px;}
.bbs_list .banners .list dd ul li em { margin:0 9px 0 0;padding:0 10px 0 0;background:url(/resources/images/event/event_bul.gif) no-repeat right -40px;}
.bbs_list .banners .list dd ul li span{ font-family:Arial;font-size:12px;}
.bbs_list .banners .list dd p.btn { position:absolute;right:34px;top:-11px;}
.bbs_list .banners .event_img {float:left;width:210px;padding:15px 40px 15px 0;}
.bbs_list .banners .event_img .img_size { width:210px;height:100px;}

.brow_ie_7 .bbs_list .banners .list dd p.txt {margin:0 0 2px;}
.brow_ie_7 .bbs_list .banners .list dd ul li {margin:2px 0 0;}
.brow_opera .bbs_list .banners .list dd p.txt,
.brow_chrome .bbs_list .banners .list dd p.txt,
.brow_safari .bbs_list .banners .list dd p.txt {margin:0 0 5px;}
.brow_opera .bbs_list .banners .list dd ul li,
.brow_chrome .bbs_list .banners .list dd ul li,
.brow_safari .bbs_list .banners .list dd ul li {margin:2px 0 0;background-position:left 2px;}

/* 게시판 썸네일형 */
.bbs_list .thumbnail { width:960px;overflow:hidden;}
.bbs_list .thumbnail li { float:left;width:210px;padding:0 0 37px 40px;}
.bbs_list .thumbnail li.first { clear:both;padding:0 0 37px;}
.bbs_list .thumbnail li img {display:block; }
.bbs_list .thumbnail li strong { display:block;margin:13px 0 5px;}
.bbs_list .thumbnail li.nodata { width:100%;padding:150px 0; text-align:center;}

/* 게시판 쓰기 폼 */

.bbs_write {overflow:hidden; zoom:1;}
.bbs_write .title {float:left; width:250px; }
.bbs_write .title h4 {margin:0 0 20px;}
.bbs_write .title p {margin:0 0 15px;}

.bbs_write .write {float:left; width:710px; border-top:1px solid #c0dff3; }
.bbs_write .write dl{overflow:hidden; zoom:1; border-bottom:1px solid #c0dff3; margin:20px 0 15px; }
.bbs_write .write dt {float:left; width:125px; height:30px; padding:4px 0 0;}
.bbs_write .write dt.writeform { height:276px; }

.bbs_write .write dd{float:left; width:585px; padding:1px 0 0; height:33px; }
.bbs_write .write dd input.txt_input {width:575px; color:#777;}
.bbs_write .write dd textarea.txt_area {width:575px; height:200px; color:#777; line-height:18px; } 

.bbs_write .write dd.writeform { height:283px; }
.bbs_write .write dd.writeform ul {margin:15px 0 0; }
.bbs_write .write dd.writeform li {color:#999; font-size:11px; line-height:17px; padding:0 0 0 8px; background:#fff url(/resources/images/common/bul.gif) 0 -38px no-repeat;}
.bbs_write .write .select_area_type01 {float:left; margin:0 3px 0 0;}

.bbs_write .btn { text-align:right; }
.bbs_write .btn img { margin:0 0 0 -1px; }

/* page style 
*******************************************************/
.page_area{width:100%;position:relative; padding:11px 0 0; color:#999999;}
.brow_opera .page_area {padding:12px 0 0;}
.brow_safari .page_area {padding:10px 0 0;}
.page_area *{vertical-align:middle;}
.page_area a {color:#7d7c7c;font-family:Arial;padding:0 10px 0 3px; background:url(/resources/images/bg_bbs_page.gif) no-repeat right 3px;}
.page_area a.prev,
.page_area a.next,
.page_area .last {background:none !important;}
.page_area a:hover { line-height:12px; color:#5da6d6;text-decoration:none;}
.page_area a.on,
.page_area a.on:hover {color:#5da6d6;font-weight:bold;}

.page_area strong.on{color:#5da6d6;font-weight:bold;font-family:Arial;padding:0 10px 0 3px; background:url(/resources/images/bg_bbs_page.gif) no-repeat right 3px;}

.page_area .page_list{text-align:center; vertical-align:top;}
.page_area .page_list img {margin:-1px 0 0;padding:0 2px; }

.brow_ie_6 .page_list img { margin-top:1px; }
.brow_ie_7 .page_list { margin-top:-1px; }
.brow_ie_7 .page_list a { padding:0 10px 0 4px; }
.brow_ie_7 .page_list a.prev{padding-right:9px;}
.brow_ie_7 .page_list a.next { padding-left:4px; }
.brow_ie_7 .page_list img { margin-top:1px; }
.brow_ie_8 .page_list img{ margin-top:4px;vertical-align:top;}
.brow_ie_8 .page_list a { padding:0 11px 0 4px;background-position:right 4px; }
.brow_ie_8 .page_list a.prev{padding-right:9px;}
.brow_ie_8 .page_list a.next { padding-left:3px; }

.page_area .page{position:absolute; top:14px;left:0; font-family:Arial; font-size:11px; line-height:12px;}
.page_area .page img {vertical-align:top;padding:1px 10px 0 0;}

.brow_ie_6 .page_area .page,
.brow_ie_7 .page_area .page { margin-top:-1px;}
.brow_ie_6 .page_area .page img,
.brow_ie_7 .page_area .page img { margin-top:1px;}
.page_area .page strong{ vertical-align:top;}

.page_area em {position:absolute; left:-10000% !important; top:-10000%; overflow:hidden; width:1px;height:1px;margin:0;padding:0;font-size:0;line-height:0;}

.page_area .bbs_btn {position:absolute; right:0; top:0;}
.page_area .bbs_btn a {padding:0;background:none;}
.page_area .bbs_btn img { vertical-align:top;}


/* 이전글 다음글 */
.bbs_view_list{padding:13px 0 7px; margin:0 0 10px; border-bottom:1px solid #c0dff3;}
.bbs_view_list dl{overflow:hidden; zoom:1;}
.bbs_view_list dt{float:left; clear:both; width:75px; padding:0 0 3px 10px;}
.bbs_view_list dd{float:left; width:875px; height:21px;}
.brow_ie_6 .bbs_view_list { padding:14px 0 6px; }
.brow_ie_6 .bbs_view_list dt {padding-top:1px;}
.brow_ie_8 .bbs_view_list dt {padding-top:3px;width:74px;}

.bbs_view_list a{}
.bbs_view_list a:hover { color:#5da6d6; text-decoration:none;}

.bbs_btn{text-align:right;margin:15px 0 0;}


/* tab style 
*******************************************************/
.tab {width:100%;overflow:hidden;margin:0 0 15px 0;}
.tab li {float:left;height:37px;margin:0 2px 0 0;}

.tab_page { width:960px; height:30px; overflow:hidden; background:url(/resources/images/common/bul.gif) 0 -120px repeat-x;}
.tab_page li { float:left; padding:3px 4px 1px 0; }
.tab_page li.on {padding:0 4px 0 0;}
.tab_page li img { cursor:pointer; display:block; }

.tab_review {overflow:hidden; zoom:1;}
.tab_review li {float:left; padding:0 10px 0 10px; background:url(/resources/images/common/bg_review.gif) 0 0 no-repeat; }
.tab_review li.first {background:none; padding:0 10px 0 0; }

/* 카테고리 추천 상품 style 
*******************************************************/
.category_product { width:960px;overflow:hidden;padding:20px 0 21px;border-bottom:1px solid #c0dff3; }
.category_product h4 { float:left;width:250px; }
.category_product ul { float:left;width:710px; }
.category_product ul li { float:left;width:125px;text-align:center; }
.category_product ul li img { display:block;margin:0 0 3px; }
.category_product ul li p a { color:#94af00;line-height:18px;text-align:center;text-decoration:none; }


/* 관련제품보기 style 
*******************************************************/
.connection_product { overflow:hidden;width:960px;border-bottom:1px solid #c0dff3;}
.connection_product h3 { float:left;width:250px; }
.connection_product ul { float:left;width:710px;padding:0 0 8px;}
.connection_product ul li { float:left;width:75px;margin:0 20px 0 0;}
.connection_product ul li * {display:block;}
.connection_product ul li a,
.connection_product ul li a:hover {text-decoration:none;color:#81bfe8;text-align:center;}
.connection_product ul li a img { margin:0 auto;}
.connection_product ul li a span {overflow:hidden; margin:4px 0 0;font-size:11px;line-height:13px;height:38px;}

/* 푸터
*******************************************************/
/* 랭귀지 */
#footer .fnb .etc .first img {cursor:pointer;display:block;}
#footer .fnb .etc .first .language {position:absolute;top:-10000px;left:-10000px;width:67px;height:69px;padding:4px 7px 0 12px;background:#fff; border:1px solid #a6d0eb; z-index:100;}
#footer .fnb .etc .first .language ul { width:67px;text-align:left;}
#footer .fnb .etc .first .language ul li {padding:6px 0 0;font-size:1%;line-height:1%;}
#footer .fnb .etc .first .language_on {position:absolute;left:-1px;top:45px;}

/* 사이트 맵
*******************************************************/
.site_map { overflow:hidden;width:960px;font-size:1%;line-height:1%; }
.site_map ul li { width:210px;margin:6px 0 0 0 ;font-size:1%;line-height:1%;}
.site_map ul li.first { margin:15px 0 0;}
.site_map ul li.space { margin:28px 0 0;}
.site_map ul li ol { float:none;}
.site_map ul li ol li {width:200px;margin:5px 0 0 0;padding:0 0 0 10px;background: url(/resources/images/common/bul.gif) no-repeat left -163px;}
.site_map ul li ol li.first { margin:7px 0 0;}

.site_map .laneige{margin:205px 0 0;}

.site_map .site_map_row01 { float:left;width:213px; margin-right:-3px;}
.site_map .site_map_row02 { float:left;width:213px; margin:0 -3px 0 40px;}

/* FAQ
*******************************************************/

.faq_outer { overflow:hidden; zoom:1;}
.faq_outer h3{ float:left; width:250px; }
.faq_outer dl.faq_list { float:left; width:710px; border:1px solid #c0dff3; border-left:0; border-right:0; }
.faq_outer dt,
.faq_outer dd{ overflow:hidden; zoom:1; border-top:1px solid #d4e9f7;}
.faq_outer dt.first {border:none;}
.faq_outer dt{padding:13px 0;  color:#5da6d6; background:url(/resources/images/util/bg_faq_q.gif) no-repeat 20px 12px; }
.faq_outer dd{ padding:18px 0; background:#f2f9fd url(/resources/images/util/bg_faq_a.gif) no-repeat 20px 17px;}
.faq_outer strong { display:none; }
.faq_outer span { float:left; width:655px; padding:0 0 0 55px; }
.faq_outer span a{text-decoration:none; font-weight:bold;}
.faq_outer span a:hover {text-decoration:none; color:#5da6d6}
