@charset "utf-8";

/* style */
.on {display: block !important;}
.none {display: none !important;}
.inline {display: inline-block !important;}

.posit_re {position: relative !important;}
.posit_ab {position: absolute !important;}

.fr {float: right !important;}
.fl {float: left !important;}
.over_hidden {overflow: hidden !important;}
.clear {clear: both !important;}

.tc {text-align: center !important;}
.tl {text-align: left !important;}
.tr {text-align: right !important;}

.vt {vertical-align: top !important;}
.vm {vertical-align: middle !important;}
.vb {vertical-align: bottom !important;}

.bold {font-weight: bold !important;}
.normal {font-weight: normal;}
.underline {text-decoration: underline !important;}
.nanum {font-family: "NanumGothic" !important;}
.text_over {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.letter_none {letter-spacing: 0px!important;}
.font16 {font-size: 16px !important;}
.font14 {font-size: 14px !important;}
.font13 {font-size: 13px !important;}

.m_none {margin: 0px !important;}
.p_none {padding: 0px !important;}

.mt0 {margin-top: 0px!important;}
.mt5 {margin-top: 5px!important;}
.mt7 {margin-top: 7px!important;}
.mt10 {margin-top: 10px!important;}
.mt15 {margin-top: 15px!important;}
.mt20 {margin-top: 20px!important;}
.mt25 {margin-top: 25px!important;}
.mt30 {margin-top: 30px!important;}
.mt35 {margin-top: 35px!important;}
.mt40 {margin-top: 40px!important;}
.mt45 {margin-top: 45px!important;}
.mt50 {margin-top: 50px!important;}
.mt55 {margin-top: 55px!important;}
.mt60 {margin-top: 60px!important;}
.mt65 {margin-top: 65px!important;}
.mt70 {margin-top: 70px!important;}
.mt75 {margin-top: 75px!important;}
.mt80 {margin-top: 80px!important;}
.mt85 {margin-top: 85px!important;}
.mt90 {margin-top: 90px!important;}
.mt95 {margin-top: 95px!important;}
.mt100 {margin-top: 100px!important;}
.mt105 {margin-top: 105px!important;}
.mt_minus15 {margin-top: -15px!important;}
.mt_minus40 {margin-top: -40px!important;}

.mb5 {margin-bottom: 5px!important;}
.mb10 {margin-bottom: 10px!important;}
.mb15 {margin-bottom: 15px!important;}
.mb20 {margin-bottom: 20px!important;}
.mb25 {margin-bottom: 25px!important;}
.mb30 {margin-bottom: 30px!important;}
.mb35 {margin-bottom: 35px!important;}
.mb40 {margin-bottom: 40px!important;}
.mb45 {margin-bottom: 45px!important;}
.mb50 {margin-bottom: 50px!important;}
.mb55 {margin-bottom: 55px!important;}
.mb60 {margin-bottom: 60px!important;}
.mb65 {margin-bottom: 65px!important;}
.mb70 {margin-bottom: 70px!important;}
.mb75 {margin-bottom: 75px!important;}
.mb80 {margin-bottom: 80px!important;}
.mb85 {margin-bottom: 85px!important;}
.mb90 {margin-bottom: 90px!important;}
.mb100 {margin-bottom: 100px!important;}
.mb115 {margin-bottom: 115px !important;}
.mb130 {margin-bottom: 130px !important;}
.mb180 {margin-bottom: 180px !important;}
.mb210 {margin-bottom: 210px !important;}
.mb230 {margin-bottom: 230px !important;}

.ml0 {margin-left: 0px!important;}
.ml2 {margin-left: 2px!important;}
.ml5 {margin-left: 5px!important;}
.ml7 {margin-left: 7px!important;}
.ml10 {margin-left: 10px!important;}
.ml15 {margin-left: 15px!important;}
.ml20 {margin-left: 20px!important;}
.ml25 {margin-left: 25px!important;}
.ml30 {margin-left: 30px!important;}
.ml35 {margin-left: 35px!important;}
.ml100 {margin-left: 100px!important;}

.mr3 {margin-right: 3px!important;}
.mr5 {margin-right: 5px!important;}
.mr10 {margin-right: 10px!important;}
.mr14 {margin-right: 14px!important;}
.mr15 {margin-right: 15px!important; margin-left: 800px!important;}
.mr20 {margin-right: 20px!important;}
.mr25 {margin-right: 25px!important;}
.mr30 {margin-right: 30px!important;}
.mr35 {margin-right: 35px!important;}
.mr105 {margin-right: 105px!important;}
.mrx {width: 0px!important; height: 0px!important;}

.bd_none {border: none !important;}
.bl_none {border-left: none !important;}
.br_none {border-right: none !important;}
.bb_none {border-bottom: none !important;}
.bg_none {background: none !important;}

.pr8 {padding-right: 8px!important;}
.pt50 {padding-top: 50px!important;}
.pl10 {padding-left: 10px!important;}
.pb35 {padding-bottom: 35px!important;}
.pb40 {padding-bottom: 40px!important;}

.w41 {width: 41px !important;}
.w54 {width: 54px !important;}
.w61 {width: 61px !important;}
.w65 {width: 65px !important;}
.w71 {width: 71px !important;}
.w81 {width: 81px !important;}
.w83 {width: 83px !important;}
.w90 {width: 90px !important;}
.w101 {width: 101px !important;}
.w116 {width: 116px !important;}
.w118 {width: 118px !important;}
.w128 {width: 128px !important;}
.w130 {width: 130px !important;}
.w133 {width: 133px !important;}
.w153 {width: 153px !important;}
.w157 {width: 157px !important;}
.w163 {width: 163px !important;}
.w186 {width: 163px !important;}
.w212 {width: 212px !important;}
.w218 {width: 218px !important;}
.w230 {width: 230px !important;}
.w235 {width: 235px !important;}
.w240 {width: 240px !important;}
.w253 {width: 253px !important;}
.w278 {width: 278px !important;}
.w290 {width: 290px !important;}
.w310 {width: 310px !important;}
.w319 {width: 319px !important;}
.w331 {width: 331px !important;}
.w410 {width: 410px !important;}
.w440 {width: 440px !important;}
.w465 {width: 440px !important;}
.w500 {width: 500px !important;}
.w515 {width: 515px !important;}
.w529 {width: 529px !important;}
.w539 {width: 539px !important;}
.w539x {width: 539px !important; height: 250px !important;}
.w635 {width: 635px !important;}
.w795 {width: 795px !important;}
.w828 {width: 828px !important;}
.w929 {width: 929px !important;}
.w984 {width: 984px !important;}
.w1140 {width: 1140px !important; margin: 0px auto;}
.w980 {width: 980px !important; margin: 0px auto;}
.w194 {width: 194px !important;}


/* button */
.btn_con > a {display: inline-block;}
.btn_con > a {margin-left: 0px;}
.btn_con > a:first-child {margin-left: 0px;}

.btn_type0 {padding: 10px 0px 12px; width: 146px; background-color: #565656; text-align: center; font-size: 14px; color: #ffffff; font-weight: bold;}
.btn_type0.color_orange {background-color: #ff7a01;}
.btn_type0 > span {display: inline-block;}
.btn_type0 .btn_type1_img {margin-right: 8px;}

.btn_type1 {padding: 10px 0px 12px; width: 140px; background-color: #ededed; text-align: center; font-size: 14px; color: #979797; font-weight: bold;}
.btn_type1 > span {display: inline-block;}

.btn_type2 {padding: 10px 0px 12px; width: 140px; background-color: #666666; text-align: center; font-size: 14px; color: #ffffff; font-weight: bold;}
.btn_type2:hover {background-color: #ff7a01;}
.btn_type2.on {background-color: #ff7a01;}
.btn_type2 > span {display: inline-block;}
.btn_type2 .btn_type1_img {margin-right: 8px;}

.btn_border_type0 {display: inline-block; color: #585858 !important; width: 144px; background-color: #fff; border: 1px solid #a8a8a8; font-size: 13px; line-height: 1em; padding: 13px 0px 12px; text-align: center;}
.btn_border_type0:hover {border: 1px solid #565656; color: #fff !important; background-color: #565656; font-weight: bold;}


/* select */
.select_type0 {width: 121px; border: 1px solid #e5e5e5; font-size: 13px; color: #656565; padding: 9px 0px 8px 10px; box-sizing: content-box; }
.select_type1 {width: 83px; border: 1px solid #e5e5e5; font-size: 13px; color: #656565; padding: 11px 0px 10px 10px; }

/* input */
.input_type0 {width: 230px; border: 1px solid #e5e5e5; font-size: 13px; color: #656565; padding: 8px 0px 8px 10px;}
.input_type1 {width: 230px; border: 1px solid #e5e5e5; font-size: 13px; color: #656565; padding: 10px 0px 10px 10px;}
.input_type2 {width: 230px; border: 1px solid #e5e5e5; font-size: 13px; color: #656565;  padding: 5px 0px 5px 10px;}
.input_type3 {width: 140px; border: 1px solid #e5e5e5; font-size: 13px; color: #656565;  padding: 5px 0px 5px 10px;}


/* radio */
.radio_type0 {/*position: absolute;*/ /*opacity: 0; filter:alpha(opacity='0');*/ line-height: 20px; Double-sized Checkboxes}
.radio_type0 + label {line-height: 20px; margin-right: 25px; padding: 0px 0 0px 10px; font-size: 14px; color: #898989; font-weight: bold; height: 19px;  /*background: url("../img/client/sub/radio_off.png") left center no-repeat;*/ display: inline-block; vertical-align: middle;}
.radio_type0:checked + label {/*padding: 0px 0 0px 18px;*//* background: url("../img/client/sub/radio_on.png") left center no-repeat;*/}

/* check_box */
.check_type0 {/*position: absolute;*/ /*opacity: 0; filter:alpha(opacity='0')*/; width: 20px; height: 20px; Double-sized Checkboxes}
.check_type0 + label {line-height: 19px; padding: 0px 0 0px 0px; font-size: 14px; color: #898989; font-weight: bold; height: 19px; /*background: url("../img/client/sub/check0_off.png") left center no-repeat;*/ display: inline-block; vertical-align: middle;}
.check_type0:checked + label {/*background: url("../img/client/sub/check0_on.png") left center no-repeat;*/}


/* 크롬 핵 */
@media screen and (-webkit-min-device-pixel-ratio:0){

}

/*-webkit-input-placeholder { color: #fff; }*/
/*:-ms-input-placeholder { color: #ddd; }*/

/*
.input_type0 {height: 23px; font-size: 13px; color: #7d7d7d; border: 1px solid #cfcfcf; padding-left: 10px;}
.input_type1 {height: 25px; font-size: 13px; color: #7d7d7d; border: 1px solid #d3d3d3; padding-left: 10px; background-color: #f8f8f8;}
.input_type2 {height: 20px; font-size: 13px; color: #676767; border: 1px solid #bdbcbc; padding-left: 10px; font-family: "notokr-demilight";}

.radio_type0_wrap {margin-right:14px;}
.radio_type0 {position: absolute; opacity: 0; filter:alpha(opacity='0'); width: 25px; height: 25px; Double-sized Checkboxes}
.radio_type0 + label {line-height: 19px;padding: 4px 0 0px 16px;  font-size: 12px; color: #555555; height: 19px;  background: url("../img/client/sub/radio_btn_off.png") left center no-repeat; display: inline-block; vertical-align: middle;}
.radio_type0:checked + label {padding: 4px 0 0px 16px;  background: url("../img/client/sub/radio_btn_on.png") left center no-repeat;}

.m_radio_con {display: inline-block; overflow: hidden; border: 1px solid #0bbf8f; border-radius: 20px; vertical-align: middle; }
.m_radio_con input {margin: 0; padding: 0;}

.radio_type1 {position: absolute; opacity: 0; filter:alpha(opacity='0'); width: 76px; padding: 10px 0px;}
.radio_type1 + label {background-color: #fff; width: 76px; padding: 10px 0px; text-align: center; display: inline-block; vertical-align: middle; }
.radio_type1:checked + label {width: 76px; padding: 10px 0px; background-color: #0bbf8f; color: #fff; }
*/