@charset "utf-8";

/* 
	Copyright(c) 2017 Onlinepowers Development Team
 	http://www.onlinepowers.com
*/
/* reset */
* {box-sizing:border-box;font-family:'Spoqa Han Sans',sans-serif;/*font-size:12px;*/}
html{scrollbar-Face-Color:#ccc;scrollbar-Track-Color: transparent;scrollbar-Highlight-Color:transparent;scrollbar-Shadow-Color:transparent;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-weight:bold; line-height:1.5em;}
fieldset,img {border:0 none;vertical-align: middle;}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
body {background:#fff;overscoll-behavior:none;}
body,th,td,input,select,textarea,button {font-size:12px;line-height:1.2;font-family:'Spoqa Han Sans',sans-serif;} /* color값은 디자인가이드에 맞게사용 */
a {color:#000;text-decoration:none}
.option-txt{display:block;padding-top:10px;color:#7b7b7b;}
a:active, a:hover {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
table {width:100%; /*border-collapse:collapse;*/ border-spacing:0;table-layout:fixed;}
caption, legend{font-size:0; line-height:0; height:0}
.in_scroll{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ccc transparent;/*firefox scrollbar*/overscroll-behavior-y:contain;}
/*스크롤바*/
.in_scroll::-webkit-scrollbar{width:4px;}
.in_scroll::-webkit-scrollbar-thumb{border-radius:2px;background-color:#ccc;}
/* form */
input[type="text"],input[type="number"],input[type="tel"],input[type="email"],input[type="search"],input[type="password"]{width:100%;padding:0 12px;height:40px;line-height:1.4;border:1px solid #cfcfcf;font-size:16px;border-radius:3px;}
/*input[type="password"]{padding-right:40px;}*/
/*input[type="number"]{-moz-appearance: textfield;}*/
input[type="email"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="search"]:focus{outline:0;border-color:#000;}

input[type="text"]:disabled,
input[type="email"]:disabled,
input[type="search"]:disabled,
input[type="password"]:disabled,
input[type="number"]:disabled,
input[type="tel"]:disabled,
textarea:disabled{background:#f9f9f9;color:#7f7f7f;}
textarea:focus{border-color:#000;}
select{/*min-width:100px;*/width:100%; padding-left:12px;padding-right:30px;font-size:16px;height:40px;border-radius:3px;border:1px solid #cfcfcf; -webkit-appearance: none;  -moz-appearance: none; -ms-appearance: none;  -o-appearance: none; appearance: none; background:#fff url('/content/images/icon-select-down.png') no-repeat 100% center; background-size:38px 38px;}
select:disabled{background-color:#f9f9f9;color:#999;background-image:url('/content/images/icon-select-down-dis.png');}
select::-ms-expand{ display:none;}
textarea{width:100%;padding:10px;height:160px;border:1px solid #cfcfcf; resize:none;border-radius:3px;font-size:16px;line-height:1.5;}
textarea:focus{outline:0;}
::-webkit-input-placeholder{color:#cfcfcf;font-weight:300;}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-results-button,input[type="search"]::-webkit-search-results-decoration{-webkit-appearance:none}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none}
input[type="search"]::-webkit-input-placeholder{color:#7f7f7f}
input[type="search"] ,input[type="radio"], input[type="checkbox"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
input[type="radio"], input[type="checkbox"]{position:absolute;top:50%;left: 1px;width:0px;height:0px;margin-top:-10px;outline:0;}
.ipt_wrap{position:relative;text-align:left;}
.ipt_wrap > input[type="radio"],
.ipt_wrap > input[type="checkbox"]{display:inline-block;}
.ipt_wrap > input[type="radio"] + label,
.ipt_wrap > input[type="checkbox"] + label{display:inline-block;cursor:pointer;padding-left:26px;font-size:16px;}
.userLogin .login_check .ipt_wrap > input[type="checkbox"] + label {position: relative;}
input[type="radio"] + label:before{content:'';position:absolute;top:50%;margin-top:-10px;left:0;width:20px;height:20px;margin-right:6px;background:url('/content/images/sprite-radio.png') no-repeat  0 0;background-size:100%;}
input[type="checkbox"] + label:before{content:'';position:absolute;top:50%;margin-top:-15px;left:0;width:20px;height:20px;margin-right:6px;background:url('/content/images/sprite-check.png') no-repeat  0 0;background-size:100%;}
.ipt_wrap input[type="checkbox"] + label {position: relative;}
.ipt_wrap input[type="checkbox"] + label:before{content:'';position:absolute;top:50%;margin-top:-10px !important;left:0;width:20px;height:20px;margin-right:6px;background:url('/content/images/sprite-check.png') no-repeat  0 0;background-size:100%;}
/*input[type="radio"]:checked + label{font-weight:bold;}*/
.ipt_chek .ipt_wrap input[type="radio"] + label:before{margin-top: -10px;}
.ipt_radio .ipt_wrap input[type="radio"] + label:before {margin-top: -10px;}

input[type="radio"]:checked + label:before{background-position:0 -20px;}
input[type="radio"]:disabled + label:before{background-position:0 -40px;}
input[type="checkbox"]:checked + label:before{background-position:0 -20px;}
input[type="checkbox"]:disabled + label:before{background-position:0 -40px;}
.form_box.type-ib{font-size:0;}
.form_box.type-ib .ipt_wrap{display:inline-block;}
.form_box.type-ib .ipt_wrap + .ipt_wrap{margin-left:20px;}
.ipt_file{position:relative;display:block;overflow:hidden;height:40px;border:1px solid #cfcfcf;border-radius:3px;}
.ipt_file .file_name{display:block;height:100%;line-height:40px;padding:0 124px 0 12px;background-color:#f9f9f9;}
.ipt_file button{position:absolute;top:-1px;right:-1px;min-width:120px;}
.search_form select + select{margin-left:10px;}
.search_form .board-search{min-width:324px;}
.search_form .board-search input{width:269px ;}

/* 핸드폰 인증 번호 */
.ipt_phone{overflow:hidden;}
.ipt_phone > *{float:left;margin-right:10px;}
.ipt_phone select{width:82px !important;min-width:82px !important;}
.ipt_phone > input[type="number"]{width:178px;}
.ipt_phone > .btn_txt{margin-right:0;min-width:120px;}
.ipt_phone .ipt_ph_num{position:relative;margin-top:8px;width:270px;}
.ipt_phone .ipt_ph_num input[type="number"]{text-align:center;padding:0 63px;}
.ipt_phone .ipt_ph_num .sc{position:absolute;top:0;right:0;padding-right:16px;font-size:14px;color:#2b3aa1;}
/* 주소 */
.ipt_address .input_wrap{display:block !important;}
.ipt_address input[type="checkbox"] + label{font-size:12px;}

/* form size */
.input_wrap{position:relative;display:inline-block;}
.connection{display:inline-block; line-height:28px; text-align:center; color:#666; vertical-align:middle;}
.col-w-0{width:100%; }
.col-w-1{width:90%; }
.col-w-2{width:80%; } 
.col-w-3{width:70%; }
.col-w-4{width:60%; }
.col-w-5{width:50%; }
.col-w-6{width:40%; }
.col-w-7{width:30%; }
.col-w-8{width:20%; }
.col-w-9{width:15%; }
.col-w-10{width:10%; } 
.w120{width:120px !important;}
.w160{width:160px !important;}
.w180{width:180px !important;}
.w240{width:240px !important;}
.w520{width:520px !important;}
.h100p{height:100%;}
.btn_pd{padding:0 46px;}

/* hide */
.hide {position:absolute; visibility:hidden; width:0; height:0; font-size:0; line-height:0;  overflow:hidden;}
.over_h{overflow:hidden;}
.hidden{position:absolute;overflow:hidden;border:0;width:1px;height:1px;clip: rect(1px, 1px, 1px, 1px);clip-path:inset(50%);}

/* margin */
.ml4 {margin-left:4px;} 
.ml10 {margin-left:10px !important;} 
.ml20 {margin-left:20px !important;} 
.ml30 {margin-left:30px !important;} 
.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mt8 {margin-top:8px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt100 {margin-top:100px !important;}
.mt120 {margin-top:120px !important;}
.mg-r0{margin-right:0px !important;}
.mg-r30{margin-right:30px !important;}
.mg-r60{margin-right:60px !important;}
.mg-l100{margin-left:100px !important;}
.mb0 {margin-bottom:0 !important;}
.mb40 {margin-bottom:40px !important;}
/* padding */
.pd0{padding:0px !important;}
.pd30{padding:30px !important;}
.pt0 {padding-top:0px !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pt100{padding-top:100px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb50{padding-bottom:50px !important;}
.pb100{padding-bottom:100px !important;}

/* font */
.iht{font-size:inherit;color:inherit;font-weight:inherit;}
.lh-nor{line-height:1.4;}
.xs_txt{font-size:12px !important;}
.s_txt{font-size:14px !important;line-height:1.3;}
.m_txt{font-size:16px !important;line-height:1.3;}
.l_txt{font-size:20px !important;}
.lm_txt{font-size:24px !important;}
.lg_txt{font-size:30px !important;}
.lg_ttl{font-size:30px;font-weight:bold! important;}
.txtclr_g{color:#7f7f7f !important;}
.txtclr_lg{color:#999 !important;}
.txtclr_llg{color:#ccc !important;}
.txtclr_b{color:#000 !important;}
.txtclr_blue{color:#2b3aa1 !important;}
.txtclr_grn{color:#00860c !important;}
.txtclr_r{color:#e50012 !important;}
.bold{font-weight:bold !important;}

/* bg */
.bg-gray{background-color:#f9f9f9 !important;}

/* clearfix */
.clear{clear:both; *zoom:1;}
.clear:after {content:""; display:block; clear:both;}

.none{display:none !important;}
.block{display:block !important;}
.no_line{border-top:0 !important;border-bottom:0 !important;}
.bt_line{border-top:1px solid #000;}
.bt_line_g{border-top:1px solid #e1e1e1;}
.txt_left{text-align:left !important;}
.txt_right{text-align:right !important;}
.txt_center{text-align:center!important;}
.ellipsis{width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:120%}
.ellipsis2{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:2.4em;}
.ellipsis3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;line-height:1.2em;height:3.6em;}
.hbox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;}
.vbox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.cc{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.ss{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;}
.sc{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.jc{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.je{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;}
.flex{-webkit-box-flex:1;-ms-flex:1;flex:1;}

/*명관 추가*/
.main_popup{
	display: inline-block;
    position: relative;
    float: left;
    padding: 12px 24px 12px 24px;
    margin-left: 8px;
    bottom: 0px;
    margin-top: 2px;
}