@charset "utf-8";

/*Fonts
********************************************************************* */
@font-face{
  font-family:'Noto Sans';
  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';
  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';
  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';
  font-style:normal;
  font-weight:800;
  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');
}

/* base */
/*@import url( "./notosanskr.css" );*/
html {width: 100%; min-height: 100%; height:100%; margin: 0; font-size: 62.5%; }  /* 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','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: keep-all;}
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; color:#555;}
body{overflow-y:scroll; /* overflow-x:hidden; */}
table{width:100%;display:table;box-sizing:border-box;table-layout:fixed;border-spacing:0;border-collapse:collapse;}  
select {-webkit-appearance: none; -moz-appearance: none; appearance: none;
   height: 22px;
   height: auto;
   font-size: 14px;
   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;
}
button {cursor:point;text-align: center;}
.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;
}

input, button, select, textarea {outline: none;vertical-align:top;}

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


/* Margin */
.mt2 {margin-top: 2px;}
.mt4 {margin-top: 4px;}
.mt6 {margin-top: 6px;}
.mt7 {margin-top: 7px;}
.mt8 {margin-top: 8px;}
.mt10 {margin-top: 10px;}
.mt50 {margin-top: 50px;}
.mr10 {margin-right: 10px;}
.mb6{margin-bottom: 6px;}
.mb8{margin-bottom: 8px;}
.mb10 {margin-bottom: 10px;}

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

.pdt5{padding-top:5px !important;}
.pdt8{padding-top:8px !important;}
.pdt10{padding-top:10px !important;}
.pdt20{padding-top:20px !important;}
.pdt30{padding-top:30px !important;}
.pdt40{padding-top:40px !important;}
.pdt50{padding-top:50px !important;}
.pdt100{padding-top:100px !important;}

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

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

.pdb0 {padding-bottom: 0px !important;}
.pdb5 {padding-bottom: 5px !important;}
.pdb10 {padding-bottom: 10px !important;}
.pdb20 {padding-bottom: 20px !important;}
.pdb30 {padding-bottom: 30px !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;}
.ht38 {height:38px !important;}
.ht40 {height:40px !important;}
.ht50 {height:50px !important;}
.ht60 {height:60px !important;}
.ht70 {height:70px !important;}
.ht80 {height:80px !important;}
.ht90 {height:90px !important;}
.ht100 {height: 100px !important;}
.ht110 {height: 110px !important;}
.ht120 {height: 120px !important;}
.ht130 {height: 130px !important;}
.ht140 {height: 140px !important;}
.ht150 {height: 150px !important;}
.ht200 {height: 200px !important;}
.h100per {height: 100% !important;}

/* Width */
.w50 {width: 50px !important;}
.w60 {width: 60px !important;}
.w80 {width: 80px !important;}
.w90 {width: 90px !important;}
.w100 {width: 100px !important;}
.w110 {width: 110px !important;}
.w120 {width: 120px !important;}
.w130 {width: 130px !important;}
.w140 {width: 140px !important;}
.w150 {width: 150px !important;}
.w160 {width: 160px !important;}
.w170 {width: 170px !important;}
.w180 {width: 180px !important;}
.w190 {width: 190px !important;}
.w200 {width: 200px !important;}
.w250 {width: 250px !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;}

/* Font Size*/
.fnts16 {font-size:16px !important;}
.fnts15 {font-size:15px !important;}
.fnts14 {font-size:14px !important;}
.fnts13 {font-size:13px !important;}
.fnts12 {font-size:12px !important;}

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

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

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

/* line-height */
.lh26 {line-height: 26px !important;;}
.lh30 {line-height: 30px !important;;}

/* float */
.floatl{float:left !important;}
.floatr{float:right !important;}


/* Cursor */
.cur{cursor: pointer;}

.left {text-align:left;}

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

/* 헤더*/
#header {
   width: 100%;
   /* z-index: 9999; */
   z-index: 12;
   position: relative;
   /* overflow: hidden; */
   background: none;
   box-sizing: border-box;
   /* display: inline-block; */
   background-color: #fff;;
}

#header .header_wrap {
   position: relative;
   max-width: 1100px;
   margin: 0 auto;
   height: 100px;
   /* z-index: 900; */
   z-index: 11;
}

#header .header_wrap h1.logo {
   position: absolute;
   top: 29px;
   left: 0px;
   width: 268px;
   height: 45px;
   text-indent: -9999px;
   z-index: 9999;
   background: url(/images/layout/logo.png) 0 0 no-repeat;
   background-size: contain;
}

.gnbWrap h1.logo1 {
   /* position: absolute;
   top: 20px;
   left: 0px;
   width: 268px;
   height: 45px;
   text-indent: -9999px;
   z-index: 9999;
   background: url(/images/layout/logo.jpg) 0 0 no-repeat;
   background-size: contain; */
   display: none;
}

.post_search .placeholder.show {
   color: #fff !important;
}

@media only screen and (max-width: 1200px) {
   #header .header_wrap {
      width: calc(100% - 50px);
      margin-left: 25px;
      margin-right: 25px;
   }
}
@media only screen and (max-width: 1100px) {
   
   #header .header_wrap h1.logo {
      top: 35px; 
      left: 20px; 
      display: none;
      /* background: url("") 0 0 no-repeat; */
   }
   
   .gnbWrap h1.logo1 {
      position: absolute;
      top: 17px;
      left: 10px;
      width: 268px;
      height: 45px;
      text-indent: -9999px;
      z-index: 9999;
      background: url(/images/layout/logo.jpg) 0 0 no-repeat;
      background-size: 80%;
      display: inline-block;
   }

   .gnbWrap h1.logo1 > a {
      display: block;
      width: 268px;
      height: 45px;
   }
   

   #header .header_wrap {
      /* position: relative;
      max-width: 1100px;
      margin: 0 auto;
      height: 90px;
      z-index: 900; */
      display: none;
   }
}


