@charset "utf-8";

/* ==========================================================================
  font-face
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

/* ==========================================================================
   Base styles & Helper
   ========================================================================== */
@import url(/assets/css/lib/normalize.min-2b3ac77ba346bc3ec115ab11971d2ed7.css);
@import url(/assets/css/lib/jquery-ui-1.10.4.custom.min-52aba3d16400ee87eee632d9e72ca13c.css);

/* base */
h1, h2, h3, h4, h5, h6, fieldset,ul, ol, dl, dt, dd, p, button, figure{margin:0;padding:0;}
html{}
body {font:normal 12px/1.5 'Noto Sans KR', "돋움", Dotum, Arial, Tahoma , Geneva, Verdana;color:#666;}
h1, h2, h3, h4, h5, h6, strong, b, th, dt{font-weight:Normal;font-family:'Noto Sans KR';}
legend, caption{width:0;height:0;visibility:hidden;font-size:0;line-height:0;}
em, a , input, textarea, keygen, select, button, isindex{font-style:normal;text-decoration:none;color:#666;}
fieldset, button{background:none;border:0px;}
ul,ol{overflow:hidden;}
li{list-style:none;}
img{vertical-align:middle;max-width:100%;}
table{width:100%;border-collapse:collapse;}
iframe{width:100%;vertical-align:middle;}
input, button{box-sizing:inherit;}
hr{border-width:1px 0 0 0;}
em, i{font-style:normal;}

/* Chrome, Safari용 스크롤 바 */
::-webkit-scrollbar{width:14px;height:14px;border:2px solid #fff;}
::-webkit-scrollbar-track{background:#ECF1EE;-webkit-border-radius:2px;border-radius:2px;}
::-webkit-scrollbar-thumb{width:14px;height:14px;background:#AEB7B4;}

/* ==========================================================================
   common
   ========================================================================== */
.block{display:block}
.inblock{display:inline-block}
.hide{display:none;}
.skip, .blind{position:absolute;overflow:hidden;visibility:hidden;width:0px;height:0px;font-size:0;line-height:0;text-indent:-9999px;}

.static{position:static;}
.relative{position:relative;}

.f_left{float:left !important;}
.f_right{float:right !important;}
.clear{clear:both;}

.p10{padding:10px;}
.p20{padding:20px;}

.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pt35{padding-top:35px;}
.pt40{padding-top:40px;}
.pt45{padding-top:45px;}
.pt50{padding-top:50px;}

.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}

.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl30{padding-left:30px;}
.pl20{padding-left:20px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}

.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr50{padding-right:50px;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}
.mt50{margin-top:50px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb45{margin-bottom:45px;}
.mb50{margin-bottom:50px;}

.ml5{margin-left:5px;}
.ml6{margin-left:6px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}

.hidden{overflow:hidden;}
.scroll{overflow-y:scroll;}
.no_bg{background:none !important;}
.ellipsis{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.op80{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.bgLayer{display:none; position:fixed; top:0; left:0; z-index:500; width:100%; height:100%; background:#333; opacity:0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=60);-moz-opacity: 0.6;-khtml-opacity: 0.6;}

.blur img{-webkit-filter:blur(6px);-moz-filter:blur(6px);filter:blur(6px);}
.grayscale img{
	filter: url(filters.svg#gray); /* Gecko and FF*/
	filter: gray; /* IE */
	-moz-filter: grayscale(1);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-webkit-filter: grayscale(1);}
a.grayscale:hover img, a.grayscale:focus img, a.grayscale:active img{
	filter: none;
	-moz-filter: none;
	-ms-filter: none;
	-o-filter: none;
	-webkit-filter: none;}

.normal{font-family:NG;}
.bold{font-family:'Noto Sans KR';color:#000;}
.bold_red{font-family:'Noto Sans KR';color:#f23d3d;}
.underline{text-decoration:underline;}
.t_eng{font-family:Arial, Tahoma , Geneva, Verdana;}
.t_num{font-family:Verdana;}

.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f25{font-size:25px;}
.f28{font-size:28px;}
.f30{font-size:30px;}

.lh32{line-height:32px;}

.t_white{color:#fff;}
.t_blk{color:#000;}
.t_gray{color:#999;}
.t_dgray{color:#333;}
.t_red{color:#FF3D71 !important;}
.t_green{color:#49AA85 !important;}
.t_org{color:#ff6740 !important;}
.t_blue{color:#4172c9;}

.t_center{text-align:center;}
.t_left{text-align:left;}
.t_right{text-align:right;}


/* skipNavi */
#skipNavi{position:relative;}
#skipNavi a {display:block;position:absolute;left:0;top:-30px;width:138px;text-align:center;color:#fff;background:#000;z-index:1000;}
#skipNavi a:focus, #skipNavi a:hover{top:0px;}

/* toTop */
#toTop { display:none; position:fixed; right:10px; bottom:10px; width:40px; height:40px; font-size:0; text-indent:-1000px; text-align:center; color:#fff; background:#49AA85; opacity:0.8; border-radius:20px;}
#toTop:hover, #toTop:focus, #toTop.hover {opacity:1;}
#toTop::after{content:'';display: block;width: 16px;height: 16px;box-sizing: border-box;-webkit-transform: rotate(45deg);transform: rotate(45deg);border-left:2px #fff solid;border-top:2px #fff solid;position: absolute;left:50%;top:50%;margin-left: -8px;margin-top: -5px;}

/* ==========================================================================
   form
   ========================================================================== */
label{display:inline-block;}
label input{margin-right:1px;}
label .lbl{display:inline-block;margin-right:15px;}
input[type=checkbox], input[type=radio]{vertical-align:middle;}
input[type=checkbox].checkbox, input[type=radio].radio{width:14px;height:14px;}
input[type=checkbox].checkbox:hover+.lbl, input[type=radio].radio:hover+.lbl,
input[type=checkbox].checkbox:focus+.lbl, input[type=radio].radio:focus+.lbl,
input[type=checkbox].checkbox:active+.lbl, input[type=radio].radio:active+.lbl,
input[type=checkbox].checkbox:checked+.lbl, input[type=radio].radio:checked+.lbl{font-family:'Noto Sans KR';}
/* input[type=checkbox].checkbox:checked+.lbl, input[type=radio].radio:checked+.lbl{color:#666666;} */
label.long{position:relative;padding-left:23px;}
label.long input{position:absolute;left:0;top:1px;}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"]{display:inline-block;height:22px;padding:1px 6px;line-height:22px;border:1px solid #b4b4b4;background:#fff;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s;vertical-align:middle;border-radius:3px;color:#666;}
input[type="file"]{display:inline-block;height:22px;padding:0 0;line-height:22px;border:1px solid #b4b4b4;background:#fff;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s;vertical-align:middle;border-radius:3px;color:#666;}
textarea{width:100%;height:54px;resize:none;line-height:1.5;border-radius:3px;}
select{-webkit-appearance:none;-webkit-border-radius:0;
	-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius: 0;
	display:inline-block;height:26px;line-height:1;padding:4px 6px;border:1px solid #ccc;background:#fff;vertical-align:middle;border-radius:3px;}
select:hover, textarea:hover, input[type="text"]:hover, input[type="password"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="date"]:hover, input[type="month"]:hover, input[type="time"]:hover, input[type="week"]:hover, input[type="number"]:hover, input[type="email"]:hover, input[type="url"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="color"]:hover {border-color:#777}
select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus {border-color:#777}
select:disabled, textarea:disabled, input[type="text"]:disabled, input[type="password"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="date"]:disabled, input[type="month"]:disabled, input[type="time"]:disabled, input[type="week"]:disabled, input[type="number"]:disabled, input[type="email"]:disabled, input[type="url"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="color"]:disabled {background:#f3f3f3;}
input[type="text"], input[type="password"],input[type="search"],select, option{color:#666666;}

.checkbox{position:relative;display:inline-block;margin:3px 0;cursor:pointer;vertical-align:middle;color:#222;font-size:16px;line-height:26px;}
.checkbox input{opacity:0;position:absolute;left:0;top:0;width:20px;height:20px;z-index:1;}
.checkbox input:checked,
.checkbox input:focus{outline:none! important;}

.checkbox input+.lbl{position:relative;margin-top:8px; top:2px;display:inline-block;line-height:20px;min-height:20px;padding:0 0 0 24px;font-weight:normal;vertical-align:middle;word-break:break-all;transform: translateY(-50%);top:50%;}
.checkbox.only input+.lbl{padding-left:24px;text-indent:-999em;font-size:0;}
.checkbox input+.lbl:before{content:'';border:1px solid #ccc;box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);background:#fff;display:inline-block;height:20px;width:20px;position:absolute;left:0;top:4px;box-sizing:border-box;}
.checkbox input+.lbl:after{content:'';display:inline-block;position:absolute;background-color:#fff;}
.checkbox input+.lbl:before{border-radius: 2px;}
.checkbox input+.lbl:after{border-radius: 0;width:8px;height:4px;top:7px;left:3px;border:2px solid #fff;border-top:none;border-right:none;background:transparent;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.checkbox input:checked+.lbl:before{border-color:#49AA85;background:#49AA85;}
.checkbox input:checked+.lbl:after{border-color:#fff;background: none;
top:14px;
left:4px;
-webkit-transform-origin: left top;
-webkit-transform: rotate(-45deg);
-moz-transform-origin: left top;
-moz-transform: rotate(-45deg);
animation-timing-function: ease-in-out;
animation-duration: .5s;
animation-name: checkmark;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-duration: .5s;
-webkit-animation-name: checkmark;
-moz-animation-timing-function: ease-in-out;
-moz-animation-duration: .5s;
}
@keyframes checkmark {
0% {height: 0;width: 0;opacity: 1;}
20% {width: 0;height: 4px;opacity: 1;}
40% { width: 8px;height: 4px;opacity: 1;}
100% { width: 8px;height: 4px;opacity: 1;}}

@-webkit-keyframes checkmark{
0% {height: 0;width: 0;opacity: 1;}
20% {width: 0;height: 4px;opacity: 1;}
40% { width: 8px;height: 4px;opacity: 1;}
100% { width: 8px;height: 4px;opacity: 1;}}

/*파일첨부*/
.input_file{display:inline-block}
.input_file > input{width:380px;vertical-align: middle;margin-right:5px}
.input_file .btn_file{display:inline-block;position:relative;}
.input_file .btn_file .button span{width:50px;}
.input_file .btn_file input{position:absolute;right:0;top:0;width:100%;height:100%;padding:0;margin:0;z-index:2;font-size:1em;cursor:pointer;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;}

/*spinner*/
.ui-spinner{position:relative;display:inline-block;padding:0 49px 0 0;height:24px !important;border:0 none;}
.ui-spinner .spinner{width:32px;height:22px;line-height:22px;padding:0px 3px;text-align:center;color:#333;font-family:'Noto Sans KR';vertical-align:top;}
.ui-spinner-button{position:absolute;top:0px;}
.ui-spinner-button .icon{display:block;width:24px;height:24px;text-indent:-999em;}
.ui-spinner-up{right:25px;background:#a21911 url(../images/common/btn_plus.png) no-repeat center;}
.ui-spinner-down{right:0px;background:#999999 url(../images/common/btn_minus.png) no-repeat center;}
.lbl.spn_lbl {font-family:'Noto Sans KR';color:#000;padding:0 9px}
.ui-state-hover{}
.ui-state-active{}

.spinner_wrap{}
.spinner_wrap .lbl.spn_lbl {font-family:'Noto Sans KR';color:#000;padding:0 8px;line-height:24px}
.spinner_wrap .spinner{width:32px;height:22px;line-height:22px;padding:0px 3px;text-align:center;color:#333;font-family:'Noto Sans KR';vertical-align:top;}
.spinner_wrap .btn_plus{display:inline-block;width:24px;height:24px;line-height:24px;text-indent:-999em;background:#a21911 url(../images/common/btn_plus.png) no-repeat center;margin-right:1px}
.spinner_wrap .btn_minus{display:inline-block;width:24px;height:24px;line-height:24px;text-indent:-999em;background:#999999 url(../images/common/btn_minus.png) no-repeat center;}


/* datepicker */
.hasDatepicker{width:66px;}
.datepicker_wrap{position: relative;border:1px #DFE4E1 solid;display: inline-block;padding-right:40px;border-radius: 4px;box-sizing: border-box;}
.datepicker_wrap + .datepicker_wrap{margin-left:30px;}
.datepicker_wrap + .datepicker_wrap::before{content:'~';position: absolute;left:-30px;top:0;line-height: 36px;width:30px;text-align: center;font-size:15px;}
.datepicker_wrap input{width:100%;border:0 !important;}
.ui-datepicker-trigger{display:inline-block;position: absolute;right:10px; top:50%;margin-top:-12px;width:24px;height:24px;margin-left:1px;background:url(/assets/images/common/icn_calendar_gray-c8f41f0eddb8157165cb71c3bab45a79.png) no-repeat center center;text-indent:-999em;vertical-align:middle;}

.button{display: inline-block;border-radius: 8px;text-align: center;border-radius:4px;letter-spacing: -0.025em;font-weight: 500;box-sizing:border-box;cursor:pointer;}
.button.btn_large{font-size:24px;width:100%;height:56px;line-height: 56px;}
.button.btn_green{background:#49AA85;color:#fff;}
.button.btn_gray{background:#AEB7B4;color:#fff;}
.button.btn_greenLine{background:#fff;color:#49AA85;border:1px #49AA85 solid;}
.button.btn_red{background:#FF3D71;color:#fff;}
.button.btn_redLine{border:1px solid #FF3D71;color:#FF3D71;background:#fff;}
.button.btn_apply{width:67px;position:relative;font-size:11px;line-height:15px;padding:6px 0;padding-left:10px;}
.button.btn_deny{width:67px;position:relative;font-size:11px;line-height:15px;padding:6px 0;padding-left:10px;}
.button.btn_apply:before{content:'';border-left:1px #fff solid;border-bottom:1px #fff solid;width:10px;height:6px;left:12px;top:50%; position:absolute; -webkit-transform:rotate(-50deg) translateY(-7px);transform:rotate(-50deg) translateY(-7px);}
.button.btn_deny i{width:10px;position:absolute;display:block;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%); left:3px;}
.button.btn_deny i:before,
.button.btn_deny i:after{content:'';width:10px;height:1px;background:#FF3D71;position:absolute;}
.button.btn_deny i:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.button.btn_deny i:after{-webkit-transform:rotate(135deg);transform:rotate(135deg);}

.button.btn_cancle{font-weight:bold;}

.button:active{-webkit-transform: scale(.95);transform: scale(.95);}

/* ==========================================================================
   Layout
   ========================================================================== */

html, body{height:100%;}
#wrap{min-width:320px;min-height:100%;position: relative;}
#header{position:fixed;left:0;top:0;width:100%;z-index:50;}
#logo{width:100%;padding:0 20px;height:60px; box-sizing: border-box;font-size:0;border-bottom:1px rgba(255,255,255,.25) solid;}
#logo a{font-size:0;position: relative;display: block;height:100%;}
#logo a img{max-width:100%;max-height:100%;position: relative;top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}

#header .user_info{padding:40px 10px 50px;text-align: center;}
#header .user_info .img_wrap{width:90px;height:90px;overflow: hidden;display: block;border-radius: 50%;border:1px rgba(255,255,255,.5) solid;margin: auto;}
#header .user_info strong{color:#fff;display: block;text-align: center;font-size:16px;font-weight: 700;letter-spacing: -0.025em;margin-top:16px;}
#header .btn_gnb{display: none;font-size:0;position: absolute;left:0;top:0;height:48px;width:48px;z-index:30;}
.wide #header .btn_gnb{display:block}
#header .btn_gnb a{display: block;width:100%;height:100%;position: relative;}
#header .btn_gnb a i{width: 14px;height:2px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;background:#fff;display: block;top:50%;position: absolute;left: 50%;margin-left:-7px;}
#header .btn_gnb a i:before, #header .btn_gnb a i:after{content:'';display: block;width: 14px;height:2px;background:#fff;position: absolute;transition-duration: 0.3s, 0.2s;transition-delay: 0.5s, 0s;-webkit-transition-duration: 0.3s, 0.2s;-webkit-transition-delay: 0.5s, 0s;}
#header.gnb_on .btn_gnb a i{background:none;transition:background 0s 0.3s;}
#header.gnb_on .btn_gnb a i:before{top:0;transform:rotate(45deg);transition-delay:0s, 0.3s;-webkit-transform:rotate(45deg);-webkit-transition-delay:0s, 0.3s;}
#header.gnb_on .btn_gnb a i:after{bottom:0;transform:rotate(-45deg);transition-delay:0s, 0.3s;-webkit-transform:rotate(-45deg);-webkit-transition-delay:0s, 0.3s;}


#header .btn_gnb a i:before{top: -7px;transition-property: top,transform;-webkit-transition-property: top,transform;}
#header .btn_gnb a i:after{bottom: -7px;transition-property: bottom,transform;-webkit-transition-property: bottom,transform;}

#header > div{margin-left:200px;border-left:1px solid #fff;padding:10px;overflow:hidden;}
.head_timer{float:left;}
.head_timer > div{float:left;}
.head_timer .date{margin-right:15px;padding-top:4px;}
.head_timer .date span{display:inline-block;margin-left:7px;}
.head_timer .date span:first-child{margin-left:0px;}
.head_timer .date b{position:relative;top:2px;margin-right:3px;font-family:Arial;font-weight:bold;font-size:20px;line-height:1;color:#333;letter-spacing:-2px;}
.head_info{float:right;padding-top:3px;color:#333;}
.head_info .button{margin-left:6px;padding:0 10px;height:22px;line-height:22px;}

#header.gnb_on #gnb{left:0;}
#gnb{position:fixed;left:0;top:0;width:270px;height:100%;background:#424643;transition: all 0.3s ease-in-out;z-index:12;}
#gnb > ul{}
#gnb > ul li{border-bottom:1px #ffffff1a solid;}
#gnb > ul li a{font-size:14px;line-height:20px;display: block;padding:15px 45px; color:rgba(255,255,255,.5);font-weight: 400;position:relative}
#gnb > ul li.active a{background:#fff;color:#49AA85;font-weight: 700;}
#gnb > ul li.active a:after{content: '';display: block;position: absolute;left: 0;height:100%;width:6px;top:0; background: #49AA85;}
#gnb > ul li a::before{content:'';display: block;position: absolute;top:50%;margin-top:-10px;left:20px; width:20px;height:20px;background-repeat: no-repeat;background-position:center;}

#gnb > ul li.reserve_menu a::before{background-image: url('/assets/images/common/icn_reserve_wh-21aa49cc3929674e5f437e32de02e95a.png');}
#gnb > ul li.reserve_menu.active a::before{background-image: url('/assets/images/common/icn_reserve_gr-4fffd0edb4eb34192bec84d7345fcb49.png');}
#gnb > ul li.history_menu a::before{background-image: url('/assets/images/common/icn_history_wh-16e3dd0195cc0c32ae09f49cf5949c1e.png');}
#gnb > ul li.history_menu.active a::before{background-image: url('/assets/images/common/icn_history_gr-4961763c33eb8b1b41749bd6c85e4de6.png');}
#gnb > ul li.count_menu a::before{background-image: url('/assets/images/common/icn_calculate_wh-0978cc47d613c9b18e5baf8633c75aa4.png');}
#gnb > ul li.count_menu.active a::before{background-image: url('/assets/images/common/icn_calculate_gr-581e262c7faded0f4065462e0a61ae6e.png');}

#gnb > ul li.calculate_info a::before{background-image: url('/assets/images/common/icn_calcul_no_off-4f5540a6392b9af2aa70e7391d0549d4.png');background-size:20px;}
#gnb > ul li.calculate_info.active a::before{background-image: url('/assets/images/common/icn_calcul_no_on-b01040f79cd7b5285cdf7d4217e2603b.png');background-size:20px;}
#gnb > ul li.calculate_contract a::before{background-image: url('/assets/images/common/icn_contract_off-19ccd6c8f21c3006059af58b83f14e46.png');background-size:20px;}
#gnb > ul li.calculate_contract.active a::before{background-image: url('/assets/images/common/icn_contract_on-8919ab2a23953d086496dd3fb1316ace.png');background-size:20px;}
#gnb > ul li.branch_info a::before{background-image: url('/assets/images/common/icn_calcul_no_off-4f5540a6392b9af2aa70e7391d0549d4.png');background-size:20px;}
#gnb > ul li.branch_info.active a::before{background-image: url('/assets/images/common/icn_calcul_no_on-b01040f79cd7b5285cdf7d4217e2603b.png');background-size:20px;}

.wide #gnb{position:fixed;left:-270px;top:48px;}
.wide #page_tit{text-align: center;position: fixed;top:0;height:48px;width:100%;line-height: 48px;background:#424643;color: #fff; padding-right:10px;padding-left:10px;font-weight: 400;z-index:40;}

#gnb .btn_logout{position:fixed;right:0;line-height:60px;right:40px;color:#AEB7B4;font-size:14px;top:0;}
.wide #gnb .btn_logout{line-height:48px;right:20px;}

#container{padding:40px 0px 100px 270px;background: #F9FAF9;}
.wide #container{padding:60px 0px 100px 0px;}
#contents{position:relative;box-sizing: border-box;padding:40px;}
#page_tit{position: fixed;top:0;left:0; width:100%; background:#fff;z-index:10; line-height: 60px;color:#424643;font-size:18px;font-weight: 700;background: #fff;border-bottom:1px #DFE4E1 solid;box-sizing: border-box;padding:0 30px;padding-left:300px;}
#pageTit{font-size:0;margin:0;}
#contents .inner{background:#fff;border:2px #ECF1EE solid;border-radius: 8px;padding:30px 40px 40px;position: relative;}
.wide #contents .inner{padding:10px;}
#footer{padding:10px 0 10px 300px;border-top:1px solid #333;background-color:#fff;color:#DFE4E1;border-top:#DFE4E1 1px solid;text-align: center;}
.wide #footer{padding-left:10px;}

.alert_tip{position:absolute;color:#fff;background:rgba(255,58,68,.5);padding:3px 5px;border-radius:5px;margin-top:15px;}


/* loading */
#loading{position: fixed;left:0;top:0; width:100%;height:100%;z-index: 100;display:none;}
#loading::before{content:'';display: block;background:#000;opacity: .5;width:100%;height: 100%;position: fixed;left:0;top:0;}
#loading svg{width:100%;max-width:250px;display: block;margin: auto;}
/* ==========================================================================
   component
   ========================================================================== */



/* ==========================================================================
   popup
   ========================================================================== */


/* ==========================================================================
   Media Queries for Responsive Design.
   ========================================================================== */
@media only screen and (max-width: 1600px ) {
	/*layout*/
	#gnb{width:220px;}
	#container{padding:60px 0px 100px 220px}
	.wide #container{padding:60px 0px 100px}
	#page_tit{padding-left:250px;}
	#contents{padding:20px;}
	#contents .inner{padding:30px 20px 20px;}
}
@media only screen and (max-width: 1300px ) {

	/*layout*/
	#header .btn_gnb{display: block;}

	#page_tit{text-align: center;position: fixed;top:0;height:48px;width:100%;line-height: 48px;background:#424643;color: #fff; padding-right:10px;padding-left:10px;font-weight: 400;}
	#logo{display: none;}
	#gnb{position:fixed;left:-270px;top:48px;}

	#gnb .btn_logout{line-height:50px;right:20px;}

	#container{padding-left:0;padding-top: 48px;padding-bottom:40px;}
	#contents .inner{padding:10px;}

	#footer{padding:10px;}
	/*table*/
	.left_tbl th{padding-left:10px;}
	.form_tbl th b.t_red{margin-left:0px;}

}

@media only screen and (max-width: 760px ) {

	#contents{padding:0;padding-bottom:40px;}
	#contents .inner{border-radius:0;border:0;padding:0;}

	/* footer */
	#footer{position:fixed;bottom:0;width:100%;left:0;box-sizing:border-box;height:40px;}

	/* form */
	.button.btn_large{font-size:16px;height:48px;line-height: 48px;}
	/* common */
	textarea{width:95%;padding:5px 2%;}
	.head_timer{float:none;text-align:center;}
	.head_timer > div{float:none;display:inline-block;vertical-align:middle;}
	.head_info{float:none;padding-top:10px;text-align:center;}
	.pop_layer{left:2%;width:96%;margin:0;box-sizing:border-box;}
	.pop_wrap .pop_cont{padding:20px;}

	/*table*/


	/*etc*/
	.box_style{padding:10px;}

	.button.btn_apply:before{}
	/*.button.btn_deny i{top:19px;}*/

}

@media only screen and (max-width:480px ) {
	/* layout */
	#gnb{width:220px;}
	/* loading */
	#loading svg{max-width:100px;}

}
@media print {
	#header, #lnb, #footer{display:none;}
	#container{padding:10px;}
}