body{;margin:0;background:#161616;}
body#main{margin:0;}
#skipNav{position:absolute;width:0;height:0;overflow:hidden;}
#wraper {position:relative;width:100%;min-width:970px;}

/* header style */
#main #header{position:relative;width:100%;height:auto;background:url(/resources/image/mobile/common/header_bg.jpg) repeat-x top left;}
#main #header h1{text-align:center;padding:18px 0;width:55%;margin:0 auto;}
#sub #header{position:relative;padding:15px 0;width:100%;background:url(/resources/image/mobile/common/header_bg2.jpg) repeat-x top left;text-align:center;}
#sub #gnb {position:relative;width:100%;padding:15px 0;background:url(/resources/image/mobile/common/gbn_bg.jpg) repeat-x top left;}
#sub #gnb h2{text-align:center;color:#fff;font-size:130%;}
#sub #gnb .btn_left{position:absolute; top:12px; left:10px;z-index:10;}
#sub #gnb .btn_right{position:absolute; top:12px; right:10px;z-index:10;}

/* footer style */
#footer{position:relative;clear:both;width:100%;height:auto;background:url(/resources/image/mobile/common/footer_bg1.gif)  repeat-x top left;}
#footer .foot_wrap1{padding:16px 0 0 0;width:95%;margin:0 auto}
#footer .foot_wrap1 .link {float:left;padding:8px 0 0 15px;}
#footer .foot_wrap1 .link li{float:left;padding:0 10px 0 0;}
#footer .foot_wrap1 .pc {float:right;padding:8px 15px 0 0;width:18%;}
#footer .foot_wrap2{clear:both;text-align:center;padding:0 0 5px 0;}
#footer .foot_wrap2 p{width:50%;margin:0 auto;}


.clear {clear:both;}
/* padding */
.pd_10 {padding:10px;}
.pd_20 {padding:20px;}

.pd_tb2 {padding:2px 0;}
.pd_tb10 {padding:10px 0;}
.pd_tb20 {padding:20px 0;}
.pd_tb30 {padding:30px 0;}
.pd_tb40 {padding:40px 0;}

.pd_t3 {padding-top:3px;}
.pd_t5 {padding-top:5px;}
.pd_t10 {padding-top:10px;}
.pd_t20 {padding-top:20px;}
.pd_t30 {padding-top:30px;}
.pd_t40 {padding-top:40px;}

.pd_b2 {padding-bottom:2px;}
.pd_b5 {padding-bottom:5px;}
.pd_b10 {padding-bottom:10px;}
.pd_b15 {padding-bottom:15px;}
.pd_b20 {padding-bottom:20px;}
.pd_b30 {padding-bottom:30px;}
.pd_b40 {padding-bottom:40px;}

.pd_l5 {padding-left:5px;}
.pd_l10 {padding-left:10px;}
.pd_l15 {padding-left:15px;}
.pd_l17 {padding-left:17px;}
.pd_l18 {padding-left:18px;}
.pd_l20 {padding-left:20px;}
.pd_l30 {padding-left:30px;}
.pd_l40 {padding-left:40px;}
.pd_l50 {padding-left:50px;}
.pd_l60 {padding-left:60px;}
.pd_l87 {padding-left:87px;}
.pd_l90 {padding-left:90px;}
.pd_l130 {padding-left:130px;}

.pd_r5 {padding-right:5px;}
.pd_r10 {padding-right:10px;}
.pd_r20 {padding-right:20px;}
.pd_r30 {padding-right:30px;}
.pd_r40 {padding-right:40px;}

.pd_all10 {padding:10px;}
.pd_all20 {padding:20px;}
.pd_all30 {padding:30px;}
.pd_all40 {padding:40px;}

.mg_t3 {margin-top:3px;}
.mg_t5 {margin-top:5px;}
.mg_t10 {margin-top:10px;}
.mg_t20 {margin-top:20px;}
.mg_t30 {margin-top:30px;}
.mg_t40 {margin-top:40px;}
.mg_t50 {margin-top:50px;}

.mg_b5 {margin-bottom:5px;}
.mg_b7 {margin-bottom:7px;}
.mg_b10 {margin-bottom:10px;}
.mg_b20 {margin-bottom:20px;}

.mg_l10 {margin-left:10px;}
.mg_l20 {margin-left:20px;}
.mg_l30 {margin-left:30px;}


/* text style */
.text_bold {font-weight:bold;}
.text_small {font-size:0.95em;}
.text_red {color:#e41241;}
.text_blue {color:#0066b3;}
.text_sky {color:#00a5e5;}
.text_big {font-size:1.25em;letter-spacing:-0.07em;}
.text_s_big{font-size:1.12em;letter-spacing:-0.07em;}
.text_black {color:#000000;}
.text_yellow {color:#ffb300;}
.text_green {color:#1ebb00;}
.text_brown {color:#8e7235;}
.text_mint {color:#38b6b3;}
.text_gray {color:#a4a4a4;}
.gray {color:#a4a4a4;}
.text_orange{color:#e5842e;}
.align_center{text-align:center;}
.align_right{text-align:right;}

/* align */
.posi_abs {position:absolute}
.posi_rel {position:relative}
.fl {float:left;}
.fr {float:right;}
.cl {clear:left;}
.cr {clear:right;}