#header .header_wrap h1.logo > a {
   display: block;
   height: 100%;
}

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

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

/* @media only screen and (max-width: 1280px) {
   #header .gnbWrap {
      height: 70px;
   }
} */


@media only screen and (max-width: 1100px) {
   #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 .logo {
     left: 5%;
   } */
   #header .logo a, #header .logo img {
     display: block;
   }
 }

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

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


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

   #header #gnb > li:nth-child(1) {
      display: inline-block;
      margin: 0 5px;
      float: left;
      margin-left: -8px;
   }   
   #header #gnb > li:nth-child(7) {
      display: inline-block;
      margin: 0 5px;
      float: left;
      margin-right: -8px;
   }
 }

#header #gnb > li > a {
   display: inline-block;
   height: 52px;
   line-height: 50px;
   padding: 0px 30px;
   color: #fff;
   font-size: 17px;
   text-align: center;
}

@media only screen and (max-width: 1120px) {
   #header #gnb > li > a {
      padding: 0px 30px;
   }
 }

#header #gnb > li > a:after {
   display: block;
   content: '';
   border-bottom: solid 2px #52c8ff;
   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);
}



@media only screen and (max-width: 1100px) {
   #header #gnb > li > a{
      display: none;
   }
 }

#header #gnb > li > .two_depth {
   position: absolute;
   top: 52px;
   left: 0;
   width: 100%;
   z-index: 999;
   font-size: 0;
   display: none;
   padding-top: 40px;
   padding-bottom: 40px;
   text-align: left;
   background: #29448a;
   border-top: 1px slid #fff;
}

#header #gnb > li > .two_depth > .inner {
   width: 1100px;
   margin: 0 auto;
}

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

#header #gnb .two_depth > .inner > h2 {
   float: left;
   width: calc(25% - 45px);
   height: 115px;
   padding-left: 45px;
   text-align: left;
   /*background: url(/images/layout/bg_header.png) 0 95px no-repeat;
   border-right: 1px solid rgba(255,255,255,0.1);*/
   background-position-x: right;
}

#header #gnb .two_depth > .inner > h2 > span {
   position: relative;
   display: block;
   font-size: 28px;
   font-weight: bold;
   color: #fff;
}

#header #gnb .menu_se {
   float: left;
   height: 100% !important;
   width: 75%;
   text-align: left;
   margin: 0;
}

#header #gnb .menu_se > li {
   float: left;
   width: 25%;
   margin: 0 0 10px;
   text-align: left;
}

#header #gnb .menu_se > li > a {
   display: inline-block;
   color: rgba(255,255,255,0.9);
   font-size: 16px;
   line-height: 30px;
   padding: 0px 0px;
}

#header #gnb .menu_se > li > a + ul {
   margin-top: 10px;
   position: relative;
   padding-top: 8px;
}

#header #gnb .menu_se > li > a + ul:before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 16px;
   height: 1px;
   background: #fff;
}

#header #gnb .menu_se > li > ul > li a {
   font-size: 14px;
   color: rgba(255,255,255,0.6);
   line-height: 30px;
}


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

#header.ov{background: #fff;transition:0.5s}
#header .two_depth:before {content:'';position: absolute;top: 0px; width: 100%;height: 1px; z-index:9999; background-color: rgba(255,255,255,0.2);transition:0.5s; }

/* #header.ov .gnbWrap {height: 220px; width:100%; } */
#header.ov #gnb > li > a {color: #fff;}
#header.ov #gnb > li > a:hover {color: #52c8ff;}
#header.ov #gnb .menu_se > li > a:hover {color:#52c8ff;}
#header .header_wrap .top_area {
   z-index: 100;
   position: absolute;
   top: 51px;
   right: 0px;
   background: url(/images/bar_02.png) 52% 55% no-repeat;
   display: block;
   font-size: 0;
}
#header .header_wrap .top_area .top-btn > a {
   color: #777;
   font-size: 14px;
   margin-left: 12px;
   margin-right: 12px;
}
.top_link a {
   display: inline-block;
   position: absolute;
   top: 37px;
   left: 450px;
   background: #d91f57;
   height: 30px;
   line-height: 28px;
   padding: 0px 10px;
   border-radius: 5px;
   color: #fff;
   font-weight: bold;
   font-size: 13px;
}

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

}

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

   #header .gnbWrap {
      height: 70px;
      background-color: #fff;
   }
   #header.active:after {
      top: 70px;
   }
   #header .header_wrap .top_area{
      display: none;
   }
   #container{      
     padding-top: 0rem;
     /*margin-bottom: 10rem;*/  /* Footer 스크롤 없이 하단 붙이기 */
     /* overflow: hidden; */
  }
 }

 /* 반응형 애니메이션 효과 */
#container * {
   transition-duration: 0.3s;
}

 /* 메인 이미지 */
.mainBg {
   position: relative;
   /* width: 100%; */
   /* max-width:100%; */
   height: 37rem;
   margin: 0 auto;
}

.mainBg .visual {
   position: absolute;
   top: 0;
   left: 0;
   /* width: 100%; */
   /* max-width:100%; */
   height: 37rem;
}

@media only screen and (max-width: 1280px) {   
   .mainBg {
      position: relative;
      height: 37rem;
      margin: 0 auto;
      z-index: -1;
   }

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

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

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

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

 }


