@font-face {
  font-family: 'NanumGothic';
  src: url(../font/NanumGothic.ttf),format('truetype');
  font-family: 'NanumSquareR';
  src: url(../font/NanumSquareR.ttf),format('truetype');
}

/* 공통 */

* {
  margin: 0;
  padding: 0;
  border: 0;
}
/*
body {
  font-size: 16px;
  font-family: 'NanumGothic', sans-serif;
  color: #454545;
  line-height: 1.4;
  background: #e9e9e9;
  padding: 17px;
  box-sizing: border-box;
}
*/
img {
  margin: 0;
  padding: 0;
  border: 0;
  max-width: 100%;
  height: auto;
}

ul, ol, li {
  list-style: none;
}

a {
  text-decoration: none;
}

input, textarea, select, button {
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}

input:focus, button:focus, textarea:focus {
  outline: none;
}

label, button {
  cursor: pointer;
  font-weight: normal;
}
.text_spacing01 { letter-spacing:0.5px;}
.text_spacing02 { letter-spacing:0.4px;}
.text_spacing03 { letter-spacing:0.3px;}
.text_spacing04 { letter-spacing:-0.2px;}
.text_spacing05 { letter-spacing:0.8px;}
.text_spacing06 { letter-spacing:-0.8px;}
.text_spacing07 { letter-spacing:-0.4px;}
.text_spacing08 { letter-spacing:0.2px;}

.cf:after {
  content: '';
  display: block;
  clear: both;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.gray {
  color: #35434a;
}

.black {
  color: #000;
}

.blue {
  color: #0080da;
}

.sky {
  color: #0095da;
}

.orange {
  color: #fe6600;
}

.red {
  color: #ed2623;
}

.navy {
  color: #00489c;
}

.yellow {
  color: #fff151;
}

.square {
  font-family: 'NanumSquareR', sans-serif;
}

#wrapper {
  max-width: 1512px;
  margin: 0 auto;
  box-sizing: border-box;
}

/* 헤더 */

#header {
  height: 80px;
  padding: 25px 72px 0;
}

h1 {
  float: left;
}

h1 a {
  display: block;
}


#header .nav {
  float: left;
  width: calc(100% - 346px);
  padding: 28px 40px 0;
  box-sizing: border-box;
}

#header .nav>li {
  float: left;
  width: 16%;
}

#header .nav>li>a {
  display: block;
  width: 100%;
  height: 50px;
  text-align: center;
  font-size: 18px;
  color: #000;
  font-weight: bold;
}

#header .nav>li>a:hover {
  color: #0095da;
}

#header .nav>li>ul {
  display: none;
  position: absolute;
  z-index: 200;
  width: 197px;
  border: 5px solid #0095da;
  background: #fff;
  padding: 22px;
  box-sizing: border-box;
}

#header .nav>li>ul:before {
  position: absolute;
  top: -32px;
  left: 50%;
  margin-left: -16px;
  content: '';
  width: 32px;
  height: 32px;
  border: 16px solid transparent;
  border-bottom-color: #0095da;
  box-sizing: border-box;
}

#header .nav>li>ul:after {
  position: absolute;
  z-index: 100;
  top: -20px;
  left: 50%;
  margin-left: -10px;
  content: '';
  width: 20px;
  height: 20px;
  border: 10px solid transparent;
  border-bottom-color: #fff;
  box-sizing: border-box;
}

#header .nav>li>ul>li>a {
  display: block;
  line-height: 36px;
  border-bottom: 1px solid #e8e8e8;
  color: #555;
  font-weight: bold;
  font-size: 15px;
  padding-left: 12px;
  transition: all 0.4s;
}

#header .nav>li>ul>li>a:hover {
  color: #0095da;
}

#header .nav>li>ul>li:last-child a {
  border-bottom: none;
}
/*
.lang {
  position: relative;
  float: right;
  font-size: 12px;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  box-sizing: border-box;
  width: 166px;
  margin-top: 15px;
}
*/
.lang td {
  height: 45px;
  border-bottom: 1px solid #e5e5e5;
  padding-left: 30px;
  color: #dedede;
  cursor: pointer;
  background: #fff;
}

