@charset "utf-8";

Fonts
********************************************************************* */
@font-face{
   font-family:'Noto Sans KR';
   font-style:normal;
   font-weight:300;
   src:url(../fonts/NotoSansKR-DemiLight.eot);
   src:url(../fonts/NotoSansKR-DemiLight.eot?#iefix) format('embedded-opentype'),
      url(../fonts/NotoSansKR-DemiLight.woff) format('woff'),
      url(../fonts/NotoSansKR-DemiLight.otf) format('opentype');
 }
 @font-face{
   font-family:'Noto Sans KR';
   font-style:normal;
   font-weight:400;
   src:url(../fonts/NotoSansKR-Regular.eot);
   src:url(../fonts/NotoSansKR-Regular.eot?#iefix) format('embedded-opentype'),
      url(../fonts/NotoSansKR-Regular.woff) format('woff'),
      url(../fonts/NotoSansKR-Regular.otf) format('opentype');
 }
 @font-face{
   font-family:'Noto Sans KR';
   font-style:normal;
   font-weight:700;
   src:url(../fonts/NotoSansKR-Medium.eot);
   src:url(../fonts/NotoSansKR-Medium.eot?#iefix) format('embedded-opentype'),
      url(../fonts/NotoSansKR-Medium.woff) format('woff'),
      url(../fonts/NotoSansKR-Medium.otf) format('opentype');
 }
 @font-face{
   font-family:'Noto Sans KR';
   font-style:normal;
   font-weight:700;
   src:url(../fonts/NotoSansKR-Medium.eot);
   src:url(../fonts/NotoSansKR-Medium.eot?#iefix) format('embedded-opentype'),
      url(../fonts/NotoSansKR-Bold.woff) format('woff'),
      url(../fonts/NotoSansKR-Bold.otf) format('opentype');
 }
 @font-face{
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:900;
    src:url(../fonts/NotoSansKR-Medium.eot);
    src:url(../fonts/NotoSansKR-Medium.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NotoSansKR-Black.woff) format('woff'),
       url(../fonts/NotoSansKR-Bold.otf) format('opentype');
 }

/* base */
/*@import url( "./notosanskr.css" );*/
html {width: 100%; min-height: 100%; height:100%; margin: 0; font-size: 16px; }  /* font-size:100% - 16px,  1rem = 10px */
body {width: 100%; min-height: 100%; height:100%; margin: 0; background-color: #fff;}
body,input,textarea,select,button,table,label{font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','dotum','돋움','Gulim',AppleGothic,sans-serif; font-size:1.2rem;} 
input,textarea,select,button{border:none; background:#fff;}
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td{margin:0;padding:0;word-break: normal;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
ul,ol,li{list-style:none}
fieldset{width:100%;}
fieldset,img{border:0;}
.hidden, legend, caption{display:none !important;}
.invisible{visibility:hidden;}
address{font-style:normal}
label{cursor: default;}
li{list-style:none}
p,li,dd,td{font-size:1em; line-height:1.5em; color:black;}
body{overflow-y:scroll; /* overflow-x:hidden; */}
table{width:100%;table-layout:fixed;border-spacing:0;border-collapse:collapse;}  
select {-webkit-appearance: none; -moz-appearance: none; appearance: none;
   height: 22px;
   height: auto;
   font-size: 15px;
   color: #888;
   line-height: 22px;
   vertical-align: middle;}
select::-ms-expand {display: none;}
input {
   margin: 0;
   padding: 0;
   font-size: inherit;
   color: #555;
   line-height: 17px;
   vertical-align: middle;
   -webkit-border-radius: 0;
}
.clearfix:after{content:"";display:block;visibility:hidden;clear:both;height:0;}
/* a-style */
a{color:black; text-decoration:none;}
a:hover{color:black;text-decoration:none;}
a:active{text-decoration:none; font-weight:normal;}
a:focus{text-decoration:none; font-weight:normal;}
.blind{text-align:-9999px; position:absolute; left:-1000%; top:0; width:1px; height:1px; overflow:hidden; display:block;}
*{margin:0;padding:0;}

/* html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
} */

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

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

/* Magin */
.mt10 {margin-top: 10px;}

/* Padding */
.pd5{padding:5px 10px !important;}
.pd10{padding:10px 10px !important;}

.pdt5{padding-top:5px !important;}
.pdt10{padding-top:10px !important;}
.pdt50{padding-top:50px !important;}

.pdr0{padding-right:0px !important;}
.pdr5{padding-right:5px !important;}
.pdr10{padding-right:10px !important;}

.pdl0{padding-left:0px !important;}
.pdl10{padding-left:10px !important;}

.pdb5 {padding-bottom: 5px !important;}
.pdb10 {padding-bottom: 10px !important;}
.pdb50 {padding-bottom: 50px !important;}

.pdtb10 {padding-top:10px;padding-bottom: 10px;}

/* Height*/
.ht10 {height:10px !important;}
.ht20 {height:20px !important;}
.ht30 {height:30px !important;}
.ht50 {height:50px !important;}
.ht100 {height: 100px !important;}
.ht200 {height: 200px !important;}
.h100per {height: 100% !important;}

/* Width */
.w90 {width: 90px !important;}
.w50 {width: 50px !important;}
.w60 {width: 60px !important;}
.w100 {width: 100px !important;}
.w200 {width: 200px !important;}
.w300 {width: 300px !important;}
.w800 {width: 800px !important;}
.w720 {width: 720px !important;}
.w100per {width: 100% !important;}

/* Min-Width */
.minw1080{min-width:1080px !important;}

/* Max-Width */
.maxnw100per{max-width: 100% !important;}
.maxnw100per5{max-width: calc(100% - 5px) !important;}

/* Align */
.vat {vertical-align: top;}
.vab {vertical-align: bottom;}
.tac {text-align: center !important;}
.tal {text-align: left !important;}
.tar {text-align: right !important;}

/* Font Weight*/
.fwb {font-weight:bold !important;}

/* Color */
.clrRed {color:#ff0000 !important;}
.clrWht {color:#fff !important;}

/* Display */
.dspBlk {display:block !important;}
.dspIn {display:inline-block !important;}
.dspNone {display:none !important;}

/* Position */
.pstAb {position:absolute !important;}
.pstFx {position:fixed !important;}
.pstRe {position:relative !important;}

#wrap {width: 100%; /*min-height: 100%; height:100%*/}

/* 헤더*/
#header {
   width: 100%;
   z-index: 9999;
   position: fixed;
   /* overflow: hidden; */
   background: #2a479e;
   box-sizing: border-box;
   display: inline-block;
   border-bottom: 1px solid rgba(255,255,255,0.3);
}

#header .header_wrap {
   position: relative;
   width: 1200px;
   margin: 0 auto;
   z-index: 900;
}

#header .header_wrap h1.logo {
   position: absolute;
   top: 20px;
   left: 0px;
   width: 230px;
   height: 60px;
   text-indent: -9999px;
   z-index: 1;
}

#header .header_wrap h1.logo > a {
   display: block;
   height: 100%;
   text-indent: -9999px;
   overflow: hidden;
   background: url(../../images/layout/logo_02.png) 0 0 no-repeat;
   background-size: contain;
}

#header .gnbWrap {
   position: relative;
   text-align: center;
   height: 100px;
   width:100%;
}

#header #gnb {
   font-size: 0;
   text-align: center;
   display: inline-block;
   vertical-align: top;
}

#header .gnbWrap > h2 {
   display: none;
}

#header #gnb > li {
   display: inline-block;
   margin: 0 5px;
   float: left;
}

#header #gnb > li > a {
   display: inline-block;
   height: 100px;
   line-height: 100px;
   padding: 0px 22px;
   color: #fff;
   font-size: 18px;
   font-weight: bold;
   text-align: center;
   text-transform: uppercase;
}

#header #gnb > li > a:after {
   display: block;
   content: '';
   border-bottom: solid 2px #135bc7;
   transform: scaleX(0);
   transition: transform 250ms ease-in-out;
   z-index: 999;
   position: relative;
   top: 0;
}