/* .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 center;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   cursor: pointer;
}
#container .mainBg .visual li {
   transition-duration: 0s !important;
}

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

.visual .mainBg02 {
   /* min-width: 1200px; */
   /* max-width: 100%; */
   max-height: 100%;
   background: url(/images/visual_02.jpg)  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 > li > .inner {
   position: relative;
   width: 1100px;
   height: 370px;
   margin: 0 auto;
}
.visualImg {
   position: absolute;
   left: 140px;
   bottom: 0;
}
.visualText-ex {
   position: absolute;
   right: 50px;
   bottom: 130px;
   font-size: 22px;
   color: #fff;
   font-weight: bold;
   line-height: 30px;
}
.visualText-ex > strong > b {
   font-size: 34px;
   line-height: 60px;
}
.visualText-ex01 {
   position: absolute;
   right: 30px;
   bottom: 130px;
   font-size: 22px;
   color: #29448a;
   font-weight: bold;
   line-height: 34px;
}
.visualText-ex01 > strong > b {
   font-size: 34px;
   line-height: 70px;
}
.visualText {
   position: absolute;
   right: 50px;
   bottom: 120px;
}
.visualText > span {
   display: block;
}
.visualText > strong {
   display: inline-block;
   font-size: 22px;
   color: #fff;
   line-height: 30px;
   margin-bottom: 15px;
   text-shadow: 2px 2px 3px rgba(0,0,0,0.8);
}
.visualText > strong > b {
   font-size: 35px;
   line-height: 50px;
   color: #fff;
}

@media only screen and (max-width: 1280px) {
}
@media only screen and (max-width: 1116px) {
   .visual > li > .inner {
      width: 100%;
   }
}
@media only screen and (max-width: 1024px) {
   .visualImg {
      position: absolute;
      left: 10%;
      bottom: 0;
   }
   .visualText {
      position: absolute;
      right: 5%;
      bottom: 105px;
   }
   .visualText > strong {
      display: inline-block;
      font-size: 18px;
      line-height: 26px;
   }
   .visualText > strong > b{
      font-size: 30px;
   }
}
@media only screen and (max-width: 768px) {
   .visualImg {
      position: absolute;
      left: 5%;
      bottom: 0;
   }
   .visualImg > span > img {
      width: 85%;
   }
   .visualText > strong {
      font-size: 16px;
      line-height: 20px;
   }
   .visualText > strong > b{
      font-size: 24px;
      line-height: 36px;
   }
}

@media only screen and (max-width: 620px) {
   .visualImg {
      width: 100%;
      position: absolute;
      left: 0;
      bottom: 0;
   }
   .visualImg > span > img {
      width: 55%;
      margin: 0 auto;
   }
   .visualText {
      width: 100%;
      position: absolute;
      right: 0;
      top: 8%;
      text-align: center;
   }
   .visualText > strong {
      font-size: 15px;
      line-height: 20px;
   }
   .visualText > strong > b {
   }
   .visualText > span {
      display: none;
   }
 }

 
@media only screen and (max-width: 480px) {
   .visualImg > span > img {
      width: 75%;
   }
 }
 


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

.bx-controls {
   display: none;
   position: absolute;
   text-align: center;
   /* width: 100%; */
   max-width:100%;
   bottom: 240px;
}


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

#container .container_wrap {
   max-width: 1100px;
   margin: 0 auto;
   padding-top: 30px;
   font-size: 0;
}
@media only screen and (max-width: 1116px) { 
   #container .container_wrap {
      max-width: 800px;
   }
}
@media only screen and (max-width: 620px) { 
   #container .container_wrap {
      padding-top: 24px
   }
}


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

.mainBannerSubBox{
   float: left; 
   width:224px;
   /* width: calc(29% - 5rem); */
   /* padding:0px 24px 25px 0px; */
   margin-right:23px;
   margin-bottom: 24px;
   border:1px solid #ccc;
   cursor: pointer;
   /*padding:20px;*/
   /*height:278px;*/
}

.mainBanner{
   text-align: center;
   height: 80px;
   margin:25px 25px 0px 25px;
   border-bottom: 1px solid #e2e2e2;
   overflow: hidden;
}


.mainBannerBox1{
   float: left; 
   width: calc(29% - 5rem);
   padding:20px 40px 50px 0px;
   /*padding:20px;*/
   /*height:278px;*/
}

.mainBannerBox1 > .mainBanner {

}

.mainBannerBox2, mainBannerBox3{
   float: left; 
   width: calc(29% - 5rem);
   padding:20px 40px 40px 0px;
   /*padding:20px;*/
   /*height:278px;*/
}

.mainBanner > img{
   height: 100%;
   /* height: auto; */
}

.mainBannerText{
   font-size: 1.6rem;
   font-weight: 700;
   color:#333;
   text-align: center;
   height: 57px;
   line-height: 55px;
   /*padding:  16px 0px 17px 0px;*/
   /* border-bottom:1px solid #555; */
}

.mainBannerText > span {
   display: inline-block;
   line-height: 20px;
}

.mainBannerText > span.mt7 {
   margin-top: 7px;
}

.mainBannerArrow{
   float:right;
}

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

.mainNoticeBox{
   display: inline-block; 
   vertical-align: top;
   width:350px;
   margin-bottom: 24px;
   /* width: 43.5%; */
   /*padding:20px;   */
   /* padding:20px 0px 50px 0px; */
}