.lang td:nth-child(2) {
  width: 56px;
  border-right: 1px solid #0095da;
}

.lang .active {
  text-align: center;
}

.lang .active td {
  color: #14537d;
  padding: 0;
}

.lang .active td:nth-child(1) {
  border-top: 1px solid #e5e5e5;
}

.lang .active td:nth-child(1):after {
  content: url('../images/arrow_bottom.png');
  margin-left: 10px;
}

.lang .btn_hamburger {
  border: 1px solid #0095da;
  background: url(../images/btn_hamburger.png) no-repeat center center #0095da;
}

.korean a:before {
  content: url('../images/icon_korean.png');
  margin-right: 16px;
}

.english a:before {
  content: url('../images/icon_english.png');
  margin-right: 16px;
}

.chinese a:before {
  content: url('../images/icon_chinese.png');
  margin-right: 16px;
}
/*
.lang a {
  color: #555;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 45px;
}
*/
.btn_hamburger_mob {
  float: right;
  margin-top: 15px;
  width: 58px;
  height: 47px;
  background: url(../images/btn_hamburger.png) no-repeat center center #0095da;
  cursor: pointer;
}

#header .control {
  display: none;
}

#header .control td {
  position: absolute;
  z-index: 200;
  left: -1px;
  width: 133px;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}

.control .korean {
  top: 47px;
}

.control .english {
  top: 94px;
}

.control .chinese {
  top: 141px;
}

.center_inner {
  /*background-color: #fff;*/
  background-color: #FFFFFF;
}

.menu_fixed {
  width: 100%;
}

.menu_sub {
  float: left;
  background: #0095da;
  width: 86%;
  transition: all 0.4s;
}

.menu_sub ul {
  float: right;
  margin-right: 60px;
}

.menu_sub li {
  float: left;
}

.menu_sub li:first-child a:before {
  content: '';
}

.menu_sub li a:before {
  content: '|';
  color: #5fb8e2;
  padding-right: 18px;
  font-weight: normal;
}

.menu_sub li a {
  position: relative;
  display: block;
  line-height: 64px;
  color: #fff;
  padding-right: 18px;
  font-weight: bold;
  transition: all 0.4s;
}

.menu_sub li a:hover {
  color: #28ffe7;
}

.menu_sub li a.active {
  color: #28ffe7;
}

.menu_sub li a.active:after {
  position: absolute;
  bottom: -12px;
  left: 50%;
  margin-left: -6px;
  content: '';
  width: 12px;
  height: 12px;
  border: 6px solid transparent;
  border-top-color: #0095da;
  box-sizing: border-box;
}
/*
h3 {
  position: relative;
  display: table;
  margin: 0 auto;
  color: #000;
  font-size: 40px;
  font-family: 'NanumSquareR', sans-serif;
  letter-spacing: 1px;
  width: auto;
  padding-left: 28px;
}

h3:after {
  content: url('../images/icon_h3.png');
  position: absolute;
  top: -10px;
  left: -7px;
}
*/
h4 {
  color: #0264c0;
  font-size: 25px;
  border-bottom: 1px solid #18b5ff;
  display: table;
  margin: 0 auto;
  margin-top: 28px;
  font-family: 'NanumSquareR', sans-serif;
}

.indicator {
  display: table;
  margin: 0 auto;
  font-size: 13px;
  margin-top: 10px;
}

.indicator li {
  float: left;
  padding-left: 10px;
}

.indicator li:last-child {
  font-weight: bold;
}

.indicator li:first-child:before {
  content: url(../images/icon_home.png);
  padding-right: 7px;
}

.indicator li:after {
  content: '>';
  padding-left: 10px;
}

.indicator li:last-child:after {
  content: '';
}

.mobile {
  display: none;
}

/* 센터 */
.text_main span.category {
  display: block;
  color: #fff;
  font-size: 27px;
  font-weight: bold;
  text-align: right;
}

#content {
  position: relative;
}

.text_main {
  font-family: 'NanumSquareR', sans-serif;
  padding-bottom: 140px;
  padding-left: 142px;
  padding-top: 200px;
}

.text_main span {
  display: block;
  line-height: 1.6;
}

.text_main span.gray.lg {
  font-size: 24px;
}

