/* kdw new */
/* common */
body {margin:0px; font-family: 'Noto Sans Korean','돋움', Dotum, sans-serif; letter-spacing:-0.05em;}

ul, dl {list-style: none;padding:0px;}
a, a:hover {text-decoration: none;}

/* layout */
.sHeadLayoutWrap {border-bottom:1px solid #D7D7D7; min-width: 1024px;}
  .sHeadLayout {width:1024px; height:84px; margin:15px auto; box-sizing: border-box; position: relative;}
  .sHeadLayout h1 {position: absolute; top:0; margin:0;}
  .sHeadLayout .siteMap {text-align: right; font-size:14px;}
  .sHeadLayout .siteMap a {display:inline-block;margin-left:14px; color:#888; position: relative;}
  .sHeadLayout .siteMap a:before {display:block; content:''; width:1px; height:7px; background-color:#D5D5D5; position: absolute; left:-10px; top:7px;}
  .sHeadLayout .siteMap a:first-child:before {display:none;}
  
  .sHeadLayout .gnb { margin:2px 0 0 200px; line-height:53px; height: 80px;}
  .sHeadLayout .gnb > li {display:inline-block; margin-left:47px; position: relative;}
  .sHeadLayout .gnb > li:first-child {margin-left:0;}
  .sHeadLayout .gnb > li > a {display:block; font-weight: 500;}
  .sHeadLayout .gnb > li > a:hover {color:#1F85C5;}
  .sHeadLayout .gnb > li > a:after {display:block; content:''; width:0; height:2px; background-color:#1F85C5; transition:all .3s ease;}
  .sHeadLayout .gnb > li > a:hover:after{width:100%;}
  .sHeadLayout .gnb > li.on > a:after {width:100%;}
 
  /* 마우스를 over하면 서브메뉴가 보임 */
  /*
  .sHeadLayout .gnb > li:hover .subGnb {visibility: visible; opacity: 1;}
  */
  .sHeadLayout .gnb > li:hover .subGnb {display: block;}
   .sHeadLayout .gnb > li > a:after .subGnb {display: block;}
  .sHeadLayout .gnb .subGnb {display:none; position:absolute; top:80px; background-color:#fff; padding:20px 16px; min-width:171px; box-shadow: 0 10px 15px rgba(0,0,0,0.16); z-index:100;}
  /* 서브메뉴가 평상시에는 보이지 않게 설정 */ 
  /*
  .sHeadLayout .gnb .subGnb {visibility:hidden; opacity:0; position:absolute; top:80px; background-color:#fff; padding:20px 16px; min-width:171px; box-shadow: 0 10px 15px rgba(0,0,0,0.16); z-index:100;}
  */
  .sHeadLayout .gnb .subGnb > li  {margin:0; padding:0; margin-top:20px;}
  .sHeadLayout .gnb .subGnb > li:hover  {opacity: 1;}
  .sHeadLayout .gnb .subGnb > li:first-child {margin-top:0;}
  .sHeadLayout .gnb .subGnb > li > a {color:#555; display:block; line-height:20px;}
  .sHeadLayout .gnb .subGnb > li > a:hover {color:#1F85C5;}
  .sHeadLayout .gnb .subGnb > li > ul > li {margin-top:10px; line-height:20px;}
  .sHeadLayout .gnb .subGnb > li > ul > li > a {font-size:14px; color:#888; }
  .sHeadLayout .gnb .subGnb > li > ul > li > a:hover {color:#1F85C5;}

  .sHeadLayout .gnb.eng > li {margin:0px 85px; position: relative;}


.sVisualLayout {max-width:1024px; height:125px; margin:15px auto 30px; background:#A8DEE8;}


.contentLayout {max-width:1024px; margin:40px auto 0;}
  .contentLeftBox {width:215px; position:absolute; }
  .contentLeftBox h2 {color:#005C96; font-weight: 500; font-size:24px; width:80%; margin:0 0 14px 0;}
  .contentLeftBox > ul {margin:0 0 32px 0;}
  .contentLeftBox > ul > li{border-bottom:1px solid #D7D7D7;}
  
  .contentLeftBox > ul > li a {line-height:45px; color:#333; font-size:16px; display:block; padding:0px 10px; transition: all .3s ease;}
  .contentLeftBox > ul > li a:hover {background-color:#1F85C5; color:#fff;}
  .contentLeftBox > ul > li.on a {background-color:#1F85C5; color:#fff;}
  .contentLeftBox > ul > li > ul >li {background-color:#F7F8F9}
  .contentLeftBox > ul > li > ul >li > a {font-size:15px; color: #888;}
  .contentLeftBox .greeninetBtn {display:block; padding:16px 14px; background-color:#5E769A; border-radius: 5px;position: relative;}
  .contentLeftBox .greeninetBtn span {display:block; font-size:16px; color:#fff;}
  .contentLeftBox .greeninetBtn span.down {font-size:14px; color:rgba(255,255,255,0.8);}
  .contentLeftBox .greeninetBtn img {position: absolute; right:14px;top:16px;}
  .contentBox {margin-left:240px; min-width:784px;}

  .grayBox {border:1px solid #d7d7d7; padding:10px; font-size:14px;}
  .blueBox {border:1px solid #d7d7d7 ; padding:10px; font-size:14px; color:#1F85C5;}
  
.sFooter {min-height:170px; background:#F7F8F9;}
  .sFooterIn {max-width:1024px; margin:0 auto; position:relative;}
  .sFooterIn .footerlogo {position:absolute; left:0; top:30px; width:167px;}
  .sFooterIn address {font-style: normal; margin:0 0 0 200px; padding:40px; font-size:14px;}
  .sFooterIn address .addre {color:#666; margin-bottom:8px;}
  .sFooterIn address  ul  {margin:0 0 20px 0;}
  .sFooterIn address  ul li {display:inline-block; position: relative; margin-left:30px; color:#666;}
  .sFooterIn address  ul li span {color:#333;}
  .sFooterIn address  ul li a {color:#0057AD;}
  .sFooterIn address  ul li:first-child {margin-left:0;}
  .sFooterIn address  ul li:before {display:block; content:''; width:1px; height:11px; background-color:#D7D7D7; position: absolute; left:-15px; top:3px;}
  .sFooterIn address  ul li:first-child:before {display:none}
  .sFooterIn address .copy {color:#888; font-size:13px;}

/* main */
/* 20201228 modified to prevent auto re-arrange according to windows width
.mainLayout {margin-top: 40px;}
*/
.mainLayout {width:1024px; margin:40px auto 0;}
.mainTop {height:260px; margin:0 auto; max-width:1024px; position: relative;}
  .mainTopL {position:absolute; width:215px; height:100%; text-align: center;}
  .mainTopL p {margin:0px; height:187px;}
  .mainTopL a {background:#5E769A; padding:15px; border-radius:5px; text-align: left; color:rgba(255,255,255,0.8); font-size:14px; position: relative; display:block;}
  .mainTopL a span {font-size:16px; color:rgba(255,255,255,1); display:block;}
  .mainTopL a img {position: absolute; top:17px; right:13px;}
  .mainTopR {margin-left:234px; height:100%; border-radius: 5px; overflow: hidden;}
.mainMiddle {height:180px; border:1px solid #EDEDED; background:#F7F8F9; margin:30px auto; max-width:1024px; position: relative;}
.mainMiddle h2 {position:absolute; top:25px; left:25px; margin:0; font-size:18px; font-weight: 400;}
.mainMiddle .middleIcon01 {position:absolute; bottom:20px; left:25px;}
.mainMiddle ul {margin:40px 0 0 210px;}
.mainMiddle ul li {display:inline-block; padding:0px 18px; text-align:center;}
.mainMiddle ul li a {display:block;}
.mainMiddle ul li a img {transition:all 0.3s ease;}
.mainMiddle ul li a span {display:block; margin-top:20px;}
.mainMiddle ul li a:hover img {transform:scale(1.1);}
.mainBottom {height:220px; margin:0 auto 45px; max-width:1024px;}
  .mainBottomL {float:left; width:500px; height:100%; border:1px solid #D7D7D7; border-radius:5px; box-sizing: border-box; position: relative;}
  .mainBottomL h2 {position: absolute; top:25px; left:25px; font-size:18px; margin:0px;}
  .mainBottomL > a {position: absolute; top:25px; right:25px; font-size:13px; line-height:20px; padding:0px 10px; border:1px solid #D7D7D7;}
  .mainBottomL ul {margin:60px 25px 0px;}
  .mainBottomL ul li {border-top:1px solid #E1E1E1;}
  .mainBottomL ul li a {display:block; line-height:38px; font-size:14px; color:#666;}
  .mainBottomL ul li a span {position: absolute; right:25px; font-size:13px; color:#888;}
  .mainBottomR {float:right; width:500px; height:100%; background: #E9E9E7; border-radius:5px; position: relative;}
  .mainBottomR h2 {margin:25px 0 0 25px; font-size:18px; font-weight:500; color:#000;}
  .mainBottomR h2 strong {font-weight: 600;}
  .mainBottomR p {color:#666; font-size:14px; margin:15px 25px;}
  .mainBottomR a {line-height:30px; background: #1F85C5; color:#fff; font-size:14px; padding:0px 15px; display:inline-block; margin-left:25px;}
  .mainBottomR img {position:absolute; bottom:0px; right:0px;}