.mainNotice{
   padding:25px 30px 29px 30px;
   border:1px solid #ccc;
}



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

   .mainBannerBox{
      width: 100%;
      margin-bottom: 10px;
      /* padding:20px 19px 50px 20px; */
   }


   .mainBannerSubBox{
      width:calc(33.3333% - 27px);
      margin-right: 13px;
      margin-bottom: 14px;
   }
   .mainBannerSubBox:first-child, 
   .mainBannerSubBox:nth-child(4){
      margin-left: 24px;
   }
   .mainNoticeBox {
      width: calc(100% - 50px);
      padding: 0px 24px 0px 24px;
  }
}


@media only screen and (max-width: 1023px) {  
   
   /* .mainBannerBox1{
      float: left; 
      width: calc(29% - 5rem);
      /* padding:16px 30px 76px 0px; *
      padding:20px 19px 40px 20px;
   }
   
   .mainBannerBox2{
      float: left; 
      width: calc(29% - 5rem);
      /* padding:16px 30px 76px 0px; *
      padding:20px 19px 40px 20px;
   }

   .mainNoticeBox{
      float: left; 
      width: 42%;
      /*padding:20px;   */
      /* padding:16px 0px 76px 0px; *
      padding:0px 19px 40px 20px;
   } */
   /* .mainBannerBox{
      padding:16px 19px 40px 20px;
   }

   .mainNotice{
      padding:25px;
      border:1px solid #c1c1c1;
   }
   
   .mainNoticeBox{
      padding:16px 19px 76px 20px;
   } */
} 

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

   .mainBannerBox{
      width: calc(100% - 40px);
      padding-left: 20px;
      padding-right: 20px;
      margin-bottom: 10px;
   }

   .mainBannerSubBox{
      width:calc(50% - 10px);
      margin-bottom: 14px;
   }

   .mainBannerSubBox:first-child, 
   .mainBannerSubBox:nth-child(3), 
   .mainBannerSubBox:nth-child(5){
      margin-right: 7px;
      margin-left: 0px;
   }

   .mainBannerSubBox:nth-child(2), 
   .mainBannerSubBox:nth-child(4), 
   .mainBannerSubBox:nth-child(6){
      margin-left: 7px;
      margin-right: 0px;
   }

   .mainNoticeBox {
      width: calc(100% - 40px);
      padding: 0px 20px 0px 20px;
  }

   .mainBanner {
      margin: 20px 25px 0px 25px;
      padding-bottom: 5px;
   }
   
   .mainBannerText {
      font-size: 1.6rem;
   }




   /* .mainBannerBox1{
      padding:20px 19px 30px 20px;
   }
   .mainBannerBox2{
      padding:20px 19px 30px 20px;
   }

   .mainNotice{
      padding: 0px 0px 0px 0px;
      border : 0px ;
   }

   .mainBannerText{
      font-size: 1.8rem;
   }
   
   .mainNoticeBox{
      padding:15px 19px 35px 20px;
   } */
   

 }

/*table {margin: 0px;border-collapse: collapse;-ms-word-break: keep-all;word-break: keep-all;}*/
.mainTableList {width: 100%;table-layout: fixed;color: #333;margin-top:15px;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: 35px;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: 1116px) { 
   .mainNotice {
      padding: 25px 30px 22px 30px;
  }
   .mainTableList tr td {
      height: 32px;
      font-size: 1.5rem;
   }
}

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

.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: 1116px){  
   .more {
      padding-right: 0px;
   }
}

@media (max-width: 768px){      
   .tabArea > label{
      font-size: 1.75rem;
   }
}

@media (max-width: 480px){      
   .tabArea > label{
      padding: 0px 10px 10px 0px;
   }
   .mainNotice {
      padding: 20px 20px 20px 20px;
  }
   .mainTableList tr td {height: 32px; padding-left:px}
   .mainTableList tr td:first-child {padding-left:px}
   .mainTableList tr td:last-child {padding-right:px}

}

/* 메인 중간 배너 */
.mainBanner2Box{   
   display: inline-block; 
   width:calc(100% - 2px);
   margin-bottom: 2.4rem;
   border:1px solid #ccc;
   background-color: #f8f8f8;
   font-size: 1.2rem;
}

.mainBanner2Box > ul{
   width:auto;
}

.mainBanner2Box > ul > li{
   float: left;
   width:calc((100% / 7) - 1px);
   height:8rem;
   border-right: 1px solid #d4d4d4;  
   text-align: left;
}

.mainBanner2Box > ul > li:nth-child(7n){
   display: inline-block;
   width:calc((100% / 7) - 1px);
   height:8rem;
   border-right:none;
} 

.dspBr{display: block;}

/* .mainBanner2Box > ul > li{
   float: left;
   width:calc((100% / 6) - 1px);
   height:7rem;
   border-right: 1px solid #d4d4d4;  
   text-align: left;
} 2022.01.03 주석 */

/* .mainBanner2Box > ul > li:nth-child(6n){
   display: inline-block;
   width:calc((100% / 6) - 1px);
   height:7rem;
   border-right:none;
} 2022.01.03 주석 */

/* .mainBanner2Box > ul > li:nth-child(-1n+6){
   border-bottom:1px solid #d4d4d4;
} 2022.01.03 주석 */


.mainBanner2Box > ul > li > div{
   display: inline-block;
   width:calc(100% - 2rem);
   height:4.8rem;
   color:#5e5c5f;
   margin-left: 1rem;
   padding-top: 1.7rem;
   /* margin-top: 24px; */
   line-height: 17px;
   font-size: 1.3rem;
   font-weight: 700;
   /* background-image: url("/images/main_icon1.png");
   background-repeat: no-repeat;
   background-position: right 1.1rem; */
}


