@charset "utf-8";

/* =========================================================================================================
	Font
========================================================================================================= */
/* Thin */
@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 100;
    src: local('Spoqa Han Sans Neo Thin'),
    url('../font/SpoqaHanSansNeo-Thin.woff2') format('woff2'),
    url('../font/SpoqaHanSansNeo-Thin.woff') format('woff'),
    url('../font/SpoqaHanSansNeo-Thin.ttf') format('truetype');
}

/* Light */
@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 300;
    src: local('Spoqa Han Sans Neo Light'),
    url('../font/SpoqaHanSansNeo-Light.woff2') format('woff2'),
    url('../font/SpoqaHanSansNeo-Light.woff') format('woff'),
    url('../font/SpoqaHanSansNeo-Light.ttf') format('truetype');
}

/* Regular */
@font-face{
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 400;
    src: local('Spoqa Han Sans Neo Regular'),
    url('../font/SpoqaHanSansNeo-Regular.woff2') format('woff2'),
    url('../font/SpoqaHanSansNeo-Regular.woff') format('woff'),
    url('../font/SpoqaHanSansNeo-Regular.ttf') format('truetype');
}

/* Medium */
@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 500;
    src: local('Spoqa Han Sans Neo Medium'),
    url('../font/SpoqaHanSansNeo-Medium.woff2') format('woff2'),
    url('../font/SpoqaHanSansNeo-Medium.woff') format('woff'),
    url('../font/SpoqaHanSansNeo-Medium.ttf') format('truetype');
}

/* bold */
@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 700;
    src: local('Spoqa Han Sans Neo Bold'),
    url('../font/SpoqaHanSansNeo-Bold.woff2') format('woff2'),
    url('../font/SpoqaHanSansNeo-Bold.woff') format('woff'),
    url('../font/SpoqaHanSansNeo-Bold.ttf') format('truetype');
}

@font-face{
	font-family : Helvetica;
	src:url('../font/HelveticaNeueLTPro-LtCn.eot');
	src:url('../font/HelveticaNeueLTPro-LtCn.eot?#iefix') format('eot'),
		url('../font/HelveticaNeueLTPro-LtCn.woff') format("woff"),
		url('../font/HelveticaNeueLTPro-LtCn.ttf') format("opentype");
}

 @font-face {
	font-family: "Nanum Brush Script";
	font-style: normal;
	font-weight: 400;
	src: url("../font/NanumBrushScript-Regular.eot");
	src: url("../font/NanumBrushScript-Regular.woff2") format("woff2"),
		url("../font/NanumBrushScript-Regular.woff") format("woff"),
		url("../font/NanumBrushScript-Regular.ttf") format("ruetype");
}

/* =========================================================================================================
	Reset
========================================================================================================= */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0;padding:0; border:none; color:inherit; }
body{font-family:"Spoqa Han Sans Neo", "Malgun Gothic", Helvetica, "Apple Gothic", Tahoma, Dotum, sans-serif; font-size:12px; line-height:18px; min-width:320px; -webkit-text-size-adjust:none; text-size-adjust:none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
img{border:none; vertical-align:top;max-width:100%}
dl, ul, ol, menu, li {list-style:none; }
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:""; content:none}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
address, caption, cite, code, dfn, em, var, i {font-weight:300; font-style: normal;}
hr{display:none}

a {text-decoration:none; }
a:active, a:hover {text-decoration:none;}
a {text-decoration:none; }
a:active, a:hover {text-decoration:none;}
a[disabled="disabled"] {opacity:0.2}
.disabled{pointer-events:none; }