.text_main span.gray.sm {
  font-size: 20px;
}

.text_main span.black {
  font-size: 38px;
  font-weight: bold;
  letter-spacing: 2px;
  text-shadow : -1px 0px white, 0px 1px white, 1px 0px white, 0px -1px white;
}

.text_main span.blue {
  font-size: 44px;
  font-weight: bold;
  letter-spacing: 4px;
  line-height: 1.2;
  text-shadow : -1px 0px white, 0px 1px white, 1px 0px white, 0px -1px white;
}

.text_main .line {
  width: 20px;
  height: 1px;
  background: #000;
  margin: 54px 0 80px;
}

.text_main .img_main {
  display: none;
}

/* 푸터 */
/*
#footer {
  width: 100%;
  background: #838383;
  color: #fff;
  padding: 30px 0;
  text-align: center;
  margin-top: 30px;
  font-size: 14px;
}

#footer ul {
  width: auto;
  margin: 0 auto;
  display: inline-block;
}

#footer li {
  float: left;
  padding-left: 10px;
}

#footer li:after {
  content: '/';
  padding-left: 10px;
}

#footer li:last-child:after {
  content: '';
}
*/
.dimmed {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 200;
  width: 100%;
  background: #222223;
}

/* 사이트맵 */

.wrapper_hamburger {
  display: none;
  width: 1512px;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -756px;
  z-index: 300;
}

.header {
  height: 80px;
  padding: 25px 72px 0;
}

.wrapper_hamburger h1 {
  margin-top: 17px;
}

.wrapper_hamburger .lang {
  margin-top: 32px;
  border-left: 1px solid #515152;
  border-right: 1px solid #515152;
}

.wrapper_hamburger .lang td {
  border-bottom: 1px solid #515152;
  background: #222223;
}

.wrapper_hamburger .lang td a {
  color: #dedede;
}

.wrapper_hamburger .korean:hover, .wrapper_hamburger .english:hover, .wrapper_hamburger .chinese:hover {
  background: #2e2e2e;
}

.wrapper_hamburger .lang .active td:nth-child(1):after {
  content: url('../images/arrow_bottom4.png');
}

.wrapper_hamburger .lang .btn_hamburger_close {
  border: 1px solid #0095da;
  background: url(../images/btn_close.png) no-repeat center center #0095da;
}

.wrapper_hamburger .lang .active td {
  color: #fff;
}

.wrapper_hamburger .lang .active td:nth-child(1) {
  border-top: 1px solid #515152;
}

.list_sitemap {
  width: 1300px;
  margin: 180px auto 0;
}

.list_sitemap>ul>li {
  float: left;
  width: 210px;
  padding: 10px 10px 0;
  box-sizing: border-box;
  transition: all 0.4s;
  box-sizing: border-box;
  height: 590px;
}

.list_sitemap>ul>li:hover {
  background: #2e2e2e;
}

.list_sitemap>ul>li:hover .square {
  color: #0095da;
}

.list_sitemap ul .square {
  display: block;
  color: #fff;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  transition: all 0.4s;
}

.list_sitemap>ul>li>ul {
  margin-top: 40px;
}

.list_sitemap>ul>li>ul>li>a {
  display: block;
  color: #fff;
  padding: 10px 0;
  font-size: 17px;
  transition: all 0.4s;
}

.list_sitemap>ul>li>ul>li>a:hover {
  color: #0095da;
}

/* 햄버거 메뉴 (모바일) */

.wrapper_hamburger_mob {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #222223;
  z-index: 300;
}

.lang_mob td {
  width: calc(100% - 19.3px);
  height: 47px;
  border-right: 1px solid #393939;
  border-bottom: 1px solid #393939;
}

.lang_mob .btn_hamburger_close_mob {
  width: 58px;
  border-right: none;
  border-bottom: 1px solid #0095da;
  background: url(../images/btn_close.png) no-repeat center center #0095da;
  cursor: pointer;
}

.lang_mob a {
  display: block;
  width: 100%: height: 100%;
  color: #fff;
  text-align: center;
  font-size: 12px;
}

.list_sitemap_mob {
  width: 100%;
  padding-top: 60px;
  text-align: center;
}

