@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700&display=swap");
/*** reset ***/
html { -webkit-text-size-adjust: none; }

html, body, div, ul, ol, li, dl, dt, dd, p, strong, span, em, a, table, th, td, caption, input, button, textarea, label, form, legend, fieldset, select, hr, h1, h2, h3, h4, h5, h6, img { padding: 0; margin: 0; border: 0; color: inherit; background: none; line-height: inherit; font-size: inherit; font-family: inherit; }

html, body { height: 100%; min-height: 100%; font-size: 16px; color: rgba(0, 0, 0, 0.8); font-weight: 400; line-height: 1.5; font-family: 'NotoSansKR','HelveticaNeue-Light','Apple SD Gothic Neo','Malgun Gothic','맑은 고딕',sans-serif !important; letter-spacing: -0.04em; }

h1, h2, h3, h4, h5, h6, strong { font-weight: 400; }

*, :after, :before { box-sizing: border-box; vertical-align: top; }

header, footer, nav { display: block; }

table { width: 100%; border-collapse: collapse; border-spacing: 0; }

th, td { vertical-align: middle; }

input { -webkit-appearance: none; border-radius: 0; color: #222; }

:focus { outline: none; }

select, button { cursor: pointer; }

ul, ol { list-style: none; }

img { max-width: 100%; }

a { color: inherit; text-decoration: none; }

em { font-style: normal; }

textarea { resize: vertical; }

textarea ul, textarea ol { list-style: disc; }

/*** common ***/
.hide { display: none; }

.hidetxt { font-size: 0; line-height: 0; text-indent: -9999px; }

.blind { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; opacity: 0.1; font-size: 0; line-height: 0; text-indent: -9999px; }

.fl { float: left; }

.fr { float: right; }

.ovf { overflow: hidden; }

.w100 { width: 100% !important; }

.w50 { width: 50%; }

.mg0 { margin: 0; }

.pd0 { padding: 0; }

.after:after { display: block; width: 100%; height: 0; overflow: hidden; clear: both; content: ''; }

.tac { text-align: center; }

.tal { text-align: left; }

.tar { text-align: right; }

.fwb { font-weight: bold; font-weight: bold; }

.block { display: block !important; }

.ib { display: inline-block; }

.ellip { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.ellip2 { overflow: hidden; text-overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.thumb { overflow: hidden; }

span.thumb { display: inline-block; }

.fitsize { max-width: none; opacity: 0; }

.mont { font-family: 'Montserrat','arial','NotoSansKR','HelveticaNeue-Light','Apple SD Gothic Neo','Malgun Gothic','맑은 고딕',sans-serif; letter-spacing: 0; }

.nnmj { font-family: 'Nanum Myeongjo', '바탕', 'batang',sans-serif, 'serif'; }

@media screen and (min-width: 1024px) { div, p, span, ul, ol, strong { word-break: keep-all; } }

.emph { color: #0080ff; font-weight: bold; }

.bk { color: #222; font-weight: bold; }

.navy { color: #036; font-weight: bold; }

.lts0 { letter-spacing: 0; }
.notest{text-align:center;}
.ico_comm, .ico_aft:after, .ico_bfr:before { display: inline-block; background-image: url(../_img/ico_comm.png); background-repeat: no-repeat; background-size: 100px auto; font-size: 0; text-indent: -9999px; }

.inp { font-size: 16px; border: 1px solid #ccc; background: #fff; font-weight: normal; transition: .2s; }

.inp:focus { border-color: #999; }

.wrap_inp.type1 label { display: block; font-size: 13px; font-weight: bold; color: #0068cf; }

.wrap_inp.type1 .inp { display: block; width: 100%; height: 50px; border: none; border-bottom: 1px solid #ccc; font-size: 18px; }

.wrap_inp.type1 + .wrap_inp { margin-top: 40px; }

textarea.inp { display: block; width: 100%; overflow-y: auto; padding: 8px; resize: vertical; }

::-webkit-input-placeholder { color: #aaa; }

:-moz-placeholder { color: #aaa; }

::-moz-placeholder { color: #aaa; }

:-ms-input-placeholder { color: #aaa !important; }

::-ms-input-placeholder { color: #aaa !important; }

::placeholder { color: #aaa; }

.btn { display: inline-block; background: #036; color: #fff; text-align: center; font-weight: bold; font-size: 16px; transition: .2s; }

@media screen and (min-width: 1024px) { .btn:hover { background: #002346; } }

@media screen and (max-width: 1024px) { .btn { font-size: 15px; } }

.go { width: 16px; height: 14px; margin-left: 5px; background-position: -15px 0px; }

.btn_line { display: inline-block; border: 2px solid #036; color: #036; text-align: center; font-weight: bold; font-size: 16px; }

.slt { display: inline-block; -webkit-appearance: none; appearance: none; width: 100%; height: 40px; background: #fff; border: 1px solid #aaa; background: url(../_img/slt.png) right 50% no-repeat; background-size: auto 6px; font-size: 16px; padding: 0 0.3em; }

.slt::-ms-expand { display: none; }

.birthday { text-align: left; }

.birthday .slt { width: 80px; }

.birthday .slt + .slt { margin-left: 5px; }

.birthday .sltYear { max-width: 120px; width: calc(100% - 170px); }

.chk { display: inline-block; float: left; width: 18px; height: 18px; border: 1px solid #bbb; background: #fff; }

.chk + label { display: inline-block; position: relative; padding-left: 5px; font-size: 16px; line-height: 18px; cursor: pointer; }

.chk:checked { border-color: #036; background: url(../_img/chk.png) 50% 50% no-repeat #036; background-size: 12px 10px; }

.chk[type="radio"] { border-radius: 100%; }

.chk[type="radio"]:checked { background: none; background: #fff; }

.chk[type="radio"]:checked + label:after { position: absolute; top: 4px; left: -14px; width: 10px; height: 10px; border-radius: 100%; background: #036; content: ''; }

@media screen and (max-width: 1024px) { .chk + label { padding-left: 3px; font-size: 14px; } }

.lst_chk { font-size: 0; }

.lst_chk li { display: inline-block; }

.lst_chk li + li { margin-left: 30px; }

.tac .chk { float: none; margin-right: 4px; }

.ico_new { width: 20px; height: 20px; }

.mo { display: none; }

.gray { background: #f6f6f6; }

.wrap_slider .dots { text-align: center; font-size: 0; }

.wrap_slider .dots li { display: inline-block; }

.wrap_slider .ctr { font-size: 0; line-height: normal; }

.wrap_slider .ctr button { display: inline-block; border: 1px solid #ccc; text-align: center; }

.wrap_slider .ctr button + button { border-left: none; }

.wrap_slider .play { display: none !important; }

.wrap_slider .pause { display: inline-block !important; }

.wrap_slider.play .pause { display: inline-block !important; }

.wrap_slider.play .play { display: none !important; }

.wrap_slider.pause .pause { display: none !important; }

.wrap_slider.pause .play { display: inline-block !important; }

.tab_comm { font-size: 0; text-align: center; }

.tab_comm li { display: inline-block; }

.tab_comm a { display: block; height: 50px; line-height: 48px; border: 1px solid #ddd; background: #f5f5f5; font-size: 15px; font-weight: bold; color: #999; }

.tab_comm .on a { line-height: 46px; border: 2px solid #036; color: #036; background: #fff; }
.thbg{-webkit-print-color-adjust: exact;text-align:center;}
.thbg .info{width:100%;}
.thbg .info .score{padding-top:3px;margin:0 !important;}
.thbg .info .mark{padding:0 !important;font-weight:300 !important;border:0 !important;margin:0 !important;line-height:1 !important; }
.gradeF, .gradeF .mark { border-color: #da0747 !important; color: #da0747 !important; }
.gradeF.thbg{background-color:#da0747;}
.gradeF.thbg .score{color:#fff !important;}
.gradeF.thbg .mark{color:#fff !important;}
.gradeF .value, .gradeF .grade { background-color: #da0747 !important; }

.gradeF .tColor { color: #da0747; }

.gradeD, .gradeD .mark { border-color: #eb3f36 !important; color: #eb3f36 !important; }
.gradeD.thbg{background-color:#eb3f36;}
.gradeD.thbg .score{color:#fff !important;}
.gradeD.thbg .mark{color:#fff !important;}
.gradeD .value, .gradeD .grade { background-color: #eb3f36 !important; }

.gradeD .tColor { color: #eb3f36; }

.gradeC, .gradeC .mark { border-color: #f28705 !important; color: #f28705 !important; }
.gradeC.thbg{background-color:#f28705;}
.gradeC.thbg .score{color:#fff !important;}
.gradeC.thbg .mark{color:#fff !important;}
.gradeC .value, .gradeC .grade { background-color: #f28705 !important; }

.gradeC .tColor { color: #f28705; }

.gradeCP, .gradeCP .mark { border-color: #f2c335 !important; color: #f2c335 !important; }
.gradeCP.thbg{background-color:#f2c335;}
.gradeCP.thbg .score{color:#fff !important;}
.gradeCP.thbg .mark{color:#fff !important;}
.gradeCP .value, .gradeCP .grade { background-color: #f2c335 !important; }

.gradeCP .tColor { color: #f2c335; }

.gradeB, .gradeB .mark { border-color: #45bf55 !important; color: #45bf55 !important; }
.gradeB.thbg{background-color:#45bf55;}
.gradeB.thbg .score{color:#fff !important;}
.gradeB.thbg .mark{color:#fff !important;}
.gradeB .value, .gradeB .grade { background-color: #45bf55 !important; }

.gradeB .tColor { color: #45bf55; }

.gradeBP, .gradeBP .mark { border-color: #42d1ae !important; color: #42d1ae !important; }
.gradeBP.thbg{background-color:#42d1ae;}
.gradeBP.thbg .score{color:#fff !important;}
.gradeBP.thbg .mark{color:#fff !important;}
.gradeBP .value, .gradeBP .grade { background-color: #42d1ae !important; }

.gradeBP .tColor { color: #42d1ae; }

.gradeA, .gradeA .mark { border-color: #418ef2 !important; color: #418ef2 !important; }
.gradeA.thbg{background-color:#418ef2;}
.gradeA.thbg .score{color:#fff !important;}
.gradeA.thbg .mark{color:#fff !important;}
.gradeA .value, .gradeA .grade { background-color: #418ef2 !important; }

.gradeA .tColor { color: #418ef2; }

.gradeAP, .gradeAP .mark { border-color: #4e6bbf !important; color: #4e6bbf !important; }
.gradeAP.thbg{background-color:#4e6bbf;}
.gradeAP.thbg .score{color:#fff !important;}
.gradeAP.thbg .mark{color:#fff !important;}
.gradeAP .value, .gradeAP .grade { background-color: #4e6bbf !important; }

.gradeAP .tColor { color: #4e6bbf; }

.wrap_linechart { position: relative; padding: 20px 50px 0 0px; }

.wrap_linechart .wrap_chart { position: relative; padding-bottom: 30px; }

.wrap_linechart canvas { position: relative; z-index: 9; }

.wrap_linechart .xAxes { position: absolute; bottom: 29px; left: 18px; right: 0; z-index: 8; }
.analyze .wrap_linechart .xAxes {  left: 27px;  }
@media print { 
.wrap_linechart .xAxes {left: 18px; right: -32px;}
.analyze .wrap_linechart .xAxes {  left: 27px;  }
 }

.wrap_linechart .xAxes .bgs { font-size: 0; display:flex;flex-wrap:wrap;
/*
background-image:url('/_img/spectrum.jpg');
background-size:100%;*/
background-repeat:repeat-y;-webkit-print-color-adjust: exact;
}

.wrap_linechart .xAxes .bgs span { position: relative; width: 12.5%; height: 27px;-webkit-print-color-adjust: exact;/*background-color:transparent !important;*/  }

.wrap_linechart .xAxes .bgs .bgF { background: #da0747; }

.wrap_linechart .xAxes .bgs .bgD { background: #eb3f36; }

.wrap_linechart .xAxes .bgs .bgC { background: #f28705; }

.wrap_linechart .xAxes .bgs .bgCP { background: #f2c335; }

.wrap_linechart .xAxes .bgs .bgB { background: #45bf55; }

.wrap_linechart .xAxes .bgs .bgBP { background: #42d1ae; }

.wrap_linechart .xAxes .bgs .bgA { background: #418ef2; }

.wrap_linechart .xAxes .bgs .bgAP { background: #4e6bbf; }

/*
.wrap_linechart .xAxes .bgs .bgF { color: #da0747;background-color: #f8f9fb;}

.wrap_linechart .xAxes .bgs .bgD { color: #eb3f36;background-color: #f8f9fb; }

.wrap_linechart .xAxes .bgs .bgC { color: #f28705;background-color: #f8f9fb; }

.wrap_linechart .xAxes .bgs .bgCP { color: #f2c335;background-color: #f8f9fb; }

.wrap_linechart .xAxes .bgs .bgB { color: #45bf55;background-color: #f8f9fb; }

.wrap_linechart .xAxes .bgs .bgBP { color: #42d1ae;background-color: #f8f9fb; }

.wrap_linechart .xAxes .bgs .bgA { color: #418ef2;background-color: #f8f9fb; }

.wrap_linechart .xAxes .bgs .bgAP { color: #4e6bbf;background-color: #f8f9fb; }
*/
.wrap_linechart .xAxes .bgs em { position: absolute; right: 0; bottom: -30px; width: 26px; margin-right: -13px; line-height: 30px; font-size: 14px; text-align: center; }

.wrap_linechart .xAxes .bgs .bgF em:first-child, .wrap_linechart .xAxes .bgs .bgD em:first-child { left: 50%; right: auto; margin-left: -13px; margin-right: 0; }

.wrap_linechart .marks { position: absolute; top: 7px; left: 28px; right: 2px; bottom: 33px; z-index: 7; }

.wrap_linechart .marks .item_mark { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.wrap_linechart .marks .inr { position: absolute; top: -10px; width: 1px; bottom: 0; background: rgba(0, 0, 0, 0.4); -webkit-print-color-adjust: exact; }

.wrap_linechart .marks .item_mark.gradeF .inr { background: #da0747; }

.wrap_linechart .marks .item_mark.gradeD .inr { background: #eb3f36; }

.wrap_linechart .marks .item_mark.gradeC .inr { background: #f28705; }

.wrap_linechart .marks .item_mark.gradeCP .inr { background: #f2c335; }

.wrap_linechart .marks .item_mark.gradeB .inr { background: #45bf55; }

.wrap_linechart .marks .item_mark.gradeBP .inr { background: #42d1ae; }

.wrap_linechart .marks .item_mark.gradeA .inr { background: #418ef2; }

.wrap_linechart .marks .item_mark.gradeAP .inr { background: #4e6bbf; }

.wrap_linechart .marks .wrap_grade { position: absolute; top: -32px; left: 50%; width: 100px; margin-left: -50px; text-align: center; }

.wrap_linechart .marks .wrap_grade span { display: inline-block; font-size: 13px; line-height: 16px; color: rgba(0, 0, 0, 0.6); letter-spacing: 0; padding: 2px 6px; border-radius: 4px; -webkit-print-color-adjust: exact; }

.wrap_linechart .marks .oneself .wrap_grade .grade { color: #fff; }

.wrap_linechart .marks .average .inr { top: 0; width: 0; background: none; border-right: 2px dashed rgba(0, 0, 0, 0.3); }

.wrap_linechart .marks .average .inr .wrap_grade { top: 0; left: 0; margin-left: 0; text-align: left; }

.wrap_linechart .marks.nrw .item_mark.oneself .inr { top: -30px; }

.wrap_linechart .marks.nrw .item_mark.oneself .wrap_grade { top: -20px; }

.wrap_linechart .marks.nrw .item_mark.average .wrap_grade { top: -15px; }

@media screen and (max-width: 750px) { .wrap_linechart { padding: 40px 20px 0 5px; margin: 12px 0 20px; }
  .wrap_linechart .xAxes .bgs em { font-size: 12px; line-height: 20px; bottom: -20px; } }

/* layout */
body.dimm { overflow: hidden; }

body.dimm:after { position: fixed; top: 0; left: 0; bottom: 0; width: 100%; background: rgba(0, 0, 0, 0.8); content: ''; }

#wrap { padding-top: 80px; }

#container { min-height: calc(100vh - 331px); }

.hasOpt #container { min-height: calc(100vh - 600px); }

.wfix { max-width: 1280px; margin: 0 auto; }

#header { position: absolute; top: 0; left: 0; width: 100%; background: #fff; z-index: 9; }

#header:after { position: absolute; top: 80px; left: 0; width: 100%; height: 1px; background: rgba(0, 0, 0, 0.1); transition: .3s; content: ''; }

#header .inr { position: relative; }

#header .inr .wfix { position: relative; text-align: center; font-size: 0; }

#header h1 { position: absolute; top: 19px; left: 0; }

#header h1 a { display: block; width: 170px; }

.area_optimize { background: #1e2a36; line-height: 24px; color: #fff; color: rgba(255, 255, 255, 0.7); font-size: 14px; }

.area_optimize .wfix { position: relative; padding: 18px 0; }

.area_optimize strong { float: left; margin-right: 8px; color: #fff; font-weight: bold; padding: 0 8px; background: #0068cf; border-radius: 24px; font-size: 13px; }

.area_optimize p { overflow: hidden; padding-right: 100px; }

.area_optimize .close { position: absolute; top: 0; right: 0; width: 60px; height: 60px; text-align: center; line-height: 60px; }

.area_optimize .close i { width: 14px; height: 14px; margin-top: 23px; background-position: 0px 0px; }

#wrap.hasOpt { padding-top: 140px; }

#wrap.hasOpt #header:after { top: 140px; }

#menu { display: inline-block; }

#menu a { display: block; position: relative; }

#menu .item_menu { display: inline-block; min-width: 155px; }

#menu .item_menu > a { margin: 20px 0; padding: 0 30px; font-size: 18px; font-weight: bold; line-height: 40px; }

#menu .item_menu > a:after { position: absolute; bottom: -20px; left: 15px; right: 15px; height: 2px; background: #fff; transition: .2s; content: ''; }

#menu li ul { display: none; height: 270px; padding: 30px 0; color: #555; background: #fff; transition: .2s; text-align: left; }

#menu li ul li { font-size: 16px; line-height: 30px; }

#menu li ul li + li { margin-top: 10px; }

#menu li ul a { padding: 0 24px; }

#menu li ul a:after { position: absolute; top: 50%; left: 0; width: 0; height: 1px; margin-top: -1px; background: #fff; transition: .2s; content: ''; }

@media screen and (min-width: 1024px) { #menu li ul a:hover { color: #0068cf; font-weight: bold; }
  #menu li ul a:hover:after { width: 15px; background: #0080ff; } }

#menu li + li ul { border-left: 1px solid #ddd; }

@media screen and (min-width: 1024px) { #menu:hover li ul { display: block; }
  #menu .item_menu:hover > a:after { background: #0080ff; }
  #menu .item_menu:hover ul { background: #fbfbfb; } }

.tglMenu { position: absolute; top: 0; right: 0; background: #036; width: 80px; height: 80px; }

.tglMenu i, .tglMenu:before, .tglMenu:after { position: absolute; top: 50%; left: 50%; width: 28px; height: 2px; margin-left: -14px; background: #fff; transition: .2s; content: ''; }

.tglMenu i { margin-top: -1px; }

.tglMenu:before { margin-top: -11px; }

.tglMenu:after { margin-top: 9px; }

.menu_member { position: absolute; top: 25px; right: 110px; line-height: 30px; }

.menu_member li { display: inline-block; position: relative; font-size: 14px; }

.menu_member li a { display: block; padding: 0 5px; }

.menu_member li + li { margin-left: 8px; padding-left: 9px; }

.menu_member li + li:before { position: absolute; top: 8px; left: 0; width: 1px; height: 14px; background: #ccc; content: ''; }

#header.on { border-bottom: 1px solid #ddd; }

#header.on #menu .lst_menu ul { display: block; }

#header.on .tglMenu i { display: none; }

#header.on .tglMenu:before, #header.on .tglMenu:after { margin: 0 0 0 -14px; }

#header.on .tglMenu:before { transform: rotate(45deg); }

#header.on .tglMenu:after { transform: rotate(-45deg); }

@media screen and (max-width: 1300px) { #wrap { padding-top: 60px !important; }
  #header:after { top: 60px !important; }
  #header h1 { display: flex; justify-content: center; align-items: center; top: 0; left: 15px; height: 60px; }
  #header h1 a { width: 150px; }
  .area_optimize { display: none; }
  #menu .item_menu { min-width: 130px; }
  #menu .item_menu > a { margin: 10px 0; padding: 0 20px; font-size: 16px; }
  #menu .item_menu > a:after { bottom: -10px; }
  #menu .item_menu ul { height: 250px; padding: 20px 0; }
  #menu .item_menu ul a { padding: 0 15px; font-size: 14px; }
  .tglMenu { width: 60px; height: 60px; }
  .tglMenu i, .tglMenu:before, .tglMenu:after { width: 20px; margin-left: -10px; }
  .tglMenu:before { margin-top: -9px; }
  .tglMenu:after { margin-top: 7px; }
  #header.on .tglMenu:before, #header.on .tglMenu:after { margin-left: -10px; }
  .menu_member { display: flex; justify-content: center; align-items: center; top: 0; right: 90px; height: 60px; } }

@media screen and (max-width: 1024px) { #wrap { padding-top: 0 !important; }
  #header { position: relative; }
  #header h1 { position: relative; left: auto; background: #fff; }
  #header h1 a { width: 130px; }
  #gnb { display: none; }
  #header.on h1 { position: fixed; top: 0; left: 0; width: 100%; z-index: 99; }
  #header.on .link_my { background: #fff; }
  #header.on .link_my, #header.on .tglMenu { position: fixed; z-index: 99; }
  #header.on .wfix { position: fixed; top: 0; right: 0; bottom: 0; width: 100%; padding-top: 60px; background: #0f1d2c; z-index: 99; overflow-y: auto; }
  #header.on #gnb { display: block; }
  #header.on #menu .lst_menu ul { display: none; }
  #menu { display: block; min-height: calc(100vh - 140px); }
  #menu .item_menu { display: block; text-align: left; border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
  #menu .item_menu > a { display: none; }
  #menu .item_menu .tit_sub { display: block; position: relative; padding: 0 24px; font-size: 16px; line-height: 50px; color: #0cf; }
  #menu .item_menu .tit_sub:after { position: absolute; top: 50%; right: 24px; width: 8px; height: 8px; margin-top: -6px; border-bottom: 2px solid #0cf; border-right: 2px solid #0cf; transform: rotate(45deg); transition: .2s; content: ''; }
  #menu .item_menu .tit_sub.on { font-weight: bold; }
  #menu .item_menu .tit_sub.on + ul { display: block !important; }
  #menu .item_menu .tit_sub.on:after { transform: rotate(225deg); }
  #menu .item_menu + li ul { border-left: none; }
  #menu .item_menu ul { height: auto; padding: 0 0 15px; background: none; }
  #menu .item_menu ul li + li { margin-top: 0; }
  #menu .item_menu ul a { line-height: 40px; padding: 0 24px; color: #fff; font-size: 14px; font-weight: 300; }
  .menu_member { position: relative; top: auto; right: auto; height: auto; padding: 24px; border-top: 1px solid rgba(255, 255, 255, 0.3); background: #0f1d2c; }
  .menu_member a { color: #fff; font-size: 15px; }
  .link_my { display: block; position: absolute; top: 0; left: 0; width: 60px; height: 60px; text-align: center; }
  .link_my .ico_comm { width: 22px; height: 22px; margin-top: 19px; background-position: -20px -95px; } }

#footer { background: #2e3741; color: #fff; }

#footer .ft_top { padding: 16px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.15); font-size: 0; }

#footer .ft_top .lst { display: inline-block; }

#footer .ft_top li { display: inline-block; }

#footer .ft_top li + li { margin-left: 60px; }

#footer .ft_top a { display: block; line-height: 28px; font-size: 15px; }

#footer .ft_top .link_contact { float: right; }

#footer .ft_info { padding: 50px 0 90px; }

#footer .ft_info .wfix { position: relative; }

#footer .ft_info .logo { float: left; margin-right: 50px; width: 176px; }

#footer .ft_info .info { display: inline-block; opacity: .7; font-weight: 300; letter-spacing: 0; font-size: 0; line-height: 1.8; }

#footer .ft_info .address { display: block; font-size: 14px; }

#footer .ft_info dl { font-family: 'Montserrat', 'arial','NotoSansKR'; }

#footer .ft_info dl, #footer .ft_info dt, #footer .ft_info dd { display: inline-block; }

#footer .ft_info dt, #footer .ft_info dd { font-size: 14px; }

#footer .ft_info dt { font-weight: bold; margin-right: 4px; }

#footer .ft_info dl + dl { margin-left: 12px; }

#footer .ft_info .copyright { position: absolute; top: 0; right: 0; font-size: 14px; opacity: .7; letter-spacing: 0; }

@media screen and (max-width: 1300px) { #footer .wfix { margin: 0 20px; }
  #footer .ft_info .logo { display: block; float: none; margin-right: 0; }
  #footer .ft_info .info { display: block; margin-top: 20px; } }

@media screen and (max-width: 1024px) { #footer { position: relative; }
  #footer .wfix { margin: 0 15px; }
  #footer .ft_top { padding: 12px 0; }
  #footer .ft_top .lst { display: block; text-align: center; }
  #footer .ft_top li + li { margin-left: 20px; }
  #footer .ft_top a { font-size: 13px; line-height: 20px; }
  #footer .ft_top .link_contact { position: absolute; top: 60px; right: 15px; }
  #footer .ft_info { padding: 20px 0; }
  #footer .ft_info .logo { width: 170px; }
  #footer .ft_info .info { line-height: 1.5; }
  #footer .ft_info .address { margin-bottom: 10px; font-size: 12px; }
  #footer .ft_info dl { display: block; }
  #footer .ft_info dl + dl { margin: 0; }
  #footer .ft_info dt, #footer .ft_info dd { font-size: 12px; }
  #footer .ft_info .copyright { position: relative; margin-top: 12px; padding-top: 12px; border-top: 1px solid rgba(255, 255, 255, 0.1); right: auto; font-size: 12px; text-align: center; } }

.popDenied { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; transition: .2s; z-index: 9999; transition: .2s; background: rgba(0, 0, 0, 0.7); opacity: 0; }

.popDenied .inr { position: absolute; top: 30px; left: 50%; width: 600px; margin-left: -300px; padding: 15px; border-radius: 6px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); background: #fff; }

.popDenied p { font-size: 14px; line-height: 1.6; }

.popDenied.on { display: block; opacity: 1; }

@media screen and (max-width: 1024px) { .popDenied .inr { width: 300px; margin-left: -150px; } }

/* datepicker */
.ui-datepicker { display: none; width: 250px; background: #fff; border: 1px solid #aaa; padding: 15px; font-size: 14px; letter-spacing: 0; border-radius: 5px; }

.ui-datepicker-header { border-bottom: 1px solid #ccc; border-radius: 3px; text-align: center; }

.ui-datepicker-header > a { display: block; padding: 15px; cursor: pointer; }

.ui-datepicker-header .ui-icon { display: inline-block; width: 8px; height: 14px; font-size: 0; line-height: 0; text-indent: -9999px; opacity: .5; }

.ui-datepicker-prev { float: left; }

.ui-datepicker-next { float: right; }

.ui-datepicker-prev .ui-icon { background: url(../_img/arw_prev.png) 50% 50% no-repeat; background-size: 8px auto; }

.ui-datepicker-next .ui-icon { background: url(../_img/arw_next.png) 50% 50% no-repeat; background-size: 8px auto; }

.ui-datepicker-title { padding: 8px 0; }

.ui-datepicker-calendar { margin-top: 10px; }

.ui-datepicker-calendar th, .ui-datepicker-calendar td { font-size: 15px; text-align: center; width: 14.28%; height: 25px; vertical-align: middle; }

.ui-datepicker-calendar th a, .ui-datepicker-calendar td a { display: inline-block; width: 26px; height: 26px; color: #777; line-height: 26px; }

.ui-datepicker-calendar td a.ui-state-highlight { color: #222; font-weight: bold; background: #efefef; border-radius: 100%; }

.ui-datepicker-calendar td a:hover { background: #eee; border-radius: 100%; }

.ui-datepicker-calendar td a.ui-state-active { color: #fff; background: #0062b2; border-radius: 100%; }

.ui-datepicker-calendar th:first-child span, .ui-datepicker-calendar td:first-child a { color: #ff3131; }

.ui-datepicker-calendar th + th + th + th + th + th + th span, .ui-datepicker-calendar td + td + td + td + td + td + td a { color: #0080e2; }

/* Slider */
.slick-slider { position: relative; }

.slick-slider .slick-arrow { position: absolute; z-index: 9; }

.slick-slider { display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; display: block; width: 100%; overflow: hidden; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }

.slick-track:before, .slick-track:after { display: table; content: ''; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }

[dir='rtl'] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }