html, body { width:100%;height:100%;margin:0;padding:0; } html { _overflow: scroll;_overflow-x: auto;} td, div, p, li, dd, input, textarea { font-family:Dotum, gulim;font-size:12px;color:#606060;} form, input, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd { margin:0;padding:0; } ul, ol { list-style:none; } img { border:0;vertical-align:top} select { border:1px solid #dbdbdb;height:20px;font-family:Dotum, gulim;font-size:12px;color:#666666;} textarea, .scr { border:none;background:none; scrollbar-face-color:#FDFDFE; /* bar �� ǥ��� */ scrollbar-highlight-color:#D0D0D0; /* ��� ������ �»�� �𼭸� */ scrollbar-3dlight-color:#FDFDFE; /* �»�� �𼭸� �Ʒ��κ� */ scrollbar-shadow-color:#D0D0D0; /* �׸��� ���� ���ϴ� */ scrollbar-darkshadow-color:#FDFDFE; /* �׸��� ���ϴ� */ scrollbar-track-color:#FDFDFE; /* ��ũ�� Ʈ���� �� */ scrollbar-arrow-color:#8C8C8C; /* �ﰢ���κ� */ overflow-x:hidden;overflow-y:auto; } fieldset { border:none;padding:0;margin:0} input.txt { height:22px;padding:0 5px;border:1px solid #dddddd;vertical-align:middle;line-height:18px } input.ipFile { height:20px} input.rdo, input.chk { width:14px !important;padding:0 !important;margin:0 2px 0 0 !important;vertical-align:middle important;background:transparent !important;border:none !important; } caption {height:0px; font-size:0px; line-height:0px; overflow:hidden;} .fl { float:left !important; } .fr { float:right !important; } .cb { clear:both !important; } .ac { text-align:center !important; } .al { text-align:left !important; } .ar { text-align:right !important; } .vt { vertical-align:top !important; } .vm { vertical-align:middle !important; } .vb { vertical-align:bottom !important; } .oh { overflow:hidden !important; } .cp { cursor:pointer !important; } .di { display:inline !important; } .dib { display:-moz-inline-box;display:inline-block; } .dn { display:none !important; } .db { display:block !important; } .vv { visibility:visible !important;} .vh { visibility:hidden !important;} .bbn { border-bottom:none !important; } .brn { border-right:none !important; } .bn, .bn td, .bn th { border:none !important; } .bgn, .bgn td, .bgn th { background:none !important; } .fb { font-weight:bold !important; } .fn { font-weight:normal !important; } .fs { font-size:11px !important; } .pr { position:relative !important} .clearfix {*zoom:1;} .clearfix:after {content:""; display:block; clear:both;} a:link { color:#606060;text-decoration:none; } a:visited { color:#606060;text-decoration:none; } a:hover { color:#606060;text-decoration:underline;} a:active { color:#606060;text-decoration:none; } /* combo box */ .select img { cursor:pointer} /*************** layout ***************/ /*#indexSwf {width:950px; height:550px; margin:0 auto;}*/ #indexSwf {position:absolute; width:950px; height:550px; top:50%; left:50%; margin-left:-475px; margin-top:-275px;} #wrapper { width:100%;min-height:100%;_height:100%;min-width:1070px;_width:expression(document.documentElement.offsetWidth <= 1070 ? '1070px' : '100%' );background:url('/images/common/bgR.gif') no-repeat right top} #wrapper.wrapS { min-width:1000px;_width:expression(document.documentElement.offsetWidth <= 1000 ? '1000px' : '100%' );background:none} #quickBar { position:relative; width:1000px; height:118px;background:url('/images/common/bgL.gif') no-repeat left top; *zoom:1; z-index:20;} #quickBar:after { content:""; display:block; clear:both; } h1 { position:relative;float:left;padding:65px 0 0 50px; z-index: 5;} #quickBar ul { position:absolute; right:0; top:0; height:20px;padding-top:11px; z-index:100;} #quickBar li { float:left;height:20px;padding-right:9px;padding-top:6px;margin-left:8px;background:url('/images/common/division02.gif') no-repeat right 7px} #quickBar li.bgn { padding:0 110px 0 0; overflow:hidden; } #quickBar li.bgn a { display:inline-block; float:left; margin-right:4px; vertical-align:top; } .fb_iframe_widget { display:inline-block; float:left; width:100px; z-index:9;} .fb_iframe_widget iframe { position:absolute; left:0; top:0; z-index:999999 !important; } #container { width:1000px;min-height:100%;_height:100%;margin:0; *zoom:1; } #container:after { content:""; display:block; clear:both; } #gnb { float:left;width:270px;padding:16px 0 81px 50px;} #gnbList {padding-bottom:50px; min-height:430px;} #gnbList li {margin-bottom:2px;} #gnbList li span {display:block;} #gnbList li span a {position:relative; display:inline-block; height:15px; top:9px; left:9px; overflow:hidden; cursor:pointer;} #gnbList li span a img {position:absolute; left:0px; top:0px;} #gnbList li.gnb01 span {width:148px; height:36px; background:url("/images/common/bg_menu1.png") no-repeat 0 0;} #gnbList li.gnb02 span {width:134px; height:36px; background:url("/images/common/bg_menu2.png") no-repeat 0 0;} #gnbList li.gnb03 span {width:153px; height:37px; background:url("/images/common/bg_menu3.png") no-repeat 0 0;} #gnbList li.gnb04 span {width:110px; height:34px; background:url("/images/common/bg_menu5.png") no-repeat 0 0;} #gnbList li.gnb05 span {width:110px; height:34px; background:url("/images/common/bg_menu5.png") no-repeat 0 0;} #gnbList li.gnb06 span {width:110px; height:34px; background:url("/images/common/bg_menu6.png") no-repeat 0 0;} #gnbList li.gnb07 span {width:110px; height:34px; background:url("/images/common/bg_menu7.png") no-repeat 0 0;} #gnbList li.gnb08 span {width:134px; height:34px; background:url("/images/common/bg_menu2.png") no-repeat 0 0;} #gnbList li.gnb01 span a {width:148px} #gnbList li.gnb02 span a {width:103px} #gnbList li.gnb03 span a {width:124px} #gnbList li.gnb04 span a {width:138px} #gnbList li.gnb05 span a {width:85px} #gnbList li.gnb06 span a {width:85px} #gnbList li.gnb07 span a {width:85px;} #gnbList li.gnb08 span a {width:103px;} #gnbList li ul {display:none; padding:8px 0 3px 5px;} #gnbList li ul.on {} #gnbList li ul li {position:relative; margin-bottom:5px; height:15px; padding-left:10px; overflow:hidden; } #gnbList li ul li.on {background:url("/images/common/gnb_on_blt.gif") no-repeat 0 5px;} #gnbList li ul li a {position:relative; display:inline-block; height:14px; overflow:hidden; } #gnbList li ul li a img {position:relative !important; left:0px; top:0px; } #gnbList li ul li img.ico_new {position:relative; top:3px !important;} #contArea { float:left;width:680px;margin-top:-38px; padding:0 0 100px;} #location { position:relative;text-align:right;padding-top:14px;height:12px;overflow:hidden} #location a, #location a:link, #location a:visited, #location a:hover, #location a:active { color:#666666} #location a { padding-right:12px;margin-right:5px;background:url('/images/common/division01.gif') no-repeat right 2px} #location strong { color:#666666;font-weight:normal} h2 { height:67px;margin-top:-26px;} h2.brdT { height:34px} h3 { height:45px;} h4 { font-size:13px;line-height:normal;padding-bottom:10px;} #footer { clear:both;height:59px;padding:22px 0 0 50px;background:url('/images/common/bg_foot.gif') no-repeat 48px top} #footer .bgArea { height:59px;background:url('/images/common/bgB.gif') no-repeat right bottom} #footer ul { height:14px;overflow:hidden} #footer li { float:left;} .bgn #wrapper, .bgn #quickBar, .bgn #footer .bgArea { background:none} .bgn #wrapper { position:relative} #bgL { position:absolute;left:0;top:0} #bgR { position:absolute;right:0;top:0} #bgB {position:absolute;right:0;margin-top:-60px;} .snsLikeAll { position:absolute;right:10px;top:11px;width:100px; height:30px; z-index:99} /*************** common ***************/ /* .colgroup, .colgroup th, .colgroup td { height:0 !important;line-height:0 !important;font-size:0;padding:0 !important;border:none !important;margin:0;border-collapse:separate;} .colgroup { .display:none}*/ colgroup col {background:none;} .listArea { width:680px;padding-bottom:3px;background:url('/images/common/bg_brdB.gif') no-repeat left bottom} .list { width:680px;table-layout:fixed; background:url('/images/common/bg_brdT.gif') no-repeat left top} .list th { height:32px;vertical-align:top;} .list th img { margin-top:11px} .list td { padding:6px 0 4px;border-top:1px solid #dbdbdb;line-height:17px;text-align:center; color:#666;} .list td a {color:#666;} .list td.cont { padding-left:25px;text-align:left} .brdArea { width:680px;padding-top:2px;background:url('/images/common/bg_brdT2.gif') no-repeat left top;} .brdArea2 { width:680px;padding-top:2px;background:url('/images/common/bg_brdT3.gif') no-repeat left top;} .board { width:680px;table-layout:fixed;background:url('/images/common/bg_brdB.gif') no-repeat left bottom} .board th { height:25px;vertical-align:top;background:url('/images/common/division03.gif') no-repeat right 9px} .board th img { padding-top:9px} .board td { padding:8px 0 6px 10px;line-height:15px;font-size:11px} .board td.cont { height:280px;padding:15px 20px;line-height:19px;vertical-align:top} .board td.cont img {max-width:100%;} .board td.cont td { padding:0;line-height:normal;} /* �������ʱ�ȭ */ .board td.cont th { height:auto;vertical-align:middle;background:none} /* �������ʱ�ȭ */ .btnArea { padding:10px 0;text-align:right;} .btnSide { margin-top:-46px} .paging { height:11px;padding:18px 0 0;text-align:center;overflow:hidden} .paging a, .paging strong { vertical-align:top;} .paging img { vertical-align:top;} .srch { text-align:center;padding:20px 0 0} .srch * { vertical-align:top;} .srch select { width:82px;padding-left:5px;.} .srch .select img { margin:1px 2px 0 0} .srch input.txt { width:172px} .pvnt { width:680px;height:51px;margin-top:20px;padding-top:3px;background:url('/images/common/bg_pvnt.gif') no-repeat left top} .pvnt dt { float:left;width:65px;height:20px;padding-top:6px;text-align:center} .pvnt dd { float:left;width:605px;height:20px;padding-top:3px;padding-left:10px;margin-bottom:3px;font-size:11px;line-height:18px;overflow:hidden;} .pvnt dd a {font-size:11px;} .tab { overflow:hidden;} .tab li { display:inline;float:left;background-image:url('/images/product/division01.gif');background-repeat:no-repeat;} /* form */ .formArea { width:680px;padding-bottom:3px;background:url('/images/common/bg_brdB.gif') no-repeat left bottom} .formArea .form { width:680px;table-layout:fixed;background:url('/images/member/bg_brdT.gif') no-repeat left top} .formArea .form th { height:27px;padding-left:20px;border-top:1px solid #dbdbdb;text-align:left;vertical-align:middle;} .formArea .form th.ac { padding-left:0} .formArea .form td { padding:3px 0;height:20px;border-top:1px solid #dbdbdb;line-height:17px;text-align:left;} .formArea .form td strong { color:#666666;font-size:12px} .formArea .form td input.txt { margin:1px 0;} .formArea .form td img { vertical-align:middle} .formArea .form td .txt { color:#aaaaaa;vertical-align:middle} .formArea .form td select { height:20px;font-size:11px;vertical-align:middle} .formArea .form td label { display:inline-block;padding-top:3px;padding-right:10px;height:14px;} .formArea .form td .chk, .formArea .form td .rdo { vertical-align:middle;margin-bottom:2px !important} .formArea .form .bn th, .formArea .form .bn td { padding-top:5px;} .formArea .form ul { width:530px;} .formArea .form li { float:left;padding-right:20px} span.file { display:-moz-inline-box;display:inline-block;vertical-align:middle;width:61px; height:21px;margin:1px 0 -3px 6px; cursor:pointer;overflow:hidden;background:url('/images/common/btn_file.gif') no-repeat left top;} span.file input { display:-moz-inline-box;display:inline-block;width:61px; height:21px;opacity:0;filter:alpha(opacity=0);cursor:pointer;border:none;background:none} .formArea .form .txtArea { width:560px;height:188px;border:1px solid #dbdbdb} .formArea .form .txtArea textarea { width:554px;height:176px;padding:5px 0 5px 5px;} .formArea .form td p.txt { padding:3px 0;.padding:5px 0} /*************** 01_iambelif ***************/ .belifStoryCont {position:relative; margin-top:37px;} .belifStoryCont .belifStoryTab {position:absolute; right:5px; top:-22px; z-index:10;} .belifStoryCont .belifStorySection {display:none;} .newsContArea {padding-top:96px; background:url("/images/iambelif/bg_news.gif") no-repeat 0 0} .storeVisual {position:relative; width:680px; height:436px; margin-top:30px; margin-bottom:25px; background:url("/images/iambelif/bg_store.jpg") no-repeat 0 0;} .storeVisual .storeVLayer {position:absolute; z-index:2;} .storeVisual .storeVLayer strong {display:block; height:15px; width:16px; } .storeVisual .storeVLayer strong a {display:block; height:15px; width:16px; background:url("/images/iambelif/ico_dot.png") no-repeat 0 0; text-indent:-3000em;} .storeVisual .storeVLayer .storeVLayerCont { position:absolute; bottom:12px; left:-18px; height:0px; font-size:0px; line-height:0px; overflow:hidden;} .storeVisual .storeVLayer.on .storeVLayerCont {height:auto; overflow:visible;} #storeVLayer1 {left:318px; top:65px;} #storeVLayer2 {left:154px; top:201px;} #storeVLayer3 {left:68px; top:83px;} #storeVLayer4 {left:407px; top:232px;} #storeVLayer4 .storeVLayerCont {left:-51px;} #storeVLayer5 {left:608px; top:242px;} #storeVLayer5 .storeVLayerCont {left:auto; right:-19px;} #storeVisualOver {display:none; position:absolute; left:0px; top:0px; width:100%; height:100%; background:url("/images/iambelif/bg_store_on.png") repeat 0 0;} .storeLayer { position:absolute;left:-16px;top:248px;width:719px;background:url('/images/iambelif/bgB_store.gif') no-repeat left bottom; z-index:2;} .storeLayer .bgArea { width:701px;padding:0 0 18px 18px;background:url('/images/iambelif/bgT_store.gif') no-repeat left top} .storeLayer .bgArea p.btn { height:20px;padding:21px 24px 0 0;text-align:right} .storeLayer2 { position:absolute;left:-16px;top:248px;width:719px;background:url('/images/iambelif/bgB_store.gif') no-repeat left bottom; z-index:2;} .storeLayer2 .bgArea { width:701px;padding:0 0 18px 18px;background:url('/images/iambelif/bgT_store.gif') no-repeat left top} .storeLayer2 .bgArea .storeLayerTop {padding-top:20px; padding-bottom:10px;} .storeLayer2 .bgArea .storeLayerTop h4 {background:url("/images/product/blt_color01.gif") no-repeat 0 3px; padding:0px 0 10px 15px; color:#000; font-size:22px;} .storeLayer2 .bgArea .storeLayerTop p {font-size:12px; color:#000;} .storeLayer2 .bgArea #map_canvas {position:relative; width:680px;height:380px;} .storeLayer2 .bgArea #map_canvas img.loding {display:block; position:absolute; left:50%; top:50%; margin:-16px 0 0 -16px} .storeLayer2 .bgArea p.btn { position:absolute; right:20px; top:20px;} .storeTab {position:absolute;top:0;width:100%;height:37px;overflow:hidden;} .storeTab ul {width:100%;height:37px;} .storeTab ul li {float:left;} .storeTab ul li img {display:block;} /*************** 02_herb ***************/ /* ���� */ .herbTab { height:35px;margin:18px 0 28px;background:url('/images/herb/bg_tab.gif') no-repeat left bottom} .herbTab li { margin-right:3px} .herbBox { width:680px;overflow:hidden;padding-bottom:40px;background:url('/images/herb/lineH.gif') no-repeat left bottom} .dicList { float:right;width:211px;margin-left:-3px;background:url('/images/herb/dlineV.gif') repeat-y left top} .dicList li { float:left;width:184px;padding:0 0 9px 27px;} .dicCont { float:left;width:446px;padding-right:26px;background:url('/images/herb/dlineV.gif') repeat-y right top} .ifrm_dicCont { width:446px} .ifrm_dicCont .summ { padding:23px 0 0;line-height:17px} .herbList2 { display:inline-block;width:220px;padding-top:20px;vertical-align:top;overflow:hidden} *html .herbList2 { display:inline;width:223px;} *+html .herbList2 { display:inline;width:223px;} .herbList2 dt { float:left;width:130px;padding:3px 0 5px;font-size:12px;font-weight:bold;color:#666666} .herbList2 dt a, .herbList2 dt a:link, .herbList2 dt a:visited, .herbList2 dt a:hover, .herbList2 dt a:active {color:#666666 } .herbList2 dd { float:left;width:130px;line-height:16px;} .herbList2 dd.thumb { width:62px;height:62px;padding:3px;margin-right:14px;background:url('/images/product/bg_thumbS2.gif') no-repeat left top} .atozList { float:left;width:680px;height:31px;overflow:hidden} .atozList li { float:left;} .atozCont { clear:both;width:675px;padding:20px 0 0 5px} .ifrm_atozCont { width:669px;} .herbDetail { width:680px;overflow:hidden;padding-bottom:40px;background:url('/images/herb/lineH.gif') no-repeat left bottom} .herbDetail .fl { width:280px;padding-bottom:27px} .herbDetail .fr { width:400px} .herbDetail p.tit { padding:24px 0 20px;font-size:18px;line-height:22px;font-weight:bold;color:#09bcf2} .herbDetail ul { width:400px;overflow:hidden} .herbDetail li { float:left;width:400px;padding-bottom:15px} .herbDetail span { float:left;width:320px;line-height:16px;} .herbDetail span.tit { width:80px;} .herbDetail .info { clear:both;width:680px;padding-top:30px;line-height:18px;background:url('/images/herb/dlineH.gif') no-repeat left top} .herbDetail .info h4 { height:30px;padding:0} /* search */ .srchTxt { padding-bottom:35px;font-weight:bold;font-size:16px;color:#666666} .srchTxt strong { color:#09bcf2} .srchResult { width:680px;margin-bottom:35px;background:url('/images/herb/boxRB.gif') no-repeat left bottom} .srchResult ul { width:669px;padding:20px 0 18px 11px;.width:672px;.padding-left:8px;overflow:hidden;background:url('/images/herb/boxRT.gif') no-repeat left top} .srchResult li { display:inline-block;padding-right:15px;margin-left:11px;line-height:18px;vertical-align:top;background:url('/images/common/division04.gif') no-repeat right 2px} *+html .srchResult li { display:inline;margin-left:14px} *html .srchResult li { display:inline;margin-left:14px} .srchResult li.none { width:658px;.width:664px;background:none;margin:0;padding:0;text-align:center;font-weight:bold;} .srchHerb { width:695px;.width:699px;margin-left:-15px;.margin-left:-19px;padding-bottom:25px;overflow:hidden;background:url('/images/herb/lineH.gif') no-repeat right bottom} .srchHerb li { display:inline-block;width:68px;padding-left:15px;padding-bottom:15px;vertical-align:top;text-align:center} *+html .srchHerb li { display:inline;padding-left:19px} *html .srchHerb li { display:inline;padding-left:19px} .srchHerb li.none { width:695px;.width:699px;margin:0;padding:0;text-align:center;font-weight:bold;} .srchHerb li p { width:62px;height:62px;padding:3px;margin-bottom:8px;background:url('/images/product/bg_thumbS2.gif') no-repeat left top} /* ������ */ .consult { width:680px;background:url('/images/herb/bg_consultB.gif') no-repeat left bottom} .consult .bgArea { width:600px;padding:80px 40px 40px;background:url('/images/herb/bg_consultT.gif') no-repeat left top} .consult p.logo { height:49px} .consult .nameB { height:29px;font-size:20px;font-weight:bold;color:#000000;} .consult .oh { width:600px;height:154px;padding-top:21px;} .consult .oh dl { padding-top:7px} .consult .oh dt { float:left;padding:1px 10px 0 15px} .consult .oh dd { float:left;padding-right:10px} .consult .oh dd.fb { color:#000000} .consultTbl { padding-bottom:20px;margin-bottom:20px;background:url('/images/herb/dlineH2.gif') no-repeat left bottom} .consultTbl table { position:relative;width:600px;margin-top:-452px;margin-bottom:8px;border:1px solid #d3d3d3;border-collapse:collapse;table-layout:fixed} .consultTbl th { border:1px solid #d3d3d3;} .consultTbl td { height:104px;border:1px solid #cccccc;text-align:center;background:transprent} .consultTbl thead th { height:38px} .consultTbl tbody th { height:104px;} .consultTbl dl { position:relative;width:600px;padding-top:15px;overflow:hidden} .consultTbl dt { float:left;width:95px;} .consultTbl dd { float:left;width:505px;line-height:15px} .consult .herb { width:600px;padding-bottom:10px;overflow:hidden} .consult .herb dt { float:left;width:510px;padding:5px 0;font-weight:bold;color:#276fbd;} .consult .herb dd { float:left;width:510px;line-height:17px} .consult .herb dd.thumb { width:62px;height:62px;padding:3px;margin-right:22px;background:url('/images/product/bg_thumbS2.gif') no-repeat left top} .consult .formula { padding:10px 0 } .consult .formula dt { padding:0 0 5px 2px;font-weight:bold;color:#666666} .consult .formula dt img { margin-top:-1px} .consult .formula dd { padding-left:20px} /*************** 03_product ***************/ /* new */ .newPdt { width:680px;} .newPdt img {max-width:100%;} .pdtTab { width:680px;height:38px;padding-top:15px;margin-bottom:30px;background:url('/images/product/bg_tab.gif') no-repeat left top; display: flex; justify-content: space-between;} .pdtTab li { padding-left:12px;margin-left:4px;background-position: left 6px} .pdtTab li:first-child { padding-left: 6px; } .pdtTab li:last-child {padding: 0 12px; margin: 0 4px;} .pdtTabS { width:206px;height:37px;background:url('/images/product/bg_tabS.gif') no-repeat left top} .pdtTabM { width:302px;height:37px;background:url('/images/product/bg_tabM.png') no-repeat center; padding-left: 10px; } /* ��ǰ�̾߱� */ .productStoryContArea {position:relative;} .productStoryTab {position:relative; margin-bottom:9px;} .productStoryTab strong {position:absolute; right:1px; bottom:12px;} .productStoryTab ul {*zoom:1;} .productStoryTab ul:after {content:""; display:block; clear:both;} .productStoryTab ul li {float:left; padding-bottom:12px; margin-left:58px;} .productStoryTab ul li.first{margin-left:0;} .productStoryContArea .section {display:none;} .productStoryContArea .section h3 {height:auto; padding-bottom:54px;} .productStoryContArea .section {padding-bottom:20px;} .productStoryContArea .section .cont {position:relative;} .productStoryContArea .section .cont p {padding-bottom:30px;} .productStoryContArea .section .cont p.pd {padding-left:270px;} .productStoryContArea .section .cont .movieArea {position:absolute; left:0px; top:105px;} #productStoryCont1 {padding-bottom:60px; background:url("/images/product/story/proStory1_bg.jpg") no-repeat 530px 100%;} #productStoryCont1 .cont .movieArea {top:60px;} #productStoryCont2 {background:url("/images/product/story/proStory2_bg.jpg") no-repeat 515px 97%;} #productStoryCont2 .cont p.pd {padding-bottom:40px;} #productStoryCont2 .cont .movieArea {top:120px;} #productStoryCont3 {} #productStoryCont3 .cont .movieArea {position:absolute; left:0px; top:105px;} #productStoryCont4 {background:url("/images/product/story/proStory4_bg.jpg") no-repeat 530px 95%;} #productStoryCont4 .cont p.pd {padding-bottom:57px;} #productStoryCont4 .cont .movieArea {top:55px;} #productStoryCont5 {background:url("/images/product/story/proStory5_bg.jpg") no-repeat 468px 88%;} #productStoryCont5 .cont p.pd {padding-bottom:45px;} #productStoryCont5 .cont .movieArea {top:55px;} /* list */ #pdtList { width:680px;margin-top:40px;} #pdtList.bgOn { background:url('/images/product/lineH.gif') no-repeat left 222px;overflow:hidden;} #pdtList.bgOn2 { background:url('/images/product/lineH3.gif') repeat-y left top;overflow:hidden;} #pdtList li { float:left;width:170px;height:228px; } #pdtList li dd { width:151px;height:151px;padding:5px 5px 15px;} #pdtList li dd.over { background:url('/images/product/bg_thumb.gif') no-repeat left top} #pdtList li dt { width:170px;line-height:16px;} #pdtList li dt span { float:left;width:150px;} #pdtList li dt span.color { width:16px; height:23px;padding:3px 0 0 4px;} /* detail */ .pdtDetail { position:relative;z-index:1;float:left;.float:none;width:680px;padding-bottom:85px;margin-bottom:26px;background:url('/images/product/lineH2.gif') no-repeat left bottom} .pdtDetail div.fl { width:299px;} .pdtDetail p.thumb { width:291px;height:339px;padding:5px 4px 0;margin-bottom:11px;background:url('/images/product/bg_thumbB.gif') no-repeat left top} .pdtDetail div.fl .info { position:relative;z-index:99;width:299px;height:25px;margin-bottom:25px;text-align:right;} .pdtDetail div.fl .info .scrapBtn { display:none;clear:both;position:absolute;left:180px;top:31px;z-index:99;width:272px;height:29px;padding:46px 0 0 11px;overflow:hidden;background:url('/images/product/bg_scrapLayer2.png') no-repeat left top} .pdtDetail div.fl .info .scrapBtn img { float:left} .pdtDetail div.fl .info span.fl { width:166px;padding:7px 0 0 10px;color:#606060;text-align:left;background:url('/images/common/blt01.gif') no-repeat 1px 8px;letter-spacing:-1px;} .pdtDetail div.fl .info span.fr { width:122px;} .pdtDetail p.illust { width:78px;height:78px;padding:1px 2px;margin-left:1px;background:url('/images/product/bg_thumbS.gif') no-repeat left top} .pdtDetail div.fr { width:352px;} .pdtDetail p.tit { float:left;width:352px;height:auto;padding:4px 0 40px 0;} .pdtDetail p.tit span { float:left;width:336px;} .pdtDetail p.tit span.color { width:16px; height:23px;} .pdtDetail div.fr .info { width:336px;padding-left:16px;} .pdtDetail div.fr .info .cont {position:relative; padding-bottom:26px;line-height:16px;} .pdtDetail div.fr .info .cont a.btn_ingredient {position:absolute; right:0px; top:-30px;} .pdtDetail div.fr .info .cont p { padding:0;margin:0;line-height:16px;} .pdtDetail div.fr .herbInfo { clear:both;width:680px;} .pdtDetail div.fr .snsLike {position:absolute;left:338px;z-index:1;} .zoomLayer {position:relative; width:680px;height:552px; padding-top:45px;background:url('/images/product/bg_thumbB2.png') no-repeat left top} /* display:none;position:absolute;left:0;top:0; */ .zoomLayer p.ar { position:absolute; right:20px; top:20px;} .herbInfo { clear:both;margin-bottom:50px} .herbList { width:680px;padding-top:10px;overflow:hidden} .herbList li { position:relative;display:inline-block;width:112px;min-height:100px;_height:100px;padding:0 10px 20px;vertical-align:top;overflow:hidden} *html .herbList li { display:inline;width:116px;} *+html .herbList li { display:inline;width:116px;} .herbList dt { width:116px;padding-top:75px;font-size:12px;font-weight:bold;color:#276FBD;text-align:center;} .herbList dt a { color:#276FBD;} .herbList dd { display:none} .herbList dd.thumb { display:block;position:absolute;left:50%;top:0;width:62px;height:62px;padding:3px;margin-left:-34px;background:url('/images/product/bg_thumbS2.gif') no-repeat left top} .herbInfo .formula { width:680px;padding-top:20px;overflow:hidden} .slide { width:680px;margin-bottom:20px; min-height: 158px; } .slide .prev { float:left;width:25px;padding-top:27px;} .slide .next { float:right;width:25px;padding-top:27px;text-align:right} .slide .prev img, .slide .next img { cursor:pointer} .slide .slideCont { float:left;width:630px;height:158px;overflow:hidden} .slide .slideCont li { float:left;width:78px;height:152px;padding:2px 13px 0 14px;} .slide .slideCont li.over, .slide .slideCont li.on { background:url('/images/product/bg_thumbS3.gif') no-repeat 12px top} .slide .slideCont li p { width:78px;margin:12px auto 0;line-height:15px;text-align:center;} .viewCont { width:680px;} .viewCont td { width:595px;padding:20px 20px 18px 65px;text-align:left;line-height:19px;background:#f9f9f9;} .viewCont td strong { display:block;padding-bottom:11px;} .viewCont td strong img { vertical-align:middle} .buyShop { padding-top:60px} .reviewArea { position:relative;clear:both;} .reviewForm { position:relative; width:636px;height:428px;padding:0 20px 0 24px;background:url('/images/product/bg_review.png') no-repeat left top} /* display:none;position:absolute;left:0;top:0; */ .reviewForm .top { height:29px;padding:18px 7px 0 0;text-align:right;} .reviewForm .top h4 { float:left;} .reviewForm .brdArea { width:636px;padding-top:2px;background:url('/images/product/bg_write.gif') no-repeat left top} .reviewForm .brdArea .board { width:636px;background:none} .reviewForm .brdArea .board th { padding:0 0 0 20px;text-align:left;vertical-align:top} .reviewForm .brdArea .board td { padding:4px 0 4px 8px;line-height:20px} .reviewForm .brdArea .board td textarea { width:524px;height:179px;padding:5px;border:1px solid #dddddd} /*187*/ .reviewForm .brdArea .board td select { font-size:11px;} .reviewForm .brdArea .board td.star { padding-bottom:10px} .reviewForm .brdArea .board td.star select { width:100px;color:#276FBD;} .reviewForm a.btnClose {position:absolute; right:25px; top:20px;} #scrapBlog {position:relative; width:720px;height:845px; padding-top:43px; background:url('/images/product/bg_scrap.png') no-repeat left top} /* display:none;position:absolute;left:300px;top:500px;z-index:2; */ #scrapBlog .cont { position:relative;width:690px;height:590px;padding:0 0 20px 20px;overflow-y:scroll} #scrapBlog .copyArea { width:670px;padding-left:20px;} #scrapBlog .copyArea p.ar { width:670px;height:30px;padding:20px 0 0;} #scrapBlog .copyArea p.ar .fl { padding-top:10px;color:#606060} #scrapBlog .copyArea textarea { width:666px;height:160px;border:1px solid #d7d7d7;background:#ffffff} #scrapBlog .btnClose {position:Absolute; right:25px; top:20px;} /* ��ǰ �����к��� �˾� */ .ingredient { position:relative; width:280px;min-height:420px; padding-bottom:80px;background:url('/images/product/bg_ingredientB.gif') no-repeat left bottom} /* position:absolute;right:0;top:75px;*/ .ingredient div.titArea { width:259px;height:34px;padding:5px 5px 0 16px;overflow:hidden;background:url('/images/product/bg_ingredientT.gif') no-repeat left top} .ingredient div.titArea h5 { padding-top:8px} .ingredient .ingreCont { width:242px;min-height:100px;_height:100px;padding:12px 19px 0;line-height:18px;} .ingredient .ingreCont p { line-height:18px !important;} .ingredient a.btnClose {position:absolute; right:5px; top:8px;} /* product map */ .productMapArea {width:745px; margin-left:-38px; background:url("/images/product/bg_proMap.gif") no-repeat 0 0;} .productMapArea div.body {padding:25px 28px 35px 37px; background:url("/images/product/bg_proMap_bottom.gif") no-repeat left bottom;} .proMapSearchBar {width:680px;height:36px; padding-top:17px;background:url('/images/product/bg_tab.gif') no-repeat left top} .productLine {display:inline; float:left; margin-right:20px; margin-left:25px;} .productLine strong {float:left; margin-right:25px; margin-top:3px;} .productLine select {float:left; } .barColor {float:left; margin-right:20px;} .barColor strong {float:left; margin-right:15px; margin-top:3px;} .barColor div.barColorSelec {float:left;} .barColor div.barColorSelect {float:left; position:relative; width:150px; height:18px; padding-left:0px; line-height:18px; border:1px solid #dbdbdb; background:url("/images/blt/blt1.gif") no-repeat 139px 6px;} .barColor div.barColorSelect a.colorSelected{display:block; padding-left:10px; } .barColor div.barColorSelect a.colorSelected .colorBox { display:block; width:120px; height:10px; margin:4px 0; overflow:hidden; text-indent:-30000em;} .barColor div.barColorSelect a span {} .barColor div.barColorSelect span img {vertical-align:0px;} .barColor div.barColorSelect ul { display:none; position:absolute;left:0px; top:18px; width:100%; margin-left:-1px; padding:5px 0; background:#fff; border:1px solid #dbdbdb;} .barColor div.barColorSelect ul li {padding:5px 20px; font-size:11px; line-height:14px;} .barColor div.barColorSelect ul li.over {background:#dedede;} .barColor div.barColorSelect ul li a.colorBox {display:block; width:100%; height:10px; overflow:hidden; text-indent:-30000em; } .barColor div.barColorSelect ul li input {vertical-align:middle; display:none;} .proMapList {padding-top:15px;} .proMapList .proMapListSection {padding-top:25px; } .proMapList .proMapListSection h3 {height:35px; margin:0px; padding:0px; padding-left:8px;} .proMapList .proMapListSection table {table-layout:fixed; width:100%; border-top:1px solid #e5e5e5; border-collapse:collapse;border-spacing:0} .proMapList .proMapListSection table th {border-bottom:1px solid #e5e5e5; vertical-align:top; text-align:left; padding:15px 0 0 7px; background:#fafdfd;} .proMapList .proMapListSection table td {padding:4px 0; border-bottom:1px solid #e5e5e5} .proMapList .proMapListSection table td ul { border-left:1px solid #e5e5e5; *zoom:1;} .proMapList .proMapListSection table td ul:after {content:""; display:block; clear:both;} .proMapList .proMapListSection table td ul li {float:left; padding:10px 0 0 0; width:110px; height:105px; text-align:center;} /*************** 04_wonderland ***************/ #ostSelectArea {text-align:right; margin-bottom:20px;} .ostTxtArea {} .ostTxtArea .section {padding-bottom:30px;} .ostContArea .info {position:relative; z-index:10000;} .ostContArea .info .scrapBtn {display:none; position:absolute;left:0px;top:23px;z-index:99;width:272px;height:29px;padding:46px 0 0 11px;overflow:hidden;background:url('/images/product/bg_scrapLayer.png') no-repeat left top} .ostContArea .info .scrapBtn:after {content:""; display:block; clear:both;} .ostContArea .info .scrapBtn a {float:left;} .ostTab { height:35px;margin:0 0 40px;background:url('/images/herb/bg_tab.gif') no-repeat left bottom} .ostTab li { margin-right:3px} .ostFlash { position:relative;width:680px;} .ostArea { position:relative} .ostArea p.btn { height:323px;padding-left:357px} .ostArea .scrapBtn { display:none;clear:both;position:absolute;left:351px;top:22px;width:272px;height:29px;padding:46px 0 0 11px;overflow:hidden;background:url('/images/product/bg_scrapLayer.png') no-repeat left top} .ostArea .scrapBtn img { float:left} .ostLayer {width:546px;height:1366px} /* position:absolute;left:300px;top:90px; */ .scrapBlog_ost { width:546px;height:1366px;background:url('/images/wonder/bg_scrap2.png') no-repeat left top;} .scrapBlog_ost p.ar { position:relative;z-index:1;height:15px;padding:19px 20px 0 0;} .scrapBlog_ost .cont { width:520px;height:1110px;padding:0 10px 0 10px;margin-top:-8px;} .scrapBlog_ost .copyArea { width:500px;padding-left:20px;} .scrapBlog_ost .copyArea p.ar { width:500px;height:30px;padding:20px 0 0;} .scrapBlog_ost .copyArea p.ar .fl { padding-top:10px;color:#606060} .scrapBlog_ost .copyArea textarea { width:496px;height:130px;border:1px solid #d7d7d7;background:#ffffff} .scrapBlog_ost2 { height:1466px;background:url('/images/wonder/bg_scrap2_2.png') no-repeat left top;} .scrapBlog_ost2 .cont {height:1190px;} .scrapBlog_ost3 { height:1516px;background:url('/images/wonder/bg_scrap2_3.png') no-repeat left top;} .scrapBlog_ost3 .cont {height:1280px;} .ostFlash .snsLike { position:absolute;left:357px;top:357px} .ostContArea {position:relative;} .ostContArea h3 { height:auto; padding-bottom:20px;} .ostContArea #ostPlayList {position:absolute; left:357px; top:140px; z-index:10} .ostContArea #ostPlayList li {height:18px;} .ostFlash {position:relative; } #stopBtn { position:absolute; left:117px; top:207px;} #playBtn { position:absolute; left:165px; top:196px;} #pauseBtn { position:absolute; left:165px; top:196px; visibility:hidden;} .ostContArea .shareArea {position:absolute; left:355px; top:425px; z-index:5;} .ostContArea .shareArea .snsLike {margin-top:10px; z-index:3} .movieFlash { width:680px;height:455px;} .movieArea { position:relative;} .movieArea p.btn { } /* height:88px;padding-left:417px */ .movieArea .scrapBtn { display:none;clear:both;position:absolute;left:0px;top:22px;width:272px;height:29px;padding:46px 0 0 11px;overflow:hidden;background:url('/images/product/bg_scrapLayer.png') no-repeat left top} .movieArea .scrapBtn img { float:left} .movieArea .snsLike { }/* height:95px;padding:8px 0 0 9px;margin-top:-55px */ .movieLayer { position:absolute;left:387px;top:100px;width:498px;height:1187px;} .scrapBlog_movie { width:546px;height:1187px;background:url('/images/wonder/bg_scrap.png') no-repeat left top;} .scrapBlog_movie p.ar { position:relative;z-index:1;height:15px;padding:19px 20px 0 0;} .scrapBlog_movie .cont { width:500px;height:911px;padding:0 24px 0 22px;margin-top:-8px;} .scrapBlog_movie .copyArea { width:498px;padding-left:22px;} .scrapBlog_movie .copyArea p.ar { width:498px;height:30px;padding:20px 0 0;} .scrapBlog_movie .copyArea p.ar .fl { padding-top:10px;color:#606060} .scrapBlog_movie .copyArea textarea { width:496px;height:160px;border:1px solid #d7d7d7;background:#ffffff} .wd_movieArea {padding:12px 18px; width:551px; height:390px; margin:0 auto 15px auto; background:url("/images/wonder/bg_movie.gif") no-repeat 0 0; } .wd_movieCaption {position:relative; padding:12px 5px 12px 18px; width:564px; height:64px; background:url("/images/wonder/bg_movieCaption.gif") no-repeat 0 0; margin:0 auto 15px auto;} .wd_movieCaption .body {height:100%; padding-right:10px; overflow-y:scroll; overflow-x:hidden; line-height:16px; font-size:11px;} .wd_movieArea #videoContent {width:551px;height:390px;position: relative; } .wd_movieArea .flashMovie .control .play, .wd_movieArea .flashMovie .control .stop {position: absolute;left:50%;top:50%; margin-left:-41px; margin-top:-41px; display:none} .wd_movieArea .flashMovie .control .on {display:block; z-index:2} .wd_movieArea .flashMovie .control .hideBtn {height:0px !important; width:0px !important; overflow:hidden !important;} .movieArea .clearfix {height:80px;} .movieArea .info {float:left; margin-right:10px; position:relative; z-index:10000;} .wd_movie1 {position:relative;} .wd_movie1 .playList {position:absolute; right:0px; top:0px; width:172px;} .wd_movie1 .playList ul {padding-bottom:5px; background:url("/images/wonder/playList_bLine.gif") no-repeat 0 bottom;} .wd_movie1 .playList ul li {padding-top:11px; padding-bottom:6px; background:url("/images/wonder/playList_mLine.gif") no-repeat 0 0;} .wd_movie1 .playList ul li.frist {background:none;} .wd_movie1 .playList ul li a.thum {position:absolute; display:block; width:50px; height:50px;} .wd_movie1 .playList ul li a.thum span {display:none; position:absolute; left:0px; top:0px; border:4px solid #3862a4; color:#3862a4; width:42px; height:42px;} .wd_movie1 .playList ul li.on a.thum span{display:block;} .wd_movie1 .playList ul li.playList1 a.thum {top:265px; left:13px;} .wd_movie1 .playList ul li.playList2 a.thum {top:265px; left:67px;} .wd_movie1 .playList ul li.playList3 a.thum {top:319px; left:67px;} .wd_movie1 .playList ul li.playList4 a.thum {top:319px; left:121px;} .wd_movie1 .wd_movieArea {padding:12px 18px; width:457px; height:327px; margin:0 0 15px 0; background:url("/images/wonder/bg_movie2.gif") no-repeat 0 0; } .wd_movie1 .wd_movieCaption {position:relative; padding:12px 5px 12px 18px; width:470px; height:64px; background:url("/images/wonder/bg_movieCaption2.gif") no-repeat 0 0; margin:0 0 15px 0;} .wd_movie1 .wd_movieCaption .body {height:100%; padding-right:10px; overflow-y:scroll; overflow-x:hidden; line-height:16px; font-size:11px;} .wd_movie1 .wd_movieArea #videoContent {width:457px;height:327px;position: relative; } .wd_movie1 .wd_movieArea .flashMovie .control .play, .wd_movie1 .wd_movieArea .flashMovie .control .stop {position: absolute;left:50%;top:50%; margin-left:-41px; margin-top:-41px; display:none} .wd_movie1 .wd_movieArea .flashMovie .control .on {display:block; z-index:2} .wd_movie1 .wd_movieArea .flashMovie .control .hideBtn {height:0px !important; width:0px !important; overflow:hidden !important;} /* game */ .gameList { width:680px;overflow:hidden} .gameList li { display:inline-block;width:317px;padding:0 4px 35px;vertical-align:top} *+html .gameList li { display:inline;} *html .gameList li { display:inline;} .gameList li.even { margin-left:26px} *+html .gameList li.even { margin-left:30px} *html .gameList li.even { margin-left:30px} .gameList li h3 { height:28px;padding:3px 0 0 3px;} .gameList li .thumb { width:317px;height:292px;} .gameList li .btn { padding:13px 0 16px;text-align:center;} .gameList li .how { padding-left:7px;} .bgLayer { display:none;position:absolute; top:0; left:0;width:100%; filter:alpha(opacity=80);opacity:0.8;z-index:1;background:#fff} .gameLayer { display:none;position:absolute;left:0;width:100%;z-index:2} .gameLayer .btn { position:absolute;right:30px;top:20px;z-index:3} .gameLayer .game { position:absolute;left:50%;top:50%;margin:-384px 0 0 -512px; } /* chok */ .chok_movieArea {width:680px; height:427px; margin:0 auto 15px auto; background:url("/images/wonder/movie_chok.gif") no-repeat 0 0; } /*************** 05_event ***************/ .eventList { width:680px;padding:9px 0 3px;overflow:hidden;background:url('/images/common/bg_brdB.gif') no-repeat left bottom} .eventList li { float:left;width:680px;padding-bottom:10px;} /*************** center ***************/ /* faq */ .centerTab { width:189px;height:32px;padding-top:13px;background:url('/images/center/bg_tab.gif') no-repeat left top} .centerTab li { padding-left:27px;margin-left:23px;background-position: left 5px} .centerTab li.bgn { padding-left:8px;} .faqBest { width:487px;height:198px;padding:30px 0 0 193px;background:url('/images/center/bg_best.gif') no-repeat left top} .faqBest li { float:left;width:470px;height:13px;margin-bottom:10px;overflow:hidden;font-size:12px;letter-spacing:-1px;font-weight:bold} .menuTab { float:left;height:36px;position:relative;margin-bottom:-4px;background:url('/images/center/bg_menuTab.gif') no-repeat right top} .menuTab li { float:left;margin-right:4px} .faqView { display:none;width:680px} .faqView td { width:626px;padding:20px 27px;text-align:left;} .faqView td dt { padding:2px 0 0 26px;font-weight:bold;line-height:14px;background:url('/images/center/ico_q.gif') no-repeat left top} .faqView td dd { padding:3px 0 0 26px;margin-top:15px;line-height:14px;background:url('/images/center/ico_a.gif') no-repeat left top} /*************** etc ***************/ /* sitemap */ .sitemap { width:680px;overflow:hidden} .sitemap li { display:inline;float:left;width:204px;margin-left:34px;} .sitemap li.first { margin:0} .sitemap li p { height:68px;} .sitemap li ul { width:204px;overflow:hidden} .sitemap li li { width:183px;margin:0;padding-left:21px;} .sitemap li li img { margin-bottom:10px;} .sitemap li li ul { width:183px;padding-bottom:10px} .sitemap li li li { width:167px;margin-left:-5px} .sitemap02 { margin-top:-130px; } .sitemap02 li.first { width:442px; } /*************** member ***************/ /* agree */ .agreeArea { width:645px;height:84px;margin:10px 0 5px;padding:15px 15px 15px 20px;background:url('/images/member/bg_box.gif') no-repeat left top} .agreeArea .scr { width:643px;height:84px;line-height:14px} .agreeForm { display:block;height:15px;text-align:right;color:#aeaeae} .agreeForm .chk { margin-top:-4px !important;vertical-align:middle;} /* validation */ .validiationArea { width:518px;height:261px;padding:0 74px 31px 88px;overflow:hidden;background:url('/images/member/bg_validation.gif') no-repeat left top} .validiationArea p.ac { height:41px;padding-top:28px;} .validiationArea p.ac label { padding:0 35px;} .validiationArea p.ac input.rdo { vertical-align:middle;} .validiationArea p.ac img { vertical-align:middle} .realname { width:512px;height:162px;padding:30px 3px 0;overflow:hidden} .realname fieldset { display:block;height:82px} .realname p.fl { width:380px;padding-bott} .realname label { display:block;width:380px;height:23px;padding-bottom:3px} .realname label * { float:left;} .realname label .txt { height:20px;line-height:20px} .realname label span { width:19px;padding-top:4px;text-align:center} .realname .btnArea { clear:both;padding-top:22px;text-align:center} .realname .btnArea img { margin:0 3px 0 2px} .ipin { height:162px;padding-top:20px;text-align:center;} .ipin p { height:109px;} .ipin .btnArea { padding-top:18px;text-align:center;background:url('/images/member/lineH.gif') no-repeat left top} /* �߰� 20130213 */ .mobile {height:127px;padding-top:35px;text-align:center;} .mobile p {height:80px;} .mobile .btnArea {padding-top:18px;text-align:center;} /* formAdd */ .addSite { width:680px;height:54px;margin-bottom:25px;overflow:hidden;background:url('/images/member/bg_box7.gif') no-repeat left top} .addSite li { float:left;padding:20px 0 0 30px;font-weight:bold;font-size:12px} .addSite li label .chk { height:14px;line-height:14px;margin-right:4px !important} p.info { padding-bottom:8px;line-height:16px;color:#a8a8a8} /* �Ƶ�ã�� */ .fieldBox { width:662px;padding-left:18px;padding-bottom:40px;overflow:hidden} .fieldBox h4 { width:247px;height:21px;padding:0} .fieldBox .formBox { width:315px;text-align:center;background:url('/images/member/bg_box2.gif') no-repeat left top} .fieldBox .formBox label { display:inline;float:left;width:251px;padding-bottom:3px;margin-left:34px} .fieldBox .formBox label * { float:left} .fieldBox .formBox label .txt { height:20px;line-height:20px} .fieldBox .formBox label strong { padding-top:4px} .fieldBox .formBox label span { width:10px;padding-top:4px;text-align:center} .fieldBox .formBox p.btn { clear:both;width:247px;margin:0 auto} .fieldBox .fl .formBox { height:122px;padding-top:33px;} .fieldBox .fr .formBox { height:110px;padding-top:45px} .fieldBox .fl .formBox p.btn { padding-top:17px;} .fieldBox .fr .formBox p.btn { padding-top:25px;} .fieldBox2 .formBox { width:400px;height:90px;padding:30px 131px 0;background:url('/images/member/bg_box3.gif') no-repeat left top} .fieldBox2 .formBox div.fl { width:290px} .fieldBox2 .formBox label { width:290px;margin:0;} .fieldBox2 .formBox p.btn { clear:none;float:right;width:105px;margin:0;text-align:right;} /* �Ƶ�,���ã���� */ .completeBox { width:680px;height:105px;padding-top:41px;color:#10acdc;font-weight:bold;font-size:12px;text-align:center;background:url('/images/member/bg_box4.gif') no-repeat left top} .completeBox p { padding-top:22px;color:#10acdc;font-size:12px} .completeBox img { vertical-align:top;margin:-1px 8px 0} .completeBox2 { height:92px;padding-top:54px;} .completeBox2 p { padding-top:8px} /* ���ã�� */ .findPwdBox .formBox { background:url('/images/member/bg_box5.gif') no-repeat left top} .findPwdBox .fl .formBox { height:145px;padding-top:30px;} .findPwdBox .fr .formBox { height:146px;padding-top:29px} .findPwdBox .fr .formBox p.btn { padding-top:21px;} .findPwdBox2 .formBox { height:104px;padding-top:26px;background:url('/images/member/bg_box6.gif') no-repeat left top} .findPwdBox2 .formBox p.btn { padding-top:24px;} /* mypage */ .mypageArea { position:relative; } .mypageTab { position:absolute;right:0;top:0; width:421px; height:31px; padding:13px 0 0 14px; background:url('/images/mypage/bg_tabMenu.gif') no-repeat left top; *zoom:1; } .mypageTab:after { content:""; display:block; clear:both; } .mypageTab li { height:19px; padding:0 6px 0 0; background:url('/images/mypage/division.gif') no-repeat right center;} .mypageTab li a { display:block; height:19px; overflow:hidden; } .mypageTab li span { display:block; height:19px; overflow:hidden; } .mypageTab li.last { padding:0; } .mypageTab li.on img { margin-top:-19px; } /* .mypageTab li { padding-left:16px;margin-left:10px;background-position:left 4px;} .mypageTab li ul { float:left;padding-left:5px} .mypageTab li ul li { padding:0;margin:0;background:none} */ /* modify */ .gate { clear:both;width:680px;height:110px;padding-top:128px;text-align:center;background:url('/images/mypage/bg_gate.gif') no-repeat left top} .gate p { float:left;width:277px;padding:16px 0 0 201px;} .gate p * { float:left} .gate p label { padding-top:1px} .gate p input.txt { width:154px;height:20px;margin-right:4px;line-height:20px} /* myqna */ .qnaArea { padding:0 !important;line-height:19px;vertical-align:top} .qnaArea p { padding:15px 20px;} .qnaArea .answer { width:680px;margin-top:-3px;background:url('/images/mypage/t_qnaAnswer.gif') no-repeat left top} .qnaArea .answer p.txt { float:left;height:32px;padding:0;} .qnaArea .answer p.ar { height:22px;padding:10px 28px 0 0;} /* secede */ .secedeSite { width:680px;height:34px;padding:20px 0 28px;.height:38px;.padding-top:16px;overflow:hidden;background:url('/images/mypage/bg_box.gif') no-repeat left top} .secedeSite li { float:left;padding:0 15px 0 30px;font-weight:bold;font-size:12px;line-height:14px} .secedeSite li .chk { margin-bottom:2px !important;vertical-align:middle;line-height:14px} .secedeBox h5 { width:247px;height:21px} .secedeBox .formBox { background:url('/images/mypage/bg_box2.gif') no-repeat left top} .secedeBox .formBox label { display:inline;float:left;width:251px;padding-bottom:3px;margin-left:34px} .secedeBox .fl .formBox { height:145px;padding-top:30px;} .secedeBox .fr .formBox { height:148px;padding-top:27px} .secedeBox .fr .formBox p.btn { padding-top:7px;} .secedeBox2 .formBox { height:104px;padding-top:26px;background:url('/images/mypage/bg_box3.gif') no-repeat left top} .secedeBox2 .formBox p.btn { padding-top:24px;} /*************** popup ***************/ #popup { background:none} #popWrap { padding:15px;} #popWrap #head { height:15px;padding:19px 17px 0 0;text-align:right;} /* �α��� */ .loginPop { width:600px;height:367px;background:url('/images/member/bg_login.gif') no-repeat left top} .loginPop #popCont { padding:0 42px 0 40px} .loginPop h2 { height:121px;padding-top:10px;margin:0} .loginBox { width:518px;height:120px;background:url('/images/member/bg_loginBox.gif') no-repeat left top} .loginBox fieldset { display:block;width:369px;height:50px;padding:36px 0 0 73px;overflow:hidden} .loginBox p.fl { width:240px;} .loginBox label { float:left;width:240px;padding-bottom:4px} .loginBox label img { float:left;} .loginBox label input.txt { float:left;width:154px;height:20px;line-height:20px} .loginBox input.ipImg { float:right} .loginPop .btnArea { padding:17px 0 0 0; } .loginPop .btnArea img { margin:0 1px} /* ���̵��ߺ�Ȯ�� */ .idCheckPop { width:485px;height:258px;background:url('/images/member/bg_idCheck.gif') no-repeat left top} .idCheckPop #popCont { padding:0 29px} .idCheckPop h2 { height:64px;padding:0;margin:-2px 0 0} .idCheckPop p.fb { height:23px;padding-left:6px;font-size:12px} .idCheckPop fieldset { width:300px;height:55px;padding:34px 57px 0;margin:0 auto;overflow:hidden;background:url('/images/member/bg_idCheck2.gif') no-repeat left top} .idCheckPop fieldset label, .idCheckPop fieldset label * { float:left;} .idCheckPop fieldset label { padding-top:1px} .idCheckPop fieldset label input.txt { width:154px;height:20px;line-height:20px} .idCheckPop .ok { width:414px;padding-top:28px;text-align:center;font-size:12px;background:url('/images/member/bg_idCheck2.gif') no-repeat left top} .idCheckPop .ok strong { display:block;color:#21b3f1;padding-bottom:8px} .idCheckPop .ok .btnArea { padding-top:40px;text-align:center;} /* �����ȣ */ .zipcode { width:385px;height:525px;background:url('/images/member/bg_zipcode.gif') no-repeat left top} .zipcode #popCont { padding:0 22px 0 23px;} .zipcode h2 { height:65px;padding:0 0 0 6px;margin:-2px 0 0;} .zipcode fieldset { display:block;width:283px;height:51px;padding-top:17px;margin:0 auto} .zipcode fieldset * { float:left} .zipcode fieldset label { float:left;margin:1px 5px 0 0} .zipcode fieldset .txt { height:20px;line-height:20px;} .zipcode .listArea, .zipcode .list { width:340px;} .zipcode .scr { height:267px;overflow-y:scroll} .zipcode .listArea .list { width:323px;background:none} .zipcode .listArea .list .al { padding-right:10px} /* �̿���, �������� */ .etcPop { width:649px;height:630px;background:url('/images/etc/bg_agree.gif') no-repeat left top} .etcPop #popCont { padding:0 26px 0 29px} .etcPop h2 { height:55px;margin-top:-2px} .etcPop .menuTab { width:100%;margin-bottom:20px} .etcPop .scr { width:584px;height:460px;padding-left:10px;line-height:20px;} .privacyPop { background:url('/images/etc/lineH2.gif') no-repeat left bottom} .privacyPop .bgArea { padding:25px 0;background:url('/images/etc/lineH.gif') no-repeat left top} /* contact us */ .contactPop { width:635px;height:541px;background:url('/images/etc/bg_contact.gif') no-repeat left top} .contactPop #popCont { padding:0 31px 0 29px} .contactPop h2 { height:58px;margin-top:-2px} .contactPop .formArea, .contactPop .formArea .form { width:575px} .contactPop .formArea .form .txtArea { width:460px;height:211px} .contactPop .formArea .form .txtArea textarea { width:454px;height:199px;padding:5px 0 5px 5px;} /* �������� �߰� - 2012.03.05 */ .galleryArea table td {font-size:11px} .galleryArea table td span.upFile {display:inline-block;margin-right:10px;} .galleryArea table th {height:30px;} .galleryList {width:100%;min-height:745px;background:url('/images/wonder/bg_gallery_box.gif') no-repeat left top;} .galleryList ul {width:100%;overflow:hidden;} .galleryList ul li {display:inline;float:left;width:219px;min-height:350px;margin:20px 10px 0 0;} .galleryList ul li.last {margin:15px 0 0 0;} .galleryList ul li p.thum {width:192px;height:256px;padding:11px 12px 11px 15px;background:url('/images/wonder/bg_gallery.gif') no-repeat left top;overflow:hidden;} .galleryList ul li p.txt {width:210px;margin:0 auto;padding-top:10px;text-align:center;} .galleryList ul li p.txt span.date {display:block;} .galleryList ul li p.txt a {color:#000;} .paperBlock .galleryList {min-height:inherit;} .paperBlock .galleryList ul li {margin:20px 7px 2px 0;} /* ����������Ʈ�߰� 20130204 */ .trueSel {padding-bottom:10px;text-align:right;} .listTab {height:37px;margin-top:40px;background:url('/images/herb/bg_tab.gif') no-repeat left bottom;} .belifListCont {margin-top:20px;} .belifListCont img {max-width:100%;} /* mypage - �¶��� ������ �߰� : 20130509 */ .stampArea {position:relative;} .stampArea h3 {height:70px;} .stampArea h4 {height:28px;} .stampArea h5 {height:25px;} .stampArea p.txt, .stampArea div.txt {padding:0 0 20px 25px;} .stampArea div.txt ul li {margin-top:5px;vertical-align:top;} .stampArea div.txt ul li img {display:block;} .stampArea select {font-size:11px;color:#333;} .stampArea .tabMenu {position:absolute;right:0;top:0;width:340px;height:44px;background:url('/images/mypage/stamp/bg_tab.gif') no-repeat left top;} .stampArea .tabMenu ul {padding:14px 0 0 16px;*zoom:1;} .stampArea .tabMenu ul:after {content:"";display:block;clear:both;} .stampArea .tabMenu li {float:left;padding:0 8px 0 11px;background:url('/images/mypage/stamp/division.gif') no-repeat left top;} .stampArea .tabMenu li.first {padding:0 8px 0 0;background:none;} .stampArea .tabMenu li a {display:block;} .stampArea .tabMenu2 {width:100%;height:36px;margin:20px 0 10px;background:url('/images/mypage/stamp/bg_tab2.gif') no-repeat left bottom;*zoom:1;} .stampArea .tabMenu2 li {float:left;} /* �¶��� ������ ���� ��û */ .stampArea ul.step {*zoom:1;} .stampArea ul.step:after {content:"";display:block;clear:both;} .stampArea ul.step li {float:left;} .stampArea ul.step li img {display:block;} .stampArea .apply {width:496px; height:228px; padding:31px 92px 0 92px; background:url('/images/mypage/stamp/bg_form.gif') no-repeat left top;} .stampArea .apply caption {display:none;} .stampArea .apply table {width:610px;margin:0 auto;} .stampArea .apply table th {height:16px;padding:5px 0 8px;vertical-align:top;} .stampArea .apply table td {padding:2px 0 0;vertical-align:top;} .stampArea .apply table td.name {padding:5px 0;color:#333;} .stampArea .apply table td.name p { padding:5px 0 0; } .stampArea .apply .btn {margin-top:10px; text-align:center; } .applytip { height:650px; margin-top:25px; padding:15px 0 0 13px; background:url('/images/mypage/stamp/bg_tip.gif') no-repeat left top;} .applytip p.tit { margin-bottom:10px; } .applytip ol {padding:0 0 0 13px;} .applytip ol li {margin-bottom:10px;} .applytip ol li img {display:block;} .stampTip {height:224px; margin-top:25px;padding:54px 0 0 50px;background:url('/images/mypage/stamp/bg_tip2.gif') no-repeat left top;} .stampTip p.tit {margin-bottom:22px;} .stampTip ol li {margin-bottom:13px;} .stampTip ol li img {display:block;} .stampTip ol li p.btn {margin:6px 0 0 107px;} /* �¶��� ������ ���� ���� */ .stampSrchArea {width:100%;height:106px;margin-bottom:25px;background:url('/images/mypage/stamp/bg_srch.gif') no-repeat left top;} .stampSrchCont {margin:0 9px 0 7px;padding:25px 35px 0;} .stampSrchCont caption {display:none;} .stampSrchCont table th {padding:3px 0;} .stampSrchCont table td {padding:3px 0;} .stampArea .list td {font-size:11px;} /* ���� ���� ������ */ .myStamp {width:680px; height:461px; background:url("/images/mypage/stamp/stamp_bg.jpg") no-repeat 0 0;} .myStamp .myStampList {padding:115px 0 0 0; margin:8px 0 0 49px;} .myStamp .myStampList li {position:relative; float:left; margin:0; width:116px; height:129px; padding-top:18px; text-align:center;} .myStamp .myStampList li p {position:absolute; top:0; left:0; width:100%; padding-bottom:7px; text-align:center;} .myStamp .myStampList li span.done {display:block; margin-top:5px;} .myStampTip {padding-bottom:30px;background:#bedced;} .myStampTip .myStampTipCont {margin:0 30px; background:#fff} .myStampTip .myStampTipCont .tit {position:relative;padding:14px 21px; border-bottom:2px solid #bedced; :} .myStampTip .myStampTipCont .tit:after {display:block; clear:both; content:""; position:absolute; right:19px; top:18px; width:19px; height:11px;background:url('/images/mypage/stamp/stamp_blt.jpg') no-repeat left top;} .myStampTip .myStampTipCont .tit.on:after {background-position-y:-11px;} .myStampTip .myStampTipCont .tipTxt ul {padding: 25px 21px 16px 21px ;} .myStampTip .myStampTipCont .tipTxt ul li {padding-bottom:10px;} .myStampTip .myStampTipCont .tipTxt .txt01 {padding-left:25px;} .myStampTip .myStampTipCont .tipTxt .txt02 {padding:17px 0 36px 15px;} .myStampTip .myStampTipCont .tipTxt .infoTxt {position:relative; margin:0 20px; padding-top:19px; border-top:1px solid #2466ae; text-align:center;} .myStampTip .myStampTipCont .tipTxt .infoTxt a {position:absolute; right:30px; top:15px;} /*.myStamp { position: relative; height:737px;margin-top:16px;background:url('/images/mypage/stamp/bg_stamp.gif') no-repeat left top;} .myStampHead {height:131px;} .myStampHead p.msbtn {position: absolute; right: 0; top:0;} .myStampHead ul li.msname { padding-top:34px; font-family:"MalgunGothic","���� ���",dotum, gulim; font-size: 17px; color:#fcff9d; font-weight: bold; line-height: 15px; vertical-align: top; text-align:center; } .myStampHead ul li.msname img { vertical-align: middle; } .myStampHead ul li.msname span {padding-right: 3px;} .myStampHead ul li.msdt {position: absolute; left: 140px; top:88px;} .myStampList {padding:0 16px 0 28px; margin-top:9px;} .myStampList li {position:relative;float:left;width:126px;height:136px;margin:0 0 2px 2px;text-align:center;vertical-align:top;} .myStampList li p.date {height:20px;padding:8px 0 0;font-size:11px;color:#000;} .myStampList li span.on {position:absolute;left:0;top:0;} .myStampList li .ico_stamp {} .myStampList li.stampOn { width:121px; height:136px; background:url('/images/mypage/stamp/bg_stamp.png') no-repeat left top; } .myStampList li.stamp1, .myStampList li.stamp6, .myStampList li.stamp11, .myStampList li.stamp16 {width:120px;} .myStampList li.stamp2, .myStampList li.stamp7, .myStampList li.stamp12, .myStampList li.stamp17 {width:120px;} .myStampList li.stamp3, .myStampList li.stamp8, .myStampList li.stamp13, .myStampList li.stamp18 {width:126px;} .myStampList li.stamp4, .myStampList li.stamp9, .myStampList li.stamp14, .myStampList li.stamp19 {width:128px;} .myStampList li.stamp5, .myStampList li.stamp10, .myStampList li.stamp15, .myStampList li.stamp20 {width:126px;} .myStampList li.birth {background-color:#f0fbff;} .myStampTip {margin:35px 16px 0 10px;} .myStampTip h4 {height:28px;} .myStampTip .cont {width:579px;height:900px;padding:20px 48px 20px 27px;background:url('/images/mypage/stamp/bg_tip3.gif') no-repeat left top;} .myStampTip .cont .sec {padding-top: 20px;} .myStampTip .cont .sec h5 {margin-bottom: -5px;} .myStampTip .cont p.txt01 {width:560px;padding: 2px 0 0px 10px;} .myStampTip .cont ul li.txt01_1 {padding: 5px 0 5px 30px;} .myStampTip .cont ul.txt02 { width:528px; padding: 5px 0 5px 25px;} .myStampTip .cont ul.txt02:after {content: '';display: block;clear: both;} .myStampTip .cont ul.txt02 p { margin-bottom:5px; } .myStampTip .cont ul.txt02 img { display:block; } .myStampTip .cont ul.txt02 .fl { } .myStampTip .cont ul.txt02 .fr { width:305px; } */ /* ���������̾� */ .stampLayerArea { z-index:99; }/*display:none; position:absolute; left:20px; top:50%; */ .stampLayerCont { padding:0 20px; text-align:left; } .stampLayerCont p.close { height:30px; padding:15px 15px 0 0; text-align:right; } .stampLayerCont div.cont {} .stampLayerCont div.cont p.tit { height:35px; } #applyLayer { width:652px; height:655px; margin-top:-327px; background:url('/images/mypage/stamp/bg_layer.png') no-repeat left top; } #applyLayer.applyLayer2 {height:572px; background:url('/images/mypage/stamp/bg_layer5.png') no-repeat left top; } .giftState { width:482px; margin:10px auto 40px; } .giftState .tit { height:27px !important; } .giftState .state { height:27px; margin-top:-27px; text-align:right; } .giftState .state span { display:inline-block; padding:0 0 0 30px; font-family:MalgunGothicBold; font-weight:bold; color:#080006; background:url('/images/mypage/stamp/ico_delivery.gif') no-repeat left top; } #onlineStampApply1, #onlineStampApply2_2 { width:652px; height:481px; margin-top:-327px; background:url('/images/mypage/stamp/bg_layer.png') no-repeat left top; } #onlineStampApply2, #onlineStampApply2_3, #onlineStampApply2_4 { width:652px; height:482px; background:url('/images/mypage/stamp/bg_layer2.png') no-repeat left top; } #onlineStampApply3 { width:652px; height:482px; margin-top:-327px; background:url('/images/mypage/stamp/bg_layer2.png') no-repeat left top; } #onlineStampApply4 { width:652px; height:379px; margin-top:-327px; background:url('/images/mypage/stamp/bg_layer3.png') no-repeat left top; } #orderInfoLayer { width:651px; height:509px; background:url('/images/mypage/stamp/bg_layer4.png') no-repeat left top; } #orderInfoLayer .cont { padding:0 20px; } .orderInfoCont { padding-bottom:10px; } .giftSelect { margin:0 auto 18px; } .giftSelect p.txt { padding:20px 0 30px; text-align:center; } .giftSelect ul { width:469px; margin:0 auto; overflow:hidden; text-align:center;} .giftSelect ul li { display:inline-block; text-align:center; margin:0 30px;} .giftSelect ul li img {vertical-align:middle;} .giftSelect ul li p {padding-top:10px; text-align:center; } .giftSelect ul li label { display:inline-block; margin:5px 0; font-size:11px; } .giftSelect div.ac { width:469px; margin:0 auto; } .giftSelect div.ac p { margin:5px 0; text-align:center; font-size:11px; } .giftSelect ul.gift60 li { margin-right:0; } .giftSelect ul.gift10Area {width:500px; margin-top:40px;} .giftSelect ul.gift10Area:after {content:""; display:block; clear:both;} .giftSelect ul.gift10Area li {float:left; display:block; width:200px; margin:0 25px; text-align:center;} .giftSelect .tit {position:relative; margin-top:20px; text-align:center;} .giftSelect .tit span {display:block; position:absolute; left:245px; top:-2px; width:20px; font-size:16px; color:#333; font-weight:bold;} .giftSelect >p.product {text-align:center;} .giftApply { width:495px; margin:0 auto; } .giftApply .head { height:35px; text-align:center; } .giftApply .head label { display:inline-block; margin-right:20px; } .giftApply .cont { width:464px; height:196px; margin-bottom:20px; padding:32px 15px 0; background:url('/images/mypage/stamp/bg_box.gif') no-repeat left top;} .giftApply .cont .submit { display:inline-block; vertical-align:middle; } .giftApply .cont table { table-layout:fixed; } .giftApply .cont table th, .giftApply .cont table td { padding-bottom:8px; } .stampResult { width:388px; height:190px; margin:0 auto 20px; padding:11px 25px 0; background:url('/images/mypage/stamp/bg_box3.gif') no-repeat left top; } .stampResult table { width:388px; table-layout:fixed;} .stampResult table th, .stampResult table td { padding-top:5px; } .stampResult table td { color:#333; } /*����*/ @font-face{ font-family:MalgunGothic; src:url('/font/MalgunGothic.eot'); src: local('��'), url('/font/MalgunGothic.ttf') format('truetype'), url('/font/MalgunGothic.svg#MalgunGothic') format('svg'); font-weight: normal; font-style: normal; } @font-face{ font-family:MalgunGothicBold; src:url('/font/MalgunGothicBold.eot'); src: local('��'), url('/font/MalgunGothicBold.ttf') format('truetype'), url('/font/MalgunGothicBold.svg#MalgunGothicBold') format('svg'); font-weight: bold; font-style: normal; } .sortStamp { width:171px; margin:0 auto; padding:10px 0 0; text-align:center; } .sortStamp ul { *zoom:1; } .sortStamp ul:after { content:""; display:block; clear:both; } .sortStamp ul li { float:left; width:27px; height:26px; margin-right:45px; } .sortStamp ul li a { display:block; width:27px; height:26px; overflow:hidden; } .sortStamp ul li.sort1 img { margin:-26px 0 0 0; } .sortStamp ul li.sort1.on img { margin:0; } .sortStamp ul li.sort2 img { margin:-26px 0 0 -72px; } .sortStamp ul li.sort2.on img { margin:0 0 0 -72px; } .sortStamp ul li.sort3 { margin-right:0;} .sortStamp ul li.sort3 img { margin:-26px 0 0 -140px; } .sortStamp ul li.sort3.on img { margin:0 0 0 -140px; } .listArea .list td.status { font-size:11px; cursor:pointer; } .listArea .list td.status .tip { display:none; position:absolute; left:-50%; top:-5px; width:194px; height:69px; background:url('/images/mypage/stamp/bg_tooltip.png') no-repeat left top; z-index:999;} .listArea .list td.status .tip .tipCont { display:inline-block; padding:25px 5px 0; font-size:11px; color:#000; line-height:14px; text-align:center; } .listArea .list td.status .tip .tipCont2 { display:inline-block; padding:20px 5px 0; font-size:11px; color:#000; line-height:14px; text-align:center; } /* ������ �� ũ�� ī */ .creamCarCont {position:relative;} .creamCarCont h3 {height:auto;} .creamCarCont h4 {padding:35px 0 25px; text-align:center;} .creamCarCont .video-renderer{position:relative; padding:13px 20px; margin-top:50px; background:url(/images/wonder/creamCar_movie_bg.gif) no-repeat 50% 0;} .creamCarCont .control .play, .creamCarCont .control .stop {position:absolute; left:50%; top:50%; margin-left:-41px; margin-top:-41px; display:none} .creamCarCont .control .on {display:block; z-index:2} .creamCarCont .control .hideBtn {height:0px !important; width:0px !important; overflow:hidden !important;} .creamCarCont .sketch {} .creamCarCont .sketch .slideArea {position:relative; height:140px; *zoom:1;} .creamCarCont .sketch .slideArea:after {content:""; display:block; clear:both;} .creamCarCont .sketch .slideArea a.prev {float:left; width:32px; height:32px; padding-top:4px; margin-top:50px; text-align:center;} .creamCarCont .sketch .slideArea a.next {float:right; width:32px; height:32px; padding-top:4px; margin-top:50px; text-align:center;} .creamCarCont .sketch .slideArea .slideList {position:absolute !important; left:38px !important; top:0; width:604px; height:139px; overflow:hidden;} .creamCarCont .sketch .slideArea ul {position:relative; *zoom:1;} .creamCarCont .sketch .slideArea ul:after {content:""; display:block; clear:both;} .creamCarCont .sketch .slideArea ul li {float:left; width:139px; height:139px; margin:0 6px;} .creamCarCont .calArea {} .creamCarCont .calArea .monthArea {margin-bottom:10px; text-align:center; font-size:20px; color:#000; font-weight:bold;} .creamCarCont .calArea img {vertical-align:middle;} .creamCarCont .calArea .monthArea span {display:inline-block; } #bigThumLayerArea {display:none; position:absolute; top:750px; left:33px; width:566px; min-height:432px; padding:20px 25px; background:url(/images/common/bg_black80.png) repeat 0 0; z-index:15} #bigThumLayerArea.bigSlide {left:0; width:560px; padding:20px 60px;} #bigThumLayerArea .prev {display:block; position:absolute; left:10px; top:50%; width:32px; padding:10px 0; margin-top:-20px; text-align:center;} #bigThumLayerArea .next {display:block; position:absolute; right:10px; top:50%; width:32px; padding:10px 0; margin-top:-20px; text-align:center;} #bigThumLayerArea .tit {display:block; padding-bottom:10px; font-size:18px; color:#fff;} #bigThumLayerArea .imgArea {text-align:center;} #bigThumLayerArea .imgArea img {max-width:100%;} #bigThumLayerArea .close {position:absolute; right:25px; top:20px;} .agreePop {} .agreePop * {font-family:MalgunGothic;} .agreePop .agreeArea{width:auto; height:500px;; margin:0; padding:0; background:none; overflow-x:hidden; overflow-y:auto;} .agreePop .agreeArea h2 {margin:20px 0 10px; color:#333; font-family:MalgunGothicBold;} .agreePop .agreeArea h2, .agreeArea h2 strong { font-size:18px; font-weight:bold; height:auto;} .agreePop .agreeArea h3 { margin-bottom:10px; font-size:14px; font-weight:bold; color:#5a5451; } .agreePop .agreeArea li { margin-bottom:15px; line-height:21px; } .agreePop .agreeArea li li { margin:0 0 0 12px; } .agreePop .agreeArea .type2 li { margin-bottom:0; } .agreePop .agreeArea p { margin-bottom:15px; line-height:21px; } .agreePop .agreeArea strong, .agreeArea strong a { color:#c7145d; font-weight:normal; } .agreePop .agreeArea .list { border:1px solid #dfdfdf; border-top:2px solid #969696; width:100%; background:none; border-collapse: collapse} .agreePop .agreeArea .list thead th { color:#535251; text-align:center; background:#f8f8f8; height: 29px; vertical-align:middle; font-family:MalgunGothicBold;} .agreePop .agreeArea .list tbody th { border-top:1px solid #dfdfdf; border-right:1px solid #dfdfdf; background:none; font-family:MalgunGothicBold;} .agreePop .agreeArea .list tbody td { padding:8px 10px 7px; border-top:1px solid #dfdfdf; border-right:1px solid #dfdfdf; background:none; } .agreePop .agreeArea .list2 tbody th, .agreeArea .list2 tbody td { padding:3px 10px 2px; height:auto; vertical-align: middle;} .agreePop .agreeArea dt { display:block; padding-left:8px; font-size:13px; font-weight:bold; line-height:21px; background:url('/websrc/images/common/blt4.gif') no-repeat left 8px; } .agreePop .agreeArea dd { display:block; margin:0 0 10px 8px; line-height:21px; } .agreePop .agreeArea dt strong { font-weight:bold; } /* 20160607_2016�� ũ��ī�߰� */ #creamCarSelArea { text-align:right;margin-bottom:20px; }