.mainBanner2Box > ul > li:nth-child(4) > div,
.mainBanner2Box > ul > li:nth-child(11) > div{
   display: inline-block;
   width:calc(100% - 2rem);
   height:4.8rem;
   color:#5e5c5f;
   margin-left: 1rem;
   padding-top: 1.7rem;
   line-height: 17px;
   font-size: 1.3rem;
   font-weight: 700;
}


@media (max-width: 1116px){ 
   .mainBanner2Box{   
      width:calc(100% - 52px);
      font-size: 1.2rem;
      margin-left:24px;
      margin-right:24px;
   } 

   .mainBanner2Box > ul > li{
      /* display: inline-block; */
      float: left;
      width:calc((100% / 4) - 1px);
      height:8rem;
      border-right:1px solid #d4d4d4;  
      text-align: left;
   }

   /* .mainBanner2Box > ul > li:nth-child(6){
      display: inline-block;
      /* width:18.2rem; 
      width:calc((100% / 4) - 1px);
      height:7rem;
      border-right:1px solid #d4d4d4;  
   } */

   .mainBanner2Box > ul > li:nth-child(4n){
      display: inline-block;
      /* width:18.2rem; */
      width:calc((100% / 4) - 1px);
      height:8rem;
      border-right:none;
   }

   .mainBanner2Box > ul > li:nth-child(-1n+4){
      border-bottom:1px solid #d4d4d4;
   }
   
   .mainBanner2Box > ul > li:nth-child(7n){
      display: inline-block;
      width:calc((100% / 4) - 1px);
      height:8rem;
      border-right:1px solid #d4d4d4;
   } 
   .dspBr{display: none;}
}

@media (max-width: 768px){ 
   .mainBanner2Box{   
      width:calc(100% - 42px);
      font-size: 1.2rem;
      margin-left: 20px;
      margin-right: 20px;
      margin-bottom: 3rem;
   } 

   .mainBanner2Box > ul > li{
      /* display: inline-block; */
      float: left;
      width:calc((100% / 3) - 1px);
      height:8rem;
      border-right:1px solid #d4d4d4;  
      text-align: left;
   }

   .mainBanner2Box > ul > li:nth-child(4),
   .mainBanner2Box > ul > li:nth-child(8){
      display: inline-block;
      /* width:18.2rem; */
      width:calc((100% / 3) - 1px);
      height:8rem;
      border-right:1px solid #d4d4d4;  
   }

   .mainBanner2Box > ul > li:nth-child(3n){
      display: inline-block;
      /* width:18.2rem; */
      width:calc((100% / 3) - 1px);
      height:8rem;
      border-right:none;
   }
   
   .mainBanner2Box > ul > li:nth-child(7n) {
      display: inline-block;
      width: calc((100% / 3) - 1px);
      height: 8rem;
      border-right: 1px solid #d4d4d4;
   }
   
  .mainBanner2Box > ul > li:nth-child(8n) {
     display: inline-block !important;
     width: calc((100% / 3) - 1px);
     height: 8rem;
     border-right: 1px solid #d4d4d4;
   }

   .mainBanner2Box > ul > li:nth-child(-1n+6){
      border-bottom:1px solid #d4d4d4;
   }
}

@media (max-width: 620px){ 
   .mainBanner2Box{   
   } 

   .mainBanner2Box > ul > li{
      /* display: inline-block; */
      float: left;
      width:calc((100% / 2) - 1px);
      height:8rem;
      border-right:1px solid #d4d4d4;  
      text-align: left;
   }

   .mainBanner2Box > ul > li:nth-child(3),
   .mainBanner2Box > ul > li:nth-child(6),
   .mainBanner2Box > ul > li:nth-child(9){
      display: inline-block;
      /* width:18.2rem; */
      width:calc((100% / 2) - 1px);
      height:8rem;
      border-right:1px solid #d4d4d4;  
   }

   .mainBanner2Box > ul > li:nth-child(2n){
      display: inline-block;
      /* width:18.2rem; */
      width:calc((100% / 2) - 1px);
      height:8rem;
      border-right:none;
   }

   .mainBanner2Box > ul > li:nth-child(7n) {
      display: inline-block;
      width: calc((100% / 2) - 1px);
      height: 8rem;
      border-right: 1px solid #d4d4d4;
   }

   .mainBanner2Box > ul > li:nth-child(-1n+6){
      border-bottom:1px solid #d4d4d4;
   }
}

.mainBanner2Box > ul > li:nth-child(1) > div{
   background-image: url("/images/main_icon1.png");
   background-repeat: no-repeat;
   background-position: right 1.7rem;
}
.mainBanner2Box > ul > li:nth-child(2) > div{
   background-image: url("/images/main_icon2.png");
   background-repeat: no-repeat;
   background-position: right 1.7rem;
}
.mainBanner2Box > ul > li:nth-child(3) > div{
   background-image: url("/images/main_icon3.png");
   background-repeat: no-repeat;
   background-position: right 1.7rem;
}
.mainBanner2Box > ul > li:nth-child(4) > div{
   background-image: url("/images/main_icon4.png");
   background-repeat: no-repeat;
   background-position: right 1.7rem;
}
.mainBanner2Box > ul > li:nth-child(5) > div{
   background-image: url("/images/main_icon5.png");
   background-repeat: no-repeat;
   background-position: right 1.7rem;
}
.mainBanner2Box > ul > li:nth-child(6) > div{
   background-image: url("/images/main_icon6.png");
   background-repeat: no-repeat;
   background-position: right 1.7rem;
}
.mainBanner2Box > ul > li:nth-child(7) > div{
   background-image: url("/images/main_icon7.png");
   background-repeat: no-repeat;
   background-position: right 1.7rem;
}
/* .mainBanner2Box > ul > li:nth-child(8) > div{
   background-image: url("/images/main_icon8.png");
   background-repeat: no-repeat;
   background-position: right 1.1rem;
}
.mainBanner2Box > ul > li:nth-child(9) > div{
   background-image: url("/images/main_icon9.png");
   background-repeat: no-repeat;
   background-position: right 1.1rem;
}
.mainBanner2Box > ul > li:nth-child(10) > div{
   background-image: url("/images/main_icon10.png");
   background-repeat: no-repeat;
   background-position: right 1.1rem;
}
.mainBanner2Box > ul > li:nth-child(11) > div{
   background-image: url("/images/main_icon11.png");
   background-repeat: no-repeat;
   background-position: right 1.1rem;
}
.mainBanner2Box > ul > li:nth-child(12) > div{
   background-image: url("/images/main_icon12.png");
   background-repeat: no-repeat;
   background-position: right 1.1rem;
} 2022.01.03 주석*/