#header #gnb > li:hover > a:after {
   transform: scaleX(1);
}

#header #gnb > li > .two_depth {
   font-size: 0;
   display: none;
   padding: 40px 0 40px;
   box-sizing: border-box;
   width: 100%;
   text-align: center;
}

/*
#header #gnb:hover > li > .two_depth {
   display: block;
}
*/

#header #gnb > li > .two_depth:after {
   clear: both;content:'';display: block;} 

#header #gnb > li > .two_depth > li {
   text-align: center;
   display: block;
}

#header #gnb > li > .two_depth > li > a {
   display: block;
   color: #333;
   font-size: 16px;
   font-weight: normal;
   line-height: 22px;
   margin-bottom: 20px;
}

#header #gnb > li > .two_depth > li > .th_depth > li {
   text-align: center;
   display: block;
   padding-left: 15px;
}

#header #gnb > li > .two_depth > li > .th_depth > li > a {
   display: block;
   color: #777;
   font-size: 13px;
   line-height: 22px;
   text-align: left;
}

#header.load {
   top: 0;
   transition:0.5s
}


#header.active {background-color: #fff;}
#header.active:after {content:'';top: 100px;position: absolute;width: 100%;height: 1px;background-color: #eaeaea;z-index: -1; }

#header.ov{background: #fff;box-shadow: 0 0 14px rgba(0,0,0,.4); transition:0.5s}
#header.ov:after {content:'';top: 100px;position: absolute;width: 100%;height: 1px;background-color: #e5e5e5;z-index: -1; transition:0.5s}

