@charset "UTF-8";
/*** layout ***/
#header .inr { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

#visual { padding: 105px 0 195px; background: url(../_img/visual_sub.jpg) 50% 50% no-repeat; background-size: cover; text-align: center; }

#visual h3 { font-size: 40px; font-weight: bold; color: #fff; }

#visual p.desc { font-size: 18px; color: #fff; }

#container { position: relative; margin-top: -90px; padding-bottom: 100px; overflow: hidden; }

#container:before { position: absolute; top: 0; left: 50%; right: 0; bottom: 0; margin-left: 640px; background: #fff; content: ''; }

#snb { float: left; width: 320px; padding-right: 60px; background: #fff; }

#snb .tit_snb { padding: 30px 0; background: #0080ff; }

#snb .tit_snb:before { display: block; width: 120px; height: 100px; margin: 0 auto 8px; background-position: 50% 50%; background-repeat: no-repeat; opacity: .6; content: ''; }

#snb .tit_snb .tit { display: block; font-size: 26px; text-align: center; font-weight: bold; color: #fff; }

#snb .lst a { display: block; position: relative; padding: 0 20px; line-height: 60px; font-size: 18px; font-weight: bold; color: #036; border: 1px solid #ddd; border-top: none; transition: .2s; }

#snb .lst .on a { background: #036; color: #fff; border-color: #036; }

#snb .lst .on a:after { position: absolute; top: 50%; right: 20px; width: 6px; height: 10px; margin-top: -5px; background: url(../_img/snb_arw.png) 50% 50% no-repeat; background-size: 6px 10px; content: ''; }

.intro #snb .tit_snb:before { background-image: url(../_img/snb1.png); }

.program #snb .tit_snb:before { background-image: url(../_img/snb2.png); }

.board #snb .tit_snb:before { background-image: url(../_img/snb3.png); }

#contents { overflow: hidden; background: #fff; }

