@charset "utf-8";

/*
as-is의 common.css를 분리
변수성 클래스 
*/

/* form */
.readonly + label, .readonly + label {color:#b1b1b1;}
/* input */
input[type=text], input[type=password] {height:40px;padding:0 10px 2px 10px;border:1px solid #d5d5d5;box-sizing:border-box;color:#222;background:#fafafa;}
input[type=text]:focus, input[type=password]:focus {border:3px solid #3dadec;color:#222;outline:none;padding:0 8px 2px 8px !important;}
input[type=password].pw{width:100px;}
input[type=text].error, input[type=password].error{border:3px solid #c9414d;}
input[type=text].no-style{height:auto;border-width:0;margin-top:-5px;padding-left:0;padding-right:0;background-color:transparent;color:#2768c3;font-size:16px;line-height:1.42;}
input.readonly, input.readonly:focus, input.disabled, input.disabled:focus{border-color:#b4b4b8;background-color:#f0f0f0;color:#4b4c52;}
/* textarea */
textarea{padding:10px;border:1px solid #d5d5d5;color:#222;background:#fafafa;}
textarea:focus{outline:none;border:3px solid #3dadec;padding:8px 7px 8px 9px;}
/* Radio, Checkbox */
.radio{display:inline-block;vertical-align:middle;width:20px;height:20px;margin-right:5px;background:url(/ux/images/common/ico_form.png) no-repeat}
.radio input{opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);/* for ie8 */filter:alpha(opacity=0);/* for ie5-7 */}
.radio:hover{background-position:0 0}
.radio.focus{background-position:0 -40px}
.radio.checked{background-position:0 -20px}
.radio.readonly, .radio.disabled{opacity:.5;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);/* for ie8 */filter:alpha(opacity=50);/* for ie5-7 */}
.checkbox{display:inline-block;vertical-align:middle;width:19px;height:19px;margin-right:5px;background:url(/ux/images/common/ico_form.png) no-repeat -21px 0}
.checkbox input{width:16px;height:16px;opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);/* for ie8 */filter:alpha(opacity=0);/* for ie5-7 */}
.checkbox:hover{background-position:-21px 0}
.checkbox.focus{background-position:-21px -40px}
.checkbox.checked{background-position:-21px -20px}
.checkbox.readonly {opacity:.2;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);/* for ie8 */filter:alpha(opacity=20);/* for ie5-7 */}
.checkbox.disabled {opacity:.5;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);/* for ie8 */filter:alpha(opacity=50);/* for ie5-7 */}
/* Selectbox */
select{height:36px;padding:0 0 0 6px;color:#a0a3aa}
.select-box{display:inline-block;position:relative;height:40px;vertical-align:middle;background-color:#fff;}
.select-box .wrap{position:absolute;top:0;left:0;width:100%;background-color:#fff}
.select-box .wrap div{padding:0 10px;height:38px !important;border:1px solid #d5d5d5 !important;font-size:14px;vertical-align:middle;position:relative;text-align:left}
.select-box .wrap div span{display:inline-block;height:36px;padding-bottom:2px;line-height:36px}
.select-box .wrap div a.selecter{position:absolute;top:0;right:0;display:block;width:39px;height:38px;margin:0 !important;background:url(/ux/images/common/arrow_select.gif) no-repeat;text-indent:-9999px}
.select-box.on .wrap div a.selecter {background-image:url(/ux/images/common/arrow_select_on.gif);}
.select-box .list.full{height:auto ! important;}
.select-box .list{position:absolute;top:39px;left:0;height:132px;overflow-y:auto;overflow-x:hidden;border:1px solid #d5d5d5;background-color:#fff;font-size:14px}
.select-box .list ul, .select-box .list li{border:0 !important;background-color:#fff !important;outline:0;}
.select-box .list li a{display:block;padding:5px 10px;color:#000;text-decoration:none;border:0 !important;}
.select-box .list li.on a, .select-bgox .list li a:focus, .select-box .list li a:hover{color:#2768c3;text-decoration:none}
select.disable+.wrap div{opacity:.5;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);/* for ie8 */}
/* select-box height 30px 단일사용시 */
.slipSelect {display:inline-block;}
.slipSelect .select-box {width:70px; height:30px !important;}
.slipSelect .select-box .wrap div {height:28px !important;}
.slipSelect .select-box .wrap div span {height:28px !important; line-height:27px !important;}
.slipSelect .select-box .wrap div a.selecter {width:28px !important; height:28px !important; border-left:1px solid #bbb; background-position:-6px -4px !important;}
.slipSelect .select-box .list {top:30px !important; text-align:left;}
.slipSelect span {margin-right:5px;}
/* input height 30px class slip 사용 */
input[type="text"].slip {height:26px !important; line-height:26px !important;}
input[type=text].slip:focus {height:26px !important; line-height:26px !important;}


/* float해제 */
.clear {clear:both !important;zoom:1;}
.clear:after {content:"";display:block;clear:both;}

/* ifrmae */
.iframe-contents {overflow:hidden;width:960px;}

/* text type */
.txt_gray22 {color:#222 !important;}
.txt_gray44 {color:#444 !important;}
.txt_gray74 {color:#747474 !important;}
.txt_grayBD22 {color:#222 !important; font-weight:bold !important;}/* 매도스케쥴러에서 사용 */
.orange {color:#c75414 !important;}
.txt_orange_large {color:#e56c00 !important;}
.txt_orange_small {color:#c34a07 !important;}
.txt_red_strong {color:#c80415 !important;}
.txt_red_light {color:#c9414d !important;}
.txt_blue {color:#0977c9 !important;}
.txt_blue_strong {color:#0062ab !important;}
.txt_orange {color:#e56c00 !important;}
.txt_font13 {font-size:13px !important;}
.txt_font14 {font-size:14px !important;}
.txt_font16 {font-size:16px !important;}
.txt_font18 {font-size:18px !important;}

/* 정렬 - 일반 */
.fl {float:left !important;}
.fr {float:right !important;}
.taL {text-align:left !important;}
.taR {text-align:right !important;}
.taC {text-align:center !important;}
.vaT {vertical-align:top !important;}
.vaM {vertical-align:middle !important;}
.vaB {vertical-align:bottom !important;}
/* arrayArea 삭제 -> alignBox 변경*/
.alignBox {position:relative;width:100%;text-align:center;}
.alignBox:after {display:block;content:"";clear:both;}
.alignBox .fl,
.alignBox .fr {text-align:left;}
.alignBox .tbl_desc {padding-top:0 !important}

/* 버튼 정렬 - 버튼이 가운데 있는 상태에서 좌우로 버튼이 있어야할경우 */
.btnLeft {position:absolute;left:0;top:0;}
.btnRight {position:absolute;right:0;top:0;}
.btnArea{position:relative;width:100%;padding:30px 0 0 0;text-align:center;}
.btnArea:after{content:'';display:block;clear:both}
.btnArea .btnLeft {top:30px;}
.btnArea .btnRight {top:30px;}
.btnArea + .guideTb1 {margin-top:30px;} /* 환매내역리스트에서 사용 */

/* 여백 정의 */
/* padding */
.pdt0 {padding-top:0px !important;}
.pdt5 {padding-top:5px !important;}
/* margin */
.mgt0 {margin-top:0px !important;}
.mgt10 {margin-top:10px !important;}
.mgt20 {margin-top:20px !important;}
.mgt30 {margin-top:30px !important;}
.mgb0 {margin-bottom:0px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb15 {margin-bottom:15px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb25 {margin-bottom:25px !important;}
.mgb30 {margin-bottom:30px !important;}
.mgb40 {margin-bottom:40px !important;}
.mgr16 {margin-right:16px !important;}