@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://use.fontawesome.com/releases/v5.1.0/css/all.css);

@charset "utf-8";
* {font-family:"Noto Sans KR", sans-serif;}
/* Reset CSS  */
html { height: 100%; overflow-y:scroll;}
body { font-size: 13px; font-family:"Noto Sans KR", sans-serif; color:#333;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p { margin: 0px; padding:0px;  list-style:none; }
fieldset{ border: 0px; }
a{font-style:normal; text-decoration:none; color:#555;}
hr, legend {height: 0; left: -5000px; line-height: 0; overflow-x: hidden; overflow-y: hidden; position: absolute; visibility: hidden;width: 0;}
caption {font-size: 0; height: 0; line-height: 0; visibility: hidden; width: 0;}
* {-webkit-text-size-adjust:none;}
* { margin:0; padding:0; border:0; outline:0;  }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
img, video { max-width:100%; border:0; vertical-align:top; }
table { border-collapse:collapse; border-spacing:0; border: 0px solid #E5E5E5; }
input, select { vertical-align:middle; }
label { cursor:pointer; }
.blind,legend,hr,caption { display:block; overflow:hidden; position:absolute; top:0; left:-1000em; }
i,em,address { font-style:normal; font-weight:normal; }
td,th {vertical-align: middle;line-height: 26px;}
td strong {vertical-align: bottom;}
a:hover{text-decoration:none;}
ul:after{content:""; display:block; clear:both;}

.container { max-width: 1400px; margin: 0 auto; position: relative; }
.container:after {
  content: "";
  display: block;
  clear: both;
}

/*header*/
.hd_login{z-index: 99; top:50%; transform: translateY(-50%);}
.hd_login a{color:#000; font-size:15px;}
#m_hd{padding:30px 0;}
/*nav*/
#m_nav{background:#3c3c3c; position:relative;}
#m_gnb > li{float:left; width:20%; position: relative;}
#m_gnb > li > a{display:block; padding:14px 0; color:#fff; font-size:18px; text-align: center;}
#m_gnb .lnb{display:none; position: absolute; z-index: 9000; background: #fff; width:100%; padding:10px; transition-duration: 0.3s}
#m_gnb .lnb a{ display:block; text-align: center; font-size:15px; font-weight: 500; color:#b3b3b3;padding:6px 0}
#m_gnb .lnb a:hover{color:#ca1820; background:#e9e9e9;}

@media (min-width:1201px) {
 #m_gnb > li:hover .lnb{display:block;}
}


/*main-slider*/
.main_banner {position: relative; overflow: hidden; width:100%}
.main_banner .content{width:400%;}
.main_banner .content li{float:left; width:25%; max-height:436px; min-height:300px; height:50vw; position:relative; background-size:cover;}
.main_banner .content li:nth-child(1){background:url("../img/sl_img01.png") no-repeat center center;}
.main_banner .content li:nth-child(2){background:url("../img/sl_img02.png") no-repeat center center;}
.main_banner .content li:nth-child(3){background:url("../img/sl_img03.png") no-repeat center center;}
.main_banner .content li:nth-child(4){background:url("../img/sl_img01.png") no-repeat center center;}
.main_banner .content .m_box{max-width:1400px;margin:0 auto; position:relative; max-height:436px; min-height:300px; height:50vw;}
.main_banner .content .m_box .sl_box{position:relative; top:50%; transform:translateY(-50%); text-align:left; color:#fff;}
.main_banner .content .m_box .sl_box h3{font-size:66px; width:70%; line-height: 82px}
.main_banner .content .m_box .sl_box p{font-size:30px; margin-top:20px;}

.breadcrumb{position:absolute; bottom:20px; left:50%; transform: translateX(-50%); z-index:99;}
.breadcrumb li{float:left; width:12px; height:12px; border-radius: 12px; border:2px solid #fff; margin-right:15px;}
.breadcrumb li:last-child{margin-right:0;}
.breadcrumb li.on span{background:#fff;display:block;}


/*index*/
#m-section{padding:80px 0 ;}
#m-section.section01{background:url('../img/m_bg01.png') no-repeat center center / cover;}
#m-section.section01 .select-box{margin:0 -15px;}
#m-section.section01 .select-box::after{content:""; display:block; clear:both;}
#m-section.section01 .select-box > div{float:left; width:25%; padding:0 15px; }
#m-section.section01 .select-box .box01 .content-box{background:#cd3e44; }
#m-section.section01 .select-box .box01 .content-box::after{content:""; display:block; width:126px; height:131px; position:absolute; background:url('../img/m_bg_icon01.png') no-repeat center center; z-index: 10; bottom:0; right:0;}
#m-section.section01 .select-box .box02 .content-box{background:#970005; }
#m-section.section01 .select-box .box02 .content-box::after{content:""; display:block; width:143px; height:140px; position:absolute; background:url('../img/m_bg_icon02.png') no-repeat center center; z-index: 10; bottom:0; right:0;}
#m-section.section01 .select-box .box03 .content-box{background:#6c0003; }
#m-section.section01 .select-box .box03 .content-box::after{content:""; display:block; width:144px; height:136px; position:absolute; background:url('../img/m_bg_icon03.png') no-repeat center center; z-index: 10; bottom:0; right:0;}
#m-section.section01 .select-box .box04 .content-box{background:#310404; }
#m-section.section01 .select-box .box04 .content-box::after{content:""; display:block; width:139px; height:139px; position:absolute; background:url('../img/m_bg_icon04.png') no-repeat center center; z-index: 10; bottom:0; right:0;}
#m-section.section01 .select-box .content-box{color:#fff; padding:30px; min-height:231px; position: relative; overflow:hidden}
#m-section.section01 .select-box .content-box .tit{font-size:29px; font-weight: 400; }
#m-section.section01 .select-box .content-box .txt{font-size:16px; word-break: keep-all; font-weight: 300; margin:30px 0;}
#m-section.section01 .select-box .content-box a{position: absolute; bottom:30px; display: block; font-size:16px; color:#fff; width:93px; font-weight: 300}
#m-section.section01 .select-box .content-box a::after{content:""; display:block; width:0; height:1px; background:#fff; position:absolute; bottom:-3px;  transition-duration: 0.2s}
#m-section.section01 .select-box .content-box a:hover::after{width:100%;}
#m-section.section01 .select-box .content-box span{display: block; width:10px; height:2px; background:#fff; position: absolute; top:50%; right:0;}
#m-section.section01 .select-box .content-box span::after{content:""; display: block; width:2px; height:10px; background:#fff; position: absolute; top:-4px; right:4px;}
#m-section.section01 .m-board{margin:60px -15px 0;}
#m-section.section01 .m-board::after{content:""; display:block; clear: both;}
#m-section.section01 .m-board > div{float:left; width:50%; padding:0 40px;padding:0 15px;}
#m-section.section01 .m-board::after{content:""; display:block; clear: both;}
#m-section.section01 .m-board .box-bg{ padding:40px; background: #fff;}
#m-section.section01 .m-board .tit-box p{display:inline-block; font-size:33px; color:#1d1d1d; font-weight:500 }
#m-section.section01 .m-board .tit-box p span{ color:#ca1820; }
#m-section.section01 .m-board .tit-box .more{float:right; display:block; width:35px; height:35px; background:#ca1820; position: relative; margin-top:7px;}
#m-section.section01 .m-board .tit-box .more::before{content:""; display:block; width:15px; height:1px; background:#fff;position: absolute; top:17px; left:10px}
#m-section.section01 .m-board .tit-box .more::after{content:""; display:block; width:1px; height:15px; background:#fff;position: absolute; left:17px;top:10px}


#m-section.section02 .m-gall .tit-box{text-align: center; margin:0 0 20px;}
#m-section.section02 .tit-box p{display:inline-block; font-size:33px; color:#1d1d1d; font-weight:500 }

.lat_title, .lat .lt_more, .pic_lt .lt_more, .lt_info .lt_nick{display:none !important; }
.lat li{border-bottom:none !important; }
.lat ul{border-top:1px solid #ca1820}
.lt_info{float:right; padding:0 !important;}

/*footer*/
#m_ft{background:#343434}
.ft-content{padding:40px 0;}
.ft-content p{font-size:15px; line-height: 24px}
.ft-content .ft-info{color:#a8a8a8; margin-bottom:10px; }
.ft-content .copy{color:#767676;}


/*snb*/
.visual {
  background: no-repeat center center / cover;
  height: 100vh;
  max-height: 373px;
  text-align: center;
  position: relative;
}

.visual.bg1 {
  background-image: url('../img/sub_visual01.png');
}

.visual.bg2 {
  background-image: url('../img/sub_visual02.png');
}

.visual.bg3 {
  background-image: url('../img/sub_visual03.png');
}

.visual.bg4 {
  background-image: url('../img/sub_visual04.png');
}

.visual.bg5 {
  background-image: url('../img/sub_visual05.png');
}

.visual.bg6 {
  background-image: url('../img/sub_visual01.png');
}

.visual .visual-wrap {

  position: relative;
  top: 44%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.visual .visual-title {
  font-size: 48px;
  color: #fff;
  font-weight: normal;
}

/* snb */

.inner-snb .snb {
  line-height: 55px;
  height: 55px;
  text-align: center;
}

.inner-snb {
  position: absolute;
  bottom:0;
  left:50%;
  transform: translateX(-50%);
  width:100%;
  max-width: 1200px;
  margin: 0 auto;
  background:#fff;
  z-index: 9000;
}

.inner-snb::after{
  content:"";
  display:block;
  max-width:1160px;
  width:100%;
  height:1px;
  background:#ddd;
  position: relative;
  bottom:0;
  left:20px;
}

.inner-snb .snb ul {
  width: 100%;
  max-width: 600px;
}

.inner-snb .snb > ul > li {
  float:left;
  position: relative;
}

.inner-snb .snb > ul > li::after {
  content:"";
  display:block;
  position: absolute;
  width:1px;
  height:20px;
  background:#ddd;
  right:0;
  top:19px;
}

.inner-snb .snb-nav {
  position: relative;
  width: 50%;
  text-align: left;
}

.inner-snb .snb-nav > a {
  position: relative;
  width: 50%;
  text-align: left;
}

.inner-snb .snb .route {
  width: 38%;
  text-align: left;
}

.inner-snb .snb .go-home {
  width: 12%;
}

.inner-snb .snb a {
  display: block;
  color: #333;
  font-size: 16px;
  padding: 0 20px;
  box-sizing: border-box;
  width: 100%;
}

.inner-snb .snb a.active {
  color: #d40828;
  font-weight: 700;
  position: relative;
}
.inner-snb .snb a.active::after {
  content:"";
  display:block;
  width:100%;
  height:2px;
  position: absolute;
  bottom:-1px;
  left:0;
  width:100%;
  z-index: 10;
  background:#d40828;
}

.inner-snb .cross {
  border:1px solid #ddd;
  border-radius: 25px;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 20px;
  top: 13px;
  display: block;
}

.inner-snb .cross::after {
  content: "";
  display:block;
  width:9px;
  height:9px;
  border-width:1px 1px 0 0;
  border-style: solid;
  border-color:#6e6e6e;
  position: absolute;
  transform: rotate(135deg);
  top:8px;
  left:10px;
}

.inner-snb .snb-nav:hover .snb-menu {
  display: block;
}

.inner-snb .snb-menu {
  position: absolute;
  width: 100%;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.8);
  display: none;
}

.inner-snb .snb-menu a {
  color: #fff;
}

.inner-snb .snb-menu li:hover a {
  background: #d40828;
}


#snb-wrap{width:20%; position:relative; padding-right:50px;}
#snb-wrap .route-title{font-size:32px; font-weight:600; border-bottom:4px solid #d40828; color:#1c1c1c; padding-bottom:15px;}
#snb-wrap .snb-menu{ margin-top:20px;}
#snb-wrap .snb-menu li a{font-size:18px; color:#939393; font-weight:500;}
#snb-wrap .snb-menu li a:hover{color:#d40828;}
#snb-wrap .snb-menu li a.active{color:#d40828;}
#snb-wrap .snb-menu li{margin-bottom:20px;}
#snb-wrap .snb-menu li:last-child{margin-bottom:0;}




/*sub*/
#sub-wrapper{padding:80px 0;}
#sub-wrapper .container > section{float:left;}
#sub-wrapper::after{content:""; display:block; clear:both;}
#sub-section{width:80%; padding-left:50px; box-sizing: border-box;}
#sub-section .sub-content{margin-bottom:60px;}
#sub-section .sub-content::after{content:""; display:block; clear:both;}
#sub-section .sub-content:last-child{margin-bottom:0; }

.sub-tit-box{font-size:30px; font-weight:400; border-bottom:1px solid #ddd; padding:0 0 20px 0; margin-bottom:40px; color:#1c1c1c;}
.sub-tit-box::before{content:""; display:block; width:13px; height:13px; border:4px solid #d40828; float:left; margin:17px 16px 0 0; transform:rotate(45deg);}
.depth-tit{font-size:20px; font-weight:500; color:#111; margin-bottom:15px;}
.depth-tit::before{content:""; display:block; width:8px; height:8px; background:#d40828; float:left; margin:11px 10px 0 0; transform:rotate(45deg);}

.content-box::after{content:""; display:block; clear: both;}
.img-box{text-align: center;}

/*sub0101*/
.sub0101 .content01 .img-box{padding:50px; border:1px solid #ddd;}
.sub0101 .content01 .txt-box{margin-top:30px;}
.sub0101 .content01 .txt-box p{font-size:16px; line-height:32px; word-break: keep-all;}

.sub0101 .content02  .img-box{border:1px solid #ddd; text-align: center; padding:100px 0 ;}
.sub0101 .content02 ul{border-top:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing: border-box}
.sub0101 .content02 ul li{float:left; width:50%; font-size:15px; line-height:32px; word-break: keep-all; border-bottom:1px solid #ddd; text-align: center; padding:12px 10px; background:#f6f6f6;}
.sub0101 .content02 ul li:nth-child(odd){border-right:1px solid #ddd;}
.sub0101 .content02 ul li:last-child{border-bottom:0;}

#sub-section.sub0102 .sub-content{position: relative; margin-bottom:40px;}
.sub0102 .box-wrap > div {float:left;}
.sub0102 .box-wrap::after{content:""; display:block; clear:both;}
.sub0102 .box-wrap .box01 {width:35%;text-align:center;  position: relative;}
.sub0102 .box-wrap .box02 {width:65%;}

.sub0102 .box-wrap .box02 .txt-box {padding:40px 0 40px 60px;}
.sub0102 .box-wrap .box02 .txt-box span{font-size:20px; color:#000; font-weight: bold; line-height: 42px; display:block; margin-bottom:30px;}
.sub0102 .box-wrap .box02 .txt-box span b{color:#d40828}

.sub0102 .content-box .txt-box p{font-size:16px; line-height: 30px; color:#474747;}
.sub0102 .content-box .txt-box .sign{ text-align: right; font-size:18px; color:#000; font-weight:500; margin-top:60px; }

.sub0102 .content02 ul{margin-bottom:30px;}
.sub0102 .content02 ul li{font-size:16px; color:#474747; margin-bottom:24px; }
.sub0102 .content02 ul li:last-child{margin-bottom:0;}

#sub-section.sub0103 .sub-content{margin-bottom:40px;}
.sub0103 .content-box{border-bottom:1px solid #ddd; padding-bottom: 40px;}
.sub0103 .content-box > div{float:left; }
.sub0103 .img-box{width:30%}
.sub0103 .info-box{padding-left:40px; width:70%;}
.sub0103 .info-box .num{font-size:20px; font-weight:500; color:#d40828}
.sub0103 .info-box .term{font-size:20px; font-weight:500; color:#8e8e8e}
.sub0103 .info-box .name{ margin-top:20px; font-size:24px; font-weight:500; color:#000}
.sub0103 .info-box .name span{font-size:16px; color:#999; font-weight: 300;}
.sub0103 .info-box .spec{margin-top:25px;}
.sub0103 .info-box .spec ul{ background: #f1f1f1; padding:20px; min-height: 161px; }
.sub0103 .info-box .spec ul li{font-size:15px;position: relative; padding-left:12px}
.sub0103 .info-box .spec ul li::before{content:""; display: block; width:6px; height: 1px; background:#333; margin:11px 0 0; position: absolute; left:0;}

.history-content {position: relative; padding-top: 100px; margin-top:42px}
.history-content:before{content: ""; position: absolute; width: 10px; height: 10px; border-radius: 10px; background: #bebebe; color: #fff;
 border: none; display: inline-block; line-height: 10px; text-align: center; left: calc(50% - 4px); top: 0; }
.history-content:after { content: ""; position: absolute; top:0; left: 50%; bottom: 0; width: 1px; background: #bebebe; display: block;}
.history-content > li {width: 50%; padding-bottom: 70px; position: relative;}
.history-content > li:before {content: "";position: absolute;width: 22px;height: 22px; border-radius: 15px;background: #fff;color: #fff;
 border: 6px solid #d40828;display: inline-block;line-height: 11px;text-align: center;z-index: 90;top: 7px;}

.history-content > li dt { font-size: 35px;font-weight: 600; letter-spacing: -0.5px; position: relative; padding-bottom: 25px;}
.history-content > li dt:before { content: ""; position: absolute; top: 18px; background: #ddd; height: 1px; width: 50px; display: block;}
.history-content > li dl { display: inline-block; max-width: 500px;}
.history-content > li p { display: flex; line-height: 32px;font-size:15px;}
.history-content > li p .month{ font-size: 19px;color: #526d94; font-weight: 400; width: 74px;}
.history-content > li p .desc {width: calc(100% - 40px);display: block;letter-spacing: -0.5px;}


@media (min-width: 768px) {
  .history-content > li:nth-child(2n+1) { margin-left: calc(50% + 3px); }
  .history-content > li:nth-child(2n+1):before { margin-left: -13px; }
  .history-content > li:nth-child(2n+1) dl { padding-left: 65px; }
  .history-content > li:nth-child(2n+1) dt:before {left: -66px; }
  .history-content > li:nth-child(2n) { text-align: right; }
  .history-content > li:nth-child(2n):before {right: -12px;}
  .history-content > li:nth-child(2n) dl { padding-right: 65px; text-align: left;}
  .history-content > li:nth-child(2n) dt:before { left: 100px; width: calc(100% - 35px);}
  .history-content > li:nth-child(2n) dd {  text-align: left; }
}

@media (max-width:768px){/*������*/
  .history-content:before {left: 7px;  }
  .history-content:after { left: 11px;width: 1px; }
  .history-content > li {width: auto;padding-bottom: 70px;position: relative; margin-left: 0;}
  .history-content > li:before { top: 8px;left: 6px; }
  .history-content > li dt { font-size: 29px;padding-bottom: 10px;}
  .history-content > li dt:before { width: 30px; top: 14px; left: -36px; }
  .history-content > li dl { padding-left: 51px; }

}

.sub0106 .map{margin-bottom:40px;}
.sub0106 table{width:100%; border-bottom:1px solid #ddd; }
.sub0106 table *{font-size:15px; padding:10px 16px; text-align: center;}
.sub0106 table tr{border-top:1px solid #ddd; }
.sub0106 table th{background:#f6f6f6; width:33.333333%;}
.sub0106 table tr td{border-right:1px solid #ddd;}
.sub0106 table tr td:last-child{border-right:0;}

.sub0107 .depth-tit{margin-bottom:40px;}
.sub0107 .txt-box{margin-bottom:80px;}
.sub0107 .txt-box > div{margin-bottom:30px;}
.sub0107 .txt-box h5{font-size:20px; color:#526d94; margin-bottom:30px;}
.sub0107 .txt-box > div p{font-size:16px; word-break: keep-all; line-height: 30px; color:#666}
.sub0107 .txt-box > div p b{display:block; }
.sub0107 .file-down{padding:16px 12px;  background:#dad8d8; width:200px;  display:block; font-size:16px; text-align: center; border-radius: 5px; transition-duration: 0.2s; color:#000;}
.sub0107 .file-down i{margin-right:8px;}
.sub0107 .file-down:hover{background:#d40828;color:#fff;}


.sub0108 .map{margin-bottom:40px;}
.sub0108 table{width:100%; border-bottom:1px solid #ddd; }
.sub0108 table *{font-size:15px; padding:10px 16px;}
.sub0108 table tr{border-top:1px solid #ddd; }
.sub0108 table th{width:30%; background:#f6f6f6}


.sub0201 .main-txt{font-size:16px; line-height: 30px}
.sub0201 .main-txt span{color:#d40828}
.sub0201 .member-check{margin-top:20px;}
.sub0201 .member-check > li{margin-bottom:30px;}
.sub0201 .member-check > li:last-child{margin-bottom:0;}
.sub0201 .member-check > li h5{font-size:18px; color:#526d94;}
.sub0201 .member-check > li p{font-size:16px; color:#888; margin-top:8px;}
.sub0201 .member-check > li > ul{margin-top:8px;}
.sub0201 .member-check > li > ul li{font-size:16px; margin-bottom:8px; color:#888 }
.sub0201 .member-check > li > ul li:last-child{margin-bottom:0; }
.sub0201 .signup{padding:60px 0; background:#f6f6f6; border:1px solid #ddd; text-align: center; margin-top:10px;}
.sub0201 .signup a{ display:inline-block;; width:200px; padding:20px 0; text-align: center; font-size:15px;background: #d40828; color:#fff;}


.sub0201 .sub_contents02 .content01 table{margin-top:10px; width:100%; border-bottom:1px solid #ddd; }
.sub0201 .sub_contents02 .content01 table *{font-size:15px; padding:10px 16px; text-align: center;}
.sub0201 .sub_contents02 .content01 table tr{border-top:1px solid #ddd; }
.sub0201 .sub_contents02 .content01 table th{background:#f6f6f6; width:33.333333%;}
.sub0201 .sub_contents02 .content01 table tr td{border-right:1px solid #ddd;}
.sub0201 .sub_contents02 .content01 table tr td:last-child{border-right:0;}

.sub0201 .sub_contents02 .content02 table{width:100%; border-bottom:1px solid #ddd; margin-top:10px; }
.sub0201 .sub_contents02 .content02 table *{font-size:15px; padding:10px 16px;}
.sub0201 .sub_contents02 .content02 table tr{border-top:1px solid #ddd; }
.sub0201 .sub_contents02 .content02 table th{background:#f6f6f6}
.sub0201 .sub_contents02 .content02 table td a{display:block; width:160px; padding:10px 0; text-align: center; background:#a8a8a8; color:#fff;}

.sub0202 .content01 .content-box .main-txt{font-size:16px; color:#505050; line-height: 34px; text-align: center;}
.sub0202 .content01 .content-box .main-txt span{color:#d40828;}
.sub0202 .content01 .content-box .main-txt::after{content:""; display:block; width:1px; height:59px; background:#bbb; margin:30px auto;}
.sub0202 .content01 .content-box div{background:#f6f6f6; border:1px solid #ddd; padding:40px 0;}
.sub0202 .content01 .content-box a{display:block; font-size:17px; color:#fff; line-height: 34px; text-align: center; padding:14px 0; background:#d40828; width:180px; margin:0 auto;}


.sub0401 .content-box .main-txt{font-size:16px; color:#333; line-height: 32px;}
.sub0401 .content-box table{width:100%;}
.sub0401 .content-box table *{text-align:center; padding:8px 10px; font-size:15px;border:1px solid #ddd;}
.sub0401 .content-box table th{background:#f1f1f1}
.update-date{font-size:16px; color:#d40828}
.table-coment{font-size:14px; margin-top:8px; text-align: right;}



.contents_nav_w{margin-bottom:50px; border-bottom:1px solid #d40828;}
.contents_nav li{float:left; border:1px solid #bbb; border-bottom:1px solid #d40828;padding:20px 0; width:33.333333%; text-align: center; font-size:17px; font-weight: normal; color:#888; cursor:pointer; margin-bottom:-1px;margin-left:-1px; background: #f6f6f6}
.contents_nav li:first-child{margin-left:0;}
.contents_nav li.on{background:#fff; border-color:#d40828 ; color:#d40828; border-bottom:1px solid #fff;}
.contents_nav li.on+li {
  border-left-color: #d40828;
}
.content-wrap .active{display:block;}
.content-wrap > div{display:none;}

#bo_v_atc{padding-top:20px;}
#bo_list_total{display:none;}
#bo_v_share{display:none;}


.print{cursor:pointer;}

#bo_gall .gall_img{height:auto !important;}


@media (max-width:1460px) {
  .container{padding:0 20px;}
  #m_nav .container{padding:0;}
}

@media (min-width:769px) and (max-width:1390px) {
#m-section.section01 .select-box > div{width:50%;}
#m-section.section01 .select-box > div:nth-of-type(1),
#m-section.section01 .select-box > div:nth-of-type(2){margin-bottom:30px;}
.main_banner .content .m_box .sl_box h3{font-size:55px; line-height: 70px;}
.sub0102 .content01 .main-message{font-size:26px;}
}

@media(max-width:1200px){
  .inner-snb .snb > ul > li{float:none; width:100%;}
  .inner-snb .snb .go-home,
  .inner-snb .snb .route{display:none;}
  .inner-snb .snb > ul > li::after{display:none;}
  .inner-snb::after{display:none;}
  .inner-snb .snb ul{max-width: 1200px;}
  .inner-snb .snb a.active::after {height: 1px;background: #ddd;}
  #sub-wrapper .container > section{float:none; width:100%; padding:0;}
  #snb-wrap{display:none; }

}

@media (max-width:768px) {
.hd_login a{font-size: 14px;}
  #m_logo img{width:50%}
  #m_gnb > li > a{font-size:16px;}
  .main_banner .content .m_box .sl_box h3{font-size:38px; width:100%; line-height:normal;}
  .main_banner .content .m_box .sl_box p{display:none; }
  #m-section .tit-box p{font-size:28px !important}
  #m-section.section01 .select-box > div{float:none; width:100%;}
  #m-section.section01 .m-board > div{float:none; width:100%;}
  #m-section.section01 .m-board > div:first-child{margin-bottom:20px;}
  #m-section.section01 .m-board .tit-box .more{margin-top:0;}
  #m-section.section01 .m-board .box-bg{padding:20px;}
.gallery_li a{font-size:15px !important;}
.visual{max-height:300px;}
.visual .visual-wrap{top:38%;}
.contents_nav li{font-size:14px;}
  .sub0101 .content01 .img-box{padding:20px;}
  .sub0101 .content02 ul li{float:none; width:100%; text-align: left; border:1px solid #ddd; border-bottom:0; }
  .sub0101 .content02 ul li:first-child{border-top:0; }

.sub0102 .box-wrap > div{float:none; width:100% !important;}

.sub0102 .box-wrap .box02 .txt-box {padding:40px 0 40px 0;}
#sub-section.sub0102 .sub-content{margin-bottom:0;}




.sub0103 .content-box > div{float:none; width:100%; padding:0; text-align: left;}
.sub0103 .content-box .img-box{margin-bottom: 30px;}
.tbl_head01 thead th:nth-of-type(1),
.tbl_head01 thead th:nth-of-type(3),
.tbl_head01 thead th:nth-of-type(4),
.td_num2,
.td_name,
.td_num{display:none; }

#bo_gall .gall_li{width:50%;}
.gall_row .box_clear{ clear: none !important;}
#bo_gall .bo_tit{font-size:1.1em !important;text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
    .gallery_li .lt_info .lt_date{font-size:15px !important;}
}