@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');

html, body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, span, form, fieldset, input, select, label, table, caption, thead, tfoot, tbody, tr, th, td  {margin:0;padding:0;-webkit-text-size-adjust:none; font-family:'NanumBarunGothic','Nanum Gothic','¸¼Àº°íµñ','µ¸À½'; font-smoothing: antialiased; }
html, body{height:100%; } 
a:link {text-decoration:none; color:#6f6f6f }
a:hover{text-decoration:none; color:#0f4ca9}
a:visited, a:active,a:focus{text-decoration:none; cursor:pointer; color:#878787}
img{border:0;}
img,input,select,textarea{vertical-align:middle;}
ol, ul, dl{list-style:none;}
form,ul,ol,dl,table,div,h1,h2,h3,li,dt,dd,span {margin:0;padding:0; }
table {border-width:0; border-spacing:0; }
textarea	{border:1px solid #ddd}

/*°øÅë*/


#wrap				 {width:100%;}
#wrap #header		 {width:100%; z-index:1001; position:relative;  overflow: visible !important; background:#0f4ca9; color:#fff !important; padding-top:20px; padding-bottom:20px; text-align:center; font-weight:bold;}
#wrap #header a:visited, a:active,a:focus{color:#fff !important;}

#foot				{width:100%; margin:0 auto; border-top:1px solid #dfdfdf; height:80px; padding-top:10px; position:relative; font-size:10px;line-height:18px;}




/* member write inform */
.mdiv {width:100%; padding:20px 0; margin:10px 0 0 0; border-top:2px #e4e4e4 solid; border-bottom:2px #e4e4e4 solid; overflow:hidden;}
.mInform {width:100%; border-width:0; border-spacing:0; border-style:none; font-size:12px;}
.mInform th {border-color:#e4e4e4; border-width:0; color:#666; border-style:none; text-align:left; padding:20px 0; font-size:13px; vertical-align:top;}
.mInform th u {text-decoration:none; font-size:13px; color:#ef8201; font-weight:600;}
.mInform th span {font-size:13px; color:#555; padding:0 0 0 12px;}
.mInform th span u {font-size:13px; color:#555;}
.mInform td {border-color:#e4e4e4; border-width:0; color:#555; border-style:none; text-align:left; padding:8px 0; font-size:13px; vertical-align:top;}
.mInform th.up {padding:30px 0 20px 0;}
.mInform td.up {padding:20px 0 8px 0;}
.mInform th.down {padding:20px 0 30px 0; border-width:0 0 1px 0; border-style:none none dashed none;}
.mInform td.down {padding:8px 0 20px 0; border-width:0 0 1px 0; border-style:none none dashed none;}
.mInform th.mid {padding:30px 0 30px 0; border-width:0 0 1px 0; border-style:none none dashed none;}
.mInform td.mid {padding:20px 0 20px 0; border-width:0 0 1px 0; border-style:none none dashed none;}


/***************************** MEDIA QUERY *************************/
/*** media query 1140px ***/
@media all and (max-width:1140px){

#content {width:auto; margin:0 20px;}
#product {width:820px; margin:0 auto;}


}






/*** media query 1100px ***/
@media all and (max-width:1100px){

.tabs ul {width:auto; margin:0 20px;}

}




/*** media query 1040px ***/
@media all and (max-width:1040px){

/* content */
#csCenter {padding:50px 0 100px;}
#csCenter .innerBox {width:auto; margin:0 20px;}
#community {padding:50px 0 100px;}
#community .innerBox {width:auto; margin:0 20px;}
#member {padding:50px 0 100px;}
#member .innerBox {width:auto; margin:0 20px;}
#mypage {padding:50px 0 100px;}
#mypage .innerBox {width:auto; margin:0 20px;}
#productConf {padding:50px 0 100px;}
#productConf .innerBox {width:auto; margin:0 20px;}


/* best Postscript */
.bestPostscript {width:auto; margin:0 20px;}


/* user Available */
.userAvailable {width:auto; margin:0 20px;}
.userAvailable h4 {left:20px;}
.userAvailable > div .img {margin:44px 120px 70px;}

/* technology QnA */
.technologyQna {width:auto; margin:0 20px;}

/* detailInfo */
.detailInfo {width:auto; margin:52px 20px 0;}
.tabContent .grademark p {display:block;}
.tabContent .grademark p.total {border:0;}
.tabContent .grademark p.btn {margin:10px 0 0 0;}

/* qna list */
.qnaList {width:716px;}

/* event */
.eventList {width:712px; margin:50px auto 0;}

/* review */
.reviewList {width:735px; margin:0 auto;}

/* total amount */
.totalAmount ul li.process {clear:both; padding:10px 0 0 0; line-height:1.3; font-size:13px;}
.totalAmount ul li.process span {font-size:13px;}

.bestPostscript .divWrap .imgArea img {width:100% !important; height:auto !important;}

}






/*** media query 1000px ***/
@media all and (max-width:1000px){

/** product **/
#productDetail #pDetail .imgArea {width:50%;}
#productDetail #pDetail .infoWrap {width:48.64%; margin:0px 1.36% 0px -1.36%;}
#productDetail #pDetail .btnPosArea {position:relative; width:100%; padding:30px 0 50px; clear:both; overflow:hidden;}
#productDetail #pDetail .btnPosArea ul li {float:left; width:33.33%;}

.relatedProducts ul {width:auto;}

.userAvailable h4 {font-size:18px; top:25px;}
.userAvailable > div .img {margin:50px 80px 50px;}

/* ¸ÅÀå¾È³» */
.storeWrap .infoArea {width:46%;}



/** common **+/
/* tab */
.tabs {padding:22px 0;}

/* view */
.viewHead .day ul li strong {padding:0 22px 0 30px;}

.certify .cbtn {position:relative; left:0; top:0; margin:10px 0 0 0;}

.missingBenefits ul li p {font-size:18px; background-position:left 8px;}
.missingBenefits ul li strong {font-size:18px;}

/* pta */
.pta li.mq1000 {clear:both;}
.pta li p strong.c {padding:0;}
.infoBtn {padding:0;}

}




/*** media query 960px ***/
@media all and (max-width:960px){

/* ¸ÅÀå¾È³» */
.storeWrap .infoArea {width:45%;}

.prnInquiry .abConf {position:relative; right:0; top:0; border:0; border-top:1px solid #e5e5e5; margin:30px 0 0 0; padding:30px 0 0 0;}


}







/*** media query 940px ***/
@media all and (max-width:940px){

#csCenter .explan li .coupon img {width:100%;}
#csCenter .benefitTable01 th.minTh01 {height:80px;}
#csCenter .benefitTable01 td.minTd01 {height:60px;}
#csCenter .divLeft {float:none; width:100%;}
#csCenter .divLeft .benefitTable01 th.last {border-right:0;}
#csCenter .divLeft .benefitTable01 td.last {border-right:0;}
#csCenter .divRight {float:none; width:100%;}

#mypage #myinfo ul li {width:50%;}
#mypage #myinfo ul li .baseInfo {border-bottom:1px #e4e4e4 solid;}
#mypage #myinfo ul li .baseInfo .myId span {display:inline;}
#mypage #myinfo ul li .addInfo.dep {border:0; border-bottom:1px #e4e4e4 solid;}


/* ¸ÅÀå¾È³» */
.storeWrap .infoArea {width:100%;}
.storeWrap .rollArea {float:none; position:relative; left:0; top:0; height:453px; margin:0 auto 20px;}
.tw132 {width:132px;}



}







/*** media query 910px ***/
@media all and (max-width:910px){

.listTester2 .txtArea .tit .days p {display:block; padding:10px 0 0 0;}

.agreeWrap .agreeBoxConf .category ul.list {width:48%; margin:0 0 0 2%;}
.agreeWrap .agreeBoxConf .category ul.list li a {font-size:12px; background-position:left 15px;}

}








/*** media query 900px ***/
@media all and (max-width:900px){

.pta li.mq900 {clear:both; padding:5px 0 10px 0;}
.pta li.mq900 p {padding:0;}

#csCenter .benefitTable01 .dNone {display:none;}

}






/*** media query 890px ***/
@media all and (max-width: 890px){
/* common */
.pta li.mq890 {clear:both; padding:5px 0 0 0;}

/* secession */
.missingBenefits {padding:44px 0 20px 0;}
.missingBenefits ul li {width:50%; padding:0 0 20px 0;}
}






/*** media query 860px ***/
@media all and (max-width:860px){

#product {width:540px;}

}






/*** media query 850px ***/
@media all and (max-width:850px){

/* myPageType */
.myPageType ul li {height:240px;}
.myPageType ul li .img {width:150px;}
.myPageType ul li .img img {width:150px; height:150px;}

/* list tester */
.listTester2 .imgArea_test {position:relative; left:0; top:0; margin:0 auto;}
.listTester2 .txtArea_test {margin:10px 20px 0;}
.listTester2 .txtArea_test .tit {min-height:100%;}
.listTester2 .txtArea_test .tit strong {text-align:center; padding:10px 0;}
.listTester2 .txtArea_test .tit .txt {text-align:center;}
.listTester2 .txtArea_test .tit .days {text-align:center;}
.listTester2 .txtArea_test .tit .days p {display:inline;}

/* delivery Process */
.deliveryProcess {padding:30px 0 0 0;}
.deliveryProcess ul li {width:33.33%; padding:0 0 30px 0;}
.deliveryProcess ul li .first {display:none;}

/* qnaList */
.qnaList {width:471px;}

/* view */
.viewHead .day ul.ab {position:relative; left:0; top:0; border-top:1px #e5e5e5 solid;}
.listType td span.breakFirst {display:block; line-height:1.4;}

/* pta */
.pta li.pr20 {padding-right:10px;}
.pta li.mq890 {clear:none; float:left; padding:0 0 0 6px;}

/* join */
.stepWrap ul li.s1 p span {font-size:16px;}
.stepWrap ul li.s1 p span u {font-size:16px;}
.stepWrap ul li.s2 p span {font-size:16px;}
.stepWrap ul li.s2 p span u {font-size:16px;}
.stepWrap ul li.s3 p span {font-size:16px;}
.stepWrap ul li.s3 p span u {font-size:16px;}

/* input */
.w144 {width:99px;}
.w144_e {width:99px;}
.w176 {width:80px;}
.w305 {width:150px;}
.w490 {width:329px;}
.w490_n {width:329px;}


}






/*** media query 830px ***/
@media all and (max-width:830px){

.userAvailable > div .img {margin:50px 40px 50px;}


/* pta */
.pta li.heart {padding:4px 0;}
.pta li.mq830 {clear:both; margin:5px 0 0 0;}

/* review */
.reviewList {width:490px;}

/* login */
.mboxWrap.idpw {width:630px; padding:0 0 60px 0;}
.mboxWrap.idpw .img {position:relative; left:0; top:0; text-align:center; padding:20px 0;}
.mboxWrap.idpw ul {margin:0;}
.mboxWrap.idpw .loginBtn {top:133px;}
.mboxWrap.idpw .add{padding:4px 0 0 0;}
.mboxWrap.idpw .idConfirm {margin:20px 0 0 0;}
.mboxWrap.idpw .joinInduction {margin:20px 0 0 0;}

/* input */
.wm557 {width:410px;}
.wm176 {width:120px;}


}





/*** media query 790px ***/
@media all and (max-width:790px){

/* event */
.eventList {width:464px;}

/* amount */
.amount .sales, .amount .delivery {width:33%;}
.amount .discount {width:34%;}
.amount .discount .line {border:0;}
.amount .add {left:33%;}
.amount .minus {left:66%;}
.amount .totalSum {display:none;}
.amount .payment {width:100%; border-top:3px #cdcdcd solid;}


}






/*** media query 767px ***/
@media all and (max-width:767px){

/** layout **/
#container h2 {font-size:30px; padding:30px 0 32px;}
#container h2 span {font-size:13px;}
#container h2 span u {font-size:13px;}
#container h2 span i {font-size:13px;}

#content {margin:0 15px;}
#community {padding:40px 0;}
#member {padding:40px 0;}
#mypage {padding:40px 0;}

#csCenter {padding:40px 0;}
#csCenter .innerBox {margin:0 15px;}
#csCenter .meberBenefit.webType {display:none;}
#csCenter .meberBenefit.mobileType {display:block;}

#error {padding:40px 0;}
#error .inbox {margin:0 40px;}
#error .inbox .tit {font-size:26px;}
#error .inbox .tit span {font-size:26px;}



/* product */
#productDetail #pDetail {padding:30px 0 0 0;}
#productDetail #pDetail .imgArea {float:none; width:100%; text-align:center;}
#productDetail #pDetail .imgArea img {max-width:400px;}
#productDetail #pDetail .infoWrap {float:none; width:auto; margin:0 20px; min-height:400px;}
#productDetail #pDetail .infoWrap .info .name {min-height:100%; padding:0 20px 20px; text-align:center; font-size:22px;}
#productDetail #pDetail .infoWrap .info .price {padding:0 20px 30px; text-align:center; font-size:24px;}
#productDetail #pDetail .infoWrap .info .price p {position:relative; left:0; top:0; margin:15px 0 0 0;}
#productDetail #pDetail .infoWrap .info .data ul li {padding:0 10px 20px 15%;}
#productDetail #pDetail .infoWrap .info .data ul li.features {padding:0 10px 10px 15%;}
#productDetail #pDetail .infoWrap .info .data ul li.qty {padding:0 10px 10px 15%;}
#productDetail #pDetail .btnPosArea {padding:30px 0;}
#productDetail #pDetail .btnPosArea ul li {height:180px;}

.relatedProducts .tit {font-size:16px; line-height:50px;}
.relatedProducts ul {width:440px; margin:30px auto 0;}
.relatedProducts ul li {width:180px; margin:0 20px 20px;}

.bestPostscript h3 {font-size:22px; padding:30px 0;}
.bestPostscript h3 span {font-size:13px;}


.userAvailable h3 {font-size:22px; padding:20px 0 18px;}
.userAvailable h4 {position:relative; left:0; top:0; font-size:18px; text-align:center; padding:30px 0 0 0;}
.userAvailable > div .img {margin:20px 40px 50px;}


.tabContent .qnaTxt p {display:block;}
.tabContent .qnaTxt p.tit {padding:0; margin:0; border-right:0;}
.tabContent .qnaTxt p.txt {padding:10px; text-align:center;}

.technologyQna h3 {font-size:22px; padding:30px 0px 18px;}


/* amount */
.amount {width:auto; padding:20px 15px;}
.amount h4 {font-size:22px; padding:0 0 10px 0; margin:0; border:0;}
.amount .info {position:relative; left:0; top:0; width:auto;}
.amount .info li.last {border-bottom:1px #d9d9d9 solid;}
.amount .total {padding:20px 0 0 0;}
.amount .total li {width:100%; text-align:right;}
.amount .total li.refunds {padding:5px 0;}
.amount .total li.savedMoney {padding:5px 0;}
.amount .total li.money {padding:5px 0;}



/* login */
.mboxWrap {padding:0;}
.mboxWrap .img {position:relative; left:0; top:0; text-align:center; padding:20px 0;}
.mboxWrap ul {margin:0;}
.mboxWrap .addInfo {margin:20px 0 30px 0;}
.mboxWrap .loginBtn {top:133px;}


/*join */
.stepWrap ul li .step p {padding:7px 0 8px 0; margin:19px 0 0 -15px;}
.stepWrap ul li.s1 .step p {background:url(none);}
.stepWrap ul li.s2 .step p {background:url(none);}
.stepWrap ul li.s3 .step p {background:url(none);}
.stepWrap ul li.s1.on .step p {background:url(none);}
.stepWrap ul li.s2.on .step p {background:url(none);}
.stepWrap ul li.s3.on .step p {background:url(none);}



/* event */
.eventList {margin:40px auto 0;}


/** common **/
/* view */
.viewHead .day ul li.cb2 {clear:both;}

/* tab */
.tabs ul.five {width:580px; margin:0 auto; text-align:left;}
.tabs ul.five li.bn a {border-top:0;}

/* table */
.tNonePre {display:none;}
.cartImg {width:15%;}
.cartw25 {width:25%;}
.cartw27 {width:27%;}



.agreeWrap .agreeBoxConf .category ul.list {width:94%;}

}






/*** media query 730px ***/
@media all and (max-width:730px){


/* login */
.mboxWrap {width:auto; margin:0 10px;}
.mboxWrap ul {margin:0;}
.mboxWrap.idpw {width:auto; margin:0 20px;}
.mboxWrap.idpw .add {padding:4px 0 0 0;}

.w380 {width:198px;}

}









/*** media query 700px ***/
@media all and (max-width:700px){

.prnCelebration .mainTit {font-size:28px;}
.prnCelebration .subTit {font-size:18px;}
.prnCelebration ul {width:auto;}


}









/*** media query 690px ***/
@media all and (max-width:690px){

.receipt ul.inform li.cb {clear:both;}
.receipt ul.inform li.title {width:130px;}
.receipt ul.inform li.title2 {width:130px;}

/* data inform  */
.diTable th {padding:19px 10px 19px 10px;}
.diTable td {padding:5px 0 4px 5px;}

/* reply */
.replyForm textarea {width:95%;}

/* pta */
.pta li.mq690 {clear:both; padding:5px 0 0 0;}
.pta li.mq890 {clear:both; float:none; padding:5px 0 0 0;}

.myPageType ul li {width:33.33%;}


}




/*** media query 670px ***/
@media all and (max-width:670px){

/* input */
.wm557 {width:339px;}
.wm241 {width:160px;}
.wm176 {width:85px;}




}





/*** media query 640px ***/
@media all and (max-width:640px){


/** content **/
#product {padding:0 0 50px 0;}

/* member */
#member h3 {font-size:15px; padding:30px 0 10px 0;}
#mypage h3.s {font-size:14px !important;}
#mypage .headArea .selectDel {position:relative; left:0; top:0;}
#mypage .headArea p {font-size:12px; text-align:left; line-height:1.2; padding:0 0 10px 0;}
#mypage .headArea p strong {font-size:12px;}
#mypage .headArea h3 {position:relative; left:0; top:0; padding:0 0 10px 10px; font-size:14px;}

#csCenter .explan li {width:47%; padding:33px 3% 0 0;}



.deliveryProcess {margin:10px 0 20px 0; padding:20px 0 0 0;}
.deliveryProcess ul li p.num {font-size:22px;}
.deliveryProcess ul li p.tit {font-size:15px;}
.deliveryProcess ul li p.txt span {font-size:12px;}
.deliveryProcess ul li .arrow {top:48px;}

.addTxt {font-size:12px; background-position:3px 8px;}
.addTxt02 {padding:0;}
.addTxt02.chbg {padding:12px 0 0 0;}
.addTxt02 p {font-size:12px;}
.addTxt02 p strong {font-size:12px;}
.addTxt02.type p {background-position:left 5px;}

/* detailInfo */
.detailInfo {margin:32px 20px 0;}

.technologyQna .img .webImg {display:none;}
.technologyQna .img .mobileImg {display:block;}

.userAvailable > div .img .webImg {display:none;}
.userAvailable > div .img .mobileImg {display:block;}

.productArea .webImg {display:none;}
.productArea .mobileImg {display:block;}


/** common **/
/* tabs */
.informTabs {height:auto;}
.informTabs ul li a {font-size:13px; border-bottom:1px #dedede solid;}
.informTabs ul li.on a {font-size:13px; line-height:47px; border-bottom:1px #000 solid !important;}

.subtabs {height:auto;}
.subtabs ul li a {font-size:13px; border-bottom:1px #dedede solid;}
.subtabs ul li.on a {font-size:13px; line-height:47px; border-bottom:1px #000 solid !important;}

.subtabs.three {}
.subtabs.three ul li {width:50%;}
.subtabs.three ul li a {margin:0 0 0 -1px;}
.subtabs.three ul li.on a {border-bottom:1px #dedede solid;}
.subtabs.three ul li.last {width:100%;}

.subtabs.four {}
.subtabs.four ul li {width:50%;}
.subtabs.four ul li a {margin:0 0 0 -1px;}
.subtabs.four ul li.on a {border-bottom:1px #dedede solid;}

.subtabs.five {}
.subtabs.five ul li {width:50%;}
.subtabs.five ul li a {margin:0 0 0 -1px;}
.subtabs.five ul li.on a {border-bottom:1px #000 solid;}
.subtabs.five ul li.last {width:100%;}

.subtabs.six {}
.subtabs.six ul li {width:50%;}
.subtabs.six ul li a {margin:0 0 0 -1px;}
.subtabs.six ul li.on a {border-bottom:1px #dedede solid;}

.mypageTabs ul li a {font-size:13px;}




/* table */
.tNone {display:none;}
.tw20 {width:20%;}
.tw22 {width:22%;}
.tw25 {width:25%;}
.tw28 {width:28%;}
.tw30 {width:30%;}
.tw32 {width:32%;}
.tw35 {width:35%;}

/* list type */
.listType td {padding:13px 5px 12px 5px;}
.listType td.left {padding:13px 5px 12px 5px;}
.listType th span {display:block; line-height:1.4;}

/* view */
.viewHead .subject {font-size:14px;}
.viewHead .title {padding: 19px 0 19px 57px}
.viewHead .title strong {left:10px;}
.viewHead .title .hits {position:relative; left:-56px; top:0; padding:10px 0 0 0;}
.viewHead .title .hits strong {padding:0 16px 0 0;}
.viewHead .title.pr {padding:19px 10px 18px 65px;}
.viewHead .day ul li {padding:5px 0;}
.viewHead .day ul li strong {padding:0 12px 0 10px;}
.viewHead .day ul li strong.f {padding:0 12px 0 10px;}
.viewHead .day ul li.cb {clear:both;}
.viewHead .addFile ul li {padding:5px 0;}
.viewHead .addFile ul li strong {padding:0 12px 0 10px;}
.viewHead .addFile ul li.cb {clear:both;}
.viewHead .addFile.pr {padding:0 10px 0 0;}
.viewHead .addFile .btn {position:relative; left:0; top:-10px; padding:0 0 0 10px;}

/* table wide */
.thWide {width:110px;}

/* data table */
.diTable.counsel01 td {padding:7px 0 6px 8px;}
.diTable.counsel01 td.conf {padding:15px 0 20px 8px;}
.diTable.counsel01 td {font-size:12px;}
.diTable.counsel02 td {padding:7px 0 6px 8px;}
.diTable.counsel02 td.conf {padding:15px 0 20px 8px;}
.diTable.counsel02 td {font-size:12px;}
.diTable td a.file {font-size:12px;}
.diDiv.answer{margin:30px 0 0;}

/* paging */
.allPageMoving1 a {width:24px; height:24px; line-height:24px; margin:0 2px;}
.allPageMoving1 a img {width:26px; height:26px;}
.allPageMoving1 strong {width:26px; height:26px; line-height:26px;}
.allPageMoving1 a.pre{border:0;margin:0 5px 0 2px; width:26px; height:26px}
.allPageMoving1 a.next{border:0;margin:0 2px 0 5px; width:26px; height:26px}
.allPageMoving1 a.n {border:0; margin:0; width:26px; height:26px;}

/* btn area */
.btnAreaList {margin:20px 0 0 0;}
.btnArea {margin:20px 0 0 0;}

/* pre next table */
.preNext th span {padding:0 30px 0 10px;}
.preNext th span.file {padding:0 22px 0 10px;}
.preNext td {padding:0 0 0 10px;}
.preNext .tw {width:90px;}

/* faq */
.faqList ul li .question .title {margin:0 20px 0 50px;}
.faqList ul li .question .title p {font-size:13px;}
.faqList ul li .question .blet {left:20px; font-size:16px;}
.faqList ul li .arrow {right:20px;}
.faqanswer .faqbox .text {margin:0 20px 0 50px; font-size:12px;}
.faqanswer .faqbox .blet {left:20px; font-size:16px;}

/* pta */
.pta li.mq640 {clear:both; padding:5px 0 0 0;}


}








/*** media query 630px ***/
@media all and (max-width:630px){

/* tab */
.tabs ul.base {width:420px; margin:0 auto; text-align:left;}
.tabs ul.base li {width:140px;}
.tabs ul.base li.bn a {border-top:0;}

}








/*** media query 610px ***/
@media all and (max-width:610px){

.tabs ul.five {width:435px;}
.tabs ul.five li.mn a {border-top:0;}

/* btn */
.sOrder {width:80px; height:70px;}
.sOrder p {font-size:14px; line-height:1.4; padding:17px 0 0 0;}
.sOrder span {display:block; font-size:14px;}
.aOrder {width:80px; height:70px;}
.aOrder p {font-size:14px; line-height:1.4; padding:17px 0 0 0;}
.aOrder span {display:block; font-size:14px;}
.continuation {width:80px; height:70px;}
.continuation p {font-size:14px; line-height:1.4; padding:17px 0 0 0;}
.continuation span {display:block; font-size:14px;}

}



/*** media query 600px ***/
@media all and (max-width:600px){

.pta.ty li {clear:both; padding:0; margin:4px 0 !important;}

/* secession */
.missingBenefits {padding:44px 0 20px 0;}
.missingBenefits ul li {width:100%; padding:0 0 20px 0;}


.prnInquiry .conf {margin:0 0 0 20px;}
.prnInquiry .abConf p {padding: 0 0 0 56px; background-position:17px 4px;}
}






/*** media query 580px ***/
@media all and (max-width:580px){

#product {width:280px;}

.productCategory {width:280px; margin:0 auto;}
.productCategory {margin:0 0 15px 0;}
.productCategory ul {width:260px; margin:0 auto;}
.productCategory ul li {margin:5px 12px 5px 0;}
.productList ul {width:260px; margin:0 auto;}
.productList ul li {margin:0 0 20px 0;}
.event_product ul {width:260px; margin:0 auto;}
.event_product ul li {margin:0 0 20px 0;}

.listType .qty {width:70px;}
.listType .qty input {width:30px; height:28px; line-height:28px;}
.listType .qty .up {left:40px;}
.listType .qty .up img {width:30px;}
.listType .qty .down {left:40px; top:15px;}
.listType .qty .down img {width:30px;}

/* table */
.cartImg {width:15%;}

/* amount */
.amount .won {font-size:14px;}
.amount .won span {font-size:16px;}
.amount .totalty {font-size:14px;}
.amount .totalty span {font-size:16px;}
.amount .add img {width:30px;}
.amount .totalSum img {width:30px;}

.amount02 .won {font-size:14px;}
.amount02 .won span {font-size:16px;}
.amount02 .totalty {font-size:14px;}
.amount02 .totalty span {font-size:16px;}
.amount02 .add img {width:30px;}
.amount02 .totalSum img {width:30px;}

/* list table */
.listType td.img img {width:40px;}

}





/*** media query 560px ***/
@media all and (max-width:560px){

/* review */
.reviewWrap {margin:0;}
.reviewWrap.photo {margin:30px 0 0 0;}
.reviewList {width:auto;}
.review {width:46%; margin:0 2% 20px;}
.review .imgArea {width:100% !important; height:auto !important; text-align:center;}
/* .review .imgArea img {width:100% !important; height:auto !important;} */
.review .txtArea {width:auto;}


/* input */
.wm557 {width:181px;}
.wm107 {width:71px;}
.wm144 {width:181px;}
.wm241 {width:181px;}

.pta li.mq560 {clear:both; padding:5px 0 0 0;}

/* qnaList */
.qnaList {width:auto; margin:30px 0 0 0;}
.qnaList ul {margin:0;}
.qnaList ul li {float:left; width:46%; margin:0 2% 20px;}
.qnaList ul li a .a .txt {font-size:13px;}



}







/*** media query 540px ***/
@media all and (max-width:540px){


/** layout **/
#container h2 {font-size:20px; padding:20px 0 22px;}
#container h2 span {font-size:11px;}
#container h2 span u {font-size:11px;}
#container h2 span i {font-size:11px;}

#content {margin:0 10px;}
#productConf .innerBox {margin:0 10px;}

#community {padding:30px 0 40px;}
#community .innerBox {margin:0 10px;}
#community h3 {font-size:15px;}
#community h4 {font-size:15px; padding:30px 0 20px;}

#csCenter {padding:30px 0 40px;}
#csCenter .innerBox {margin:0 10px;}
#csCenter h3 {font-size:15px;}
#csCenter .hTxt {font-size:12px;}
#csCenter .hTxt strong {font-size:12px;}
#csCenter .explan {padding:0 0 0 0;}
#csCenter .explan li .subject {font-size:12px;}
#csCenter .explan li {padding:0 3% 20px 0;}
#csCenter .explan li .directions p {font-size:12px;}
#csCenter .explan li .directions p span {font-size:12px;}
#csCenter .explan li.last {padding:0;}

#csCenter .benefitDiv {margin:0 0 20px;}
#csCenter .benefitTable01 th {font-size:12px;}
#csCenter .benefitTable01 th u {display:block; font-size:12px;}
#csCenter .benefitTable01 td {font-size:12px;}
#csCenter .benefitTable01 td strong {font-size:12px;}
#csCenter .divRight .benefitDiv {margin:0;}

/* member */
#member {padding:30px 0 40px; font-size:15px;}
#member h3.f {padding:30px 0 10px; font-size:15px;}
#member h3.l {font-size:14px; padding:20px 0 15px;}

/* mypage */
#mypage {padding:30px 0 40px; font-size:16px;}
#mypage h3 {font-size:16px;}
#mypage h3.f {padding:30px 0 10px; font-size:16px;}
#mypage h3.f span {font-size:12px;}
#mypage h3.prn {font-size:14px;}
#mypage h3.prn span {font-size:14px;}
#mypage h3 .secessionBtn {top:20px; width:80px; height:30px; line-height:30px; font-size:12px;}
#mypage .innerBox {margin:0 10px;}
#mypage .headArea span.fl {font-size:12px;}

#mypage #myinfo ul li {width:100%;}
#mypage #myinfo ul li .baseInfo {border-bottom:1px #e4e4e4 solid; height:120px;}
#mypage #myinfo ul li .addInfo {border:0; border-bottom:1px #e4e4e4 solid;}
#mypage .headTxt {padding:25px 0 12px; font-size:12px;}
#mypage .headRightTxt {padding:25px 0 12px;}

.prnCelebration {padding:0 20px 30px; margin:10px 0 0 0;}
.prnCelebration .mainTit {font-size:20px; padding:30px 0 17px;}
.prnCelebration .subTit {font-size:15px;}
.prnCelebration ul li {font-size:12px;}
.prnCelebration ul li strong {font-size:12px;}





/* error */
#error {padding:20px 0;}
#error .inbox {margin:0 20px; padding:40px 10px;}
#error .inbox .ico img {width:140px;}
#error .inbox .tit {font-size:20px;}
#error .inbox .tit span {font-size:20px;}
#error .inbox .txt {font-size:12px;}
#error .errorBtnArea {margin:20px 0 0;}
#error .mainGobtn {width:150px; height:34px; line-height:34px; font-size:13px;}
#error .reGobtn {width:100px; height:34px; line-height:34px; font-size:13px;}

/* product detail */
#productDetail #pDetail .infoWrap .info .data ul li {padding:0 10px 20px 20%;}
#productDetail #pDetail .infoWrap .info .data ul li.features {padding:0 10px 10px 20%;}
#productDetail #pDetail .infoWrap .info .data ul li.qty {padding:0 10px 10px 20%;}
#productDetail #pDetail .btnPosArea ul li {height:100px;}
#productDetail #pDetail .btnPosArea ul li p {font-size:16px;}
#productDetail #pDetail .btnPosArea ul li.purchase p img {width:40px;}
#productDetail #pDetail .btnPosArea ul li.cart p img {width:38px;}
#productDetail #pDetail .btnPosArea ul li.wish p img {width:34px;}

.detailInfo {margin:30px 10px 0;}
.userAvailable h4 {left:0;}
.userAvailable > div .img {margin:20px 0 50px;}

.orderComplete {font-size:22px; margin:0 0 40px 0;}
.orderComplete span {font-size:13px;}
.orderComplete span strong {font-size:13px;}

.nonAgree {font-size:12px; padding:15px 20px; margin:0 0 20px 0;}
.nonAgreeWap label {font-size:12px;}
.orderalert p {margin:0; font-size:12px; background-position:left 2px;}

.receipt dl {margin:0;}
.receipt dl dt {float:none; font-size:12px; padding:0 0 0 10px; height:40px; line-height:40px;}
.receipt dl dd {float:none;}
.receipt dl dd ul li {height:30px; line-height:30px; padding:0 0 10px 10px;}
.receipt dl dd ul li label {font-size:12px; height:30px; line-height:30px; padding:0 10px 0 5px;}
.receipt ul.inform {margin:0;}
.receipt ul.inform li.title {width:110px; font-size:12px; padding:0 0 0 10px;}
.receipt ul.inform li.title2 {width:110px; font-size:12px; padding:0 0 0 10px;}
.receipt p.txt {margin:10px 0;}

.bestPostscript {margin:0 10px;}
.bestPostscript div .txtArea {padding:10px;}
.bestPostscript div .txtArea .tit {font-size:13px;}
.bestPostscript div .txtArea .txt {font-size:12px;}
.bestPostscript div .txtArea .blog a {font-size:12px;}


.agreeWrap .agreeBoxConf .tit {font-size:13px; padding:12px 0 12px 0; line-height:1.4;}
.agreeWrap .agreeBoxConf .txt {font-size:11px; padding:0 0 10px 0; line-height:1.4;}
.agreeWrap .agreeBoxConf .txt.last {font-size:11px; padding:0 0 10px 0; line-height:1.4;}
.agreeWrap .agreeBoxConf .txt ul li {font-size:11px; line-height:1.4; padding:0 0 0 5px;}
.agreeWrap .agreeBoxConf .category {padding:12px 0; margin:0 0 15px 0;}
.agreeWrap .agreeBoxConf .category ul.list li a {font-size:12px; padding:5px 0 5px 10px;}


.agreeWrap .agreeTable th {padding:10px 0; font-size:12px;}
.agreeWrap .agreeTable td {padding:10px 5px 10px 20px; font-size:12px;}

.prnBtnArea {margin:0 0 20px;}
.prnBtnArea a {width:100px; height:36px; line-height:36px; font-size:13px;}


/* my Save Money */
.mySaveMoney {font-size:14px;}
.mySaveMoney span {font-size:14px;}

/* member write inform */
.mInform th span {padding:0 0 0 4px;}
.mInform th {padding:16px 0 20px;}

/* join */
.certify {padding:10px 22px;}
.certify .cinfo ul li {font-size:12px;}
.certifybtn {width:120px; font-size:14px;}

/* celebration */
.celebration {margin:30px 0 0; padding:30px 10px 30px;}
.celebration .tit {font-size:20px;}
.celebration .tit span {font-size:20px;}
.celebration ul {width:auto; margin:0 10px;}
.celebration ul li {font-size:12px; background-position:left 7px;}

/* amount */
.amount h4 {font-size:18px;}
.amount .info li span {font-size:13px;}
.amount .info li span strong {font-size:16px;}

.amount02 h4 {font-size:18px;}
.amount02 .info li span {font-size:13px;}
.amount02 .info li span strong {font-size:16px;}

/* event */
.eventList {margin:40px auto 0;}
.eventList ul li .tit {font-size:13px;}
.eventList ul li .period {font-size:12px;}

/* product list */
.productList ul li {height:360px;}
.productList ul li div.pbox div.img img {width:200px;}
.productList ul li div.pbox div.name {font-size:15px;}
.productList ul li div.pbox div.effect {font-size:13px;}
.productList ul li div.pbox div.price {font-size:16px;}
.productList ul li div.hiddenArea .info span.name {font-size:18px;}
.productList ul li div.hiddenArea .info span.explan {font-size:13px;}

.event_product ul li {height:360px;}
.event_product ul li div.pbox div.img img {width:200px;}
.event_product ul li div.pbox div.name {font-size:15px;}
.event_product ul li div.pbox div.effect {font-size:13px;}
.event_product ul li div.pbox div.price {font-size:16px;}
.event_product ul li div.hiddenArea .info span.name {font-size:18px;}
.event_product ul li div.hiddenArea .info span.explan {font-size:13px;}

/* list tester */
.listTester2Wrap {margin:30px 0px 0px;}
.listTester2 .txtArea_test .tit strong {font-size:14px; line-height:18px;}
.listTester2 .txtArea_test .tit span.ing {height:18px; line-height:17px; font-size:11px; vertical-align:middle;}
.listTester2 .txtArea_test .tit span.fin {height:18px; line-height:17px; font-size:11px; vertical-align:middle;}
.listTester2 .txtArea_test .tit .txt {font-size:12px;}
.listTester2 .txtArea_test .tit .days {font-size:12px;}
.listTester2 .txtArea_test .tit .days span {font-size:12px;}
.listTester2 .txtArea_test .tit .days p {display:block;}


/* login */
.mboxWrap ul li {padding:0 0 10px 0;}
.mboxWrap .add {padding:6px 0 0 0;}
.mboxWrap .loginBtn {position:relative; left:0; top:0; width:100%; margin:14px 0 0 0; text-align:center;}
.mboxWrap .loginBtn a {display:block; width:100%; height:38px; line-height:38px; font-size:16px;}
.mboxWrap .loginBtn.noMember {margin:3px 0 0 0;}
.mboxWrap.idpw .loginBtn {top:-7px;}
.mboxWrap.idpw .loginBtn a span {display:inline;}


/* join */
.stepWrap ul li.s1 p {font-size:13px;}
.stepWrap ul li.s1 p span {font-size:14px; line-height:1.6;}
.stepWrap ul li.s1 p span u {display:block; font-size:14px;}
.stepWrap ul li.s2 p {font-size:13px;}
.stepWrap ul li.s2 p span {font-size:14px; line-height:1.6;}
.stepWrap ul li.s2 p span u {display:block; font-size:14px;}
.stepWrap ul li.s3 p {font-size:13px;}
.stepWrap ul li.s3 p span {font-size:14px; line-height:1.6;}
.stepWrap ul li.s3 p span u {display:block; font-size:14px;}
.stepWrap ul li .step p {margin:10px 0 0 0;}


/* agree */
.agreeWrap .agreeBox .tit {font-size:12px;}
.agreeWrap .agreeBox .txt {font-size:12px;}
.agreeWrap .agreeChk label {font-size:12px;}
.agreeWrap .agreeBox.full {padding:10px;}
.agreeWrap .agreeBox.half {padding:10px;}
.agreeWrap .secessionBox {padding:12px 12px 0 12px;}
.agreeWrap .secessionBox .tit {font-size:12px; padding:0 0 12px;}


/* secession */
.missingBenefits ul li p {font-size:15px; background-position:left 6px;}
.missingBenefits ul li strong {font-size:15px;}


/* tabContent */
.tabContent h3 {font-size:16px;}
.tabContent .grademark p.total {font-size:16px;}
.tabContent .grademark p img {width:16px;}
.tabContent .grademark p.txt {font-size:13px; line-height:1.6; padding:0 0 5px 0;}
.tabContent .grademark p.txt span {font-size:13px;}
.tabContent .grademark p.txt u {display:block; font-size:13px;}
.tabContent .qnaTxt p.tit {font-size:16px;}
.tabContent .qnaTxt p.txt {font-size:13px;}
.tabContent .qnaTxt p.txt span {font-size:13px;}
.tabContent .qnaTxt p.txt u {display:block; font-size:13px;}


/* ¸ÅÀå¾È³» */
.storeWrap .rollArea {width:100%; height:auto; overflow:hidden;}
.storeWrap .infoArea table th {padding:16px 10px 16px 0;}
.storeWrap .infoArea table th span {font-size:12px; padding:0 0 0 5px;}
.storeWrap .infoArea table td {padding:17px 10px 16px 10px;}
.storeWrap .infoArea table td {font-size:12px;}
.tw132 {width:34%;}




/** common **/
/* tabs */
.mypageTabs {padding:0 0 20px 0;}
.mypageTabs ul li {width:50%;}
.mypageTabs.prn {padding:0;}

/* list */
.listDiv.mt {margin:30px 0 0 0;}
.listType th {font-size:12px;}
.listType td {font-size:12px;}
.listType td span.breakFirst {font-size:12px;}
.listType td span.break {display:block; font-size:12px; line-height:1.4;}
.listType td.total {font-size:12px;}
.listType td.total strong {font-size:13px;}

/* list type */
.listSearch {margin:40px 0 0 0;}

/* view */
.viewHead .subject {font-size:13px;}
.viewHead .title {font-size:12px;}
.viewHead .title strong {font-size:12px;}
.viewHead .day ul.ab2 {position:relative; left:0; top:0; border-top:1px #e5e5e5 solid;}
.viewHead .day ul li {font-size:12px;}
.viewHead .day ul li strong {font-size:12px;}
.viewContent {font-size:12px; padding:20px 10px;}

.layerBody .viewHead .day ul li strong {padding:0 12px 0 20px;}

/* pre next table */
.preNext th span {font-size:12px;}
.preNext td {font-size:12px;}
.preNext th span.pre {background-position:right 4px;}
.preNext th span.next {background-position:right 4px;}

/* data table */
.diTable th {font-size:12px;}
.diTable th u {font-size:12px;}
.diTable td {font-size:12px;}
.diTable.counsel01 th {font-size:12px;}
.diTable.counsel01 th u {font-size:12px;}
.diTable.counsel02 th {font-size:12px;}

.diTable th p {padding:10px 0 10px 60px;}
.mtype {width:160px;}
.diTable th p.s01 {background-position:0 -4px; background-size:54px 54px;}
.diTable th p.s02 {background-position:0 -4px; background-size:54px 54px;}
.diTable th p.s03 {background-position:0 -4px; background-size:54px 54px;}
.diTable th p.s04 {background-position:0 -4px; background-size:54px 54px;}
.diTable th p.s05 {background-position:0 -4px; background-size:54px 54px;}
.diTable td.method {padding:10px 10px 9px 10px; background-size:54px 54px;}
.diTable th p strong {font-size:13px;}

.prnInquiry {padding:20px 0;}
.prnInquiry .conf .tit {font-size:13px;}
.prnInquiry .conf ul li {font-size:12px;}
.prnInquiry .abConf {padding:20px 0 0 0; margin:20px 0 0 0; font-size:25px;}
.prnInquiry .abConf p span {font-size:12px;}




/* reply */
.replyForm {padding:10px;}
.replyForm textarea {width:95%;}
.replyForm .btn {position:relative; left:0; top:0; margin:5px 0 0 0;}
.replyForm .btn a {width:100%; height:40px; line-height:40px; font-size:13px;}

.replyWrap .replyBox .info {position:relative; left:0; top:0; text-align:left; padding:0 0 10px 10px;}
.replyWrap .replyBox .info span {display:inline;}
.replyWrap .replyBox {padding:10px 0;}
.replyWrap .replyBox .txt {margin:0 10px;}
.replyWrap .replyBox .mytxt {margin:0 10px;}
.replyWrap .replyBox .btn {position:relative; left:0; top:0; margin:5px 0 0 10px; width:100%;}
.replyWrap .replyBox .btn ul li {float:left; padding:0 3px 0 0;}
.replyWrap .replyBox .replyType {width:93%;}
.replyWrap .replyBox .btn.rmod {top:0;}

.rmodifySubmit {width:94%; height:40px; line-height:40px;}


/* review */
.review .imgArea img {width:100%;}
.review .txtArea .product {font-size:14px; min-height:30px; padding:0 12px 15px;}
.review .txtArea .txt {font-size:12px; padding:20px 12px 0;}
.review .txtArea .id {font-size:12px; padding:13px 12px 17px;}
.review .bottom {width:auto; height:auto; overflow:hidden; padding:0 12px;}
.review .bottom .days {float:none; width:100%; line-height:1.2; padding:10px 0 0 0;}
.review .bottom .rating {float:none; width:100%; line-height:1.2;}
.review .bottom .rating ul {margin:0;}


/* qnaList */
.qnaList ul li a .q {padding:15px 12px 18px;}
.qnaList ul li a .q .tit {font-size:13px;}
.qnaList ul li a .q .txt {font-size:12px;}
.qnaList ul li a .a	 {padding:15px 12px;}
.qnaList ul li a .a .txt {font-size:12px;}
.qnaList ul li a .a .txt span {font-size:13px;}


/* write */
.writeTable th span {font-size:12px;}



/* selectbox */
span.listSelectBox{height:30px; font-size:12px; background:url('../images/bg/bg_list_select_m.gif') right center #fff no-repeat;}
.listSelectBoxInner{font-size:12px;white-space:nowrap; line-height:30px; padding:0 24px 0 10px;}

span.searchStyleSelectBox{height:32px; font-size:12px; background:url('../images/bg/bg_n_m_select.gif') right center #fff no-repeat;}
.searchStyleSelectBoxInner{font-size:12px;white-space:nowrap; line-height:32px; padding:0 24px 0 10px;}

/* search box */
.listSearch .sinput {height:28px; line-height:28px;}
.listSearch button {width:35px; height:30px; background:url('../images/btn/btn_search_m.gif') left top no-repeat;}


/* btn type */
.mListbtn {width:82px; font-size:14px;}
.mGraybtn {width:82px; font-size:14px;}
.mLightbtn {width:82px; font-size:14px;}
.mbtn {font-size:13px; height:32px; line-height:32px;}
.msBtn {font-size:13px; height:32px; line-height:32px;}
.pOrgBtn {width:100px; height:32px;}
.pOrgBtn p {padding:9px 0 0 0; font-size:14px;}
.pCancelBtn {width:100px; height:32px;}
.pCancelBtn p {padding:9px 0 0 0; font-size:14px;}
.minPurchase {font-size:12px;}
.minCart {font-size:12px;}
.minDel {font-size:12px;}
.dStateBtn {font-size:13px; width:82px; height:32px; line-height:32px;}
.dokBtn {font-size:13px; width:82px; height:32px; line-height:32px;}
.addressBtn {font-size:12px; width:72px; height:30px; line-height:28px;}
.mDarkbtn {font-size:14px;}
.informBtn {font-size:12px; height:32px; line-height:32px;}
.infoBtn {font-size:12px;}

.pwChangeBtn {font-size:13px; width:110px; height:32px; line-height:32px;}
.nextChangBtn {font-size:13px; width:110px; height:32px; line-height:32px;}


/* input type */
.w97p {width:92%; height:30px; line-height:30px;}
.w144 {width:75px; height:30px; line-height:30px;}
.w144_e {width:178px; height:30px; line-height:30px;}
.w176 {height:30px; line-height:30px;}
.w305 {width:178px; height:30px; line-height:30px;}
.w380 {width:185px; height:30px; line-height:30px;}
.w490 {width:178px; height:30px; line-height:30px; background-position:left -3px;}
.w490_n {width:178px; height:30px; line-height:30px;}

.wm557 {height:30px; line-height:30px;}
.wm107 {width:78px; height:30px; line-height:30px;}
.wm144 {height:30px; line-height:30px;}
.wm176 {width:82px; height:30px; line-height:30px;}
.wm241 {height:30px; line-height:30px;}

.pwSubject {width:91%;}


/* textarea */
.tta {width:87%; height:100px;}
.tta02 {width:87%;}
.pwtta {width:85%; height:100px;}



/* btn type */
.mApplication {font-size:15px;}
.periodBtn {margin:4px 0 0 0;}

/* pta */
.pta li.mq540 {clear:both; padding:5px 0 0 0;}
.pta li.mqst540 {clear:both; padding:5px 0 0 34px;}
.pta li.mqPt5 {padding:5px 0 0 0;}
.pta li span.valign {line-height:30px;}
.pta li span.valign2 {padding:0 4px; line-height:30px;}
.pta li label {padding:0 20px 0 8px; font-size:12px;}
.pta li p strong {font-size:12px;}
.pta li p u {font-size:12px;}
.pta li p.interval02 {font-size:12px;}
.pta li.onlineTxt {padding:10px 6px 0 0;}

/* addtxt */
.rightAddTxt {text-align:left; font-size:12px;}


/* layer pop */
#layerHead {margin:20px 20px 0; padding:0 0 20px 0;}
#layerHead span {font-size:20px;}
#layerHead p.btn {top:-8px;}
#layerHead p.btn img {width:34px;}
#layerBody .paymentNumber {padding:28px 0; font-size:20px;}
#layerBody .paymentNumber strong {font-size:20px;}
#layerBody {padding:0 20px 30px;}

#layerBody .addProduct {font-size:15px; padding:30px 0 12px;}
#layerBody .addProduct span {font-size:13px; padding:10px 0 0 0;}

#layerBody .infoTxt {margin:20px 0 0 0;}
#layerBody .infoTxt p {font-size:12px; line-height:1.4; background-position:6px 4px; padding:0 0 6px 20px;}

#layerBody .pwChange {margin:20px 0 0 0; padding:20px 10px;}
#layerBody .pwChange .tit {font-size:17px; padding:0;}
#layerBody .pwChange .txt {font-size:12px;}
#layerBody .pwChange .txt strong {font-size:12px;}

#layerBody .tip {margin:20px 0 0 0;}
#layerBody .tip p {font-size:13px;}
#layerBody .tip ul li {font-size:11px; background-position:left 10px;}

#layerBody .addReceive {font-size:12px; line-height:1.2; padding:30px 0 15px 0;}
#layerBody .addReceiveForm .receiveName {width:140px; height:28px; line-height:28px; margin:0;}
#layerBody .addReceiveForm .receiveBtn {width:70px; height:30px; line-height:30px; font-size:12px;}


.prnAddTxt {margin:20px 0 0 0;}
.prnAddTxt p {font-size:12px; line-height:1.4; background-position:4px 7px;}
.prnAddTxt.mt {margin:30px 0 0 0;}


}







/*** media query 520px ***/
@media all and (max-width:520px){


.eventList {width:216px; margin:20px auto ;}
.eventList ul {margin:0;}
.eventList ul li {margin:0 0 20px 0;}

.myPageType ul li {width:50%; height:270px;}

}




/*** media query 490px ***/
@media all and (max-width:490px){

.pta li.mq480 {clear:both; padding:5px 0 0 0;}


}





/*** media query 480px ***/
@media all and (max-width:480px){

/** layout **/
#container h2 span i {display:block; line-height:1.4;}

.mboxWrap.idpw .joinInduction a {position:relative; left:0; top:0; margin:10px auto 0;}

/** common **/
/* tab */
.tabs ul.base {width:270px; margin:0 auto; text-align:left;}
.tabs ul.base li {width:90px;}
.tabs ul.base li a {font-size:12px; line-height:38px;}
.tabs ul.base li.on a {line-height:40px;}
.tabs ul.base li.bn a {border-top:0;}

.tabs ul.five {width:270px;}
.tabs ul.five li.mn a {border-top:0;}
.tabs ul.five li {width:90px;}
.tabs ul.five li a {font-size:12px; line-height:38px;}
.tabs ul.five li.on a {line-height:40px;}

.mypageTabs ul li a {font-size:12px; line-height:40px;}


.deliveryProcess ul li {width:50%;}
.deliveryProcess ul li .first {display:block;}
.deliveryProcess ul li .second {display:none;}


.orderDBtn {width:auto; height:auto; line-height:1.2; padding:8px;}
.orderDBtn span {display:block;}
.deliveryBtn {width:auto; height:auto; line-height:1.2; padding:8px;}
.deliveryBtn span {display:block;}


/* ¹è¼ÛÁö Á¶È¸ */
#layerWrap #layerBody .tit {font-size:13px;}
#layerWrap #layerBody .cate label {font-size:13px;}


}




/*** media query 460px ***/
@media all and (max-width:460px){

.pta li.mq460 {clear:both; padding:5px 0 0 0;}
.wm176 {width:75px;}

.relatedProducts ul {width:auto; margin:20px 10px 0;}
.relatedProducts ul li {width:42%; margin:0 4% 20px;}

}





/*** media query 450px ***/
@media all and (max-width:450px;){

.listTester2 .imgArea_test {width:auto; height:auto; margin:0; border:2px red solid;}

/* login */
.mboxWrap .addInfo div {float:left; width:48%; padding:0;}
.mboxWrap .addInfo div.f {float:right;}
.mboxWrap .addInfo div.d {clear:both; margin:10px 0 0 0;}

.idSearchBtn {width:100%;}
.pwSearchBtn {width:100%;}
.joinGoBtn {width:100%;}

}









/*** media query 420px ***/
@media all and (max-width:420px){

/* product detail */
#productDetail #pDetail .infoWrap .info .data {padding:25px 0 0 0;}
#productDetail #pDetail .infoWrap .info .data ul li {padding:0 10px 20px 25%;}
#productDetail #pDetail .infoWrap .info .data ul li.features {padding:0 10px 10px 25%;}
#productDetail #pDetail .infoWrap .info .data ul li.qty {padding:0 10px 10px 25%;}

/* member write inform */
.mInform th span {padding:0;}
.mInform th span u {display:block; padding:4px 0;}


/* write table */
.writeTable th.left {padding:19px 0 19px 10px;}

/* table wide */
.thWide {width:70px;}
.cartImg {width:1px;}
.listType td.img {padding:0; width:0; line-height:0; font-size:0;}
.listType td.img img {display:none;}

/* table */
.diTable th u {display:block;}
.tw8 {width:8%;}


/* pta */
.pta li.skin {padding:4px 0;}
.pta li.skin label {padding:0 20px 0 5px;}
.pta li.star label {padding:0 0 0 2px;}
.pta li.sms {clear:both; margin:5px 0 0 0;}
.pta li.cate {clear:both; margin:5px 0 0 0;}
.pta li.mq420 {clear:both; padding:5px 0 0 0;}

/* amount */
.amount .won {font-size:12px; padding:14px 0;}
.amount .won span {font-size:13px;}
.amount .totalty {font-size:12px; padding:14px 0;}
.amount .totalty span {font-size:13px;}
.amount .add {margin:0 0 0 -9px;}
.amount .add img {width:18px;}
.amount .minus img {width:18px;}
.amount .totalSum {margin:0 0 0 -9px;}
.amount .totalSum img {width:18px;}

.amount .sales {width:36%;}
.amount .delivery {width:28%;}
.amount .add {left:36%;}
.amount .totalSum {left:64%;}
.amount .tit {font-size:13px;}


.amount02 .won {font-size:12px; padding:14px 0;}
.amount02 .won span {font-size:13px;}
.amount02 .totalty {font-size:12px; padding:14px 0;}
.amount02 .totalty span {font-size:13px;}
.amount02 .add {margin:0 0 0 -9px;}
.amount02 .add img {width:18px;}
.amount02 .minus img {width:18px;}
.amount02 .totalSum {margin:0 0 0 -9px;}
.amount02 .totalSum img {width:18px;}

.amount02 .sales {width:36%;}
.amount02 .delivery {width:28%;}
.amount02 .add {left:36%;}
.amount02 .totalSum {left:64%;}
.amount02 .tit {font-size:13px;}


.myPageType ul li {height:200px;}
.myPageType ul li .img {width:124px;}
.myPageType ul li .img img {width:124px; height:124px;}

}








/*** media query 370px ***/
@media all and (max-width:370px){

.certify .cbtn ul li {float:none; margin:0 0 10px 0;}
.certifybtn {display:block; margin:0 auto;}

.pta.cate label {padding:0 10px 0 8px;}

.relatedProducts ul li {width:46%; margin:0 2% 20px;}
.relatedProducts ul li .price {font-size:16px;}

.pta li.mq370 {clear:both; padding:5px 0 0 0;}


}


/*** media query 340px ***/
@media all and (max-width:340px){

.w176 {width:63px;}
.w380 {width:151px;}
.msBtn {width:60px;}
.periodBtn {width:40px;}

}


/* btn area */
.btnAreaList {position:relative; width:100%; text-align:center; margin:40px 0 0 0; clear:both; overflow:hidden;}
.btnAreaList .right {float:right; padding:10px 0 0 0;}
.btnAreaList .right li {float:left; padding:0 0 0 10px;}
.btnAreaList.mn {margin:20px 0 0 0;}


.pOrgBtn {display:inline-block; width:100px; height:50px; line-height:1.4; text-align:center; background:#37c8b6; border-radius:2px;}
.pOrgBtn p {font-size:16px; color:#fff; font-weight:600; padding:17px 0 0 0;}
.pOrgBtn:hover {color:#fff;}


.pCancelBtn {display:inline-block; width:100px; height:50px; line-height:1.4; text-align:center; background:#333; border-radius:2px;}
.pCancelBtn p {font-size:16px; color:#fff; font-weight:600; padding:17px 0 0 0;}
.pCancelBtn:hover {color:#fff;}