#header.active #gnb > li > a {color: #333;}
#header.active #gnb > li > .two_depth > li > a {color: #777;}
#header.active #gnb > li > a:hover {color: #135bc7;}
#header.active #gnb > li > .two_depth > li > a:hover {color:#109fa8;}
#header.active .header_wrap .top_area .top-btn > a {color: #222;}

#header.ov #gnb > li > a {color: #333;}
#header.ov #gnb > li > .two_depth > li > a {color: #333; }
#header.ov #gnb > li > a:hover {color: #135bc7;}
#header.ov #gnb > li > .two_depth > li > a:hover {color:#135bc7; text-decoration: underline;}
#header.ov .header_wrap .top_area .top-btn > a {color: #222;}

#header .header_wrap .top_area {
   z-index: 100;
   position: absolute;
   top: 40px;
   right: 0px;
   background: url(../../images/bar_02.png) 55% 73% no-repeat;
   display: block;
}

#header .header_wrap .top_area .top-btn > a {
   color: #fff;
   font-size: 17px;
}

#header .header_wrap .top_area .top-btn > a:first-child {
   margin-right: 12px;
}

#header .header_wrap .top_area .top-btn > a:last-child {
   margin-left: 12px;
}

#container{
   /* background: #f2f4f7; */
   /*margin-bottom: 10rem;*/  /* Footer 스크롤 없이 하단 붙이기 */
   /* overflow: hidden; */
}

#container #content{
    height: 100%;
}


 /* 메인 이미지 */
.mainBg {
   position: relative;
   /* width: 100%; */
   /* max-width:100%; */
   /* height: 61rem; */
   margin: 0 auto;
}
.mainBg {
   /*border-bottom: 15px solid transparent;
   border-image-slice: 1;
   border-image: linear-gradient(45deg, rgba(56,46,205,1) 0%, rgba(54,173,203,1) 100%);
   background-image:  linear-gradient(45deg, rgba(56,46,205,1) 0%, rgba(54,173,203,1) 100%);
   background-origin: border-box;
   background-clip: content-box, border-box;
   border-bottom-left-radius: 120px;
   overflow: hidden;*/
}
.mainBg .visual {
   position: absolute;
   top: 0;
   left: 0;
   /* width: 100%; */
   /* max-width:100%; */
   height: 55rem;
   overflow: hidden;
}

@media only screen and (max-width: 1280px) {   
   .mainBg {
      position: relative;
      margin: 0 auto;
   }

   .mainBg .visual {
      position: absolute;
      top: 0;
      left: 0;
   }
}

@media only screen and (max-width: 1024px) {   
   .mainBg {
      position: relative;
      height: ;
      margin: 0 auto;
   }

   .mainBg .visual {
      position: absolute;
      top: 0;
      left: 0;
      height: ;
   }
}

