/*=================================================================================
* Hulla Plus basic CSS
=================================================================================*/

/* image repleace text 기본형 */
.imgAlt { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;overflow:hidden;text-align:left;text-indent:-999em;vertical-align:top;} /* 기본 이미지 태체 태그 */
* html .imgAlt {text-indent:0 !important; line-height:0 !important; font-size:0 !important; overflow:hidden !important;}/*ie6 hack */
*:first-child+html .imgAlt { text-indent:0 !important; line-height:0 !important; font-size:0 !important; overflow:hidden !important;}/*ie7 hack */
legend,caption {display:none}

/* 부트스트랩 버전업 */
*{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
:after,:before{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
ol,ul{list-style: none;padding:0;}
a{color:#333;text-decoration:none}
a:focus,a:hover{color:#000;/*text-decoration:underline*/}

/*Spaces*/
.margin-bottom-0,
.margin-bottom-5,
.margin-bottom-10,
.margin-bottom-20,
.margin-bottom-20,
.margin-bottom-25,
.margin-bottom-30,
.margin-bottom-35,
.margin-bottom-40,
.margin-bottom-50,
.margin-bottom-60,
.margin-bottom-70,
.margin-top-0,
.margin-right-0,
.margin-right-5,
.margin-right-7,
.margin-right-10,
.margin-right-15,
.margin-right-20,
.margin-left-0,
.margin-0 {clear:both !important;}

.margin-bottom-0 {margin-bottom:0px !important;}
.margin-bottom-5 {margin-bottom:5px !important;}
.margin-bottom-10 {margin-bottom:10px !important;}
.margin-bottom-20 {margin-bottom:20px !important;}
.margin-bottom-25 {margin-bottom:25px !important;}
.margin-bottom-30 {margin-bottom:30px !important;}
.margin-bottom-35 {margin-bottom:35px !important;}
.margin-bottom-40 {margin-bottom:40px !important;}
.margin-bottom-50 {margin-bottom:50px !important;}
.margin-bottom-60 {margin-bottom:60px !important;}
.margin-bottom-70 {margin-bottom:70px !important;}
.margin-right-5 {margin-right:5px;}
.margin-right-7 {margin-right:7px;}
.margin-right-10 {margin-right:10px;}
.margin-right-15 {margin-right:15px;}
.margin-right-20 {margin-right:20px;}

.margin-0 {margin:0px !important;}
.margin-top-0 {margin-left:0px !important;}
.margin-right-0 {margin-left:0px !important;}
.margin-left-0 {margin-left:0px !important;}

/* text style */
.f11{font-size:11px !important;}
.f12{font-size:12px !important;}
.f13{font-size:13px !important;}
.f14{font-size:14px !important;}
.f16{font-size:16px !important;}
.txtBlue{color:#115eb6 !important;}
.txtBlack{color:#000 !important;}
.txtRed{color:#dd2a31 !important;}
.txtGrey{color:#777 !important;}
.txtGray2{color:#333 !important;}
.txtOrange{color:#ef701b !important;}
.txtGreen{color:#3cb878 !important;}
.txtBold {font-weight:bold !important;}
.txt_bg {display:inline-block; padding:1px;}

.required{display:inline-block;width:7px;height:5px;background:url(/assets/user/img/sub/bg_required.gif) 0 0 no-repeat;vertical-align:20%;}
.required span{position:absolute;text-indent:9999em;font-size:0 !important;}

/* background */
.bg_l_gray {background:#f0f0f0;}
.bg_green {background:#5dc894;}

/* images */
.img_top {vertical-align:top;}
.img_middle {vertical-align:middle;}
.img_bottom {vertical-align:bottom;}

/* box */
.box_cont_info {background:#eee;border:1px solid #d7d7d7;padding:15px;}

/* form */
input[type=text], input[type=password]{height:18px;padding:3px 0 3px 7px;line-height:1;color:#333;border:1px solid #bbb;border-right:1px solid #ddd;border-bottom:1px solid #ddd;font-family:"맑은고딕",Malgun Gothic,"돋움",dotum, Arial,Sans-serif;}
input[type=file]{height:24px;padding:0 0 0 0;line-height:1;color:#333;border:1px solid #bbb;border-right:1px solid #ddd;border-bottom:1px solid #ddd;font-family:"맑은고딕",Malgun Gothic,"돋움",dotum, Arial,Sans-serif;}
select{height:26px;padding:0 0 0 7px;color:#333;border:1px solid #bbb;border-right:1px solid #ddd;border-bottom:1px solid #ddd;font-family:"맑은고딕",Malgun Gothic,"돋움",dotum, Arial,Sans-serif;line-height:1;}
textarea{padding:5px 10px;color:#333;font:12px/1.5;border:1px solid #bbb;border-right:1px solid #ddd;border-bottom:1px solid #ddd;font-family:"맑은고딕",Malgun Gothic,"돋움",dotum, Arial,Sans-serif;}
.inTxt{position:relative;display:inline-block;zoom:1;*display:inline;}
.inTxt input[type=text]{padding-right:33px;}
.inTxt .del{position:absolute;right:18px;top:7px;}

/* button */
display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:0px
}
.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{
outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px
}
.btn.focus,.btn:focus,.btn:hover{
color:#333;text-decoration:none
}
.btn.active,.btn:active{
background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)
}
.btn.disabled,.btn[disabled],fieldset[disabled] .btn{
pointer-events:none;cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65
}
.btn-default{
color:#333;background-color:#fff;border-color:#ccc
}
.btn-default.active,.btn-default.focus,.btn-default:active,.btn-default:focus,.btn-default:hover,.open>.dropdown-toggle.btn-default{
color:#333;background-color:#e6e6e6;border-color:#adadad
}
.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{
background-image:none
}
.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled.focus,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled].focus,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{
background-color:#fff;border-color:#ccc
}
.btn-default .badge{
color:#fff;background-color:#333
}
.btn-primary{
color:#fff;background-color:#3873c6;border-color:#285eaa
}
.btn-primary.active,.btn-primary.focus,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open>.dropdown-toggle.btn-primary{
color:#fff;background-color:#1d4b9a;border-color:#153874
}
.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{
background-image:none
}
.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled.focus,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled].focus,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{
background-color:#1d4b9a;border-color:#153874
}
.btn-primary .badge{
color:#3873c6;background-color:#fff
}

.btn-gray{
color:#fff;background-color:#717581;border-color:#717581
}
.btn-gray.active,.btn-gray.focus,.btn-gray:active,.btn-gray:focus,.btn-gray:hover,.open>.dropdown-toggle.btn-gray{
color:#fff;background-color:#585d6a;border-color:#585d6a
}
.btn-gray.active,.btn-gray:active,.open>.dropdown-toggle.btn-gray{
background-image:none
}
.btn-gray.disabled,.btn-gray.disabled.active,.btn-gray.disabled.focus,.btn-gray.disabled:active,.btn-gray.disabled:focus,.btn-gray.disabled:hover,.btn-gray[disabled],.btn-gray[disabled].active,.btn-gray[disabled].focus,.btn-gray[disabled]:active,.btn-gray[disabled]:focus,.btn-gray[disabled]:hover,fieldset[disabled] .btn-gray,fieldset[disabled] .btn-gray.active,fieldset[disabled] .btn-gray.focus,fieldset[disabled] .btn-gray:active,fieldset[disabled] .btn-gray:focus,fieldset[disabled] .btn-gray:hover{
background-color:#717581;border-color:#717581
}
.btn-gray .badge{
color:#999;background-color:#fff
}

.btn-lgray{
color:#fff;background-color:#9da0a6;border-color:#888a90
}
.btn-lgray.active,.btn-lgray.focus,.btn-lgray:active,.btn-lgray:focus,.btn-lgray:hover,.open>.dropdown-toggle.btn-lgray{
color:#fff;background-color:#7c8087;border-color:#5f6267
}
.btn-lgray.active,.btn-lgray:active,.open>.dropdown-toggle.btn-lgray{
background-image:none
}
.btn-lgray.disabled,.btn-lgray.disabled.active,.btn-lgray.disabled.focus,.btn-lgray.disabled:active,.btn-lgray.disabled:focus,.btn-lgray.disabled:hover,.btn-lgray[disabled],.btn-lgray[disabled].active,.btn-lgray[disabled].focus,.btn-lgray[disabled]:active,.btn-lgray[disabled]:focus,.btn-lgray[disabled]:hover,fieldset[disabled] .btn-lgray,fieldset[disabled] .btn-lgray.active,fieldset[disabled] .btn-lgray.focus,fieldset[disabled] .btn-lgray:active,fieldset[disabled] .btn-lgray:focus,fieldset[disabled] .btn-lgray:hover{
background-color:#9da0a6;border-color:#888a90
}
.btn-lgray .badge{
color:#9da0a6;background-color:#fff
}

.btn-success{
color:#fff;background-color:#5cb85c;border-color:#4cae4c
}
.btn-success.active,.btn-success.focus,.btn-success:active,.btn-success:focus,.btn-success:hover,.open>.dropdown-toggle.btn-success{
color:#fff;background-color:#449d44;border-color:#398439
}
.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{
background-image:none
}
.btn-success.disabled,.btn-success.disabled.active,.btn-success.disabled.focus,.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled],.btn-success[disabled].active,.btn-success[disabled].focus,.btn-success[disabled]:active,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success.active,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{
background-color:#5cb85c;border-color:#4cae4c
}
.btn-success .badge{
color:#5cb85c;background-color:#fff
}
.btn-info{
color:#fff;background-color:#5bc0de;border-color:#46b8da
}
.btn-info.active,.btn-info.focus,.btn-info:active,.btn-info:focus,.btn-info:hover,.open>.dropdown-toggle.btn-info{
color:#fff;background-color:#31b0d5;border-color:#269abc
}
.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{
background-image:none
}
.btn-info.disabled,.btn-info.disabled.active,.btn-info.disabled.focus,.btn-info.disabled:active,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled],.btn-info[disabled].active,.btn-info[disabled].focus,.btn-info[disabled]:active,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info.active,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{
background-color:#5bc0de;border-color:#46b8da
}
.btn-info .badge{
color:#5bc0de;background-color:#fff
}
.btn-warning{
color:#fff;background-color:#f0ad4e;border-color:#eea236
}
.btn-warning.active,.btn-warning.focus,.btn-warning:active,.btn-warning:focus,.btn-warning:hover,.open>.dropdown-toggle.btn-warning{
color:#fff;background-color:#ec971f;border-color:#d58512
}
.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{
background-image:none
}
.btn-warning.disabled,.btn-warning.disabled.active,.btn-warning.disabled.focus,.btn-warning.disabled:active,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled],.btn-warning[disabled].active,.btn-warning[disabled].focus,.btn-warning[disabled]:active,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning.active,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{
background-color:#f0ad4e;border-color:#eea236
}
.btn-warning .badge{
color:#f0ad4e;background-color:#fff
}
.btn-danger{
color:#fff;background-color:#d9534f;border-color:#d43f3a
}
.btn-danger.active,.btn-danger.focus,.btn-danger:active,.btn-danger:focus,.btn-danger:hover,.open>.dropdown-toggle.btn-danger{
color:#fff;background-color:#c9302c;border-color:#ac2925
}
.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{
background-image:none
}
.btn-danger.disabled,.btn-danger.disabled.active,.btn-danger.disabled.focus,.btn-danger.disabled:active,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled],.btn-danger[disabled].active,.btn-danger[disabled].focus,.btn-danger[disabled]:active,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger.active,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{
background-color:#d9534f;border-color:#d43f3a
}
.btn-danger .badge{
color:#d9534f;background-color:#fff
}
.btn-link{
font-weight:400;color:#337ab7;border-radius:0
}
.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{
background-color:transparent;-webkit-box-shadow:none;box-shadow:none
}
.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{
border-color:transparent
}
.btn-link:focus,.btn-link:hover{
color:#23527c;text-decoration:underline;background-color:transparent
}
.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{
color:#777;text-decoration:none
}
.btn-group-lg>.btn,.btn-lg{
padding:10px 16px;font-size:16px;line-height:1.3333333;border-radius:0px
}
.btn-group-sm>.btn,.btn-sm{
padding:5px 10px;font-size:12px;line-height:1.5;border-radius:0px
}
.btn-group-xs>.btn,.btn-xs{
padding:1px 5px;font-size:12px;line-height:1.5;border-radius:0px
}
.btn-block{
display:block;width:100%
}
.btn-block+.btn-block{
margin-top:5px
}
.b-radi-0 {border-radius:0 !important;}

.btn_area {display:block; margin-bottom:20px;}
.btnBoth {position:relative;margin-top:20px;}
.btnBoth label {margin-top:10px;font-size:15px;font-weight:bold;color:#333;}
.btnBoth label input {vertical-align:-4%;}
.btnBoth .right {position:absolute;right:0;top:0;}
.btnCenter{margin:25px 0 0;text-align:center;}
.btnRight{margin:20px 0 0;text-align:right;}
.btnRight.bg {padding-top:24px;background:url(/assets/user/img/sub/bg_grade.gif) 0 0 repeat-x;}
.btnMini{display:inline-block;zoom:1;*display:inline;width:60px;height:22px;background:#fff;border:1px solid #cdcbcc;font-size:12px;color:#333;text-align:center;line-height:22px;letter-spacing:-1px;vertical-align:top;cursor:pointer;}
.btnMini span{display:inline-block;zoom:1;*display:inline;}
.btnMini.btnGrey{background:#474a52;border:1px solid #474a52;color:#fff;}
.btnMini.btnRed{border-color:#f18788;color:#eb5456;}
.btn.btn-outline.blue{border-color:#3598dc;color:#3598dc;background:0 0}
.btn.btn-outline.blue.active,.btn.btn-outline.blue:active,.btn.btn-outline.blue:active:focus,.btn.btn-outline.blue:active:hover,.btn.btn-outline.blue:focus,.btn.btn-outline.blue:hover{
border-color:#3598dc;color:#FFF;background-color:#3598dc}
.btn.dark:not(.btn-outline){color:#FFF;background-color:#2f353b;border-color:#2f353b}
.btn.dark:not(.btn-outline).focus,.btn.dark:not(.btn-outline):focus{color:#FFF;background-color:#181c1f;border-color:#000}
.btn.dark:not(.btn-outline).active,.btn.dark:not(.btn-outline):active,.btn.dark:not(.btn-outline):hover,.open>.btn.dark:not(.btn-outline).dropdown-toggle{
color:#FFF;background-color:#181c1f;border-color:#141619}
.btn.dark:not(.btn-outline).active.focus,.btn.dark:not(.btn-outline).active:focus,.btn.dark:not(.btn-outline).active:hover,.btn.dark:not(.btn-outline):active.focus,.btn.dark:not(.btn-outline):active:focus,.btn.dark:not(.btn-outline):active:hover,.open>.btn.dark:not(.btn-outline).dropdown-toggle.focus,.open>.btn.dark:not(.btn-outline).dropdown-toggle:focus,.open>.btn.dark:not(.btn-outline).dropdown-toggle:hover{
color:#FFF;background-color:#090a0b;border-color:#000}
.btn.dark:not(.btn-outline).active,.btn.dark:not(.btn-outline):active,.open>.btn.dark:not(.btn-outline).dropdown-toggle{background-image:none}
.btn.dark:not(.btn-outline).disabled.focus,.btn.dark:not(.btn-outline).disabled:focus,.btn.dark:not(.btn-outline).disabled:hover,.btn.dark:not(.btn-outline)[disabled].focus,.btn.dark:not(.btn-outline)[disabled]:focus,.btn.dark:not(.btn-outline)[disabled]:hover,fieldset[disabled] .btn.dark:not(.btn-outline).focus,fieldset[disabled] .btn.dark:not(.btn-outline):focus,fieldset[disabled] .btn.dark:not(.btn-outline):hover{
background-color:#2f353b;border-color:#2f353b}
.btn.dark:not(.btn-outline) .badge{color:#2f353b;background-color:#FFF}
.btn.btn-outline.dark{border-color:#2f353b;color:#2f353b;background:0 0}
.btn.btn-outline.dark.active,.btn.btn-outline.dark:active,.btn.btn-outline.dark:active:focus,.btn.btn-outline.dark:active:hover,.btn.btn-outline.dark:focus,.btn.btn-outline.dark:hover{border-color:#2f353b;color:#FFF;background-color:#2f353b}

/* 게시판 디자인 */
.boardType4{border-top:4px solid #444}
.boardType4 caption {width:0 height:0; line-height: 0; text-indent: -99999999999px}
.boardType4 table{}
.boardType4 th{background:#; font-size:14px; font-weight:700; color:#000; border-bottom:1px solid #444; padding:5px 0 10px; text-align:center}
.boardType4 td{text-align:center; border-bottom:1px solid #e9e9e9; color:#555; padding:10px 0 10px; font-weight:300}
.boardType4 th.left, .boardType4 td.left {text-align: left;}
.boardType4 td.taL{padding-left:30px}
.boardType4 td a {color:#555}
.boardType4 td a img{vertical-align:middle; margin-right:5px}
.boardType4 tr.on td{background:#f6f7fa}
.boardType4 tr.on a{color:#2e4b9e; font-weight:bold}
.boardType4 td a:hover{color:#2e4b9e; font-weight:bold}
.boardType4 td span.on{color:#2e9e85; font-weight:500}
.listNone{padding:100px 0 40px; font-size:26px; color:#444; text-align:center; font-weight:300}/*background:url('/assets/user/img/common/list_none_bg.gif') no-repeat center 30px; */

/* 페이징 디자인 */
.paging {padding-top:30px; margin-bottom:30px; text-align:center;}
.paging a{display:inline-block; width:33px; height:28px; vertical-align:middle; text-decoration:none; border:1px solid #e9e9e9; border-left:none}
.paging a:nth-child(3){border-left:1px solid #e9e9e9}
.paging a.on{border-color:#2e4b9e}
.paging a:hover span{color:#2e4b9e; font-weight:bold; background:#f6f7fa}
.paging a span{display:inline-block; width:33px; height:28px;  vertical-align:top; line-height:28px; font-size:14px; color:#555;}
.paging a.on span{color:#fff; background:#2e4b9e; }
.paging a.first{width:35px; height:30px; text-indent:-9999px; background:url("/assets/user/img/common/paging_first.gif") no-repeat 0 0; margin:0; border:none}
.paging a.prev{width:34px; height:30px; text-indent:-9999px; background:url("/assets/user/img/common/paging_prev.gif") no-repeat 0 0; margin:0 10px 0 0; border:none}
.paging a.next{width:35px; height:30px; text-indent:-9999px; background:url("/assets/user/img/common/paging_next.gif") no-repeat 0 0; margin:0 0 0 10px; border:none}
.paging a.end{width:34px; height:30px; text-indent:-9999px; background:url("/assets/user/img/common/paging_last.gif") no-repeat 0 0; margin:0; border:none}
.paging a:nth-child{border-left:1px solid #e9e9e9}

/* 검색 */
.searchBox{background:#ebebeb; text-align:center; padding:30px}
.searchBox select{border:1px solid #cacaca; width:120px; height:50px;}
.searchBox input{border:1px solid #cacaca; width:450px; height:42px}