disabled { background:#000; }

#st-write h2 { font-size:24px; text-align:center; line-height:1.5em; }
.borgbox { border:#ddd 1px solid; }

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

.control-label { margin-top:5px; font-weight:bold; color:#000; line-height: 10px; }
.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; }

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

.historyround { margin:25px auto 0; width:190px; height:181px; padding-top:70px; text-align:center; color:#fff; font-weight:bold; font-size:36px; background:url(../images/contents/history_round.png) no-repeat center 0; clear:both; }

/* language dropdown */
.top-dark-right .dropdown .dropdown-menu { z-index:3000;}
.top-dark-right .dropdown .dropdown-menu li { border-left: 0px solid #495260; }
.top-dark-right .dropdown .dropdown-menu li a:hover { color:#fff; background-color: #0075df; }
.top-dark-right .dropdown .dropdown-menu li a { color: #777; }

.center-heading-kiosk {  text-align: center; margin-bottom: 20px;}

/* 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; }


/* overveiwdl  */
.overveiwdl { position: relative; padding:0; background-color: rgb(255, 255, 255); }
.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; font-size:14px; padding: 15px 0; margin-top:0px; color: rgb(85, 85, 85); font-weight: bold; overflow: hidden; border-top-color: rgb(220, 220, 220); border-top-width: 1px; border-top-style: dashed; }
.overveiwdl dl dd { FLOAT:left; font-size:14px; padding: 15px 0; margin-top:0px; border-top-color: rgb(220, 220, 220); border-top-width: 1px; border-top-style: dashed; }
.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; }

/* committeedl  */
.committeedl { position: relative; padding:0; background-color: rgb(255, 255, 255); }
.committeedl dl { padding:0; border-top: 1px solid rgb(105, 114, 131); border-bottom: 1px solid rgb(105, 114, 131); }
.committeedl dl dt { FLOAT:left; font-size:13px; padding: 12px 0; margin-top:0px; color: rgb(85, 85, 85); font-weight: bold; overflow: hidden; border-top-color: rgb(220, 220, 220); border-top-width: 1px; border-top-style: dashed; }
.committeedl dl dd { FLOAT:left; font-size:13px; padding: 12px 0; margin-top:0px; border-top-color: rgb(220, 220, 220); border-top-width: 1px; border-top-style: dashed; }
.committeedl dl dd.firstdd { border-top: 0px solid rgb(34, 34, 34); }
.committeedl dl dt:first-child { border-top-color: currentColor; border-top-width: medium; border-top-style: none; }

.commjpdl { position: relative; padding:0; background-color: rgb(255, 255, 255); }
.commjpdl dl { padding:0; border-top: 1px solid rgb(105, 114, 131); border-bottom: 1px solid rgb(105, 114, 131); }
.commjpdl dl dt { FLOAT:left; font-size:13px; padding: 12px 0; margin-top:0px; color: rgb(85, 85, 85); font-weight: bold; overflow: hidden; border-top-color: rgb(220, 220, 220); border-top-width: 1px; border-top-style: dashed; }
.commjpdl dl dd { FLOAT:left; font-size:13px; padding: 12px 0; margin-top:0px; border-top-color: rgb(220, 220, 220); border-top-width: 1px; border-top-style: dashed; }
.commjpdl dl dd.firstdd { border-top: 0px solid rgb(34, 34, 34); }
.commjpdl dl dt:first-child { border-top-color: currentColor; border-top-width: medium; border-top-style: none; }

/* idatedl  */
.idatedl, .deidatedl { position: relative; padding:0; background-color: rgb(255, 255, 255); }
.idatedl dl, .deidatedl dl { padding:0; border-top: 1px solid rgb(34, 34, 34); border-bottom: 1px solid rgb(34, 34, 34); }
.idatedl dl dt { FLOAT:left; font-size:14px; padding: 15px 0; font-weight:bold; margin-top:0px; color: rgb(85, 85, 85); overflow: hidden; border-top-color: rgb(220, 220, 220); border-top-width: 1px; border-top-style: dashed; }
.idatedl dl dd { FLOAT:left; font-size:14px; padding: 15px 0; margin-top:0px; border-top-color: rgb(220, 220, 220); border-top-width: 1px; border-top-style: dashed; }
.idatedl dl dd.firstdd, .deidatedl dl dd.firstdd { border-top: 0px solid rgb(34, 34, 34); }
.idatedl dl dt:first-child, .deidatedl dl dt:first-child { border-top-color: currentColor; border-top-width: medium; border-top-style: none; }

.deidatedl dl dt { FLOAT:left; font-size:12px; padding: 14px 0 13px; margin-top:0px; color: rgb(23, 102, 172); overflow: hidden; border-top-color: rgb(220, 220, 220); border-top-width: 1px; border-top-style: dashed; }
.deidatedl dl dd { FLOAT:left; font-size:12px; padding: 14px 0 13px; margin-top:0px; border-top-color: rgb(220, 220, 220); border-top-width: 1px; border-top-style: dashed; }

/* sponsordl  */
.sponsordl { position: relative; padding:0; background-color: rgb(255, 255, 255); }
.sponsordl dl { padding:0; border-top: 1px solid rgb(34, 34, 34); border-bottom: 1px solid rgb(34, 34, 34); }
.sponsordl dl dt { FLOAT:left; font-size:14px; padding: 8px 0; margin-top:0px; color: rgb(85, 85, 85); font-weight: bold; overflow: hidden; border-top-color: rgb(220, 220, 220); border-top-width: 1px; border-top-style: dashed; }
.sponsordl dl dd { FLOAT:left; font-size:14px; padding: 18px 0; margin-top:0px; border-top-color: rgb(220, 220, 220); border-top-width: 1px; border-top-style: dashed; }
.sponsordl dl dd.firstdd { border-top: 0px solid rgb(34, 34, 34); }
.sponsordl dl dt:first-child { border-top-color: currentColor; border-top-width: medium; border-top-style: none; }

.overveiwdl dl dt, .committeedl dl dt, .commjpdl dl dt { width:15%; text-align:center; }
.overveiwdl dl dd, .committeedl dl dd, .commjpdl dl dd { width:85%; }

.idatedl dl dt, .sponsordl dl dt { width:30%; }
.idatedl dl dd, .sponsordl dl dd { width:70%; }

.deidatedl dl dt { width:45%; }
.deidatedl dl dd { width:55%; }

.submenu-mobile { display: none; }

@media all and (max-width:639px)
{
.overveiwdl dl dt, .committeedl dl dt { width:20%; }
.overveiwdl dl dd, .committeedl dl dd { width:80%; }

.deidatedl dl dt { width:100%; }
.deidatedl dl dd { width:100%; border-top-style: none; margin-top:-20px; }
}

@media (max-width: 991px) {
.idatedl dl dt, .commjpdl dl dt { width:100%; }
.idatedl dl dd, .commjpdl dl dd { width:100%; border-top-style: none; margin-top:-20px; }

.sponsordl dl dt { width:50%; }
.sponsordl dl dd { width:50%; }

.historyround { margin:0; width:100%; height:50px; padding:10px 0 0; text-align:center; color:#fff; font-weight:bold; font-size:24px; background:#0075df; clear:both; }

}

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

.def_full_back_1 { background: #f9f9f9; padding: 40px 0; }

.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:30px; border: 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:10px; border-right: 0px solid #fff; border-bottom: 1px solid #fff; background:#5a6475; color:#fff; }

.grayboxpd { width:100%; padding:20px; 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%; min-height:115px; padding:16px 10px 20px; border: 1px solid #d5d5d5; background:#f9f9f9; }
.blueboxin { width:100%; padding:20px 20px 10px; border: 0px solid #d5d5d5; background:#05548f; }
.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 {}

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

/* 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;
}
.mo-fz14 { font-size:1.167em; }
.mo-fz16 { font-size:1.333em; }
.mo-fz18 { font-size:1.500em; }
}

/* Tablet 적용 */
@media (max-width: 767px) {
  .navbar-collapse {
	  margin-top:10px;
  }
.submenu-pc { display: none; }
.submenu-mobile { display: block; }
}

@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-fz12 { font-size:1.000em; }
.tablet-fz13 { font-size:1.083em; }
.tablet-fz14 { font-size:1.167em; }
.tablet-fz15 { font-size:1.250em; }	
.tablet-fz16 { font-size:1.333em; }
.tablet-fz18 { font-size:1.500em; }
.tablet-fz20 { font-size:1.667em; }
	
.tablet-lh16 { line-height:1.333em; }
.tablet-lh18 { line-height:1.555em; }
.tablet-lh20 { line-height:1.667em; }
	
.aboutgnboxinbox { padding:20px; }

}

/* PC에만 적용 */
@media (min-width: 1200px) {
.wide-pdt10 { padding-top:0.833em !important; }
.wide-fz18 { font-size:1.500em; }
}

/* PC에만 적용 */
@media (min-width: 992px) {
.pc-pdt10 { padding-top:0.833em !important; }
.pc-pdt20 { padding-top:1.667em !important; }
.pc-pdt30 { padding-top:2.500em !important; }
.pc-pdt40 { padding-top:3.333em !important; }
	
.pc-fz12 { font-size:1.000em; }
.pc-fz13 { font-size:1.083em; }
.pc-fz14 { font-size:1.167em; }
.pc-fz16 { font-size:1.333em; }
.pc-fz18 { font-size:1.500em; }
.pc-fz20 { font-size:1.667em; }
.pc-fz22 { font-size:1.833em; }
.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-lh20 { line-height:1.667em; }
	
.pc-pdl5 { padding-left:5px; }
.pc-pdr5 { padding-right:5px; }
	
.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; }
	
.aboutgnboxinbox { padding:40px 30px 30px; }
}

.aboutgnbox { padding:0; margin:0; }
.bkc_0 { background:#000; }
.bkc_1 { background:#364261; }
.bkc_2 { background:#05548f; }
.bkc_3 { background:#5e6e88; }
.bkc_4 { background:#b2994d; }
.bkc_5 { background:#1767ac; }

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

/* FONT */
.font_k { color:#000 !important; }
.font_w { color:#fff !important; }
.font_y { color:#ffff00 !important; }
.font_red { color:#ff0000 !important; }
.font_mint { color:#04a5b3 !important; }
.font_mint-2 { color:#31eefe !important; }
.font_blue {color: #1766ac !important; }
.font_green {color: #059222 !important; }
.font_orange {color: #ff4c2e !important; }
.font_brown { color:#603c25 !important; }
.font_nam { color:#cbcfe4 !important; }

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

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

.pd0 { padding:0 !important; }
.pd3a { padding:3px !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;  }
.pdt2 { padding-top:0.167em !important; }
.pdt5 { padding-top:0.417em !important; }
.pdt7a { padding-top:7px !important; }
.pdt10a { padding-top:10px !important; }
.pdt10 { padding-top:0.833em !important; }
.pdt15 { padding-top:1.250em !important; }
.pdt17a { padding-top:17px !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; }
.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; }

.pdl0 { padding-left:0 !important; }
.pdl2 { padding-left:2px !important; }
.pdl5 { padding-left:0.417em !important; }
.pdl7a { padding-left:7px !important; }
.pdl10a { padding-left:10px !important; }
.pdl10 { padding-left:0.833em !important; }
.pdl15a { padding-left:15px !important; }
.pdl15 { padding-left:1.250em !important; }
.pdl20 { padding-left:1.667em !important; }
.pdl30 { padding-left:2.500em !important; }
.pdl33a { padding-left:33px !important; }
.pdl40 { padding-left:3.333em !important; }
.pdl50 { padding-left:4.167em !important; }

.m0 { margin:0; }
.mca { margin:0 auto; }
.ma5 { margin:5px !important; }
.mh1 { margin-top:-5px !important; }
.mm1 { margin-top:-10px !important; }
.mm2 { margin-top:-20px !important; }
.mm3 { margin-top:-30px !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;}

.mml25 { margin-left:-25px !important; }
.ml15 {margin-left:15px !important;}
.mr15 {margin-right:15px !important;}

.mbm10 { margin-top:-10px !important; }
.mb1a {margin-bottom:1px !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; }

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

.center-heading { font-family:"맑은고딕", 'Malgun Gothic', "굴림", Gulim, "돋움", Dotum, Tahoma, Verdana, AppleGothic, sans-serif; }
.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; }


/* 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;
  }
    .mobile-acenter { text-align:center; }
.breadcrumb-wrap {
  padding: 30px 0;
}
.mo-pdr5 { padding-right:0.417em !important; }
.mo-pdl5 { padding-left:0.417em !important; }
}

@media (min-width: 768px) {
  .navbar > .container .navbar-brand-caf,
  .navbar > .container-fluid .navbar-brand-caf {
    margin-left: -15px;
  }
  .tablet-aright { text-align:right; }
  .breadcrumb-wrap {
  padding: 60px 0;
}
}
.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:1000; }
.shareArea ul { margin:0; padding:0; float:right; }
.btn-print { padding:6px 0 6px 10px; }

.action { border-top: 1px solid #d5d5d5; padding-top:50px; }
.action .right { float:right; }

/**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%; }
}



/* DEFAULT */
.pe-7s-country_usa { background: url(../images/main/pe-7s-country_usa.png) no-repeat center center rgba(0, 0, 0, 0.7); }
.pe-7s-country_china { background: url(../images/main/pe-7s-country_china.png) no-repeat center center rgba(0, 0, 0, 0.7); }
.pe-7s-country_japan { background: url(../images/main/pe-7s-country_japan.png) no-repeat center center rgba(0, 0, 0, 0.7); }
.pe-7s-country_russia { background: url(../images/main/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%; font-family:"맑은고딕", 'Malgun Gothic', "굴림", Gulim, "돋움", Dotum, Tahoma, Verdana, AppleGothic, sans-serif; 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;
  /* border-bottom: 1px solid $skincolor; */
  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 > .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(136, 136, 136); border-top-width: 1px; border-top-style: solid; }
.table-dashboard table { border-top-color: currentColor; border-top-width: medium; border-top-style: none; }
.table-dashboard th { font-size: 14px; background: rgb(246, 246, 246); 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 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 td ul { margin:0; padding:5px 0; }
.table-dashboard td ul li { padding:0 0 4px 8px; margin:0; background:url(../images/contents/uldot.gif) no-repeat 0 8px; color:#555; letter-spacing:0em; list-style:none; }
.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 td.right { text-align: right; padding-right:20px; }
.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-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;
    font-family: 'Open Sans', sans-serif;
}
.vertical-caption-wc {
    color:#fff;
    font-size: 20px;
    font-weight: 300;
     font-family: 'Open Sans', sans-serif;
}

/** 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:0; max-height: 250px;  background-color: rgb(255, 255, 255); }
.notice-title-dl h3 { color: rgb(0, 0, 0); font-size: 25px; font-weight: normal; }
.notice-title-dl dl { padding:0; margin-top:5px; border-top: 1px solid rgb(34, 34, 34); }
.notice-title-dl dl dt { FLOAT:left; font-size:14px; padding: 12px 0; 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: 12px 0; 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 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:focu, .notice-title-dl dl dt a:active { text-decoration: underline; }

.notice-title-dl .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 dl dt { width:85%; }
.notice-title-dl dl dd { width:15%; }

@media all and (max-width:767px)
{
.notice { width: 100%; }
.notice-title { width: 100%; }
}
@media all and (max-width:639px)
{
.notice-title-dl dl dt { width:100%; }
.notice-title-dl dl dd { display:none; }
	
.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; }
}