@charset "utf-8";

/* ＝ HTML Elements Default Properties
--------------------------------------------------------------------------------------------*/
*{margin:0; padding:0;}
html{overflow-y:scroll;}
body{line-height:1.231; font-size:12px; font-family:Arial, 'MS PGothic', 'MS Pゴシック', sans-serif; color:#333;}
ul, ol{list-style:none;}
object{outline:none;}
label[for], input[type=radio]{vertical-align:middle;}
input[type=radio]{margin-right:3px;}
hr{display:none;}
h1, h2, h3, h4, h5, h6{font-size:12px;}
a{color:#333; cursor:pointer; text-decoration:none; outline:none 0; blr:expression(this.onFocus=this.blur());}
a:hover, a:active{text-decoration:underline;}
a:focus{-moz-outline-style: none;}
input, select, textarea{vertical-align:middle;}
form{margin:0; padding:0;}
fieldset{margin:0; padding:0; border:none 0 transparent;}
legend{display:none;}
img{vertical-align:middle; border:0 none;}
input.textType{font-size:12px; border:1px solid #d2d2d2; height:15px; padding:3px 1px 1px 4px; background-color:#fff; color:#666;}
input.textType02{font-size:12px; border:1px solid #7f9db9; height:15px; padding:3px 1px 1px 4px; background-color:#fff; color:#666;}
input.readonly{background:#ccc;}
table{border-collapse:collapse; width:100%;}
table tr th img, table tr td img{vertical-align:middle;}
textarea{color:#333; border:1px solid #bebdbd; border-color:#bebdbd #d4d3d3 #d4d3d3 #bebdbd; background-color:#fff; padding:2px 3px 0px 2px;}
select{padding:0 1px 0 0;}
option{padding-right:0.7em;}
em{font-style:normal;}
strong{font-weight:bold;}

/* [[ For Print ]] */
@media print {
	#wrap{background: #fff;}
	#wideContent, #content{float:none; padding:0; margin:0; }
	#secondaryColumn, #skipNav, #header, #location, #footer{display: none;}
}

/* LAYER Z-INDEX */
.hover{position:relative; z-index:900;}

/* [[ Defalut ]] */
.tLayoutAuto{table-layout:auto !important;}
.lineH14{line-height:1.2em !important;}

/* [[ Font size ]] */
.fSize11, .font11, .resizeFont{font-size:11px !important; font-family:'MS PGothic';}
.fSize12, .font12{font-size:12px !important;}
.fSize13{font-size:13px !important;}

/* [[ Font weight ]] */
.fNormal, .weightZero{font-weight:normal !important;}

/* [[ Reduce word & letter ]] */
.reduceZero{letter-spacing:0 !important; word-spacing:0 !important;}

/* [[ Clear float without additional element ]] */
.clear{clear:both !important;}
.clearSelf{display:inline-block;}
.clearSelf:after{content:"."; height:0; visibility:hidden; display:block; clear:both;}
.fLeft{float:left !important;}
.fRight{float:right !important;}
.contentNone{display:block;}
.contentNone:after{content:close-quote !important; height:auto !important; clear:none !important;}

/* [[ Hidden ]] */
.hide, .hideLabel{position:absolute; left:-5000px; width:0;}
.disNone{display:none !important;}
.leftBlock{display:block; float:left;}

/* [[ Text indent ]] */
.indent15{text-indent:-16px !important; padding:0 16px !important;}

/* [[ Text align ]] */
.aCenter, .alignCenter{text-align:center !important;}
.aLeft, .alignLeft{text-align:left !important;}
.aRight, .alignRight{text-align:right !important;}

/* [[ Border Style ]] */
.lBorderNone, .lbNone{border-left:none !important;}
.rBorderNone, .rbNone{border-right:none !important;}

/* [[ Font + Link color ]] */
.bold, .bold a:link, .bold a:hover, .bold a:active, .bold a:visited,
.strong, .strong a:link, .strong a:visited, .strong a:hover, .strong a:active{font-weight:bold !important;}

.colBlack, .colBlack a:link, .colBlack a:hover, .colBlack a:active, .colBlack a:visited,
.black, .black a:link, .black a:hover, .black a:active, .black a:visited{color:#000 !important;}

.colGray, .colGray a:link, .colGray a:hover, .colGray a:active, .colGray a:visited,
.gray, .gray a:link, .gray a:hover, .gray a:active, .gray a:visited{color:#666 !important;}
.gray01, .gray01 a:link, .gray01 a:hover, .gray01 a:active, .gray01 a:visited{color:#575966 !important;}
.col444, .col444 a:link, .col444 a:hover, .col444 a:active, .col444 a:visited{color:#444 !important;}
.col888, .col888 a:link, .col888 a:hover, .col888 a:active, .col888 a:visited{color:#888 !important;}

.colRed, .colRed a:link, .colRed a:hover, .colRed a:active, .colRed a:visited,
.red, .red a:link, .red a:hover, .red a:active, .red a:visited{color:#ff0000 !important;}
.red01, .red01 a:link, .red01 a:hover, .red01 a:active, .red01 a:visited{color:#e42525 !important;}
.red02, .red02 a:link, .red02 a:hover, .red02 a:active, .red02 a:visited{color:#ba0000 !important;}
.red03, .red03 a:link, .red03 a:hover, .red03 a:active, .red03 a:visited{color:#f20101 !important;}

.colOra, .colOra a:link, .colOra a:hover, .colOra a:active, .colOra a:visited,
.orange, .orange a:link, .orange a:hover, .orange a:active, .orange a:visited{color:#ff6600 !important;}

.colBlue, .colBlue a:link, .colBlue a:hover, .colBlue a:active, .colBlue a:visited,
.blue, .blue a:link, .blue a:hover, .blue a:active, .blue a:visited{color:#0066bc !important;}

.colDarkblue, .colDarkblue a:link, .colDarkblue a:hover, .colDarkblue a:active, .colDarkblue a:visited,
.darkBlue, .darkBlue a:link, .darkBlue a:hover, .darkBlue a:active, .darkBlue a:visited{color:#003399 !important;}
.darkBlue01, .darkBlue01 a:link, .darkBlue01 a:hover, .darkBlue01 a:active, .darkBlue01 a:visited{color:#002b6c !important;}

.colGreen, .colGreen a:link, .colGreen a:hover, .colGreen a:active, .colGreen a:visited,
.green, .green a:link, .green a:hover, .green a:active, .green a:visited{color:#00761f !important;}

/* [[ Margin ]] */
.margin0{margin:0px !important;}
.mAuto{margin:0 auto !important;}

.tm0{margin-top:0px !important;}
.tm2{margin-top:2px !important;}
.tm3{margin-top:3px !important;}
.tm5{margin-top:5px !important;}
.tm10{margin-top:10px !important;}
.tm15{margin-top:15px !important;}
.tm25{margin-top:25px !important;}
.tm28{margin-top:28px !important;}
.tm35{margin-top:35px !important;}
.tm60{margin-top:60px !important;}

.bm0{margin-bottom:0px !important;}
.bm2{margin-bottom:2px !important;}
.bm3{margin-bottom:3px !important;}
.bm6{margin-bottom:6px !important;}
.bm10{margin-bottom:10px !important;}
.bm12{margin-bottom:12px !important;}
.bm15{margin-bottom:15px !important;}
.bm25{margin-bottom:25px !important;}
.bm35{margin-bottom:35px !important;}

.rm0{margin-right:0px !important;}
.rm3{margin-right:3px !important;}
.rm5{margin-right:5px !important;}
.rm10{margin-right:10px !important;}

.lm1{margin-left:1px !important;}
.lm3{margin-left:3px !important;}
.lm5{margin-left:5px !important;}
.lm10{margin-left:10px !important;}
.lm18{margin-left:18px !important;}
.lm24{margin-left:24px !important;}
.lm40{margin-left:40px !important;}
.lm42p{margin-left:42% !important;}

/* [[ Padding ]] */
.padding0{padding:0px !important;}

.tp4{padding-top:4px;}
.tp10, .tpad10{padding-top:10px;}

.lp154, .lpad154{padding-left:154px;}
.lp180, .lpad180{padding-left:180px;}

.bp20{padding-bottom:20px !important;}

.lrp5{padding-left:5px !important; padding-right:5px !important;}

.posRe{position:relative; z-index:0; height:0;}

/* ＝ Giosis HTML Elements Default Properties
--------------------------------------------------------------------------------------------*/
/* [[ Defalut ]] */
.g_tbLayAuto{table-layout:auto !important;}
.g_backNone{background:none !important;}
.g_indent0{text-indent:0 !important;}

/* [[ Clear float without additional element ]] */
.g_clear{clear:both !important;}
.g_clearSelf:after{content:"."; height:0; visibility:hidden; display:block; clear:both;}
.g_clearSelf{display:inline-block;}
.g_fLeft{float:left !important;}
.g_fRight{float:right !important;}
.g_conNone{display:block;}
.g_conNone:after{content:close-quote !important; height:auto !important; clear:none !important;}

/* [[ Text indent ]] */
.g_indent16{text-indent:-16px !important;}
.g_indent0{text-indent:0 !important;}

/* [[ Font size ]] */
.g_fSize9{font-size:9px !important; font-family:'MS PGothic';}
.g_fSize11{font-size:11px !important;}
.g_fSize12{font-size:12px !important;}
.g_fSize16{font-size:16px !important;}

/* [[ Text align ]] */
.g_aCenter{text-align:center !important;}
.g_aLeft{text-align:left !important;}
.g_aRight{text-align:right !important;}
.g_aJustify{text-align:justify !important;}

/* [[ LineHeight ]] */
.g_lineH14{line-height:1.1em !important;}

/* [[ TextDecoration ]] */
.g_unline{text-decoration:underline !important;}
.g_unlineNone{text-decoration:none !important;}

/* [[ Form style ]] */
input.g_onlyRead{border:1px solid #e5e5e5 !important;}

/* [[ Hidden ]] */
.g_hide{position:absolute; left:-5000px; width:0;}
.g_disNone, disNone{display:none !important;}

/* [[ Border Style ]] */
.g_lbNone{border-left:none !important;}
.g_rbNone{border-right:none !important;}

/* [[ Font + Link color ]] */
.g_bold, .g_bold a:link, .g_bold a:hover, .g_bold a:active, .g_bold a:visited,
.g_strong, .g_strong a:link, .g_strong a:visited, .g_strong a:hover, .g_strong a:active{font-weight:bold !important;}

.g_black, .g_black a:link, .g_black a:hover, .g_black a:active, .g_black a:visited{color:#000 !important;}

.g_gray, .g_gray a:link, .g_gray a:hover, .g_gray a:active, .g_gray a:visited{color:#666 !important;}
.g_gray01, .g_gray01 a:link, .g_gray01 a:hover, .g_gray01 a:active, .g_gray01 a:visited{color:#575966 !important;}
.g_col444, .g_col444 a:link, .g_col444 a:hover, .g_col444 a:active, .g_col444 a:visited{color:#444 !important;}
.g_col888, .g_col888 a:link, .g_col888 a:hover, .g_col888 a:active, .g_col888 a:visited{color:#888 !important;}

.g_red, .g_red a:link, .g_red a:hover, .g_red a:active, .g_red a:visited{color:#ff0000 !important;}
.g_red01, .g_red01 a:link, .g_red01 a:hover, .g_red01 a:active, .g_red01 a:visited{color:#e42525 !important;}
.g_red02, .g_red02 a:link, .g_red02 a:hover, .g_red02 a:active, .g_red02 a:visited{color:#ba0000 !important;}

.g_orange, .g_orange a:link, .g_orange a:hover, .g_orange a:active, .g_orange a:visited{color:#ff6600 !important;}

.g_blue, .g_blue a:link, .g_blue a:hover, .g_blue a:active, .g_blue a:visited{color:#0066bc !important;}
.g_blue01, .g_blue01 a:link, .g_blue01 a:hover, .g_blue01 a:active, .g_blue01 a:visited{color:#0000ff !important;}

.g_dkBlue, .g_dkBlue a:link, .g_dkBlue a:hover, .g_dkBlue a:active, .g_dkBlue a:visited{color:#003399 !important;}
.g_dkBlue01, .g_dkBlue01 a:link, .g_dkBlue01 a:hover, .g_dkBlue01 a:active, .g_dkBlue01 a:visited{color:#002b6c !important;}

.g_green, .g_green a:link, .g_green a:hover, .g_green a:active, .g_green a:visited{color:#00761f !important;}

.g_hoBlue01:hover{color:#0000ff;}

/* [[ Margin ]] */
.mAuto{margin:0 auto !important;}

.g_am0{margin:0px !important;}
.g_tm0{margin-top:0px !important;}
.g_tm2{margin-top:2px !important;}
.g_tm3{margin-top:3px !important;}
.g_tm5{margin-top:5px !important;}
.g_tm10{margin-top:10px !important;}
.g_tm15{margin-top:15px !important;}
.g_tm20{margin-top:20px !important;}
.g_tm25{margin-top:25px !important;}
.g_tm28{margin-top:28px !important;}
.g_tm35{margin-top:35px !important;}
.g_tm60{margin-top:60px !important;}

.g_bm0{margin-bottom:0px !important;}
.g_bm2{margin-bottom:2px !important;}
.g_bm3{margin-bottom:3px !important;}
.g_bm6{margin-bottom:6px !important;}
.g_bm10{margin-bottom:10px !important;}
.g_bm12{margin-bottom:12px !important;}
.g_bm15{margin-bottom:15px !important;}
.g_bm25{margin-bottom:25px !important;}
.g_bm35{margin-bottom:35px !important;}

.g_rm0{margin-right:0px !important;}
.g_rm3{margin-right:3px !important;}
.g_rm5{margin-right:5px !important;}
.g_rm10{margin-right:10px !important;}

.g_lm1{margin-left:1px !important;}
.g_lm3{margin-left:3px !important;}
.g_lm5{margin-left:5px !important;}
.g_lm10{margin-left:10px !important;}
.g_lm18{margin-left:18px !important;}
.g_lm24{margin-left:24px !important;}
.g_lm40{margin-left:40px !important;}


/* [[ Padding ]] */
.g_ap0{padding:0px !important;}
.g_tp4{padding-top:4px !important;}
.g_tp10{padding-top:10px !important;}
.g_tp40{padding-top:40px !important;}

.g_bp20{padding-bottom:20px !important;}
.g_lp154{padding-left:154px !important;}
.g_lp180{padding-left:180px !important;}
.g_lrp5{padding-left:5px !important; padding-right:5px !important;}
.g_rlPad18{padding-right:18px !important; padding-left:18px !important;}

/* Inner Popup */
.innerPopWrap{border:4px solid #72b7fb;}
.innerPopWrap .head{
	position:relative; border-bottom:2px solid #72b7fb; color:#0765c2; height:26px; line-height:26px; background-color:#eaf5ff; overflow:hidden; cursor:move; padding:0 30px 0 10px;}
.innerPopWrap .head h2{display:block; width:100%; margin:0; background-color:#eaf5ff;}
.innerPopWrap .head h2 span{display:block; text-shadow:#fff 2px 1px 0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.innerPopWrap .head .closePop{position:absolute; top:0; right:0; background-color:#eaf5ff; padding:7px 7px 7px 10px; float:none !important;}
.innerPopWrap .head .closePop a{
	display:block; width:14px; height:14px; text-indent:-5000px; cursor:pointer;
	background:url(../../../front/popup/image/icon_popup.png?110823) -409px -25px no-repeat;}
		
.innerPopWrap .loading{position:relative;}
.innerPopWrap .loading .bg{position:absolute; z-index:9998; top:0; left:0; width:100%; height:395px; background-color:#fff; opacity:0.7; filter:alpha(opacity=70);}
.innerPopWrap .loading .img{position:absolute; z-index:9999; width:100%;}
.innerPopWrap .loading .img img{ position:absolute; top:50%; left:50%; width:32px; height:32px; margin:-16px 0 0 -16px;}

/* [[ coupon ]] */
    
    /* 공통 bg :JP만 우측정렬 */
    .cp_basic {
        background: url("../../../../image/coupon/cp_basic.png?110902") no-repeat scroll 0 0 transparent;
        color: #DC0707;
        display: inline-block;
        font-family: Arial;
        text-align: right;
        vertical-align: middle;
    }
    .cp_basic span { padding:0 2px;}
    .cp_basic em { letter-spacing:-1px;}
   
   
    /* width:135라인 */
    .cp_135 {
    background-position: 0 0;
    font-weight: bold;
    height: 38px;
    line-height:38px;
    padding: 20px 2px 0 46px;
    width: 87px;      
    }  
     /* font-size:30px & blue (금액 4자리만) */
    span.f34 { font-size:26px;}
    em.f34 { font-size:34px;}     
    
    /* width:124라인 */
    .cp_124 {
    background-position: 0 -200px;
    font-weight: bold;
    height: 34px;
    line-height:30px;
    padding: 20px 2px 0 20px;
    width: 102px;       
    }  
     /* font-size:30px & blue (금액 4자리만) */
    span.f30_b { font-size:21px; color:#0329a0 !important;}
    em.f30_b { font-size:30px; color:#0329a0 !important;}      
        
    /* width:100라인 */
    .cp_104 {
    background-position: -106px -65px;
    font-weight: bold;
    height: 30px;
    padding: 15px 2px 0 30px;
    width: 72px;    
    }    
    .cp_104 span, .cp_104 em { display:inline-block; height:30px; line-height:30px;}
    
    /* font-size:26px & blue (금액 3자리만) */
    span.f25_b { font-size:17px; color:#0329a0 !important;}
    em.f25_b { font-size:26px; color:#0329a0 !important;}
    /* font-size:15px & blue (금액 5자리만) */
    span.f15_b { font-size:11px; font-family:'MS PGothic'; color:#0329a0 !important;}
    em.f15_b { font-size:15px; color:#0329a0 !important;}
      
    
    /* width:98라인 */
    .cp_98 {
    background-position: -215px -65px;
    font-weight: bold;
    height: 30px;
    line-height:28px;
    padding: 12px 2px 0 26px;
    width: 70px;      
    }  
    /* font-size:25px (금액 3자리만) */
    span.f25 { font-size:17px;}
    em.f25 { font-size:26px;}
    /* font-size:25px (금액 4자리만) */
    span.f19 { font-size:17px;}
    em.f19 { font-size:19px;}
    /* font-size:28px (금액 5자리만) */
    span.f28 { font-size:17px;}
    em.f28 { font-size:28px;}
    
    /* width:88라인 */
    .cp_88 {
    background-position: -80px -155px;
    font-weight: bold;
    height: 20px;
    line-height:20px;
    padding: 18px 2px 0 22px;
    width: 64px;      
    }  
    /* font-size:15px & pink (금액 5자리만) */
    span.f14_p { font-size:10px; font-family:'MS PGothic'; color:#CC0066 !important;}
    em.f14_p { font-size:14px; color:#CC0066 !important;}
       
    /* width:60라인 */
    .cp_60 {
    background-position: 0 -295px;
    font-weight: bold;
    height: 18px;
    line-height: 18px;
    padding: 8px 1px 0 8px;
    width: 51px;       
    }  
    /* font-size:14px (금액 3자리만) */
    span.f14 { font-size:11px; font-family:'MS PGothic';}
    em.f14 { font-size:14px;}   
    /* font-size:13px (금액 4자리만) */
    span.f11 { font-size:11px; font-family:'MS PGothic';}
    em.f11 { font-size:11px;}   
    
    /* width:153_band라인 */
    .cp_153_band {
    background-position: -412px -65px;
    font-weight: bold;
    height: 34px; 
    line-height:34px;   
    padding: 8px 72px 0 37px;
    width: 44px;   
    }  
    /* font-size:14px (금액 5자리만) */
    span.f16 { font-size:14px; font-family:Arial;}
    em.f16 { font-size:16px;}   
    
    /* width:89_many라인 */
    .cp_89_many {
    background-position: -318px -65px;
    font-weight: bold;
    height: 17px; 
    line-height:15px;   
    padding: 26px 30px 0 20px;
    width: 39px;        
    }       
    
    /* width:75_double라인 */
    .cp_75_double {
    background-position: 0 -155px;
    font-weight: bold;
    height: 18px; 
    line-height:18px;   
    padding: 20px 8px 0 22px;
    width: 45px;        
    }   
    
/* Section : Smart Tab----------------------------------------------------------------------*/
	.quickSmartTab iframe {overflow:hidden; background-color:#fff; border:2px solid #066ACD; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; -moz-box-shadow:1px 2px 2px #9baec5; -webkit-box-shadow:1px 2px 2px #9baec5; box-shadow:1px 2px 2px #9baec5;}
		
	/* Loading */
	.quickSmartTabLoading { position:absolute; width:874px; left:2px; top:2px;}
	.quickSmartTabLoading .bg{position:absolute; z-index:9998; top:0; left:0; width:100%; height:529px; background-color:#fff; opacity:0.7; filter:alpha(opacity=70); border:1px solid #fff; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; }
	.quickSmartTabLoading .img{position:absolute; z-index:9999; width:100%; height:531px;}
	.quickSmartTabLoading .img img{ position:absolute; top:50%; left:50%;}
	
	.quickSmartTab.edge .quickSmartTabLoading { position:absolute; width:874px; left:0; top:0;}