.list_sitemap_mob .square {
  display: block;
  color: #fff;
  font-size: 20px;
  padding: 20px 0;
  border-bottom: 1px solid #434344;
  cursor: pointer;
  font-weight: bold;
}

.list_sitemap_mob a {
  display: block;
  padding: 10px 0;
  background: #0095da;
  border-bottom: 1px solid #0086c4;
  color: #fff;
  font-size: 13px;
}

.list_sitemap_mob>ul>li>ul>li:last-child a {
  border-bottom: none;
}

.list_sitemap_mob>ul>li>ul {
  display: none;
}

@media (max-width: 1512px) {
  body {
    overflow-y: scroll;
  }
  .menu_sub li a {
    padding-right: 8px;
  }
  .menu_sub li a:before {
    padding-right: 8px;
  }
}

@media (min-width: 1024px) {
  #wrapper {
    min-width: 1512px;
  }
  .wrapper_hamburger {
    min-width: 1512px;
  }
}

/* 모바일 */

@media (max-width: 1023px) {
  .text_main span.gray.lg {
    display: none;
  }
  .mobile {
    display: block;
  }
  .nav {
    display: none;
  }
  #header {
    padding: 10px 10px 0;
  }
  #content {
    padding: 20px !important;
  }
  #center {
    padding: 0;
  }
  #center .text_main {
	width: calc(100% - 20px);
    margin-right: 0;
	background-size: cover !important;
	background-position: center center !important;
  }
  .text_main .img_main {
    display: block;
    margin: 80px auto 0;
  }
  .text_main_2 .img_main, .text_main_3 .img_main .text_main_4 .img_main {
    margin-top: 47px;
  }
  .text_main span.category{
    font-size: 20px !important;
  }
  .text_main span.gray.lg{
    display: block !important;
	font-size: 13px !important;
  }
  h2 {
    height: 50px !important;
    line-height: 50px !important;
  }
  .menu_sub {
    display: none;
  }
  .menu_sub_mob {
    width: 60%;
    float: left;
    position: relative;
  }
  .menu_sub_mob ul {
    display: none;
    position: absolute;
    top: 50px;
    right: 0;
    width: 100%;
    z-index: 50;
  }
  .menu_sub_mob li a {
    display: block;
    width: 100%;
    height: 40px;
    background: #0095da;
    color: #c0f2ff;
    border-top: 1px solid #26a5e0;
    line-height: 40px;
    text-align: right;
    padding-right: 44px;
    box-sizing: border-box;
    transition: all 0.4s;
  }
  .menu_sub_mob li a:hover {
    color: #fff;
  }
  .menu_sub_mob .btn_menu {
    display: block;
    background: #0095da;
    color: #fff;
    height: 50px !important;
    width: 100%;
    line-height: 50px !important;
    font-weight: bold;
    text-align: right;
    padding-right: 20px !important;
    font-size: 15px !important;
    box-sizing: border-box;
  }
  .menu_sub_mob .btn_menu img {
    width: 15px;
    margin-left: 10px !important;
  }
  .indicator {
    display: none;
  }
  body {
    padding: 4px;
    font-size: 14px;
  }
  .header {
    padding: 10px;
  }
  .lang {
    display: none;
  }
  .text_main {
    padding: 20px 10px !important;
    margin: 0 10px !important;
  }
  .text_main1 .img_main {
    margin-top: 10px;
  }
  .text_main span.gray.lg {
    font-size: 16px;
  }
  .text_main span.black {
    font-size: 18px !important;
  }
  .text_main span.blue {
    font-size: 22px !important;
  }
  .text_main span.gray.sm {
    display: none;
  }
  #content {
    padding: 0 10px 10px !important;
  }
  h3 {
    font-size: 20px;
  }
  h3:after {
    content: url(../images/icon_h3_mob.png);
    right: -25px;
  }
  #footer {
    margin-top: 4px !important;
    font-size: 12px;
    text-align: left;
  }
  #footer p {
    padding-left: 10px;
    font-size: 11px;
  }
  h4 {
    font-size: 18px;
  }
  td {
    font-size: 13px !important;
  }
  .box_scroll_x {
    width: 100%;
    overflow-x: scroll;
  }
}