.mainBanner2Box > ul > li > div > span{
   float: right;
   right:0px;
   top:0px;
}

.bannerLink{cursor: pointer;}


/* 메인 전문지 뉴스 */
.mainPaperBox{   
   /* float: left; */
   width:calc(100% - 7rem);
   padding: 3rem 3.5rem 2rem 3.5rem;
   margin-bottom: 6rem;
   color:#fff;
   background: #2e7cba url(../../images/mainPaperBox_bg.png) right 0 no-repeat;
   background-size: cover;
}

.mainPaperBox h2{
   display: inline-block;
   width: 21%;
   padding-left: 3rem;
   background-image: url("/images/main_paper_icon1.png");
   background-repeat: no-repeat;
   font-size: 2rem;
   vertical-align: top;
}
.mainPaperBox h2 > div{
   margin-top: 1rem;
   font-size:1.3rem;
   color:#adc3ea;
}

.mainPaperBox > ul{
   display: inline-block;
   width: 75%;
}

.mainPaperBox > ul > li{
   display: inline-block;
   width: calc((795px / 6) - 20px);
   height: 3.7rem;
   text-align: left;
   border:1px solid #96bddc;
   border-radius: 50px;
   margin: 0rem 0.5rem;
   margin-bottom: 12px;
   font-size: 1.4rem;
   cursor: pointer;
}


.mainPaperBox > ul > li > div{
   display: inline-block;
   width: 100%;
   height: 3.7rem;
   /* margin-top: 24px; */
   line-height: 3.6rem;
   font-size: 1.5rem;
   font-weight: 700;
   text-align: center;
   color: #fff;
   /* background-image: url("/images/main_icon1.png");
   background-repeat: no-repeat;
   background-position: right 1.1rem; */
}


@media (max-width: 1116px){ 
   .mainPaperBox{   
      padding: 3rem 3.5rem 3rem 3.5rem;
   }

   .mainPaperBox h2{
      float: left;
      width: calc(100% - 52px);
      margin-bottom: 2rem;
      padding-left: 4rem;
      background-image: url("/images/main_paper_icon1.png");
      background-repeat: no-repeat;
      background-position: 0.5rem 0px;
      padding-bottom: 1px;
      font-size: 2rem;
   }
   .mainPaperBox h2 > div{
      margin-top: 1rem;
      font-size: 1.3rem;
      color: rgba(255,255,255,0.7);
      display: inline-block;
   }

   .mainPaperBox{   
      /* float: left; */
      width:calc(100% - 120px);
      /* margin-bottom: 60rem; */
      margin-left: 24px;
      margin-right: 24px;
   } 
   .mainPaperBox > ul {
      width: 100%;
   }
   .mainPaperBox > ul > li{
      width: calc((100% / 4) - 13px);
      margin: 0rem 0.5rem;
      margin-bottom: 12px;
      height: 4rem;
   }
   .mainPaperBox > ul > li > div {
      height: 4rem;
      line-height: 3.8rem;
  }
}


@media (max-width: 767px){ 

   .mainPaperBox{   
      /* float: left; */
      width:calc(100% - 110px);
      /* margin-bottom: 2.5rem; */
      margin-left: 20px;
      margin-right: 20px;
   } 
}


@media (max-width: 620px){ 
   .mainPaperBox {
      width: calc(100% - 100px);
      padding: 3rem 3rem 3rem 3rem;
   }
   .mainPaperBox > ul > li{
      width: calc((100% / 3) - 13px);
   }
}


@media (max-width: 480px){ 
   .mainPaperBox{   
      width: calc(100% - 80px);
      padding: 2.5rem 2rem 2rem 2rem;
   } 
   .mainPaperBox > ul > li{
      width:calc((100% / 2) - 13px);
   }
}

/* 메인 하단 흐르는 배너 */
#container .containerBottom_wrap{
   margin:0 auto;
   border-top:1px solid #e2e2e2;
}
#container .containerBottom_Area{
   margin:0 auto;
   padding: 10px 0px 10px 0px;
}
.owl-carousel .owl-item > .item > a > img {
   margin: 0 auto;
}

@media only screen and (max-width: 1116px) { 
   #container .containerBottom_Area {
      max-width: 800px;
   }
}

.mainScrollBanner{
   margin:0 auto;
   width:1100px;
   margin-top: 5px;
   margin-bottom: 5px;
}
.mainScrollBanner ul li{
   display: inline-block;
}


