@charset "utf-8";
@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css");

@font-face {
    font-family:'MalgunGothicRegular';
    src: url('../common/font/MalgunGothicRegular.eot');
    src: url('../common/font/MalgunGothicRegular.eot?#iefix') format('embedded-opentype'),
         url('../common/font/MalgunGothicRegular.svg#MalgunGothicRegular') format('svg'),
         url('../common/font/MalgunGothicRegular.woff') format('woff'),
         url('../common/font/MalgunGothicRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family:'MalgunGothicBold';
    src: url('../common/font/MalgunGothicBold.eot');
    src: url('../common/font/MalgunGothicBold.eot?#iefix') format('embedded-opentype'),
         url('../common/font/MalgunGothicBold.svg#MalgunGothicBold') format('svg'),
         url('../common/font/MalgunGothicBold.woff') format('woff'),
         url('../common/font/MalgunGothicBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'S-CoreDream-5Medium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




/* CSS Document */

body, div, ul, ol, li, table, th, tr, td, p, select, h1,h2,h3,h4 {padding:0; margin:0;}

div,a,b,h1,h2,h3,h4,input,li,p,pre,strong,select,th,td,textarea  {font-family:'맑은 고딕','Malgun Gothic','Malgun'; font-size:14px; color:#242424; letter-spacing:-1px;}

body  overflow:auto; overflow-x:hidden; overflow-y:auto;background:#ebebeb;}
.bg_f{ background-color:#FFF}
input  {margin:2px 0px;}
li  {list-style:none;}
img  {border:none;}
a  {text-decoration:none; font-family:'맑은 고딕','Malgun Gothic','Malgun';}
a:hover  {text-decoration:underline}
.alignLeft  {text-align:left;}
.alignRight  {text-align:right;}
.alignCenter  {text-align:center;}
.alignCenterAuto  {margin:0 auto; text-align:center; overflow:hidden;}
.alignTop {vertical-align:top;}
.clear  {clear:both;}
.FL  {float:left;}
.FR  {float:right;}
.bgGray1  {background:#F5F5F5;}
.bgYellow  {background:#f2e5b8;}
.border1  {border:1px solid #DCDCDC; background:#fff;}
.contSplit  {padding:35px;border:1px solid #cfcdce;background:#fff;}
.contSplit2  {padding:15px;border:1px solid #cfcdce;background:#fff;}
.contSplit3  {padding:35px; background:#fff;}
.borderB01  {border-bottom:1px solid #DCDCDC;}
.borderT01  {border-top:1px solid #DCDCDC;}
.border4blue  {border:4px solid #448CCB;}
.border1gray  {border:4px solid #cfcdce; background:#fff;}

.border4b  {border:4px solid #252525;}
.inputB01  {border:1px solid #cbcbcb; padding:1px;}
.inputB01S  {border:1px solid #A9A9A9; padding:1px; font-size:13px;}
.line20  {line-height:20px;}
.line01 {border-top:1px solid #A9A9A9;}

/* 샘플 검색용 추가 종료 : 20210705 By spanner */
.searchArea { text-align:center; padding:10px; margin:5px; }
.searchText { width:90%;height:40px; font-size:38px; line-height:1.3;color:#000; letter-spacing:-1px; font-family:S-CoreDream-5Medium;}
.test01 { font-family: 'S-CoreDream-5Medium';font-size:28px; }


.searchBody { display:inline-block;width:50%;height:40px;}
#searchTags { display:inline-block;width:90%;height:40px;}
.search-input-container { padding-bottom: 4em; }
.right-inner-addon { position: relative; }
.right-inner-addon input { padding-right: 25px !important; }
.right-inner-addon i { position:absolute; right:0px; padding:10px 10px; color:red; pointer-events:all; cursor:pointer;}
.input { font-size:18pt;width:100%; margin:0em !important; box-sizing:border-box; border-radius:5px; border:1px solid #f00; }
.input:focus { outline:none; }

.sh_item{margin-right:15px; position:relative}
.del{ position:absolute; display:block; right:-13px; bottom:-3px; width:20px; height:20px; background:url(/moa/img/sp_bg.png) no-repeat; background-position:-70px -84px;border:#c9c9c9 1px solid;border-radius:15px; background-color:#fff;box-shadow:1px #c4c4c4;cursor:pointer}
.tagBox{margin:8px 0px 8px 0px}
.tagBox>*{display:inline-block;height:28px;margin-top:6px;padding: 0px 17px 0px 12px;font-size:13px;line-height:28px;color:#333333;border:#dcdcdc 1px solid;border-radius:10px;background:#f7f7f7; }
.tagBox>.sp-del{padding-right:25px}
.tagBox>*.active{color:#fff;background:#383a3f;border:#383a3f 1px solid}

/* 샘플 검색용 추가 종료 : 20210705 By spanner */

.video-container { margin: 0;padding-bottom: 75%; max-width: 100%; height: 0; position: relative;overflow: hidden;} 
.video-container iframe, 
.video-container object, 
.video-container embed { margin: 0;padding: 0; width: 100%; height: 95%;position: absolute; top: 0;left: 0; }

.font11  {font-size:11px;}
.font12  {font-size:12px;}
.font13  {font-size:13px;}
.font14  {font-size:14px;}
.font16  {font-size:16px;}
.font18  {font-size:18px; letter-spacing:-1px; }
.font20  {font-size:20px; letter-spacing:-1px;}
.font22  {font-size:22px; letter-spacing:-1px;}
.font24  {font-size:24px; letter-spacing:-1px;}
.font20Eng  {font-size:20px; font-family:tahoma; font-weight:normal; letter-spacing:normal}
.fontBold  {font-weight:bold;}
.fontNormal  {font-weight:normal;}
.fontEng  {font-family:tahoma;}
.fontVer  {font-family:verdana;}
.fontSlim  {letter-spacing:-1px;}
.fontLine  {text-decoration:underline}
.colorBlue  {color:#0072BC;}
.colorBlue1  {color:#1E7A93;}
.colorGray  {color:#646464;}
.colorGray2  {color:#999999;}
.colorYellow  {color:#FFF568;}
.bgcolor {background:#F5F5F5;}
.bgcolor2 {background:#ededed;}
.colorGreen  {color:#008B43;}
.colorRed  {color:red;}
.colorRed1  {color:#EC008C;}
.colorRed2  {color:#ff5733;}
.colorOrange  {color:#FF5500}
.colorBlk  {color:#000}
.colorWk  {color:#fff}


.mb5  {margin-bottom:5px;}
.mb10  {margin-bottom:10px;}
.mb20  {margin-bottom:20px;}
.mb30  {margin-bottom:30px;}
.mb50  {margin-bottom:50px;}

.ml10  {margin-left:10px;}
.ml20  {margin-left:20px;}
.ml30  {margin-left:30px;}
.ml40  {margin-left:40px;}
.mr5  {margin-right:5px;}
.mr10  {margin-right:10px;}
.mr20  {margin-right:20px;}
.mr30  {margin-right:30px;}
.mr40  {margin-right:40px;}
.mt5  {margin-top:5px;}
.mt10  {margin-top:10px;}
.mt20  {margin-top:20px;}
.mt30  {margin-top:30px;}
.margin3-1  {margin:3px 3px 3px 0px}
.mg5  {margin:5px;}
.mg10  {margin:10px;}
.mg20  {margin:20px;}
.mg30  {margin:30px;}
.pr5 {padding-right:10px;}
.pr10 {padding-right:10px;}
.pr20 {padding-right:20px;}
.pl10  {padding-left:10px;}
.pl5  {padding-left:5px;}
.pl20  {padding-left:20px;}
.pl30  {padding-left:30px;}
.pt5  {padding-top:5px;}
.pt10  {padding-top:10px;}
.pt20  {padding-top:20px;}
.pt30  {padding-top:30px;}
.pb5  {padding-bottom:5px;}
.pb10  {padding-bottom:10px;}
.pb20  {padding-bottom:20px;}
.pb30  {padding-bottom:30px;}
.pd5  {padding:5px;}
.pd10  {padding:10px;}
.pd20  {padding:20px;}
.hr1  {height:1px; background:#DCDCDC; overflow:hidden; padding:0; margin-top:30px;}
.hr2  {height:1px; background:#DCDCDC; overflow:hidden; padding:0; margin:30px 0;}
.hr3  {height:1px; background:#DCDCDC; overflow:hidden; padding:0; margin-bottom:30px;}
.uline  {text-decoration:underline;}
.space10  {height:10px; overflow:hidden; clear:both;}
.space15  {height:15px; overflow:hidden; clear:both;}
.space20  {height:20px; overflow:hidden; clear:both;}
.space25  {height:25px; overflow:hidden; clear:both;}
.space30  {height:30px; overflow:hidden; clear:both;}
.space50  {height:50px; overflow:hidden; clear:both;}
.radioSpace  {display:inline-block; margin-right:20px;}
.infobox dt  {font-weight:bold; font-size:16px; border-bottom:1px solid #DCDCDC; padding-bottom:5px; margin-bottom:5px;}
.infobox dd {margin-left:5px;}
.infobox dd a  {position:relative; top:-5px;}
.tblinline  {display:inline-block; padding:10px; margin:0 10px;}
.iconside  {position:relative; top:-4px;}
.iconside2  {position:relative; top:-2px;}
.linkRight  {float:right; margin-top:5px; font-size:12px;}
.linkhelp  {position:relative; top:-5px;}
.linkhelp2  {position:relative; top:-2px;}
.bullet03  {position:relative; top:-2px;}
.bullet05  {position:relative; top:-2px; left:1px;}
.bullet06  {position:relative; top:-3px; left:5px;}
.inlineblock  {display:inline-block;}
.block  {display:block;}
.position01  {position:relative; top:-1px;}
.position02  {position:relative; top:-2px;}
.position03  {position:relative; top:-3px;}
.position-5  {position:relative; top:-5px;}
.position05  {position:relative; top:5px;}
.position10  {position:relative; top:9px;}
.info2line  {display:block; padding-left:10px;}
.taglabel  {color:#969696}
.taglabel strong  {position:relative; top:-1px; border:1px solid #B4B4B4; border-radius:2px; height:20px; padding:0px 10px 3px 10px; color:#FFF; font-size:12px; font-weight:bold; background:#B4B4B4; margin:2px; text-align:center;}
.linkmore  {position:relative; top:-2px; left:0px; color:#0072BC; text-decoration:none;}
.optionBlock  {display:inline-block; width:300px; margin-right:20px; padding-top:3px}
.optionBlock a.linknormal  {color:#242424;}

.input01  {border:1px solid #666; font-size:14px; padding:2px; height:16px;}
.xspace  {display:inline-block; text-align:center; width:20px;}


a.arrowDown  {display:inline-block; margin-top:-2px; width:16px; height:16px; background:url(/moa/img/bullet_down_off.png) no-repeat; background-size:contain;}
a.arrowDown:hover  {display:inline-block; width:16px; height:16px; background:url(/moa/img/bullet_down_on.png) no-repeat; background-size:contain;}
a.arrowUp  {display:inline-block; margin-top:-2px; width:16px; height:16px; background:url(/moa/img/bullet_up_off.png) no-repeat; background-size:contain;}
a.arrowUp:hover  {display:inline-block; width:16px; height:16px; background:url(/moa/img/bullet_up_on.png) no-repeat; background-size:contain;}

/*/ a /*/
a.basic_a:link { color: #0072BC;  text-decoration: none;}
a.basic_a:visited { color: #0072BC; text-decoration: none;}
a.basic_a:hover { color: #64a2ca; text-decoration: underline;}
a.basic_a:active { color: #85c1e8; text-decoration: none;}

a.title_link:link { color: #0072BC;  text-decoration: none; font-size:18px;}
a.title_link:visited { color: #0072BC; text-decoration: none; font-size:18px;}
a.title_link:hover { color: #64a2ca; text-decoration: underline; font-size:18px;}
a.title_link:active { color: #85c1e8; text-decoration: none; font-size:18px;}

.ellipsis{
	width:100%;
	white-space:nowrap;
	overflow:hidden;
	dispaly:block;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	moz-binding:url('ellipsis.xml#ellipsis');
}
.wrap {background:#ebebeb;}

#toplink  {position:relative;height:37px;background:url(/moa/img/common/bg_head.png)}
#toplink a {display:inline-block; text-decoration:none; font-size:12px; font-weight:bold; line-height:16px; vertical-align:top;color:#474747;}
#toplink ul  {position:relative; width:970px; margin:0 auto;}
#toplink ul .leftArea  {float:left; width:50%; height:36px;line-height:16px; margin-top:5px;}
#toplink ul .leftArea a {float:left; padding:0px 13px 0px 21px;  }
#toplink ul .leftArea a:hover  {color:#327C97;}
#toplink ul .leftArea .company {background:url(/moa/img/common/bullet_company.gif) no-repeat 0px 0;}
#toplink ul .leftArea .state {background:url(/moa/img/common/bullet_state.gif) no-repeat 0px 0;}
#toplink ul .leftArea .lab {background:url(/moa/img/common/bullet_lab.gif) no-repeat 0px 0;}
#toplink ul .leftArea .send {background:url(/moa/lib/image/bullet_send.gif) no-repeat 0px 0;}

#toplink ul .rightArea  {float:right; width:485px;height:36px;line-height:16px; margin-top:5px;text-align:right;}
#toplink ul .rightArea a  {padding:0px 0px 0px 21px; margin-left:15px;}
#toplink ul .rightArea a:hover  {color:#327C97;}
#toplink ul .rightArea .login {background:url(/moa/img/common/bullet_login.gif) no-repeat 0px 0;}
#toplink ul .rightArea .join {background:url(/moa/img/common/bullet_join.gif) no-repeat 0px 0;}
#toplink ul .rightArea .cart {background:url(/moa/img/common/bullet_cart.gif) no-repeat 0px 0;}
#toplink ul .rightArea .mypage {background:url(/moa/img/common/bullet_mypage.gif) no-repeat 0px 0;}
#toplink ul .rightArea .card {background:url(/moa/img/common/bullet_card.gif) no-repeat 0px 0;}

#gnbArea  {}
#gnbArea #gnbSize  {position:relative;width:970px; margin:0 auto; }
#gnbArea #gnbSize .sns  {position:absolute;left:3px;top:30px; }
#gnbArea #gnbSize h1  {text-align:center; margin-bottom:10px; padding-top:10px;}
#gnbArea #gnbSize .tel  {position:absolute;right:3px;top:40px;}
#gnbArea #gnbSize #menuAll {position:absolute; right:0; width:120px; height:50px; z-index:100;}
#gnbArea #gnbSize #menuAll li a  {display:inline-block; width:110px; height:35px;padding:15px 10px 0 0; color:#FFF; font-size:15px;font-weight:bold;text-align:center;text-decoration:none;background:url(/moa/img/menuAll_off.gif) no-repeat 100px 21px;}
#gnbArea #gnbSize #menuAll li a span  {position:relative; padding:0; margin:0; line-height:14px;color:#ff5732;} 
#gnbArea #gnbSize #menuAll li a.on {font-size:15px;background:#ff5732 url(/moa/img/menuAll_on.gif) no-repeat 100px 21px;}
#gnbArea #gnbSize #menuAll li a.on span {color:#fff;}
#gnbArea #div_submenuArea  {position:absolute; top:148px; left:0; width:100%; height:224px;z-index:200;background:#fff;}
#gnbArea #div_submenuArea .menucover  {position:absolute;left:0;bottom:-13px; width:100%; height:14px;background:url(/moa/img/div_submenuArea_bg.png) repeat-x 0 0;}

#gnbArea #div_submenuArea #submenuLayer  {display:block; width:970px;margin:0 auto;height:224px;}
#gnbArea #div_submenuArea #submenuLayer li  {float:left;height:214px; padding-left:5px; padding-top:10px;border-right:1px solid #ececec;}
#gnbArea #div_submenuArea #submenuLayer li a  {display:block;padding-left:8px; color:#242424; font-size:12px; line-height:110%;letter-spacing:-1px;margin:10px 0px 0px 0px;}
#gnbArea #div_submenuArea #submenuLayer li a:hover  {text-decoration:underline; color:#ff5732;}
#gnbArea #div_submenuArea #submenuLayer li strong {display:block;padding-left:8px; padding-bottom:15px;font-size:15px;color:#242424;}
#gnbArea #div_submenuArea #submenuLayer #subBlock1  {width:120px; padding-left:10px; }
#gnbArea #div_submenuArea #submenuLayer #subBlock2  {width:107px;}
#gnbArea #div_submenuArea #submenuLayer #subBlock3  {width:90px;}
#gnbArea #div_submenuArea #submenuLayer #subBlock4  {width:115px;}
#gnbArea #div_submenuArea #submenuLayer #subBlock5  {width:112px;}
#gnbArea #div_submenuArea #submenuLayer #subBlock6  {width:102px;}
#gnbArea #div_submenuArea #submenuLayer #subBlock7  {width:130px;}
#gnbArea #div_submenuArea #submenuLayer #subBlock8  {width:130px; border-right:none;}
#gnbArea #closeLayer  {position:absolute; bottom:-25px; left:50%; margin-left:-27px; width:55px; height:22px; z-index:100;}
#gnbArea #closeLayer a {background:url(/moa/img/btn_close2.png) no-repeat; display:block; width:55px; height:22px; text-indent:-200px; overflow:hidden;}
#gnbArea #div_categoryArea  {position:absolute; top:127px; left:50%; width:950px; height:100px; padding:20px; margin-left:-495px; z-index:10; background:url(/moa/img/submenu_bg.png); font-size:12px; color:#FFF; z-index:100;}
#gnbArea #div_categoryArea .menucover  {position:absolute; width:871px; height:50px; margin-top:-50px;}



#menuPos  {position:relative; z-index:20;border-bottom:2px solid #ff5732;background:#252525;}
#menuPos .menuSubBg {position:absolute;z-index:0;left:0;top:51px;width:100%;height:39px;background:url(/moa/img/submenu_bg.png); list-style:none;}
#menuPos ul.menu {list-style:none; width:970px;height:49px; margin:0 auto; padding:0;}
#menuPos ul.menu a {display:block; color:#FFF; text-decoration:none;}
#menuPos ul.menu a:hover {display:block; color:#FFF; text-decoration:none}
#menuPos ul.menu li {float:left;}
#menuPos ul.menu li ul {position:absolute; top:51px; left:0; width:100%; height:39px;display:none; opacity:0; list-style:none;}
#menuPos ul.menu li ul li {float:none;position:relative;width:970px;margin:0 auto;}
#menuPos ul.menu li ul li a.mlink {display:block;float:left;margin:10px 0 0 10px; padding:0 0 3px 10px; font-size:12px; background:url(/moa/img/menu_bul01.png) no-repeat 0 3px;}
#menuPos ul.menu li ul li a.mlink:hover {text-decoration:underline; color:#FFF568;}
#menuPos ul.menu li ul li:first-child a {background:none;}
#menuPos.index .menuSubBg {position:absolute;z-index:0;left:0;top:51px;width:100%;height:0;background:none;display:none; list-style:none;}
#menuPos.index ul.menu li ul {background:url(/moa/img/submenu_bg.png);}

ul.menu .menulink {height:20px; padding:14px 26px 15px 18px; text-align:center; font-family:"맑은 고딕"; font-size:15px; font-weight:bold; color:#FFF; text-decoration:none;background:#252525 url(/moa/img/menu_1d_off.png) no-repeat 90% 50%;}
ul.menu .menulink:hover, ul.menu .menuhover {background:#ff5732 url(/moa/img/menu_1d_on.png) no-repeat 90% 50%; text-decoration:none;}

#visual  {position:relative;height:341px; width:100%;padding-top:10px;}
#visual #visualArrowLeft  {position:absolute; top:178px; left:50%; width:42px; height:80px; margin-left:-557px;}
#visual #visualArrowLeft a  {display:inline-block; width:42px; height:80px; background:url(/moa/img/mainVisual_arrowLeft_OFF.png) no-repeat; text-indent:100px; overflow:hidden;}
#visual #visualArrowLeft a:hover  {display:inline-block; width:42px; height:80px; background:url(/moa/img/mainVisual_arrowLeft_ON.png) no-repeat;}
#visual #visualArrowRight  {position:absolute; top:178px; left:50%; width:42px; height:80px; margin-left:515px;}
#visual #visualArrowRight a  {display:inline-block; width:42px; height:80px; background:url(/moa/img/mainVisual_arrowRight_OFF.png) no-repeat; text-indent:100px; overflow:hidden;}
#visual #visualArrowRight a:hover  {display:inline-block; width:42px; height:80px; background:url(/moa/img/mainVisual_arrowRight_ON.png) no-repeat;}
#visual #visualImg  {position:relative; left:50%; top:0px; margin-left:-485px; z-index:0;}
#visual #visualImg li  {width:970px; height:331px; text-align:center}
#visual #visualImg li img  {position:relative; margin-top:-50px;}
#visual #visualImg .visImgName  {opacity: 0.0; filter: alpha(opacity = 0); -ms-filter: “alpha (opacity=0)”; -moz-opacity: 0.0; -khtml-opacity: 0.0; zoom: 1;}

#visual #overlap  {position:absolute; width:950px; height:127px; left:50%; margin-left:-465px; top:460px; z-index:10;}	/*2020-05-06 수정*/
#visual #overlap ul  {position:relative; width:970px; height:100px; margin:0 auto; text-align:center;}
#visual #overlap ul li  {display:inline-block; float:left; width:24%; padding:0; margin:0; text-align:center;}
#visual #overlap ul li dl  {width:218px;height:100px; display:inline-block; padding-top:7px; margin:0 auto; text-align:center;background:url(/moa/img/main_number_box.png) no-repeat top center;}
#visual #overlap ul li dd  {padding:0; margin:0;text-align:center; color:#fcff00;}
#visual #overlap ul li .overCount  {font-family:"Century Gothic"; font-size:36px; font-weight:bold; padding-bottom:5px;}
#visual #overlap ul li a.plus  {position:relative; left:3px; top:-12px;}
#visual #overlap ul li .overTitle  {font-size:13px; padding-top:6px;color:#fff;zoom: 1; }
#visual #overlap a.pluslink  {position:relative; left:3px; top:-5px;}
#visual #visualMsg  {position:absolute; top:174px; left:50%; margin-left:-444px; z-index:99;}
#visual #visualDark  {position:absolute; top:277px; left:0; width:100%; height:90px; background:url(/moa/img/visual_btm_dark.png) repeat-x; text-indent:-500px; z-index:99;}
#visual #visualSideDark  {position:absolute; top:127px; left:50%; margin-left:-495px; width:500px; height:220px; background:url(/moa/img/visual_imgside_dark.png) repeat-y; text-indent:-1000px; z-index:99;}
#visual #visualNavi  {position:absolute; top:307px; left:50%; background:url(/moa/img/visual_navi_box.png) no-repeat; width:80px; height:20px; margin-left:395px;}

#mainMidLink  {position:relative;background:url(/moa/img/main_mid_link_box.png) no-repeat top center; width:970px; height:175px; margin:0 auto; margin-top:200px; z-index:200;}	/*2020-05-06 수정*/
#mainMidLink ul {height:175px;}
#mainMidLink li  {float:left; width:20%;height:175px;}
#mainMidLink li dl.linkBlock  {margin-left:0px; margin-top:25px; color:#FFF;}
#mainMidLink li dl.linkBlock a  {font-size:12px; color:#FFF;}
#mainMidLink li dl.linkBlock a:hover  {color:#FFF568;}
#mainMidLink li dl.linkBlock dt {height:30px;padding-left:30px;font-weight:bold;color:#ff5732;padding-top:1px; font-size:16px; letter-spacing:-1px;}
#mainMidLink li dl.linkBlock.dt03 dt {padding-left:10px; padding-top:1px; font-size:16px; letter-spacing:-1px;}
#mainMidLink li dl.linkBlock.dt04 dt {padding-left:20px; padding-top:1px; font-size:16px; letter-spacing:-1px;}
#mainMidLink li dl.linkBlock dd  {margin:0 0 0 30px;padding:2px 0 2px 0;letter-spacing:-2px;}
#mainMidLink li dl.linkBlock.dt03 dd {margin-left:10px;}
#mainMidLink li dl.linkBlock.dt04 dd {margin-left:20px;}
#counter1, #counter2, #counter3 {font-family: arial; font-size: 40px; font-weight: bold; }


#mainlist  {margin-top:0px; padding-top:10px; padding-bottom:10px;}
#mainlist #mainlistArea  {width:981px; margin:0 auto;overflow:hidden;}
#mainlist #mainlistArea #tiles li  {position:relative;width:235px;margin:0 4px 9px 6px;float:left;background:url(/moa/img/tiles_mid_bg.png) repeat-y 0;}
#mainlist #mainlistArea #tiles li .masonry-brick{margin-top:0}
#mainlist #mainlistArea #tiles li .blockTopLink {position:absolute;left:0;top:0;z-index:10;}
#mainlist #mainlistArea #tiles li .blockMidLink {display:block;text-align:center;border:1px solid #FFF;background:#fff;}
#mainlist #mainlistArea #tiles li .blockBtmLink {position:absolute;left:0;bottom:0;z-index:10;width:235px;height:8px;background:url(/moa/img/tiles_btm_bg.png) no-repeat;}
#mainlist #mainlistArea #tiles li .midbtn {padding-left:1px;line-height:25px;background-color:#FFF}
#mainlist #mainlistArea #tiles li .img img {display:block;width:232px;height:auto;}
#mainlist #mainlistArea #tiles li .tagText {width:202px;margin-left:1px;padding:5px 15px 13px 15px;border-top:1px solid #d2d2d2;background:#fff;}
#mainlist #mainlistArea #tiles li:hover .tagText {color:#fff;background:#000000;}
#mainlist #mainlistArea #tiles li .tagText2 {display:block;padding:0 0 0 0;color:#acacac;font-size:11px;}
#mainlist #mainlistArea #tiles li .tagText3 {display:block;border-top:0px solid #fff;background:#fff;}
#mainlist #mainlistArea #tiles li:hover .tagText a {color:#fff;}
#mainlist #mainlistArea #tiles li:hover .tagText .tagText2 {color:#bbbbbb;}
#mainlist #mainlistArea #tiles li:hover .blockBtmLink {background:url(/moa/img/tiles_btm_bg2.png) no-repeat;}


#sublistArea .blockType  {float:left; width:178px; margin:5px; word-break:break-all; background:#565656;}
#sublistArea .blockType .blockTopLink  {float:left; width:170px; padding:10px 10px 7px 10px; background:#32323C; color:#FFF;}
#sublistArea .blockType .blockTopLink h1  {float:left; margin-left:22px; margin-top:-18px; width:150px; color:#FFF; }
#sublistArea .blockType .blockTopLink h1 a  {font-size:14px; color:#FFF; font-weight:normal; letter-spacing:-1px;}
#sublistArea .blockType .blockTopLink h1 a:hover  {color:#FFF200;}
#sublistArea .blockType .blockTopLink ul  {float:left; margin-top:5px; width:150px;}
#sublistArea .blockType .blockTopLink li  {margin-left:5px; color:#FFF;}
#sublistArea .blockType .blockTopLink li a  {color:#FFF; font-weight:normal;}
#sublistArea .blockType .blockTopLink li a:hover  {color:#FFF200;}
#sublistArea .blockType .blockTopLink #blockMovie  {position:relative; top:10px; left:0px; width:190px; height:auto; margin-left:-10px;}
#sublistArea .blockAttach  {margin-bottom:10px;}


#sublistArea .blockType p img  {width:100%; border:1px solid #DCDCDC; border-right-color:#C8C8C8; border-bottom:none;}/*이미지보더*/
#sublistArea .blockType .tagArea  {background:#F3F3F3; width:158px; padding:10px; border:1px solid #DCDCDC; border-right-color:#C8C8C8; border-bottom-color:#C8C8C8; border-top:none;}/*텍스트영역*/
#sublistArea .blockType .tagArea .tagText  {line-height:140%; overflow:hidden;}
#sublistArea .blockType .tagArea .tagText a:hover {color:#00F;}
#sublistArea .blockType .tagArea .tagText .sns_facebook  {display:inline-block; width:16px; height:16px; margin-right:4px; background:url(/moa/img/icon_facebook16.png) no-repeat; background-size:contain; text-indent:2000px;}
#sublistArea .blockType .tagArea .tagText .sns_twitter  {display:inline-block; width:16px; height:16px; margin-right:4px; background:url(/moa/img/icon_twitter16.png) no-repeat; background-size:contain; text-indent:2000px;}
#sublistArea .blockType .tagArea .tagText .sns_instagram  {display:inline-block; width:16px; height:16px; margin-right:4px; background:url(/moa/img/icon_instagram16.png) no-repeat; background-size:contain; text-indent:2000px;}
#sublistArea .blockType .tagArea .tagText2  {margin-top:5px; background:#FFF; padding:4px 5px 3px 5px; border:1px solid #EAEAEA; font-size:11px; color:#7D7D7D; line-height:11px;}
#sublistArea .blockType .tagArea .tagText2 .star1  {display:inline-block; width:50px; height:10px; background:url(/moa/img/icon_star.png) no-repeat; background-position:0px 0px;}
#sublistArea .blockType .tagArea .tagText2 .star2  {display:inline-block; width:50px; height:10px; background:url(/moa/img/icon_star.png) no-repeat; background-position:0px -10px;}
#sublistArea .blockType .tagArea .tagText2 .star3  {display:inline-block; width:50px; height:10px; background:url(/moa/img/icon_star.png) no-repeat; background-position:0px -20px;}
#sublistArea .blockType .tagArea .tagText2 .star4  {display:inline-block; width:50px; height:10px; background:url(/moa/img/icon_star.png) no-repeat; background-position:0px -30px;}
#sublistArea .blockType .tagArea .tagText2 .star5  {display:inline-block; width:50px; height:10px; background:url(/moa/img/icon_star.png) no-repeat; background-position:0px -40px;}

#subContBody  { overflow:hidden; margin:0;padding:30px 0 20px;}
#subContBody #path  {width:970px; margin:0 auto; padding:0px; font-size:12px;  height:20px;}
#subContBody #path a.path {position:relative; top:-2px; font-size:12px;}
#subContBody #path a.path_now {position:relative; top:-2px; font-size:12px; font-weight:bold}
#subContBody #path img  {position:relative; top:-1px;}
#subContBody #subShadowTop  {width:970px; height:4px; margin:0 auto; background:url(/moa/img/subBox_shadowTop.png) no-repeat; overflow:hidden;}
#subContBody #subShadowSide  {}
#subContBody #subShadowBottom  {width:998px; height:4px; margin:0 auto; background:url(/moa/img/subBox_shadowBottom.png) no-repeat; overflow:hidden;}
#subContBody #subContPage  {width:970px; margin:0 auto; overflow:hidden; }
#subContBody #subContPage #subTopTitle  { height:65px;margin-bottom:-1px;border-bottom:1px solid #c2c2c2;}
#subContBody #subContPage #subTopTitle #pageTitle  {font-size:26px; font-weight:bold; letter-spacing:-1px; margin-top:10px;}
#subContBody #subContPage #subTopTitle #comList  {margin-top:10px}
#subContBody #subContPage #subTopTitle #comList .comName {font-size:18px; font-weight:bold; letter-spacing:-1px;}
#subContBody #subContPage #subTopTitle #comList .comName a {font-size:18px; font-weight:bold; letter-spacing:-1px; color:#F30}
#subContBody #subContPage #subTopTitle #titleExp  {font-size:12px; font-weight:normal; margin-top:5px; height:32px;}


#subContBody #subContPage #subVisImg  {height:0px;font-size:0;line-height:0; text-align:right;}
#subContBody #subContPage #subPage  {width:970px; padding:10px 0 30px 0; min-height:600px; }
#subContBody #subContPage #subPage #contSplitLine  {height:1px;line-height:1px;font-size:0;background:#c2c2c2;}
#subContBody #subContPage #subPage .ulType01  {border-bottom:1px solid #DCDCDC; overflow:hidden;}
#subContBody #subContPage #subPage .ulType01 .left_li  {float:left; width:50%; height:207px; overflow:hidden;}
#subContBody #subContPage #subPage .ulType01 .right_li  {float:left; width:50%; height:207px; overflow:hidden;}
#subContBody #subContPage #subPage .contBlock  {margin-top:0px}
#subContBody #subContPage #subPage .contBlock .title  {font-size:22px; font-weight:bold; color:#242424; letter-spacing:-1px; margin-bottom:10px;}
#subContBody #subContPage #subPage .contBlock .bullet02  {background:url(/moa/img/bullet02.png) no-repeat 1px 7px; padding-left:8px;}
#subContBody #subContPage #subPage .policy p  {margin-top:0px; margin-bottom:20px;}
#subContBody #subContPage #subPage .policy dt  {font-weight:bold;}
#subContBody #subContPage #subPage .policy .num  {float:left;}
#subContBody #subContPage #subPage .policy .text  {padding-left:20px;}
#subContBody #subContPage #subPage .policy .text2  {padding-left:10px;}


/*테이블 페이징*/
.paging {text-align:center; padding:20px;  background:#FFF; border-bottom:0px solid #a0a0a0;border-left:0px solid #bcbcbc;border-right:0px solid #bcbcbc;}
.paging a:hover  {color:#000; font-weight:bold}
.paging a.num  {display:inline-block; padding:0 12px; border-right:1px solid #DCDCDC; border-width:0px 1px; color:#333 }
.paging a.num_now  {font-weight:bold; color:#F00; padding:0 12px; border-right:1px solid #DCDCDC; border-width:0px 1px;}
.paging a.num_prev  {display:inline-block; background:url(/moa/img/arrow_pre.png) no-repeat left 6px; padding:0px 20px;}
.paging a.num_next  {display:inline-block; background:url(/moa/img/arrow_next.png) no-repeat right 6px; padding:0px 20px;}


.paging2{text-align:center; padding:10px; margin-bottom:20px;}
.paging2 a:hover  {color:#000; font-weight:bold}
.paging2 a.num  {display:inline-block; padding:0 12px; border-right:1px solid #DCDCDC; border-width:0px 1px; color:#333 }
.paging2 a.num_now  {font-weight:bold; color:#F00; padding:0 12px; border-right:1px solid #DCDCDC; border-width:0px 1px;}
.paging2 a.num_prev  {display:inline-block; background:url(/moa/img/arrow_pre.png) no-repeat left 6px; padding:0px 20px;}
.paging2 a.num_next  {display:inline-block; background:url(/moa/img/arrow_next.png) no-repeat right 6px; padding:0px 20px;}


/*샘플 키워드 검색*/*/
.searchArea>.gradType1{position:relative;margin-top:10px;padding:2px;border-radius:21px}
.searchArea>.gradType1>input{width:100%;height:38px;padding:0 39px 0 23px;font-size:18px;border-radius:19px;}
.searchArea>.gradType1>button{position:absolute;top:0;right:0;width:43px;height:43px}


/*테이블 스타일*/
.tblSt01  {width:100%; border-collapse:collapse; clear:both;border:1px solid #bcbcbc; border-top:1px solid #757575; margin-bottom:0px; margin-top:-2px; padding:10px}
.tblSt01 thead th {padding:8px 0 10px; font-weight:normal; background:#dedcdc; border-top:1px solid #757575; border-bottom:1px solid #757575; font-weight:bold;}
.tblSt01 tbody th {border-bottom:1px solid #757575; padding:10px; background:#929292;  color:#000}
.tblSt01 tbody th.th01 {border-top:1px solid #a0a6ae; border-bottom:1px solid #C3CCD5; padding:10px 20px; background:#dedcdc; text-align:left;}
.tblSt01 tbody th.bg2 {background:#dedede;}
.tblSt01 tbody td  {border-bottom:1px solid #dcdcdc; padding:5px;background:#fff; }
.tblSt01 tbody td.boardContView  {padding:20px; vertical-align:top; height:300px;}
.tblSt01 tbody td input,a,img  {vertical-align:middle;}
.tblSt01 tbody td.pd20  {padding:20px;}
.tblSt01 tbody td.pd10  {padding:10px;}
.tblSt01 tbody td.orderComplete  {border:1px solid #dcdcdc; text-align:center; font-size:20px; font-weight:bold; color:#0B7CC1; padding:30px;}
.tblSt01 tbody td p.orderNumber  {margin:0 auto; width:40%; margin-top:20px; clear:both; padding:10px 50px; border:1px solid #dcdcdc; background:#FFF; font-size:20px; color:#FF5500; text-align:center;}
.tblSt01 tbody td.subject  {padding-left:20px;}
.tblSt01 tbody td.subject a:hover  {font-weight:normal; color:#0B7CC1;}
.tblSt01 tbody td .cartText  {display:inline-block; padding-left:30px;}
.tblSt01 tbody td .free_design_rdo {display:inline-block;width:80px;text-align:center;}
.tblSt01 tfoot td  {padding:20px; background-color:#FFF}
.tblSt01 tfoot td a:hover  {background:#F5F5F5;}
.tblSt01 tfoot td a.num  {display:inline-block; margin-left:-7px; padding:0 12px; border:1px solid #DCDCDC; border-width:0px 1px;}
.tblSt01 tfoot td a.num_now  {font-weight:bold; margin-left:-7px; padding:0 12px; background:#fff; border:1px solid #DCDCDC; border-width:0px 1px;}
.tblSt01 tfoot td a.num_prev  {display:inline-block; background:url(/moa/img/arrow_pre.gif) no-repeat left 6px; padding:0px 20px;}
.tblSt01 tfoot td a.num_next  {display:inline-block; background:url(/moa/img/arrow_next.gif) no-repeat right 6px; padding:0px 20px;}
.tblSt01 a.processtag1  {margin:1px 1px 1px 1px; display:inline-block; background:#FF8245; border:1px solid #F56A26; border-radius:3px; color:#FFF; font-size:11px; text-align:center; padding:1px 0px 2px 0px; width:66px;} /*오랜지*/

.tblSt01 a.processtag1:hover  {margin:1px 1px 1px 1px; display:inline-block; background:#c65a26; border:1px solid #F56A26; border-radius:3px; color:#FFF; font-size:11px; text-align:center; padding:1px 0px 2px 0px; width:66px; cursor:pointer;} /*오랜지*/
.tblSt01 span.processtag1Red  {margin:2px 1px 3px 1px; display:inline-block; background:#929292; border:1px solid #757575; border-radius:3px; color:#FFF; font-size:11px; text-align:center; padding:1px 0px 2px 0px; width:66px; cursor:pointer; text-decoration:none;} /*라인 폰트RED*/
.tblSt01 a.processtag2  {margin:1px 1px 1px 1px; display:inline-block;background:#4DB9FF; border:1px solid #2097e2; border-radius:3px; color:#FFF; font-size:11px; text-align:center; padding:1px 0px 2px 0px; width:66px;}/*블루*/
.tblSt01 a.processtag2:hover  {margin:1px 1px 1px 1px; display:inline-block; background:#1f7db9; border:1px solid #005991; border-radius:3px; color:#FFF; font-size:11px; text-align:center; padding:1px 0px 2px 0px; width:66px; cursor:pointer;} /*오랜지*/
.tblSt01 a.processtag3   {margin:1px 1px 1px 1px; display:inline-block;  background:#A0A0A0; border:1px solid #8C8C8C; border-radius:3px; color:#FFF; font-size:11px; text-align:center; padding:1px 0px 2px 0px; width:66px;}/*그래이*/
.tblSt01 a.processtag4  {margin:1px 1px 1px 1px; display:inline-block;  background:#0277c1; border:1px solid #005991; border-radius:3px; color:#FFF; font-size:11px; text-align:center; padding:1px 0px 2px 0px; width:66px;}/*진블루*/
.tblSt01 a.processtag4:hover  {margin:1px 1px 1px 1px; display:inline-block;  background:#86d0ff; border:1px solid #8C8C8C; border-radius:3px; color:#333; font-size:11px; text-align:center; padding:1px 0px 2px 0px; width:66px; text-decoration:none;}/*흰색*/
.tblSt01 a.processtag5  {margin:1px 1px 1px 1px; display:inline-block;  background:#83a842; border:1px solid #658332; border-radius:3px; color:#FFF; font-size:11px; text-align:center; padding:1px 0px 2px 0px; width:66px;}/*r그린*/
.tblSt01 a.processtag5:hover  {margin:1px 1px 1px 1px; display:inline-block;  background:#547619; border:1px solid #658332; border-radius:3px; color:#FFF; font-size:11px; text-align:center; padding:1px 0px 2px 0px; width:66px; cursor:pointer;}/*r그린*/
.tblSt01 a.processtag6  {margin:1px 1px 1px 1px; display:inline-block;  background:#ad0081; border:1px solid #7d0055; border-radius:3px; color:#FFF; font-size:11px; text-align:center; padding:1px 0px 2px 0px; width:66px;}/*r올리비아*/
.tblSt01 .processtagS1  {position:relative; top:1px; display:inline-block; background:#FF8245; border:1px solid #F56A26; border-radius:3px; color:#FFF; font-size:11px; text-align:center; padding:1px 0px 2px 0px; width:80px;} /*오랜지*/
.tblSt01 .processtagS2  {position:relative; top:1px; display:inline-block; background:#4DB9FF; border:1px solid #34A6F0; border-radius:3px; color:#FFF; font-size:11px; text-align:center; padding:1px 0px 2px 0px; width:80px;}/*블루*/
.tblSt01 .processtagS3  {position:relative; top:1px; display:inline-block;  background:#A0A0A0; border:1px solid #8C8C8C; border-radius:3px; color:#FFF; font-size:11px; text-align:center; padding:1px 0px 2px 0px; width:80px;}/*그래이*/
.tblSt01 .processtagS4  {position:relative; top:1px; display:inline-block; background:#FFFFFF; border:1px solid #8C8C8C; border-radius:3px; color:#333; font-size:11px; text-align:center; padding:1px 0px 2px 0px; width:80px;}/*흰색*/
.tblSt01 .processtagS5  {position:relative; top:1px; display:inline-block; background:#E598BB; border:1px solid #DB84A7; border-radius:3px; color:#333; font-size:11px; text-align:center; padding:1px 0px 2px 0px; width:80px;}/*기존정보*/

.tblSt01-1  {width:100%; border-collapse:collapse; clear:both; margin-bottom:5px;}
.tblSt01-1 thead th {padding-bottom:5px; font-weight:normal; text-align:left;}
.tblSt01-1 tbody th {border:1px solid #DCDCDC; padding:10px; background:#f2f2f2;}
.tblSt01-1 tbody th.th01 {border:1px solid #DCDCDC; padding:10px 20px; background:#f2f2f2; text-align:left;}
.tblSt01-1 tbody td  {border:1px solid #DCDCDC; padding:5px;}
.tblSt01-1 tbody td input,a,img  {vertical-align:middle;}
.tblSt01-1 tbody td.pd20  {padding:20px;}
.tblSt01-1 tbody td.pd10  {padding:10px;}
.tblSt01-1 tbody td.orderComplete  {border:1px solid #DCDCDC; text-align:center; font-size:20px; font-weight:bold; color:#0B7CC1; padding:30px;}
.tblSt01-1 tbody td p.orderNumber  {margin:0 auto; width:40%; margin-top:20px; clear:both; padding:10px 50px; border:1px solid #DCDCDC; background:#FFF; font-size:20px; color:#FF5500; text-align:center;}
.tblSt01-1 tbody td.subject  {padding-left:20px;}
.tblSt01-1 tbody td.subject a:hover  {font-weight:normal; color:#0B7CC1;}
.tblSt01-1 tbody td .cartText  {display:inline-block; padding-left:30px;}
.tblSt01-1 tfoot td  {padding:20px;}
.tblSt01-1 tfoot td a:hover  {background:#F5F5F5;}
.tblSt01-1 tfoot td a.num  {display:inline-block; margin-left:-1px; padding:0 12px;  border:1px solid #DCDCDC; border-width:0px 1px;}
.tblSt01-1 tfoot td a.num_now  {font-weight:bold; padding:0 12px; background:#ebebeb; border:1px solid #DCDCDC; border-width:0px 1px;}
.tblSt01-1 tfoot td a.num_prev  {display:inline-block; background:url(/moa/img/arrow_pre.gif) no-repeat left 6px; padding:0px 12px;}
.tblSt01-1 tfoot td a.num_next  {display:inline-block; background:url(/moa/img/arrow_next.gif) no-repeat right 6px; padding:0px 12px;}

.tblSt02  {width:100%; border-collapse:collapse;}
.tblSt02 tbody th.on  {background:#D7EAF7; color:#0B7CC1; border:1px solid #93C4E5; padding:20px; font-size:20px;}
.tblSt02 tbody th.off  {background:#FFF; color:#FFF; border:1px solid #D2D2D2; padding:20px; font-size:20px; color:#969696;}
.tblSt02 tbody th.off2  {background:#FFF; color:#FFF; border:1px solid #D2D2D2; border-right:1px solid #93C4E5; padding:20px; font-size:20px; color:#969696;}

.tblSt02-1  {width:100%; border-collapse:collapse;}
.tblSt02-1 tbody th.on  {background:#D7EAF7; color:#0B7CC1; border:1px solid #93C4E5; padding:10px; font-size:16px;}
.tblSt02-1 tbody th.on a  {color:#0B7CC1; font-size:16px;}
.tblSt02-1 tbody th.off  {background:#FFF; border:1px solid #D2D2D2; padding:10px; font-size:16px; color:#969696;}
.tblSt02-1 tbody th.off a  {font-size:16px; color:#969696;}
.tblSt02-1 tbody th.off2  {background:#FFF; border:1px solid #D2D2D2; border-right:1px solid #93C4E5; padding:10px; font-size:16px; color:#969696;}

.tblSt02-2  {width:100%; border-collapse:collapse;}
.tblSt02-2 th.on  {background:url(/moa/img/tab_blue_on.png) no-repeat top right; border-bottom:1px solid #93C4E5; padding-right:10px;}
.tblSt02-2 th.on div  {background:url(/moa/img/tab_blue_on.png) no-repeat top left; padding:8px 0px 7px 10px; font-size:20px; color:#0B7CC1; letter-spacing:-1px;}
.tblSt02-2 th.on div span  {font-size:14px; color:#0B7CC1;}
.tblSt02-2 th.off  {background:url(/moa/img/tab_gray_off.png) no-repeat top right; padding-right:10px; border-bottom:1px solid #B9B9B9; }
.tblSt02-2 th.off div  {background:url(/moa/img/tab_gray_off.png) no-repeat top left; padding:8px 0px 7px 10px;  font-size:20px; color:#B9B9B9; letter-spacing:-1px;}
.tblSt02-2 th.off div span  {font-size:14px; color:#B9B9B9;}
.tblSt02-2 th.off2  {background:url(/moa/img/tab_gray2_off.png) no-repeat top right; padding-right:10px; border-bottom:1px solid #B9B9B9; }
.tblSt02-2 th.off2 div  {background:url(/moa/img/tab_gray2_off.png) no-repeat top left; padding:8px 0px 7px 10px;  font-size:20px; color:#B9B9B9; letter-spacing:-1px;}
.tblSt02-2 th.off2 div span  {font-size:14px; color:#B9B9B9;}


.tblSt03  {width:100%; border-collapse:collapse; clear:both; margin-bottom:5px;}
.tblSt03 thead th {padding-bottom:5px; font-weight:normal;}
.tblSt03 tbody th {border:1px solid #969696; border-width:1px 0px; padding:10px; background:#AFAFAF; color:#FFF;}
.tblSt03 tbody th.thLeft  {border:1px solid #969696; border-right:none; padding:10px; background:#AFAFAF;}
.tblSt03 tbody th.th  {border:1px solid #969696; padding:10px; background:#AFAFAF;}
.tblSt03 tbody th.th2  {border:1px solid #DCDCDC; padding:10px; background:#F0F0F0; color:#464646;}
.tblSt03 tbody th.thRight  {border:1px solid #969696; border-left:none; padding:10px; background:#AFAFAF;}
.tblSt03 tbody td  {border-bottom:1px solid #DCDCDC; padding:5px;}
.tblSt03 tbody td.th  {border-bottom:1px solid #DCDCDC; padding:5px; background:#F5F5F5; text-align:center; font-weight:bold;}
.tblSt03 tbody td.tdLeft  {border-bottom:1px solid #DCDCDC; border-left:1px solid #DCDCDC; padding:5px;}
.tblSt03 tbody td.td  {border:1px solid #DCDCDC; padding:5px;}
.tblSt03 tbody td.td1  {border:1px solid #DCDCDC; border-width:1px 0px; padding:5px 10px;}
.tblSt03 tbody td.td2  {border:1px solid #DCDCDC; border-width:1px 1px 1px 0px; padding:5px 10px;}
.tblSt03 tbody td.tdRight  {border-bottom:1px solid #DCDCDC; border-right:1px solid #DCDCDC; padding:5px;}
.tblSt03 tbody td input,a,img  {vertical-align:middle;}
.tblSt03 tbody td.pd20  {padding:20px;}
.tblSt03 tbody td.pd10  {padding:10px;}
.tblSt03 tbody td.orderComplete  {border:1px solid #DCDCDC; text-align:center; font-size:20px; font-weight:bold; color:#0B7CC1; padding:30px;}
.tblSt03 tbody td p.orderNumber  {margin:0 auto; width:40%; margin-top:20px; clear:both; padding:10px 50px; border:1px solid #DCDCDC; background:#FFF; font-size:20px; color:red; text-align:center;}
.tblSt03 tbody td.subject  {padding-left:20px;}
.tblSt03 tbody td.subject a:hover  {font-weight:normal; color:#0B7CC1;}
.tblSt03 tbody td .cartText  {display:inline-block; padding-left:30px;}
.tblSt03 tfoot td  {padding:20px;}
.tblSt03 tfoot td a:hover  {background:#F5F5F5;}
.tblSt03 tfoot td a.num  {display:inline-block; margin-left:-1px; padding:0 12px;  border:1px solid #DCDCDC; border-width:0px 1px;}
.tblSt03 tfoot td a.num_now  {font-weight:bold; padding:0 12px; background:#ebebeb; border:1px solid #DCDCDC; border-width:0px 1px;}
.tblSt03 tfoot td a.num_prev  {display:inline-block; background:url(/moa/img/arrow_pre.gif) no-repeat left 6px; padding:0px 12px;}
.tblSt03 tfoot td a.num_next  {display:inline-block; background:url(/moa/img/arrow_next.gif) no-repeat right 6px; padding:0px 12px;}

.tblSt04  {width:100%; border-collapse:collapse; clear:both; margin-bottom:5px;}
.tblSt04 td  {border:1px solid #DCDCDC; text-align:center; font-size:16px; font-weight:bold;}

.tblSt05  {width:100%; border-collapse:collapse; margin-top:10px;}
.tblSt05  th  {border:1px solid #DCDCDC; border-width:1px 0px; text-align:center; background:#F5F5F5; padding:10px;}
.tblSt05  td  {border:1px solid #DCDCDC; border-width:1px 0px; text-align:center; padding:10px;}

.tblSt06  {width:100%; border-collapse:collapse; clear:both; background-color:#fff}
.tblSt06 th  {height:25px; text-align:center; border:1px solid #cecece; border-width:0px 1px 1px 0px; padding:6px 10px;}
.tblSt06 th.th2  {background:#eaeaea; color:#686868; text-align:left; padding-left:15px;}
.tblSt06 td  {border-bottom:1px solid #CBCBCB; border-right:0px; padding:6px 10px;}
.tblSt06 td.td1  {border-right:1px solid #DAAE7F; border-right:0px; padding:0px;}
.tblSt06 td.td2  {border-right:1px solid #DAAE7F; border-right:0px; padding:6px 10px;}
.tblSt06 td.td2input  {border-right:1px solid #DAAE7F; border-right:0px; padding:6px 10px 3px 10px;}
.tblSt06 td.td3  {border-bottom:1px solid #CBCBCB; border-right:0px; padding:6px 10px; background:#F5F5F5;}
.printReceipt  {margin:1px 1px 1px 1px; display:inline-block; background:#4DB9FF; border:1px solid #2097e2; border-radius:3px; color:#FFF; font-size:11px; text-align:center; padding:1px 0px 2px 0px; width:86px;}/*블루*/
.cardsoldout   {margin:1px 1px 1px 1px; display:inline-block; background:#A0A0A0; border:1px solid #8C8C8C; border-radius:3px; color:#FFF; font-size:11px; text-align:center; padding:1px 0px 2px 0px; width:86px;}/*그래이*/


.tblSt07  {width:100%; border-collapse:collapse; clear:both; }
.tblSt07 th  {background:#FFF; text-align:center; border-right:1px solid #CECECE; padding:5px; vertical-align:top; top}
.tblSt07 td  {background:#FFF;}
.tblSt07 td.td2  {border-right:1px solid #DAAE7F;}
.tblSt07 td.td2:last-child  {border-right:none;}

.tblSt09  {width:100%; border-collapse:collapse; clear:both; padding:10px 0px 10px 0px;  }
.tblSt09 td  {text-align:center; padding:0px 0; vertical-align:top;}
.tblSt09 td img {margin-bottom:10px;}

.tblSt10  {width:100%; border-collapse:collapse; clear:both;}
.tblSt10 th  {font-weight:normal; text-align:left; padding:5px 0px 5px 15px; background:url(/moa/img/bullet02.png) no-repeat 10px 14px;}
.tblSt10 td  {font-weight:normal; text-align:left; padding:5px;}
.tblSt10 td.title  {font-size:24px; font-weight:bold; color:#0072BC; border-bottom:1px solid #DCDCDC;}

.tblSt11  {width:100%; border-collapse:collapse; clear:both; background-color:#fff}
.tblSt11 th  { text-align:left; border-top:1px solid #cecece; border-bottom:1px solid #cecece; border-width:1px;}
.tblSt11 th.th2  {background:#fff; color:#686868; padding-left:15px; }
.tblSt11 td  {border-top:1px solid #CBCBCB; border-bottom:1px solid #cecece; border-right:0px; }
.tblSt11 td.td1  {border-right:1px solid #DAAE7F; border-right:0px; padding:0px;}
.tblSt11 td.td2  {border-right:1px solid #DAAE7F; border-right:0px; ;}


.tblSt00  {width:100%; border-collapse:collapse; clear:both;}
.tblSt00 td.b00  {border:0px; padding:0px;}
.f_red_01 {color:#da1212;}

/*버튼스타일*/
a.btnSt01  		{display:inline-block; border:1px solid #787878; border-radius:5px; padding:5px 20px 7px; color:#FFF; font-weight:bold; background:#fa661c; margin:2px;} /*버튼기본회색*/
a.btnSt01:hover  {text-decoration:none; background:#cc4907; cursor:pointer;} 

a.btnSt01S  		  {display:inline-block; border:1px solid #787878; border-radius:4px; padding:4px 10px; color:#FFF; font-size:12px; font-weight:bold; background:#a2a2a2; margin:2px;} /*버튼기본회색*/
a.btnSt01S:hover  {text-decoration:none; display:inline-block; border:1px solid #646464; background:#797979; font-size:12px; cursor:pointer;} 

a.btnSt01SS  			{display:inline-block; border:1px solid #4b2601; width:80px; border-radius:2px; padding:2px 0px 2px; color:#FFF; font-size:12px; font-weight:bold; background:#438dbc; margin:2px; text-align:center;}
a.btnSt01SS:hover  {text-decoration:none; background:#296a93; cursor:pointer;}

a.btnSt02  {text-decoration:none; display:inline-block; border:1px solid #787878; border-radius:5px; padding:5px 20px 7px; color:#646464; font-weight:bold; background:#FFF; margin:2px;}
a.btnSt02:hover  {border:1px solid #646464; background:#EFEFEF; cursor:pointer;}/*버튼흰색*/

a.btnSt03  {display:inline-block; border:1px solid #953c00; border-radius:5px; padding:5px 20px 7px; color:#FFF; font-weight:bold; background:#fa661c; margin:2px;}  
a.btnSt03:hover  {text-decoration:none; border:1px solid #4b2601; background:#cc4907; cursor:pointer;}/*버튼강조블루색*/

a.btnSt04  {display:inline-block; border:1px solid #953c00; border-radius:5px; padding:5px 20px 7px; color:#FFF; font-weight:bold; background:#fa661c; margin:2px;}  
a.btnSt04:hover  {text-decoration:none; border:1px solid #4b2601; background:#cc4907;  cursor:pointer;}/*버튼강조블루색*/

a.btnSt05  {display:inline-block; border:1px solid #6f6f6f; border-radius:5px; padding:5px 20px 7px; color:#000; font-weight:bold; background:#dcdcdc; margin:2px; text-align:center;}  
a.btnSt05:hover  {text-decoration:none; border:1px solid #6f6f6f; background:#f5f5f5;  cursor:pointer;}/*회색 버튼*/

a.btnSt06  {display:inline-block; border:1px solid #787878; border-radius:5px; padding:5px 20px 7px; color:#FFF; font-weight:bold; background:#a2a2a2; margin:2px; }  
a.btnSt06:hover  {text-decoration:none; border:1px solid #4b2601; background:#797979;  cursor:pointer;}/*버튼 회색*/

a.btnSt03SS  {display:inline-block; border:1px solid #953c00; width:100px; height:16px; border-radius:3px; padding:2px 0px 2px; color:#FFF; font-size:12px;font-weight:bold;  text-align:center; background:#fa661c; margin:3px 0px;}  
a.btnSt03SS:hover  {text-decoration:none; border:1px solid #4b2601; background:#cc4907; cursor:pointer;}/*버튼강조블루색*/

.btnty02  {border:1px solid #DCDCDC; border-radius:5px; padding:5px 15px; font-weight:bold; margin:2px; text-decoration:none; }
.btnBox2 {margin-top:30px;text-align:center;}

.btn_more {border:1px solid #c6c6c6; border-radius:5px; padding:5px 150px; font-weight:bold; margin:2px; text-decoration:none; background:#f3f3f3; width:500px }
.btn_more:hover {border:1px solid #c6c6c6; border-radius:5px; padding:5px 150px; font-weight:bold; margin:2px; text-decoration:none; background:#ffffff; width:500px; cursor:pointer; }

a.btn_sold  			{display:inline-block; border:1px solid #4b2601; width:80px; border-radius:2px; padding:2px 0px 2px; color:#FFF; font-size:12px; font-weight:bold; background:#438dbc; margin:2px; text-align:center;}
a.btn_sold:hover  {text-decoration:none; background:#296a93; cursor:pointer;}



/*INFO*/
.infoBox dt  {background:url(/moa/img/icon_info.png) no-repeat 0px 0px; font-size:16px; font-weight:bold; padding-top:2px; padding-left:30px; height:30px;}
.infoBox dd  {background:#fafafa; border:1px solid #DCDCDC; border-radius:6px; margin-left:0px; padding:10px 15px;}
.infoBox dd li  {margin-bottom:5px;}
.infoBox dd li:last-child  {margin-bottom:0px;}

.infoBox2      {border:1px solid #DCDCDC; border-radius:6px; background:#FAFAFA;}
.infoBox2 dt  {margin-top:15px; margin-left:10px; background:url(/moa/img/icon_info.png) no-repeat 0px 0px; font-size:16px; font-weight:bold; padding-top:2px; padding-left:30px; height:30px;}
.infoBox2 dd  {margin-left:0px; padding:5px 15px 10px 15px;}

.infoBox3      {border:1px solid #DCDCDC; border-radius:6px; background:#FAFAFA;}
.infoBox3 dt  {margin-top:15px; margin-left:10px; background:url(/moa/img/icon_help.png) no-repeat 0px 0px; font-size:16px; font-weight:bold; padding-top:2px; padding-left:30px; height:30px;}
.infoBox3 dd  {margin-left:0px; padding:5px 15px 10px 15px;}

.category  {width:96%; padding-left:20px; margin:0 auto; overflow:hidden;}
.category li  {float:left; width:15%; padding:2px 0px 2px 8px; background:url(/moa/img/dot02.gif) no-repeat 0px 9px;}
.category li a:hover  {color:#0B7CC1;}
.category li a.cateon  {color:#0B7CC1; font-weight:bold;}

.box01  {border:1px solid #DCDCDC; border-top:none; padding:10px 0; overflow:hidden;}

.info3 a {vertical-align:top;}

/*UL style*/
.ULinline  {clear:both; width:990px; overflow:hidden;}
.ULinline li  {display:inline-block; float:left; margin-right:10px; margin-bottom:20px;}
.UL2  {clear:both; overflow:hidden;}
.UL2 .liLeft  {display:inline-block; width:50%; float:left;}
.UL2 .liRight  {display:inline-block; width:50%; float:right;}
.UL3  {width:990px; overflow:hidden; clear:both; overflow:hidden; margin-top:10px;}
.UL3 li  {float:left; margin-right:10px; margin-bottom:10px;}

.UL_auto  {border:4px solid #252525; float:left; background-color:#FFF}
.UL_auto .sampleimg  {float:left;width:400px; border-right:1px solid #CBCBCB;padding:10px; margin:0 -1px 0 0; background-color:#FFF }
.UL_auto .option  {float:right;width:541px;margin:0; overflow:hidden ;border-left:1px solid #CBCBCB;}

.UL_auto2  {border:4px solid #252525; min-height:200px; float:left; background-color:#FFF}
.UL_auto2 .end  {float:left;width:200px; padding:10px; margin:0 -1px 0 0; background-color:#FFF }
.UL_auto2 .end2  {float:right;width:741px; overflow:hidden ;border-left:1px solid #CBCBCB;}

.UL_auto .radio01  {display:inline-block; width:90px;}
.UL_auto .radio02  {display:inline-block; width:150px;}
.autoStepbtn  {position:relative; top:-40px; text-align:right; padding-right:10px;}

.UL4  {clear:both; overflow:hidden; margin-top:-1px; padding-top:20px; padding-bottom:20px; border:1px solid #DCDCDC; border-width:1px 0px;}
.UL4 li.liLeft {float:left; width:18%;}
.UL4 li.liRight {float:left; width:82%;}
.UL4 li.liRight h1 {font-size:16px; }
.UL4 li.liRight h1 a:hover  {color:#0072BC}
.UL4 li.liRight div {font-size:13px; color:#666666}
.UL4 li.liRight p {margin-top:5px;}

.boxtype01 {clear:both; width:100%; overflow:hidden;}
.boxtype01 li {width:146px; float:left; margin-right:10px;}
.boxtype01 li:last-child  {margin-right:0px;}
.boxtype01 li  p {font-weight:bold; text-align:center; margin-top:5px;}
.boxtype01 li a {display:block; text-align:center; font-weight:normal; color:#0072BC; font-size:12px;}

.boxtype02 {border:1px solid #DCDCDC; overflow:hidden; width:100%; clear:both;}
.boxtype02 li:first-child  {float:left;}
.boxtype02 li:last-child  {float:left; padding:20px; width:330px;}
.boxtype02 li:last-child  p.title  {border-bottom:1px solid #DCDCDC; margin-bottom:10px; padding-bottom:5px; font-weight:bold; font-size:14px;}
.boxtype02 li:last-child  p.subcopy  {font-size:12px; color:#FF5500; margin-bottom:10px;}
.boxtype02 .small a  {display:inline-block; border:1px solid #DCDCDC; margin:0px 10px 10px 0px; text-align:center;}

.boxtype03 {clear:both; width:100%; overflow:hidden; margin-top:10px; }
.boxtype03 li {width:224px; float:left; margin-right:10px;  text-align:center;}
.boxtype03 li:last-child  {margin-right:0px;}
.boxtype03 li img {border:1px solid #DCDCDC; width:90%; padding:10px;}
.boxtype03 li a {display:block; text-align:center; font-weight:normal; color:#0072BC; font-size:14px; margin-top:5px; margin-bottom:15px;}

.boxtype04 {overflow:hidden;padding:15px;background:#fff;}
.boxtype04 li {width:33%; float:left; margin-right:-1px;padding:15px 0;text-align:center;border-right:1px solid #dcdcdc;}
.boxtype04 li.end {border-right:none;}
.boxtype04 li:last-child  {margin-right:0px;border-right:0;}

#stepBox {overflow:hidden;height:102px;border-right:1px solid #afacad;background:#fff;}
#stepBox li {position:relative;z-index:0;width:25%;height:75px;float:left; margin-right:-1px;padding-top:25px;font-size:18px; color:#4f4f4f; text-align:center; font-weight:bold; letter-spacing:-1px; border:1px solid #afacad;border-right:0;}
#stepBox li .stepb {padding-bottom:5px;text-align:center;}
#stepBox li .stepb span {display:inline-block;padding:4px;color:#fff;background:#8f8c84;}
#stepBox li.on  {color:#FFF;background:#252525;z-index:10; border-bottom:1px solid #252525;border-left:1px solid #252525; }
#stepBox li.on .stepb span {background:#ff5733;}
#stepBox li.on .bar {position:absolute;right:-15px;top:0;width:15px;height:100px;background:url(/moa/img/stepBox_on.png) no-repeat 0 50%;}

#tabBox {height:47px; background:url(/moa/img/tab_bg1.png); background-size:contain; width:929px; border-right:1px solid #DCDCDC; margin-bottom:25px;}
#tabBox li {width:154px; height:36px; padding-top:10px; border:1px solid #DCDCDC; border-top:none; border-right:none; float:left; font-size:20px; color:#969696; text-align:center; font-weight:bold; letter-spacing:-1px; }
#tabBox li:last-child  {width:153px;}
#tabBox li.on  {background:#FFF; border-bottom:1px solid #FFF;}
#tabBox li.on a  {color:#242424;}
#tabBox li a  {display:inline-block; width:154px; height:36px; font-size:20px; color:#969696; text-align:center; font-weight:bold; letter-spacing:-1px; }


#tabBox2 {overflow:hidden;height:39px; width:973px;margin-bottom:-1px;border-right:1px solid #c2c2c2;white-space:nowrap;}
#tabBox2 li {float:left;position:relative;height:37px;margin-right:-1px;border:1px solid #c2c2c2;border-bottom:1px solid #a2a1a1;border-bottom:1px solid #a2a1a1;background:#fff; font-size:16px; color:#252525; text-align:center; font-weight:bold; letter-spacing:-1px;}
#tabBox2 li a  {display:inline-block;height:30px; padding-top:7px; font-size:16px; color:#252525; text-align:center; font-weight:bold; letter-spacing:-1px; }
#tabBox2 li a:hover  {text-decoration:none;}
#tabBox2 li.on  {background:#ff5732; font-size:16px;}
#tabBox2 li.on a  {font-size:16px;  color:#fff;}
#tabBox2.item2 li {width:49.7%;}
#tabBox2.item3 li {width:33.1%;}
#tabBox2.item4 li {width:24.8%;}
#tabBox2.item5 li {width:19.8%;}
#tabBox2.item6 li {width:16.5%;}
#tabBox2.companyT li {width:137px;}
#tabBox2.companyT li.w12 {width:140px;}


#tabBox2S {height:40px; background:#F5F5F5; width:100%; border-right:1px solid #DCDCDC; margin-bottom:15px;}
#tabBox2S li {height:29px; padding-top:10px; border:1px solid #DCDCDC; border-top:none; border-right:none; float:left; font-size:14px; color:#969696; text-align:center; font-weight:bold; letter-spacing:-1px; margin:0;}
#tabBox2S li a  {display:inline-block; height:29px; font-size:14px; color:#969696; text-align:center; font-weight:bold; letter-spacing:-1px; }
#tabBox2S li.on  {background:#FFF; font-size:14px; border-bottom:1px solid #FFF;}
#tabBox2S li.on a  {font-size:14px;  color:#242424;}



/*paging*/
.pagingArea  {border:1px solid #DCDCDC; padding-bottom:10px; margin-top:30px; margin-bottom:0px; overflow:hidden; }
.pagingArea dt {float:left; width:50%; font-weight:bold; font-size:16px; color:#373737; padding-left:15px;}
.pagingArea dd {float:right; width:50%; margin-top:-18px; text-align:right}
.pagingArea .paging  {text-align:right; background-color:#FFF}
.pagingArea .paging a:hover  {background:#F5F5F5;}
.pagingArea .paging a.num  {display:inline-block; margin-left:-1px; padding:0 12px;  border:1px solid #DCDCDC; border-width:0px 1px;}
.pagingArea .paging a.num_now  {font-weight:bold; padding:0 12px; background:#ebebeb; border:1px solid #DCDCDC; border-width:0px 1px;}
.pagingArea .paging a.num_prev  {display:inline-block; background:url(/moa/img/arrow_pre.gif) no-repeat left 6px; padding:0px 12px;}
.pagingArea .paging a.num_next  {display:inline-block; background:url(/moa/img/arrow_next.gif) no-repeat right 6px; padding:0px 12px;}


#footer  {border-top:1px solid #cac9c9;background:#fff;}
#footer  #btmData {overflow:hidden;width:1050px; margin:0 auto;padding:15px 0;}
#footer  #btmData h3 {padding-top:10px;font-size:18px;color:#424242;}
#footer  #btmData h3 span {color:#ff5732;}
#footer  #btmData .userInfo {float:left;width:240px;height:190px;padding:0 20px 0;color:#424242;border-right:1px solid #dedede;}
#footer  #btmData .userInfo.ty2 {width:210px;padding:0 25px 0 25px;}
#footer  #btmData .userInfo ul {padding:10px 0;}
#footer  #btmData .userInfo ul.webh {padding-top:5px;}
#footer  #btmData .userInfo li span.ml {margin-left:74px;}
#footer  #btmData .btmB {float:left;width:430px;padding:35px 0;text-align:center;}
#footer  #btmData .btmB a {display:inline-block;margin:0 13px;vertical-align:bottom;}

#footer #footLinkArea  {background:#2B2B33;}
#footer #footLinkArea #footLink  {width:1020px; height:15px; margin:0 auto; padding:15px 0px;}
#footer #footLinkArea #footLink a  {position:relative; top:-4px; font-size:14px; color:#C8C8C8; background:url(/moa/img/split02.png) no-repeat bottom right; padding-right:15px; margin-right:10px;}
#footer #footLinkArea #footLink a:hover  {font-size:14px; color:#FFF200;}
#footer #footLinkArea #footLink .footSNS  {display;inline-block; width:120px; margin-top:-2px;}
#footer #footLinkArea #footLink .footSNS a.facebook  {display:inline-block; width:30px; height:26px; background:url(/moa/img/footer_sns.png) 0px 0px no-repeat; padding:0; margin:0; overflow:hidden;}
#footer #footLinkArea #footLink .footSNS a.pinterest  {display:inline-block; width:30px; height:26px; background:url(/moa/img/footer_sns.png) -30px 0px no-repeat; padding:0; margin:0 0 0 5px; overflow:hidden;}
#footer #footLinkArea #footLink .footSNS a.youtube  {display:inline-block; width:30px; height:26px; background:url(/moa/img/footer_sns.png) -60px 0px no-repeat; padding:0; margin:0 0 0 5px; overflow:hidden;}
#footer #footLinkArea #footLink .footSNS a.instagram  {display:inline-block; width:30px; height:26px; background:url(/moa/img/footer_sns.png) -90px 0px no-repeat; padding:0; margin:0 0 0 5px; overflow:hidden;}
#footer #footInfo {background:#32323c; }
#footer #footInfo p  {width:1020px; margin:0 auto; padding:15px 0px;font-size:13px; color:#9696A0; line-height:160%; }


/*팝업스타일*/
.popTitle  {background:#3B4051; padding:10px; color:#FFF; font-size:18px; font-weight:bold;}
.popBody  {padding:0px 10px;}
.popBody p  {margin-bottom:10px; text-align:left;}

/* 실시간자동견적 */
.productTop {overflow:hidden;background:#fff;}
.productTop li {float:left;width:239px;padding-bottom:10px;text-align:center;border-right:1px solid #b9b9b9;}
.productTop li.end {border-right:none;}


.product {overflow:hidden;margin:0;padding:30px 20px 0px 40px;}
.product dt {padding-bottom:10px;font-size:20px;letter-spacing:-1px;color:#3a3a3a;font-weight:bold;}
.product dd {float:left;margin:0 20px 0 0;padding:0;}
.product dd ul {margin-top:10px;}
.product dd li {padding:0 0 3px 50px; color:#636363;}
.product dd li.name {background:url(/moa/img/renew/product_dot1.gif) no-repeat 20px 6px; font-weight:bold; color:#333}
.product dd li.data {background:url(/moa/img/renew/product_dot2.gif) no-repeat 20px 4px;}
.product dd li.tel {background:url(/moa/img/renew/product_dot3.gif) no-repeat 20px 6px;}
.product dd li.mail {background:url(/moa/img/renew/product_dot4.gif) no-repeat 20px 6px;}

/* 주문생산 패키지안내 */
.productIndex {overflow:hidden;background:#fff;}
.productIndex li {float:left;width:239px;padding-bottom:10px;padding-top:15px; text-align:center;border-right:1px solid #b9b9b9;}
.productIndex li.end {border-right: none;}
.productIndex h3 {display:inline-block;margin-bottom:5px;font-size:21px;letter-spacing:-1px;}
.productIndex h3 span {color:#ff5732;}

/*상품상세*/
#detailThumbnail  {float:left; width:372px; overflow:hidden;}
#detailThumbnail ul li.thumbBig  {width:340px; height:340px; padding:10px; border:1px solid #DCDCDC;}
#detailThumbnail ul li.thumbBig .blank1x1 {width:1px; height:340px;}
#detailThumbnail ul li.thumbBig span,img  {vertical-align:middle}
#detailThumbnail ul li.thumbSmall {float:left; wdith:80px; padding:10px; margin:10px 10px 0px 0px; border:1px solid #DCDCDC; overflow:hidden;}
#detailThumbnail ul li.thumbSmall img  {width:61px;}
#detailSelect  {float:left; width:528px; padding-left:30px;overflow:hidden;}
#detailInfo  {width:100%; border-bottom:1px solid #DCDCDC;}
#detailInfo .title1  {font-size:20px; font-weight:bold; padding-bottom:3px; border-bottom:1px solid #DCDCDC;}
#detailInfo #detailinfotxt  {padding:20px 0px;}

/* 종이재질안내 */
#make_paper {}
#make_paper h3 {display:inline-block;margin-bottom:10px;font-size:20px;}
#make_paper h3 span {color:#ff5732;}
#make_paper h4 {padding:2px 0px 5px 13px;font-size:16px;background:url(/moa/img/renew/dot03.gif) no-repeat 0px 9px;}
#make_paper h4 span {font-size:16px;color:#6c6c6c;}
#make_paper .area {margin-top:0px;}
#make_paper .area.first {margin-top:0;}
#make_paper .area ul {margin:0 0 0 0px;}
#make_paper .area ul li {}
#make_paper .area .fl {float:left;width:48%}
#make_paper .area .fr {float:right;width:48%}

/* 형태안내 */
.boxStyle {overflow:hidden;}
.boxStyle li {float:left;width:218px;margin:0 5px 15px 0;}
.boxStyle li h3 {padding-bottom:10px;font-size:18px;letter-spacing:-1px; text-align:center}
.boxStyle li h3 span {color:#ff5732;}
.boxStyle li a {display:block;overflow:hidden;position:relative;width:216px;height:201px;text-align:center;border:1px solid #cdcccc;}
.boxStyle li a.on,
.boxStyle li a:hover {width:214px;height:199px;border:2px solid #ff5732;}
.boxStyle li a.on img,
.boxStyle li a:hover img {margin-top:-1px;}
.boxStyle li a span {display:block;position:absolute;right:10px;bottom:10px;width:18px;height:18px;line-height:0;font-size:0;background:url(/moa/img/renew/boxStyle_dot.gif) no-repeat;}
.boxStyle li a.on span,
.boxStyle li a:hover span {right:9px;bottom:9px;background-position:-18px 0;}
.boxStyle li a .s_txt {font-size:11px;font-family:Tahoma, Geneva, sans-serif;letter-spacing:0px;margin-top:3px;display:block;position:absolute;left: 79px;top: 650px;}
.boxStyle.type2 li {width:145px;margin-right:3px;}
.boxStyle.type2 li a {width:145px;height:158px;}
.boxStyle.type2 li a.on,
.boxStyle.type2 li a:hover {width:143px;height:156px;}
.boxStyleBig {position:relative;width:886px;height:640px;border:2px solid #ff5732;background:#fff;}
.boxStyleBig.lpopup {display:none;position:absolute;z-index:1000;left:50%;top:150px;margin-left:-443px;}
.boxStyleBig.lpopup.open {display:block;}
.boxStyleBig h3 {height:46px;padding:10px 0;font-size:26px;letter-spacing:-1px;text-align:center;background:#f5f5f5;}
.boxStyleBig h3 span {color:#ff5732;}
.boxStyleBig .preview_outer {overflow: hidden;width: 886px;height: 400px; position: relative;}
.boxStyleBig .preview_inner {position: relative;height: 400px; text-align: left;}
.boxStyleBig .big {float: left;position:relative;width: 886px;height: 450px;line-height: 450px;text-align:center;vertical-align:middle;}
.boxStyleBig .big span {line-height: 450px;vertical-align:middle;}
.boxStyleBig ul {position:absolute;left:18px;bottom:26px;}
.boxStyleBig li {float:left;overflow:hidden;position:relative;width:162px;height:147px;margin-left:5px;text-align:center;border:1px solid #dcdbdb;}
.boxStyleBig li a span {display:block;position:absolute;right:10px;bottom:10px;width:18px;height:18px;line-height:0;font-size:0;background:url(/moa/img/renew/boxStyle_dot.gif) no-repeat;}
.boxStyleBig li a.on span {right:9px;bottom:9px;background-position:-18px 0;}
.boxStyleBig_bg{display:block;position:fixed;z-index:999;top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}

/* 종이재질안내 */
#bag_boxstyle {}
#bag_boxstyle h3 {font-size:26px;}
#bag_boxstyle h4 {display:inline-block;margin:30px 0 15px;font-size:20px;border-bottom:1px solid #000000;}
#bag_boxstyle h4 span {color:#ff5732;}
#bag_boxstyle .area .fl {float:left;width:48%}
#bag_boxstyle .area .fr {float:right;width:48%}
#bag_boxstyle .area dt {padding:2px 0px 10px 13px;font-size:18px;font-weight:bold;background:url(/moa/img/renew/dot03.gif) no-repeat 0px 9px;}
#bag_boxstyle .area dd {margin:0;padding:0 0 0 13px;}
#bag_boxstyle .area ol {padding-left:65px;}
#bag_boxstyle .area ol li {margin:10px 0 0 -65px;padding:7px 0px 0 65px;font-size:18px;font-weight:bold;background:url(/moa/img/renew/bag_boxstyle_dot1.gif) no-repeat 0 0;}
#bag_boxstyle .area ol li span {color:#ff5500;}
#bag_boxstyle .area ol li p {padding-bottom:20px;border-bottom:1px solid #e9e9e9;}
#bag_boxstyle .area ol li.dot2 {background-image:url(/moa/img/renew/bag_boxstyle_dot2.gif);}
#bag_boxstyle .area ol li.dot3 {background-image:url(/moa/img/renew/bag_boxstyle_dot3.gif);}
#bag_boxstyle .area ol li.dot4 {background-image:url(/moa/img/renew/bag_boxstyle_dot4.gif);}
#bag_boxstyle .area ol li.dot5 {background-image:url(/moa/img/renew/bag_boxstyle_dot5.gif);}
#bag_boxstyle .list li {float:left;margin:20px 0 0 15px;}
#bag_boxstyle .list li.first {margin-left:0;}
#bag_boxstyle .list li strong {display:block;padding-top:6px;font-size:18px;font-weight:bold;text-align:center;}

/* 무료디자인서비스 */
#free_design {}
#free_design h3 {display:inline-block;margin-bottom:20px;font-size:20px;border-bottom:1px solid #000000;}
#free_design h3 span {color:#ff5732;}
#free_design ol {margin-top:15px;}
#free_design ol li {padding:0 0 4px 0;}
#free_design ol li span {color:#ff5500;}

/* 회사소개 */
#company {}
#company h3 {display:inline-block;margin-bottom:1px;font-size:21px;letter-spacing:-1px;}
#company h3 span {color:#ff5732;}
#company h4 {display:inline-block;margin-bottom:1px; font-size:80px;letter-spacing:-1px;}
#company h4 span {color:#ffba00; text-decoration:none}


#company p {font-size:21px;color:#575757; letter-spacing:-1px; isplay:inline-block; font-weight:bold}
#company p span {color:#ff5732;}

#company li {color:#575757;}
#company .box1 {margin-top:10px;padding:10px 20px;background:#f3f3f3;}

/* 종이쇼핑백 */
.speed_box {float:left;width:233px;margin-left:10px;border:1px solid #D3D3D3;border-radius:10px;background:#fff;}
.speed_box.first {margin-left:0;}
.speed_box .img {height:180px;padding:15px 0;text-align:center;border-bottom:1px solid #DCDCDC;}
.speed_box .img img {height:180px;max-height:180px;}
.speed_box .text {padding:10px;}
.speed_box .text p{font-size:11px; letter-spacing:0px}
.speed_box .text p strong{font-size:11px; letter-spacing:0px}
.speed_box .text p {margin:2px;}
.speed_box .text .paperName  {float:left;font-size:14px; font-weight:bold; color:#000; }
.speed_box .text .paperTag1  {display:inline-block;float:right;background:#fed43b; color:#000; width:75px; padding:2px 0; height:12px; text-align:center; font-size:11px; letter-spacing:-1px; vertical-align:top}
.speed_box .text .limitPrice strong {color:red; font-size:11px; letter-spacing:0px}
.speed_box .text .btn {text-align:center;}
.speed_box .text a.btnSt03SS {height:16px;}

/* 레이어팝업 열고닫는 css(레이어팝업css에 젤 아래에 위치해야함) */
.layerPopup.openLayer {display:block;}

/* 레이어팝업 뒷배경 투명조절 css */
#lay{ display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%;z-index:500;}
#lay.open{ display:block;}
#lay .bg{ position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=30);}


/*태그*/
.infoBox .processtag1  {position:relative; top:-2px; display:inline-block; background:#FF8245; border:1px solid #F56A26; border-radius:3px; color:#FFF; font-size:11px; text-align:center; padding:1px 0px 2px 0px; width:66px;} /*오렌지*/
.infoBox .processtag2  {position:relative; top:-2px; display:inline-block; background:#4DB9FF; border:1px solid #34A6F0; border-radius:3px; color:#FFF; font-size:11px; text-align:center; padding:1px 0px 2px 0px; width:66px;}/*블루*/
.infoBox .processtag3  {position:relative; top:-2px; display:inline-block; background:#FFFFFF; border:1px solid #8C8C8C; border-radius:3px; color:#333; font-size:11px; text-align:center; padding:1px 0px 2px 0px; width:66px;}/*흰색*/
.infoBox .processtag4  {position:relative; top:-2px; display:inline-block; background:#A0A0A0; border:1px solid #8C8C8C; border-radius:3px; color:#FFF; font-size:11px; text-align:center; padding:1px 0px 2px 0px; width:66px;}/*그레이*/

/** layerPopup **/
/* .layerPopup {position:absolute;top:0;display:none;border:1px solid #a9a9a9;background:#fff;z-index:100;}*/
.layerPopup {position:relative;border:5px solid #00a1f1;background:#fff;}
.layerPopup .topTitle {position:relative;height:45px;line-height:45px;padding:0 0 0 17px;font-size:18px;color:#fff;background:#0387d1; font-weight:bold}
.layerPopup .topTitle .closeLayer {position:absolute;right:24px;top:10px;overflow:hidden;display:block;width:22px;height:23px;text-indent:-999px;background:url(/moa/img/common/ico_close.gif) no-repeat 0 0;}

/* 로그인 */
.layerPopup.login {display:none;position:absolute;top: 50%; left: 50%;width:380px;height:365px;z-index:1000;}
.layerPopup.login .loginForm {height:242px;}
.layerPopup.login .loginForm dl.id {padding:25px 0 0 33px;text-align:left;}
.layerPopup.login .loginForm dl.id dt {padding-left:3px;font-weight:bold;color:#656565; font-size:15px}
.layerPopup.login .loginForm dl.id dd {padding-top:3px;}
.layerPopup.login .loginForm dl.id dd input {width:290px;height:30px;padding:0 5px;border:1px solid #cdd4dc;font-weight:bold;font-size:15px}
.layerPopup.login .loginForm dl.pass {padding:10px 0 0 34px;text-align:left;}
.layerPopup.login .loginForm dl.pass dt {padding-left:3px;font-weight:bold;color:#656565; font-size:15px}
.layerPopup.login .loginForm dl.pass dd {padding-top:3px;}
.layerPopup.login .loginForm dl.pass dd input {width:290px;height:30px;padding:0 5px;border:1px solid #cdd4dc;}
.layerPopup.login .loginForm .ok {padding-top:10px;text-align:center;}
.layerPopup.login .loginForm .ok .submit {overflow:hidden;display:inline-block;width:107px;height:29px;font-size:11px;text-align:center;vertical-align:middle;color:#fff;border:0; background:#0387d1;}
.layerPopup.login .loginForm .join {padding-top:10px;text-align:center;}
.layerPopup.login .loginForm .join a {color:#6a8bc6;text-decoration:underline;padding:15px 0 0 0px;}
.layerPopup.login .snsLogin {height:67px;padding-top:10px;text-align:center;border-top:1px dashed #000000;background:#ebebeb;}

/* 팝업회원가입 */
.layerPopup.pop_member {display:none;position:absolute;top: 50%; left: 50%;width:380px;height:365px;z-index:1000;}
.layerPopup.pop_member .loginForm {height:242px;}
.layerPopup.pop_member .loginForm dl.id {margin:0px; padding:7px 0 0 33px;text-align:left;}
.layerPopup.pop_member .loginForm dl.id dt {padding-left:3px;font-weight:bold;color:#656565; }
.layerPopup.pop_member .loginForm dl.id dd {padding-top:3px;}
.layerPopup.pop_member .loginForm dl.id dd input {width:290px;height:22px;padding:0 5px;border:1px solid #cdd4dc; }
.layerPopup.pop_member .loginForm dl.pass {margin:0px;padding:7px 0 0 34px;text-align:left;}
.layerPopup.pop_member .loginForm dl.pass dt {padding-left:3px;font-weight:bold;color:#656565;}
.layerPopup.pop_member .loginForm dl.pass dd {padding-top:3px;}
.layerPopup.pop_member .loginForm dl.pass dd input {width:290px;height:22px;padding:0 5px;border:1px solid #cdd4dc;}
.layerPopup.pop_member .loginForm .ok {padding-top:10px;text-align:center;}
.layerPopup.pop_member .loginForm .ok .submit {overflow:hidden;display:inline-block;width:107px;height:29px;font-size:12px;text-align:center;vertical-align:middle;color:#fff;border:0; background:#0387d1;}
.layerPopup.pop_member .loginForm .join {padding-top:10px;text-align:center;}
.layerPopup.pop_member .loginForm .join a {color:#6a8bc6;text-decoration:underline;}
.layerPopup.pop_member .snsLogin {height:67px;padding-top:10px;text-align:center;border-top:1px dashed #000000;background:#ebebeb;}

/* 우편번호 */
.layerPopup.zip {display:none;position:absolute;top: 50%; left: 50%;width:380px;height:365px;z-index:1000;}
.layerPopup.zip .formzip {height:242px;}
.layerPopup.zip .formzip dl.zipcd {margin:0px; padding:25px 0 0 33px;text-align:left;}
.layerPopup.zip .formzip dl.zipcd dt {padding-left:3px;color:#656565;}
.layerPopup.zip .formzip dl.zipcd dd {padding:3px 0 0 33px;}

/* designReg */
.designReg .endReg {padding:60px 0 0;text-align:center;}
.designReg .endReg h4 {font-size:28px;color:#0080bf;}
.designReg .endReg h5 {padding-bottom:20px;font-size:18px;}

/* 레이어팝업 열고닫는 css(레이어팝업css에 젤 아래에 위치해야함) */
.layerPopup.openLayer {display:block;}

/* 레이어팝업 뒷배경 투명조절 css */
#lay{ display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%;z-index:500;}
#lay.open{ display:block;}
#lay .bg{ position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=30);}

/*추가 CSS, 2020-09-28 */
.pagination-center {margin-top:20px;text-align:center;}
.pagination {margin: 0 ;border-radius: 0;}
.pagination > li {display:inline;line-height:33px;}
.pagination > li > a, .pagination > li > span {padding: 5px 10px;color: #777;background-color: #ffffff;border: 1px solid #eaeaea;margin-left: 0px;border-radius:0;transition: all 0.45s ease;-webkit-transition: all 0.45s ease;min-width: 34px;text-align: center; }
.pagination > li i {display:inline-block;min-width:10px;height:9px;font-size:inherit;}
.pagination > li i.angle-left {background:url(/moa/img/angle-left.png) no-repeat 50% 50%;}
.pagination > li i.angle-left2 {background:url(/moa/img/angle-left2.png) no-repeat 50% 50%;}
.pagination > li i.angle-right {background:url(/moa/img/angle-right.png) no-repeat 50% 50%;}
.pagination > li i.angle-right2 {background:url(/moa/img/angle-right2.png) no-repeat 50% 50%;}
.pagination > li:first-child > a, .pagination > li:first-child > span {margin-left: 0;border-radius:0;}
.pagination > li:last-child > a, .pagination > li:last-child > span {border-radius:0;}

.pagination > .Previous > a:hover, .pagination > .Next > a:hover,
.pagination > .Previous > span:hover, .pagination > .Next > span:hover,
.pagination > .Previous > a:focus, .pagination > .Next > a:focus,
.pagination > .Previous > span:focus, .pagination > .Next > span:focus {color: #777777;background-color:none;border-color: #d7d7d7;}
.pagination > li.num > a:hover, .pagination > li.num > span:hover,
.pagination > li.num > a:focus, .pagination > li.num > span:focus {color: #ffffff;background-color: #787878;border-color: #d7d7d7;}
.pagination > .active > a, .pagination > .active > span,
.pagination > .active > a:hover, .pagination > .active > span:hover,
.pagination > .active > a:focus, .pagination > .active > span:focus {color: #ffffff;background:linear-gradient(to right, #ff6414, #ff0e90);}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus,
.pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {color: #777777;background-color: #fff;border-color: #eaeaea;cursor: not-allowed;}
/* solid line*/
.solid_gy_t{border-top:1px solid #cecece;}
.solid_gy_r{border-right:1px solid #cecece;}
.solid_gy_l{border-left:1px solid #cecece;}
.solid_gy_b{border-bottom:1px solid #cecece;}

.solid_gy2_t{border-top:2px solid ##3f3f3f;}
.solid_gy2_b{border-bottom:2px solid ##3f3f3f;}

.solid_bk_t{border-top:1px solid #3f3f3f;;}

.bg_gy{background-color:#eaeaea}





/* font size css */
.f_30 {font-size:30px; }
.f_25 {font-size:25px; }
.f_24 {font-size:24px; }
.f_20 {font-size:20px; }
.f_19 {font-size:19px; }
.f_18 {font-size:18px; }
.f_17 {font-size:17px; }
.f_16 {font-size:16px; }
.f_15 {font-size:15px; }
.f_14 {font-size:14px; }
.f_13 {font-size:13px; }
.f_12 {font-size:12px; }
.f_11 {font-size:11px; }
.f_10 {font-size:10px; }

/* font color css */
.f_org {color:#ff5732}


/* letter-spacing */
.lsm05  {letter-spacing:-0.5px;}
.lsm1  {letter-spacing:-1px;}
.lsm2  {letter-spacing:-2px;}
.lsm3  {letter-spacing:-3px;}
.lsm4  {letter-spacing:-4px;}
/* letter-spacing end */


/* margin & padding end */
.mgl1m {margin-left:-1px;}
.mgl2m {margin-left:-2px;}
.mgl3m {margin-left:-3px;}
.mgl4m {margin-left:-4px;}
.mgl5m {margin-left:-5px;}
.mgl1  {margin-left:1px;}
.mgl2  {margin-left:2px;}
.mgl3  {margin-left:3px;}
.mgl4  {margin-left:4px;}
.mgl5  {margin-left:5px;}
.mgl6  {margin-left:6px;}
.mgl7  {margin-left:7px;}
.mgl8  {margin-left:8px;}
.mgl9  {margin-left:9px;}
.mgl10 {margin-left:10px;}
.mgl11 {margin-left:11px;}
.mgl12 {margin-left:12px;}
.mgl13 {margin-left:13px;}
.mgl14 {margin-left:14px;}
.mgl15 {margin-left:15px;}
.mgl16 {margin-left:16px;}
.mgl17 {margin-left:17px;}
.mgl18 {margin-left:18px;}
.mgl19 {margin-left:19px;}
.mgl20 {margin-left:20px;}
.mgl21 {margin-left:21px;}
.mgl22 {margin-left:22px;}
.mgl23 {margin-left:23px;}
.mgl24 {margin-left:24px;}
.mgl25 {margin-left:25px;}
.mgl26 {margin-left:26px;}
.mgl27 {margin-left:27px;}
.mgl28 {margin-left:28px;}
.mgl29 {margin-left:29px;}
.mgl30 {margin-left:30px;}
.mgl35 {margin-left:35px;}
.mgl40 {margin-left:40px;}
.mgl45 {margin-left:45px;}
.mgl50 {margin-left:50px;}
.mgl55 {margin-left:55px;}
.mgl118 {margin-left:118px;}

.mgr1  {margin-right:1px;}
.mgr2  {margin-right:2px;}
.mgr3  {margin-right:3px;}
.mgr4  {margin-right:4px;}
.mgr5  {margin-right:5px;}
.mgr6  {margin-right:6px;}
.mgr7  {margin-right:7px;}
.mgr8  {margin-right:8px;}
.mgr9  {margin-right:9px;}
.mgr10 {margin-right:10px;}
.mgr11 {margin-right:11px;}
.mgr12 {margin-right:12px;}
.mgr13 {margin-right:13px;}
.mgr14 {margin-right:14px;}
.mgr15 {margin-right:15px;}
.mgr16 {margin-right:16px;}
.mgr17 {margin-right:17px;}
.mgr18 {margin-right:18px;}
.mgr19 {margin-right:19px;}
.mgr20 {margin-right:20px;}
.mgr21 {margin-right:21px;}
.mgr22 {margin-right:22px;}
.mgr23 {margin-right:23px;}
.mgr24 {margin-right:24px;}
.mgr25 {margin-right:25px;}
.mgr26 {margin-right:26px;}
.mgr27 {margin-right:27px;}
.mgr28 {margin-right:28px;}
.mgr29 {margin-right:29px;}
.mgr30 {margin-right:30px;}
.mgr35 {margin-right:35px;}
.mgr40 {margin-right:40px;}
.mgr45 {margin-right:45px;}
.mgr50 {margin-right:50px;}
.mgr55 {margin-right:55px;}

.mgt1m {margin-top:-1px;}
.mgt2m {margin-top:-2px;}
.mgt3m {margin-top:-3px;}
.mgt4m {margin-top:-4px;}
.mgt5m {margin-top:-5px;}
.mgt1  {margin-top:1px;}
.mgt2  {margin-top:2px;}
.mgt3  {margin-top:3px;}
.mgt4  {margin-top:4px;}
.mgt5  {margin-top:5px;}
.mgt6  {margin-top:6px;}
.mgt7  {margin-top:7px;}
.mgt8  {margin-top:8px;}
.mgt9  {margin-top:9px;}
.mgt10 {margin-top:10px;}
.mgt11 {margin-top:11px;}
.mgt12 {margin-top:12px;}
.mgt13 {margin-top:13px;}
.mgt14 {margin-top:14px;}
.mgt15 {margin-top:15px;}
.mgt16 {margin-top:16px;}
.mgt17 {margin-top:17px;}
.mgt18 {margin-top:18px;}
.mgt19 {margin-top:19px;}
.mgt20 {margin-top:20px;}
.mgt21 {margin-top:21px;}
.mgt22 {margin-top:22px;}
.mgt23 {margin-top:23px;}
.mgt24 {margin-top:24px;}
.mgt25 {margin-top:25px;}
.mgt26 {margin-top:26px;}
.mgt27 {margin-top:27px;}
.mgt28 {margin-top:28px;}
.mgt29 {margin-top:29px;}
.mgt30 {margin-top:30px;}
.mgt35 {margin-top:35px;}
.mgt38 {margin-top:38px;}
.mgt40 {margin-top:40px;}
.mgt45 {margin-top:45px;}
.mgt50 {margin-top:50px;}
.mgt55 {margin-top:55px;}
.mgt60 {margin-top:60px;}
.mgt150 {margin-top:150px;}

.mgb1  {margin-bottom:1px;}
.mgb2  {margin-bottom:2px;}
.mgb3  {margin-bottom:3px;}
.mgb4  {margin-bottom:4px;}
.mgb5  {margin-bottom:5px;}
.mgb6  {margin-bottom:6px;}
.mgb7  {margin-bottom:7px;}
.mgb8  {margin-bottom:8px;}
.mgb9  {margin-bottom:9px;}
.mgb10 {margin-bottom:10px;}
.mgb11 {margin-bottom:11px;}
.mgb12 {margin-bottom:12px;}
.mgb13 {margin-bottom:13px;}
.mgb14 {margin-bottom:14px;}
.mgb15 {margin-bottom:15px;}
.mgb16 {margin-bottom:16px;}
.mgb17 {margin-bottom:17px;}
.mgb18 {margin-bottom:18px;}
.mgb19 {margin-bottom:19px;}
.mgb20 {margin-bottom:20px;}
.mgb21 {margin-bottom:21px;}
.mgb22 {margin-bottom:22px;}
.mgb23 {margin-bottom:23px;}
.mgb24 {margin-bottom:24px;}
.mgb25 {margin-bottom:25px;}
.mgb26 {margin-bottom:26px;}
.mgb27 {margin-bottom:27px;}
.mgb28 {margin-bottom:28px;}
.mgb29 {margin-bottom:29px;}
.mgb30 {margin-bottom:30px;}
.mgb35 {margin-bottom:35px;}
.mgb40 {margin-bottom:40px;}
.mgb45 {margin-bottom:45px;}
.mgb50 {margin-bottom:50px;}
.mgb55 {margin-bottom:55px;}

.pal1  {padding-left:1px;}
.pal2  {padding-left:2px;}
.pal3  {padding-left:3px;}
.pal4  {padding-left:4px;}
.pal5  {padding-left:5px;}
.pal6  {padding-left:6px;}
.pal7  {padding-left:7px;}
.pal8  {padding-left:8px;}
.pal9  {padding-left:9px;}
.pal10 {padding-left:10px;}
.pal11 {padding-left:11px;}
.pal12 {padding-left:12px;}
.pal13 {padding-left:13px;}
.pal14 {padding-left:14px;}
.pal15 {padding-left:15px;}
.pal16 {padding-left:16px;}
.pal17 {padding-left:17px;}
.pal18 {padding-left:18px;}
.pal19 {padding-left:19px;}
.pal20 {padding-left:20px;}
.pal21 {padding-left:21px;}
.pal22 {padding-left:22px;}
.pal23 {padding-left:23px;}
.pal24 {padding-left:24px;}
.pal25 {padding-left:25px;}
.pal26 {padding-left:26px;}
.pal27 {padding-left:27px;}
.pal28 {padding-left:28px;}
.pal29 {padding-left:29px;}
.pal30 {padding-left:30px;}
.pal35 {padding-left:35px;}
.pal40 {padding-left:40px;}
.pal45 {padding-left:45px;}
.pal50 {padding-left:50px;}
.pal55 {padding-left:55px;}
.pal260 {padding-left:260px;}

.par1  {padding-right:1px;}
.par2  {padding-right:2px;}
.par3  {padding-right:3px;}
.par4  {padding-right:4px;}
.par5  {padding-right:5px;}
.par6  {padding-right:6px;}
.par7  {padding-right:7px;}
.par8  {padding-right:8px;}
.par9  {padding-right:9px;}
.par10 {padding-right:10px;}
.par11 {padding-right:11px;}
.par12 {padding-right:12px;}
.par13 {padding-right:13px;}
.par14 {padding-right:14px;}
.par15 {padding-right:15px;}
.par16 {padding-right:16px;}
.par17 {padding-right:17px;}
.par18 {padding-right:18px;}
.par19 {padding-right:19px;}
.par20 {padding-right:20px;}
.par21 {padding-right:21px;}
.par22 {padding-right:22px;}
.par23 {padding-right:23px;}
.par24 {padding-right:24px;}
.par25 {padding-right:25px;}
.par26 {padding-right:26px;}
.par27 {padding-right:27px;}
.par28 {padding-right:28px;}
.par29 {padding-right:29px;}
.par30 {padding-right:30px;}
.par33 {padding-right:33px;}
.par35 {padding-right:35px;}
.par36 {padding-right:36px;}
.par40 {padding-right:40px;}
.par45 {padding-right:45px;}
.par50 {padding-right:50px;}
.par55 {padding-right:55px;}
.par167 {padding-right:167px;}

.pat1  {padding-top:1px;}
.pat2  {padding-top:2px;}
.pat3  {padding-top:3px;}
.pat4  {padding-top:4px;}
.pat5  {padding-top:5px;}
.pat6  {padding-top:6px;}
.pat7  {padding-top:7px;}
.pat8  {padding-top:8px;}
.pat9  {padding-top:9px;}
.pat10 {padding-top:10px;}
.pat11 {padding-top:11px;}
.pat12 {padding-top:12px;}
.pat13 {padding-top:13px;}
.pat14 {padding-top:14px;}
.pat15 {padding-top:15px;}
.pat16 {padding-top:16px;}
.pat17 {padding-top:17px;}
.pat18 {padding-top:18px;}
.pat19 {padding-top:19px;}
.pat20 {padding-top:20px;}
.pat21 {padding-top:21px;}
.pat22 {padding-top:22px;}
.pat23 {padding-top:23px;}
.pat24 {padding-top:24px;}
.pat25 {padding-top:25px;}
.pat26 {padding-top:26px;}
.pat27 {padding-top:27px;}
.pat28 {padding-top:28px;}
.pat29 {padding-top:29px;}
.pat30 {padding-top:30px;}
.pat35 {padding-top:35px;}
.pat40 {padding-top:40px;}
.pat45 {padding-top:45px;}
.pat50 {padding-top:50px;}
.pat55 {padding-top:55px;}

.pab1  {padding-bottom:1px;}
.pab2  {padding-bottom:2px;}
.pab3  {padding-bottom:3px;}
.pab4  {padding-bottom:4px;}
.pab5  {padding-bottom:5px;}
.pab6  {padding-bottom:6px;}
.pab7  {padding-bottom:7px;}
.pab8  {padding-bottom:8px;}
.pab9  {padding-bottom:9px;}
.pab10 {padding-bottom:10px;}
.pab11 {padding-bottom:11px;}
.pab12 {padding-bottom:12px;}
.pab13 {padding-bottom:13px;}
.pab14 {padding-bottom:14px;}
.pab15 {padding-bottom:15px;}
.pab16 {padding-bottom:16px;}
.pab17 {padding-bottom:17px;}
.pab18 {padding-bottom:18px;}
.pab19 {padding-bottom:19px;}
.pab20 {padding-bottom:20px;}
.pab21 {padding-bottom:21px;}
.pab22 {padding-bottom:22px;}
.pab23 {padding-bottom:23px;}
.pab24 {padding-bottom:24px;}
.pab25 {padding-bottom:25px;}
.pab26 {padding-bottom:26px;}
.pab27 {padding-bottom:27px;}
.pab28 {padding-bottom:28px;}
.pab29 {padding-bottom:29px;}
.pab30 {padding-bottom:30px;}
.pab35 {padding-bottom:35px;}
.pab40 {padding-bottom:40px;}
.pab45 {padding-bottom:45px;}
.pab50 {padding-bottom:50px;}
.pab55 {padding-bottom:55px;}
/* margin & padding end */