@media only screen and (max-width: 768px) {
   .mainBg {
      position: relative;
      height: ;
      margin: 0 auto;
   }

   .mainBg .visual {
      position: absolute;
      top: 0;
      left: 0;
      height: ;
   }

}


/* .main .mainBg > img {
   /* width: 100%; 
   max-width:100%;
   height: 100%;
   position: absolute;
   -ms-transform: scale(1.2,1.2);
   -o-transform: scale(1.2,1.2);
   -moz-transform: scale(1.2,1.2);
   -webkit-transform: scale(1.2,1.2);
   transform: scale(1.2,1.2);
   -webkit-transition: transform 3700ms ease-in-out;
   -moz-transition: transform 3700ms ease-in-out;
   -o-transition: transform 3700ms ease-in-out;
   -ms-transition: transform 3700ms ease-in-out;
   transition: transform 3700ms ease-in-out;
} */

.mainBg .visual li{
   position: absolute;
   top: 0;
   left: 0;
   /* width: 100%; */
   /* height: 100%; */
   /* min-width: 1200px; */
   /* max-width:100%; */
   max-width: 100%;
   min-height: 100%;
   background-repeat: no-repeat;
   background-position: center top;
   /* -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;  */
}

.visual .mainBg01 {
   /* min-width: 1200px; */
   /* max-width: 100%; */
   max-height: 100%;
   background: url(../../images/visual_01.jpg)  no-repeat center center;
}

.visual .mainBg02 {
   /* min-width: 1200px; */
   /* max-width: 100%; */
   max-height: 100%;
   background: url(../../images/visual_02.png)  no-repeat center center;
   background-size: cover;
}

.visual .mainBg03 {
   /* min-width: 1200px; */
   max-width: 100%;
   max-height: 100%;
   background: url(../../images/visual_03.jpg)  no-repeat center center;
   background-size: cover;
}

.visual .mainBg04 {
   /* min-width: 1200px; */
   max-width: 100%;
   max-height: 100%;
   background: url(../../images/visual_04.jpg)  no-repeat center center;
   background-size: cover;
}

.visual .mainBg05 {
   /* min-width: 1200px; */
   max-width: 100%;
   max-height: 100%;
   background: url(../../images/visual_05.png)  no-repeat center center;
   background-size: cover;
}

.visualText {
   width: 1100px;
   position: absolute;
   top: 52%;
   left: 50%;
   transform: translate(-50%, -50%);
}

.visualText > span {
   display: inline-block;
   color: #19378f;
   font-size: 50px;
   font-weight: 800;
   line-height: 66px;
}

.visualText > span > span {
   display: inline-block;
   color: #fff;
   font-size: 20px;
   font-weight: normal;
   letter-spacing: 0px;
   line-height: 32px;
}


@media only screen and (max-width: 1280px) {
   .visualText {
      top: 52%;
      left: 8%;
      width: calc(100% - 20%);
      margin-top: 0px;
      margin-left: 0px;
      transform: translate(0%, -50%);
   }
   .visualText > span {
      font-size: 46px;
  }
   .visualText img {
      width: 50%;
   }
}

@media only screen and (max-width: 768px) {
   .visualText {
   }

   .visualText > span {
      font-size: 38px;
      line-height: 45px;
   }

   .visualText > span > span {
      font-size: 16px;
      margin-top: 20px;
      line-height: 28px;
   }

   .visualText img {
      width: 30%;
   }

}

@media only screen and (max-width: 480px) {

 }
 


.bx-wrapper {
   box-shadow: none !important; 
   border: none !important;
   background: none !important;
   margin-bottom: 0 !important;
}

.bx-wrapper .bx-pager-item {
   margin-bottom: 8px;
}


.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
   width: 80% !important;
   left: 95px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
   background: rgba(255,255,255,0.4) !important;
   margin: 0 7px !important;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
   background: #fff !important;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
   display: none;
}

.bx-controls {
   display: block;
   position: absolute;
   top: 50%;
   right: 50px;
   text-align: center;
   /* width: 100%; */
   max-width:100%;
}

@media only screen and (max-width: 1280px) {
   .bx-controls {
      display: block;
      position: absolute;
      top: 50%;
      right: 50px;
      text-align: center;
      /* width: 100%; */
      max-width:100%;
   }

 }

 @media only screen and (max-width: 480px) {
   .bx-controls {
      right: 30px;
   }
   
 }
 