@media (max-width: 1116px){ 

   .mainScrollBanner{
      width:calc(100% - 52px);
      /* height:6rem;
      margin-top: 2.5rem; */
   }
}


@media (max-width: 620px){ 
   .mainScrollBanner{
      width:calc(100% - 52px);
      /* height:6rem;
      margin-top: 2.5rem; */
   }
}


@media (max-width: 480px){ 
   .mainScrollBanner{
      width:calc(100% - 36px);
      /* height:6rem;
      margin-top: 2.5rem; */
   }
}






/* 화면 너비 0 ~ 1200px */
@media (max-width: 1100px) {
   #wrap {width: 100%;}
   .article1 {width: calc(27% - 4rem);}
   .article2 {width: calc(27% - 4rem);}
   .article3 {width: calc(46% - 4rem);}
}


/* 화면 너비 0 ~ 1024px */
@media (max-width: 1024px) {
   #wrap {width: 100%;}
   /* .article1 {width: calc(30% - 4rem);}
   .article2 {width: calc(30% - 4rem);}
   .article3 {width: calc(40% - 4rem);} */
   .article1 {width: calc(50% - 4rem);}
   .article2 {width: calc(50% - 4rem);}
   .article3 {width: calc(100% - 4rem);}
}
/* 화면 너비 0 ~ 768px */
@media (max-width: 768px){
   .mainBg {width: 100%;}
   .article1 {width: calc(50% - 4rem);}
   .article2 {width: calc(50% - 4rem);}
   .article3 {width: calc(100% - 4rem);}
}
/* 화면 너비 0 ~ 480px */
@media (max-width: 480px){
   .article1 {width: calc(100% - 4rem);}
   .article2 {width: calc(100% - 4rem);}
   .article3 {width: calc(100% - 4rem);}
}                


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

.footer {
   max-width: 1100px;
   margin: 0 auto;
   padding-top: 20px;
}

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

#footer .footer_top{
   /* height:5.2rem; */
   border-bottom: 1px solid rgba(255,255,255,0.2);
   
}

#footer .footer_top .links{
   max-width: 1100px;
   margin: 0 auto;
   display: flex;
    align-items: center;
    justify-content: space-between;
   /* padding-top: 20px; */
}

#footer .footer_top .link_left{
   /* float: left; */
   display: inline-block;
   /* width: calc(100% - 368px); */
} 

#footer .footer_top .link_right{
   /* float: right; */
   display: inline-block;
   width: 364px;
} 

#footer .footer_top .link_left li{
   /* width:calc((100% / 6) - 2px); */
   display: inline-block;
   color:#a4a2ad;
   padding-right: 2rem; 
   font-size: 1.3rem;
}

#footer .footer_top .link_left li a{
   color:#a4a2ad;
}

#footer .footer_top .link_right li{
   width:calc((100% / 3) - 4px);
   height: 3.5rem;
   display: inline-block;
   color:#c7c5d0;
   border-right:1px solid #494856;
   padding-top: 1.8rem;
   text-align: center;
   font-size: 1.3rem;
}

#footer .footer_top .link_right li a{
   color:#c7c5d0;
}

#footer .footer_top .link_right li:first-child{
   border-left:1px solid #494856;
}


@media (max-width: 1116px){ 
   
   #footer {
      Height: 25rem; 
   }
   #footer .footer_top .links{
      display: block;
   }
   #footer .footer_top .link_left{
      /* float: left; */
      display: inline-block;
      margin: 0 auto;
      width:calc(100% - 52px);
      padding-left: 24px;
   } 
   #footer .footer_top .link_right{
      /* float: right; */
      margin: 0 auto;
      display: inline-block;
      width:calc(100% - 52px);
      padding-left:24px;
      padding-top: 10px;
      padding-bottom: 20px;
   }    
   #footer .footer_top .link_left li{
      /* width:calc((100% / 6) - 2px); */
      display: inline-block;
      color:#a4a2ad;
      /* padding-right: 20px; */
      padding:15px 15px 15px 0px;
   }
   #footer .footer_top .link_right li{
      /* width:calc((100% / 3) - 4px); */
      width:7.3rem;
      height:1.2rem;
      display: inline-block;
      /* color:#c7c5d0; */      
      color:#fff;
      border-right:none;
      padding-top: 0px;
      margin-left: 20px;
      text-align: left;
      font-size: 14px;
   }  
   #footer .footer_top .link_right li:first-child{
      border-left:none;
      padding-left: 0px;
      margin-left: 0px;
   }
   #footer .link_bar {
      display: inline-block;
      width: 1px;
      height: 12px;
      background: rgba(255,255,255,0.2)
   }
   .footer {
      padding-left: 23px;
   }
}


@media (max-width: 766px){ 
   #footer {
      Height: 28rem; 
   }

   #footer .footer_top{
      padding-top:15px;
      /* height:6rem;       */
   }

   #footer .footer_top .link_left{
      /* float: left; */
      display: block;
      margin: 0 auto;
      width:calc(100% - 52px);
      padding-left:0px;
   } 

   #footer .footer_top .link_right{
      /* float: right; */
      margin: 0 auto;
      display: block;
      width:calc(100% - 52px);
      padding-left:0px;
      padding-bottom: 20px;
   }    

   #footer .footer_top .link_left li{
      /* width:calc((100% / 6) - 2px); */
      display: inline-block;
      /* color:#a4a2ad; */
      /* padding-right: 20px; */
      padding:0px 15px 15px 0px;
   }

   #footer .footer_top .link_right li{
      /* width:calc((100% / 3) - 4px); */
      width:7.3rem;
      height:1.2rem;
      display: inline-block;
      /* color:#c7c5d0; */
      border-right:none;
      padding-top: 0px;
      margin-left: 20px;
      text-align: left;
      font-size: 14px;
   }
   
   #footer .footer_top .link_right li:first-child{
      border-left:none;
      padding-left: 0px;
      margin-left: 0px;
   }
}