.hd_cont { margin-bottom: 40px; padding: 54px 0 28px; border-bottom: 1px solid #ddd; }

.hd_cont .title { display: inline-block; font-size: 32px; color: #036; font-weight: bold; line-height: 40px; }

.hd_cont .title .desc { display: inline-block; margin-left: 8px; font-size: 16px; font-weight: normal; color: #888; }

.hd_cont .location { float: right; font-size: 0; margin-top: 12px; }

.hd_cont .location li { display: inline-block; line-height: 16px; font-size: 14px; font-weight: 200; }

.hd_cont .location li + li { position: relative; margin-left: 15px; padding-left: 21px; }

.hd_cont .location li + li:before { position: absolute; top: 50%; left: 0; width: 6px; height: 10px; margin-top: -5px; background: url(../_img/arw_location.png) 50% 50% no-repeat; background-size: 6px 10px; content: ''; }

.hd_cont .location li:last-child { font-weight: bold; color: #036; }

.hd_cont .location .ico_comm { width: 18px; height: 16px; background-position: 0px -40px; }

.body_cont > .item + .item { margin-top: 70px; }

.body_cont .tit_sec { display: block; font-size: 26px; font-weight: bold; line-height: 1.23; }

.body_cont .tit_sec:before { display: inline-block; width: 20px; height: 20px; margin: 6px 10px 0 0; background-position: -25px -15px; content: ''; }

.body_cont .tit_sec + .cont { margin-top: 24px; }

.body_cont .cont .emph, .body_cont .cont p { margin-top: 0.8em; }

.body_cont .cont .emph { display: block; font-size: 1.2em; }

.body_cont p { line-height: 1.875; font-weight: 300; }

@media screen and (min-width: 1024px) { #snb .lst li:not(.on) a:hover { background: #f7f7f7; } }

@media screen and (max-width: 1310px) { #visual { padding: 105px 0; }
  #container { margin-top: 0; }
  #container:before { display: none; }
  #snb { width: 250px; padding-right: 0; transition: .2s; }
  #contents { padding: 0 40px; } }

@media screen and (max-width: 1200px) { html, body { font-size: 14px; }
  #visual { padding: 40px 0 !important; }
  #visual h3 { font-size: 24px; }
  #snb { width: 220px; }
  #snb .tit_snb { padding: 20px 0; }
  #snb .tit_snb .tit { font-size: 20px; }
  #snb .lst a { font-size: 16px; line-height: 50px; padding: 0 15px; } }

@media screen and (max-width: 1024px) { #container { padding-bottom: 50px; }
  #snb { float: none; position: relative; white-space: nowrap; overflow: auto; transition-property: -webkit-transform; -webkit-transform: translate3d(0, 0, 0); pointer-events: auto; -webkit-overflow-scrolling: touch; text-align: center; width: auto; }
  #snb .tit_snb { display: none; }
  #snb .lst { display: flex; justify-content: space-between; padding: 0; }
  #snb .lst li { flex-grow: 1; width: auto; }
  #snb .lst a { line-height: 46px !important; padding: 0 15px !important; border: none; font-size: 15px !important; font-weight: normal; color: #777; border-bottom: 1px solid #ddd; }
  #snb .lst .on a { background: #fff; color: #0068cf; font-weight: bold; border-color: #ddd; }
  #snb .lst .on a:after { top: auto; bottom: -1px; right: auto; left: 50%; width: 60px; height: 3px; margin-left: -30px; background: #0068cf; content: ''; }
  #contents { padding: 20px 15px; }
  .hd_cont { display: none; /* padding:0 0 15px; .title {font-size:20px; line-height:30px;} .location { margin-top:7px; li {font-size: 12px;} li + li {margin-left:6px; padding-left:9px; &:before {opacity:.7} } .ico_comm {width:14px; height:12px; margin-top:2px; background-position:-75px 0px;} } */ }
  .body_cont .tit_sec { font-size: 18px; line-height: 24px; }
  .body_cont .tit_sec:before { width: 16px; height: 16px; margin: 4px 5px 0 0; background-position: -45px -95px; }
  .body_cont .tit_sec + .cont { margin-top: 15px; }
  .body_cont > .item + .item { margin-top: 40px; } }

/*** 공통요소 ***/
.wrap_tbl { border-top: 2px solid #0068cf; }

.wrap_tbl .tbl th, .wrap_tbl .tbl td { height: 50px; padding: 10px 18px; font-size: 16px; }

.wrap_tbl .tbl th { font-weight: bold; text-align: left; color: #036; }

.wrap_tbl .tbl thead th { background: #f0f9ff; }

.wrap_tbl .tbl tbody tr:first-child th, .wrap_tbl .tbl tbody tr:first-child td { border-top: 1px solid #aaa; }

.wrap_tbl .tbl tbody th, .wrap_tbl .tbl tbody td { border-bottom: 1px solid #ddd; }

.wrap_tbl .tbl tbody th { background: #fafafa; }

.wrap_tbl .tbl tbody * + td { border-left: 1px solid #ddd; }

@media screen and (max-width: 1024px) { .wrap_tbl .tbl th, .wrap_tbl .tbl td { height: 40px; padding: 6px 10px; font-size: 14px; line-height: 1.3; }
  .wrap_tbl .tbl th { word-break: keep-all; } }

ol.lst_num li { overflow: hidden; }

ol.lst_num li + li { margin-top: 8px; }

ol.lst_num .mont { display: inline-block; float: left; width: 52px; line-height: 52px; text-align: center; background: #0080ff; color: #fff; font-weight: bold; }

ol.lst_num .desc { display: block; overflow: hidden; border: 1px solid #ddd; border-left: none; padding: 14px 16px; line-height: 22px; }

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

.paging ul { margin: 0 10px; }

.paging > a, .paging ul, .paging li { display: inline-block; }

.paging > a, .paging li { width: 40px; font-size: 15px; }

.paging > a { border: 1px solid #ddd; line-height: 38px; }

.paging li + li { margin-left: 5px; }

.paging li a { display: block; line-height: 40px; }

.paging a + a { border-left: none; }

.paging .first .ico_comm, .paging .last .ico_comm, .paging .prev .ico_comm, .paging .next .ico_comm { height: 12px; margin-top: 13px; }

.paging .first .ico_comm { width: 12px; background-position: -65px -90px; }

.paging .last .ico_comm { width: 12px; background-position: -65px -105px; }

.paging .prev .ico_comm { width: 6px; background-position: -80px -90px; }

.paging .next .ico_comm { width: 6px; background-position: -80px -105px; }

.paging .on a { background: #036; font-weight: bold; color: #fff; }

.paging li:not(.on) a:hover { background: #f7f7f7; font-weight: 400; }

@media screen and (max-width: 720px) { .paging > a, .paging li { width: 32px; font-size: 13px; }
  .paging > a { line-height: 30px; }
  .paging li a { line-height: 32px; }
  .paging .first, .paging .last { display: none; }
  .paging .prev, .paging .next { border-left: 1px solid #ddd; }
  .paging .prev .ico_comm, .paging .next .ico_comm { height: 12px; margin-top: 9px; } }

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

.layer .msg_layer { position: absolute; top: 50%; left: 50%; width: 350px; margin: -120px 0 0 -175px; text-align: center; background: #fff; }

.layer .msg_layer .cont_layer { padding: 40px; }

.layer .msg_layer strong.msg { display: block; margin-bottom: 20px; font-size: 18px; font-weight: bold; line-height: 1.4; }

.layer .msg_layer .inp { width: 100%; height: 40px; padding: 0 8px; }

.layer .msg_layer .btns { font-size: 0; }

.layer .msg_layer .btns a, .layer .msg_layer .btns button { display: inline-block; width: 50%; font-size: 16px; height: 50px; line-height: 50px; }

.layer .msg_layer .btns .btn_line { border: none; background: #f5f5f5; }

@media screen and (max-width: 1024px) { .layer .msg_layer { width: 300px; margin-left: -150px; }
  .layer .msg_layer strong.msg { font-size: 16px; } }

.layer.on { display: block; }

.box { max-width: 600px; margin: 40px auto 0; padding: 40px 0; border-radius: 10px; border: 1px solid #ccc; background: #fff; }

.box + .box { margin-top: 10px; }

.box .hd_box { padding: 24px 10px; text-align: center; border-bottom: 1px solid #ccc; }

.box .hd_box h3.tit { display: block; line-height: 30px; font-size: 24px; font-weight: bold; color: #036; }

.box .hd_box .desc { display: block; margin-top: 6px; font-size: 15px; font-weight: bold; color: #777; }

.box .info_test { padding: 0 30px; }

.box .info_test .thumb_test { float: left; width: 80px; height: 80px; margin-right: 20px; border-radius: 100%; overflow: hidden; background: #bde7ff; }

.box .info_test .cont_info { overflow: hidden; }

.box .info_test .hd_info { position: relative; line-height: 24px; }

.box .info_test .hd_info .tit { display: inline-block; font-size: 20px; font-weight: bold; }

.box .info_test .hd_info .link, .box .info_test .hd_info .lst_item { float: right; }

.box .info_test .hd_info .link { font-weight: bold; color: #036; text-decoration: underline; }

.box .info_test .hd_info .link + .lst_item { float: none; margin-top: 10px; }

.box .info_test .info_foot { position: relative; margin-top: 12px; padding-top: 12px; border-top: 1px solid #ddd; }

.box .info_test .info_foot .desc { display: block; margin-bottom: 10px; font-size: 15px; }

.box .info_test .info_foot .wrap_tbl { display: inline-block; }

.box .info_test .info_foot .tbl_info th, .box .info_test .info_foot .tbl_info td { height: 24px; }

.box .info_test .info_foot .wrap_btn { float: right; }

.box .info_test .tbl_info { font-size: 14px; }

.box .info_test .wrap_btn .btn_test:before { margin-top: 13px; }

.box .progress { margin-top: 20px; padding: 28px 30px 0; }

.box .progress .bg_progress { position: relative; height: 10px; border-radius: 10px; background: #e5e5e5; }

.box .progress .bar { position: absolute; top: 0; left: 0; width: 0; height: 10px; background: #0068cf; border-radius: 10px; transition: .2s; }

.box .progress .bar em { position: absolute; top: -28px; right: 0; font-size: 13px; font-weight: bold; color: #fff; background: #0068cf; line-height: 22px; padding: 0 5px; }

.box .progress .bar em:after { position: absolute; bottom: -5px; left: 50%; margin-left: -4px; width: 0; height: 0; border-top: 5px solid #0068cf; border-left: 4px solid transparent; border-right: 4px solid transparent; content: ''; }

.box .progress .info_progress { margin-top: 10px; text-align: right; font-size: 0; letter-spacing: 0; }

.box .progress .info_progress span { display: inline-block; font-size: 14px; line-height: 20px; }

.box .progress .info_progress span + span { margin-left: 20px; }

.box .progress .info_progress .emph { color: #0068cf; }

.box .progress .info_progress .item_progress:before { width: 22px; height: 20px; margin: 0 4px 0 0; background-position: 0px -135px; content: ''; }

.box .progress .info_progress .time_progress:before { width: 20px; height: 20px; margin: 0 4px 0 0; background-position: -25px -135px; content: ''; }

.box .wrap_tbl { border: none; }

.box .wrap_btn { text-align: center; }

.box .wrap_btn .btn { height: 40px; line-height: 40px; border-radius: 4px; font-size: 15px; }

.box .wrap_btn .btn_line { height: 40px; line-height: 36px; border-radius: 4px; font-size: 15px; }

.box .wrap_btn .btn_line, .box .wrap_btn .btn_test { width: 150px; }

.box .wrap_btn .btn_test:before { width: 18px; height: 14px; background-position: -15px -120px; margin: 18px 5px 0 0; content: ''; }

.box .tbl_info { width: auto; }

.box .tbl_info th { padding-right: 10px; text-align: left; font-weight: bold; color: #036; }

.box .lst_item { font-size: 0; }

.box .lst_item li { display: inline-block; min-width: 46px; line-height: 22px; padding: 0 6px; border: 1px solid #0068cf; color: #0068cf; font-size: 13px; border-radius: 22px; text-align: center; }

.box .lst_item li + li { margin-left: 6px; }

.box .info_details { display: none; margin-top: 30px; padding: 30px 0 0; border-top: 1px solid #ddd; }

.box .cont_details { padding: 0 30px; }

.box .tit_box { display: block; margin-bottom: 5px; font-size: 18px; font-weight: bold; color: #036; }

.box .box_test { border: 1px solid #ddd; border-top: 2px solid #036; padding: 30px; }

.box .directions { margin-top: 30px; padding: 30px; background: #f7f7f7; font-size: 14px; }

.box .directions .tit { display: block; margin-bottom: 10px; color: #036; font-size: 18px; font-weight: bold; line-height: 22px; }

.box .directions .warning { display: inline-block; border-radius: 22px; background: #c00000; margin-right: 6px; padding: 0 8px; font-size: 13px; color: #fff; font-weight: bold; }

.box .directions li { text-indent: -1em; padding-left: 1em; }

.box .directions li + li { margin-top: 8px; }

.box .info_details .wrap_btn { margin-top: 30px; }

.box .info_details .wrap_btn .btn { width: 200px; height: 50px; line-height: 50px; font-size: 18px; }

.box .info_details .wrap_btn .btn_test:before { margin-top: 18px; content: ''; }

.box .wrap_more { margin: 30px 0 0; padding: 0 30px; }

.box .wrap_more .more { display: block; height: 50px; line-height: 48px; border: 1px solid #036; color: #036; font-size: 15px; text-align: center; font-weight: bold; }

.box .wrap_more .more:before { display: inline; content: '자세히 보기'; }

.box .wrap_more .more .ico_comm { width: 18px; height: 18px; margin: 15px 0 0 5px; background-position: -70px -135px; }

@media screen and (max-width: 600px) { .box { margin-top: 0; border: none; border-bottom: 1px solid #ddd; padding: 30px 0; border-radius: 0; }
  .box .info_test, .box .progress, .box .wrap_more, .box .cont_details { padding-left: 15px; padding-right: 15px; }
  .box .info_test .thumb_test { width: 60px; height: 60px; margin-right: 15px; }
  .box .info_test .lst_item li { font-size: 12px; padding: 0 5px; }
  .box .info_test .cont_info .hd_info .tit { font-size: 16px; }
  .box .info_test .cont_info .hd_info .link { font-size: 13px; }
  .box .info_test .info_foot { margin-top: 10px; padding-top: 10px; }
  .box .info_test .info_foot .desc { font-size: 13px; }
  .box .info_test .info_foot .wrap_tbl { display: block; }
  .box .info_test .info_foot .wrap_btn { float: none; margin-top: 10px; }
  .box .info_test .info_foot .wrap_btn .btn_test, .box .info_test .info_foot .wrap_btn .btn_line { width: 100%; }
  .box .progress .info_progress span { font-size: 12px; }
  .box .box_test { padding: 20px 15px; }
  .box .directions { margin-top: 20px; padding: 20px 15px; font-size: 13px; }
  .box .directions .tit { font-size: 15px; }
  .box .wrap_more .more { height: 40px; line-height: 38px; font-size: 15px; }
  .box .wrap_more .more .ico_comm { margin-top: 10px; } }

/*** 인적성검사 소개 ***/
.intro .introduce .item2 .lst { font-size: 0; margin-left: -13px; }

.intro .introduce .item2 li { display: inline-block; width: 25%; padding-left: 13px; }

.intro .introduce .item2 .inr { padding: 40px 0; background: #f0f9ff; text-align: center; }

.intro .introduce .item2 .inr:before { display: block; width: 90px; height: 80px; margin: 0 auto; background: url(../_img/ico_intro.png) 0 0 no-repeat; content: ''; }

.intro .introduce .item2 .inr .cont_item { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 72px; margin-top: 30px; line-height: 1.5; font-size: 16px; opacity: .8; }

.intro .introduce .item2 li:nth-child(2) .inr:before { background-position: 0 -80px; }

.intro .introduce .item2 li:nth-child(3) .inr:before { background-position: 0 -160px; }

.intro .introduce .item2 li:nth-child(4) .inr:before { background-position: 0 -240px; }

.intro .introduce .item2 .inr2 { padding: 0; background: #f0f9ff; text-align: center; margin-top: 20px; position: relative; }

.intro .introduce .item2 .inr2 .cont_item { display: flex; flex-direction: column; justify-content: center; align-items: center; height:40px;  line-height: 1.5; font-size: 16px; opacity: .8; }

.intro .popup_bg {cursor: pointer; position: absolute; width: 100%;height: 300px;top: 0; left: 0;}
.intro .popup_wrap {position: fixed; left: 0; top: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);z-index: 900;}
.intro .popup_contents {margin: auto;width: 100%;max-width: 500px;height: 710px;position: fixed; left: 0; top: 0;right: 0;bottom: 0;z-index: 901;}
.intro .pop_close {display: block; text-align: right; margin-top: -55px;margin-bottom: 10px;}


@media screen and (max-width: 1024px) { .intro .introduce .item2 li { width: 50%; }
  .intro .introduce .item2 li:nth-child(n+3) { margin-top: 13px; }
  .intro .introduce .item2 .inr { padding: 30px 0; }
  .intro .introduce .item2 .inr .cont_item { margin-top: 12px; font-size: 14px; } }

.intro .guide .item2 .lst { margin-left: -6%; font-size: 0; }

.intro .guide .item2 .lst li { display: inline-block; width: 33.333%; padding-left: 6%; }

.intro .guide .item2 .lst li:nth-child(n+4) { margin-top: 30px; }

.intro .guide .item2 .lst .desc { display: block; margin-top: 12px; font-size: 16px; text-align: center; line-height: 1.3; }

.intro .guide .item2 .lst .desc em { display: block; }

.intro .feature .tbl tbody th, .intro .feature .tbl td:last-child { width: 18%; }

@media screen and (max-width: 1024px) { .intro .feature .tbl tbody th { width: 85px; }
  .intro .feature .tbl td:last-child { width: 20%; } }

.intro .process .graphic { margin-top: 10px; padding: 60px 20px; background-color: #f7f7f7; text-align: center; }

.intro .process .graphic .lst_process { display: none; }

.intro .process .cont > div + div { margin-top: 50px; }

.intro .process .cont_process { margin-top: 1em; font-weight: 300; }

.intro .process .cont_process li { position: relative; padding-left: 12px; }

.intro .process .cont_process li:before { position: absolute; top: 0; left: 0; content: '-'; }

.intro .process .cont_process li + li { margin-top: 8px; }

@media screen and (max-width: 720px) { .intro .process .graphic { padding: 0; background: none; }
  .intro .process .graphic .img { display: none; }
  .intro .process .graphic .lst_process { display: block; font-size: 16px; }
  .intro .process .graphic .lst_process li + li { margin-top: 8px; }
  .intro .process .graphic .lst_process li + li:before { display: block; width: 0; height: 0; margin: 5px auto; border-top: 6px solid #036; border-left: 6px solid transparent; border-right: 6px solid transparent; content: ''; }
  .intro .process .graphic .lst_process span { display: block; border: 1px solid #ccc; border-radius: 40px; line-height: 40px; }
  .intro .process .graphic .lst_process li:nth-child(1) span { border-color: #4271a4; color: #4271a4; }
  .intro .process .graphic .lst_process li:nth-child(2) span { border-color: #478fe2; color: #478fe2; }
  .intro .process .graphic .lst_process li:nth-child(3) span { border-color: #0aa49b; color: #0aa49b; }
  .intro .process .graphic .lst_process li:nth-child(4) span { border-color: #40af6e; color: #40af6e; }
  .intro .process .graphic .lst_process li:nth-child(5) span { border-color: #74bc3f; color: #74bc3f; } 
  .intro .popup_contents {top: 100px;}
	 .intro .pop_close {width: 30px; }
  }
  @media screen and (max-width: 480px) {
  .popup_contents {top: 200px;}}
.intro .utilize .wrap_list { margin: 30px 0; }

.intro .utilize .wrap_list .emph { margin: 0; }

.intro .utilize .wrap_list .lst_num { margin-top: 10px; }

/*** 프로그램 안내 ***/
.program .tbl th, .program .tbl td:not(.tal) { text-align: center; }

.program .tbl tbody th { width: 140px; }

.program .item1 .tbl thead th:nth-child(2) { width: 14%; }

.program .item1 .tbl thead th:last-child { width: 18%; }

.program .body_cont .samples { margin-top: 20px; }

.program .body_cont .samples > li { border: 1px solid #ccc; padding: 15px; overflow: hidden; }

.program .body_cont .samples > li + li { margin-top: 10px; }

.program .body_cont .samples strong { float: left; width: 125px; margin: 0; line-height: 36px; font-size: 16px; font-weight: bold; }

.program .body_cont .samples ul { overflow: hidden; font-size: 0;  position: relative;}

.program .body_cont .samples ul li { display: inline-block; position: relative;}

.program .body_cont .samples ul li + li { margin-left: 8px;}

.program .body_cont .samples ul a { display: block; line-height: 34px; padding: 0 10px; border-radius: 3px; border-width: 1px; font-size: 14px; }

.program .body_cont .samples ul a:before { width: 12px; height: 14px; margin: 10px 4px 0 0; background-position: -65px -120px; content: ''; }

.program .popup_bg {cursor: pointer; position: absolute; width: 100%;height: 40px;top: 0; left: 0; }
.program .popup_wrap {position: fixed; left: 0; top: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);z-index: 900;}
.program .popup_contents {margin: auto;width: 100%;max-width: 1200px;height: 710px;position: fixed; left: 0; top: 0;right: 0;bottom: 0;z-index: 901;}
.program .pop_close {display: block; text-align: right; margin-top: -60px;margin-bottom: 10px;}


.program .lst_test { margin-left: -15px; font-size: 0; }

.program .lst_test > li { display: inline-block; width: 33.333%; padding-left: 15px; }

.program .lst_test > li:nth-child(n+4) { margin-top: 15px; }

.program .lst_test .box_test { border: 1px solid #ddd; border-top: 2px solid #036; padding: 24px; }

.program .lst_test .hd_test { overflow: hidden; }

.program .lst_test .thumb_test { float: left; width: 60px; margin-right: 15px; }

.program .lst_test .tit_test { overflow: hidden; }

.program .lst_test .tit_test .tit { display: block; font-size: 20px; color: #036; font-weight: bold; }

.program .lst_test .tit_test .lst_item { margin-top: 6px; font-size: 0; }

.program .lst_test .tit_test .lst_item li { display: inline-block; min-width: 48px; font-size: 13px; text-align: center; line-height: 22px; border: 1px solid #0080ff; border-radius: 22px; padding: 0 5px; color: #0080ff; }

.program .lst_test .tit_test .lst_item li + li { margin-left: 6px; }

.program .lst_test .box_info { margin-top: 16px; padding-top: 16px; border-top: 1px solid #ddd; }

.program .lst_test .box_info dl + dl { margin-top: 5px; }

.program .lst_test .box_info dt, .program .lst_test .box_info dd { display: inline-block; font-size: 15px; }

.program .lst_test .box_info dt { color: #036; font-weight: bold; }

.program .lst_test .box_info dd { color: #555; letter-spacing: 0; }

.program .lst_test .box_info b { color: #000; }

.program .box_refer { margin-top: 70px; background: #f7f7f7; padding: 30px; font-size: 15px; }

.program .box_refer .tit { display: block; font-weight: bold; color: #036; margin-bottom: 12px; }

.program .box_refer .cont { line-height: 1.6; color: rgba(0, 0, 0, 0.7); }

@media screen and (max-width: 1280px) { .program .tbl th, .program .tbl td { padding: 6px; font-size: 13px; }
  .program .tbl tbody th { width: auto; }
  .program .body_cont .samples > li { padding: 0 0 12px; border: none; border-bottom: 1px solid #ddd; }
  .program .body_cont .samples > li + li { margin-top: 12px; }
  .program .body_cont .samples strong { float: none; width: auto; line-height: normal; font-size: 14px; }
  .program .body_cont .samples .lst li { margin: 8px 8px 0 0 !important; }
  .program .body_cont .samples .lst a { font-size: 13px; line-height: 32px; padding: 0 5px; }
  .program .body_cont .samples .lst a:before { margin-top: 9px; }
  .program .lst_test { margin-left: 0; }
  .program .lst_test > li { display: block; width: auto; padding-left: 0; }
  .program .lst_test > li + li { margin: 10px 0 0 !important; }
  .program .lst_test .box_test { padding: 15px; }
  .program .lst_test .thumb_test { margin-right: 10px; }
  .program .lst_test .tit_test { padding-top: 4px; }
  .program .lst_test .tit_test .tit { font-size: 16px; }
  .program .lst_test .tit_test .lst_item li { min-width: 40px; line-height: 20px; }
  .program .lst_test .box_info { padding-top: 10px; }
  .program .lst_test .box_info dl { display: inline-block; width: 50%; }
  .program .lst_test .box_info dl + dl { margin-top: 0; }
  .program .lst_test .box_info dt, .program .lst_test .box_info dd { font-size: 14px; }
  .program .lst_test .box_info dt { width: auto !important; margin-right: 10px; }
  .program .box_refer { margin-top: 40px; padding: 20px 15px; font-size: 14px; } }overflow-x:scroll

@media screen and (max-width: 1024px) { .program #contents.group .hd_cont, .program #contents.individual .hd_cont { display: block; padding: 0 0 10px; margin-bottom: 20px; }
  .program #contents.group .hd_cont .title, .program #contents.individual .hd_cont .title { font-size: 18px; line-height: 24px; }
  .program #contents.group .hd_cont .location, .program #contents.individual .hd_cont .location { display: none; }
  .program #contents.group .hd_cont, .program #contents.purpose .hd_cont { display: block; padding: 0 0 10px; margin-bottom: 20px; }
  .program #contents.group .hd_cont .title, .program #contents.purpose .hd_cont .title { font-size: 18px; line-height: 24px; }
  .program #contents.group .hd_cont .location, .program #contents.purpose .hd_cont .location { display: none; }

  }

.program .program ol.cont li + li { margin-top: 1.2em; }

.program .program ol.cont .emph { margin-top: 0; }

.program .program ol.cont p { margin-top: .5em; }

.program .program .item2 .lst { margin: 20px 0 0 -13px; font-size: 0; word-break: keep-all; }

.program .program .item2 .lst > li { display: inline-block; width: 25%; margin-bottom: 13px; padding-left: 13px; text-align: center; }

.program .program .item2 .lst .tit { display: block; background: #019fdf; font-size: 16px; font-weight: bold; color: #fff; line-height: 40px; }

.program .program .item2 .lst .cont { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 150px; padding: 20px; background: #f0f9ff; font-size: 15px; color: rgba(0, 0, 0, 0.8); }

.program .program .item2 .lst em { display: inline-block; font-size: .8em; vertical-align: baseline; }

.program .program .item2 .lst ol { text-align: left; line-height: 1.2; }

.program .program .item2 .lst ol li { padding-left: 1em; text-indent: -1em; }

.program .program .item2 .lst ol li + li { margin-top: 6px; }

.program .program .item2 .lst ol em { text-indent: 0; }

@media screen and (max-width: 720px) { .program .program .item2 .lst { display: flex; flex-wrap: wrap; margin: 15px 0 0; }
  .program .program .item2 .lst > li { width: calc(50% - 6px); height: auto; padding-left: 0; background: #f0f9ff; }
  .program .program .item2 .lst > li:nth-child(even) { margin-left: 12px; }
  .program .program .item2 .lst .tit { font-size: 15px; line-height: 36px; }
  .program .program .item2 .lst .cont { display: block; height: auto; font-size: 14px; padding: 15px; }
  .program .program .item2 .lst .ib { display: inline; }
    .program .popup_contents {top: 300px;}
	 .program .pop_close {width: 30px; }
  }

.program .group .item2 .btn_line { display: block; margin-top: 20px; line-height: 50px; font-size: 18px; }

.program .group .item2 .btn_line:after { width: 18px; height: 18px; margin: 16px 0 0 6px; background-position: -55px -175px; content: ''; }

.program .group .lst_test .box_info dt { width: 75px; }

@media screen and (max-width: 1024px) { .program .group .item2 .btn_line { line-height: 40px; font-size: 16px; }
  .program .group .item2 .btn_line:after { margin-top: 11px; } }

.program .individual .item2 .tbl thead th + th { border-left: 1px solid #ddd; }

.program .individual .item2 .tbl thead tr + tr th { width: 11.5%; color: #555; border-top: 1px solid #ddd; }

.program .individual .item2 .tbl tbody th, .program .individual .item2 .tbl tbody td { height: 40px; }

.program .individual .lst_test { margin-top: 20px; }

.program .individual .lst_test .box_test { position: relative; height: 332px; }

.program .individual .lst_test .thumb_test { border-radius: 100%; overflow: hidden; background: #f0f9ff; }

.program .individual .lst_test .box_info { padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid #ddd; }

.program .individual .lst_test .box_info dt { width: 90px; }

.program .individual .lst_test .box_info dl:last-child dd { color: #000; font-weight: bold; }

.program .individual .lst_test .lst_chk li { width: 50%; }

.program .individual .lst_test .lst_chk li + li { margin-left: 0; }

.program .individual .lst_test .lst_chk li:nth-child(odd) { padding-right: 10px; }

.program .individual .lst_test .lst_chk li:nth-child(even) { padding-left: 10px; }

.program .individual .lst_test .lst_chk li:nth-child(n+3) { margin-top: 10px; }

.program .individual .lst_test .btn_line { position: absolute; left: 24px; bottom: 24px; right: 24px; margin-top: 20px; border-radius: 3px; line-height: 36px; font-size: 15px; }

.program .individual .lst_test .btn_line:after { width: 18px; height: 18px; margin: 9px 0 0 6px; background-position: -55px -175px; content: ''; }


 .program .purpose .body_cont .item1 .cont p {line-height: 1.5;}
 .program .purpose .body_cont .item2 .cont p { line-height: 1.5;}
 .program .purpose .item2 .tbl tbody th {width: 250px;}
 .program .purpose .item2 .tbl thead th + th { border-left: 1px solid #ddd; }
.program .purpose .wrap_tbl {margin-top: 3px;}
.program .purpose .item2 .tbl thead tr + tr th { width: 11.5%; color: #555; border-top: 1px solid #ddd;font-weight: 600;}

.program .purpose .item2 .tbl tbody th, .program .individual .item2 .tbl tbody td {  font-weight: 600;}

.program .purpose .item2 .wrap_board {margin-top: 10px;}
.program .purpose .item2 .wrap_board .tbl_board tbody tr  {line-height: 1.5;} 
.program .purpose .item2 .wrap_board .tbl_board tbody th {vertical-align: top; width: 2.5%;}
.program .purpose .item2 .wrap_board .tbl_board tbody tr td {color:#555;}
.program .purpose .item2 .scroll {overflow: hidden;}

.program .purpose .lst_test { margin-top: 20px; }

.program .purpose .lst_test .box_test { position: relative; height: 332px; }

.program .purpose .lst_test .thumb_test { border-radius: 100%; overflow: hidden; background: #f0f9ff; }

.program .purpose .lst_test .box_info { padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid #ddd; }

.program .purpose .lst_test .box_info dt { width: 90px; }

.program .purpose .lst_test .box_info dl:last-child dd { color: #000; font-weight: bold; }

.program .purpose .lst_test .lst_chk li { width: 50%; }

.program .purpose .lst_test .lst_chk li + li { margin-left: 0; }

.program .purpose .lst_test .lst_chk li:nth-child(odd) { padding-right: 10px; }

.program .purpose .lst_test .lst_chk li:nth-child(even) { padding-left: 10px; }

.program .purpose .lst_test .lst_chk li:nth-child(n+3) { margin-top: 10px; }

.program .purpose .lst_test .btn_line { position: absolute; left: 24px; bottom: 24px; right: 24px; margin-top: 20px; border-radius: 3px; line-height: 36px; font-size: 15px; }

.program .purpose .lst_test .btn_line:after { width: 18px; height: 18px; margin: 9px 0 0 6px; background-position: -55px -175px; content: ''; }

.program .purpose p strong.w10 { width: 10%; }
.program .purpose .box_refer {margin-top: 30px;}
@media screen and (max-width: 1024px) {
  .program .individual .lst_test .box_test { height: auto; padding-bottom: 75px; }
  .program .individual .lst_test .chk + label { font-size: 14px; }
  .program .individual .lst_test .btn_line { left: 15px; right: 15px; bottom: 15px; }

  .program .purpose .lst_test .box_test { height: auto; padding-bottom: 75px; }
  .program .purpose .lst_test .chk + label { font-size: 14px; }
  .program .purpose .lst_test .btn_line { left: 15px; right: 15px; bottom: 15px; }
  
  }

  @media screen and (max-width: 800px){
.program .purpose .item2 .scroll {overflow-x:scroll}
}
/*** 이용 안내 ***/
.board { /* list */ /* view */ /* write */ /* faq */ /* Q&A */ }

.board .wrap_board { border-top: 2px solid #036; }

.board .ft_board { position: relative; margin-top: 40px; padding: 5px 0; text-align: center; min-height:300px;}

.board .ft_board .btn_line { display: inline-block; width: 200px; height: 50px; line-height: 46px; }

@media screen and (max-width: 1024px) { .board .ft_board { margin-top: 20px; }
  .board .ft_board .btn_line { width: 100%; } }

.board .hd_board .tit { display: none; }

.board .hd_board .total { display: inline-block; line-height: 40px; }

.board .hd_board .sch_board { float: right; font-size: 0; }

.board .hd_board .sch_board .slt, .board .hd_board .sch_board .inp, .board .hd_board .sch_board .btn_sch { display: inline-block; height: 40px; margin-left: 3px; font-size: 15px; }

.board .hd_board .sch_board .slt { width: 100px; border-color: #ccc; margin-left: 0; }

.board .hd_board .sch_board .inp { width: 200px; padding: 0 10px; }

.board .hd_board .sch_board .btn_sch { width: 70px; line-height: 40px; background: #036; color: #fff; text-align: center; }

.board .wrap_board.list { margin-top: 10px; }

.board .tbl_board th, .board .tbl_board td { height: 50px; text-align: center; padding: 10px 5px; border-bottom: 1px solid #ddd; color: #777; font-weight: 300; }

.board .tbl_board thead th { border-bottom: 1px solid #aaa; color: #036; font-size: 17px; font-weight: bold; }

.board .tbl_board .td_num { width: 80px; letter-spacing: 0; }

.board .tbl_board .td_subject { text-align: left; font-weight: 400; }

.board .tbl_board .td_subject a { color: #555; transition: .2s; }

.board .tbl_board .td_subject a:hover { color: #000; text-decoration: underline; }

.board .tbl_board .td_subject .new { display: inline-block; width: 18px; line-height: 18px; margin: 3px 0 0 3px; font-size: 12px; font-weight: bold; background-color: #0080ff; border-radius: 100%; color: #fff; text-align: center; }

.board .tbl_board .td_writer { width: 150px; }

.board .tbl_board .td_date { width: 150px; letter-spacing: 0; }

.board .tbl_board .td_writer + .td_date { width: 130px; }

.board .tbl_board .noitem { height: 200px; }

.board .tbl_board .re .td_subject .lab_re { display: inline-block; font-size: 13px; line-height: 22px; margin: 1px 4px 0 0; background: #036; color: #fff; padding: 0 8px; }

.board .tbl_board .re .td_subject .ico_comm { display: inline-block; width: 11px; height: 12px; background-position: 0px -120px; margin: 6px 0px 0 0; }

@media screen and (max-width: 1024px) { .board .tbl_board thead th { height: 40px; font-size: 15px; } }

@media screen and (max-width: 720px) { .board .hd_board .sch_board { float: none; margin-bottom: 20px; }
  .board .hd_board .sch_board .inp { width: calc(100% - 176px); }
  .board .hd_board .tit { display: inline-block; font-size: 18px; font-weight: bold; line-height: 30px; color: #036; }
  .board .hd_board .total { float: right; line-height: 30px; }
  .board .wrap_board.list { margin-top: 5px; }
  .board .tbl_board th, .board .tbl_board td { padding: 0 5px; }
  .board .tbl_board .th_num, .board .tbl_board .td_num { display: none; }
  .board .tbl_board .td_writer { width: 60px; }
  .board .tbl_board .td_date { width: 85px; font-size: 13px; }
  .board .tbl_board .td_writer + .td_date { width: 60px; }
  .board .tbl_board .td_subject a { display: block; padding: 10px 0; }
  .board .tbl_board .re .td_subject .ico_comm { margin-top: 4px; }
  .board .tbl_board .re .td_subject .lab_re { margin: 1px 2px 0 0; font-size: 12px; line-height: 20px; padding: 0 5px; }
  .board .tbl_board .noitem { height: 150px; } }

.board .hd_view { position: relative; padding: 20px 0; line-height: 30px; }
.board .wrap_board .redate{ font-size:13px;color:#777;}

.board .hd_view .tit_view { display: inline-block; padding-right: 150px; font-size: 24px; font-weight: bold; }

.board .hd_view .date { position: absolute; top: 20px; right: 0; letter-spacing: 0; color: #777; }
.board .hd_view .writer { position: relative; color: #777; padding:10px 0;}
.board .hd_view .writer .wtt{color: #777;font-size:14px;margin-right:10px;}
.board .hd_view .writer .wdt{color: #555;font-size:16px;margin-right:20px;}

.board .cont_view { min-height: 250px; margin-top: 30px; border-top: 1px solid #ccc; padding: 30px 0; }
.board .cont_view.qnaview { min-height: 250px; margin-top: 0; border-top: 1px solid #ccc; padding: 30px 0; }

.board .files { padding: 20px; background: #f8f8f8; }

.board .files dl { overflow: hidden; }

.board .files dt { float: left; margin-right: 40px; font-size: 14px; font-weight: bold; color: #777; }

.board .files dd { overflow: hidden; letter-spacing: 0; }

.board .files li + li { margin-top: 10px; padding-top: 10px; border-top: 1px solid #e5e5e5; }

.board .files a { display: inline-block; line-height: 24px; }

.board .files a span { display: inline-block; line-height: 22px; margin-left: 10px; border: 1px solid #ccc; padding: 0 7px; font-size: 13px; background: #fff; transition: .2; }

.board .files a span:before { width: 10px; height: 12px; margin: 5px 3px 0 0; background-position: -90px 0px; opacity: .5; transition: .2; content: ''; }

.board .files a:hover { text-decoration: underline; }

.board .files a:hover span { text-decoration: none; color: #222; border-color: #555; }

.board .files a:hover span:before { opacity: .8; }

.board .other { margin-top: 40px; border-top: 1px solid #ccc; }

.board .other .prev, .board .other .next { border-bottom: 1px solid #ccc; padding: 15px 0; }

.board .other a { display: inline-block; max-width: 100%; }

.board .other a:hover { text-decoration: underline; }

.board .other span { display: block; font-size: 14px; font-weight: bold; color: #999; line-height: 20px; }

.board .other span:before, .board .other span:after { display: inline-block; width: 0; height: 0; margin: 5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; }

.board .other .prev span:before { border-right: 6px solid #aaa; content: ''; }

.board .other .next span:after { border-left: 6px solid #aaa; content: ''; }

@media screen and (max-width: 1024px) { .board .wrap_board.view { border-top: none; }
  .board .hd_view { padding: 0 0; line-height: 24px; }
  .board .hd_view .tit_view { padding-right: 0; font-size: 20px; }
  .board .hd_view .date { position: relative; top: auto; font-size: 13px; margin-top: 5px; }
  .board .cont_view { margin-top: 20px; min-height: 180px; padding: 15px 0; }
  .board .files { padding: 15px; }
  .board .files dt { display: none; }
  .board .other { margin-top: 20px; } }

.board .write th { vertical-align: top; line-height: 40px; width: 130px; color: #036; font-weight: bold; }

.board .write td { width: calc(50% - 130px); text-align: left; }

.board .write td + th { border-left: 1px solid #ddd; }

.board .write tr.row_subj th, .board .write tr.row_subj td { border-top: 1px solid aa; }

.board .write .inp { width: 240px; max-width: 100%; height: 40px; padding: 0 10px; }

.board .write textarea.inp { width: 100%; height: 200px; }

.board .write .wrap_policy { margin-top: 30px; }

.board .write .wrap_policy .tit { display: block; font-size: 18px; font-weight: bold; color: #0068cf; }

.board .write .wrap_policy .box_policy { margin-top: 10px; padding: 30px; background: #f8f8f8; font-size: .9em; font-weight: 300; max-height: 200px; overflow-y: auto; }

.board .write .wrap_policy .box_policy p, .board .write .wrap_policy .box_policy ul { margin: 5px 0; }

.board .write .wrap_policy .agree { margin-top: 20px; text-align: center; }

.board .write .wrap_policy .agree .chk { float: none; }

.board .write .ft_board .btn { height: 50px; line-height: 50px; width: 200px; }

.board .write .tbl_board + .tbl_board tr:first-child th, .board .write .tbl_board + .tbl_board tr:first-child td { border-top: 1px solid #036; }

@media screen and (max-width: 1024px) { .board .write table, .board .write tbody, .board .write tr, .board .write th, .board .write td { display: block; }
  .board .write th, .board .write td { height: auto; padding: 6px 0; border: none !important; }
  .board .write th { float: left; width: 90px; text-align: left; }
  .board .write td { overflow: hidden; width: auto; }
  .board .write .inp { width: 100%; }
  .board .write tr.row_cont th { display: none; }
  .board .write .wrap_policy { margin-top: 20px; }
  .board .write .wrap_policy .tit { font-size: 16px; }
  .board .write .wrap_policy .box_policy { padding: 15px; }
  .board .write .wrap_policy .agree { margin-top: 12px; font-size: 15px; }
  .board .write .ft_board .btn { width: 100%; } }

.board .faq .list_faq li { padding: 20px 0; border-bottom: 1px solid #ddd; }

.board .faq .list_faq a, .board .faq .list_faq p, .board .faq .list_faq .mont { display: block; line-height: 24px; }

.board .faq .list_faq a { font-size: 18px; }

.board .faq .list_faq a span { display: inline-block; margin-left: 10px; font-size: 13px; color: #0068cf; }

.board .faq .list_faq a span:after { display: inline-block; width: 0; height: 0; margin: 10px 0 0 4px; border-top: 5px solid #0068cf; border-left: 4px solid transparent; border-right: 4px solid transparent; content: ''; }

.board .faq .list_faq .mont { float: left; margin-right: 15px; font-weight: bold; color: #0068cf; font-size: 24px; }

.board .faq .list_faq a, .board .faq .list_faq p { overflow: hidden; }

.board .faq .list_faq .a { display: none; margin-top: 20px; padding: 20px; background: #f9f9f9; }

.board .faq .ft_board .btn_line { position: absolute; top: 0; right: 0; width: 140px; height:50px;overflow:hidden;}

@media screen and (max-width: 1024px) { .board .faq .list_faq li { padding: 15px 0; }
  .board .faq .list_faq a, .board .faq .list_faq p, .board .faq .list_faq .mont { line-height: 20px; }
  .board .faq .list_faq a { font-size: 16px; }
  .board .faq .list_faq a span:after { margin-top: 8px; }
  .board .faq .list_faq .mont { font-size: 20px; margin-right: 8px; }
  .board .faq .ft_board .btn_line { position: relative; margin-top: 30px; width: 100%; max-width: 500px; } }

.board .qna .ft_board .btn_line { position: absolute; top: 0; right: 0; width: 140px; }
.ft_board.qnabtn .btn_line { position: relative !important; top: none  !important; right: none !important; width: 140px; }

@media screen and (max-width: 1024px) { .board .qna .ft_board .btn_line { position: relative; margin-top: 30px; width: 100%; max-width: 500px; } }

#wrap.mypage #container, #wrap.company #container, #wrap.policy #container { margin-top: 0; padding-bottom: 0; }

#wrap.mypage #container:before, #wrap.company #container:before, #wrap.policy #container:before { display: none; }

#wrap.mypage #visual, #wrap.company #visual, #wrap.policy #visual { padding-bottom: 105px; }

/*** 마이페이지 ***/
#wrap.mypage #container > .wfix, #wrap.company #container > .wfix { max-width: none; }

#wrap.mypage #snb, #wrap.company #snb { float: none; width: auto; padding-right: 0; border-bottom: 1px solid #ddd; }

#wrap.mypage #snb .tit_snb, #wrap.company #snb .tit_snb { display: none; }

#wrap.mypage #snb .lst, #wrap.company #snb .lst { display: flex; justify-content: space-between; max-width: 1280px; margin: 0 auto; }

#wrap.mypage #snb .lst li, #wrap.company #snb .lst li { flex-grow: 1; }

#wrap.mypage #snb .lst a, #wrap.company #snb .lst a { line-height: 50px; font-size: 16px; border: none; text-align: center; font-weight: 300; color: #777; }

#wrap.mypage #snb .lst .on a, #wrap.company #snb .lst .on a { background: none; color: #0068cf; font-weight: bold; }

#wrap.mypage #snb .lst .on a:after, #wrap.company #snb .lst .on a:after { top: 0; left: 50%; right: auto; width: 50px; height: 4px; margin: 0 0 0 -25px; background: #0068cf; content: ''; }

#wrap.mypage #contents, #wrap.company #contents { padding-bottom: 100px; }

#wrap.mypage .hd_cont, #wrap.company .hd_cont { max-width: 1280px; margin: 0 auto; }

#wrap.mypage { /* 회원정보 관리 */ }

#wrap.mypage #contents { background: #f5f5f5; }

#wrap.mypage .on .info_details { display: block; }

#wrap.mypage .on .wrap_more .more:before { content: '접기'; }

#wrap.mypage .on .wrap_more .more .ico_comm { background-position: -50px -135px; }

#wrap.mypage .ongoing .box_test { padding: 20px 30px; }

#wrap.mypage .ongoing .box_test .tbl_info { width: 100%; }

#wrap.mypage .ongoing .box_test .tbl_info th, #wrap.mypage .ongoing .box_test .tbl_info td { padding: 5px 0; }

#wrap.mypage .ongoing .box_test .tbl_info th { width: 50px; }

#wrap.mypage .ongoing .notest { padding: 20px; text-align: center; }

#wrap.mypage .ongoing .notest p { font-size: 18px; }

#wrap.mypage .ongoing .notest p:before { display: block; width: 40px; height: 40px; margin: 0 auto 10px; background: url(../_img/ico_noti.png) 50% 50% no-repeat; background-size: 40px; content: ''; }

#wrap.mypage .complete .wrap_btn .btn_test:before { width: 12px; background-position: -35px -120px; }

#wrap.mypage .payment .info_test .wrap_tbl { display: block; }

#wrap.mypage .payment .info_test .tbl_info { width: 100%; }

#wrap.mypage .payment .info_test .tbl_info th, #wrap.mypage .payment .info_test .tbl_info td { vertical-align: top; line-height: 24px; padding: 3px 0; }

#wrap.mypage .payment .info_test .tbl_info th { width: 60px; }

#wrap.mypage .payment .info_test .tbl_info td .lst_ask { display: inline-block; font-size: 0; }

#wrap.mypage .payment .info_test .tbl_info td .lst_ask li { display: inline-block; margin-left: 5px; }

#wrap.mypage .payment .info_test .tbl_info td .lst_ask a { display: block; border: 1px solid #ccc; border-radius: 3px; padding: 0 5px; font-size: 13px; line-height: 22px; color: #888; }

#wrap.mypage .payment .info_test .tbl_info td .lst_ask a:hover { color: #222; border-color: #aaa; }

@media screen and (max-width: 1200px) { #wrap.mypage #visual { padding-bottom: 40px; } }

@media screen and (max-width: 600px) { #wrap.mypage #contents { padding: 0; }
  #wrap.mypage .payment .info_test .wrap_tbl .tbl_info, #wrap.mypage .payment .info_test .wrap_tbl tbody, #wrap.mypage .payment .info_test .wrap_tbl tr { display: block; }
  #wrap.mypage .payment .info_test .wrap_tbl th, #wrap.mypage .payment .info_test .wrap_tbl td { display: block; height: auto; }
  #wrap.mypage .payment .info_test .wrap_tbl th { float: left; }
  #wrap.mypage .payment .info_test .wrap_tbl td { overflow: hidden; }
  #wrap.mypage .payment .info_test .wrap_tbl td .lst_ask { margin: 6px 0 0; }
  #wrap.mypage .payment .info_test .wrap_tbl td .lst_ask li { margin: 0 5px 0 0; } }

#wrap.mypage .myinfo .box { padding: 90px 0; }

#wrap.mypage .myinfo .tit_member { padding: 0 90px; text-align: center; line-height: 1.2; }

#wrap.mypage .myinfo .tit_member .tit { display: block; font-size: 30px; font-weight: bold; color: #036; }

#wrap.mypage .myinfo .tit_member .desc { margin-top: 10px; }

#wrap.mypage .myinfo .info_member { padding: 20px; margin-top: 30px; background: #f0f7ff; text-align: center; }

#wrap.mypage .myinfo .info_member table { width: auto; margin: 0 auto; }

#wrap.mypage .myinfo .info_member th, #wrap.mypage .myinfo .info_member td { padding: 0 10px; height: 36px; }

#wrap.mypage .myinfo .info_member th { padding-right: 30px; text-align: left; font-size: 13px; font-weight: bold; color: #0068cf; }

#wrap.mypage .myinfo .info_member td + th { padding-left: 20px; }

#wrap.mypage .myinfo .info_member td { font-size: 16px; text-align: left; letter-spacing: 0; }

#wrap.mypage .myinfo .cont { margin-top: 40px; padding: 0 90px; }

#wrap.mypage .myinfo .area_inp dl { text-align: left; font-size: 0; }

#wrap.mypage .myinfo .area_inp dl + dl { margin-top: 8px; }

#wrap.mypage .myinfo .area_inp dt, #wrap.mypage .myinfo .area_inp dd { display: inline-block; }

#wrap.mypage .myinfo .area_inp dt { width: 100px; font-size: 13px; color: #0068cf; line-height: 40px; }

#wrap.mypage .myinfo .area_inp dd { position: relative; width: calc(100% - 100px); }

#wrap.mypage .myinfo .area_inp dd .inp { display: block; width: 100%; height: 40px; font-size: 16px; padding: 0 0.3em; }

#wrap.mypage .myinfo .area_inp dd .btn_line { position: absolute; top: 0; right: 0; width: 92px; height: 40px; padding: 0; line-height: 38px; border-width: 1px; font-size: 13px; background: #fff; }

#wrap.mypage .myinfo .area_inp dd.hasbtn .inp { width: calc(100% - 85px); }

#wrap.mypage .myinfo .area_inp dd.inp_code .inp { padding-right: 50px; }

#wrap.mypage .myinfo .area_inp dd.inp_code .time { position: absolute; top: 0; right: 100px; line-height: 40px; font-size: 13px; letter-spacing: 0; color: red; }

#wrap.mypage .myinfo .area_inp .lst_chk { margin-top: 11px; }

@media screen and (max-width: 720px) { #wrap.mypage .myinfo .area_inp dt, #wrap.mypage .myinfo .area_inp dd { display: block; width: auto; }
  #wrap.mypage .myinfo .area_inp dt { line-height: 1.3; margin-bottom: 4px; }
  #wrap.mypage .myinfo .area_inp dl + dl { margin-top: 20px; } }

#wrap.mypage .myinfo .wrap_btn { margin-top: 40px; text-align: center; }

#wrap.mypage .myinfo .wrap_btn a, #wrap.mypage .myinfo .wrap_btn button { display: block; width: 100%; border-radius: 5px; }

#wrap.mypage .myinfo .wrap_btn a + a, #wrap.mypage .myinfo .wrap_btn a + button, #wrap.mypage .myinfo .wrap_btn button + a, #wrap.mypage .myinfo .wrap_btn button + button { margin-top: 10px; }

#wrap.mypage .myinfo .wrap_btn .btn { line-height: 60px; height: 60px; font-size: 18px; }

#wrap.mypage .myinfo .wrap_btn .btn_more { margin-top: 30px; font-size: 0; }

#wrap.mypage .myinfo .wrap_btn .btn_more a, #wrap.mypage .myinfo .wrap_btn .btn_more button { display: inline-block; width: calc(50% - 6px); height: 50px; padding: 0; }

#wrap.mypage .myinfo .wrap_btn .btn_more a + a, #wrap.mypage .myinfo .wrap_btn .btn_more a + button, #wrap.mypage .myinfo .wrap_btn .btn_more button + a, #wrap.mypage .myinfo .wrap_btn .btn_more button + button { margin: 0 0 0 12px; }

#wrap.mypage .myinfo .wrap_btn .btn_more a.btn, #wrap.mypage .myinfo .wrap_btn .btn_more button.btn { line-height: 50px; }

#wrap.mypage .myinfo .wrap_btn .btn_more a.btn_line, #wrap.mypage .myinfo .wrap_btn .btn_more button.btn_line { line-height: 46px; }

#wrap.mypage .myinfo .box + .links { margin-top: 20px; padding-bottom: 30px; text-align: center; }

#wrap.mypage .myinfo .box + .links a { display: inline-block; margin: 0 10px; font-size: 15px; color: #999; text-decoration: underline; transition: .2s; }

#wrap.mypage .myinfo .box + .links a:hover { color: #555; }

@media screen and (max-width: 1024px) { #wrap.mypage .myinfo .box { padding: 30px 0; }
  #wrap.mypage .myinfo .tit_member { padding: 0 15px; }
  #wrap.mypage .myinfo .tit_member .tit { font-size: 20px; }
  #wrap.mypage .myinfo .tit_member .desc { line-height: 1.4; }
  #wrap.mypage .myinfo .info_member { margin-top: 20px; padding: 20px 15px; }
  #wrap.mypage .myinfo .info_member table th, #wrap.mypage .myinfo .info_member table td { height: 32px; padding: 5px; }
  #wrap.mypage .myinfo .info_member table th { width: auto; padding-right: 10px; font-weight: normal; font-size: 12px; }
  #wrap.mypage .myinfo .info_member table td { width: calc(50% - 60px); padding-right: 20px; font-size: 14px; }
  #wrap.mypage .myinfo .cont { width: 420px; max-width: 100%; margin: 30px auto 0; padding: 0 15px; }
  #wrap.mypage .myinfo .wrap_btn { margin-top: 30px; }
  #wrap.mypage .myinfo .wrap_btn .btn { height: 50px; line-height: 50px; font-size: 16px; } }

#wrap.company .my_service { padding: 40px 0 0; font-size: 0; }

#wrap.company .my_service .wfix { padding: 30px; background: #f0f9ff; }

#wrap.company .my_service .tit_company, #wrap.company .my_service .tit_company dt, #wrap.company .my_service .tit_company dd { display: inline-block; }

#wrap.company .my_service .tit_company dt, #wrap.company .my_service .tit_company dd { line-height: 40px; font-weight: bold; }

#wrap.company .my_service .tit_company dt { margin-right: 8px; color: #777; font-size: 16px; }

#wrap.company .my_service .tit_company dd { font-size: 22px; color: #036; }

#wrap.company .my_service .current_service { float: right; }

#wrap.company .my_service .current_service .slt { display: inline-block; width: auto; padding-right: 80px; background-color: #fff; }

#wrap.company .my_service .current_service .btn { display: inline-block; height: 40px; line-height: 40px; padding: 0 10px; font-size: 15px; }

#wrap.company .hd_cont { border-bottom: none; }

#wrap.company .tbl tbody tr:first-child th, #wrap.company .tbl tbody tr:first-child td { border-top: none; }

#wrap.company .tbl td + th { border-left: 1px solid #ddd; }

#wrap.company .tbl th { text-align: center; }

#wrap.company .tbl .bar { display: inline-block; width: 50%; min-width: 140px; position: relative; height: 8px; margin-top: 6px; border-radius: 8px; background: #eee; }

#wrap.company .tbl .bar .value { position: absolute; top: 0; left: 0; height: 8px; border-radius: 8px; background: #3246d3; }

#wrap.company .tbl dl, #wrap.company .tbl dt, #wrap.company .tbl dd { display: inline-block; }

#wrap.company .tbl .rate { display: inline-block; margin-left: 5px; line-height: 20px; font-weight: bold; }

#wrap.company .tbl .rate dt { color: #999; margin-right: 4px; font-size: 14px; }

#wrap.company .tbl .rate dd { color: #000; }

#wrap.company .tbl .desc { font-size: 14px; color: #999; }

#wrap.company .tbl .desc b { color: #000; }

#wrap.company .tbl .desc dl + dl dt:before { display: inline-block; content: ' / '; }

#wrap.company .wrap_chart { margin-top: 30px; }

#wrap.company .wrap_chart .bar_func { margin-bottom: 10px; }

#wrap.company .wrap_chart .bar_func .slt { display: inline-block; width: auto; padding-right: 40px; }

#wrap.company .wrap_chart .bar_func .slt + .slt, #wrap.company .wrap_chart .bar_func .btn_sort { margin-left: 3px; }

#wrap.company .wrap_chart .bar_func .btn_sort { display: inline-block; width: 40px; height: 40px; line-height: 38px; border: 1px solid #aaa; }

#wrap.company .wrap_chart .bar_func .btn_sort .ico_comm { width: 18px; height: 18px; margin-top: 10px; background-position: 0px -185px; }

#wrap.company .wrap_chart .bar_func .tit_tbl { display: inline-block; padding-top: 20px; line-height: 20px; font-size: 1.2em; font-weight: bold; color: #036; }

#wrap.company .wrap_chart .bar_func * + .docu { float: right; }

#wrap.company .wrap_chart .bar_func .docu { text-align: right; }

#wrap.company .wrap_chart .bar_func .docu .btn_refer { display: none; }

#wrap.company .wrap_chart .bar_func .docu .refer { display: inline-block; font-size: 12px; text-align: right; line-height: 15px; padding: 5px 10px; background: #f5f5f5; margin-right: 10px; }

#wrap.company .wrap_chart .bar_func .docu a, #wrap.company .wrap_chart .bar_func .docu label { display: inline-block; height: 40px; border: 1px solid #aaa; font-size: 15px; padding: 0 10px; line-height: 38px; }

#wrap.company .wrap_chart .bar_func .docu a:before, #wrap.company .wrap_chart .bar_func .docu label:before { height: 16px; margin: 11px 4px 0 0; content: ''; }

#wrap.company .wrap_chart .bar_func .docu .wrap_download { display: inline-block; position: relative; text-align: center; }

#wrap.company .wrap_chart .bar_func .docu .wrap_download .btn_download:before { width: 14px; background-position: -20px -180px; }

#wrap.company .wrap_chart .bar_func .docu .wrap_download .lst_type { display: none; position: absolute; top: 40px; left: 0; width: 100%; border: 1px solid #ccc; border-top: none; background: #fff; }

#wrap.company .wrap_chart .bar_func .docu .wrap_download .lst_type li + li { border-top: 1px solid #ccc; }

#wrap.company .wrap_chart .bar_func .docu .wrap_download .lst_type a { display: block; line-height: 36px; padding: 0 6px; height: auto; border: none; margin: 0; }

#wrap.company .wrap_chart .bar_func .docu .wrap_download .lst_type a:hover { background: #f7f7f7; }

#wrap.company .wrap_chart .bar_func .docu .wrap_download .slt { display: none; position: absolute; top: 0; left: 0; width: 100%; opacity: 0; }

#wrap.company .wrap_chart .bar_func .docu .wrap_download.on .lst_type { display: block; }

#wrap.company .wrap_chart .bar_func .docu .btn_print { margin-left: 3px; }

#wrap.company .wrap_chart .bar_func .docu .btn_print:before { width: 16px; background-position: -35px -180px; }

#wrap.company .wrap_chart .tbl thead th { border-bottom: 1px solid #ddd; }

#wrap.company .wrap_chart .tbl thead th + th { border-left: 1px solid rgba(0, 0, 0, 0.1); }

#wrap.company .wrap_chart .tbl tbody td { text-align: center; }

#wrap.company .wrap_chart .tbl tbody td .view { display: inline-block; margin-left: 4px; font-size: 13px; line-height: 22px; padding: 0 4px; border: 1px solid #0068cf; color: #0068cf; }

#wrap.company .wrap_chart .tbl tbody .lab { display: none; }

#wrap.company .wrap_chart .stats { border: 1px solid #ccc; }

#wrap.company .wrap_chart .stats .item { padding: 15px 20px; }

#wrap.company .wrap_chart .stats .item + .item { border-top: 1px solid #ddd; }

#wrap.company .wrap_chart .stats .tit { float: left; width: 10%; padding: 5px 0px 5px 0; text-align: center; }

#wrap.company .wrap_chart .stats .tit span, #wrap.company .wrap_chart .stats .tit strong { display: block; font-weight: bold; }

#wrap.company .wrap_chart .stats .tit span { letter-spacing: 0; font-size: 13px; color: #999; }

#wrap.company .wrap_chart .stats .tit strong { margin-top: 1px; font-size: 20px; }

#wrap.company .wrap_chart .stats .view { float: left; margin: 14px 30px 0 0; padding: 0 8px; line-height: 30px; border: 1px solid #036; color: #036; font-size: 13px; border-radius: 3px; }

#wrap.company .wrap_chart .stats .view:before { width: 14px; height: 14px; margin: 8px 4px 0 0; background-position: -50px -115px; content: ''; }

#wrap.company .wrap_chart .stats .cont { overflow: hidden; font-size: 0; }

#wrap.company .wrap_chart .stats .cont .ranks { display: inline-block; padding: 5px 0; }

#wrap.company .wrap_chart .stats .cont .ranks dl { display: inline-block; margin-right: 10px; text-align: center; }

#wrap.company .wrap_chart .stats .cont .ranks dt { font-size: 13px; color: #999; }

#wrap.company .wrap_chart .stats .cont .ranks dd { margin-top: 1px; font-size: 20px; color: #777; }

#wrap.company .wrap_chart .stats .cont .ranks dd b { color: #0068cf; }

#wrap.company .wrap_chart .stats .cont .grades { float: right; width: 500px; }

#wrap.company .wrap_chart .stats .cont .grades .item_grade { display: inline-block; width: calc(25% - 3px); font-size: 14px; }

#wrap.company .wrap_chart .stats .cont .grades .item_grade dl { border: 2px solid #eee; border-radius: 4px; text-align: center; overflow: hidden; }

#wrap.company .wrap_chart .stats .cont .grades .item_grade dt { line-height: 24px; font-weight: bold; }

#wrap.company .wrap_chart .stats .cont .grades .item_grade dd { line-height: 32px; font-weight: bold; font-size: 16px; }

#wrap.company .wrap_chart .stats .cont .grades .item_grade .gradeF dt { background: #f5eaf5; }

#wrap.company .wrap_chart .stats .cont .grades .item_grade .gradeD dt { background: #eeebf7; }

#wrap.company .wrap_chart .stats .cont .grades .item_grade .gradeC dt { background: #ebecf8; }

#wrap.company .wrap_chart .stats .cont .grades .item_grade .gradeCP dt { background: #e9eef9; }

#wrap.company .wrap_chart .stats .cont .grades .item_grade .gradeB dt { background: #e7f1f9; }

#wrap.company .wrap_chart .stats .cont .grades .item_grade .gradeBP dt { background: #e6f5f9; }

#wrap.company .wrap_chart .stats .cont .grades .item_grade .gradeA dt { background: #e6f5f9; }

#wrap.company .wrap_chart .stats .cont .grades .item_grade .gradeAP dt { background: #e5f9fa; }

#wrap.company .wrap_chart .stats .cont .grades .item_grade.total dt { color: #fff; }

#wrap.company .wrap_chart .stats .cont .grades .item_grade + .item_grade { margin-left: 4px; }

#wrap.company .wrap_chart .stats .details { margin-top: 15px; background: #f7f7f7; overflow: hidden; }

#wrap.company .wrap_chart .stats .details .item_details { margin: 15px; font-size: 0; overflow: hidden; }

#wrap.company .wrap_chart .stats .details .item_details + .item_details { padding-top: 15px; border-top: 1px solid #ddd; }

#wrap.company .wrap_chart .stats .details .tit_detail { float: left; width: 150px; margin-right: 12px; padding: 10px; border: 2px solid #ddd; border-radius: 5px; background: #fff; text-align: center; }

#wrap.company .wrap_chart .stats .details .tit_detail strong { display: inline-block; width: calc(50% - 5px); margin-right: 10px; font-size: 15px; font-weight: bold; line-height: 30px; }

#wrap.company .wrap_chart .stats .details .tit_detail .grade { display: inline-block; width: 30px; color: #fff; font-size: 16px; font-weight: bold; line-height: 30px; border-radius: 4px; }

#wrap.company .wrap_chart .stats .details .tit_detail dl { line-height: 20px; }

#wrap.company .wrap_chart .stats .details .tit_detail dt { display: inline-block; margin-right: 6px; color: #777; font-size: 13px; }

#wrap.company .wrap_chart .stats .details .tit_detail dd { display: inline-block; font-size: 14px; }

#wrap.company .wrap_chart .stats .details .cont_detail { overflow: hidden; }

#wrap.company .wrap_chart .stats .details .cont_detail dl { display: inline-block; width: calc(11.111% - 8px); padding: 13px 0; border: 1px solid #ddd; background: #fff; border-radius: 4px; font-size: 14px; text-align: center; }

#wrap.company .wrap_chart .stats .details .cont_detail dl + dl { margin-left: 9px; }

#wrap.company .wrap_chart .stats .details .cont_detail dt { font-size: 13px; }

#wrap.company .wrap_chart .stats .details .cont_detail dd { margin-top: 6px; font-size: 16px; line-height: 20px; }

#wrap.company .wrap_chart .stats .details .cont_detail dd b { font-size: 1.1em; }

#wrap.company .wrap_chart .ft_board { margin-top: 20px; }

#wrap.company .analyze .wrap_chart .tbl thead th span { display: block; }

#wrap.company .analyze .wrap_chart .tbl tbody th { color: #555; font-size: 14px; font-weight: normal; letter-spacing: 0; }

#wrap.company .analyze .wrap_chart .tbl tbody th b { display: block; font-size: 16px; color: #036; letter-spacing: -0.04em; }

#wrap.company .analyze .wrap_chart .tbl td { letter-spacing: 0; font-size: 13px; }

#wrap.company .analyze .wrap_chart .tbl td .tit_item { display: none; }

#wrap.company .analyze .wrap_chart .tbl td b { display: block; font-size: 15px; }

#wrap.company .analyze .tit_graph { display: block; margin-top: 40px; padding-bottom: 10px; font-size: 1.2em; font-weight: bold; color: #036; }

#wrap.company .analyze .wrap_graph { padding: 40px; border: 1px solid #ddd; }

#wrap.company .analyze .wrap_graph .wrap_linechart { display: inline-block; width: calc(100% - 300px); padding: 0 0 20px; }

#wrap.company .analyze .wrap_graph .wrap_linechart .xAxes { bottom: 20px; }

#wrap.company .analyze .wrap_graph .wrap_index { float: right; text-align: center; padding: 12px 20px; background: #f7f7f7; }

#wrap.company .analyze .wrap_graph .wrap_index .grade { display: inline-block; width: 40px; border-radius: 3px; color: #fff; font-weight: bold; }

#wrap.company .analyze .wrap_graph .wrap_index td { padding: 8px; font-size: 14px; text-align: left; }

#wrap.company .analyze .wrap_graph .wrap_index td + td { letter-spacing: 0; text-align: center; }

#wrap.company .analyze .wrap_graph .wrap_radarchart { max-width: 420px; margin: 0 auto; }

@media screen and (max-width: 1024px) { #wrap.company .my_service { padding-top: 0; }
  #wrap.company .my_service .wfix { padding: 20px 15px; }
  #wrap.company .my_service .tit_company dt, #wrap.company .my_service .tit_company dd { line-height: normal; }
  #wrap.company .my_service .tit_company dt { font-size: 13px; }
  #wrap.company .my_service .tit_company dd { font-size: 15px; }
  #wrap.company .my_service .current_service { float: none; margin-top: 10px; }
  #wrap.company .my_service .current_service .slt { font-size: 14px; width: calc(100% - 92px); padding-right: 20px; }
  #wrap.company .my_service .current_service .btn { width: 92px; font-size: 14px; }
  #wrap.company .hd_cont { display: block; padding: 0 0 5px; }
  #wrap.company .hd_cont .title { font-size: 18px; line-height: normal; }
  #wrap.company .hd_cont .location { display: none; }
  #wrap.company .tbl table, #wrap.company .tbl tbody, #wrap.company .tbl tr { display: block; }
  #wrap.company .tbl thead { display: none; }
  #wrap.company .tbl tr { font-size: 0; }
  #wrap.company .tbl th, #wrap.company .tbl td, #wrap.company .tbl td + th { display: inline-block; height: auto; border: none; padding: 0; font-size: 14px; }
  #wrap.company .wrap_info .tbl th, #wrap.company .wrap_info .tbl td { display: flex; align-items: center; height: 46px; border-bottom: 1px solid #ddd; }
  #wrap.company .wrap_info .tbl th { background: none; float: left; width: 66px; padding: 0; text-align: left; color: #0068cf; }
  #wrap.company .wrap_info .tbl td { overflow: hidden; }
  #wrap.company .wrap_info .tbl tr.tr_rate th, #wrap.company .wrap_info .tbl tr.tr_rate td { height: 60px; }
  #wrap.company .wrap_info .tbl tr.tr_rate td { display: block; padding: 10px 0; }
  #wrap.company .wrap_info .tbl tr.tr_rate .desc { font-size: 13px; }
  #wrap.company .wrap_info .tbl .rate dt, #wrap.company .wrap_info .tbl .rate dd { font-size: 13px; }
  #wrap.company .wrap_chart .bar_func { position: relative; }
  #wrap.company .wrap_chart .bar_func .slt { height: 36px; font-size: 14px; }
  #wrap.company .wrap_chart .bar_func .slt + .slt { display: none; }
  #wrap.company .wrap_chart .bar_func .btn_sort { width: 36px; height: 36px; line-height: 34px; }
  #wrap.company .wrap_chart .bar_func .btn_sort .ico_comm { margin-top: 8px; }
  #wrap.company .wrap_chart .bar_func .tit_tbl { padding-top: 16px; }
  #wrap.company .wrap_chart .bar_func .docu .btn_refer { display: inline-block; width: 22px; height: 22px; margin: 7px 7px 0 0; border-radius: 100%; border: 2px solid #0068cf; text-align: center; line-height: 18px; font-size: 0; }
  #wrap.company .wrap_chart .bar_func .docu .btn_refer:after { content: 'i'; font-size: 12px; font-weight: bold; color: #0068cf; }
  #wrap.company .wrap_chart .bar_func .docu .refer { display: none; position: absolute; top: 45px; right: 0; width: 100%; margin-right: 0; z-index: 9; text-align: left; padding: 10px; background: #f5f5f5; }
  #wrap.company .wrap_chart .bar_func .docu .refer p + p { margin-top: 10px; }
  #wrap.company .wrap_chart .bar_func .docu .refer:after { position: absolute; top: -10px; right: 92px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 10px solid #f5f5f5; content: ''; }
  #wrap.company .wrap_chart .bar_func .docu a { font-size: 0; height: 36px; line-height: 34px; }
  #wrap.company .wrap_chart .bar_func .docu a:before { margin: 8px 0 0; }
  #wrap.company .wrap_chart .bar_func .docu .wrap_download .slt { display: block; padding: 0; }
  #wrap.company .wrap_chart .bar_func .docu .wrap_download .lst_type { top: 35px; left: auto; right: 0; width: 100px; }
  #wrap.company .wrap_chart .bar_func .docu .wrap_download .lst_type a { font-size: 14px; }
  #wrap.company .wrap_chart .bar_func .docu .wrap_download.on .lst_type { display: none; }
  #wrap.company .wrap_chart .tbl tbody tr { position: relative; padding: 10px 0; border-bottom: 1px solid #ddd; }
  #wrap.company .wrap_chart .tbl tbody td { text-align: left; line-height: 20px; font-size: 13px; }
  #wrap.company .wrap_chart .tbl tbody .td_id, #wrap.company .wrap_chart .tbl tbody .td_tel, #wrap.company .wrap_chart .tbl tbody .td_num, #wrap.company .wrap_chart .tbl tbody .td_date { letter-spacing: 0; }
  #wrap.company .wrap_chart .tbl tbody .td_id, #wrap.company .wrap_chart .tbl tbody .td_name { display: block; }
  #wrap.company .wrap_chart .tbl tbody .td_id { font-size: 12px; margin-right: 4px; color: #999; }
  #wrap.company .wrap_chart .tbl tbody .td_name { margin-top: 2px; font-size: 18px; font-weight: bold; }
  #wrap.company .wrap_chart .tbl tbody .td_crt { position: absolute; top: 10px; right: 0; text-align: right; }
  #wrap.company .wrap_chart .tbl tbody .td_crt .view { display: block; margin-top: 3px; line-height: 20px; margin-left: 0; }
  #wrap.company .wrap_chart .tbl tbody .td_tel { display: block; margin: 3px 0; }
  #wrap.company .wrap_chart .tbl tbody .td_num { margin-right: 12px; }
  #wrap.company .wrap_chart .tbl tbody .lab { display: inline-block; margin-right: 3px; font-size: 12px; color: #0068cf; letter-spacing: 0; }
  #wrap.company .wrap_chart .stats { border: none; border-top: 2px solid #0068cf; }
  #wrap.company .wrap_chart .stats .item { position: relative; padding: 12px 0; }
  #wrap.company .wrap_chart .stats .tit { display: inline-block; float: none; width: auto; padding: 0; text-align: left; }
  #wrap.company .wrap_chart .stats .tit span { font-size: 12px; }
  #wrap.company .wrap_chart .stats .tit strong { font-size: 18px; }
  #wrap.company .wrap_chart .stats .view { display: inline-block; float: none; margin: 7px 0 0 10px; }
  #wrap.company .wrap_chart .stats .cont { margin-top: 10px; }
  #wrap.company .wrap_chart .stats .cont .ranks { position: absolute; top: 12px; right: 0; padding: 0; }
  #wrap.company .wrap_chart .stats .cont .ranks dt { font-size: 12px; }
  #wrap.company .wrap_chart .stats .cont .ranks dd { font-size: 18px; }
  #wrap.company .wrap_chart .stats .cont .grades { float: none; width: auto; }
  #wrap.company .wrap_chart .stats .cont .grades .item_grade dl { border-width: 1px; }
  #wrap.company .wrap_chart .stats .cont .grades .item_grade dt { font-size: 13px; background: none; }
  #wrap.company .wrap_chart .stats .cont .grades .item_grade dd { line-height: 28px; }
  #wrap.company .wrap_chart .stats .details .item_details { margin: 10px; }
  #wrap.company .wrap_chart .stats .details .item_details .tit_detail { float: none; width: auto; margin-right: 0; padding: 8px; text-align: left; }
  #wrap.company .wrap_chart .stats .details .item_details .tit_detail strong { width: auto; font-size: 13px; }
  #wrap.company .wrap_chart .stats .details .item_details .tit_detail .grade { text-align: center; }
  #wrap.company .wrap_chart .stats .details .item_details .tit_detail dl { float: right; line-height: 30px; }
  #wrap.company .wrap_chart .stats .details .item_details .cont_detail { margin-top: 8px; }
  #wrap.company .wrap_chart .stats .details .item_details .cont_detail dl { width: 25%; padding: 8px; border-radius: 0; }
  #wrap.company .wrap_chart .stats .details .item_details .cont_detail dl + dl { margin-left: 0; border-left: none; }
  #wrap.company .wrap_chart .stats .details .item_details .cont_detail dl:nth-child(n+5) { border-top: none; }
  #wrap.company .wrap_chart .stats .details .item_details .cont_detail dl:nth-child(4n+1) { border-left: 1px solid #ddd; }
  #wrap.company .wrap_chart .stats .details .item_details .cont_detail dd { margin-top: 3px; font-size: 14px; }
  #wrap.company .analyze { padding-bottom: 40px !important; }
  #wrap.company .analyze .wrap_chart .tbl thead { display: block; float: left; min-width: 70px; width: 18%; }
  #wrap.company .analyze .wrap_chart .tbl thead th { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 50px; border-left: none !important; }
  #wrap.company .analyze .wrap_chart .tbl tbody { overflow: hidden; }
  #wrap.company .analyze .wrap_chart .tbl tbody tr { float: left; width: 33.333%; padding: 0; border-bottom: none; }
  #wrap.company .analyze .wrap_chart .tbl tbody th, #wrap.company .analyze .wrap_chart .tbl tbody td { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 50px; border-bottom: 1px solid #ddd; }
  #wrap.company .analyze .wrap_chart .tbl tbody th { font-size: 12px; }
  #wrap.company .analyze .wrap_chart .tbl tbody th b { font-size: 14px; }
  #wrap.company .analyze .wrap_chart .tbl tbody td b { font-size: 14px; }
  #wrap.company .analyze .tit_graph { padding-bottom: 0; }
  #wrap.company .analyze .wrap_graph { padding: 0px; border: none; }
  #wrap.company .analyze .wrap_graph .wrap_linechart { display: block; width: auto; margin-bottom: 20px; }
  #wrap.company .analyze .wrap_graph .wrap_index { float: none; padding: 5px; }
  #wrap.company .analyze .wrap_graph .wrap_index table, #wrap.company .analyze .wrap_graph .wrap_index tbody, #wrap.company .analyze .wrap_graph .wrap_index tr { display: block; }
  #wrap.company .analyze .wrap_graph .wrap_index tbody { overflow: hidden; }
  #wrap.company .analyze .wrap_graph .wrap_index tr { float: left; width: 50%; text-align: left; padding: 5px; }
  #wrap.company .analyze .wrap_graph .wrap_index th, #wrap.company .analyze .wrap_graph .wrap_index td { display: inline-block; padding: 0; }
  #wrap.company .analyze .wrap_graph .wrap_index td { margin-left: 4px; font-size: 13px; }
  #wrap.company .analyze .wrap_graph .wrap_index th + td { width: 48px; }
  #wrap.company .analyze .wrap_graph .wrap_index .grade { width: 32px; text-align: center; } }

#wrap.policy #contents { padding: 40px; line-height: 1.8; font-size: 15px; }

#wrap.policy #contents h4 { font-size: 1.3em; font-weight: bold; color: #036; }

#wrap.policy #contents h5 { margin-top: 2em; font-size: 1.2em; font-weight: bold; }

#wrap.policy #contents .summ_policy { padding: 30px; margin: .5em 0 .5em; border: 1px solid #ddd; }

#wrap.policy #contents .tit { display: block; margin-top: 1.5em; font-weight: bold; }

#wrap.policy #contents li strong { display: block; margin-top: .5em; }

#wrap.policy #contents .cont_policy p + ul, #wrap.policy #contents .cont_policy p + ol, #wrap.policy #contents .cont_policy p + div { margin-top: .5em; }

#wrap.policy #contents .cont_policy ol li { padding-left: 1em; text-indent: -1em; }

#wrap.policy #contents .cont_policy ol p { text-indent: 0; }

#wrap.policy #contents .cont_policy ul li { padding-left: .5em; text-indent: -.5em; }

#wrap.policy #contents .cont_policy ul p { text-indent: 0; }

#wrap.policy #contents h4 + .cont_policy h5:first-child { margin-top: 0; }

@media screen and (max-width: 1024px) { #wrap.policy #contents { padding: 15px; line-height: 1.6; font-size: 14px; }
  #wrap.policy #contents h4 { display: none; }
  #wrap.policy #contents .summ_policy { padding: 15px; } }

/*** 검사 ***/
#wrap.test #container { margin-top: 0; }

#wrap.test #container:before { display: none; }

#wrap.test .box { padding: 0; }

#wrap.test .box .cont_box { padding: 30px 0 40px; }

#wrap.test .box .inr { padding: 0 40px; }

#wrap.test .box * + .inr { margin-top: 20px; }

#wrap.test .info_test { padding: 0; }

#wrap.test .box_test .tbl_info th, #wrap.test .box_test .tbl_info td { height: 36px; }

#wrap.test .box_test .tbl_info th { padding-right: 15px; }

#wrap.test .cont_box > .wrap_btn { margin-top: 24px; }

#wrap.test .cont_box > .wrap_btn .btn { width: 200px; height: 50px; line-height: 50px; font-size: 18px; }

#wrap.test .tit_desc { line-height: 28px; font-size: 15px; text-align: center; }

#wrap.test .tit_desc span { display: inline-block; margin-right: 3px; padding: 0 16px; background: #036; color: #fff; border-radius: 28px; }

#wrap.test .tit_desc .tit { color: #555; }

#wrap.test .tit_desc .tit b { font-size: 18px; color: #036; font-weight: bold; }

#wrap.test .cont_desc { margin-top: 15px; text-align: center; font-size: 15px; color: #555; }

@media screen and (max-width: 600px) { #wrap.test .box .hd_box { padding: 10px 15px; }
  #wrap.test .box .hd_box h3.tit { font-size: 16px; line-height: normal; }
  #wrap.test .box .cont_box { padding: 15px; }
  #wrap.test .box .cont_box > .wrap_btn .btn { width: 100%; font-size: 16px; }
  #wrap.test .box .inr { padding: 0; }
  #wrap.test .box .box_test .tbl_info th, #wrap.test .box .box_test .tbl_info td { height: 24px; } }

.question .hd_test { position: relative; padding: 20px 30px; }

.question .hd_test dl { display: inline-block; font-size: 0; padding: 5px 0; line-height: 20px; }

.question .hd_test dt, .question .hd_test dd { display: inline-block; font-size: 15px; }

.question .hd_test dt { min-width: 50px; margin-right: 12px; font-weight: bold; color: #036; }

.question .hd_test dd { color: #555; }

.question .hd_test dl.tit { display: block; }

.question .hd_test dl:not(.tit) dd { letter-spacing: 0; }

.question .hd_test dl:not(.tit) + dl:before { display: inline-block; width: 1px; height: 16px; background: #ccc; margin: 2px 15px 0 15px; content: ''; }

.question .hd_test dt.ico_bfr:before { width: 20px; height: 20px; margin-right: 4px; background-position: 0px -160px; content: ''; }

.question .hd_test .btn_line { position: absolute; top: 25px; right: 30px; font-size: 13px; line-height: 32px; width: 120px; border-radius: 4px; }

.question .hd_test .btn_line:before { width: 16px; height: 16px; margin: 8px 6px 0 0; background-position: -25px -160px; content: ''; }

.question .num_question { padding: 20px 40px; background-color: #036; color: #fff; text-align: center; line-height: 1.2; }

.question .num_question .mont { display: block; font-size: 24px; font-weight: bold; }

.question .num_question p { margin-top: 4px; font-size: 14px; }

.question .item_question { padding: 30px; text-align: left; }

.question .item_question .q { font-size: 18px; word-break: keep-all; }
.question p{font-size: 15px;margin-bottom:10px;}
.question .ebox {
	text-align:left;
    font-size: 15px;
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 15px;
}
.question figure {
    margin: 0 0 10px 0!important;
}
.question td {
    border: 1px solid #ccc;
    padding: 5px;font-size: 15px;
}
.question table{margin-bottom:15px;}

.question .item_question .a { margin-top: 50px; font-size: 0; }

.question .item_question .a li { display: inline-block; width: 25%; padding: 0 8px; color: #036; flex-grow: 1; font-size: 15px; }

.question .item_question .a input { display: none; }

.question .item_question .a label { display: block; cursor: pointer; text-align:center;}

.question .item_question .a .mont { display: block; width: 40px; line-height: 36px; margin: 0 auto; border-radius: 100%; border: 2px solid #036; font-weight: bold; }

.question .item_question .a span { display: block; margin-top: 10px; line-height: 1.2; }

.question .item_question .a.a5 li { width: 19%; }

.question .item_question .a.a6 li { width: 15%; }

.question .item_question .a input:checked + label .mont { background: #036; color: #fff; }

.question .item_question .a input:checked + label span { font-weight: bold; }

.question .item_question .wrap_btn { margin-top: 50px; }

.question .item_question .wrap_btn a { width: 150px; }

@media screen and (max-width: 600px) { .question .hd_test { padding: 15px; }
  .question .hd_test dl { padding: 0; }
  .question .hd_test dt, .question .hd_test dd { font-size: 13px; }
  .question .hd_test .btn_line { position: relative; top: auto; right: auto; width: 100%; margin-top: 10px; }
  .question .hd_test dt.ico_bfr:before { display: none; }
  .question .num_question { padding: 15px; line-height: 20px; }
  .question .num_question .mont { display: inline-block; font-size: 15px; margin-right: 10px; }
  .question .num_question p { display: inline-block; margin-top: 0; text-align: left; }
  .question .box .cont_box { padding: 20px 0 !important; }
  .question .item_question { padding: 10px 15px; }
  .question .item_question .q { font-size: 15px; }
  .question .item_question .a { display: inline-block; margin-top: 20px; text-align: left; }
  .question .item_question .a li { width: auto !important; min-width: 50%; padding: 5px 0; }
  .question .item_question .a label { display: flex; align-items: center; overflow: hidden; }
  .question .item_question .a .mont { float: left; width: 32px; margin: 0 10px 0 0; line-height: 28px; font-size: 13px; text-align: center; flex-shrink: 0; }
  .question .item_question .a span { overflow: hidden; margin: 0; line-height: 18px; font-size: 14px; }
  .question .item_question .wrap_btn { margin-top: 20px; }
  .question .item_question .wrap_btn a { width: 100%; } }

.test_complete .cont { padding: 0 40px; }

.test_complete .desc_complete { padding-top: 50px; text-align: center; font-size: 18px; }

.test_complete .desc_complete:before { display: block; width: 100px; height: 108px; margin: 0 auto 22px; background: url(../_img/ico_complete.png) 50% 50% no-repeat; content: ''; }

.test_complete .box_test { margin-top: 30px; }

.test_complete .box_test .tbl_info { margin: 0 auto; }

.test_complete .wrap_btn { margin-top: 30px; font-size: 0; }

.test_complete .wrap_btn a + a, .test_complete .wrap_btn a + button + button + a, .test_complete .wrap_btn button + button { margin-left: 10px; }

@media screen and (max-width: 600px) { .test_complete .cont { padding: 0 15px; }
  .test_complete .desc_complete { padding-top: 10px; font-size: 16px; }
  .test_complete .desc_complete:before { width: 50px; height: 54px; margin-bottom: 15px; background-size: 50px auto; }
  .test_complete .box_test { margin-top: 20px; padding: 15px; }
  .test_complete .box_test .tbl_info th, .test_complete .box_test .tbl_info td { height: 30px !important; }
  .test_complete .wrap_btn { margin-top: 20px; }
  .test_complete .wrap_btn a, .test_complete .wrap_btn button { width: calc(50% - 10px) !important; margin: 0 5px; }
  .test_complete .wrap_btn a + a, .test_complete .wrap_btn a + button + button + a, .test_complete .wrap_btn button + button { margin-left: 0; } }