#container .container_wrap {
   display: none;
   max-width: 1200px;
   margin: 0 auto;
   padding-top: 70px;
   padding-bottom: 70px;
   font-size: 0;
}

/* 메인 배너 */
.mainBannerBox {
   display: inline-block;
   width: calc(25% - 4rem);
   padding:20px 20px 50px 20px;
   /*padding:20px;*/
   /*height:278px;*/
}

.mainBannerBox1 {
   display: inline-block;
   width: calc(26% - 1.5%);
   margin-right: 1.5%;
   vertical-align: top;
   border-radius: 15px;
   overflow: hidden;
}

.mainBannerBox2{
   display: inline-block;
   width: calc(26% - 1.5%);
   margin-left: 1.5%;
   vertical-align: top;
   border-radius: 15px;
   overflow: hidden;
}

.mainBanner {
   text-align: center;
   overflow: hidden;
   height: 196px;
}

.mainBanner > img {
   width:100%;
   height: 100%
}

.mainBannerText {
   position: relative;
   font-weight: bold;
   color:#222;
   min-height: 71px;
   background: linear-gradient(45deg, rgb(29, 65, 184) 0%, rgb(73, 119, 219) 100%) ;
}

.mainBannerBox1 .mainBannerText {
   background: linear-gradient(45deg, rgba(56,46,205,1) 0%, rgb(73, 95, 219) 100%) ;
}

.mainBannerText a {
   display: block;
   font-size: 2rem;
   color:#fff;
   padding-left: 20px;
   line-height: 68px;
   transition: 0.2s;
   background: url(../../images/main_arrow_w.png) 93% 49% no-repeat;
}

.mainBannerText a:hover {
   padding-left: 27px;
   background: url(../../images/main_arrow_w.png) 91% 49% no-repeat;
}

.mainBannerText > .site01 > a > img {
   height: 18px;
}

.mainBannerText > .site02 {
   float: right;
}

.mainBannerText > .site02 > a > img {
   height: 18px;
}

.mainBannerArrow {
   display: block;
   position: absolute;
   top: 50%;
   right: 0px;
   margin-top: -12px;
   line-height: normal;
}


/* 메인 공지사항 */
/* .mainNoticeBox{
   float: left; width: calc(50% - 4.2rem);
   /*padding:20px;   *
   padding:16px 19px 76px 20px;
} */

.mainNoticeBox {
   display: inline-block;
   width: calc(48% - 3%);
   /*padding:20px;   */
   vertical-align: top;
   padding-left: 3%;
}

.mainNotice {
   background: #fff;
   border:1px solid #cfd1d9;
   padding: 35px;
   border-radius: 15px;
}

.mainBannerBox3 {
   display: inline-block;
   width: 43.5%;
   margin: 20px 40px 0px 0px;
   border:1px solid #ccc;
   min-height: 250px;
}
.mainBannerBox3 a > img {
   display: block;
   width: 100%;
   height: 100%;
}


@media only screen and (max-width: 1279px) { 
   #header .header_wrap {
      width: 100%;
  }
   #header .header_wrap h1.logo {
      left: 30px;
   }
   #header .header_wrap .top_area {
      right: 30px;
   }
   #container .container_wrap {
      padding-left: 30px;
      padding-right: 30px;
   }
}

@media only screen and (max-width: 1100px) { 
   #header.active:after {
      top: 80px;
   }
   #header .header_wrap .top_area{
      display: none;
   }
   #header #gnb > li > a {
      display: none;
   }
}

@media only screen and (max-width: 1023px) {  
   #header {
      overflow: unset;
   }
   #header::after {
   clear: both;
   content: "";
   display: block;
   }
   #header.is-hidden {
   -webkit-transform: translateY(-100%);
         -ms-transform: translateY(-100%);
            transform: translateY(-100%);
   }
   #header .gnbWrap {
      height: 80px;
   }
   #header .header_wrap h1.logo {
      top: 15px;
      left: 25px;
      height: 50px;
   }
   #header .logo a, #header .logo img {
   display: block;
   }

   .mainBannerBox1 {
      width: calc(50% - 2%);
      margin-right: 2%;
   }
   
   .mainBannerBox2 {
      width: calc(50% - 2%);
      margin-left: 2%;
   }

   .mainNoticeBox {
      width: 100%;
      vertical-align: top;
      padding-left: 0;
      margin-top: 3rem;
   }
} 

