.listnone { list-style: none; }
.sub-list a { margin-bottom:2px; }

.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:10px 10px 15px; border: 0px solid #d5d5d5; color:#fff; font-size:16px; line-height:16px; background:#697283; }
.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 { 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; }
.org_title { font-size:25px; font-weight:600; padding:0; margin:0; line-height:1.0em; }

@media (min-width: 768px) {
  .way_box { display: none; }
}

@media (max-width: 767px) {
  .col-waym { float: left; width: 33.3%; }
  .col-wayx { float: left; width: 50%; }
  .way_box { padding:0 15px; margin:20px 0; border-top: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf; }
  .way_box a.way_btn { display: block; width:100%; height:40px; padding:5px 10px; color:#333; background: #fafafc; vertical-align: middle; border-right: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; }
  .way_box a.way_btn_on { display: block; width:100%; height:40px; padding:5px 10px; color:#0867bc; background: #fff; vertical-align: middle; border-right: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; }
  .way_box a.way_btn:hover { background: #fff; color:#0867bc; }
}

@media (max-width: 479px) {
  .col-waym { float: left; width: 50%; }
  .col-wayx { float: left; width: 50%; }
}

@media (max-width: 767px) {
  .org_title { font-size:25px; font-weight:600; padding:0; margin:0; line-height:1.0em; }
  .mo-img-767 { width:50% !important; }
  .mo-v-none { display:none; }
}

@media (min-width: 768px) {
  .org_title { font-size:25px; font-weight:600; padding:0; margin:0; line-height:1.0em; }
  .pc-v-none { display:none; }
}

.jici7 { margin-top:-7px; padding-left:23px; }
.jici0 { margin-top:-7px; padding-left:23px; }
.jici7 li, .jici0 li { padding:2px 0; margin:0; line-height: 1.5; }

/* 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: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; }
.grayboxpdb { width:100%; padding:10px; border: 1px solid #d5d5d5; }

.grayboxin { width:100%; min-height:115px; padding:16px 10px 20px; border: 1px solid #d5d5d5; background:#f9f9f9; }
.grayboxin-3 { width:100%; min-height:110px; padding:16px 10px 0px; border: 1px solid #d5d5d5; background:#f9f9f9; }
.grayboxin-2 { width:100%; min-height:80px; padding:16px 10px 0px; border: 1px solid #d5d5d5; background:#f9f9f9; }
.blueboxin { width:100%; min-height:115px; padding:20px; border: 0px solid #d5d5d5; background:#0075df; }
.cafmap { width:100%; height:870px; 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; }
.cafmap_a { width:100%; height:870px; padding:0; background:url(../images/contents/0108_map_new_01.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; }
.cafmap_b { width:100%; height:870px; padding:0; background:url(../images/contents/0108_map_new_02.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; }
.cafmap_c { width:100%; height:870px; padding:0; background:url(../images/contents/0108_map_new_03.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; }
.cafmap_d { width:100%; height:870px; padding:0; background:url(../images/contents/0108_map_new_04.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; }
.cafmap_e { width:100%; height:870px; padding:0; background:url(../images/contents/0108_map_new_05.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; }

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

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

.nav-tabs li a {  padding-left:10px !important; padding-right:10px !important; }

}


/* ESG 경영 */
.esg_box_blue { position: relative; width:100%; border-top: 5px solid #c3942a; border-right: 0px solid #c3942a; border-bottom: 2px solid #c3942a; border-left: 0px solid #c3942a; }
.esg_box_green { position: relative; width:100%; border-top: 5px solid #88a853; border-right: 0px solid #88a853; border-bottom: 2px solid #88a853; border-left: 0px solid #88a853; }
.esg_box_blue h3, .esg_box_green h3 { margin:0; line-height: 1.3; text-align: center; font-weight: 600 !important; }

.esg_p { text-align: center; line-height: 1.3; margin: 0; font-weight: 600 !important; }
.esg_box { width:100%; padding: 20px 0 10px; margin:0; position: relative; }
.esg_box dl { margin: 4px 0; display: flex; width:100%; }
.esg_box dt { flex:0 0 auto; width: 40px; }
.esg_box dd { width: calc(100% - 40px); }

.esg_c_1 { color:#bb8203; }
.esg_c_2 { color:#6b9c19; }

@media (min-width: 768px) {
  .esg_box_blue, .esg_box_green { padding:20px 10px; margin-bottom:40px; }
  .esg_box_blue h3, .esg_box_green h3 { padding:10px 0 0; font-size: 24px; }

  .esg_p { font-size: 16px; padding: 10px 0 0; }
  .esg_box_blue img, .esg_box_green img { max-width: 150px; }
}

@media (max-width: 767px) {
  .esg_box_blue, .esg_box_green { padding:20px 10px 10px; margin:30px 0 40px; }
  .esg_box_blue h3, .esg_box_green h3 { padding:0px; font-size: 18px; }

  .esg_p { font-size: 14px; padding: 10px 0 0; }
  .esg_box_blue img, .esg_box_green img { max-width: 120px; }
}

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

@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 !important; }
  
    .ta-fz14 { font-size:1.167em; }
	.ta-fz16 { font-size:1.333em; }
	.ta-fz18 { font-size:1.500em; }
  
}

/* PC에만 적용 */
@media (min-width: 992px) {
  .pc-h-135 { height:135px; }
.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;
}



/* 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_green {color: #059222 !important; }
.font_orange {color: #ff4c2e !important; }
.font_brown { color:#603c25 !important; }

.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 !important; }
.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 !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; }
.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; }
.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; }
.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; }
.pdl17a { padding-left:17px !important; }
.pdl20 { padding-left:1.667em !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; }

.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; }
.mm5 { margin-top:-50px !important; }
.m0 {margin-top:0px !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;}

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

.tbold { font-weight: bold; }
.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; }
.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; }


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

@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:1000; }
.shareArea ul { margin:0; padding:0; float:right; }
.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-kakaoch:before {
  content: url(../images/contents/kakaoch_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: 1200px) {
  .col-lg-0 { float: left; width: 20%; }
}

@media (min-width: 992px) {
  .col-md-0 { float: left; width: 20%; }
}


/* 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%; 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; background:#fff; }
.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; font-weight:normal; 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 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-dashboards { border-top-color: rgb(136, 136, 136); border-top-width: 1px; border-top-style: solid; }
.table-dashboards table { border-top-color: currentColor; border-top-width: medium; border-top-style: none; }
.table-dashboards 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-dashboards td { font-size: 14px; 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; background:#fff; }
.table-dashboards td ul { margin:0; padding:5px 0; }
.table-dashboards td ul li { padding:0 0 4px 10px; margin:0; background:url(../images/contents/uldot.gif) no-repeat 0 8px; font-size: 14px; color:#555; letter-spacing:0em; list-style:none; }
.table-dashboards td.tdend { border-bottom-color: rgb(211, 211, 211); border-bottom-width: 1px; border-bottom-style: solid; background:#fff; }
.table-dashboards td.left { text-align: left; padding-left:10px; }
.table-dashboards th.bln, .table-dashboards td.bln { border-left-color: currentColor; border-left-width: medium; border-left-style: none; }
.table-dashboards th.brn, .table-dashboards td.brn { border-right-color: currentColor; border-right-width: medium; border-right-style: none; }

.table-dashboards 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 30px; height: 312px; background-color: rgb(0, 117, 223); }
.notice h3 { color: rgb(255, 255, 255); font-size: 30px; font-weight: normal; }
.notice ul { position: relative; padding:0; margin-top:-7px; }
.notice ul li { position: relative; margin-top:0px; padding: 12px 0px 5px 85px; color: rgb(255, 255, 255); overflow: hidden; border-top-color: rgb(136, 192, 167); border-top-width: 1px; border-top-style: dashed; -ms-text-overflow: ellipsis; } /** 하단 선 border-top-color: rgb(136, 192, 167); 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(255, 255, 255); }
.notice ul li a:hover { text-decoration: none; color: rgb(255, 255, 0); }
.notice ul li a:focus { text-decoration: underline; }
.notice ul li a:active { text-decoration: underline; }
.notice ul li a .date { padding: 5px 7px 3px; border: 2px solid rgb(138, 225, 253); border-image: none; left: 2px; top: 12px; text-align: center; display: block; position: absolute; }
.notice ul li a .date .day { line-height: 1; font-size: 20px; 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; }

.notice .more { background: url("/images/main/more_ico.png") no-repeat; top: 22px; 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:9px; max-height:300px; 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; 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: 12px 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 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.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%; }

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

.notice-title-nt { position: relative; margin-top:0; padding-top:0; min-height:200px; background-color: rgb(255, 255, 255); } /* 5개는 높이 202px  */
.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:99; }

.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 { width:100%; }
  .notice-title-dl dl dd, .notice-title-nt 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; }
}

.photo-title { background-color: #1d5c8c; padding:6px 15px; font-size:16px; font-weight: 500; color:#fff; }
.photo-title .more { background: url("/images/main/more_ico_w_20.png") no-repeat; top: 9px; right: 25px; width: 20px; height: 20px; font-size: 0px; display: block; position: absolute; }
.test { border-bottom: 0px solid #ff0000; }

.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:left; color:#000; background:#fff; }
.progbox h4 { padding:10px 10px 13px; margin:0; font-size: 16px; font-weight: 500; line-height:1.4em; text-align:left; color:#fff; background:#5e6e88; }
.progbox h5 { padding:0; margin:0; font-size: 15px; font-weight: 500; line-height:1.4em; text-align:center; color:#000; }
.progbox h6 { padding:10px 0; margin:0; font-size: 13px; font-weight: 500; line-height:1.3em; text-align:center; color:#000; border-bottom-color: rgb(235, 235, 235); border-bottom-width: 1px; border-bottom-style: dashed; -ms-text-overflow: ellipsis; }
.progbox h6.newdeal { padding:20px 0; margin:0; font-size: 16px; font-weight: 500; line-height:1.4em; text-align:center; color:#000; border-bottom-color: rgb(235, 235, 235); border-bottom-width: 1px; border-bottom-style: dashed; -ms-text-overflow: ellipsis; }
.progbox h6.linenone { padding:10px 0; margin:0; font-size: 13px; font-weight: 500; line-height:1.3em; text-align:center; color:#000; border: 0px solid #d5d5d5; }
.progbox ul { padding:0 0 0 20px; margin:0; }
.progbox ul.progul { padding:0; 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:13px; }

li.intlinone { list-style-type:none; }

body.gncaf_body {
  height: 100% !important;
  min-height: 100% !important;
  margin: 0;
  padding: 0;
}

.gncaf_back_01, .gncaf_back_02, .gncaf_back_03, .gncaf_back_04, .gncaf_back_05 { 
  width: 100%; 
  background-color: rgba(0,0,0,0.7);
  background-attachment: fixed;
  background-position: 0 0;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100% !important;
  min-height: 100% !important;
  position: relative;
  text-align:center;
  display:inline-block !important;
  z-index: 999; }


@media (max-width: 767px) {
  .gncaf_back_01 { background-image: url('../images/main/gncaf_door_01_m.jpg'); }
  .gncaf_back_02 { background-image: url('../images/main/gncaf_door_02_m.jpg'); }
  .gncaf_back_03 { background-image: url('../images/main/gncaf_door_03_m.jpg'); }
  .gncaf_back_04 { background-image: url('../images/main/gncaf_door_04_m.jpg'); }
  .gncaf_back_05 { background-image: url('../images/main/gncaf_door_05_m.jpg'); }
  .gncaf_inner { width:100%; height: 100% !important; min-height: 100% !important; padding:150px 0 0; position: relative; display:inline-block !important; }
  .gncaf_inner h3 { font-size:30px; margin:0; padding:0 0 10px; font-weight: 600; color:#fff; }
  .gncaf_inner p { font-size:16px; margin:0; padding:0 0 20px; color:#fff; }
  .inn-mar { margin-bottom: 5px; }
}

@media (min-width: 768px) {
  .gncaf_back_01 { background-image: url('../images/main/gncaf_door_01.jpg'); }
  .gncaf_back_02 { background-image: url('../images/main/gncaf_door_02.jpg'); }
  .gncaf_back_03 { background-image: url('../images/main/gncaf_door_03.jpg'); }
  .gncaf_back_04 { background-image: url('../images/main/gncaf_door_04.jpg'); }
  .gncaf_back_05 { background-image: url('../images/main/gncaf_door_05.jpg'); }
  .gncaf_inner { width:100%; height: 100% !important; min-height: 100% !important; padding:300px 0 0; margin:0 auto; position: relative; display:inline-block !important; }
  .gncaf_inner h3 { font-size:30px; margin:0; padding:0 0 10px; font-weight: 600; color:#fff; }
  .gncaf_inner p { font-size:16px; margin:0; padding:0 0 20px; color:#fff; }
  .inn-mar { margin-bottom: 10px; }
}