/*reset - form*/
fieldset{border:none}
legend{display:none; }
input, select, textarea, button {vertical-align:middle; font-family:"Spoqa Han Sans Neo", "Malgun Gothic", Helvetica, "Apple Gothic", Tahoma, Dotum, sans-serif; color: #333; font-size: 12px; box-sizing:border-box;border-radius:0 ; margin:0; padding:0}
input, select{-webkit-appearance:none; -moz-appearance:none; appearance:none;  }
textarea {-webkit-appearance:none; -moz-appearance:none; appearance:none; resize:none; word-wrap:break-word; width:100%; padding:10px 10px; border:1px solid #c9c8c6; background-color:#fff; color:#333; font-size:12px; line-height:18px ;}
input:-moz-read-only {background-color:#f2f2f2 !important; color:#666 !important; border:1px solid #e1e1e0 !important;}
input:read-only {background-color:#f2f2f2 !important; color:#666 !important; border:1px solid #e1e1e0 !important;}
input[type="url"], input[type="tel"], input[type="email"], input[type="text"], input[type="password"], input[type="number"] {
	width:100%; height:35px; padding:0 10px; border:1px solid #c9c8c6; border-radius:0; background-color:#fff; color:#333; font-size:13px; 
}
input[type="number"] {background-color: #fff; border: 1px solid #c9c8c6; height: 35px; padding:0 10px; width: 100%; }
input:read-only, input:-moz-read-only { 
	background-color:#f2f2f2 !important; color:#666 !important; border:1px solid #e1e1e0 !important;
}
input.radio_style {opacity:0 }
input.radio_style:checked + label:after{background:#e5194e;}
input.radio_style + label {vertical-align:middle; height:20px; line-height:20px; color:#333; cursor: pointer; display:inline-block; position:relative; margin-right:20px}
input.radio_style + label:before{content:""; vertical-align:top; display:inline-block; width:20px; height:20px; border-radius:50%; background:#dcdcdc; margin-right:5px}
input.radio_style + label:after{content:""; display:inline-block; width:10px; height:10px; border-radius:50%; background:#fff; position:absolute; top:5px; left:5px}
input[type="checkbox"] {display : none;}
input[type="checkbox"] + label { color: #333; cursor: pointer; display: inline-block; font-size: 12px; position: relative; vertical-align:middle; line-height:1.2; top:1px}
input[type="checkbox"] + label:before {content:""; display:inline-block; width:19px; height:19px; border:2px solid #ebebeb; box-sizing:border-box; background:#fff;; vertical-align:middle; margin-right:7px }
input[type="checkbox"] + label:after{content:""; display:inline-block; width:9px; height:4px; border:2px solid #f0f0f0; border-right:none; border-top:none; position:absolute; left:4px; top:5px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg) ;}
input[type="checkbox"]:checked + label:after { border-color:#e5194e}
input.final_txt {color:#e5194e !important; font-weight:500; font-size:13px;}
input::-webkit-input-placeholder{color:#ccc}
textarea::-webkit-input-placeholder{color:#ccc}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px #fafafa inset;}

select {background: #fff url("../../images/select_arr.png") no-repeat right center ; background-size: 30px 30px; border: 1px solid #ccc; color: #666; font-size: 13px; height: 35px; width: 100%; padding: 0 30px 0 10px}
select::-ms-expand {display: none;}
select:before{content:"**"; position:absolute; right:0; top:0}
.sel-box {display:inline-block; width:100%;}

button {border:none; background-color:transparent; cursor:pointer; outline:none; text-decoration:none; box-sizing:border-box;}
button::-moz-focus-inner {border:0; padding:0;}

/*reset-table*/
caption {display:none; visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font-size:0; line-height:0;}
table{table-layout:fixed; width:100%; border-spacing:0; /*border-collapse:collapse;*/ border:none}
table th{text-align:center;}

/* =========================================================================================================
	공통스타일
========================================================================================================= */
.msg p {font-size:18px; color:#333;}
.temp_centerTxt .fs18 {font-size:18px;color:#333}
.popupBg_modal {display:none; position:fixed; left:0;right:0;top:0;bottom:0; background-color:rgba(0,0,0,.5); z-index:100}


/*화살표*/
.arr_box{display:inline-block; width:20px; height:20px; overflow:hidden; position:relative; box-sizing:content-box; }/*width height 값을 지정*/
.arr{display:inline-block; width:66.66%; height:66.66%; border:1px solid #000; border-top:none; border-right:none;line-height:99999px; overflow:hidden;position:absolute; left:50%; top:50%;  }
.arr.down{-webkit-transform:translate(-50%, -50%) rotate(-45deg); -moz-transform:translate(-50%, -50%) rotate(-45deg); transform:translate(-50%, -50%) rotate(-45deg) }
.arr.up{-webkit-transform:translate(-50%, -50%) rotate(-225deg); -moz-transform:translate(-50%, -50%) rotate(-225deg); transform:translate(-50%, -50%) rotate(-225deg)}
.arr.left{-webkit-transform:translate(-50%, -50%) rotate(45deg); -moz-transform:translate(-50%, -50%) rotate(45deg); transform:translate(-50%, -50%) rotate(45deg)}
.arr.right{-webkit-transform:translate(-50%, -50%) rotate(225deg); -moz-transform:translate(-50%, -50%) rotate(225deg); transform:translate(-50%, -50%) rotate(225deg)}

/*항목 showhide*/
.btn_show_hide{display:inline-block; width:21px; height:21px; overflow:hidden; position:absolute;right:15px;top:50%;margin-top:-10px; line-height:9999px; background:url("../../images/item_arr.png") no-repeat left top; background-size:20px 50px ; }
.btn_show_hide.on{background-position:0 -30px}

/*닫기버튼*/
.close{display:inline-block; width:30px; height:30px; overflow:hidden }/*w,h설정*/
.close span{display:inline-block; width:100%; height:100%;  position:relative; text-indent:-999999px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg)}
.close span:before, .close span:after{content:""; display:inline-block; background:#000; position:absolute}
.close span:before{width:1px; height:100%; top:0; left:50%; transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0);  }
.close span:after{width:100%; height:1px; top:50%; left:0; transform:translate(0, -50%);  -webkit-transform:translate(0, -50%); }

/* 텍스트 형식 */
.underline{text-decoration:underline;}
.ellipsis_1{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.ellipsis_2{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-wrap:break-word; line-height:1.2em; /*height값을 줄때 잘 맞춰서줘야*/  }
.normal {font-weight: 300 !important;}
.bold {font-weight:700 !important;}

/* line-height */
.lh20{line-height:20px !important;}
.lh30 {line-height:30px !important}
.lh47 {line-height:47px !important;}

/* font-size */
.f11 {font-size:11px !important;}
.f12 {font-size:12px !important;}
.f13 {font-size:13px !important;}
.f18 {font-size:18px !important}

/* font-color */
.fcolor999 {color:#999 !important}
.fcolor666 {color:#666 !important}
.fcolor333 {color:#333 !important}
.fcolor_mint {color:#e5194e !important;}
.fcolor_pink {color:#e5194e !important;}
.font_gray01 {color:#333 !important;}
.font_gray02 {color:#999 !important;}
.font_gray03 {color:#666 !important;}
.font_green {color:#3fbbb7 !important;}
.font_pink {color:#e5194e !important;}
.final_txt {color:#e5194e !important;}

/* 넓이 */
.wid10 {width:10% !important;}
.wid20 {width:20% !important;}
.wid22 {width:22% !important;}
.wid25 {width:25% !important;}
.wid27 {width:27% !important;}
.wid28 {width:28% !important;}
.wid29 {width:29% !important;}
.wid30 {width:30% !important;}
.wid31 {width:31% !important;}
.wid32 {width:32% !important;}
.wid33 {width:33% !important;}
.wid35 {width:35% !important;}
.wid39 {width:39% !important;}
.wid40 {width:40% !important;}
.wid44 {width:44% !important;}
.wid49 {width:49% !important;}
.wid47 {width:47% !important;}
.wid46 {width:46% !important;}
.wid50 {width:50% !important;}
.wid55 {width:55% !important;}
.wid60 {width:60% !important;}
.wid62 {width:62% !important;}
.wid70 {width:70% !important;}
.wid72 {width:72% !important;}
.wid80 {width:80% !important;}
.wid90 {width:90% !important;}
.wid100 {width:100% !important;}

/* margin */
.mg0 {margin:0 !important;}
.mgt_1{margin-top:-1px !important;}
.mgt0{margin-top:0px !important;}
.mgt2{margin-top:2px !important;}
.mgt4{margin-top:4px !important;}
.mgt5{margin-top:5px !important;}
.mgt7{margin-top:7px !important;}
.mgt8{margin-top:8px !important;}
.mgt9{margin-top:9px !important;}
.mgt10{margin-top:10px !important;}
.mgt12{margin-top:12px !important;}
.mgt13{margin-top:13px !important;}
.mgt15{margin-top:15px !important;}
.mgt17{margin-top:17px !important;}
.mgt18{margin-top:18px !important;}
.mgt20{margin-top:20px !important;}
.mgt21{margin-top:21px !important;}
.mgt25{margin-top:25px !important;}
.mgt26{margin-top:26px !important;}
.mgt28{margin-top:28px !important;}
.mgt30{margin-top:30px !important;}
.mgt34{margin-top:34px !important;}
.mgt35{margin-top:35px !important;}
.mgt38{margin-top:38px !important;}
.mgt40{margin-top:40px !important;}
.mgt41{margin-top:41px !important;}
.mgt45{margin-top:45px !important;}
.mgt50{margin-top:50px !important;}
.mgt55{margin-top:55px !important;}
.mgt60{margin-top:60px !important;}
.mgt80{margin-top:80px !important;}
.mgt100{margin-top:100px !important;}

.mgb0{margin-bottom:0px !important;}
.mgb5{margin-bottom:5px !important;}
.mgb15{margin-bottom:15px !important;}
.mgb20{margin-bottom:20px !important;}
.mgb57{margin-bottom:57px !important;}
.mgb16 {margin-bottom:16px !important;}
.mgb35 {margin-bottom:35px !important;}
.mgb25 {margin-bottom:25px !important;}

.mgl-7{margin-left:-7px !important}
.mgl0{margin-left:0px !important}
.mgl5{margin-left:5px !important}
.mgl6{margin-left:6px !important}
.mgl7{margin-left:7px !important}
.mgl8{margin-left:8px !important}
.mgl10{margin-left:10px !important;}
.mgl11{margin-left:11px !important;}
.mgl14{margin-left:14px !important}
.mgl16{margin-left:16px !important}
.mgl20{margin-left:20px !important;}
.mgl27{margin-left:27px !important;}
.mgl30{margin-left:30px !important;}
.mgl38{margin-left:38px !important;}
.mgl135{margin-left:135px !important;}

.mgr0{margin-right:0 !important;} 
.mgr6{margin-right:6px !important;} 
.mgr7{margin-right:7px !important;} 
.mgr10{margin-right:10px !important;}
.mgr20{margin-right:20px !important;}
.mgr25{margin-right:25px !important;}
.mgr32{margin-right:32px !important;}

.mglr10 {margin-left:10px !important; margin-right:10px !important;}
.mgauto {margin:0px auto !important;}

/* padding */
.pd0{padding:0 !important;}
.pdb0{padding-bottom:0 !important;}
.pdb8{padding-bottom:8px !important;}
.pdb10{padding-bottom:10px !important;}
.pdb15{padding-bottom:15px !important;}
.pdb20{padding-bottom:20px !important;}
.pdb25{padding-bottom:25px !important;}
.pdb30{padding-bottom:30px !important;}
.pdb60{padding-bottom:60px !important;}

.pdt5{padding-top:5px !important;}
.pdt8{padding-top:8px !important;}
.pdt0{padding-top:0 !important;}
.pdt10{padding-top:10px !important;}
.pdt12{padding-top:12px !important;}
.pdt14{padding-top:14px !important;}
.pdt15{padding-top:15px !important;}
.pdt16{padding-top:16px !important;}
.pdt20{padding-top:20px !important;}
.pdt60{padding-top:60px !important;}
.pdt80{padding-top:80px !important;}

.pdl5{padding-left:5px !important;}
.pdl10{padding-left:10px !important;}
.pdl15{padding-left:15px !important;}
.pdl25{padding-left:25px !important;}
.pdl40{padding-left:40px !important;}

.pdr0{padding-right:0px !important;}
.pdr10{padding-right:10px !important;}
.pdr5 {padding-right:5px !important}
.pdr25{padding-right:25px !important;}

/* 정렬 */
.allCenter { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.widthCenter { position: absolute; left: 50%; min-width: 200px; text-align: center; -webkit-transform: translateX(-50%); transform: translateX(-50%);  }
.heightCenter {position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.v_top{vertical-align:top !important;}
.v_middle{vertical-align:middle !important;}
.v_bottom{vertical-align:bottom !important}
.txtC {text-align:center !important;}
.txtL {text-align:left !important;}
.txtR {text-align:right !important;}
.t_left{text-align:left !important;}
.t_center{text-align:center !important;}
.t_right{text-align:right !important}

/*float*/
.fl {float:left !important;}
.fr {float:right !important;}
.fn {float:none !important;}
.cboth {clear:both;}
.f_left{float:left;}
.f_right{float:right;}
.c_both{clear:both !important;}
.clear:after{content:".";width:0px;height:0px;font-size:0;line-height:0;overflow:hidden;display:block;clear:both;}

/* 버튼 */
a[class*="btn_h"]:before{content:""; display:inline-block; width:0px; height:100%; vertical-align:middle; }
.btn_select{width:53px;height:25px; line-height:25px; border:1px solid #999; color:#999; text-align:center; background:#fff;  }
.benefit_view { background: #3e3e3e; border: 1px solid #838383; box-sizing: border-box; color: #838383; display: inline-block; font-size: 10px; height: 16px; line-height: 16px; min-width: 70px; padding: 0px 10px; text-align: center; font-weight: 300; border-radius: 5px;}
.btn_h30_type1 { border: 1px solid #999; box-sizing: border-box; color: #777; display: inline-block; font-size: 12px; height: 30px; line-height:28px; padding: 0px 5px; text-align: center; white-space: nowrap; font-weight: 300; border-radius: 5px;}
.btn_h30_type2 { border: 1px solid #999; box-sizing: border-box; color: #777; display: inline-block; font-size: 12px; height: 30px; line-height:28px; min-width: 70px; padding: 0px 5px; text-align: center; white-space: nowrap; font-weight: 300; border-radius: 5px;}

.btn_h30_type1 {display:inline-block;padding:0px 5px;height:30px;line-height:28px;text-align:center;white-space:nowrap;font-size:12px;color:#777;border:1px solid #999; font-weight: 300; border-radius: 5px;}
.btn_h30_type2 {display:inline-block;padding:0px 5px;height:30px;line-height:28px;text-align:center;white-space:nowrap;font-size:12px;color:#777;border:1px solid #999; min-width:70px;font-weight: 300; border-radius: 5px;}

.btn_h35_type1 {display:inline-block;padding:0px 5px;height:35px; line-height:33px; min-width:75px; text-align:center;white-space:nowrap;font-size:13px;color:#292929;border:1px solid #292929;  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background:#fff;font-weight: 500; border-radius: 5px;}
.btn_h35_type2 {display:inline-block;padding:0px 5px;height:35px; line-height:33px; min-width:80px; text-align:center;white-space:nowrap;font-size:13px;color:#292929;border:1px solid #292929; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;background:#fff;font-weight: 500; border-radius: 5px;}
.btn_h35_type3 {display:inline-block;padding:0px 5px; height:35px; line-height:35px; min-width:80px; text-align:center;white-space:nowrap;font-size:13px;color:#fff;background-color:#292929;  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;font-weight: 500; border-radius: 5px; }
.btn_h35_type4 {display:inline-block;padding:0px 5px; height:35px; line-height:35px; min-width:80px; text-align:center; white-space:nowrap;font-size:13px;color:#fff;background-color:#999;  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-weight: 500; border-radius: 5px;} 
.btn_h35_type5{display:inline-block; font-size:13px; text-align:center; height:35px; line-height:33px; color:#666; border:1px solid #999; min-width:80px; background:#fff; box-sizing:border-box; font-weight: 500; border-radius: 5px;} 

.btn_h40_type1 {display:inline-block;padding:0px 5px; height:40px; line-height:38px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;text-align:center;white-space:nowrap;font-size:15px;color:#333; border:1px solid #999;  width:100%;background:#fff; font-weight: 700; border-radius: 5px;}
.btn_h40_type2 {display:inline-block;padding:0px 5px;height:40px; line-height:40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;text-align:center;white-space:nowrap;font-size:15px;color:#fff; width:100%;background:#e5194e; font-weight: 700; border-radius: 5px;}
.btn_h40_type3 {display:inline-block;padding:0px 5px;height:40px; line-height:40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-align:center;white-space:nowrap; font-size:15px;color:#fff;  width:100%; background:#acacac; font-weight: 700; border-radius: 5px;}

.btn_h45_type1 {display:inline-block;padding:0px 5px;height:45px; line-height:45px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-align:center; white-space:nowrap; font-size:15px;color:#fff;  width:100%; background:#acacac;font-weight: 700; border-radius: 5px;}
.btn_h45_type2 {display:inline-block;padding:0px 5px;height:45px; line-height:45px; box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;text-align:center;white-space:nowrap;font-size:15px;color:#fff;  width:100%; background:#e5194e; font-weight: 700; border-radius: 5px;}

.btn_h25_type3 {display:inline-block;padding:0px 6px 0px 6px;min-width:60px;height:30px; line-height:30px;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-align:center;white-space:nowrap; font-size:12px; color:#999; border:1px solid #dadada; }
.btn_h25_type4 {display:inline-block;padding:0px 17px 0px 6px;height:30px; line-height:28px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-align:center; white-space:nowrap; font-size:12px; color:#999; border:1px solid #dadada;  background:#fff url("../../_images/common/common/blet_arrow01.png") no-repeat right 13px; background-size:12px 4px;}
.btn_h25_type4.on {display:inline-block;padding:0px 17px 0px 6px; height:30px; line-height:28px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-align:center; white-space:nowrap; font-size:12px;color:#999; border:1px solid #dadada;  background:#fff url(../../_images/common/common/blet_arrow02.png) no-repeat right 13px; background-size:12px 4px;}

.fix_w48 {width:48px !important;padding:0 !important;}
.fix_w52 {width:52px !important;padding:0 !important;}
.fix_w65 {width:65px !important;padding:0 !important;;}
.fix_w98 {width:96px !important;padding:0 !important;}
.fix_w139 {width:137px !important; padding:0 !important;}
.fix_w190 {width:188px !important;padding:0 !important;}

*[class*=btn_].disabled:hover,
*[class*=btn_].disabled{cursor:default !important;background:#c8c8c8 !important;border:1px solid #c8c8c8 !important;color:#ffffff !important;}
.btn_disabled {opacity:0.2} 
.btnArea {margin:10px 0; display:inline-block; vertical-align:middle;}
.btnArea.ty02 {margin:10px 25px;}
.btnArea.ty03 {margin:0;}
.btnArea.fixed {position:fixed; bottom:0; width:100%; margin-bottom:0; z-index:150;}
.btnArea.fixed .btnL {display:inline-block; font-size:17px; text-align:center; height:45px; color:#fff; line-height:35px; font-weight: 700;}
.btnArea .btnL {display:inline-block; font-size:15px; text-align:center; height:40px; color:#fff; line-height:40px;}
.btnArea .btnM {display:inline-block; font-size:13px; text-align:center; height:35px; line-height:33px; color:#e5194e; border:1px solid #e5194e; min-width:78px; background:#fff; box-sizing:border-box;}
.btnArea .btnM2 {display:inline-block; font-size:13px; text-align:center; height:35px; color:#666; line-height:33px; border:1px solid #c9c8c6; background:#fff; min-width:78px; box-sizing:border-box; }
.btnArea .btnS {display:inline-block; font-size:13px; text-align:center; padding:5px; margin:0 2px 5px 0; height:30px; color:#666; line-height:20px; border:1px solid #c9c8c6; background:#fff; min-width:73px; box-sizing:border-box; }
.btnArea .btnS.active {background:#fff; border-color:#e5194e; color:#e5194e}

.btnArea .btnL.ty01 {background-color:#acacac;}
.btnArea .btnL.ty02 {background-color:#e5194e;}
.btnArea .btnL.ty03 {border:1px solid #e5194e;color:#e5194e;vertical-align:bottom;background-color:#fff;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} /* ps 0203추가 */
.btnArea .btnL.disable {background-color:#d3d3d3 !important; border-right:1px solid #fff;}
.btnArea .btnL.disable:last-child{border-right:none}

/* border */
.brd_bnone {border-bottom: none !important;}
.brd_bottom {border-bottom:1px solid #eee !important;}
.brd_tnone {border-top: none !important;}
.brd_top {border-top:1px solid #eee !important;}
.bnone {border:none !important;}
.topLine {border-top:1px solid #eee !important;}
.border_none{border:none !important;}
.brdnone {border:none !important;}
.topLine {border-top:1px solid #eee !important;}
.brd_gray01t {border-top:1px solid #dadada !important;}
.brd_gray02t {border-top:1px solid #666 !important;}
.brd_gray03t {border-top:none !important;}
.brd_gray01b {border-bottom:1px solid #999 !important;}
.brd_gray02b {border-bottom:1px solid #dadada !important;}
.brd_gray03b {border-bottom:1px solid #eee !important;}

/*배경색*/
.main {background-color:#fff !important}
.bgGray {background-color:#fff !important;}
.bgNone {background:none !important;}

/*display 형태*/
.overflow_hidden{overflow:hidden;}
.inline_block{display:inline-block !important;}
.hide{display:none;}
.show{display:block;}
tr.show{display:table-row;}

/*투명도*/
.trans20{opacity:0.2;}
.trans40{opacity:0.4;}	
.trans60{opacity:0.6;}	
.trans80{opacity:0.8;}	

/* 포지션 */
.pos_r{position:relative;}

/*안내 아이콘*/
.btn_prodInfo{width:15px; height:15px; background:url("../../images/info_icon.png") no-repeat 0 0; background-size:100% 100%; font-size:0; text-indent:-99999px; line-height:0;  vertical-align:top; margin:2px 0 0 2px;}

/* 탭메뉴 - button, a 혼용 가능 --------------------------------- */
.temp_tab {border-bottom:1px solid #ededed;background-color:#ffffff}
.temp_tab:after {content:"";display:block;clear:both}
.temp_tab>li {position:relative;float:left;height:45px;line-height:45px;text-align:center}
.temp_tab>li a, 
.temp_tab>li button {display:inline-block;padding:5px 10px 0;font-size:15px;color:#999999;line-height:38px;box-sizing:border-box;}
.temp_tab>li.select a, 
.temp_tab>li.select button {border-bottom:2px solid #000;color:#333333}
.temp_tab.column2 > li {width:50%}
.temp_tab.column3 > li {width:33.3%}
.temp_tab.column4 > li {width:25%}
.temp_tab.column5 > li {width:20%}
.tab_contents > div{display:none}
.tab_contents > div:first-child{display:block}

.temp_tabSub {padding:17px 15px 18px;border-bottom:1px solid #ededed}
.temp_tabSub>ul>li {position:relative;display:inline-block;margin-left:-4px;padding:0 10px}
.temp_tabSub>ul>li:first-child {margin-left:0}
.temp_tabSub>ul>li:after {content:"";position:absolute;right:0;top:18px;display:inline-block;width:1px;height:10px;background-color:#c9c8c6}
.temp_tabSub>ul>li:last-child:after {display:none}
.temp_tabSub>ul>li button, 
.temp_tabSub>ul>li a {position:relative;display:inline-block;height:45px;line-height:45px;padding:0 5px;color:#666; font-size:13px;}
.temp_tabSub>ul>li.select button:after, 
.temp_tabSub>ul>li.select a:after {content:"";position:absolute;left:0;bottom:10px;display:inline-block;width:100%;height:2px;background-color:#e5194e}

.tabSub_contents>div{display:none;}
.tabSub_contents>div:first-child {display:block;}

/* 리스트 스타일 */
.ul_list_type0 li{margin-top:5px;}
.ul_list_type0 li:first-child{margin-top:0;}
.ul_list_type1 li{padding-left:7px;background:url(../../_images/dcg/common/list_style1.gif) 0px 8px no-repeat;margin-top:5px;}
.ul_list_type1 li:first-child{margin-top:0;}
.ul_list_type2 li{padding-left:7px;background:url(../../_images/dcg/common/list_style2.gif) 0px 7px no-repeat;margin-top:5px;}
.ul_list_type2 li:first-child{margin-top:0;}
.ul_list_type3 li{padding-left:7px;background:url(../../_images/dcg/common/list_style3.gif) 0px 7px no-repeat;margin-top:5px;}
.ul_list_type3 li:first-child{margin-top:0;}
.ul_list_type4 {}
.ul_list_type4 li {display:inline-block;}
.ul_list_type5 li{color:#333; margin-bottom:8px; padding-left:12px; text-indent:-12px}
.ul_list_type5 li:last-child{margin-bottom:0; }
.ul_list_type6 li{color:#333; margin-bottom:8px; padding-left:7px; text-indent:-7px}

.ui-datepicker-trigger{line-height:28px;margin-left:4px;cursor:pointer;width:auto;*width:23px;height:auto;*height:23px;vertical-align:middle;border:0;padding:0; background:url(../../_images/dcg/basic-ui/ui_datepicker_icon1.gif) 0 0 no-repeat; vertical-align:middle}
.ui-datepicker{display:none;width:195px;background:#ffffff;border: 1px solid #bcbcbc;border-radius: 4px 4px 4px 4px;}
.ui-datepicker-calendar{width:90%;margin:5px auto 9px;border-spacing:0;}
.ui-datepicker-calendar td{text-align:center;}
.ui-datepicker-header{position:relative;height:27px;background:url(../../_images/dcg/common/ui_datepicker_top_bg.gif) 0 0 repeat-x;text-align:center;}
.ui-datepicker-next{background:url(../../_images/dcg/common/ui_datepicker_arr1.gif) 50% 50% no-repeat;position:absolute;right:30px;top:6px;cursor:pointer;width:15px;height:15px;}
.ui-datepicker-next span{display:none;}
.ui-datepicker-prev{background:url(../../_images/dcg/common/ui_datepicker_arr2.gif) 50% 50% no-repeat;position:absolute;left:30px;top:6px;cursor:pointer;width:15px;height:15px;}
.ui-datepicker-prev span{display:none;}
.ui-datepicker-title{padding-top:6px;text-align:center;}
.ui-datepicker-title select{margin:0px 3px;background:#777777;color:#ffffff;background:#595959;;border:none;height:auto;color:#ffffff;width:auto;padding:0 0 0 10px;}
.ui-datepicker-title select option{color:#ffffff;}
.ui-datepicker td {border: 0 none;padding: 1px;width: 17px;}
.ui-state-disabled {opacity:0.35;filter:Alpha(Opacity=35);}
.ui-state-disabled .ui-state-default:hover{background:none !important;border:0 !important;}
.ui-state-default{display:block;color:#5a5a5a;line-height:14px;padding-top:2px;border:1px solid #ffffff; }
.ui-state-default:hover{background:#d6d6d6;border:1px solid #aaaaaa;text-decoration:none;}
.ui-state-active{background:#d6d6d6;border:1px solid #aaaaaa}
.ui-datepicker tr td:first-child a{color:#d13e2f;}
.ui-datepicker-calendar thead th{font-weight:300;color:#999999;border-bottom:1px solid #dfdfdf;padding-bottom:1px;}
.ui-datepicker-today a{background:#f3f3f3;border:1px solid #d6d6d6;}
.date-del{position:absolute;display:none;}

/* 포인트 컬러 */
.point1{color:#e5194e !important;}
.point2{color:#000000 !important;}
.point3{color:#999999 !important;}
.point4{color:#333333 !important;}
.point5{color:#666 !important;}