@media only screen and (max-width: 767px) {
   #container .container_wrap {
      padding-top: 50px;
      padding-bottom: 50px;
   }
   .mainNotice{
      padding: 30px;
   }
   .mainBannerBox3 {
      margin: 20px 20px 20px 20px;
   }
   .mainBanner {
      height:100%;
      max-height: 196px;
   }
 }

 @media only screen and (max-width: 480px) {
   .mainBannerBox1 {
      width: 100%;
      padding-right: 0;
   }
   .mainBannerBox2 {
      width: 100%;
      margin-left: 0;
      margin-top: 40px;
   }
   .mainBannerText a {
      font-size: 1.8rem;
   }
 }

/*table {margin: 0px;border-collapse: collapse;-ms-word-break: keep-all;word-break: keep-all;}*/
.mainTableList {width: 100%;table-layout: fixed;color: #222;margin: 0px;border-collapse: collapse;-ms-word-break: keep-all;word-break: keep-all;}
/* .mainTableList th {border: 1px solid #c3c8cb;height: 28px;color: #658290;font-weight:bold;} */
.mainTableList tr td {height: 38px; font-size: 1.5rem;}
.mainTableList tr:last-child td {border-bottom: none;}
.mainTableList th {text-align: center;}
.mainTableList .tac {text-align: center;}
.mainTableList .tal {text-align: left;padding-left: 10px;}
.mainTableList .tar {text-align: right;padding-right: 0px;color:#999;}
.mainTableList .taj {text-align: justify;padding-left: 10px;padding-right: 10px;}
.mainTableList .bt3px51b9d3 {border-top: 3px solid #51b9d3;}
/* .mainTableList > tbody > tr:hover{background-color:#d5d5d5} */


@media only screen and (max-width: 1100px) { 

}

/* 메인 공지사항 제목 ... */
.txt_line { 
   width: calc(100% - 10px); 
   padding: 0px 5px 0px 0px; 
   overflow: hidden; 
   text-overflow: ellipsis; 
   white-space: nowrap; 
}

.txt_line > img { 
   vertical-align: top;
}
 
.txt_line > a{ 
   color:#333;
}

/* 메인 TAB */
.tabArea {
   font-size: 1.6rem;
   min-width: 320px;
   max-width: 100%;
   /*padding: 50px;*/
   /*margin: 0 auto;*/
   background: #ffffff;
   /* border-bottom: 1px solid #ddd; */
   margin-bottom: 25px;
}
/* 
section {
   display: none;
   padding: 20px 0 0;
   border-top: 1px solid #ddd;
} */

/*라디오버튼 숨김*/
.tabArea > input {
   display: none;
}

.tabArea > label {
   display: inline-block;
   margin: 0 20px -1px 0px;
   font-weight: 600;
   text-align: center;
   color: #bbb;
   font-size : 1.9rem;
   /* border: 1px solid transparent; */
}

.tabArea > label:hover {
   color: #696969;
   cursor: pointer;
}

/*input 클릭시, label 스타일*/
.tabArea > input:checked + label {
   position: relative;
   color: #2e57df;
   /* border: 1px solid #ddd;
   border-top: 2px solid #2e9cdf;
   border-bottom: 1px solid #ffffff; */
}
.tabArea > input:checked + label::before {
   content: "";
   display: block;
   width: 6px;
   height: 6px;
   border-radius: 50%;
   position: absolute;
   top: -7px;
   right: -10px;
   background: #2e57df;
}

#tab1:checked ~ #noticeTab1,
#tab2:checked ~ #noticeTab2 {
   display: block;
}

.more{
   float: right;
   padding-top: 0px;
   padding-right: 0px;
   vertical-align: top;
   margin-top: -5px;
   /* padding:6px 3px 5px 9px;
   border-radius: 50%;
   width:20px;
   height:20px;
   border:1px solid #bbb;
   vertical-align: middle; */
}

@media (max-width: 768px){      
   .tabArea > label {

   }
   .mainTableList tr td {

   }
}

@media (max-width: 480px){     
   .tabArea {
      margin-bottom: 5px;
   }

   .tabArea > label{
      padding: 0px 10px 10px 0px;
   }
   .mainTableList tr td {padding-left:px}
   .mainTableList tr td:first-child {padding-left:px}
   .mainTableList tr td:last-child {padding-right:px}

   .more {
      padding-right: ;
  }

  .mainNotice {
      padding: 25px 25px 20px 25px;
   }

}


/*** footer ***/
#footer {
   clear: both; 
   width: 100%;
   /* margin-top: -16rem; */ /* Footer 스크롤 없이 하단 붙이기 */
   background: #fff;
   /* padding: 20px 0px 20px; */
   border-top: 1px solid #e7e7e7;
   /* overflow:hidden; */
}

.footer {
   max-width: 1200px;
   margin: 0 auto;
   padding-top: 40px;
   padding-bottom: 100px;
}

.footer_logo {
   display: inline-block;
   vertical-align: top;
}

#footer .address {
   display: inline-block;
   padding-left: 0px;
   color: #555;
   font-size: 14px;
   line-height: 26px;
}