@media (max-width: 620px){ 

   #footer .footer_top .links{
      width:calc(100% - 52px);
      /* height:6rem;
      margin-top: 2.5rem; */
   }
   

   /* #footer .footer_top .link_left li:nth-child(3){
      width:200px;
   } */

   #footer .footer_top .link_left{
      padding-left:0px;
      width: 100%;
   } 

   #footer .footer_top .link_right{
      padding-left:0px;
      width: 100%;
      padding-bottom: 20px;
   }    

}


@media (max-width: 480px){ 
   .mainScrollBanner{
      width:calc(100% - 36px);
      /* height:6rem;
      margin-top: 2.5rem; */
   }
}



#footer .address {
   display: inline-block;
   padding-left: 0px;
   color: #a4a2ad;
   font-size: 13px;
   line-height: 24px;
}


#footer .address .privacy > a{
   display: inline-block;
   color: #a4a2ad;
   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 only screen and (max-width: 767px) {
   #footer .address {
      font-size: 12px;
   }
   .footerAddr, .footerTel {
      display: block;
   }
 }

 /* 메인 로그인 */
  .top_loginWrap {
   width: 100%;
   margin: 0 auto;
   margin-top: -14px;
   font-size: 0;
   text-align: center;
}
.top_loginWrap label {
   cursor: pointer;
}
.top_loginBtnWrap > li > input[type="text"], 
.top_loginBtnWrap > li > input[type="password"] {
   font-size: 13px;
   border-radius: 3px;
}
.top_loginBtnWrap > li > input::placeholder {
   font-size: 13px;
   color: #999;
}
.top_loginBtnWrap button {
   cursor: pointer;
   display: inline-block;
   width: 85px;
   height: 30px;
   line-height: 28px;
   background: #29448a;
   color: #fff;
   font-size: 15px;
   box-sizing: border-box;
   vertical-align: top;
   font-size: 13px;
   border-radius: 3px;
}
.top_loginBtnWrap > li > .name {
   color: #29448a;
   font-weight: bold;
}
.top_loginBtnWrap a {
   cursor: pointer;
   display: inline-block;
   width: 85px;
   height: 30px;
   line-height: 28px;
   background: #29448a;
   color: #fff;
   font-size: 15px;
   box-sizing: border-box;
   vertical-align: top;
   font-size: 13px;
   border-radius: 3px;
}
.top_loginBtnWrap > .modify > a {
   width: unset;
   padding: 0px 12px 0px 12px;
   line-height: 26px;
}
.top_loginBtnWrap .btnJoin {
   background: #fff;
   border: 1px solid #29448a;
   color: #29448a;
   line-height: 26px;
}
.top_menu_Area{
   width: 100%;
   /* border-bottom: 1px solid #d5d5d5; */
   height: 26px;
   line-height: 34px;
   /* color:#999999;
   font-weight: bold; */
}

.top_menu_Area ul li a{
   color:#999999;
   font-weight: bold;
}
.top_loginText{
   height: 30px;
    line-height: 30px;
    font-size: 13px;
    vertical-align: top;
}
 /*** 메인 로그인 ***/
 
/*** 로그인 ***/
#loginWrap {

}
#login-contents {
   width: 292px;
   /* min-height: 300px; */
   margin: 0 auto;
   margin-top: 100px;
}

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

#login-contents > h4 > span {
   font-size: 15px;
   font-weight: normal;
   color:#999;
}
.login_box {
   width: auto;
}
.input_box > input[type=text], .input_box > input[type=password] {
   width: calc(100% - 12px);
   border-color: #ccc;
   color: #777;
   font-size: 14px;
   padding: 0 0 0 10px;
   line-height: 45px;
   height: 45px;
   margin-bottom: 10px;
   border-radius: 4px;
 }
.links {
   margin-top: 5px;
}
.links > input {
   width: 16px;
   height: 16px;
}
.links > label {
   font-size: 14px;
   color: #777;
   padding-left: 3px;
}
.loginDspIn{
   font-size: 0;
} 
.loginDspIn > a {
   display: inline-block;
   width: 139px;
   height: 40px;
   line-height: 40px;
   border: 1px solid #29448a;
   font-size: 14px;
   color: #29448a;
   text-align: center;
   margin-right:10px;
   border-radius: 4px;
}
.loginDspIn > a.last {
   margin-right: 0px;
}
.login_btn > a {
   display: inline-block;
   background: #29448a;
   width: 292px;
   height: 58px;
   line-height: 58px;
   color: #fff;
   font-size: 16px;
   text-align: center;
   border-radius: 5px;
   margin-top: 20px;
   margin-bottom: 10px;
}


@media only screen and (max-width: 480px) {
   
/*** 로그인 ***/
#login-contents {
   width: calc(100% - 12rem);
   min-height: 300px;
   margin: 0 auto;
   margin-top: 100px;
   text-align: left;
}
#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 > input[type=text], .input_box > input[type=password] {
   /* width: 378px; */
   width: calc(100% - 12px);
}
.loginDspIn {
   width: 100%;
}
.loginDspIn > a {
   width: calc(50% - 7px)
}
.login_btn > a {
   width: 100%;
}

}

 /* 찾아오시는길 */


 ul.tabArea li.active {
   background-color:#7d7d7d;
   color:#fff;
   }