/* ==========================================================================
	common style
========================================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address, cite, img, dl, dt, dd, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td, select, input, textarea, button, a{margin:0; padding:0; border:0; box-sizing:border-box; font-size:11px;color: #666; font-family:"Open Sans", Tahoma, Arial, Helvetica, 'Nanum Gothic', 'MalgunGothic', '맑은 고딕', sans-serif; line-height:initial;}
body{line-height:1.3;}
select, input, textarea, button{resize:none;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content: ''; content:none;}
select, input, textarea, button{resize:none; vertical-align:middle;}
table{border-collapse:collapse;}

a img{border:0;}
a{selector-dummy:expression(this.hideFocus=true);}
:focus, input, button, div{outline:0;}
/* basic-alink */
a:link{color:#555;text-decoration:none;}
a:visited{color:#555;text-decoration:none;}
a:active{color:#555;text-decoration:none;}
a:hover{color:#1278bc;text-decoration:none;}

/* form basic */
textarea{overflow:auto;}
input[type=text]:focus,
input[type=password]:focus,
input[type=search]:focus,
[contenteditable=true]:focus,
textarea:focus{border:1px solid #1d88bc !important; outline: 0;}

table.table02_type input[type=text]:focus,
table.table02_type input[type=password]:focus,
table.table02_type input[type=search]:focus,
table.table02_type [contenteditable=true]:focus,
table.table02_type textarea:focus{border:1px solid #de7e31 !important;background-color: #fff9f3; outline: 0;}

input[type=text],
input[type=password],
[contenteditable=true],
textarea{margin:0; padding:3px 5px 5px; width:100%; min-height: 26px; border:1px solid rgba(34, 36, 38, 0.15);font-family:"Open Sans", Tahoma, Arial, Helvetica, 'Nanum Gothic', 'MalgunGothic', '맑은 고딕', sans-serif; box-sizing:border-box; -webkit-box-sizing:border-box; color:#666; vertical-align:middle; font-size:11px; background-color:#fff;}

input[type=text]:read-only { background-color:#efefef; }

select{display:inline-block; padding:4px; padding-right:25px !important; border:1px solid #ddd; color:#555; box-sizing:content-box; background-image:url("../images/icon_select_arrow_gray.png"); background-repeat:no-repeat; background-size:15px auto; background-position:100% 50%; font-size:13px; -moz-appearance:none; -webkit-appearance:none; appearance:none;}
select::-ms-expand{display:none;}
/* ie9 hack */
select{padding-right:4px\9 !important;}
/* ie10 hack */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
  select{padding-right:25px !important;}
}

label{cursor:pointer;font-weight: normal;}
input::-ms-clear,
input::-ms-reveal{display:none;}

input[type=time]{
margin:0; padding:3px 10px; width:100%; height: 26px; border:1px solid rgba(34, 36, 38, 0.15); box-sizing:border-box; -webkit-box-sizing:border-box; color:#666; vertical-align:middle; font-size:11px; background-color:#fff;
}

input[type=text]:disabled{
	background:#f5f5f5;
}

.hide{display:none !important;}

/* input form */
.stay label{display:inline-block; position:relative; margin-right:10px; color:#777; font-size:13px; font-weight:normal; text-align:center; cursor:pointer;}
.stay label>input[type=radio],
.stay label>input[type=checkbox]{display:none;}
.stay label>span{display:inline-block; position:relative; padding-left:30px; height:24px; line-height:23px; font-size:13px; vertical-align:middle;}
.stay label>span:after{content:''; position:absolute; left:0; top:50%; margin-top:-12px; width:24px; height:24px; background-image:url(../images/icon_set.svg); vertical-align:middle;}
.stay label>i{display:inline-block; height:24px; line-height:23px; font-size:13px; vertical-align:middle;}
.stay label>input[type=radio]+span:after{background-position:0 -24px;}
.stay label>input[type=radio]:checked+span:after{background-position:-24px -24px;}
.stay label>input[type=checkbox]+span:after{background-position:background-position:0 0;;}
.stay label>input[type=checkbox]:checked+span:after{background-position:-24px 0;}
.stay label>input[disabled]+span{opacity:0.5;}


/* status */
span.status{display:inline-block; position:relative; padding-left:12px; width:70px; font-weight:500; text-align:left;}
span.status.sync{width:78px;}
span.status:before{content:""; position:absolute; top:50%; left:0; margin-top:-4px; width:8px; height:8px; border-radius:100%; box-shadow:0 3px 3px rgba(255,255,255,0.25) inset;}
span.status:after{content:none; position:absolute; z-index:1; top:-10px; left:-5px; right:-5px; height:5px; background-color:#fff; box-shadow:0 5px 10px rgba(255,255,255,1);}
span.order{display:inline-block; position:relative; margin:0 2px 1px 0; width:14px; height:14px; line-height:13px; border-radius:100%; text-align:center; vertical-align:middle; overflow:hidden;}
span.order:before{color:#fff; font-size:10px;}
span.order.first:before{content:'1';}
span.order.second:before{content:'2';}
span.order.third:before{content:'3';}

span.order.bg-yellow-green,
span.status.bg-yellow-green:before{background-color:#4caf50;}
span.order.green,
span.status.green:before{background-color:#00a651;}
span.order.yellow,
span.status.yellow:before{background-color:#fbb103;}
span.order.red,
span.status.red:before{background-color:#ef6969;}
span.order.gray,
span.status.gray:before{background-color:#aaa;}
span.icon{display:none; width:16px; height:16px; background-image:url("../images/icon_set.png"); vertical-align:inherit; cursor:help;}
span.icon.alert{background-position:-136px -402px;}
/* status : for abroad */
span.status.prepare:before{background-color:#f48664;}
span.status.receipt:before{background-color:#da3058;}
span.status.spot:before{background-color:#03913c;}
span.status.imminent:before{background-color:#034191;}
span.status.finish:before{background-color:#b5b5b5;}


/* form */
label>input[disabled]+span{opacity:0.5; cursor:default;}
input.nonull{opacity:1;}
label.check{display:inline-block; position:relative; /*margin:0 7px 0 3px; color:#777; font-size:13px; font-weight:normal;*/ text-align:center; cursor:pointer;}
label.check>input[type=radio],
label.check>input[type=checkbox]{display:none;}
label.check>span{display:inline-block; position:relative; padding-left:24px;height:24px;line-height:23px; font-size:12px;font-weight: normal; vertical-align:middle;}
label.check>span:after{content:''; position:absolute; left:0; top:50%; margin-top:-12px; width:24px; height:24px; background-image:url("../images/icon_set.png"); vertical-align:middle;}

label.check>span.tbinner{display:inline-block; position:relative; padding-left:24px; height:14px; line-height:10px; font-size:12px; vertical-align:middle;}
label.check>span.tbinner:after{content:''; position:absolute; left:0; top:50%; margin-top:-12px; width:24px; height:24px; background-image:url("../images/icon_set.png"); vertical-align:middle;}

label.check>i{display:inline-block; height:24px; line-height:23px; font-size:13px; vertical-align:middle;}
label.check>input[type=radio]+span:after{background-position:-228px -100px;}
label.check>input[type=radio]:checked+span:after{background-position:-260px -100px;}
label.check>input[type=checkbox]+span:after{background-position:-228px -68px;}
label.check>input[type=checkbox]:checked+span:after{background-position:-260px -68px;}

.table label.check>span{display:inline-block; position:relative; padding-left:24px;height:14px;line-height:14px; font-size:12px;font-weight: normal; vertical-align:middle;}
.table label.check>span:after{content:''; position:absolute; left:0; top:50%; margin-top:-12px; width:24px; height:24px; background-image:url("../images/icon_set.png"); vertical-align:middle;}

/* change the style for checkbox : onoff */
label.onoff{display:inline-block; position:relative; margin:0; font-weight:normal; cursor:pointer;}
label.onoff>input{display:none;}
label.onoff>span{display:inline-block;}
label.onoff>span:after{content:''; display:inline-block; width:48px; height:25px; background-image:url("../images/icon_set.png"); background-position:-328px -67px; vertical-align:middle;}
label.onoff>input:checked+span:after{background-position:-328px -99px;}
label.onoff>input[disabled]+span{opacity:0.6; cursor:default;}

/* change the style for checkbox : active & only for teacher */
label.active{display:inline-block; position:relative; font-weight:normal; cursor:pointer;}
label.active>input{display:none;}
label.active>span{display:inline-block;}
label.active>span:after{content:''; display:inline-block; width:32px; height:32px; background-image:url("../images/icon_set.png"); background-position:-384px -64px; vertical-align:middle;}
label.active>input:checked+span:after{background-position:-384px -96px;}
label.active>input[disabled]+span{opacity:0.6; cursor:default;}

/* status date&time  */
label.period,
label.time{display:inline-block; position:relative; color:#777; font-size:13px; vertical-align:middle; cursor:pointer;}
label.period>input,
label.time>input{padding-right:32px; font-weight:400;}
label.period>input+span,
label.time>input+span{position:absolute; top:1px; bottom:0; right:0; width:32px;}
label.period>input+span:after,
label.time>input+span:after{content:'';display:block;width: 29px;height:26px;background-image:url("../images/icon_set.png");}
label.period>input+span:after{background-position: -224px -131px;}

.tit_area label.period>input+span:after{background-position: -224px -129px;}

label.time>input+span:after{background-position:-256px -131px;}
label.period>input[disabled],
label.time>input[disabled]{opacity:0.75;}
label.period>input[disabled]+span,
label.time>input[disabled]+span{opacity:0.3; cursor:default;}

hr{border-style: solid;border-width: .5px;color: #ddd;}

.cf{clear:both;display:block;content:'';}
.cf:after{clear:both;display:block;content:'';}

/* ==========================================================================
	button style
========================================================================== */
/* button style - basic */
button{display:inline-block; overflow:hidden; position:relative;font-size: 12px !important;color:#555; border-radius:3px; border:1px solid #777; border-color:#ccc #bbb #aaa; background-color:#f7f7f7; font-size:0; cursor:pointer; outline:0;z-index: 0;}
button:before{content:""; position:absolute; z-index:1; top:-15px; left:-5px; right:-5px; height:20px; background-color:#fff; box-shadow:0 10px 10px rgba(255,255,255,1); cursor:pointer;}
button:after{content:''; position:absolute; z-index:1; top:0; bottom:0; left:0; right:0; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; transition:all 0.2s;}
button:hover{border-color:#bbb #aaa #999; background-color:#eee;}
button:hover:after{background-image:url("../images/white_opacity10.png");}
button:active{border-color:#999 #aaa #aaa; box-shadow:0 1px 3px rgba(0,0,0,0.2) inset; background-color:#e5e5e5;}
button:active:before{content:none;}
button:active:after{background-image:url("../images/black_opacity5.png");}
button span{display:inline-block; position:relative; z-index:2; padding:0 11px 1px 11px; line-height:29px; color:#555; font-weight:400; font-size:14px; white-space:nowrap; text-align:center;}
button.xsmall span{padding:0 5px 1px 5px; font-size:11px; line-height:18px;}
button.small span{padding:0 10px 1px 10px; font-size:12px; line-height:23px;}
button.medium span{padding:0 15px;font-family:'NanumSquare'; font-size:16.5px; line-height:36px;}
button.large span{padding:0 20px; font-family:'NanumSquare'; font-size:20px; line-height:46px;}
.pop>.header button,
.pop>.footer button{border:1px solid #333;}

/* button style - empty */
button.empty{display:none; position:absolute;top:50%;right:10px;margin-top:-12px;width:24px;height:24px;border:0;background-color:transparent;}
button.empty:before{content:none;}
button.empty:after{content:''; position:absolute; top:4px; left:4px; width:16px; height:16px; background-image:url("../images/icon_set.svg"); background-position:0 -50px;}
button.empty:active{box-shadow:none;}
button.empty.txtin{display:block;}

/* button.ui{padding:0 11px;margin-bottom: 1px;} */
button.ui.xsmall{padding:0 10px;}
button.ui.small{padding:0 10px;}
button.ui{padding:0 10px;}
button.ui.medium{padding:0 15px;}
button.ui.large{padding:0 20px;}

button.btn {
    display: inline-block;
    font-weight: 400;
    color: #333;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .4375rem .875rem;
    font-size: .8125rem;
    line-height: 1.5385;
    border-radius: .1875rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

/*button.ui span{display:inline-block; position:relative; z-index:2; padding:0 0 1px 5px; line-height:29px; color:#555; font-weight:400; font-size:14px; white-space:nowrap; text-align:center;}*/
button.ui.xsmall span{padding:0 0 1px 5px; font-size:11px; line-height:19px;}
button.ui.small span{padding:0 0 1px 3px; font-size:11px; line-height:23px;}
button.ui span{padding:0 0 1px 5px; font-size:14px; line-height:29px;}
button.ui.medium span{padding:0 0 0 5px;font-size:16.5px; line-height:36px;}
button.ui.large span{padding:0 0 0 7px;font-size:20px; line-height:46px;}

/* button style - deep-blue 로그인버튼*/
button.deep-blue{border:1px solid #165697; background-color:#256bb2;}
button.deep-blue:hover{background-color:#3077bf;}
button.deep-blue:active{background-color:#1d60a4;}
button.deep-blue span{color:#fff;}

.fa-icon {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;   
    border-radius: 3px;
    background: url("../images/icon_set_v2.png") no-repeat 0 0;}

button.ui-fa.fa-button{padding:0 10px;}
button.ui-fa.fa-button.medium span{color: #fff;font-size: 12px;font-weight: bold;line-height: 24px; vertical-align: top;}
button.ui-fa.fa-button span{color: #fff;font-size: 12px;font-weight: bold;line-height: 22px; vertical-align: top;padding:0 0 1px 5px;}
button.ui-fa.fa-button .fa-icon.icon-search{width: 12px; height: 22px;background-position: -10px -133px;}


/* button style */
button.dataFile{margin-right:10px; border-radius:0;}
button.dataFile.down>span{width:40px; line-height:23px; background-image:url("../images/icon_set_proto.png"); background-position:-124px -430px; text-indent:-9999px;}
button.dataFile.up>span{width:40px; line-height:23px; background-image:url("../images/icon_set_proto.png"); background-position:-124px -430px; text-indent:-9999px;transform: rotate( 180deg);}

button.dataFile.left>span{width:40px; line-height:23px; background-image:url("../images/icon_set_proto.png"); background-position:-124px -430px; text-indent:-9999px;transform: rotate( 90deg)}
button.dataFile.right>span{width:40px; line-height:23px; background-image:url("../images/icon_set_proto.png"); background-position:-124px -430px; text-indent:-9999px;transform: rotate( -90deg);}


/* 다운로드 css 추가 */
button.excel{margin-right:10px; border-radius:0;}
button.excel>span{width:28px; line-height:27px; background-image:url("../images/icon_set_proto.png"); background-position:-66px -396px; text-indent:-9999px;}

/* 업로드 css 추가 */
button.upload-excel{margin-right:10px; border-radius:0;}
button.upload-excel>span{width:28px; line-height:27px; background-image:url("../images/icon_set_proto.png"); background-position:-66px -396px; text-indent:-9999px;transform: rotate( 180deg )}

/* sms css 추가 */
button.sms{margin-right:10px; border-radius:0;}
button.sms>span{width:28px; line-height:27px; background-image:url("../images/icon_set.png"); background-position:-322px -418px; text-indent:-9999px;}

/* 검색 css 추가 */
button.ui-search{margin-right:10px; border-radius:0;}
button.ui-search>span{width:28px; line-height:27px; background-image:url("../images/icon_set.png"); background-position:-2px -417px; text-indent:-9999px;}

/* 그래프 css 추가 */
button.graph{margin-right:10px; border-radius:0;}
button.graph>span{width:28px; line-height:27px; background:url("../images/graphic.png") center no-repeat;text-indent:-9999px;}

/* 그래프 css 추가 */
button.igraph{margin-right:10px; border-radius:0;}
button.igraph>span{width:28px; line-height:27px; background:url("../images/icon-graphic.png") center no-repeat;background-size: 21px;text-indent:-9999px;}

/* save css 추가 */
button.save_btn{margin-right:10px; border-radius:0;}
button.save_btn>span{width:28px; line-height:27px; background:url("../images/save.png") center no-repeat;text-indent:-9999px;}

/* save css 추가 */
button.save_btn.xsmall{margin-right:10px;border-radius:0;}
button.save_btn.xsmall>span{width:28px; line-height:23px; background:url("../images/save.png") center no-repeat;text-indent:-9999px;}

/* 출결표 css 추가 */
button.checklist{margin-right:10px; border-radius:0;}
button.checklist>span{width:28px; line-height:27px; background:url("../images/checklist.png") center no-repeat;text-indent:-9999px;}

/* 프린트 css 추가 */
button.print{margin-right:10px;border-radius:0;}
button.print>span{width:28px; line-height:27px; background:url("../images/print.png") center no-repeat;text-indent:-9999px;}

/* barcode css 추가 */
button.barcode{margin-right:10px;border-radius:0;}
button.barcode>span{width:28px; line-height:27px; background:url("../images/barcode.png") center no-repeat;text-indent:-9999px;}

/* 등록 css 추가 */
button.plus{margin-right:10px;border-radius:0;}
button.plus>span{width:28px; line-height:27px; background:url("../images/plus.png") center no-repeat;text-indent:-9999px;}

/* 삭제 css 추가 */
button.del{margin-right:10px;border-radius:0;}
button.del>span{width:28px; line-height:27px; background:url("../images/del.png") center no-repeat;text-indent:-9999px;}

/* 노출 css 추가 */
button.exposure{margin-right:10px;border-radius:0;}
button.exposure>span{width:28px; line-height:27px; background:url("../images/baseline.png") center no-repeat;text-indent:-9999px;}

/* 노출 css 추가 */
button.stamp{margin-right:10px;border-radius:0;}
button.stamp>span{width:28px; line-height:27px; background:url("../images/stamp.png") center no-repeat;text-indent:-9999px;}

/* copy css 추가 */
button.copy_btn{margin-right:10px; border-radius:0;}
button.copy_btn>span{width:28px; line-height:27px; background:url("../images/copy.png") center no-repeat;text-indent:-9999px;}

/* button icon */
button.icon{width:16px; height:16px; border:0; background-image:url("../images/icon_set.png"); background-color:transparent;}
button.icon:before,
button.icon:after{content:none;}
button.icon>span{display:none;}
button.icon.qmessage{background-position:-360px -168px;}
button.icon.edit{background-position:-8px -232px;}
button.icon.del{background-position:-136px -360px;}
button.icon.delete{background-position:-72px -232px;}
button.icon.save{background-position:-40px -232px;}
button.icon.cancel{background-position:-393px -200px;}
button.icon.duplicate{background-position:-104px -232px;}
button.icon[disabled]{opacity:0.3;}
button.icon~button.icon.cancel,
button.icon~button.icon.delete{margin-left:8px;}


.out-icon{position: absolute;top:11px;right:0;}
.out-icon2 {position:absolute; top:6px; right:0; }

/* ==========================================================================
	Font-Awesome+css 추가
========================================================================== */

.white{color: #fff;}
.fa-lg{vertical-align: middle !important;padding-bottom: 3px;}
.icon-svg{vertical-align: middle;padding-bottom: 7px;}


/* ==========================================================================
	button-color style
========================================================================== */
/* button style - black */
button.black{border:1px solid #111; background-color:#333;}
button.black:before{top:-20px; box-shadow:0 10px 10px rgba(255,255,255,0.2);}
button.black span{color:#fff;}
/* button style - yellow */
button.yellow{border:1px solid #cba957; background-color:#f0c14b;}
button.yellow:before{top:-20px; box-shadow:0 10px 10px rgba(255,255,255,0.2);}
button.yellow span{color:#333;}
.pop>.header button.yellow,
.pop>.footer button.yellow{border:1px solid #593f00;}
/* button style - red */
button.red{border:1px solid #ca2228; background-color:#ec444a;}
button.red:before{top:-20px; box-shadow:0 10px 10px rgba(255,255,255,0.2);}
button.red span{color:#fff;}
/* button style - orange */
button.orange{border:1px solid #de7e31; background-color:#ec8f44;}
button.orange:before{top:-20px; box-shadow:0 10px 10px rgba(255,255,255,0.2);}
button.orange span{color:#fff;}
/* button style - blue */
button.blue{border:1px solid #1d88bc; background-color:#2a9ed7;}
button.blue:before{top:-20px; box-shadow:0 10px 10px rgba(255,255,255,0.2);}
button.blue span{color:#fff;}

/* button style - line */
button.line{border:1px solid #fff; background-color:transparent;}
button.line:before{content:none;}
button.line:hover{background-color:transparent;}
button.line:active{background-color:transparent; box-shadow:0 1px 3px rgba(0,0,0,0.5) inset;}
button.line span{color:#fff;}
/* button style - trans */
button.trans{border:1px solid #777; background-color:transparent;}
button.trans:before{content:none;}
button.trans:hover{background-color:transparent;}
button.trans:active{background-color:transparent;}
button.trans span{color:#aaa;}
/* button style - member: sign out */
button.member{border-color:#2a3145;}
button.member:hover{border-color:#111;}
button.member:active{border-color:#000;}
button.member span{padding:0 5px; line-height:19px; font-size:10px; font-weight:400;}
/* button style - disabled */
button[disabled]{cursor:default; opacity:0.5;}
button[disabled]:hover:after{content:none;}
button[disabled]:active{box-shadow:none !important;}
button[disabled]:active:before{content:'';}
button[disabled]:active:after{content:none;}

/* scroll style - only chrome */
textarea::-webkit-scrollbar-track{background-color:transparent;}
textarea::-webkit-scrollbar{width:5px; height:5px; background-color:transparent;}
textarea::-webkit-scrollbar-thumb{border-radius:2px; background-color:rgba(0,0,0,0.2);}

/* placeholder */
::-webkit-input-placeholder{position:relative; color:#ccc !important;font-weight:normal;}
::-moz-placeholder{position:relative; color:#ccc !important;font-weight:normal;}
:-ms-input-placeholder{position:relative; color:#ccc !important;font-weight:normal;}
:-moz-placeholder{position:relative; color:#ccc !important;font-weight:normal;}
input>#placeholder{margin-top:-10px;}


/*******************************
             popup
*******************************/
.white_bg{display:none; position:fixed; z-index:99; top:0; left:0; width:100%; height:100%; background:url("../images/white_opacity70.png"); overflow:auto;}
.white_bg.search{top:32px;}
.white_bg.navout{top:87px;}
.black_bg{display:none; position:fixed; z-index:99; top:0; left:0; width:100%; height:100%; background:url("../images/black_opacity70.png");}
.black_bg.nav{display:block; z-index:9; top:87px; opacity:0.75;}
.red_bg{display:none; position:fixed; z-index:100; top:0; left:0; width:100%; height:100%; background-color:#f0696e; opacity:0.25;}

/**** 주석처리
.arrow{display:inline-block; position:relative; margin-bottom:-5px; width:0; height:0; -webkit-transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.arrow.expand{margin:0; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg);}
.arrow:before,
.arrow:after{content:''; position:absolute; top:0; width:10px; height:2px; background-color:#000;}
.arrow:before{left:-1px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin:top left; -moz-transform-origin:top left; transform-origin:top left}
.arrow:after{right:-1px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin:top right; -moz-transform-origin:top right; transform-origin:top right;}
*******/



/*####################
Popup Layer
######################*/
.pop{display:none; position:absolute; z-index:100; left:50%; top:20px; bottom:20px; border-radius:5px; background-color:#ebf7e0;}
.pop.full{left:20px; right:20px; margin:0; width:auto;}
.pop.fit{top:50%; bottom:auto;}
.pop.big{left:50%; margin-left:-495px; width:1600px;}
.pop.pop-big{left:50%; margin-left:-495px; width:1300px;}

.pop.large{left:50%; margin-left:-495px; width:990px;}
.pop.medium{left:50%; margin-left:-375px; width:880px;}
.pop.small{left:50%; margin-left:-275px; width:550px;}

.pop.pop-small{left:50%; margin-left:-275px; width:300px;}

.pop>.header{position:relative !important; margin:0 !important; padding:10px 15px;}
.pop>.header h1{display:inline-block; line-height:1; color:#77ac44; font-family:'Open Sans', 'NanumSquare'; font-size:27px; font-weight:600; vertical-align:middle; letter-spacing:-0.5px;margin-top: 0;}
.pop>.header h2{display:inline-block; margin-left:10px; color:#555; font-size:16px; font-weight:400; vertical-align:middle;}
.pop>.header button{position:absolute; top:15px; right:15px;}
.pop>.header .func{position:absolute; top:8px; right:8px; font-size:0;}
.pop>.header .func>.cell{position:relative; padding:10px;}
.pop>.header .func>.cell:before{content:''; position:absolute; left:0; top:15px; bottom:18px; border-left:1px dotted #fff; opacity:0.1;}
.pop>.header .func>.cell:first-child:before{content:none;}
.pop>.header .func>.close_sub, .pop>.header .func>.close_id,
.pop>.header .func>.close{display:block;}
.pop>.header .func>div>label.active{margin:0 5px;}
.pop>.header .func>div>label.active>span{color:#8f9ab1;}

.pop>.header .tit_area { position: absolute; margin-top: -36px; padding-left: 114px;}
.pop>.create_area{position:absolute; top:47px; left:10px; right:10px; bottom:45px; border-radius:5px; background-color:#fff; overflow:hidden;}

#pop_my_info>.create_area table tr span {position: relative;}
/*
#pop_my_info>.create_area table tr span:before { content: ""; position: absolute; width: 16px; height: 17px; background-image: url(../images/icon_set_v2.png); background-position: -104px -230px; margin-top:2px; margin-left:-17px;}
*/
.pop.fit>.create_area{position:relative; top:auto; bottom:auto; left:auto; right:auto; margin:0 10px 45px 10px;padding: 10px;}
.pop.full>.create_area{bottom:10px;}
.pop .basic{padding:10px 0; width:100%;}
.pop dl>dt{width:80px; text-align:right;}
.pop dl>dt:first-child{padding-right:0; border-left:0;}
.pop dl>dt.star:before{content:'* '; color:#f0696e; vertical-align:middle;}
.pop dl>dd{position:relative; width:calc(100% - 80px);}
.pop dl.col2>dd{width:calc(50% - 80px);}
.pop dd textarea{width:100%; font-size:12px;}
.pop .basic.block{display:block;}
.pop .basic.block dl{display:block; margin:0; padding:10px; border-top:1px solid #d5e0ee;}
.pop .basic.block dl:first-child{padding-top:0; border-top:0;}
.pop .basic.block dl>dt{display:block; padding:5px 10px; border:0; color:#555; font-size:15px; font-weight:500; text-align:left;}
.pop .basic.block dl>dd{display:block; width:auto;}
.pop .set_area{padding:30px;}
.pop .set_area .basic{padding-top:0; background-color:transparent; border:0;}
.pop .set_area .basic dd{padding:0;}

/* popup layer - select curriculum */
.pop .uniform{padding:15px;}
.pop .uniform>label{display:inline-block; position:relative; margin:10px; font-size:13px; font-weight:normal; text-align:center; cursor:pointer;}
.pop .uniform>label>input{display:none;}
.pop .uniform>label>span{display:block; position:relative; padding:0; height:auto; text-align:center;}
.pop .uniform>label>span>img{display:block; width:100%; height:100%;}
.pop .uniform>label>span:before{content:''; position:absolute; top:0; bottom:0; left:0; right:0; border:1px solid rgba(0,0,0,0.1);}
.pop .uniform>label>span:after{content:''; position:absolute; top:-10px; left:-10px; margin:0; width:24px; height:24px; background-image:url(../../img/admin/icon_set.png); vertical-align:middle;}
.pop .uniform>label>input+span:after{background-position:-196px -68px;}
.pop .uniform>label>input:checked+span:after{z-index:3; background-position:-196px -100px;}
.pop .uniform>label>input:disabled+span{cursor:default;}
.pop .uniform>label i{position:absolute; z-index:1; bottom:0; left:0; right:0; height:23px; line-height:21px; color:#fff; font-size:11px; font-style:normal; background-image:url(../../img/black_opacity70.png);}
.pop .uniform.banner{text-align:center;}
.pop .uniform.banner>label{margin:12px 25px 12px 15px; width:70px;}
.pop .uniform.banner>label>span{padding-top:78px; color:#888; font-size:11px;}
.pop .uniform.banner>label>input:checked+span{color:#333; font-weight:500;}
.pop .uniform.banner>label>span:before{bottom:auto; right:auto; left:50%; margin-left:-35px; width:70px; height:74px; border:0; background-image:url(../../img/admin/banner_wireframe.svg);}
.pop .uniform.banner>label>span:after{left:50%; margin-left:-45px;}
.pop .uniform.banner>label>#top_fixed+span:before{background-position:-5px -3px;}
.pop .uniform.banner>label>#main_rolling+span:before{background-position:-85px -3px;}
.pop .uniform.banner.math>label>#main_rolling+span:before{background-position:-85px -83px;}
.pop .uniform.banner>label>#main_fixed+span:before{background-position:-165px -3px;}
.pop .uniform.banner.abroad>label>#main_fixed+span:before{background-position:-165px -83px;}
.pop .uniform.banner>label>#go_link+span:before{background-position:-245px -3px;}


/* popup layer - upload image */
.pop .edit_thumb{padding:20px; font-size:0;}
.pop .edit_thumb h3{padding-bottom:5px; color:#777; font-weight:500; text-align:left;}
.pop .edit_thumb h3 b{display:inline-block; margin-right:3px; padding:0 5px; line-height:16px; background-color:#77ac44; border-radius:2px; color:#fff; font-size:11px; font-weight:400;}
.pop .upload_img{position:relative; margin-bottom:15px; height:65px; border-bottom:1px dashed #ddd; overflow:hidden;}
.pop .upload_img .file_input{padding-right:100px;}
.pop .upload_img .file_input button{width:100px;}
.pop .crop_img{display:inline-block; position:relative; margin:0 30px 15px 0;}
.pop .crop_img .frame{display:inline-block; cursor:crosshair;}
.pop .edit_thumb.golink .crop_img .frame{width:600px;}
.pop .edit_thumb.news .crop_img .frame{width:650px;}
.pop .edit_thumb.logo .crop_img .frame,
.pop .edit_thumb.face .crop_img .frame,
.pop .edit_thumb.program .crop_img .frame{width:480px; min-height:320px;}
.pop .crop_img .frame>img{width:100%;}
.pop .crop_img button{margin-top:15px;}
.pop .thumb_img{display:inline-block; vertical-align:top;}
.pop .thumb_img .thumb{overflow:hidden; border:1px solid #000;}
.pop .edit_thumb.golink .thumb_img .thumb{width:400px; height:250px;}
.pop .edit_thumb.news .thumb_img .thumb{width:200px; height:150px;}
.pop .edit_thumb.logo .thumb_img .thumb{width:120px; height:80px;}
.pop .edit_thumb.face .thumb_img .thumb{width:112px; height:112px;}
.pop .edit_thumb.program .thumb_img .thumb{width:160px; height:160px;}
.pop .thumb_img h4{margin:5px 0 20px 0; font-size:12px; font-weight:400;}
.pop .thumb_img .upload_btn{margin-top:20px; text-align:center;}
.pop .edit_thumb.logo .thumb_img .upload_btn{text-align:left;}

/* popup layer - footer */
.pop>.footer{position:absolute; left:0; right:0; bottom:7px; text-align:center;}

/* popup layer - color skin */
.pop.blue{border:1px solid #2f3d58; background-color:#415171;}
.pop.blue>.header h1{color:#ffe6b5; font-weight:300;}
.pop.blue>.header h2{color:#fff; font-weight:300;}
.pop.blue .close_sub, .pop.blue .close_id,
.pop.blue .close{background-position:-448px -64px;}
.pop .use{opacity:0.75;}

#saving{display:none; position:absolute; z-index:100; top:50%; left:50%; margin:0 0 0 -75px; padding:20px; width:150px; border-radius:5px; color:#fff; font-size:24px; text-align:center;}
.ui-draggable-handle{cursor:move;}


.close_sub, .close_id,
.close{display:none; /* position:absolute; top:0; right:0;  */width:32px; height:32px; text-indent:-9999px; background-image:url("../images/icon_set.png"); background-position:-448px -96px; cursor:pointer; opacity:0.5;}
.close_id:hover,
.close_sub:hover,
.close:hover{opacity:0.9;}



/* ==========================================================================
	Popup contant
========================================================================== */

.create_area .left-side {float:left;width:460px; }
.create_area .right-side {float:right;width: calc(100% - 460px - 0.1%); margin-left:0.1%; }

.create_area .pop-left-side{float: left;width: 50%;}
.create_area .pop-right-side{float: right;width:calc(100% / 2 - 1%);margin-left: 1%;}

.create_area .column {padding:10px 12px 10px 0;}
.create_area .pop-right-side .column,
.create_area .pop-right-side-half .column{padding:10px 0 10px 5px;}

.create_area .default-table table {width:100%;}
.create_area .default-table table th {text-align:left;padding: 8px 0; font-size:11px; color:#666;font-weight: normal;vertical-align:middle;}
.create_area .default-table table td {height:24px; padding:1px 0; font-size:11px;}
.create_area .default-table table th.va-t {padding-top:4px;}
.create_area .both-wrap {position:relative; margin-top:3px;}
.create_area .both-wrap:first-child {margin-top:0;}
.create_area .both-wrap:after {display:block; clear:both; content:"";}
.create_area .both-wrap > .col {float:left;}
.create_area .both-wrap.two > .col {width:49%; margin-left:2%;} 
.create_area .both-wrap.two > .col:first-child {margin-left:0;}
.create_area .inner-box {overflow:hidden; overflow-x:auto; overflow-y:auto;}

.create_area .left-side-half {float:left;width:50%; }
.create_area .right-side-half { float:right;width: calc(100% - 50% - 0.1%); margin-left:0.1%;}

.create_area .pop-left-side.xsmall{float: left;width: 30%;}
.create_area .pop-right-side.xsmall{float: right;width:calc(100% - 30% - 1%);margin-left: 1%;}

.create_area .pop-left-side.small{float: left;width: 30%;}
.create_area .pop-right-side.small{float: right;width:calc(100% - 30% - 0.5%);margin-left: 0.5%;}

.create_area .pop-left-side-half { float:left;width:45%;}
.create_area .pop-right-side-half {float:right;width: calc(100% - 45% - 0.5%); margin-left:0.5%; }

.create_area .pop-left-side-half.medium { float:left;width:40%;}
.create_area .pop-right-side-half.medium {float:right;width: calc(100% - 40% - 0.5%); margin-left:0.5%; }

.create_area .pop-left-side-half.large { float:left;width:40%;}
.create_area .pop-right-side-half.large {float:right;width: calc(100% - 40% - 0.5%); margin-left:0.5%; }

.create_area .pop-left-side.medium{float: left;width: 70%;}
.create_area .pop-right-side.medium{float: right;width:calc(100% - 70% - 1%);margin-left: 1%;}


#container .both-wrap span.select2{width: 100% !important;}
.pop .default-table span.select2{width: 100% !important;}


/* ==========================================================================
	contents style
========================================================================== */
#container .default-table table {width:100%;background: #fff; }
#container .default-table table th {text-align:left; font-size:11px; color:#999;font-weight: 500;vertical-align:middle;}
#container .default-table table td {height:32px; padding:1px 0; font-size:11px;}
#container .default-table table th.va-t {padding-top:4px;}
#container .both-wrap {position:relative; margin-top:3px;}
#container .both-wrap:first-child {margin-top:0;}
#container .both-wrap:after {display:block; clear:both; content:"";}
#container .both-wrap > .col {float:left;}
#container .both-wrap.two > .col {width:49%; margin-left:2%;} 
#container .both-wrap.two > .col:first-child {margin-left:0;}
#container .inner-box {overflow:hidden; overflow-x:auto; overflow-y:auto;}

.title-area {position:relative; margin-bottom:10px;background: #a7a7a7;border-radius: 3px;padding: 5px 5px 7px;box-sizing: border-box;}
.title-area .title {font-size:12px; color:#fff; margin:0;}
.title-area .title span {display:inline-block; color:#fff; font-size:12px; font-weight:bold;} 
.title-area .util {position:absolute; top:-5px; right:0;}
.title-area .util.util-ab{position:absolute; top:3px; right:4px;}

.title-area.sub-title-area {background: none;padding-bottom:3px; border-bottom:1px solid #82acc2;border-radius: 0;}
.title-area.sub-title-area .title {color:#3f7fa0; font-size:11px;}


#container .default-table .table tbody td.table_btn{padding: 6px 7px 3px !important;border: 1px dotted #ccc;text-align: center;box-sizing: border-box;}
#container .default-table .table tbody td.por{position: relative;}
#container .default-table .table tbody td .table_link{display: inline-block;position: absolute;left:5px;}
#container .default-table .table tbody td .table_link img{cursor: pointer;}


#container .default-table table.table_type {width:100%;background: none !important;}
#container .default-table table.table-exam td{padding: 3px 10px;}

table tr.total{background: #fbf2dd  !important;}

/* ==========================================================================
	datepicker style
========================================================================== */
.datepicker-inner{position: relative;display: inline-block;}
.ui-datepicker-trigger{	position: absolute;right: 0.5rem;top: .3rem;}


/*####################
jQuery UI Wickedpicker
######################*/
.wickedpicker{display:none; position:absolute; z-index:100; margin:0 auto; width:140px; border:1px solid #999; border-radius:3px; background:#fefefe; font-size:14px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.wickedpicker__title{font-size:0; text-indent:-9999px;}
.wickedpicker__close{position:absolute; top:0; right:0; width:24px; height:24px; cursor:pointer;}
.wickedpicker__close:before{content:''; display:block; position:absolute; top:50%; left:50%; margin:-6px 0 0 -6px; width:12px; height:12px;background-image:url("../images/icon_set_proto.png"); background-position:-296px -296px; opacity:0.5;}
.wickedpicker__close:hover:before{opacity:0.8;}
.wickedpicker__controls__control--hours,
.wickedpicker__controls__control--minutes{display:block; font-size:16px;}
.wickedpicker__controls{margin:0; padding:10px 0; text-align:center;}
.wickedpicker__controls__control, 
.wickedpicker__controls__control--separator{display:inline-block; margin:0 auto; width:35px; font-size:inherit; letter-spacing:1.3px; vertical-align: middle;}
.wickedpicker__controls__control-up,
.wickedpicker__controls__control-down{display:block; position:relative; margin:3px auto; height:12px; cursor:pointer;}
.wickedpicker__controls__control-up:before,
.wickedpicker__controls__control-up:after,
.wickedpicker__controls__control-down:before,
.wickedpicker__controls__control-down:after{content:''; position:absolute; top:50%; left:50%; margin-left:-8px; border:8px solid transparent;}
.wickedpicker__controls__control-up:before{margin-top:-4px; border-top:0; border-bottom-color:#777;}
.wickedpicker__controls__control-down:before{margin-top:-4px; border-bottom:0; border-top-color:#777;}
.wickedpicker__controls__control-up:after{margin-top:-2px; border-top:0; border-bottom-color:#fff;}
.wickedpicker__controls__control-down:after{margin-top:-6px; border-bottom:0; border-top-color:#fff;}
.wickedpicker__controls__control-up:hover:before{border-bottom-color:#308bc7;}
.wickedpicker__controls__control-down:hover:before{border-top-color:#308bc7;}
.wickedpicker__controls__control--separator{width:5px; font-size:16px;}


/* ==========================================================================
	width style
========================================================================== */

/* width */
.w10pc {width:10% !important;}
.w20pc {width:20% !important;}
.w21pc {width:20% !important;}
.w22pc {width:20% !important;}
.w23pc {width:23% !important;}
.w25pc {width:25% !important;}
.w25-5pc {width:25.5% !important;}
.w27pc {width:27% !important;}
.w28pc {width:28% !important;}
.w29pc {width:29% !important;}
.w30pc {width:30% !important;}
.w31pc {width:31% !important;}
.w32pc {width:32% !important;}
.w32-7pc {width:32.7% !important;}
.w33pc {width:33% !important;}
.w34pc {width:34% !important;}
.w35pc {width:35% !important;}
.w37pc {width:37% !important;}
.w38pc {width:38% !important;}
.w40pc {width:40% !important;}
.w41pc {width:41% !important;}
.w43pc {width:43% !important;}
.w47pc {width:47% !important;}
.w48pc {width:48% !important;}
.w49pc {width:49% !important;}
.w49-9pc {width:49.9% !important;}
.w50pc {width:50% !important;}
.w51pc {width:51% !important;}
.w53-8pc {width:53.8% !important;}
.w55pc {width:55% !important;}
.w56pc {width:56% !important;}
.w58pc {width:58% !important;}
.w60pc {width:60% !important;}
.w64pc {width:64% !important;}
.w65pc {width:65% !important;}
.w68pc {width:68% !important;}
.w68-6pc {width:68.6% !important;}
.w68-9pc {width:68.9% !important;}
.w69pc {width:69% !important;}
.w70pc {width:70% !important;}
.w70-63pc {width:70.63% !important;}
.w71pc {width:71% !important;}
.w72pc {width:72% !important;}
.w74pc {width:74% !important;}
.w75pc {width:75% !important;}
.w77pc {width:77% !important;}
.w79pc {width:79% !important;}
.w80pc {width:80% !important;}
.w81pc {width:81% !important;}
.w82pc {width:82% !important;}
.w84pc {width:84% !important;}
.w86pc {width:86% !important;}
.w87pc {width:87% !important;}
.w88pc {width:88% !important;}
.w90pc {width:90% !important;}
.w100pc {width:100% !important;}

.w20px {width:20px !important;}
.w30px {width:30px !important;}
.w40px {width:40px !important;}
.w45px {width:45px !important;}
.w50px {width:50px !important;}
.w55px {width:55px !important;}
.w57px {width:57px !important;}
.w58px {width:58px !important;}
.w60px {width:60px !important;}
.w65px {width:65px !important;}
.w70px {width:70px !important;}
.w72px {width:72px !important;}
.w73px {width:73px !important;}
.w75px {width:75px !important;}
.w76px {width:76px !important;}
.w80px {width:80px !important;}
.w82px {width:82px !important;}
.w85px {width:85px !important;}
.w87px {width:87px !important;}
.w90px {width:90px !important;}
.w93px {width:93px !important;}
.w95px {width:95px !important;}
.w96px {width:96px !important;}
.w100px {width:100px !important;}
.w104px {width:104px !important;}
.w105px {width:105px !important;}
.w106px {width:106px !important;}
.w107px {width:107px !important;}
.w110px {width:110px !important;}
.w115px {width:115px !important;}
.w116px {width:116px !important;}
.w117px {width:117px !important;}
.w120px {width:120px !important;}
.w122px {width:122px !important;}
.w125px {width:125px !important;}
.w128px {width:128px !important;}
.w130px {width:130px !important;}
.w131px {width:131px !important;}
.w134px {width:134px !important;}
.w140px {width:140px !important;}
.w143px {width:143px !important;}
.w145px {width:145px !important;}
.w150px {width:150px !important;}
.w152px {width:152px !important;}
.w154px {width:154px !important;}
.w155px {width:155px !important;}
.w156px {width:156px !important;}
.w157px {width:157px !important;}
.w160px {width:160px !important;}
.w161px {width:161px !important;}
.w162px {width:162px !important;}
.w165px {width:165px !important;}
.w166px {width:166px !important;}
.w167px {width:167px !important;}
.w168px {width:168px !important;}
.w169px {width:169px !important;}
.w170px {width:170px !important;}
.w171px {width:171px !important;}
.w172px {width:172px !important;}
.w174px {width:174px !important;}
.w178px {width:178px !important;}
.w180px {width:180px !important;}
.w184px {width:184px !important;}
.w185px {width:185px !important;}
.w186px {width:186px !important;}
.w187px {width:187px !important;}
.w189px {width:189px !important;}
.w190px {width:190px !important;}
.w196px {width:196px !important;}
.w200px {width:200px !important;}
.w203px {width:203px !important;}
.w205px {width:205px !important;}
.w206px {width:206px !important;}
.w207px {width:207px !important;}
.w210px {width:210px !important;}
.w214px {width:214px !important;}
.w220px {width:220px !important;}
.w221px {width:221px !important;}
.w222px {width:222px !important;}
.w229px {width:229px !important;}
.w230px {width:230px !important;}
.w234px {width:234px !important;}
.w238px {width:238px !important;}
.w240px {width:240px !important;}
.w250px {width:250px !important;}
.w253px {width:253px !important;}
.w255px {width:255px !important;}
.w260px {width:260px !important;}
.w270px {width:270px !important;}
.w274px {width:274px !important;}
.w280px {width:280px !important;}
.w290px {width:290px !important;}
.w295px {width:295px !important;}
.w300px {width:300px !important;}
.w304px {width:304px !important;}
.w310px {width:310px !important;}
.w318px {width:318px !important;}
.w320px {width:320px !important;}
.w325px {width:325px !important;}
.w327px {width:327px !important;}
.w330px {width:330px !important;}
.w335px {width:335px !important;}
.w340px {width:340px !important;}
.w350px {width:350px !important;}
.w360px {width:360px !important;}
.w365px {width:365px !important;}
.w370px {width:370px !important;}
.w375px {width:375px !important;}
.w380px {width:380px !important;}
.w390px {width:390px !important;}
.w400px {width:400px !important;}
.w405px {width:405px !important;}
.w410px {width:410px !important;}
.w420px {width:420px !important;}
.w430px {width:430px !important;}
.w440px {width:440px !important;}
.w443px {width:443px !important;}
.w445px {width:445px !important;}
.w450px {width:450px !important;}
.w455px {width:455px !important;}
.w460px {width:460px !important;}
.w470px {width:470px !important;}
.w480px {width:480px !important;}
.w490px {width:490px !important;}
.w495px {width:495px !important;}
.w500px {width:500px !important;}
.w510px {width:510px !important;}
.w520px {width:520px !important;}
.w530px {width:530px !important;}
.w540px {width:540px !important;}
.w550px {width:550px !important;}
.w557px {width:557px !important;}
.w560px {width:560px !important;}
.w595px {width:595px !important;}
.w570px {width:570px !important;}
.w580px {width:580px !important;}
.w586px {width:586px !important;}
.w590px {width:590px !important;}
.w595px {width:595px !important;}
.w600px {width:600px !important;}
.w610px {width:610px !important;}
.w620px {width:620px !important;}
.w630px {width:630px !important;}
.w635px {width:635px !important;}
.w640px {width:640px !important;}
.w650px {width:650px !important;}
.w660px {width:660px !important;}
.w670px {width:670px !important;}
.w680px {width:680px !important;}
.w685px {width:685px !important;}
.w690px {width:690px !important;}
.w700px {width:700px !important;}
.w720px {width:720px !important;}
.w723px {width:723px !important;}
.w725px {width:725px !important;}
.w730px {width:730px !important;}
.w740px {width:740px !important;}
.w750px {width:750px !important;}
.w760px {width:760px !important;}
.w794px {width:794px !important;}
.w800px {width:800px !important;}
.w820px {width:820px !important;}
.w860px {width:860px !important;}
.w880px {width:880px !important;}
.w885px {width:885px !important;}
.w890px {width:890px !important;}
.w900px {width:900px !important;}
.w910px {width:910px !important;}
.w920px {width:920px !important;}
.w930px {width:930px !important;}
.w936px {width:936px !important;}
.w950px {width:950px !important;}
.w1090px {width:1090px !important;}
.w1095px {width:1095px !important;}
.w1105px {width:1105px !important;}
.w1120px {width:1120px !important;}
.w1131px {width:1131px !important;}
.w1155px {width:1155px !important;}
.w1300px {width:1300px !important;}
.w1325px {width:1325px !important;}
.w1330px {width:1330px !important;}
.w1380px {width:1380px !important;}
.w1390px {width:1390px !important;}
.w1400px {width:1400px !important;}
.w1405px {width:1405px !important;}
.w1412px {width:1412px !important;}
.w1430px {width:1430px !important;}
.w1431px {width:1431px !important;}
.full57 {width:1857px !important;}
.full-one {width:1867px !important;}
.full-scroll {width:1893px !important;}



/* ==========================================================================
	height style
========================================================================== */

/* height */
.h20px {height:20px !important;}
.h25px {height:25px !important;}
.h26px {height:26px !important;}
.h30px {height:30px !important;}
.h32px {height:32px !important;}
.h36px {height:36px !important;}
.h40px {height:40px !important;}
.h49px {height:49px !important;}
.h50px {height:50px !important;}
.h60px {height:60px !important;}  
.h100px {height:100px !important;}
.h120px {height:120px !important;}
.h130px {height:130px !important;}
.h150px {height:150px !important;}
.h155px {height:155px !important;}
.h158px {height:158px !important;}
.h160px {height:160px !important;}
.h165px {height:165px !important;}
.h170px {height:170px !important;}
.h180px {height:180px !important;}
.h190px {height:190px !important;}
.h192px {height:192px !important;}
.h194px {height:194px !important;}
.h197px {height:197px !important;}
.h200px {height:200px !important;}
.h204px {height:204px !important;}
.h210px {height:210px !important;}
.h215px {height:215px !important;}
.h220px {height:220px !important;}
.h230px {height:230px !important;}
.h232px {height:232px !important;}
.h240px {height:240px !important;}
.h242px {height:242px !important;}
.h250px {height:250px !important;}
.h265px {height:265px !important;}
.h267px {height:267px !important;}
.h270px {height:270px !important;}
.h280px {height:280px !important;}
.h290px {height:290px !important;}
.h295px {height:295px !important;}
.h296px {height:296px !important;}
.h300px {height:300px !important;}
.h310px {height:310px !important;}
.h320px {height:320px !important;} 
.h330px {height:330px !important;}
.h332px {height:332px !important;}
.h340px {height:340px !important;}
.h347px {height:347px !important;}
.h350px {height:350px !important;}
.h357px {height:357px !important;}
.h360px {height:360px !important;}
.h365px {height:365px !important;}
.h367px {height:367px !important;}
.h370px {height:370px !important;}
.h380px {height:380px !important;}
.h390px {height:390px !important;}
.h391px {height:391px !important;}
.h400px {height:400px !important;}
.h410px {height:410px !important;}
.h420px {height:420px !important;}
.h425px {height:425px !important;}
.h430px {height:430px !important;}
.h440px {height:440px !important;}
.h450px {height:450px !important;}
.h455px {height:455px !important;}
.h460px {height:460px !important;}
.h470px {height:470px !important;}
.h490px {height:490px !important;}
.h500px {height:500px !important;}
.h507px {height:507px !important;}
.h520px {height:520px !important;}
.h530px {height:530px !important;}
.h536px {height:536px !important;}
.h540px {height:540px !important;}
.h550px {height:550px !important;}
.h552px {height:552px !important;}
.h556px {height:556px !important;}
.h560px {height:560px !important;}
.h570px {height:570px !important;}
.h580px {height:580px !important;}
.h590px {height:590px !important;}
.h600px {height:600px !important;}
.h605px {height:605px !important;}
.h606px {height:606px !important;}
.h610px {height:610px !important;}
.h618px {height:618px !important;}
.h620px {height:620px !important;}
.h630px {height:630px !important;}
.h640px {height:640px !important;}
.h646px {height:646px !important;}
.h650px {height:650px !important;}
.h656px {height:656px !important;}
.h660px {height:660px !important;}
.h665px {height:665px !important;}
.h670px {height:670px !important;}
.h680px {height:680px !important;}
.h690px {height:690px !important;}
.h700px {height:700px !important;}
.h710px {height:710px !important;}
.h712px {height:712px !important;}
.h720px {height:720px !important;}
.h722px {height:722px !important;}
.h723px {height:723px !important;}
.h724px {height:724px !important;}
.h725px {height:725px !important;}
.h726px {height:726px !important;}
.h727px {height:727px !important;}
.h728px {height:728px !important;}
.h730px {height:730px !important;}
.h740px {height:740px !important;}
.h744px {height:744px !important;}
.h750px {height:750px !important;}
.h760px {height:760px !important;}
.h770px {height:770px !important;}
.h780px {height:780px !important;}
.h800px {height:800px !important;}
.h810px {height:810px !important;}
.h815px {height:815px !important;}
.h817px {height:817px !important;}
.h820px {height:820px !important;}
.h821px {height:821px !important;}
.h822px {height:822px !important;}
.h824px {height:824px !important;}
.h830px {height:830px !important;}
.h850px {height:850px !important;}
.h870px {height:870px !important;}
.h900px {height:900px !important;}
.h901px {height:901px !important;}
.h910px {height:910px !important;}
.h934px {height:934px !important;}
.h100pc {height:100% !important;}

/* ==========================================================================
	margin style
========================================================================== */

/* margin */
.mg00 {margin:0px !important;}
.mg05 {margin:5px !important;}
.mg10 {margin:10px !important;}
.mg15 {margin:15px !important;}
.mg20 {margin:20px !important;}
.mg30 {margin:30px !important;}
.mg-c {margin:0 auto !important;}

.ml00 {margin-left:0px !important;}
.ml02 {margin-left:2px !important;}
.ml03 {margin-left:3px !important;}
.ml04 {margin-left:4px !important;}
.ml05 {margin-left:5px !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;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}
.ml55 {margin-left:55px !important;}
.ml60 {margin-left:60px !important;}
.ml65 {margin-left:65px !important;}
.ml70 {margin-left:70px !important;}
.ml75 {margin-left:75px !important;}
.ml80 {margin-left:80px !important;}
.ml85 {margin-left:85px !important;}
.ml90 {margin-left:90px !important;}
.ml95 {margin-left:95px !important;}
.ml100 {margin-left:100px !important;}
.ml110 {margin-left:110px !important;}
.ml120 {margin-left:120px !important;}
.ml130 {margin-left:130px !important;}
.ml140 {margin-left:140px !important;}
.ml150 {margin-left:150px !important;}
.ml200 {margin-left:200px !important;}
.ml340 {margin-left:340px !important;}

.mr0-5pc {margin-right:0.5% !important;}
.mr1pc {margin-right:1% !important;}

.mr00 {margin-right:0px !important;}
.mr03 {margin-right:3px !important;}
.mr05 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr13 {margin-right:13px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr47 {margin-right:47px !important;}
.mr50 {margin-right:50px !important;}
.mr55 {margin-right:55px !important;}
.mr60 {margin-right:60px !important;}
.mr65 {margin-right:65px !important;}
.mr70 {margin-right:70px !important;}
.mr75 {margin-right:75px !important;}
.mr80 {margin-right:80px !important;}
.mr85 {margin-right:85px !important;}
.mr90 {margin-right:90px !important;}
.mr95 {margin-right:95px !important;}
.mr100 {margin-right:100px !important;}
.mr155 {margin-right:155px !important;}

.mt00 {margin-top:0px !important;}
.mt02 {margin-top:2px !important;}
.mt03 {margin-top:3px !important;}
.mt05 {margin-top:5px !important;}
.mt07 {margin-top:7px !important;}
.mt08 {margin-top:8px !important;}
.mt09 {margin-top:9px !important;}
.mt10 {margin-top:10px !important;}
.mt12 {margin-top:12px !important;}
.mt13 {margin-top:13px !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;}
.mt36 {margin-top:36px !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;}

.mb00 {margin-bottom:0px !important;}
.mb05 {margin-bottom:5px !important;}
.mb07 {margin-bottom:7px !important;}
.mb10 {margin-bottom:10px !important;}
.mb13 {margin-bottom:13px !important;}
.mb14 {margin-bottom:14px !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;}
.mb95 {margin-bottom:95px !important;}
.mb100 {margin-bottom:100px !important;}
.mb120 {margin-bottom:120px !important;}


/* ==========================================================================
	padding style
========================================================================== */

/* padding */
.pd00 {padding:0px !important;}
.pd05 {padding:5px !important;}
.pd10 {padding:10px !important;}
.pd15 {padding:15px !important;}
.pd20 {padding:20px !important;}
.pd25 {padding:25px !important;}
.pd30 {padding:30px !important;}
.pd40 {padding:40px !important;}
.pd50 {padding:50px !important;}
.pd60 {padding:60px !important;}

.pl00 {padding-left:0px !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;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;}
.pl55 {padding-left:55px !important;}
.pl60 {padding-left:60px !important;}
.pl65 {padding-left:65px !important;}
.pl70 {padding-left:70px !important;}
.pl75 {padding-left:75px !important;}
.pl80 {padding-left:80px !important;}
.pl85 {padding-left:85px !important;}
.pl90 {padding-left:90px !important;}
.pl95 {padding-left:95px !important;}
.pl100 {padding-left:100px !important;}

.pr00 {padding-right:0px !important;}
.pr03 {padding-right:3px !important;}
.pr04 {padding-right:4px !important;}
.pr05 {padding-right:5px !important;}
.pr06 {padding-right:6px !important;}
.pr10 {padding-right:10px !important;}
.pr11 {padding-right:11px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px !important;}
.pr55 {padding-right:55px !important;}
.pr60 {padding-right:60px !important;}
.pr65 {padding-right:65px !important;}
.pr70 {padding-right:70px !important;}
.pr75 {padding-right:75px !important;}
.pr80 {padding-right:80px !important;}
.pr85 {padding-right:85px !important;}
.pr90 {padding-right:90px !important;}
.pr95 {padding-right:95px !important;}
.pr100 {padding-right:100px !important;}

.pt00 {padding-top:0px !important;}
.pt04 {padding-top:4px !important;}
.pt05 {padding-top:5px !important;}
.pt07 {padding-top:7px !important;}
.pt08 {padding-top:8px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}
.pt55 {padding-top:55px !important;}
.pt60 {padding-top:60px !important;}
.pt65 {padding-top:65px !important;}
.pt70 {padding-top:70px !important;}
.pt75 {padding-top:75px !important;}
.pt80 {padding-top:80px !important;}
.pt85 {padding-top:85px !important;}
.pt90 {padding-top:90px !important;}
.pt95 {padding-top:95px !important;}
.pt100 {padding-top:100px !important;}

.pb00 {padding-bottom:0px !important;}
.pb04 {padding-bottom:4px !important;}
.pb05 {padding-bottom:5px !important;}
.pb08 {padding-bottom:8px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}
.pb55 {padding-bottom:55px !important;}
.pb60 {padding-bottom:60px !important;}
.pb65 {padding-bottom:65px !important;}
.pb70 {padding-bottom:70px !important;}
.pb75 {padding-bottom:75px !important;}
.pb80 {padding-bottom:80px !important;}
.pb85 {padding-bottom:85px !important;}
.pb90 {padding-bottom:90px !important;}
.pb95 {padding-bottom:95px !important;}
.pb100 {padding-bottom:100px !important;}


.block{display: block !important;}
.inline-block{display: inline-block !important;}
.inline-blocks{display: inline-block !important; width:100%;}
.flex{display:flex  !important;}

/* vertical-align */
.va-t {vertical-align:top !important;}
.va-m {vertical-align:middle !important;}

/* text-align */
.a-l {text-align:left !important;}
.a-r {text-align:right !important;}
.a-c {text-align:center !important;}
.a-j {text-align:justify !important;}

/* button group */
.btn-group {position:relative !important;}
.btn-group:before, .btn-group:after {content:'';}
.btn-group:after {clear:both; display:block;}
.btn-group.a-c a,
.btn-group.a-c .button {margin:0 3px 0 2px;}

/* font size */
.font-size-10{font-size:10px !important}
.font-size-11 {font-size:11px !important;}
.font-size-12 {font-size:12px !important;}
.font-size-13 {font-size:13px !important}
.font-size-14 {font-size:14px !important;}
.font-size-15 {font-size:15px !important;}
.font-size-16 {font-size:16px !important;}
.font-size-17 {font-size:17px !important;}
.font-size-18 {font-size:18px !important;}
.font-size-19 {font-size:19px !important;}
.font-size-20 {font-size:20px !important;}
.font-size-21 {font-size:21px !important;}
.font-size-22 {font-size:22px !important;}
.font-size-23 {font-size:23px !important;}
.font-size-24 {font-size:24px !important;}
.font-size-25 {font-size:25px !important}
.font-size-26 {font-size:26px !important}

/* font color */
.font-blue {color:#1f68a4 !important;}
.font-red {color:#e81002 !important;}
.font-orange {color:#e06d35 !important;}
.font-black {color:#333 !important;}
.font-green {color:#269129 !important;}
.font-white {color:#fff !important;}
.font-gray {color:#999 !important;}

table tr.font-blue td{color:#1f68a4 !important;}
table tr.font-red td{color:#e81002 !important;}
table tr.font-orange td{color:#e06d35 !important;}
table tr.font-black td{color:#333 !important;}
table tr.font-green td{color:#269129 !important;}
table tr.font-yellowgreen td{color:#99cc66 !important;}
table tr.font-white td{color:#fff !important;}
table tr.font-gray td{color:#999 !important;}
table tr.font-pink td{color:#cc6699 !important;}
table tr.font-brown td{color:#996633 !important;}


/* text */
.a-link {color:#236daa !important; text-decoration:underline !important;}
.a-link.noline {text-decoration:none !important;}

.bold {font-weight:bold !important;}

.under-line {text-decoration:underline !important;}

/* float */
.fl {float:left !important;}
.fr {float:right !important;}

/* overflow hidden */
.over-h {overflow:hidden !important;}

/* clear */
.clear {clear:both; display:block;}

/* line */
p.line {width:100%; height:1px; background-color:#eaeaeb; margin:7px 0;}
.right-dotted{border-right: 1px dotted #eee;}

.bt0{border-top:0 !important;}
.bb0{border-bottom:0 !important;}

.bl02{border-left: 1px solid #ccc !important;}

/* ==========================================================================
	style-css 추가
========================================================================== */
.setting{display: inline-block;}
.left-line-dotted{border-right: 1px dotted #ddd;}

.disabled{color:#d3d3d3 !important;}
.tip_line{display: inline-block;width: 100%;padding-top: 10px;border-top: 1px dotted #ddd;  }


/* ==========================================================================
	select2
========================================================================== */
/* select2 */
.select2-container .select2-selection--single{height:32px; border-color:#ddd; border-radius:0; outline:0;}
.select2-selection__rendered{padding-right:30px !important; font-size:13px;}
.select2-container--disabled .select2-selection__rendered{opacity:0.5;}
.select2-selection__arrow{bottom:1px; width:30px !important; height:auto !important;}
.select2-selection__arrow:before{content:''; position:absolute; top:50%; left:50%; margin:-8px 0 0 -8px; width:16px; height:16px; background-image:url("../images/icon_set.png"); background-position:-72px -169px;}
.select2-selection__arrow>b{display:none;}
.select2-results__group{padding:10px; background-color:#f7f7f7; font-size:14px; font-weight:500;}
.select2-container--default .select2-results__option[aria-selected=true]{position:relative; background-color:#f0696e; color:#fff;}
.select2-container--default .select2-results__option[aria-selected=true]:after{content:''; position:absolute; top:9px; right:9px; width:12px; height:9px; background-image:url(../images/icon_set.svg); background-position:-12px -86px; vertical-align:middle;}
.select2-container--default .select2-results__option .select2-results__option{padding-right:30px;}
.select2-dropdown{border-radius:0;}
.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#bbb; font-weight:400;}
/* select2 : multiple */
.select2-container--default .select2-selection--multiple{border-radius:0; border-color:#ddd;}
.select2-container--default .select2-selection--multiple:before{content:''; position:absolute; top:50%; right:8px; margin: -8px 0 0 -8px;width:16px; height:16px; background-image:url("../images/icon_set.png"); background-position:-72px -168px;}
.select2-container--default.select2-container--focus .select2-selection--multiple{border-color:#1d88bc;}
.select2-container--default.select2-container--focus.select2-container--disabled .select2-selection--multiple{border-color:#ddd;}
.select2-container--default .select2-search--inline .select2-search__field{margin-top:7px; width:auto !important; border:0 !important;}
.select2-container--default .select2-selection--multiple .select2-selection__choice{position:relative; padding:1px 21px 3px 9px; border-radius:10px; border:0; background-color:#1278bc; color:#fff;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{position:absolute; top:0; right:0; width:20px; height:20px; color:#fff !important; text-indent:-9999px; opacity:0.5 !important;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:before{content:'' !important; position:absolute; top:4px; right:2px; width:13px; height:13px; background-image:url("../images/icon_set.png"); background-position:-138px -170px;}

/* jQuery Date Range Picker */
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect{width:auto !important; background-image:url("../images/icon_select_arrow_gray.png") !important; background-repeat:no-repeat !important; background-size:13px auto !important; background-position:100% 50% !important; font-size:11px !important;}