@charset "utf-8";
@import url(fonts.css); 
@import url(animations.css);

/********************
 * common
 ********************/

:root {
    --default_color:#004190;
    --pink:#df407b;
    --black:#323232;
    --yellow:#ffd203;
    --sky: #0098ff; 
    --orange:#ff5c4b;
    --default_font:'Noto Sans KR';
    --jalnan_font:'jalnan';
    --Gradation:linear-gradient(90deg, #ece7f7, #e6efff);
    --deep_Gradation:linear-gradient(90deg, #4b6ed2, #755ccd);
    --Gradation2:linear-gradient(90deg, #f5f3f8, #f4f7fc);
    --Gradation3:linear-gradient(90deg, #dbd2ea, #d3e1f9);
    --bg_gray:#f2f3f7;
    --border_color:#e5e9ec;
    --bor_radius:25px;
    --scdream_font:"scdream";
    --pad15:15px;
}


.t_blue{color:var(--default_color)}
.t_deep_blue{color: #20209f; }
.t_sky, .word_color{color: var(--sky); }
.t_orange{color: #dd490f; }
.t_pink{color: #e44975; }
.t_black{color: #060b19; }
.t_gray{color:#555e7a;}
.t_green{color:#009457;}
.t_yellow{color:#f9da5c;}
.t_yellow2{color:#ab8d13;}
.t_red{color:#e91313}

.block {display:block !important}
.bg_color {background-color: var(--bg_gray) !important; position: relative; overflow: hidden; }
/*
.bg_color::before {content: ''; position: fixed; right:0; bottom:0; width:250px; height: 100%; background-image: url(/images/logo.png); background-repeat: no-repeat; background-size: 100% auto; opacity: 0.15; background-position: right 80%;}
*/
html{height: 100%; }
html{background-color: #555e7a;}
body {font-family:var(--default_font, '돋움');height: 100%; max-width: 1000px; font-weight: 400;  font-size:15px; color: var(--black);  background-color: var(--bg_gray);  min-width: 320px;  margin: 0 auto; position: relative; /*background-image: url(/images/mpm/aismart/btr/logo.png); background-repeat: no-repeat; background-size: 250px auto; background-position: right 90%; */}
/*
body::before {content: ''; position: fixed; right:0; bottom:0; width:250px; height: 100%;  background-size: 100% auto; opacity: 0.2; background-position: right 85%; background-image: url(/images/mpm/aismart/btr/logo.png); background-repeat: no-repeat; z-index: -1;}
*/
img {max-width: 100%;}
html[hc="a0"] {  -webkit-filter:none !important}

@media only screen and (max-width:500px){
    html, body { font-size:14px; }
}
@media only screen and (max-width:400px){
    html, body { font-size:14px; }
}
/*최상단*/
#skip_nav {position:fixed;left:0;top:0;text-align:center;z-index:9999;width:100%;}
#skip_nav h2{position: relative; left: 0px;  width: 1px; height: 1px;  top: -1000000px; overflow: hidden;}
#skip_nav a {position:absolute;top:-100px;left:0;right:0;white-space:nowrap;text-decoration:none;}
#skip_nav a:focus, #skip_nav a:active, #skip_nav a:hover {top:0;bottom:0;background:#333;color:#fff;font-weight:bold;font-size:110%;display:block;line-height:40px;height:40px;}


/*컨테이너 사이즈*/
.wrap { margin: 0 auto;  background-color: var(--bg_gray); z-index: 99; }


.wrap_con{ padding:0 15px; background-color: #fff; }
.wrap_pad{ padding:0 15px; }
.wrap_con_nopad{ position: relative; padding:0px;}
#content { padding-bottom: 120px;}
#content > div:last-child{ }

/* 상단 로고 */
.logo_wrap{position: relative; background-color: #fff; }
.logo_wrap .logo { max-width:230px; display: block; padding:27px 20px; margin: 0 auto;}
.logo_wrap .logo h1 img{width:100%}
.logo_wrap .bell {position: absolute; right:25px; top:20px; width:40px; height: 40px; display: flex; justify-content: center; align-items: center; border: 1px solid var(--border_color); border-radius: 50%;}
.logo_wrap .bell::after {content:'\f0f3'; font-size:130%; font-family:'FontAwesomeR'; display: inline-block;}
.logo_wrap .bell span {position: absolute; left:-99999px}
.logo_wrap .bell i{position: absolute; top:-5px; right:-5px; display: inline-block; padding:1px 6px; background-color: var(--orange); color:#fff; border-radius: 20px; font-size: 12px;}

.logo_wrap .btn_login {position: absolute; left:22px; top:20px; width:40px; height: 40px; display: flex; justify-content: center; align-items: center; border: 1px solid var(--border_color); border-radius: 50%;}
.logo_wrap .btn_login span {position: absolute; left:-99999px}
.logo_wrap .btn_login::after {content:'\f011'; font-size:130%; font-family:'FontAwesome'; display: inline-block; color: #424e75;}
/* 로그아웃 버튼 */
.logo_wrap .btn_logout {position: absolute; left:22px; top:20px; width:40px; height: 40px; display: flex; justify-content: center; align-items: center; border: 1px solid var(--border_color); border-radius: 50%; font-size: 140%;}
.logo_wrap .btn_logout span {position: absolute; left:-99999px}

/* 뒤로가기 버튼 */
.logo_wrap .btn_backpage {position: absolute; left:22px; top:20px; width:40px; height: 40px; display: flex; justify-content: center; align-items: center; border: 1px solid var(--border_color); border-radius: 50%; font-size: 160%;}
.logo_wrap .btn_backpage span {position: absolute; left:-99999px}

/* 하단 고정메뉴 */
.fix_Menu {position: fixed; bottom:0; right:0; left:0; background-color: #fff; border-radius: 25px 25px 0 0; box-shadow: 0px 0px 20px rgba(0,0,0,0.1); min-width: 280px; z-index: 99; max-width: 1000px; margin: 0 auto;}
.fix_Menu ul {display: flex; padding: 20px 25px;}
.fix_Menu ul li{flex: 0 1 20%; text-align: center;}
.fix_Menu ul li a{display: inline-block; position: relative; color:#666; font-weight: 500; line-height: 25px; font-size: 90%;}
.fix_Menu ul li a::before{display: block; font-size:130%; font-family:'FontAwesomeS'; background-color: #f2f3f7; height: 40px; width: 40px; line-height: 40px; border-radius: 50%; margin: 0 auto; color:#91acce}
.fix_Menu ul li.m01 a::before{content: '\f015';}
.fix_Menu ul li.m02 a::before{content: '\f2bd';}
.fix_Menu ul li.m03 a::before{content: '\f022';}
.fix_Menu ul li.m04 a::before{content: '\f233';}
.fix_Menu ul li.m_more a::before{content: '\f142';}

.fix_Menu ul li.on a{color:#333}
.fix_Menu ul li.on a::before{background-color: var(--default_color); color:#fff}


/*최상단으로 이동*/
.back-to-top {position:fixed;bottom:2em;right:10px;display:none;width:40px;height:40px;border-radius:100%;text-align:center;line-height:35px;z-index:9999;  background-color: rgba(0,0,0,0.5);}
.back-to-top:before{content:'\f062';font-size:
    1.1em;color:rgba(255,255,255,0.7);font-family:'FontAwesomeS';}
.back-to-top:hover{ background-color:#000;}
.back-to-top:hover:before{color:rgba(255,255,255,1);}




strong {font-weight: 700;}
.round30 {border-radius:30px; overflow: hidden;}
.color_box { padding:2.5% 3%; overflow:hidden;}
.gray_box { padding:2.5% 3.5%; overflow:hidden; background-color: #f6f7fa;  box-shadow:4px 4px 0px #d8dbe4; display: block; border-radius:10px; }
.gray_box2 { padding:2.5% 3.5%;  overflow:hidden; background-color: #f6f7fa; border:1px solid #ccc;  display: block; border-radius:10px; }
.line_box {border:1px solid #ddd; padding:2.5% 3.5%;   box-shadow:4px 4px 5px rgba(0,0,0,0.04); background-color: #f6f7fa; border-radius:10px; }
.line_box2 { border:1px solid #ddd; padding:2.5% 3.5%;  box-shadow:4px 4px 5px rgba(0,0,0,0.04); border-radius:10px;  }
.con_box { position: relative; display: block; }
.chart_box {margin-bottom: 20px;}
.chart_box canvas{}

.gray_box > dl > dt { font-weight: 700; font-size: 140%; color: #21252e; display: block; margin-bottom: 5px;}

hr {border-top:1px dashed #ccc; margin:20px 0; display:block}

.comment100 {font-size:100%; display:block; color:#52616d; line-height: 1.5;}
.comment80 {font-size:80%; display:block; color:#52616d; line-height: 1.5;}
.comment90 { display:block; font-size:90%;  color:#52616d; line-height: 1.4}

.strong400 {font-weight: 400 !important;}
.strong500 {font-weight: 500 !important;}
.strong600 {font-weight: 600 !important;}
.strong700 {font-weight: 700 !important;}
.strong900 {font-weight: 900 !important;}




/* 개인정보처리방침 목록 */
ol.num  {margin-left:30px}
ol.num > li {list-style:decimal-leading-zero !important;  padding-left: 0 !important; padding-bottom:8px;}
ol.num > li:before{display:none}

.privacy dl dt {text-align: left !important; font-size:100% !important}
.privacy dl dd {font-weight:300; color:#222; line-height: 140%;}
.privacy .f90 {line-height: 140%;}

ol.num2 {counter-reset: type1; }
ol.num2 > li {list-style:none; position:relative; padding-left:20px; padding-bottom:5px;}
ol.num2 > li:before { counter-increment: type1; content: counter(type1,decimal)"."; font-weight: 400; position: absolute; left:0; top:0; }

ol.num3 {counter-reset: type2; }
ol.num3 > li {list-style:none; position:relative; padding-left:20px; padding-bottom:8px;}
ol.num3 > li:before { counter-increment: type2; content: counter(type2,decimal)")"; font-weight: 300; position: absolute; left:0; top:0; }

ol.num4 {counter-reset: type3; }
ol.num4 > li {list-style:none;position:relative;padding-left:23px;line-height: 150%;margin-bottom: 10px;}
ol.num4 > li:before {counter-increment: type3;content: counter(type3,decimal);font-weight: 300;position: absolute;left:0px;top: 3px;width:18px;height:18px;border: 1px solid #666;border-radius: 50%;text-align: center;font-size: 70%;color: #000;line-height: 16px;}

ol.no_num { display:block; }
ol.no_num > li {list-style:none; position:relative; padding-left:0px; padding-bottom:8px; margin-bottom:15px}

.dl_flex {border-top:solid 1px #888; overflow: hidden; margin:0;}
.dl_flex dt, .dl_flex dd {border-bottom:solid 1px #ddd;  padding-top:15px; padding-bottom:15px;}
.dl_flex dt{font-weight: 700; background: #f6f7fa; text-align:center}
.dl_flex dd { }

.pad_box2 { padding-top:2px; padding-bottom:2px; overflow:hidden }
.pad_box3 { padding-top:3%; padding-bottom:3%; overflow:hidden }
.pad_box4 {padding-top:4%; padding-bottom:4%; overflow:hidden }
.pad_box5 {padding-top:5px; padding-bottom:5px; overflow:hidden }
.pad_box6 {padding-top:6%; padding-bottom:6%; overflow:hidden }
.pad_box7 {padding-top:7%; padding-bottom:7%; overflow:hidden }
.pad_box8 {padding-top:8%; padding-bottom:8%; overflow:hidden }
.pad_box10 {padding-top:10%; padding-bottom:10%; overflow:hidden }
.pad_box15 {padding-top:15%; padding-bottom:15%; overflow:hidden }


.t_mar1 {margin-top:1% !important}
.t_mar2 {margin-top:2% !important}
.t_mar3 {margin-top:3% !important}
.t_mar4 {margin-top:4% !important}
.t_mar5 {margin-top:5% !important}
.t_mar6 {margin-top:6% !important}
.t_mar7 {margin-top:7% !important}
.t_mar8 {margin-top:8% !important}
.t_mar9 {margin-top:9% !important}
.t_mar10 {margin-top:10% !important}

.f70 {font-size:70%}
.f80 {font-size:80%}
.f90 {font-size:90%}
.f110 {font-size:110%}
.f120 {font-size:120%}
.f130 {font-size:130%}
.f140 {font-size:140%}
.f150 {font-size:150% !important}
.f160 {font-size:160% !important}
.f170 {font-size:170% !important}
.f200 {font-size:200% !important}
.bor img{border:1px solid #ccc; box-shadow:3px 3px 4px rgba(0,0,0,0.05);}




.text_justify{
    text-align: justify;
}
.text_justify > span{
    white-space: nowrap;
}
.text_justify::after {
    content: "";
    display: inline-block;
    width: 100%;
    line-height: 0;
    height: 0;
    vertical-align: top;
}


/* 버튼 */
.btnPack{display:inline-block;height:45px;line-height:46px;text-align:center;margin:0 2px 0 0;vertical-align:middle;padding:0 15px;text-decoration:none;letter-spacing:-0.02em;color:#fff;word-break:break-all;white-space:nowrap; transition: all 0.3s ease-out; font-weight: 400; position: relative; background-color: var(--default_color);border-radius: 25px; overflow: hidden;}
.btnPack *{background:none;white-space:inherit;display:inline-block;text-align:center;font-size:inherit;line-height: inherit;  background-image:none !important;text-decoration:none !important;letter-spacing:inherit;word-break:inherit;text-transform:capitalize; color: inherit;}
.btnPack.icon {margin:0 4px}
.btnPack.icon > span{ position: absolute; left: 0px; text-align: left; width: 1px; height: 1px;  right: -1000000px; overflow: hidden;}
.btnPack.icon i{padding:0 3px}

a.btnPack{color:#fff}

.btnPack{font-weight:400 }
.btnPack i{padding:0 10px 0 0px; }
.btnPack span + i{padding:0 0px 0 10px; }


/* .btnPack:last-child{margin:0} */
.btnPack.strong{font-weight:500 !important;}
/* 버튼 컬러 */
.btnPack.blue{background-color:#1f3169}
.btnPack.deep_blue{background-color: #20209f; }
.btnPack.sky{background-color: #abd3f8; }
.btnPack.orange{background-color: #ff5c4b; }
/* .btnPack.orange2{background-color: #fce8e7; color:var(--orange); } */
.btnPack.orange2{background-color: #fce8e7; color:#783d0c; }
.btnPack.pink{background-color: #cb3d73; }
.btnPack.black{background-color: #060b19; }
.btnPack.gray{background-color:#525a72;}
.btnPack.lightgray{background-color:#82889a;}
.btnPack.green{background-color:#009457;}
.btnPack.yellow{background-color:#f9da5c;}
.btnPack.border_lightgray{ border-color:#666;}
.btnPack.border {border:1px solid; background-color: #fff; color: #222; line-height:43px }
.btnPack.border_gray {border-color:#525a72 !important; color: #525a72; }
.btnPack.border_sky {border-color: #0094c4 !important; color:#0094c4}
.btnPack.border_blue {border-color: #0468e2 !important; color:#0468e2; }
.btnPack.border_deep_blue {border-color: #20209f !important; color:#20209f}
.btnPack.border_orange { color:#ff5c4b}
.btnPack.border_green {border-color: #1e8e2b !important; color:#1e8e2b}
.btnPack.border_pink {border-color: #cb3d73 !important; color:#cb3d73}
.btnPack.border_black {border-color: #060b19 !important; color:#060b19}
.btnPack.white{background-color:#fff;border: 1px solid #ccc; color: #444; line-height:43px }
.btnPack.business_trip{background: linear-gradient(45deg, #574cf2, #004191);color: #fff;}
.btnPack.cancel{background-color: #f5f5f8; color:#fe6859;}

.btnPack.pad5{padding: 0 5px;}
.btnPack.pad10{padding: 0 10px;}
.btnPack.pad20{padding: 0 20px;}
.btnPack.pad30{padding: 0 30px;}
.btnPack.pad40{padding: 0 40px;}
.btnPack.pad50{padding: 0 50px;}
.btnPack.block{padding: 0 5px; display: block !important; width: 100%; }
.btnPack.round10{border-radius: 10px;}
.btnPack.round20{border-radius: 20px;}
.btnPack.round30{border-radius: 30px;}
.btnPack.round40{border-radius: 40px;}
.btnPack.round0{border-radius: 0px;}

.xsmall{font-size:85% !important;height:22px !important;line-height:20px !important;}
.small{font-size:90% !important;height:35px !important;line-height:33px !important;}
.medium{height:50px !important;line-height:48px !important;font-size:110% !important;}
.large{height:55px !important;line-height:53px !important;font-size:120% !important;}
.xlarge{height:60px !important;line-height:58px !important;font-size:140% !important;}

.btnPack.orange,.btnPack.blue,.btnPack.sky,.btnPack.black,.btnPack.red,.btnPack.pink,.btnPack.gray{color:#fff}
.btnPack.strong *,.btnPack.black *{color:inherit;font-weight:inherit;font-size:inherit}
.btnPack.white:hover, .btnPack.white.down {background-color: #eee;border: 1px solid #666; }

.btnPack.yellow span, .btnPack.sky span{color:#111}


.btnPack.kakao{background-color: #fee300; font-size: 120%; color:#333; height:60px;line-height:58px;}
.btnPack.kakao span {position: relative; }
.btnPack.kakao span:before {background-image: url(/images/mpm/aismart/btr/common/login_kakao.png); content: ''; display: inline-block; width:37px; height: 30px; background-position: center center; background-repeat: no-repeat; vertical-align: middle; margin-right:10px; background-size: auto 90%;}

.medium.icon_btn i {right:10px}

@media only screen and (max-width:450px){
    .btnPack{border-radius: 15px; padding: 0 10px;}
  
  }

.dot_list {margin:0}
.dot_list li{position:relative;padding:0px 5px 3px 10px;text-align:left; line-height: 120%; margin-bottom: 5px;}
.dot_list li:last-child{padding-bottom:0}
.dot_list li:before{content:''; position:absolute; top:10px; left:0px; background:#999; width:3px; height:3px; border-radius:10px; }
.dot_list li ul{margin:5px 0; }
.dot_list li ul li{font-size:90%;  line-height: 25px; color:#777}
.dot_list li ul li:before{background:#999; width:6px; height:2px;  }
.dot_list.check li:before{content:'\f105';font-family:'FontAwesomeS';font-size:16px; background:none; top:0px; color:#666; color: #e8575c;}
.dot_list.check li{padding-left:15px;}
.dot_list.line li:before{top:10px; left:0px; background:#999; width:5px; height:2px; border-radius:0px; background-color: #a5acc6;}



/* 
* {word-break: break-all; word-wrap: break-word;}
*/

.lh{line-height:0px;}
.tal{text-align:left !important;}
.tal a {color: #333333 !important;}
.fll{float:left;}
.flr{float:right;}
.fln{float:none;}
.tac{text-align:center;}
.tal{text-align:left;}
.tar{text-align:right;}

.pt10{padding-top:10px;}
.pt12{padding-top:12px;}
.pt15{padding-top:15px;}
.pt18{padding-top:18px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pt35{padding-top:35px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}

.pb10{padding-bottom:10px;}
.pb12{padding-bottom:12px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb30{padding-bottom:30px;}
.pb35{padding-bottom:35px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb60{padding-bottom:60px;}

.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr25{padding-right:25px;}
.pr30{padding-right:30px;}
.pr35{padding-right:35px;}
.pr40{padding-right:40px;}
.pr45{padding-right:45px;}
.pr50{padding-right:50px;}
.pr55{padding-right:55px;}

.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl25{padding-left:25px;}
.pl30{padding-left:30px;}
.pl35{padding-left:35px;}
.pl40{padding-left:40px;}
.pl45{padding-left:45px;}
.pl50{padding-left:50px;}
.pl55{padding-left:55px;}

.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important;}
.mt12{margin-top:12px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:36px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !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;}
.mt95{margin-top:95px !important;}

.mb0{margin-bottom:0px !important;}
.mb7{margin-bottom:7px !important;}
.mb10{margin-bottom:10px !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;}
.mb80{margin-bottom:80px !important;}
.mb100{margin-bottom:100px !important;}

.ml5{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;}

.mr10{margin-right:10px !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;}
.mr50{margin-right:50px !important;}
.mr90{margin-right:90px !important;}

.fs11 {font-size:11px !important;}
.fs12 {font-size:12px !important;}
.fs13 {font-size:13px !important;}
.fs14 {font-size:14px !important;}
.fs15 {font-size:15px !important;}
.fs16 {font-size:16px !important;}
.fs17 {font-size:17px !important;}
.fs18 {font-size:18px !important;}
.fs19 {font-size:19px !important;}
.fs20 {font-size:20px !important;}
.fs21 {font-size:21px !important;}
.fs22 {font-size:22px !important;}
.fs23 {font-size:23px !important;}
.fs24 {font-size:24px !important;}
.fs22 {font-size:22px !important;}
.fs24 {font-size:24px !important;}
.fs28 {font-size:28px !important;}
.fs30 {font-size:30px !important;}
.fs32 {font-size:32px !important;}
.fs34 {font-size:34px !important;}
.fs36 {font-size:36px !important;}

.ls5 {letter-spacing: -0.5px;}
.ls10 {letter-spacing: -1px;}
.ls15 {letter-spacing: -1.5px;}
.newWinimg{    margin-top: 6px;    margin-left: 10px;}

.clear{clear:both;}
.after:after {content:''; display:block; clear:both;}
select::-ms-expand {display:none;}

.newWin {position: relative;}
.localNavi .newWin:after, .m_menu .newWin:after, .subMenu .newWin:after, .childMenu ul li a.newWin:after, a.newWin:after {content:'\f35d'; display: inline-block; font-size:10px; font-family: 'FontAwesomeS'; padding:0 5px; vertical-align:middle;}
a.newWin:after {}