#footer .address .privacy > a{
   display: inline-block;
   color: #999;
   font-weight: bold;
   margin-bottom: 10px;
}

#footer .address .privacy > a:hover{
   color: #ee4e0f;
}

#footer .address > img{
   vertical-align: top;
   margin: 9px 10px 0px 10px;
   opacity: 0.7;
}
.footerAddr, .footerTel {
   display: inline-block;
}
.footerCopy {
   display: block;
}


@media (max-width: 1279px) {
   #container{
   }

   .footer {
      padding-left: 30px;
   }
}

@media only screen and (max-width: 767px) {
   
   #footer .address {
      font-size: 12px;
   }
   .footerAddr, .footerTel {
      display: block;
   }
 }



 input[type="text"], input[type="password"] {
   font-size: 15px;
   height: 32px;
   line-height: 32px;
   padding-left: 15px;
   border: 1px solid #cdcdcd;
   -webkit-appearance: none;
}


 
/*** 로그인 ***/
#login-contents {
   width: 400px;
   /* min-height: 300px; */
   margin: 0 auto;
   margin-top: 100px;
   margin-bottom: 100px;
   text-align: left;
   min-height: calc(100% - 300px);;
}

#login-contents > h4 {
   font-size: 26px;
   font-weight: bold;
   margin-bottom: 15px;
}

#login-contents > h4 > span {
   font-size: 15px;
   font-weight: normal;
   color:#999;
}

.login_box {
   width: auto;
}

.input_box {
   padding-right: 20px;
}

.input_box > input[type=text], input[type=password] {
   width: 378px;
   border-color: #ddd;
   color: #666;
   font-size: 16px;
   padding: 0 0 0 20px;
   line-height: 52px;
   height: 52px;
   margin-bottom: 10px;
 }

 .login_btn > a {
   display: inline-block;
   background: #3539a1;
   width: 400px;
   height: 58px;
   line-height: 58px;
   color: #fff;
   font-size: 18px;
   font-weight: bold;
   text-align: center;
   border-radius: 50px;
   margin-top: 20px;
 }


@media only screen and (max-width: 480px) {
   
   
   /*** 로그인 ***/
   #login-contents {
      width: calc(100% - 60px);
   }

   #login-contents > h4 {
      padding-left: 0px;
   }

   #login-contents > h4 > span {
      font-size: 15px;
      font-weight: normal;
      color:#999;
   }

   .login_box {
      width: auto;
   }

   .input_box {
      padding-right: 0px;
   }

   .input_box > input[type=text], input[type=password] {
      /* width: 378px; */
      width: calc(100% - 22px);
      border-color: #ddd;
      color: #666;
      font-size: 16px;
      padding: 0 0 0 20px;
      line-height: 52px;
      height: 52px;
      margin-bottom: 10px;
   }

   .login_btn{
      padding-left: 0px;
   }

   .login_btn > a {
      width: 100%;
   }
 }

 /* 찾아오시는길 */