@charset "utf-8";

/* Reset */
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption, summary, canvas{display:block}
html{font:normal 13px/150% 'rbt','nts','Malgun Gothic','맑은 고딕','Helvetica nenu',Arial, "Apple SD Gothic"; letter-spacing:normal;}
body{margin:0; padding:0; color:#303030; box-sizing:border-box; font-smoothing:antialiased; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none;}
div, p, ol, ul, li, img, a, h1, h2, h3, h4, h5, h6, form, span, iframe, dl, dt, dd{margin:0; padding:0;}
li{list-style:none;}
a{text-decoration:none; color:#303030; transition:all .25s ease;}
table, th, td{margin:0; padding:0; border:0; border-spacing:0; border-collapse:collapse;}
img{border:0; vertical-align:middle;}
form, fieldset{margin:0; padding:0; border:none;}
caption ,legend{display:none;}
input, button, textarea, select{font:normal 13px/150% 'rbt','nts','Malgun Gothic','맑은 고딕','Helvetica nenu',Arial, "Apple SD Gothic"; letter-spacing:normal;}


/* 본고딕 */
@font-face{
	font-family:'nts';
	font-weight:normal;
	font-style: normal;
	src:url("../font/notosans/notosans-regular.eot");
	src:url("../font/notosans/notosans-regular.eot?#iefix") format('embedded-opentype'),
		url("../font/notosans/notosans-regular.woff2") format('woff2'),
		url("../font/notosans/notosans-regular.woff") format('woff');
}
@font-face{
	font-family:'nts';
	font-weight:300;
	font-style: normal;
	src:url("../font/notosans/notosans-medium.eot");
	src:url("../font/notosans/notosans-medium.eot?#iefix") format('embedded-opentype'),
		url("../font/notosans/notosans-medium.woff2") format('woff2'),
		url("../font/notosans/notosans-medium.woff") format('woff');
}
@font-face{
	font-family:'nts';
	font-weight:600;
	font-style: normal;
	src:url("../font/notosans/notosans-bold.eot");
	src:url("../font/notosans/notosans-bold.eot?#iefix") format('embedded-opentype'),
		url("../font/notosans/notosans-bold.woff2") format('woff2'),
		url("../font/notosans/notosans-bold.woff") format('woff');
}


/* 나눔스퀘어 */
@font-face{
	font-family:'nsr';
	font-weight:normal;
	font-style: normal;
	src:url("../font/nanumsquare/nanumsquare-regular.eot");
	src:url("../font/nanumsquare/nanumsquare-regular.eot?#iefix") format('embedded-opentype'),
		url("../font/nanumsquare/nanumsquare-regular.woff2") format('woff2'),
		url("../font/nanumsquare/nanumsquare-regular.woff") format('woff');
}
@font-face{
	font-family:'nsr';
	font-weight:300;
	font-style: normal;
	src:url("../font/nanumsquare/nanumsquare-bold.eot");
	src:url("../font/nanumsquare/nanumsquare-bold.eot?#iefix") format('embedded-opentype'),
		url("../font/nanumsquare/nanumsquare-bold.woff2") format('woff2'),
		url("../font/nanumsquare/nanumsquare-bold.woff") format('woff');
}


/* Roboto */
@font-face{
	font-family:'rbt';
	font-weight:normal;
	font-style: normal;
	src:url("../font/roboto/roboto-regular.eot");
	src:url("../font/roboto/roboto-regular.eot?#iefix") format('embedded-opentype'),
		url("../font/roboto/roboto-regular.woff2") format('woff2'),
		url("../font/roboto/roboto-regular.woff") format('woff');
}
@font-face{
	font-family:'rbt';
	font-weight:300;
	font-style: normal;
	src:url("../font/roboto/roboto-medium.eot");
	src:url("../font/roboto/roboto-medium.eot?#iefix") format('embedded-opentype'),
		url("../font/roboto/roboto-medium.woff2") format('woff2'),
		url("../font/roboto/roboto-medium.woff") format('woff');
}
@font-face{
	font-family:'rbt';
	font-weight:600;
	font-style: normal;
	src:url("../font/roboto/roboto-bold.eot");
	src:url("../font/roboto/roboto-bold.eot?#iefix") format('embedded-opentype'),
		url("../font/roboto/roboto-bold.woff2") format('woff2'),
		url("../font/roboto/roboto-bold.woff") format('woff');
}


/* selection */
::-moz-selection {color: #fff; background:#032c5b;}
::selection {color:#fff; background:#032c5b;}


/* Common */
.blind,legend{display:block; overflow:hidden; position:absolute; top:-1000em; left:0}
:root legend{margin-top:-1px; font-size:0; line-height:0}
.ellipsis{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; display:block;}


/* align */
.tleft{text-align:left !important;}
.tcenter{text-align:center !important;}
.tright{text-align:right !important;}
.clearfix {clear:both; display:block; height:0;}
.clearfix:after{content:""; display: block; clear:both;}


/* text color */
.txt_info{color:#001546 !important;}
.txt_primary{color:#1b89af !important;}
.txt_success{color:#4ca173 !important;}
.txt_warning{color:#d94810 !important;}
.txt_danger{color:#f44336 !important;}


/* background color */
.bg_info{background:#032c5b !important;}
.bg_primary{background:#515b75 !important;}
.bg_success{background:#4ca173 !important;}
.bg_warning{background:#f3681f !important;}
.bg_danger{background:#f44336 !important;}
.bg_sereni{background:#777b88 !important;}


/* default */
.fl{float:left}
.fr{float:right}
.cboth{display:block; content:"";clear:both}
.inblk{display:inline-block;}
.vgt{vertical-align:top}
.vgm{vertical-align:middle}
.ovh{overflow:hidden}
.cp{cursor:pointer}


/* padding */
.pd00{padding:0 !important}
.pd20{padding:20px !important}
.pr00{padding-right:0 !important}
.pr05{padding-right:5px !important}
.pr10{padding-right:10px !important}
.pr15{padding-right:15px !important}
.pr20{padding-right:20px !important}
.pr25{padding-right:15px !important}
.pl05{padding-left:5px !important}
.pl10{padding-left:10px !important}
.pl15{padding-left:15px !important}
.pl20{padding-left:20px !important}
.pl25{padding-left:25px !important}
.pl30{padding-left:30px !important}
.pt50{padding-top:50px !important}
.pb50{padding-bottom:50px !important}


/* Width px */
.wid20{width:20px !important}
.wid30{width:30px !important}
.wid40{width:40px !important}
.wid50{width:50px !important}
.wid60{width:60px !important}
.wid70{width:70px !important}
.wid80{width:80px !important}
.wid90{width:90px !important}
.wid100{width:100px !important}
.wid120{width:120px !important}
.wid140{width:140px !important}
.wid150{width:150px !important}
.wid160{width:160px !important}
.wid180{width:180px !important}
.wid200{width:200px !important}
.wid220{width:220px !important}
.wid240{width:240px !important}
.wid260{width:260px !important}
.wid280{width:280px !important}
.wid300{width:300px !important}
.wid320{width:320px !important}
.wid340{width:340px !important}
.wid360{width:360px !important}
.wid380{width:380px !important}
.wid400{width:400px !important}
.wid420{width:420px !important}
.wid440{width:440px !important}
.wid460{width:460px !important}
.wid480{width:480px !important}
.wid500{width:500px !important}
.wid600{width:600px !important}
.wid700{width:700px !important}
.wid800{width:800px !important}
.wid900{width:900px !important}


/* Width % */
.wid10p{width:10% !important}
.wid20p{width:20% !important}
.wid30p{width:30% !important}
.wid40p{width:40% !important}
.wid50p{width:50% !important}
.wid60p{width:60% !important}
.wid70p{width:70% !important}
.wid80p{width:80% !important}
.wid90p{width:90% !important}
.wid100p{width:100% !important}


/* Margin */
.mg00{margin:0px !important}
.mg05{margin:5px !important}
.mg10{margin:10px !important}
.mg15{margin:15px !important}
.mg20{margin:20px !important}
.mg25{margin:25px !important}
.mg30{margin:30px !important}
.mg35{margin:35px !important}
.mg40{margin:40px !important}
.mg45{margin:45px !important}
.mg50{margin:50px !important}

.mgt00{margin-top:0px !important}
.mgt05{margin-top:5px !important}
.mgt10{margin-top:10px !important}
.mgt13{margin-top:13px !important}
.mgt15{margin-top:15px !important}
.mgt20{margin-top:20px !important}
.mgt25{margin-top:25px !important}
.mgt30{margin-top:30px !important}
.mgt35{margin-top:35px !important}
.mgt40{margin-top:40px !important}
.mgt45{margin-top:45px !important}
.mgt50{margin-top:50px !important}

.mgr00{margin-right:0px !important}
.mgr05{margin-right:5px !important}
.mgr10{margin-right:10px !important}
.mgr15{margin-right:15px !important}
.mgr20{margin-right:20px !important}
.mgr25{margin-right:25px !important}
.mgr30{margin-right:30px !important}
.mgr35{margin-right:35px !important}
.mgr40{margin-right:40px !important}
.mgr50{margin-right:50px !important}

.mgb00{margin-bottom:0px !important}
.mgb05{margin-bottom:5px !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}
.mgb35{margin-bottom:35px !important}
.mgb40{margin-bottom:40px !important}
.mgb45{margin-bottom:45px !important}
.mgb50{margin-bottom:50px !important}
.mgb60{margin-bottom:60px !important}
.mgb70{margin-bottom:70px !important}
.mgb80{margin-bottom:80px !important}

.mgl00{margin-left:0px !important}
.mgl05{margin-left:5px !important}
.mgl10{margin-left:10px !important}
.mgl15{margin-left:15px !important}
.mgl20{margin-left:20px !important}
.mgl25{margin-left:25px !important}
.mgl30{margin-left:30px !important}
.mgl35{margin-left:35px !important}
.mgl40{margin-left:40px !important}
.mgl50{margin-left:50px !important}


/* hiddentext */
.hiddentext div{font-size:0; line-height:0; padding:0; margin:0; height:0; width:0;}
.hiddentext dl{font-size:0; line-height:0; padding:0; margin:0; height:0; width:0;}
.hiddentext dt{font-size:0; line-height:0; padding:0; margin:0; height:0; width:0;}
.hiddentext dd{font-size:0; line-height:0; padding:0; margin:0; height:0; width:0;}
.hiddentext p{font-size:0; line-height:0; padding:0; margin:0; height:0; width:0;}
.hiddentext ul{font-size:0; line-height:0; padding:0; margin:0; height:0; width:0;}
.hiddentext li{font-size:0; line-height:0; padding:0; margin:0; height:0; width:0;}


/* inputxt_normal */
.inputxt_normal{display:inline-block; position:relative; height:24px; border:1px solid #d6d6d6; vertical-align:middle; border-radius:0;}
.inputxt_normal.error{border:1px solid #f32f20;}
.inputxt_normal.spider{display:block; margin-right:0;}
.inputxt_normal input{position:relative; height:24px; line-height:24px; margin:0; border:0; padding:0; margin:0; text-align:left; font-size:13px; text-indent:10px; color:#303030; box-sizing:border-box; font-weight:normal; background:#fff;}
.inputxt_normal.spider input{width:100%;}
.inputxt_normal input[disabled]{background:#eeeeee;}
.inputxt_normal input[readonly]{background:#f9f9f9;}
.inputxt_normal.dateinput .ui-datepicker-trigger{display:block; font-size:16px; position:absolute; right:0; top:0; width:26px; height:100%; margin:0; padding:0; line-height:27px; text-align:center; color:#808080; border:0; background:none; border-left:1px solid #ebebeb; border-radius:0; cursor:pointer;}
.inputxt_normal input.error{background:#feeae8;}

.inputxt_normal.search input{padding-right:28px;}
.inputxt_normal.search .btn_search{display:block; font-size:14px; position:absolute; right:0; top:0; width:26px; height:24px; margin:0; padding:0; line-height:27px; text-align:center; color:#808080; border:0; background:none; border-left:1px solid #ebebeb; border-radius:0; cursor:pointer;}

.inputxt_normal.only input{width:25px !important; font-size:0 !important;}
.inputxt_normal.only.dateinput .ui-datepicker-trigger{border-left:1px solid #d6d6d6; background:#fff;}

.autocomplete_normal{display:inline-block; position:relative; min-height:24px; border:1px solid #d6d6d6; vertical-align:middle; border-radius:0;}
.autocomplete_normal.spider{display:block; margin-right:0;}


/* select */
.select_normal {display:inline-block; position:relative; height:24px; *display:inline; *zoom:1; border:1px solid #d6d6d6; vertical-align:middle; border-radius:0; overflow:hidden;}
.select_normal.spider{display:block;}
.select_normal select {width:100%; height:24px; line-height:26px; color:#303030; padding:0; padding-left:10px; background:none; font-size:13px; -webkit-appearance:none; border:0; margin:0; cursor:pointer; border-radius:0; background:#fff url('../images/common/select_normal.png') right 50% no-repeat; background-size:26px 34px;}
.select_normal select[disabled]{background:#eeeeee url('../images/common/select_normal.png') right 50% no-repeat; background-size:26px 34px;}
.select_normal select[readonly]{background:#f9f9f9 url('../images/common/select_normal.png') right 50% no-repeat; background-size:26px 34px;}
.select_normal option {line-height:24px; font-size:13px;}
.select_normal select::-ms-expand {display:none;}
@-moz-document url-prefix() {.mreservation_box .select select {background:none;}}


.ui-datepicker-year, .ui-datepicker-month{height:22px; line-height:24px; color:#fff; padding:0; padding-left:10px; font-size:13px; -webkit-appearance:none; border:0; margin:0; cursor:pointer; border-radius:0;  background:#515b75 url('../images/common/select_date.png') right 50% no-repeat; background-size:31px 34px;}
.ui-datepicker-year option, .ui-datepicker-month option {line-height:25px; font-size:13px; color:#303030; background:#fff;}
.ui-datepicker-year::-ms-expand, .ui-datepicker-month::-ms-expand{display:none;}
@-moz-document url-prefix() {.ui-datepicker-year select {background:none;}}


/* editor */
.editor_normal{display:block; position:relative;}


/* textarea */
.textarea_normal{display:inline-block; background:#fff; border:1px solid #cccdcf;}
.textarea_normal.spider{display:block;}
.textarea_normal textarea{display:block; width:100%; border:0; padding:10px; color:#303030; font-size:13px; outline:none; border-radius:0; box-sizing:border-box; resize:vertical;}
.textarea_normal textarea[disabled]{background:#eeeeee;}
.textarea_normal textarea[readonly]{background:#f9f9f9;}


/* file_import */
.file_import_set{position:relative; width:390px;}
.file_import_set .info_util{position:relative;}

.file_import{display:inline-block; position:relative; padding-right:78px;}
.file_import label
{
	display:block; position:absolute; right:0; top:0; line-height:150%; margin:0; padding:3px 15px 3px;
    color:#fff; text-align:center; vertical-align:middle; font-size:13px;
    letter-spacing:-0.5px; border-radius:1px; cursor:pointer; font-weight:normal; letter-spacing:0;
	background:#848894; border:1px solid #656873;
}
.file_import label input{position:absolute; width:0; height:0; overflow:hidden;}
.file_import div{position:relative; height:24px; border:1px solid #d6d6d6; vertical-align:middle;}
.file_import input{height:24px; line-height:24px; margin:0; border:0; padding:0; margin:0; text-align:left; font-size:13px; text-indent:10px; color:#303030; box-sizing:border-box; font-weight:normal; background:#fff; width:300px;}
.file_import input[disabled]{background:#eeeeee;}
.file_import input[readonly]{background:#f9f9f9;}


/* multi_uploader */
.multi_uploader_wrap{position:relative;}
.multi_import{display:inline-block; position:relative; vertical-align:middle;}
.multi_import label{display:block; text-align:center; padding:3px 15px 3px; font-size:13px; cursor:pointer; background:#848894; border:1px solid #656873; color:#fff; line-height:150%; letter-spacing:0; text-align:center; border-radius:1px; font-weight:normal;}
.multi_import label input{position:absolute; width:0; height:0; overflow:hidden;}

.multi_uploader{position:relative; border:1px solid #ddd;}
.multi_uploader > .upl_header{position:relative; border-bottom:1px solid #ddd; height:30px; padding-left:30px; padding-right:100px; background:#f5f5f5;}
.multi_uploader > .upl_header > .header_tit{display:inline-block; vertical-align:middle; line-height:30px; font-size:13px; text-align:center; letter-spacing:-0.5px; font-weight:300; color:#606060; box-sizing:border-box;}
.multi_uploader > .upl_header > .file_check{position:absolute; left:0; top:0; width:30px; height:100%; border-right:1px solid #ddd;}
.multi_uploader > .upl_header > .file_name{display:block; height:30px; padding-left:10px; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.multi_uploader > .upl_header > .file_size{position:absolute; right:0; top:0; width:100px; height:100%; border-left:1px solid #ddd;}

.multi_uploader .upl_body{position:relative; min-height:88px; max-height:140px; overflow-x:hidden; overflow-y:auto;}
.multi_uploader .upl_body .file_list{padding:5px 0; background:#fff;}
.multi_uploader .upl_body .file_list li{position:relative; height:26px; padding-left:30px; padding-right:100px;}

.multi_uploader .upl_body .body_tit{display:inline-block; vertical-align:middle; line-height:26px; font-size:13px; text-align:center; box-sizing:border-box;}
.multi_uploader .upl_body .file_check{position:absolute; left:0; top:0; width:30px; height:100%;}
.multi_uploader .upl_body .file_name{display:block; height:26px; padding-left:10px; text-align:left; cursor:pointer; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.multi_uploader .upl_body .file_size{position:absolute; right:0; top:0; width:100px; height:100%; padding-right:10px; text-align:right;}

.multi_uploader .upl_body .drag_info{display:none; position:absolute; top:0; left:0; width:100%; height:100%; padding-top:35px; text-align:center; background:rgba(255,255,255,1); z-index:9; box-sizing:border-box;}
.multi_uploader .upl_body .drag_info.active{display:block;}
.multi_uploader .upl_body .drag_info p{display:inline-block; letter-spacing:-0.5px; font-weight:300; color:#606060; font-size:13px;}

.multi_uploader .upl_body .file_state{display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,.8);}
.multi_uploader .upl_body .file_state.active{display:block;}
.multi_uploader .upl_body .file_state .state_bar{position:absolute; left:50%; top:50%; width:200px; margin-left:-100px; margin-top:-2px; height:4px; border:1px solid #4e6bb5;}
.multi_uploader .upl_body .file_state .state_bar .bar_loading{position:absolute; top:0; left:0; width:0; height:100%; background:#4e6bb5; transition:all .25s ease;}

.multi_uploader_wrap .upl_btn{position:relative; margin-top:5px;}
.multi_uploader_wrap .upl_btn .info_txt{position:absolute; top:0; right:0; line-height:140%; color:#505050; font-size:13px;}



/* paging */
.paging_normal{position:relative; margin-top:20px; text-align:center;}
.paging_normal .paging_align{display:inline-block;}
.paging_normal .paging_align:after{content:''; display:block; clear:both;}
.paging_normal .paging_align li{float:left; margin-left:-1px;}
.paging_normal .paging_align a, .paging_normal .paging_align strong{display:block; position:relative; min-width:32px; height:32px; line-height:33px; font-size:13px; font-family:rbt; background:#fff; padding:0 2px;}
.paging_normal .paging_align a{border:1px solid #ddd; color:#505050; font-weight:normal;}
.paging_normal .paging_align a:hover{background:#f8f8f8;}
.paging_normal .paging_align strong{border:1px solid #4e6bb5; color:#4e6bb5; font-weight:300; z-index:1;}
.paging_normal .paging_align i{font-size:13px; color:#808080; line-height:32px;}


/* check, radio */
.btn_check {position:relative; display:inline-block; vertical-align:middle; min-width:22px; min-height:22px;}
.btn_check input[type="checkbox"]{position:absolute; top:0; left:0; margin:0; width:22px; height:22px;}
.btn_check .hero{display:block; position:absolute; top:0; left:0; width:22px; height:22px; background-image:url('../images/common/check_blue.png'); background-position:0 0; cursor:pointer;}
.btn_check input[type='checkbox']:checked + .hero {background-position:-48px 0;}
.btn_check input[type='checkbox']:hover + .hero {background-position:-24px 0;}
.btn_check input[type='checkbox']:checked:hover + .hero {background-position:-48px 0;}
.btn_check strong{padding-left:27px; vertical-align:middle; line-height:23px; color:#505050; letter-spacing:-0.2px; font-weight:normal; cursor:pointer;}

.btn_check input[disabled] + .hero{background-position:-72px 0;}
.btn_check input[disabled]:hover + .hero{background-position:-72px 0;}
.btn_check input[disabled]:checked + .hero{background-position:-96px 0;}
.btn_check input[disabled]:checked:hover + .hero{background-position:-96px 0;}

.btn_check input[readonly] + .hero{background-position:-72px 0;}
.btn_check input[readonly]:hover + .hero{background-position:-72px 0;}
.btn_check input[readonly]:checked + .hero{background-position:-96px 0;}
.btn_check input[readonly]:checked:hover + .hero{background-position:-96px 0;}


.btn_radio {position:relative; display:inline-block; vertical-align:middle; min-width:22px; min-height:22px;}
.btn_radio input[type="radio"]{position:absolute; top:0; left:0; margin:0; width:22px; height:22px;}
.btn_radio .hero{display:block; position:absolute; top:0; left:0; width:22px;height:22px; background-image:url('../images/common/check_blue.png'); background-position:-120px 0; cursor:pointer;}
.btn_radio input[type='radio']:checked + .hero {background-position:-168px 0;}
.btn_radio input[type='radio']:hover + .hero {background-position:-144px 0;}
.btn_radio input[type='radio']:checked:hover + .hero {background-position:-168px 0;}
.btn_radio strong{padding-left:27px; vertical-align:middle; line-height:23px; color:#303030; letter-spacing:-0.2px; font-weight:normal; cursor:pointer;}

.btn_radio input[disabled] + .hero{background-position:-192px 0;}
.btn_radio input[disabled]:hover + .hero{background-position:-192px 0;}
.btn_radio input[disabled]:checked + .hero{background-position:-216px 0;}
.btn_radio input[disabled]:checked:hover + .hero{background-position:-216px 0;}

.btn_radio input[readonly] + .hero{background-position:-192px 0;}
.btn_radio input[readonly]:hover + .hero{background-position:-192px 0;}
.btn_radio input[readonly]:checked + .hero{background-position:-216px 0;}
.btn_radio input[readonly]:checked:hover + .hero{background-position:-216px 0;}


/* button */
.btnarea{position:relative;}
.btnarea_right{position:relative; text-align:right;}
.btnarea_center{position:relative; text-align:center;}
.btnarea_left{position:relative; text-align:left;}
.btnarea_side{position:relative; overflow:hidden;}

.btn_set{display:inline-block; vertical-align:middle;}
.btn_set:after{content:''; display:block; clear:both;}
.btn_set > li{float:left; margin-right:3px;}
.btn_set > li:last-child{margin-right:0;}
.btn_set > li.spider{margin-right:0;}
.btn_set > li.lf button{border-radius:2px 0 0 2px; border-right:none;}
.btn_set > li.ce button{border-radius:0; border-right:none;}
.btn_set > li.rt button{border-radius:0 2px 2px 0;}

.btn_proto button{vertical-align:top;}

.btn_normal
{
    display:inline-block; line-height:150%; margin:0; padding:0;
    color:#505050; text-align:center; vertical-align:middle; background:#f8f8f8; border:1px solid #ddd;
    letter-spacing:-0.5px; border-radius:1px; cursor:pointer; font-weight:normal; letter-spacing:0; transition:all .25s ease;
}
.btn_normal.only{padding:6px 15px 5px; font-size:13px;}
.btn_normal span{display:block; padding:6px 15px 5px; font-size:13px;}
.btn_normal.small span{padding:3px 15px 3px; font-size:13px;}
.btn_normal.large span{padding:8px 18px 7px; font-size:15px;}
.btn_normal i{font-size:14px; vertical-align:middle;}
.btn_normal.ico_l i{margin-right:3px;}
.btn_normal.ico_r i{margin-left:3px;}
.btn_normal.ico_l span{padding-left:13px;}
.btn_normal.ico_r span{padding-right:13px;}
.btn_normal.small.ico_r span{padding-right:13px;}
.btn_normal.small.ico_l span{padding-left:13px;}
.btn_normal.large.ico_r span{padding-right:15px;}
.btn_normal.large.ico_l span{padding-left:15px;}

.btn_normal.info{background:#4e6bb5; border:1px solid #445fa3; color:#fff;}
.btn_normal.info:hover{background:#5f7abc;}
.btn_normal.primary{background:#515b75; border:1px solid #3e4966; color:#fff;}
.btn_normal.primary:hover{background:#6b738a;}
.btn_normal.success{background:#38b48f; border:1px solid #33ac88; color:#fff;}
.btn_normal.success:hover{background:#4cbb9a;}
.btn_normal.warning{background:#f3681f; border:1px solid #e66019; color:#fff;}
.btn_normal.warning:hover{background:#f47735;}
.btn_normal.danger{background:#f44336;  border:1px solid #f32f20; color:#fff;}
.btn_normal.danger:hover{background:#f65f54;}
.btn_normal.sereni{background:#848894; border:1px solid #777b88; color:#fff;}
.btn_normal.sereni:hover{background:#969aa4;}
.btn_normal.blank{background:#fff; border:1px solid #ddd;}
.btn_normal.blank:hover{background:#f8f8f8;}


.btn_line
{
    display:inline-block; line-height:150%; margin:0; padding:0;
    color:#505050; text-align:center; vertical-align:middle; background:#fff; border:1px solid #ddd;
    letter-spacing:-0.5px; border-radius:1px; cursor:pointer; font-weight:normal; letter-spacing:0; transition:all .25s ease;
}
.btn_line span{display:block; padding:6px 15px 5px; font-size:13px;}
.btn_line.small span{padding:3px 15px 3px; font-size:13px;}
.btn_line.large span{padding:8px 18px 7px; font-size:15px;}
.btn_line.llarge span{padding:13px 28px 13px; font-size:15px;}
.btn_line i{font-size:14px; vertical-align:middle;}
.btn_line.ico_l i{margin-right:3px;}
.btn_line.ico_r i{margin-left:3px;}
.btn_line.ico_l span{padding-left:13px;}
.btn_line.ico_r span{padding-right:13px;}
.btn_line.small.ico_r span{padding-right:13px;}
.btn_line.small.ico_l span{padding-left:13px;}
.btn_line.large.ico_r span{padding-right:15px;}
.btn_line.large.ico_l span{padding-left:15px;}
.btn_line.llarge.ico_r span{padding-right:25px;}
.btn_line.llarge.ico_l span{padding-left:25px;}
.btn_line.round{border-radius:3px;}

.btn_line.info{border:1px solid #445fa3; color:#4e6bb5;}
.btn_line.info:hover{background:#4e6bb5; color:#fff;}
.btn_line.primary{border:1px solid #3e4966; color:#4c7188;}
.btn_line.primary:hover{background:#515b75; color:#fff;}
.btn_line.success{border:1px solid #33ac88; color:#38b48f;}
.btn_line.success:hover{background:#38b48f; color:#fff;}
.btn_line.sereni{border:1px solid #777b88; color:#505050;}
.btn_line.sereni:hover{background:#848894; color:#fff;}
.btn_line.warning{border:1px solid #e66019; color:#d94810;}
.btn_line.warning:hover{background:#f3681f; color:#fff;}
.btn_line.danger{border:1px solid #f32f20; color:#f44336;}
.btn_line.danger:hover{background:#f44336; color:#fff;}
.btn_line.blank{border:1px solid #ddd; color:#505050;}
.btn_line.blank:hover{background:#f8f8f8; color:#505050;}


.btn_ico
{
    display:inline-block; margin:0; padding:0;
    color:#606060; text-align:center; vertical-align:middle; background:#fff; border:1px solid #ddd; width:26px; height:26px; line-height:26px;
    letter-spacing:-0.5px; border-radius:0; cursor:pointer; font-weight:normal; letter-spacing:0; transition:all .25s ease; font-size:16px;
	box-sizing:border-box;
}
.btn_ico i{padding-top:4px;}
.btn_ico.small{font-size:14px; width:22px; height:22px;}

.btn_ico.primary{background:#515b75; border:1px solid #3e4966; color:#fff;}
.btn_ico.primary:hover{background:#6b738a;}


.btn_doc
{
    display:inline-block; margin:0; padding:0;
    color:#606060; text-align:center; vertical-align:middle; background:#fff; border:none; width:18px; height:18px; line-height:18px;
    letter-spacing:-0.5px; border-radius:0; font-weight:normal; letter-spacing:0; transition:all .25s ease; font-size:16px;
	box-sizing:border-box; background-image:url('../images/common/ico_document.png'); background-repeat:no-repeat; background-size:126px 18px;
}
.btn_doc.basic{background-position:0 0;}
.btn_doc.image{background-position:-18px 0;}
.btn_doc.pdf{background-position:-36px 0;}
.btn_doc.hwp{background-position:-54px 0;}
.btn_doc.doc{background-position:-72px 0;}
.btn_doc.excel{background-position:-90px 0;}
.btn_doc.ppt{background-position:-108px 0;}

.btn_doc.large{background-size:252px 36px; width:36px; height:36px; line-height:36px;}
.btn_doc.large.basic{background-position:0 0;}
.btn_doc.large.image{background-position:-36px 0;}
.btn_doc.large.pdf{background-position:-72px 0;}
.btn_doc.large.hwp{background-position:-108px 0;}
.btn_doc.large.doc{background-position:-144px 0;}
.btn_doc.large.excel{background-position:-180px 0;}
.btn_doc.large.ppt{background-position:-216px 0;}


/* labels_state */
.labels_state
{
    display:inline-block; line-height:150%; margin:0; padding:0;
    color:#505050; text-align:center; vertical-align:middle; background:#fff; border:1px solid #ddd;
    letter-spacing:-0.5px; border-radius:1px; font-weight:normal; letter-spacing:0; min-width:70px;
}
.labels_state span{display:block; padding:4px 10px 3px; font-size:13px;}
.labels_state.small span{padding:2px 10px 1px; font-size:13px;}
.labels_state.small i{margin-right:5px; font-size:16px; vertical-align:middle;}
.labels_state.info{border:1px solid #445fa3; color:#4e6bb5;}
.labels_state.info.active{color:#fff; background:#4e6bb5;}
.labels_state.primary{border:1px solid #404a65; color:#fff;}
.labels_state.primary.active{color:#4c7188; background:#515b75;}
.labels_state.success{border:1px solid #33ac88; color:#38b48f;}
.labels_state.success.active{color:#fff; background:#38b48f;}
.labels_state.warning{border:1px solid #e66019; color:#d94810;}
.labels_state.warning.active{color:#fff; background:#f3681f;}
.labels_state.danger{border:1px solid #f44336; color:#f44336;}
.labels_state.danger.active{color:#fff; background:#f44336;}


/* labels */
.labels
{
    display:inline-block; line-height:150%; margin:0; padding:0;
    color:#505050; text-align:center; vertical-align:middle; background:#f8f8f8; border:1px solid #ddd;
    letter-spacing:-0.5px; border-radius:1px; font-weight:normal; letter-spacing:0;
}
.labels span{display:block; padding:4px 10px 3px; font-size:13px;}
.labels.small span{padding:2px 10px 1px; font-size:13px;}
.labels.small i{margin-right:5px; font-size:16px; vertical-align:middle;}
.labels.info{background:#4e6bb5; border:1px solid #445fa3; color:#fff;}
.labels.primary{background:#515b75; border:1px solid #3e4966; color:#fff;}
.labels.success{background:#38b48f; border:1px solid #33ac88; color:#fff;}
.labels.warning{background:#f3681f; border:1px solid #e66019; color:#fff;}
.labels.danger{background:#f32f20;  border:1px solid #f32f20; color:#fff;}

/* set controll */
.inputset_ads{position:relative; padding-left:78px;}
.inputset_ads .btn_normal{position:absolute; left:0; top:0;}
.datepickerset{display:inline-block; vertical-align:middle;}
.combo_set{display:inline-block; position:relative; vertical-align:middle;}


/* lb_error */
.error_wrap{position:fixed; top:0; left:0; right:0; bottom:0; background:#f8f8f8;}
.lb_error{position:absolute; top:50%; left:50%; width:600px; height:520px; margin-left:-300px; margin-top:-260px; background:#fff; z-index:1;}
.lb_error .err_inner{position:relative; padding:113px 50px 0; box-sizing:border-box;}

.lb_error .err_logo{position:absolute; top:40px; left:50%; margin-left:-110px;}
.lb_error .err_logo strong{display:block; width:220px; height:54px; background:url('../images/common/logo.png') no-repeat 50% 50%; background-size:219px 54px;}

.lb_error .err_focus{padding:30px 0 0; margin-bottom:15px; border-top:1px solid #ebebeb;}
.lb_error .err_num{text-align:center;}
.lb_error .err_num i{font-size:50px; color:#4e6bb5; margin-bottom:5px;}
.lb_error .err_num .num_code{display:block; font-family:rbt; font-size:40px; line-height:120%; font-weight:normal; letter-spacing:-1px; color:#4e6bb5;}

.lb_error .err_subject{display:block; text-align:center; color:#707070; font-size:22px; font-weight:normal; letter-spacing:-1px; line-height:150%; margin-bottom:20px;}

.lb_error .err_detail{position:relative; height:110px; padding:25px; margin-bottom:20px; font-size:13px; line-height:160%; background:#f8f8f8; overflow-y:auto; box-sizing:border-box;}
.lb_error .err_detail p{color:#707070;}
.lb_error .err_detail a{color:#4e6bb5;}


/* bxslider_setting */
.bx-wrapper{position:relative; margin:0; padding:0; *zoom:1; -ms-touch-action:pan-y; touch-action:pan-y;}
.bx-wrapper img{display:block; max-width:100%;}
.bxslider{margin:0; padding:0;}
.bx-viewport{-webkit-transform: translatez(0);}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto{position:absolute; bottom:-25px; width:100%;}
.bx-wrapper .bx-loading{position:absolute; top:0; left:0; width:100%; height:100%; min-height:50px; background:url('images/bx_loader.gif') center center no-repeat #ffffff; z-index:2000;}

.bx-wrapper .bx-pager{text-align:center; color:#666; padding-top:20px;}
.bx-wrapper .bx-pager.bx-default-pager a{display:block; background:rgba(81,91,117,.3); border:2px solid rgba(81,91,117,0); width:8px; height:8px; margin:0 3px; border-radius:50%; text-indent:-9999px; transition:all .25s ease;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus{background:rgba(81,91,117,0); border:2px solid rgba(81,91,117,1);}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block; vertical-align:bottom; *zoom:1; *display:inline;}
.bx-wrapper .bx-pager-item{font-size:0; line-height:0;}

.bx-wrapper .bx-controls-direction a{position:absolute; top:50%; margin-top:-18px; outline:0; width:36px; height:36px; line-height:36px; z-index:9999; text-align:center; border-radius:1px; font-size:20px; transition:all .25s ease;}
.bx-wrapper .bx-controls-direction a.disabled{display:none;}

.bx-wrapper .bx-prev{left:10px; color:rgba(255,255,255,.8); background:rgba(81,91,117,.4);}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus{color:rgba(255,255,255,1); background:rgba(81,91,117,.8);}

.bx-wrapper .bx-next{right:10px; color:rgba(255,255,255,.8); background:rgba(81,91,117,.4);}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus{color:rgba(255,255,255,1); background:rgba(81,91,117,.8);}

.bx-wrapper .bx-controls-auto{text-align:center;}
.bx-wrapper .bx-controls-auto .bx-start{display:block; width:10px; height:11px; outline:0; background:url('images/controls.png') -86px -11px no-repeat; margin:0 3px;}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus{background-position:-86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop{display:block;  width:9px; height:11px; outline:0; background:url('images/controls.png') -86px -44px no-repeat; margin:0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus{background-position: -86px -33px;}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left; width:80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0; width:35px;}
