.social-icons { position:relative; width:90px; margin:0 auto; text-align:center; border: 0px dashed rgba(0, 0, 0, 1); }
.dashedline { border: 1px dashed rgba(0, 0, 0, 1); } /* ... 라인 */
.listnone { list-style: none; }
.test { border:1px solid #ff0000; }

.tab { margin-bottom:30px; }
.tab_list { padding:0; margin:0; }
.tab_list li { float:left; margin:0px; border-right:1px solid #fff; border-bottom:1px solid #fff; background:#697283; list-style: none; width:14%; text-align:center; }
.tab_list li.on { background:#0075df; width:16%; }
.tab_list li a { width:100%; height:auto; display: inline-block; text-transform: capitalize; margin:0px; margin-bottom: 3px; padding: 5px 0px 6px; color: #fff; font-size: 14px !important; }
.tab_list li a:hover { color: #ffff00; }

/* 활성화 하면 게시판 글쓰기와 충돌함
  .input-group { float:left; margin:0 10px; }
  .input-group .form-control { width:150px; }
*/

@media (max-width: 991px) {
  .tab_list li { width:25%; }
  .tab_list li.on { background:#0075df; width:25%; }
}

@media (max-width: 480px) {
  .tab_list li { width:33%; }
  .tab_list li.on { background:#0075df; width:33%; }
  .mo-fz14 { font-size:1.167em; }
  .mo-fz16 { font-size:1.333em; }
  .mo-fz18 { font-size:1.500em; }
}

.bluetitlebox { width:100%; padding:15px 10px; border: 0px solid #d5d5d5; color:#fff; font-size:16px; line-height:16px; background:#5e6e88; text-align:center; }
.bluetitleboxa { width:100%; padding:10px 10px 15px; border: 0px solid #d5d5d5; color:#fff; font-size:16px; line-height:16px; background:#697283; }
.bluetitleboxs { width:100%; padding:20px 10px; border: 0px solid #d5d5d5; color:#fff; font-size:22px; line-height:22px; background:#175fa5; }
.dsnone { list-style:none; }

/* 회원가입 - 1단계 이용약관  */
.pagesub-title {color:#222; font-size:20px; font-weight:700; padding:20px 0 10px; border-bottom:2px solid #444; }

div.pageagreeBox { margin-top:5px; width:100%; height:200px; }
div.pageagree {position:relative; top:0; left:0; width:100%; height:200px; padding:15px; overflow:auto; border:#d9d9d9 solid 1px; background:#fcfcfc; }

div.pageagreeBoxx { margin-top:5px; width:100%; height:100px; }
div.pageagreee {position:relative; top:0; left:0; width:100%; height:100px; padding:15px; overflow:auto; border:#d9d9d9 solid 1px; background:#fcfcfc; }

.pagechk {position:relative; display:inline-block; vertical-align:middle; line-height:1.5;}
.pagechk input[type=checkbox] {position:absolute;top:0;left:0;opacity:0.5; width:16px; height:16px; display:inline-block;}
.pagechk input[type=checkbox]:checked ~ label:after {background-position:0px bottom; color:#1d7cf6; font-weight:700}
.pagechk input[type=checkbox]:focus ~ label:before {content:''; position:absolute; top:-1px; left:-1px; display:block; width:18px; height:18px; border:1px dotted #555; }
.pagechk input[type=checkbox]:disabled ~ label:after {background-position:-18px 0; color:#777}
.pagechk input[type=checkbox]:disabled:checked ~ label:after {background-position:-18px bottom; color:#777}


#st-write h2 { font-size:24px; text-align:center; line-height:1.5em; }

/* 추가 */
input.formcall { font-size:18px; }
.formcalc { background:#fff; border:#656d78 0px solid; }
input.formcalr { font-size:18px; }

.control-label-1 { font-weight:bold; color:#000; line-height: 1.3em; text-align:right; }
.control-label-2 { font-weight:bold; color:#000; line-height: 1.3em; }
.control-label-3 { font-weight:bold; color:#fff; line-height: 1.3em; text-align:center; background:#5e6e88; padding:7px 0; }

@media (max-width: 767px) {
  .control-label-1 { font-weight:bold; color:#000; line-height: 1.3em; text-align:left; }
}

.bortop { padding:20px 0 0px; border-top:2px solid #444; }
.form-group { display:table; width:100%; border-bottom:0px solid #dbdbdb; }
.form-last { border-top:1px solid #ccc; }
.form-last-1 { border-top:1px solid #9ca4b1; }
.form-lastdash { border-top:1px dashed rgba(230, 230, 230, 1); }

.control-label-1 sup, .control-label-2 sup, .control-label-3 sup { font-size: 11px !important; vertical-align: top; color:#ff4c2e !important; }
.control-label-1 sup i, .control-label-2 sup i, .control-label-3 sup i { margin-top:8px; }

.exbox { margin:20px auto 10px; width:350px; height:60px; }
.tp-leftex { float:left; margin-right:20px; z-index:100;cursor:pointer; position:relative;	background:url(../images/gradient/large_left.png) no-Repeat top left; width:40px;	height:40px; }
.tp-centerex { float:left; z-index:100; position:relative;}
.tp-rightex { float:left; margin-left:20px; z-index:100;cursor:pointer; position:relative; background:url(../images/gradient/large_right.png) no-Repeat top left;	width:40px;	height:40px; }
.tp-leftex:hover, .tp-rightex:hover { background-position:bottom left }

.titleline { border-bottom: 1px solid #000; padding-bottom:20px; margin-bottom:0px; }
.intro_back { position:relative; width:100%; margin:0; background:url(../images/main/2018_intro_back.jpg) no-repeat center 0; clear:both; }

.pay-title-3 { padding:10px; margin:0; font-size:18px; text-align:center; font-weight: 600; background:#175fa5; color:#fff; }
.paybox { width:100%; padding:20px 20px 10px; background:#f1f2f7; }
.paybox h4 { margin:0 0 5px; font-size:18px; color:#0270d4; }
.paybox ol { padding-top:0px; padding-left:23px; }
.paybox ol li { padding:2px 0; }
.paybox ol li ul { padding-top:3px; padding-left:18px; } 

.add-bar {background:#fff; border:0; padding:0 3px;}
.drag-no { position:absolute;
	overflow:hidden;	
	width:1px;
	height:1px;
	top:auto;
	text-indent:-9999%;	
	font-size:0;
	line-height:0; }

/* DEFAULT */
.po-ab { position:absolute; }

.w100 { width:100px; }
.w120 { width:120px; }
.w150 { width:150px; }
.w170 { width:170px; }
.w200 { width:200px; }
.markerbox { height:17px; }
.markertitle { font-size:12px; padding-top:0px; }
.markerlink { font-size:13px; padding-top:3px; }

.roadbox { position:absolute; top:0; right:50px; width:450px; height:400px; margin:0; z-index:1; }
.roadtitle { padding-top:50px; text-align:right; }
.roadlan { padding-top:10px; text-align:right; }

#mapbox { position:relative; text-align:justify; width:100%; height:1400px; clear: both; }


/* contents layout - 숨김요소 */
@media (max-width: 991px) {
  .col-none { display:none; }
}

.mainslider_full_back { background:#2c303c; }
.def_full_back_1 { background: #f9f9f9; padding: 40px 0; margin:0; min-height:564px; }

.showtitle { background:#5a6475; color:#fff; font-size:16px; font-weight:bold; padding:6px 15px 10px; margin-bottom:15px; }
.showapp { background:#111; color:#fff; font-size:16px; font-weight:bold; padding:6px 15px 10px; margin-bottom:0px; }
.showbox { padding:0; margin:0; }
.showbox img { display: block; max-width: 100%; height: auto; }
.showbtnbox { padding-left:50px; }
.sisultitle { background:#ffd376; padding:12px 15px 1px; margin-bottom:5px; }
.grayline { border-top: 1px solid #d5d5d5; }
.graybox { width:100%; padding:20px; border: 1px solid #d5d5d5; }
.grayboxs { width:100%; padding:15px 15px 10px; border-top: 1px solid #0078d4; border-right: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; }
.grayboxx { width:100%; padding:15px; border-top: 1px solid #0078d4; border-right: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; }
.imdangbox { padding:10px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; text-align:center; background:#0075df; color:#fff; }
.imdangboxend { padding:10px; border-right: 0px solid #fff; border-bottom: 1px solid #fff; text-align:center; background:#0075df; color:#fff; }
.coffeebox { padding:20px; border-right: 0px solid #fff; border-bottom: 0px solid #fff; background:#5a6475; color:#fff; }
.phonebox { padding:20px 20px 15px; border: 1px solid #e9eaee; background:#f1f2f7; color:#333; font-size:16px;  }

.grayboxpd { width:100%; padding:18px 18px 10px; border: 1px solid #d5d5d5; }
.grayboxsisul { width:100%; padding-top:10px; border-top: 1px solid #d5d5d5; }
.grayboxpda { width:100%; padding:20px 27px 0; border: 1px solid #d5d5d5; }

.grayboxin { width:100%; padding:15px; border: 1px solid #d5d5d5; background:#f9f9f9; }
.grayboxin i { width:15px; text-align: center; padding:0px; }
.chobox { width:100%; padding:30px 15px 35px; text-align:center; border: 0px solid #d5d5d5; background:#f2f8ff; }
.blueboxin { width:100%; min-height:115px; padding:20px; border: 0px solid #d5d5d5; background:#0075df; }
.cafmap { width:100%; height:620px; padding:0; background:url(../images/contents/0108_map_new.gif) no-repeat center 0; border-top: 0px solid #d5d5d5; border-right: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; }
.fa-download { padding:0; }

.imgmin200 { min-height:200px; float:right; }


/**QNA**/
.gnabx { width:100%; margin:0 0 20px; }
.qnatbx { background-color: #011a43; padding:10px; margin:0; color:#fff; border: 1px solid #011a43; }
.qnatl, .qnabl { FLOAT:left; width:30px; font-size: 18px; font-weight: 500; }
.qnatr, .qnabr { FLOAT:left; width: calc(100% - 30px); font-size: 18px; font-weight: 400; }
.qnabbx { background-color: #fff; padding:15px 10px; margin:0; color:#555; border: 1px solid #eee; }
.qnaul { margin:0; padding:0 0 0 25px; }
.qnaul li { padding:2px 0; }

/* Mobile */
@media (max-width: 480px) {
  .container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
  .intro-text-1 h4 {
    color: #fff;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 500;
    line-height:30px;
    margin:0;
    padding:0;
  }
  .intro-text-1 p {
    font-size: 14px;
    font-weight: 400;
    color: #8ae1fd;
  }

  .footer-col.footer-3 h3 {
    font-size: 18px;
    line-height: 22px;
  }
  .footer-btm {
    line-height:1.2em;
  }
}

/* Tablet 적용 */
@media (max-width: 767px) {
  .navbar-collapse {
    margin-top:10px;
  }
  .tabletmb10 {
    margin-bottom:10px;
  }
}

@media all and (max-width:991px) and (min-width:768px) {
  .tablet-pdl5 { padding-left:0.417em !important; }
  .tablet-pdr5 { padding-right:0.417em !important; }
}


@media (max-width: 991px) {
  .tablet-pd0 { padding:0 !important; }
  .tablet-pd210 { padding:1.667em 0.833em !important; }
  .tablet-pdt10 { padding-top:0.833em !important; }
  .tablet-pdt20 { padding-top:1.667em !important; }
  .tablet-acenter { text-align:center; }
  
  .ta-fz14 { font-size:1.167em; }
	.ta-fz16 { font-size:1.333em; }
	.ta-fz18 { font-size:1.500em; }
}

.regdash { border-top:1px dashed rgba(230, 230, 230, 1); margin-top:5px !important; padding-bottom:5px !important; }
.regdash:first-child { border-top-color: currentColor; border-top-width: medium; border-top-style: none; }

@media all and (min-width:992px) {
  .md-pdl0 { padding-left:0 !important; }
}

@media all and (min-width:768px) and (max-width:991px) {
  .sm-pdl2 { padding-left:2px !important; }
  .sm-pdr2 { padding-right:2px !important; }
}

@media all and (max-width:767px) {
  .xs-pdl2 { padding-left:2px !important; }
  .xs-pdr2 { padding-right:2px !important; }
}

/* PC에만 적용 */
@media (min-width: 992px) {
  .pc-fz16 { font-size:1.333em; }
  .pc-fz18 { font-size:1.500em; }
  .pc-fz25 { font-size:2.083em }
  .pc-fz30 { font-size:2.500em; }

  .pc-lh16 { line-height:1.333em; }
  .pc-lh18 { line-height:1.555em; }

  .pc-wid30 { width:30% }

  .pc-aright { text-align:right; }

  .pc-drag { position:absolute;
    overflow:hidden;	
    width:1px;
    height:1px;
    top:auto;
    text-indent:-9999%;	
    font-size:0;
    line-height:0; }
}

.mobile-responsive {
  display: block;
  max-width: 50%;
  height: auto;
}

.host-responsive {
  display: block;
  max-width: 30%;
  height: auto;
}

.mobile-drag { text-align:right; margin-top:-10px; }

a.blank { padding-right:15px; background:url(../images/contents/blank_new.gif) no-repeat right 6px; margin-right:4px; text-decoration:none; }

.host-inline {
  padding-left: 0;
  margin-left: 0px;
  list-style: none;
}
.host-inline > li {
  display: inline-block;
  padding-right:5px;
  margin:0;
}
.host-inline > li img {
  margin-top:4px;
  padding-right:5px;
}


/* Greeting */
.greeting_left { width:100%; }
.greeting_right { width:100%; }

.greeting_title { font-size:24px; line-height: 1.4em; color:#086464; }
.greeting_p { font-size:18px; font-weight: 400; line-height: 1.4em; text-align:justify; }
.greeting_sign { font-size:18px; font-weight: 400; line-height: 1.4em; text-align:right; }
.greeting_sign span { font-size:24px; font-weight: 500; }

@media (min-width: 768px) {
  
}

@media (max-width: 991px) {
  .greeting_left img { width:200px; margin:0 auto; }
}


@media (max-width: 767px) {
  .greeting_title { font-size:20px; font-weight: 500; padding:15px 0; border-top:1px solid #007e89; border-bottom:1px solid #007e89; }
  .greeting_p { font-size:18px; }
}


.historysolid { border-bottom:1px solid rgba(0, 0, 0, 1); padding-top:10px; margin-bottom:10px; }
.historydash { border-bottom:1px dashed rgba(230, 230, 230, 1); padding-top:10px; margin-bottom:10px; }

.history-title { font-size:18px; }

@media all and (max-width:1139px) and (min-width:768px) {
  .historybox h5 { font-size: 40px; }
  .historybox ul li { font-size:15px; }
}

@media all and (max-width:767px) {
  .historybox h5 { font-size: 25px; }
  .historybox ul li { font-size:12px; }
}




/* INTRO */
@media all and (min-width:1140px) {
  .intro h2 { font-size:2.083em; line-height:1.5em; font-weight: 500; }
  .intro h3 { font-size:1.667em; line-height:1.5em; padding:5px 0; margin:0; font-weight: 500 !important; }
  .intro h3.lt { font-size:1.667em; line-height:1.5em; padding:5px 0; margin:0; }
  .intro h3.lt:first-letter {border-top: 2px solid #3d75bb;}
  .intro h4 { font-size:1.333em; line-height:1.5em; padding:0 0 3px; margin:0; font-weight: 500 !important; }
  .intro h5 { font-size:1.250em; line-height:1.5em; padding:0 0 3px; margin:0; }
  .intro h6 { font-size:1.167em; line-height:1.5em; padding:0 0 3px; margin:0; }
  .intro p { font-size:1.167em; line-height:1.6em; }
  .intro p.jusk { font-size:1.083em; }
  .intro p.jusks { font-size:1.000em; line-height:1.3em; }
}

@media all and (max-width:1139px) and (min-width:481px) {
  .intro h2 { font-size:1.500em; line-height:1.5em; }
  .intro h3 { font-size:1.500em; line-height:1.5em; padding:5px 0; margin:0; font-weight: 500 !important; }
  .intro h3.lt { font-size:1.500em; line-height:1.5em; padding:5px 0; margin:0; }
  .intro h3.lt:first-letter {border-top: 2px solid #3d75bb;}
  .intro h4 { font-size:1.333em; line-height:1.5em; padding:0 0 3px; margin:0; font-weight: 500 !important; }
  .intro h5 { font-size:1.250em; line-height:1.5em; padding:0 0 3px; margin:0; }
  .intro h6 { font-size:1.167em; line-height:1.5em; padding:0 0 3px; margin:0; }
  .intro p { font-size:1.167em; line-height:1.5em; }
  .intro p.jusk { font-size:1.083em; }
  .intro p.jusks { font-size:1.000em; line-height:1.3em; }
}

@media all and (max-width:480px) {
  .intro h2 { font-size:1.333em; line-height:1.5em; }
  .intro h3 { font-size:1.500em; line-height:1.5em; padding:8px 0 5px; margin:0; font-weight: 500 !important; }
  .intro h3.lt { font-size:1.500em; line-height:1.5em; padding:8px 0 5px; margin:0; }
  .intro h3.lt:first-letter {border-top: 2px solid #3d75bb;}
  .intro h4 { font-size:1.333em; line-height:1.5em; padding:0 0 3px; margin:0; font-weight: 500 !important; }
  .intro h5 { font-size:1.250em; line-height:1.5em; padding:0 0 3px; margin:0; }
  .intro h6 { font-size:1.167em; line-height:1.5em; padding:0 0 3px; margin:0; }
  .intro p { font-size:1.167em; line-height:1.4em; }
  .intro p.jusk { font-size:1.083em; }
  .intro p.jusks { font-size:1.000em; line-height:1.3em; }
}

@media all and (min-width:992px) {
  .boxheig { min-height:180px; }
}

@media all and (max-width:991px) and (min-width:767px) {
  .boxheig { min-height:180px; }
}

@media all and (min-width:768px) {
  .pdrzero { padding-right:0;}
  .pdlzero { padding-left:0;}
  .borlnone { border-left: 0px solid #d5d5d5; }
  .borrdot { border-right: 1px solid #d5d5d5; }
  .arrowview { display:none; }
  .arrobox { display: flex; align-items: center; justify-content: center; }
  .sitetitle { padding-top:13px; }
  .pcm-pdt15 { padding-top:15px; }
  .hidden-pcm {display:none!important}
}

@media all and (max-width:767px) {
  .sitetitle { padding-top:0; border-bottom: 1px solid #f1f1f1; padding-bottom:7px; }
  .pcm-pdt15 { padding-top:0; }
  .xs-pdt15 { padding-top:15px; }
}

.process-border-1 {
  left: 50%;
  border-left: 1px solid #dadada;
  height: 100%;
}

.pyo-drag { width:100%; text-align:right !important; font-size:12px !important; line-height:1.3; margin-top:-10px !important; color: #3e75bb !important; }
.pyo-star { font-size:15px !important; line-height:1.3; margin-top:-10px !important; }

@media all and (min-width:768px) {
	.pyo-drag { position:absolute; overflow:hidden; width:1px; height:1px; top:auto; text-indent:-9999%; font-size:0; line-height:0; }
}
@media all and (max-width:767px) {
	.pyo-star { font-size:14px !important; line-height:1.3; margin-top:5px !important; }
}


.vertmid {  vertical-align: middle !important; }


ul.intul { padding-left:35px; margin-top:-10px; }
li.intli { font-size:14px; line-height:1.5em; padding:3px 0; margin:0; vertical-align: middle; }

ul.suculbox { padding-left:22px; margin-top:0px; }
ul.suculbox li { font-size:13px; line-height:1.5em; padding:2px 0; margin:0; vertical-align: middle; }
ul.suculbox li ul.suculd { padding-left:18px; margin-top:5px; }
ul.suculbox li ul.suculd li { font-size:13px; line-height:1.5em; padding:1px 0; margin:0; vertical-align: middle; }

ul.sucul { padding-top:0px; padding-left:42px; margin-top:0px; }
ul.sucull { padding-top:0px; padding-left:20px; margin-top:0px; }
ul.suculm { padding-top:0px; padding-left:42px; margin-top:-2px; }
ul.suculn { padding-top:0px; padding-left:38px; margin-top:-2px; }
ul.sucull li { font-size:14px; line-height:1.3em; padding:2px 0; margin:0; vertical-align: middle; }
ul.sucul li, ul.suculm li, ul.suculn li { font-size:14px; line-height:1.5em; padding:3px 0; margin:0; vertical-align: middle; }
ul.sucul li ul.suculd { padding-left:18px; margin-top:5px; }
ul.sucul li ul.suculd li { font-size:14px; line-height:1.5em; padding:3px 0; margin:0; vertical-align: middle; }

ol.sucol { padding-left:42px; margin-top:0px; }
ol.sucol li { font-size:16x; line-height:1.6em; padding:3px 0; margin:0; vertical-align: middle; }


/* Sidebar widget */
.teacher-box { width:100%; padding:10px 12px; border: 1px solid #d5d5d5; font-size:12px; }
.teaul { padding-top:4px; padding-left:15px; margin:0; }
.teaul li { font-size:12px; line-height:1.5em; padding:2px 0; margin:0; vertical-align: middle; }
.teadash { border-bottom:1px dashed rgba(230, 230, 230, 1); padding:1px 0 4px; }

.lecmemo { padding-top:0px; padding-left:25px; margin:0; }
.lecmemo li { font-size:14px; line-height:1.5em; padding:0; margin:0; vertical-align: middle;  }

.lecturememo { padding-top:0px; padding-left:20px; }
.lecturememo li { font-size:13px; line-height:1.5em; padding:0; margin:0; vertical-align: middle; letter-spacing:-0.05em; }

.licul { padding-top:5px; padding-left:20px; padding-bottom:5px; margin:0; }
.licul li { font-size:16px; line-height:1.4em; padding:3px 0; margin:0; vertical-align: middle; }


@media (min-width: 768px) {
  .licul li span { width:90px !important; color:#0977b9; display: inline-block; }
}

@media (max-width: 767px) {
  .licul li span { padding-right:10px; color:#0977b9; }
}

.liculfli { padding-top:0px; padding-left:40px; margin:0; }
.liculfli li { font-size:16px; line-height:1.4em; padding:3px 0; margin:0; vertical-align: middle; }

.nolist { padding:0; margin:0; }
.nolist li { padding-bottom:2px; margin:0; font-size:14px; line-height:1.5em; list-style-type:none; }


.dash-hr {
  border-bottom: 1px dashed #e5e5e5;
  padding-top: 15px;
  margin-bottom:15px;
}

.dash-hr-1 {
  border-bottom: 1px dashed #e5e5e5;
  margin-bottom:15px;
}
.dash-hr-2 {
  border-bottom: 1px dashed #e5e5e5;
  margin-bottom:10px;
}
.dash-hr-3 {
  border-bottom: 1px dashed #808da2;
  margin-bottom:15px;
}

@media (min-width: 768px) {
  .pctb-pdt5 { padding-top:5px; }
  .pctb-pdt7 { padding-top:7px; }
  .pctb-pdt14 { padding-top:14px; }
}

.ev-solidt { border-bottom:1px solid rgba(0, 0, 0, 1); padding-top:0px; margin-bottom:10px; }
.ev-solidb { border-bottom:1px solid rgba(0, 0, 0, 1); padding-top:10px; margin-bottom:0px; }
.ev-dash { border-bottom:1px dashed rgba(230, 230, 230, 1); padding-top:8px; margin-bottom:8px; }

.historybox { padding:20px 0 10px; margin:0; border-bottom: 1px dashed rgba(230, 230, 230, 1); }
.historybox h5 { padding:3px 0 0 0; margin:0; font-weight: 600; color:#f47a20; }
.historybox ul { padding:0; margin:0; }
.historybox ul li { padding-bottom:3px; margin:0; line-height:1.5em; list-style-type:none; }
.historybox ul li span { padding-right:10px; color: #1766ac; }

@media all and (max-width:1139px) and (min-width:768px) {
  .historybox h5 { font-size: 40px; }
  .historybox ul li { font-size:15px; }
}

@media all and (max-width:767px) {
  .historybox h5 { font-size: 25px; }
  .historybox ul li { font-size:12px; }
}

.skybox { width:100%; padding:20px; background:#fff; border: 5px solid #00b0f0; }
.counbox { width:100%; padding:10px; background:#d5eae5; }
.progbox-dot { width:100%; padding:10px; border: 1px dotted #555; }

.progbox { width:100%; padding:10px; border: 1px solid #d5d5d5; }
.progbox h3 { padding:0 10px 10px; margin:0; font-size: 18px; font-weight: 500; line-height:1.3em; text-align:center; color:#000; background:#fff; }
.progbox h4 { padding:10px; margin:0; font-size: 16px; font-weight: 500; line-height:1.4em; text-align:center; color:#fff; background:#36548d; }
.progbox h5 { padding:10px; margin:0; font-size: 14px; font-weight: 500; line-height:1.4em; text-align:center; color:#fff; background:#36548d; }
.progbox p { font-size:1.083em; line-height:1.6em; }
.progbox ul { padding:0 0 0 20px; margin:0; }
.progbox ul li { padding-bottom:7px; margin:0; font-size:14px; line-height:1.3em; }
.progbox ul li ul { padding:3px 0 0 20px; margin:0; }
.progbox ul li ul li { padding-bottom:1px; margin:0; font-size:14px; }

.progboxs { width:100%; padding:5px; border: 1px solid #d5d5d5; }
.progboxs h4 { padding:10px; margin:0; font-size: 13px; font-weight: 500; line-height:1.4em; text-align:center; color:#fff; background:#b8934f; }
.progboxs p { font-size:1.083em; line-height:1.6em; }
.progboxs ul { padding:0 0 0 20px; margin:0; }
.progboxs ul li { padding-bottom:7px; margin:0; font-size:13px; line-height:1.3em; }
.progboxs ul li ul { padding:3px 0 0 20px; margin:0; }
.progboxs ul li ul li { padding-bottom:1px; margin:0; font-size:13px; }

h5.pastitle { padding:7px 10px; margin:0; font-size: 16px; font-weight: 600; line-height:1.5em; text-align:center; color:#fff; background:#2e2e73; }

/* FONT */
.font_k { color:#000 !important; }
.font_w { color:#fff !important; }
.font_red { color:#ff0000 !important; }
.font_mint { color:#04a5b3 !important; }
.font_blue {color: #0270d4 !important; }
.font_blue-2 {color: #3e75bb !important; }
.font_green {color: #059222 !important; }
.font_orange {color: #ff4c2e !important; }
.font_brown { color:#603c25 !important; }
.font_yel { color:#fcb040 !important; }

.fz10a { font-size:10px !important; }
.fz11 { font-size:0.917em !important; }
.fz11a { font-size:11px !important;; }
.fz12 { font-size:1.000em !important; }
.fz12a { font-size:12px !important;; }
.fz13 { font-size:1.083em !important; }
.fz13a { font-size:13px !important;; }
.fz14 { font-size:1.167em !important; }
.fz15 { font-size:1.250em !important; }
.fz16 { font-size:1.333em !important;; }
.fz17 { font-size:1.417em !important;; }
.fz18 { font-size:1.500em !important;; }
.fz20a { font-size:20px !important;; }
.fz20 { font-size:1.667em !important;; }
.fz22 { font-size:1.833em !important;; }
.fz22a { font-size:22px !important;; }
.fz25 { font-size:2.083em !important;; }
.fz26 { font-size:2.167em !important;; }
.fz30 { font-size:2.500em !important;; }
.fz35 { font-size:2.917em !important;; }
.fz40 { font-size:3.333em !important;; }

.lh12 { line-height:1.000em !important;; }
.lh14 { line-height:1.167em !important;; }
.lh16 { line-height:1.333em !important;; }
.lh18 { line-height:1.500em !important;; }
.lh20 { line-height:1.667em !important;; }
.lh25 { line-height:2.083em !important;; }

.pd0 { padding:0 !important; }
.pd1a { padding:1px !important; }
.pd3a { padding:3px !important; }
.pd5 { padding:0.417em !important; }
.pd10 { padding:0.833em !important; }
.pd120 { padding:0.833em 1.667em !important; }
.pd20 { padding:1.667em !important; }
.pd30 { padding:2.500em !important; }
.pd40 { padding:3.333em !important; }
.pd50 { padding:4.167em !important; }

.pdt0 { padding-top:0 !important; }
.pdt1 { padding-top:1px !important; }
.pdt2 { padding-top:0.167em !important; }
.pdt5 { padding-top:0.417em !important; }
.pdt7 { padding-top:7px !important; }
.pdt10a { padding-top:10px !important; }
.pdt10 { padding-top:0.833em !important; }
.pdt15 { padding-top:1.250em !important; }
.pdt20 { padding-top:1.667em !important; }
.pdt30 { padding-top:2.500em !important; }
.pdt40 { padding-top:3.333em !important; }
.pdt50 { padding-top:4.167em !important; }
.pdt200 { padding-top:200px !important; }

.pdr0 { padding-right:0 !important; }
.pdr5 { padding-right:0.417em !important; }
.pdr9a { padding-right:9px !important; }
.pdr10a { padding-right:10px !important; }
.pdr10 { padding-right:0.833em !important; }
.pdr15a { padding-right:15px !important; }
.pdr15 { padding-right:1.250em !important; }
.pdr20 { padding-right:1.667em !important; }
.pdr30 { padding-right:2.500em !important; }
.pdr40 { padding-right:3.333em !important; }
.pdr50 { padding-right:4.167em !important; }

.pdb5 { padding-bottom:5px !important; }

.pdl0 { padding-left:0 !important; }
.pdl2 { padding-left:2px !important; }
.pdl5 { padding-left:0.417em !important; }
.pdl7a { padding-left:7px !important; }
.pdl9a { padding-left:9px !important; }
.pdl10a { padding-left:10px !important; }
.pdl10 { padding-left:0.833em !important; }
.pdl15a { padding-left:15px !important; }
.pdl15 { padding-left:1.250em !important; }
.pdl17a { padding-left:17px !important; }
.pdl20 { padding-left:1.667em !important; }
.pdl20a { padding-left:20px !important; }
.pdl22a { padding-left:22px !important; }
.pdl30 { padding-left:2.500em !important; }
.pdl33a { padding-left:33px !important; }
.pdl40 { padding-left:3.333em !important; }
.pdl40a { padding-left:40px !important; }
.pdl50 { padding-left:4.167em !important; }

.mgpd0 {  margin:0 !important; padding:0 !important; }

.mglr0 { margin-left:0 !important; margin-right:0 !important; }
.mca { margin:0 auto; }
.ma5 { margin:5px !important; }
.mh1 { margin-top:-5px !important; }
.mn1 { margin-top:-7px !important; }
.mm1 { margin-top:-10px !important; }
.mm2 { margin-top:-20px !important; }
.mm3 { margin-top:-30px !important; }
.mm5 { margin-top:-50px !important; }
.m0 {margin-top:0px !important;}
.mh1 {margin-top:2px !important;}
.m1 {margin-top:0.833em !important;}
.m2 {margin-top:1.667em !important;}
.m3 {margin-top:2.500em !important;}
.m4 {margin-top:3.333em !important;}
.m5 {margin-top:4.167em !important;}

.mml40 {margin-left:-40px !important;}
.ml15 {margin-left:15px !important;}
.mr15 {margin-right:15px !important;}

.mb1 {margin-bottom:1px !important;}
.mb2 {margin-bottom:2px !important;}
.mb5 {margin-bottom:0.417em !important;}
.mb10 {margin-bottom:0.833em !important;}

.va-m { vertical-align: middle; }
.ta-r { text-align: right; }
.ta-l { text-align: left; }
.ta-c { text-align: center; }

.olstylen { list-style-type:none; margin-left:-30px; }
.olstyle1 { list-style-type:lower-alpha; margin-left:-15px; }
.olstyle2 { list-style-type:lower-roman; margin-left:-15px; }

.tbold { font-weight: bold; }
.tnor { font-weight: normal; }
.btnhei { height:25px; margin-top:-4px; }

.width90 { width:90%; }

.rowzero { margin-right: 0; margin-left: 0; }

.textjust  { text-align:justify; }

.bggray { background:#5a6475; padding:20px 0; }
.bgblue { background:#0075df; padding:20px 0; }
.bgblue a { color:#fff; }
.bgblue a:hover { color:#31eefe; }
.bgpuple { background:#6f44e5; padding:20px 0; }
.bgpuple a { color:#fff; }
.bgpuple a:hover { color:#eae3fd; }
.bggreen { background:#5ba206; padding:20px 0; }
.bggreen a { color:#fff; }
.bggreen a:hover { color:#f3ffe4; }


.process-border-line {
  width:50%;  
  border-right: 1px solid #dadada;
  height: 25px;
}


/* LOGO-bootstrap */
.navbar-brand-caf {
  float: left;
  height: 50px;
  padding: 0 0 0 15px;
  font-size: 18px;
  line-height: 20px;
}
.navbar-brand-caf:hover,
.navbar-brand-caf:focus {
  text-decoration: none;
}
.navbar-brand-caf > img {
  display: block;
}
.navbar-toggle {
  margin-top:18px;
}

@media (max-width: 767px) {
  .navbar-collapse {
	  margin-top:10px;
  }
  .xs-pdl5 { padding-left:5px !important; }
  .xs-pdr5 { padding-right:5px !important; }
  .xs-mg10 { margin-bottom:10px; }
}

@media (min-width: 768px) {
  .navbar > .container .navbar-brand-caf, .navbar > .container-fluid .navbar-brand-caf { margin-left: -15px; }
  .tabpc-width_270 { width:270px !important; }
  .tabpc-height_270 { height:270px; }
  .pctb-divide17 {
    width: 100%;
    height: 17px;
  }
  .pctb_pdl1 { padding-left:1px; }
  .pctb_pdr1 { padding-right:1px; }
}

@media (min-width: 768px) {
  .navbar > .container .navbar-brand-caf,
  .navbar > .container-fluid .navbar-brand-caf {
    margin-left: -15px;
  }
}
.navbar-default .navbar-brand-caf {
  color: #777;
}
.navbar-default .navbar-brand-caf:hover,
.navbar-default .navbar-brand-caf:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-inverse .navbar-brand-caf {
  color: #9d9d9d;
}
.navbar-inverse .navbar-brand-caf:hover,
.navbar-inverse .navbar-brand-caf:focus {
  color: #fff;
  background-color: transparent;
}

/* LOGO-style */
.navbar-brand-caf {
  font-weight: 700;
  color: #000 !important;
  font-size: 30px;
  line-height: 20px;
  font-style: normal;
  text-transform: uppercase;
}
.navbar-brand-caf img {
  width: 180px;
  height: auto;
}
.navbar-inverse .navbar-brand-caf {
  font-weight: 700;
  color: #fff !important;
  font-size: 30px;
  line-height: 20px;
  font-style: normal;
  text-transform: uppercase;
}

/* MENU-bootstrap */
.navbar-collapse-caf {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
.navbar-collapse-caf.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .navbar-collapse-caf {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-collapse-caf.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse-caf.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse-caf,
  .navbar-static-top .navbar-collapse-caf,
  .navbar-fixed-bottom .navbar-collapse-caf {
    padding-right: 0;
    padding-left: 0;
  }
}
.navbar-fixed-top .navbar-collapse-caf,
.navbar-fixed-bottom .navbar-collapse-caf {
  max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse-caf,
  .navbar-fixed-bottom .navbar-collapse-caf {
    max-height: 200px;
  }
}
.container > .navbar-collapse-caf,
.container-fluid > .navbar-collapse-caf {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .container > .navbar-collapse-caf,
  .container-fluid > .navbar-collapse-caf {
    margin-right: 0;
    margin-left: 0;
  }
}

/* BOARD */
#st-view .viewbox { position:relative; }
.shareArea { position:relative; width:100%; height:30px; padding:0; margin-bottom:5px; z-index:9; }
.shareArea ul { margin:0; padding:0; float:right; }
.shareArea ul li { margin:0; padding:0; }
.btn-print { padding:6px 0 6px 10px; }


/**icons hover colored**/
.si-colored-kakaostory, .si-kakaostory:hover { background-color: #ffca08 !important; }
.si-colored-band, .si-band:hover { background-color: #09a51e !important; }
.si-colored-naver, .si-naver:hover { background-color: #1ec545 !important; }
.si-colored-insta, .si-insta:hover { background-color: #e02f66 !important; }
.si-colored-youtb, .si-youtb:hover { background-color: #ff0000 !important; }

.fa-kakaostory:before { content: url(../images/contents/kakaostory_icon.png); }
.fa-band:before { content: url(../images/contents/band_icon.png); }
.fa-naver:before { content: url(../images/contents/naver_icon.png); }
.fa-insta:before { content: url(../images/contents/insta_icon.png); }
.fa-blog:before { content: url(../images/contents/blog_icon.png); }
.fa-youtb:before { content: url(../images/contents/youtb_icon.png); }

.attach { border-top:#d5d5d5 dotted 1px;word-break:break-all;word-break:break-word; padding-top:5px; margin-top:30px; }


/* float:left등으로 띄우면 높이를 잃게되는데, 높이 인식하게 하기 */
.clearfix:after { content: ""; display: block; clear: both; }


/* Grid_5 */
@media (min-width: 768px) {
  .col-sm-0 { float: left; width: 20%; }
}

.card-top-box { width:100%; padding:15px 15px 10px; border: 1px solid #ececec; background:#f8fafc; text-align:justify; }
.col-card-left h5 { font-size:16px !important; line-height: 1.3 !important; font-weight: 400 !important; }

@media (min-width: 768px) {
  .col-card-left { float: left; width: 115px; padding-top:5px; padding-left:15px; }
  .col-card-right { float: left; width: calc(100% - 115px); padding-right:15px; }
  .col-only-xs { display: none; }
}

@media (max-width: 767px) {
  .col-card-left { float: left; width: 100%; padding-left:15px; padding-right:15px; }
  .col-card-right { float: left; width: 100%; padding-left:15px; padding-right:15px; }
  .col-only-xs { float: left; width: 50%; }
}

/* searchboxexam  */
@media (min-width: 768px) {
  .searchboxexam select { margin-top:50px; padding:0; }
}

@media (max-width: 767px) {
  .searchboxexam select { margin:0; padding:0; }
}

.searchboxexam .form-control {
  display: block;
  width: 100%;
  height: 44px !important;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.searchboxexam .form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}


/* result */
.resultbox { width:100%; text-align:center; padding:15px 0; margin:0; }
.resultbox h4 { font-size: 40px !important; margin:0; padding:20px 0 28px; }
.resultbox h5 span { font-weight: 600; }
.resuntb { color: #0270d4 !important; }
.resuntr { color:#ff0000 !important; }


/* overveiwdl */
.overveiwdl { position: relative; padding:0; }
.overveiwdl dl { padding:0; border-top: 1px solid rgb(34, 34, 34); border-bottom: 1px solid rgb(34, 34, 34); }
.overveiwdl dl dt { FLOAT:left; margin-top:0px; color: rgb(85, 85, 85); overflow: hidden; }
.overveiwdl dl dd { FLOAT:left; margin-top:0px; }
.overveiwdl dl dd.firstdd { border-top: 0px solid rgb(34, 34, 34); }
.overveiwdl dl dt:first-child { border-top-color: currentColor; border-top-width: medium; border-top-style: none; }

.examdlt { position: relative; padding:0; }
.examdlt dl { padding:0; border-top: 1px solid rgb(34, 34, 34); border-bottom: 1px solid rgb(34, 34, 34); }
.examdlt dl dt { FLOAT:left; margin-top:0px; color: rgb(85, 85, 85); overflow: hidden; }
.examdlt dl dd { FLOAT:left; margin-top:0px; }
.examdlt dl dd.firstdd { border-top: 0px solid rgb(34, 34, 34); }
.examdlt dl dt:first-child { border-top-color: currentColor; border-top-width: medium; border-top-style: none; }

.examing { max-width:225px; max-height:280px; }

@media (min-width: 768px) {
  .resultbox h5 { font-size: 20px !important; line-height: 1.4; margin:0; padding:0; font-weight: 400; }

  .overveiwdl dl dt { width: 100px; }
  .overveiwdl dl dd { width: calc(100% - 100px); }
  .overveiwdl dl dt { padding: 10px 0; font-size:16px; font-weight: 500 !important; border-top-color: rgb(220, 220, 220); border-top-width: 1px; border-top-style: dashed; }
  .overveiwdl dl dd { padding: 10px 0; font-size:16px; border-top-color: rgb(220, 220, 220); border-top-width: 1px; border-top-style: dashed; }

  .examdlt dl dt { width: 100px; }
  .examdlt dl dd { width: calc(100% - 100px); }
  .examdlt dl dt { padding: 10px 0; font-size:14px; font-weight: 500 !important; border-top-color: rgb(220, 220, 220); border-top-width: 1px; border-top-style: dashed; }
  .examdlt dl dd { padding: 10px 0; font-size:14px; border-top-color: rgb(220, 220, 220); border-top-width: 1px; border-top-style: dashed; }
}

@media (max-width: 767px) {
  .resultbox h5 { font-size: 18px !important; line-height: 1.4; margin:0; padding:0; font-weight: 400; }

  .overveiwdl dl dt { width: 100%; }
  .overveiwdl dl dd { width: 100%; }
  .overveiwdl dl dt { padding: 10px 0; font-size:18px; font-weight: 600 !important; border-top-color: rgb(220, 220, 220); border-top-width: 1px; border-top-style: dashed; }
  .overveiwdl dl dd { padding: 0 0 10px; font-size:16px; border-top-color: rgb(220, 220, 220); border-top-width: 0px; border-top-style: dashed; }

  .examingbox { text-align: center; }
  .examdlt dl dt { width: 100px; }
  .examdlt dl dd { width: calc(100% - 100px); }
  .examdlt dl dt { padding: 10px 0; font-size:14px; font-weight: 500 !important; border-top-color: rgb(220, 220, 220); border-top-width: 1px; border-top-style: dashed; }
  .examdlt dl dd { padding: 10px 0; font-size:14px; border-top-color: rgb(220, 220, 220); border-top-width: 1px; border-top-style: dashed; }
  .examdlt dl dt.ltl { padding: 10px 0 0 !important; font-size:14px; font-weight: 600 !important;  border-top-color: rgb(220, 220, 220); border-top-width: 1px; border-top-style: dashed; }
  .examdlt dl dd.ltr { padding: 3px 0 15px !important; font-size:14px;  border-top-color: rgb(220, 220, 220); border-top-width: 0px; border-top-style: dashed; }
}

.cardli { padding-top:0px; padding-left:24px; margin:0; }
.cardli li { font-size:16px; line-height:1.4em; padding:2px 0; margin:0; vertical-align: middle; }
.cardli li span { color: #0270d4 !important; }


.conInfoSysCir { background: rgb(249, 249, 249); border-radius: 10px; margin: 0px 0px 15px; padding: 40px 59px; }
.conInfoSysCir > ul { background: url("../images/contents/bg_infosys01.png") no-repeat left; padding: 0px 40px; overflow: hidden; position: relative; box-sizing: border-box; list-style: none !important; }
.conInfoSysCir > ul::after { background: url("../images/contents/bg_infosys02.png") no-repeat left; top: 50%; width: 10px; height: 10px; right: 0px; margin-top: -5px; position: absolute; content: ""; }
.conInfoSysCir > ul li { background: url("../images/contents/bg_circle0206.png") no-repeat center; width: 16%; height: 80px; text-align: center; color: rgb(255, 255, 255); line-height: 80px; font-size: 20px; font-weight: 500; float: left; box-sizing: border-box; }
.conInfoSysCir > ul li + li { margin-left: 5%; }
.conInfoSysCir > ul li.original { background: url("../images/contents/bg_circle0206.png") no-repeat center; width: 16%; height: 80px; text-align: center; color: rgb(255, 255, 255); line-height: 80px; font-size: 20px; font-weight: 500; float: left; box-sizing: border-box; }

.conInfoSysTxt > ul { padding: 0px 40px; overflow: hidden; list-style: none !important; }
.conInfoSysTxt > ul li { width: 16%; text-align: center; color: rgb(81, 82, 82); font-size: 16px; font-weight: 500; float: left; word-break: keep-all; }
.conInfoSysTxt > ul li + li { margin-left: 5%; }
.conInfoSysTxt > ul li p:nth-child(2) { font-size: 13px; font-weight: normal; }

@media only screen and (max-width:767px) {
  .conInfoSysCir { padding: 25px 20px; overflow: hidden; box-sizing: border-box; }
  .conInfoSysCir > ul { background: url("../images/contents/bg_infosys01-01_m.png") no-repeat top / 6px; padding: 20px 0px; width: 30%; overflow: hidden; float: left; position: relative; box-sizing: border-box; list-style: none !important; }
  .conInfoSysCir > ul::after { background: url("../images/contents/bg_infosys02_m.png") no-repeat left / 100%; top: 99%; width: 6px; height: 6px; right: 50%; margin-right: -3px; position: absolute; content: ""; }
  .conInfoSysCir > ul li { width: 100%; height: 60px; text-align: center; line-height: 60px; float: none; box-sizing: border-box; }
  .conInfoSysCir > ul li + li { margin: 5px 0px 0px; }

  .conInfoSysTxt > ul { padding: 20px 0px; width: 70%; float: left; list-style: none !important; }
  .conInfoSysTxt > ul li { width: 100%; text-align: left; overflow: hidden; font-size: 14px; float: none; }
  .conInfoSysTxt > ul li p { float: left; }
  .conInfoSysTxt > ul li p:nth-child(1) { padding-right: 8px; }
  .conInfoSysTxt > ul li + li { margin-top: 5px; margin-left: 0px; }

  .line-h-s { height: 60px; line-height: 60px; }
}

.bankinfo, .bankinfo a { color: #0270d4 !important; }

@media (min-width: 768px) {
  .bankinfo { font-size: 24px !important; font-weight: 400; }
}

@media (max-width: 767px) {
  .bankinfo { font-size: 16px !important; font-weight: 400; }
}


/* DEFAULT */
.pe-7s-country_usa { background: url(../img/pe-7s-country_usa.png) no-repeat center center rgba(0, 0, 0, 0.7); }
.pe-7s-country_china { background: url(../img/pe-7s-country_china.png) no-repeat center center rgba(0, 0, 0, 0.7); }
.pe-7s-country_japan { background: url(../img/pe-7s-country_japan.png) no-repeat center center rgba(0, 0, 0, 0.7); }
.pe-7s-country_russia { background: url(../img/pe-7s-country_russia.png) no-repeat center center rgba(0, 0, 0, 0.7); }

.pe-7s-olympic { background: url(../img/2018_logo_1.png) no-repeat 0 0 rgba(0, 0, 0, 0.7); }
.pe-7s-paralympics { background: url(../img/2018_logo_2.png) no-repeat 0 0 rgba(0, 0, 0, 0.7); }

.blue-bg .services-box .services-box-info h4 a, .blue-bg .services-box .services-box-info h4 a:visited { color: #fff; background-color: transparent;}
.blue-bg .services-box .services-box-info h4 a:hover { color: #000; background-color: transparent;}

.blue-bg .services-box .services-box-info p { text-align:justify; }

.footer-col.footer-3 p {   font-size:15px; color:#32c5d2; line-height:20px; }

.tp-resizeme { font-size:60px; }

.team-wrap { line-height:1.3em; }
.team-wrap p {  margin:0; font-size:13px; }


/* MAP */
#mapbox { position:relative; text-align:justify; width:100%; clear: both; }
.po-ab { position:absolute; }
.w100 { width:100px; }
.w120 { width:120px; }
.w150 { width:150px; }
.w170 { width:170px; }
.w200 { width:200px; }
.markerbox { height:25px; }
.markertitle { font-size:12px; padding:0; margin:0; line-height:12px; }
.markerlink { font-size:13px; padding-top:3px; }

.panel-body { text-align:justify; line-height:1.5em; }
.panel-body p {  margin:0; }
.panel-body h6 { margin:10px 0 0 0; }

.panel-gray-line {
  display: inline-block;
  width: 100%;
  height: 1px;
  border-top: 1px solid #e6e6e6;
  margin:0;
}

.googlemap { text-align:right; padding-top:10px; }


/* footer */
.footer-3 a, .footer-3 a:visited { color: #fff; background-color: transparent;}
.footer-3 a:hover { color: #ffff00; background-color: transparent;}


/* Table Responsive */
@media screen and (max-width: 767px) {
  .table-responsive {   border: 0px solid #e6e6e6 !important; }
  .table-responsive > .table-mobile {
    margin-bottom: 0;
  }
  .table-responsive > .table-mobile > thead > tr > th,
  .table-responsive > .table-mobile > tbody > tr > th,
  .table-responsive > .table-mobile > tfoot > tr > th,
  .table-responsive > .table-mobile > thead > tr > td,
  .table-responsive > .table-mobile > tbody > tr > td,
  .table-responsive > .table-mobile > tfoot > tr > td {
    white-space: nowrap;
  }
}

/* Table  */
.table-dashboard { border-top-color: rgb(34, 34, 34); border-top-width: 2px; border-top-style: solid; }
.table-dashboard table { border-top-color: currentColor; border-top-width: medium; border-top-style: none; }
.table-dashboard tr:hover { background:#f9f9f9; }
.table-dashboard thead th { font-size: 16px; padding:15px 10px !important; color:#333; font-weight:500; }
.table-dashboard tbody th { font-size: 15px; padding:13px 10px !important; color:#333; font-weight:300; }
.table-dashboard tbody th.left { padding:13px 10px !important; text-align:left; }
.table-dashboard th { line-height: 1.4; background: rgb(246, 246, 246); text-align: center; border-bottom-color: rgb(211, 211, 211) !important; border-left-color: rgb(238, 238, 238); border-bottom-width: 1px !important; border-left-width: 1px; border-bottom-style: solid !important; border-left-style: solid; vertical-align: middle !important; }
.table-dashboard td { font-size: 15px; font-weight:300; padding:13px 10px !important; text-align: center; line-height: 1.4; vertical-align: middle !important; border-left-color: rgb(238, 238, 238); border-left-width: 1px; border-left-style: solid; border-bottom-color: rgb(211, 211, 211); border-bottom-width: 1px; border-bottom-style: solid; }
.table-dashboard td h4 { font-size:18px; font-weight:500; padding:0 0 3px; }
.table-dashboard td .fs14 { font-size:14px !important; }
.table-dashboard td .fw400 { font-weight:400 !important; }
.table-dashboard td ul { margin:0; padding:5px 0 5px 17px; }
.table-dashboard td ul li { padding:1px 0px; margin:0; font-weight:300; color:#555; letter-spacing:0em;  list-style-type:disc; }
.table-dashboard td.tdend { border-bottom-color: rgb(211, 211, 211); border-bottom-width: 1px; border-bottom-style: solid; background:#fff; }
.table-dashboard td.left { text-align: left; padding-left:10px; }
.table-dashboard th.bln, .table-dashboard td.bln { border-left-color: currentColor; border-left-width: medium; border-left-style: none; }
.table-dashboard th.brn, .table-dashboard td.brn { border-right-color: currentColor; border-right-width: medium; border-right-style: none; }

.table-dashboard td img { margin:0 auto; }


/* Table 온라인접수 */
.table-dashboard-m { border-top-color: rgb(34, 34, 34); border-top-width: 2px; border-top-style: solid; }
.table-dashboard-m table { border-top-color: currentColor; border-top-width: medium; border-top-style: none; }
.table-dashboard-m tr:hover { background:#f9f9f9; }
.table-dashboard-m thead th { font-size: 14px; padding:15px 10px !important; color:#333; font-weight:500; }
.table-dashboard-m tbody th { font-size: 13px; padding:13px 10px !important; color:#333; font-weight:300; }
.table-dashboard-m tbody th.left { padding:13px 10px !important; text-align:left; }
.table-dashboard-m th { line-height: 1.4; background: rgb(246, 246, 246); text-align: center; border-bottom-color: rgb(211, 211, 211) !important; border-left-color: rgb(238, 238, 238); border-bottom-width: 1px !important; border-left-width: 1px; border-bottom-style: solid !important; border-left-style: solid; vertical-align: middle !important; }
.table-dashboard-m td { font-size: 13px; font-weight:300; padding:13px 10px !important; text-align: center; line-height: 1.4; vertical-align: middle !important; border-left-color: rgb(238, 238, 238); border-left-width: 1px; border-left-style: solid; border-bottom-color: rgb(211, 211, 211); border-bottom-width: 1px; border-bottom-style: solid; }
.table-dashboard-m td h4 { font-size:14px; font-weight:500; padding:0 0 3px; }
.table-dashboard-m td .fs14 { font-size:13px !important; }
.table-dashboard-m td .fw400 { font-weight:400 !important; }
.table-dashboard-m td ul { margin:0; padding:5px 0 5px 17px; }
.table-dashboard-m td ul li { padding:1px 0px; margin:0; font-weight:300; color:#555; letter-spacing:0em;  list-style-type:disc; }
.table-dashboard-m td.tdend { border-bottom-color: rgb(211, 211, 211); border-bottom-width: 1px; border-bottom-style: solid; background:#fff; }
.table-dashboard-m td.left { text-align: left; padding-left:10px; }
.table-dashboard-m th.bln, .table-dashboard-m td.bln { border-left-color: currentColor; border-left-width: medium; border-left-style: none; }
.table-dashboard-m th.brn, .table-dashboard-m td.brn { border-right-color: currentColor; border-right-width: medium; border-right-style: none; }

.table-dashboard-1 { border-top-color: rgb(136, 136, 136); border-top-width: 1px; border-top-style: solid; }
.table-dashboard-1 tr:hover { background:#f9f9f9; }
.table-dashboard-1 table { border-top-color: currentColor; border-top-width: medium; border-top-style: none; }
.table-dashboard-1 th { font-size: 14px; background: rgb(241, 242, 247); text-align: center; border-bottom-color: rgb(218, 218, 218) !important; border-left-color: rgb(218, 218, 218); border-bottom-width: 1px !important; border-left-width: 1px; border-bottom-style: solid !important; border-left-style: solid; vertical-align: middle; line-height: 1.5; }
.table-dashboard-1 td { font-size: 13px; text-align: center; line-height: 1.3; padding-right: 10px; padding-left: 10px; vertical-align: middle; border-left-color: rgb(238, 238, 238); border-left-width: 1px; border-left-style: solid; }
.table-dashboard-1 td ul { margin:0; padding:5px 0; }
.table-dashboard-1 td ul li { padding:0 0 4px 8px; margin:0; background:url(../images/contents/uldot.gif) no-repeat 0 8px; font-weight:normal; color:#555; letter-spacing:0em; list-style:none; }
.table-dashboard-1 td.tdend { border-bottom-color: rgb(211, 211, 211); border-bottom-width: 1px; border-bottom-style: solid;  }
.table-dashboard-1 td.left { text-align: left; padding-left:10px; }
.table-dashboard-1 th.bln, .table-dashboard-1 td.bln { border-left-color: currentColor; border-left-width: medium; border-left-style: none; }
.table-dashboard-1 th.brn, .table-dashboard-1 td.brn { border-right-color: currentColor; border-right-width: medium; border-right-style: none; }

.table-dashboard td img, .table-dashboard-1 td img  { margin:0 auto; }


.table-cols {border-collapse: collapse !important; width: 100%; margin-bottom: 20px; max-width: 100%; }
.table-cols > thead > tr > th, .table-cols > thead > tr > td, .table-cols > tfoot > tr > th, .table-cols > tfoot > tr > td { padding: 5px 5px 8px; border-top-color: currentColor; border-bottom-color: rgb(230, 230, 230); border-top-width: 0px; border-bottom-width: 1px; border-top-style: none; border-bottom-style: solid; }
.table-cols > tbody > tr > th, .table-cols > tbody > tr > td { padding: 8px 10px 11px; border-top-color: currentColor; border-bottom-color: rgb(230, 230, 230); border-top-width: 0px; border-bottom-width: 1px; border-top-style: none; border-bottom-style: solid; }
.table-cols > tbody > tr:hover { background:#f9f9f9; }


/* Design */
.img-desc {
  padding: 0;
  line-height:1.3em;
}

.img-desc h5 {
  margin: 0px;
  line-height:1.3em;
  font-weight: 600;
}

.img-desc span {
  margin: 0px;
  font-size: 11px;
  line-height:1.3em;
  font-weight: 400;
  font-style: normal;
}

.img-desc span + span {
  padding-left: 30px;
}


.wayinfo {
  border: 1px solid #D0D6DF;
  margin-bottom: 10px;
}
.wayinfo h4 {
  border-bottom: 1px solid #D0D6DF;
  margin: 0px;
  color: #0270d4;
  padding: 10px;
  font-size: 16px;
  text-align: left;
  font-weight: 600;
  text-transform: capitalize;
}
.wayinfo ul {
  padding-top: 10px;
}
.wayinfo ul li {
  padding: 6px 15px;
  border-bottom: 1px solid #f5f5f5;
  font-size: 13px;
  line-height:1.3em;
  color: #555;
}
.wayinfo ul li:last-child {
  border-bottom: 0px;
}
.wayinfo ul li i {
  color: #32c5d2;
  margin-right: 10px;
}

.activeMode {ime-mode:active}
.inactiveMode {ime-mode:inactive}
.disabledMode {ime-mode:disabled}

/** Back to top menu **/
#st-backtotop {
	color: #fff;
    position: fixed;
    bottom: 15px;
    right: 15px;
    text-decoration: none;
    padding: 16px;
    display: none;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000)";
	background: rgba(0,0,0,0.4);
	z-index: 5000;
	cursor: pointer;
}
#st-backtotop:hover {    
	background-color: #333;
}

/** mainslider vertical slider **/
.vertical-title-wc{
    color:#fff;
    font-weight: 700;
    font-size: 50px;
}
.vertical-caption-wc {
    color:#fff;
    font-size: 20px;
    font-weight: 300;
}

/** dropcap **/
p.dropcapn:first-letter {
  display: block;
  float: left;
  font-size: 44px;
  line-height: 51px;
  margin: -1px 8px -2px 0;
  color: #32c5d2;
}


/** nav-tabs

.nav-tabs > li {
  float: right;
  margin-bottom: -1px;
}

 **/


/* 공지사항  */
.notice { padding:20px; height: 312px; background-color: rgb(255, 255, 255); border: 1px solid #f7f7f7; }
.notice h3 { color: rgb(0, 0, 0); font-size: 24px; font-weight: normal; }
.notice ul { position: relative; padding:0; margin-top:-13px; }
.notice ul li { position: relative; margin-top:0px; padding: 16px 0px 13px 85px; overflow: hidden; border-top-color: rgb(235, 235, 235); border-top-width: 1px; border-top-style: dashed; -ms-text-overflow: ellipsis; }
.notice ul li:first-child { border-top-color: currentColor; border-top-width: medium; border-top-style: none; }

.notice ul li a { color: rgb(85, 85, 85); line-height:1.3em; }
.notice ul li a:hover { text-decoration: none; color: rgb(0, 117, 223); }
.notice ul li a:focus { text-decoration: underline; }
.notice ul li a:active { text-decoration: underline; }
.notice ul li a .date { position: absolute; display: block; border: 2px solid rgb(244, 244, 244); border-image: none; left: 2px; top: 12px; padding: 5px 7px; text-align: center; }
.notice ul li a .date .day { line-height: 1.3em; font-size: 22px; font-weight: normal; display: block; }
.notice ul li a strong { overflow: hidden; font-size: 16px; white-space: nowrap; -ms-word-break: break-all; -ms-text-overflow: ellipsis; }
.notice ul li a p { overflow: hidden; font-size: 13px; white-space: nowrap; -ms-word-break: break-all; -ms-text-overflow: ellipsis; padding:0; }

.notice .more { background: url("/images/main/more_ico_blue.png") no-repeat; top: 19px; width: 28px; height: 28px; right: 36px; font-size: 0px; display: block; position: absolute; }


/* notice-title  */
.notice-title { position: relative; padding:0; max-height: 250px; background-color: rgb(255, 255, 255); }
.notice-title h3 { color: rgb(0, 0, 0); font-size: 25px; font-weight: normal; }
.notice-title ul { position: relative; padding:0; margin-top:5px; border-top: 1px solid rgb(34, 34, 34); }
.notice-title ul li { position: relative; font-size: 14px;  margin-top:0px; padding: 8px 0; color: rgb(85, 85, 85); overflow: hidden; border-top-color: rgb(238, 238, 238); border-top-width: 1px; border-top-style: dashed; } /** 하단 선 border-top-color: rgb(136, 192, 167); border-top-width: 1px; border-top-style: dashed; -ms-text-overflow: ellipsis; **/
.notice-title ul li:first-child { border-top-color: currentColor; border-top-width: medium; border-top-style: none; }

.notice-title ul li a { color: rgb(85, 85, 85); overflow: hidden; white-space: nowrap; -ms-word-break: break-all; -ms-text-overflow: ellipsis; }
.notice-title ul li a:hover { text-decoration: none; color: rgb(0, 117, 223); }
.notice-title ul li a:focu, .notice-title ul li a:active { text-decoration: underline; }
.notice-title ul li .date { padding: 5px 7px 3px; border: 0px solid rgb(138, 225, 253); border-image: none; right: 2px; top: 5px; display: block; position: absolute; }
.notice-title .more { background: url("/images/main/more_ico_k.png") no-repeat; top: 2px; width: 28px; height: 28px; right: 8px; font-size: 0px; display: block; position: absolute; }


/* notice-title-dl  */
.notice-title-dl { position: relative; padding-top:0px; min-height:171px; background-color: rgba(255, 255, 255, 0); }
.notice-title-dl h3 { color: rgb(0, 0, 0); font-size: 25px; font-weight: normal; }
.notice-title-dl dl { padding:0; margin-top:0px; border-top: 1px solid rgb(34, 34, 34); }
.notice-title-dl dl dt { FLOAT:left; font-size:14px; padding: 10px 0; font-weight:normal; margin-top:0px; color: rgb(85, 85, 85); overflow: hidden; border-top-color: rgb(238, 238, 238); border-top-width: 1px; border-top-style: dashed; }
.notice-title-dl dl dd { FLOAT:left; font-size:14px; padding: 10px 0; font-weight:normal; margin-top:0px; text-align:right; border: 0px solid rgb(138, 225, 253); border-top-color: rgb(238, 238, 238); border-top-width: 1px; border-top-style: dashed; }
.notice-title-dl dl dt:first-child { border-top-color: currentColor; border-top-width: medium; border-top-style: none; }
.notice-title-dl dl dd:nth-child(2) { border-top-color: currentColor; border-top-width: medium; border-top-style: none; }
.notice-title-dl dl dt a { color: rgb(85, 85, 85); overflow: hidden; white-space: nowrap; -ms-word-break: break-all; -ms-text-overflow: ellipsis; }
.notice-title-dl dl dt a:hover { text-decoration: none; color: rgb(0, 117, 223); }
.notice-title-dl dl dt a:focus, .notice-title-dl dl dt a:active { text-decoration: underline; }

.notice-title-dl .more { background: url("/images/main/more_ico_k_20.png") no-repeat; top: 3px; width: 20px; height: 20px; right: 0px; font-size: 0px; display: block; position: absolute; }


/* notice-new  */
.notice_area { width: 100%; margin: 0px; position: relative; }
.notice_area .title { display: block; }
.notice_area .title h3 { color: rgb(1, 1, 1); line-height: 1; font-size: 1.75em; }

.notice-new { position: relative; padding-top:0px; border:0px solid #ff0000; }
.notice-new dl { padding:0; margin-top:6px; border-top: 1px solid rgb(34, 34, 34); }
.notice-new dl dt { FLOAT:left; font-size:14px; padding: 12px 0; font-weight:normal; margin-top:0px; color: rgb(85, 85, 85); overflow: hidden; border-top-color: rgb(238, 238, 238); border-top-width: 1px; border-top-style: dashed; }
.notice-new dl dd { FLOAT:left; font-size:14px; padding: 12px 0; font-weight:normal; margin-top:0px; color: rgb(85, 85, 85); text-align:right; border-top-color: rgb(238, 238, 238); border-top-width: 1px; border-top-style: dashed; }
.notice-new dl dt:first-child { border-top-width: 0px; }
.notice-new dl dd:nth-child(2) { border-top-width: 0px; }
.notice-new dl dt a { color: rgb(85, 85, 85); overflow: hidden; white-space: nowrap; -ms-word-break: break-all; -ms-text-overflow: ellipsis; }
.notice-new dl dt a:hover { text-decoration: none; color: rgb(0, 117, 223); }
.notice-new dl dt a:focus, .notice-new dl dt a:active { text-decoration: underline; }

.notice-new .more_btn { top: -53px; right: 0px; position: absolute; }

@media all and (min-width:1140px) {
  .notice-title-dl dl dt, .notice-new dl dt { width:80%; }
  .notice-title-dl dl dd, .notice-new dl dd { width:20%; }
}

@media all and (max-width:1139px) and (min-width:768px) {
  .notice-title-dl dl dt, .notice-new dl dt { width:75%; }
  .notice-title-dl dl dd, .notice-new dl dd { width:25%; }
}


/* notice-photonews  */
.notice-photonews { position: relative; padding-top:9px; max-height:300px; background-color: rgb(255, 255, 255); }
.notice-photonews h3 { color: rgb(0, 0, 0); font-size: 25px; font-weight: normal; padding-bottom:15px; border-bottom: 1px solid rgb(34, 34, 34); }
.notice-photonews .more { background: url("/images/main/more_ico_k.png") no-repeat; top: 8px; width: 28px; height: 28px; right: 0px; font-size: 0px; display: block; position: absolute; }


/* notice-title-nt  */
.nav-tabs {  z-index:1; max-width:300px; }
.tab-content { z-index:2; margin:0; padding-top:1px; }

.notice-title-nt { position: relative; margin-top:0; padding-top:0; max-height:300px; background-color: rgb(255, 255, 255); }
.notice-title-nt dl { padding:0; margin-top:2px; border-top: 0px solid rgb(34, 34, 34); }
.notice-title-nt dl dt { FLOAT:left; font-size:14px; padding: 8px 0 11px; font-weight:normal; margin-bottom:0px; color: rgb(85, 85, 85); overflow: hidden; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: dashed; }
.notice-title-nt dl dt.dtnone { width:100%; }
.notice-title-nt dl dd { FLOAT:left; font-size:14px; padding: 8px 0 11px; font-weight:normal; margin-bottom:0px; text-align:right; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: dashed; }
.notice-title-nt dl dt a { color: rgb(85, 85, 85); overflow: hidden; white-space: nowrap; -ms-word-break: break-all; -ms-text-overflow: ellipsis; }
.notice-title-nt dl dt a:hover { text-decoration: none; color: rgb(0, 117, 223); }
.notice-title-nt dl dt a:focus, .notice-title-nt dl dt a:active { text-decoration: underline; }

.tab-pane .ntmore { position:absolute; background: url("/images/main/more_ico_k.png") no-repeat; top:6px; right: 15px; width: 28px; height: 28px; font-size: 0px; display: block; z-index:3000; }

.notice-title-nt dl dt { width:80%; }
.notice-title-nt dl dd { width:20%; }

@media all and (max-width:767px) {
  .notice { width: 100%; }
  .notice-title { width: 100%; }
  .notice-title-dl dl dt, .notice-title-nt dl dt, .notice-new dl dt { width:100%; }
  .notice-title-dl dl dd, .notice-title-nt dl dd, .notice-new dl dd { display:none; }
}

@media all and (max-width:639px) {
  .notice { padding: 15px 20px 0; }
  .notice-title { padding: 0; }
  .notice h3::after { margin-top: -80px; margin-left: 100px; }
  .notice-title h3::after { margin-top: -80px; margin-left: 100px; }

  .notice-title h3 { color: rgb(0, 0, 0); font-size: 20px; font-weight: normal; }
  .notice-title .more { background: url("/images/main/more_ico_k_20.png") no-repeat; top: 2px; right: 8px; width: 20px; height: 20px; font-size: 0px; display: block; position: absolute; }
}

.pub_title, .cho_title { text-align:center; color:#000; }
.pub_date { font-weight: 600; text-align:center; color:#0270d4; }
.pub_ment { font-size:1.167em; font-weight: 500; color:#555; line-height:1.5em; }
.pub_star { font-size:13px; font-weight: 500; text-align:center; color:#ff0000; line-height:1.3em; }

@media all and (min-width:768px) {
  .pub_title { font-size:30px; font-weight: 500; margin-bottom:10px; }
  .pub_date { font-size:1.167em; }
  .pub_ment { text-align:center; }
  .cho_title { font-size:24px; font-weight: 500; margin-bottom:10px; }
}

@media all and (max-width:767px) {
  .pub_title { font-size:20px; font-weight: 600; margin-bottom:5px; }
  .pub_date { font-size:14px; }
  .pub_ment { text-align:justify; }
  .cho_title { font-size:16px; font-weight: 600; margin-bottom:5px; }
  .chobtn { height:152px !important; }
  .chobtn-1 { height:187px !important; }
  .chobtn-2 { height:256px !important; }
}

@media all and (max-width:991px) and (min-width:768px) {
  .chobtn, .chobtn-1 { height:82px !important; }
  .chobtn-2 { height:117px !important; }
}

@media all and (min-width:992px) {
  .chobtn, .chobtn-1  { height:47px !important; }
  .chobtn-2 { height:82px !important; }
} 

.chosearchbox_bk { width:100%; padding:15px; border: 1px solid #dde1e4; }
.chosearchbox { width:100%; padding:15px; border: 1px solid #ececec; background:#f8fafc; }
.table-chosearch > thead > tr > th { color:#fff; background-color:#175fa5; border-top: 1px solid #175fa5; border-bottom: 1px solid #175fa5; }
.chsecont { margin:0; padding:0; }
.chsecont .catbox {color:#777; padding:0 0 5px; min-height:35px;}
.chsecont .catbox .info {min-height:30px; line-height:30px; vertical-align:middle;}
.chsecont table {width:100%; border-spacing:0px; border-collapse:collapse; margin-bottom:5px; }
.chsecont table caption {display:none;}
.chsecont .table-chosearch thead th {text-align:center; font-weight:bold; padding:10px 5px; }
.chsecont .table-chosearch thead th.left, .chsecont .table-chosearch tbody td.left {text-align:left;}
.chsecont .table-chosearch tbody tr:hover { background-color: #f2f8ff; }
.chsecont .table-chosearch tbody th { text-align:center; color:#555; border-bottom:#ddd solid 1px; padding:13px 5px; vertical-align: middle !important; }
.chsecont .table-chosearch tbody td { text-align:center; color:#555; border-bottom:#ddd solid 1px; padding:13px 5px; vertical-align: middle !important; }
.chsecont .table-chosearch tbody td a { color:#555; font-weight:normal; text-decoration:none; }
.chsecont .table-chosearch tbody td a:hover { color:#0270d4; font-weight:normal; text-decoration:underline; }

.dataNo { text-align:center; color:#777; border-bottom:#ddd solid 0px; padding:40px 5px !important; vertical-align: middle !important; }