@charset "utf-8";
@import url('https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css'); 
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+SC&display=swap');

/* version 20220329 */

html { scroll-behavior: smooth;}
body {-webkit-text-size-adjust:none;}

.wait_con {width:100%; height:350px; position: relative;}
.wait_con img { width:650px !important; height:350px; position: absolute; left:50%; margin-left:-325px;}

/* Paragraph style */
.stxt01 { color:#666; padding-left:18px; display:block; font-size:15px; line-height:30px;}
.stxt01_1 { color:#666; padding-top:5px; display:block; margin-top:5px; line-height:30px; font-size:15px;}
.stxt02 { color:#9b9b9b; padding-left:15px; display:block; margin-bottom:5px; line-height:30px; font-size:15px;}
.stxt03 { color:#666; padding-left:13px; display:block; line-height:30px; font-size:13px;}

.stxt01 .tab { border:none; clear:both !important; padding:0 !important;}

/* List style */
@media only screen and (min-width:680px)  { 
  .ls01 { min-height:35px; font-size:24px; line-height:35px; color:#243746; display:block; padding-bottom:5px; font-weight:800; position: relative; padding-left:20px;}
  .ls01 .ls01_dot { height:20px; font-size:16px; color: #243746; line-height:20px; position: absolute; top:6px; left:0; display: block;} 
  .ls02 { min-height:30px; font-size:18px; font-weight:600; color:#000000; line-height:30px; margin-bottom:5px; position: relative; padding-left:15px; }
  .ls02 .ls02_dot { height:20px; font-size:8px; color: #274864; line-height:20px; position: absolute; top:4px; left:0; display: block;} 
  .ls02_1 {  font-size:15px; font-weight:400; color:#353536; line-height:20px; margin-bottom:5px; }
  .ls03 {  padding-left:15px; line-height:40px; position: relative;}
  .ls03_dot { width:15px; height:40px; line-height:35px; font-size:6px !important; color: #243c55; position: absolute; left:0; top:3px; }
  .ls04 {  padding-left:15px; line-height:28px; position: relative;}
  .ls04_dot { width:15px; height:28px; line-height:26px; font-size:6px !important; color: #243c55; position: absolute; left:0; top:3px; }

  .lsCir {  padding-left:20px; line-height:40px; position: relative;}
  .lsCir_dot { width:15px; height:40px; line-height:40px; position: absolute; left:0; top:0; font-weight: bold; }

  }

@media only screen and (max-width:680px)  { 
  .ls01 {min-height:8vw; font-size:5vw; line-height:8vw; color:#000000; display:block; padding-bottom:15px; font-weight:800; position: relative; padding-left:20px;}
  .ls01 .ls01_dot { height:4vw; font-size:3vw; color: #243746; line-height:4vw; position: absolute; top:2vw; left:0; display: block;} 
  .ls02 { min-height:6vw; font-size:4vw; font-weight:600; color:#707176; line-height:6vw; padding-bottom:5px;  position: relative; padding-left:4vw;}
  .ls02 .ls02_dot { height:3.5vw; font-size:2.5vw; color: #274864; line-height:3.5vw; position: absolute; top:1vw; left:0; display: block;} 
  .stxt01 { color:#666; padding:0 10px 0 14px; box-sizing: border-box; display:block; margin-top:5px; line-height:30px; font-size:15px;}
  .ls03 {  padding-left:15px; line-height:8vw; position: relative;}
  .ls03_dot { width:2.5vw; height:8vw; line-height:8vw; font-size:2vw !important; color: #243c55; position: absolute; left:0; top:0.1vw; }
  .ls04 {  padding-left:15px; line-height:4.8vw; position: relative;}
  .ls04_dot { width:2.5vw; height:4.8vw; line-height:4.8vw; font-size:1.4vw !important; color: #243c55; position: absolute; left:0; top:0.1vw; }

  .lsCir {  padding-left:3.5vw; line-height:8vw; position: relative;}
  .lsCir_dot { width:2.5vw; height:8vw; line-height:8vw; position: absolute; left:0; top:0; font-weight: bold; }

  }


  ul.list{clear:both; width:100%; margin:0 auto;}
  ul.list > li{position:relative; margin:0 auto 10px; padding-left:10px; line-height:1.6; word-break:keep-all;}
  ul.list > li:last-child{margin-bottom:0;}
  ul.list > li:before{content:''; display:block; position:absolute; left:0;}
  ul.list.line > li:before{width:4px; height:2px; top:10px; background:#88b2df;}
  ul.list.circle > li:before{width:4px; height:4px; top:10px; background:#88b2df; border-radius:50%;}
  ul.list.triangle > li:before{content:''; display:block; position:absolute; width:0; height:0; top:50%; margin-top:-3px; left:0; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:4px solid #88b2df; font-size:0; line-height:0;}
  ul.list.star > li:before{content:'*';  color:#056443;}
  ul.list.check > li{ padding-left:20px;}
  ul.list.check > li:before{width:15px; height:15px; top:8px; background:url('../images/ico_bullet_check.png') no-repeat;}
  ul.list .black { height:20px;}
  ol.number{clear:both; width:100%; margin:0 auto 40px;}
  ol.number > li{position:relative; margin:0 auto 10px; padding-left:18px; line-height:1.6; word-break:keep-all;}
  ol.number > li:last-child{margin-bottom:0;}
  ol.number > li:before{display:block; position:absolute; left:0; color:#243c55;}
  ol.number.basic > li:nth-child(1):before{content:'1.';}
  ol.number.basic > li:nth-child(2):before{content:'2.';}
  ol.number.basic > li:nth-child(3):before{content:'3.';}
  ol.number.basic > li:nth-child(4):before{content:'4.';}
  ol.number.basic > li:nth-child(5):before{content:'5.';}
  ol.number.basic > li:nth-child(6):before{content:'6.';}
  ol.number.basic > li:nth-child(7):before{content:'7.';}
  ol.number.basic > li:nth-child(8):before{content:'8.';}
  ol.number.basic > li:nth-child(9):before{content:'9.';}
  ol.number.basic > li:nth-child(10):before{content:'10.';}
  ol.number.basic2{clear:both; width:100%;}
  ol.number.basic2 > li{position:relative; margin:0 auto 10px; padding-left:28px; word-break:keep-all;}
  ol.number.basic2 > li:last-child{margin-bottom:0;}
  ol.number.basic2 > li:before{display:block; position:absolute; height:16px; line-height:1; padding:0 6px 0 0; top:5.5px; left:0; border-right:2px solid #88b2df; color:#88b2df; font-size:1.2vw; font-weight:500; text-align:center;}
  ol.number.basic2 > li:nth-child(1):before{content:'01';}
  ol.number.basic2 > li:nth-child(2):before{content:'02';}
  ol.number.basic2 > li:nth-child(3):before{content:'03';}
  ol.number.basic2 > li:nth-child(4):before{content:'04';}
  ol.number.basic2 > li:nth-child(5):before{content:'05';}
  ol.number.basic2 > li:nth-child(6):before{content:'06';}
  ol.number.basic2 > li:nth-child(7):before{content:'07';}
  ol.number.basic2 > li:nth-child(8):before{content:'08';}
  ol.number.basic2 > li:nth-child(9):before{content:'09';}
  ol.number.basic2 > li:nth-child(10):before{content:'10';}
  ol.number.basic3 > li:nth-child(1):before{content:'1)';}
  ol.number.basic3 > li:nth-child(2):before{content:'2)';}
  ol.number.basic3 > li:nth-child(3):before{content:'3)';}
  ol.number.basic3 > li:nth-child(4):before{content:'4)';}
  ol.number.basic3 > li:nth-child(5):before{content:'5)';}
  ol.number.basic3 > li:nth-child(6):before{content:'6)';}
  ol.number.basic3 > li:nth-child(7):before{content:'7)';}
  ol.number.basic3 > li:nth-child(8):before{content:'8)';}
  ol.number.basic3 > li:nth-child(9):before{content:'9)';}
  ol.number.basic3 > li:nth-child(10):before{content:'10)'; position: absolute; left:-10px; }
  ol.number.basic3 > li:nth-child(11):before{content:'11)'; position: absolute; left:-10px; }
  ol.number.basic3 > li:nth-child(12):before{content:'12)'; position: absolute; left:-10px; }
  ol.number.circle > li{padding-left:23px;}
  ol.number.circle > li:nth-child(1):before{content:'①';}
  ol.number.circle > li:nth-child(2):before{content:'②';}
  ol.number.circle > li:nth-child(3):before{content:'③';}
  ol.number.circle > li:nth-child(4):before{content:'④';}
  ol.number.circle > li:nth-child(5):before{content:'⑤';}
  ol.number.circle > li:nth-child(6):before{content:'⑥';}
  ol.number.circle > li:nth-child(7):before{content:'⑦';}
  ol.number.circle > li:nth-child(8):before{content:'⑧';}
  ol.number.circle > li:nth-child(9):before{content:'⑨';}
  ol.number.circle > li:nth-child(10):before{content:'⑩';}
  ol.number.hangul > li{padding-left:23px;}
  ol.number.hangul > li:nth-child(1):before{content:'가.';}
  ol.number.hangul > li:nth-child(2):before{content:'나.';}
  ol.number.hangul > li:nth-child(3):before{content:'다.';}
  ol.number.hangul > li:nth-child(4):before{content:'라.';}
  ol.number.hangul > li:nth-child(5):before{content:'마.';}
  ol.number.hangul > li:nth-child(6):before{content:'바.';}
  ol.number.hangul > li:nth-child(7):before{content:'사.';}
  ol.number.hangul > li:nth-child(8):before{content:'아.';}
  ol.number.hangul > li:nth-child(9):before{content:'자.';}
  ol.number.hangul > li:nth-child(10):before{content:'차.';}
  ol.number.hangul > li:nth-child(11):before{content:'카.';}
  ol.number.hangul > li:nth-child(12):before{content:'타.';}
  ol.number.hangul > li:nth-child(13):before{content:'파.';}
  ol.number.hangul > li:nth-child(14):before{content:'하.';}
  ul:last-child, .ol_box:last-child{margin-bottom:0;}
  ul li p, .ol_box li p{margin-bottom:0;}
  ul li .ul_box, ul li .ol_box{margin:6px auto 12px; padding:12px 16px; background:#f9f9f9; border:1px solid #eee; border-radius:5px; box-sizing: border-box;}
  ul li .ul_box li, ul li .ol_box li{font-size:0.938rem;}
  ul li .ul_box li strong, ul li .ol_box li strong{font-weight:500; color:#775f1f;}
  ul li ol li strong{font-weight:600; color:#775f1f;}


/* border-line box */
.notice_box { padding:20px; line-height:40px; border:1px solid #b7b7b7; font-size:18px; color:#3e3e3e; box-sizing: border-box;}
ol.notice_box { padding:20px; line-height:40px; border:1px solid #b7b7b7; font-size:18px; color:#3e3e3e; box-sizing: border-box;}


@media only screen and (max-width:800px) { 
  .notice_box { padding:2vw; line-height:5vw; border:1px solid #b7b7b7; font-size:3vw; color:#3e3e3e;}
  ol.notice_box { padding:2vw; line-height:5vw; border:1px solid #b7b7b7; font-size:3vw; color:#3e3e3e; list-style;decimal;}
}

.notice_box2 { padding:15px 15px; line-height:24px; border:1px solid #b7b7b7; font-size:13px; color:#3e3e3e; background-color:#f8f8f8;}
.notice_box2 h4 { width:100%; line-height:30px; margin:10 auto; text-align:center; font-size:15px; color:#000000;}

.co_khmc { color: #2a4d77;}
.co_khnmc { color: #2e7379;}

@media only screen and (min-width:680px)  { 
.mobile_mode { display:none;}
}

@media only screen and (max-width:680px)  { 
  .mobile_mode { font-size:3vw;}
  }

  .tab_scroll { overflow:auto;}

/* page tab menu */
.tab { height:50px; position:relative; border-bottom:1px solid #665041; padding-left:5px;}
.tab .tbli { height:40px; float:left; margin:0 2.5px;}
.tab .tbli .tbtn { padding:0 20px; line-height:50px; font-weight:bold; text-align:center; display:block; font-size:18px; }
.tab .tbli .tbtn:link,
.tab .tbli .tbtn:active,
.tab .tbli .tbtn:visited {height:49px; font-weight:bold; background:#e8e8e8; color:#868686; border-top:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #cccccc;}
.tab .tbli .tbtn:hover,
.tab .tbli .tbtn.selected { height:50px; background:#ffffff !important; border-top:1px solid #665041; border-left:1px solid #665041; border-right:1px solid #665041; color:#665041;}

.tab_menu { height:50px; position:relative; border-bottom:1px solid #665041; padding-left:5px;}
.tab_menu .tbli { height:40px; float:left; margin:0 2.5px;}
.tab_menu .tbli .tbtn { padding:0 20px; line-height:50px; font-weight:bold; text-align:center; display:block; font-size:18px; }
.tab_menu .tbli .tbtn:link,
.tab_menu .tbli .tbtn:active,
.tab_menu .tbli .tbtn:visited {height:49px; font-weight:bold; background:#e8e8e8; color:#868686; border-top:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #cccccc;}
.tab_menu .tbli .tbtn:hover,
.tab_menu .tbli .tbtn.selected { height:50px; background:#ffffff !important; border-top:1px solid #665041; border-left:1px solid #665041; border-right:1px solid #665041; color:#665041;}


@media only screen and (max-width:1300px) and (min-width:681px) { 
  /* page tab menu2 */
    .tab { height:6vw; position:relative; border-bottom:1px solid #665041; padding-left:0.2vw; box-sizing: border-box;}
    .tab .tbli { height:6vw; float:left; margin:0 0.5vw;}
    .tab .tbli .tbtn { padding:0 1vw; line-height:6vw; font-weight:bold; text-align:center; display:block; font-size:2vw; box-sizing: border-box; }
    .tab .tbli .tbtn:link,
    .tab .tbli .tbtn:active,
    .tab .tbli .tbtn:visited {height: calc(6vw - 1px); font-weight:bold; background:#e8e8e8; color:#8ww68686; border-top:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #cccccc;}
    .tab .tbli .tbtn:hover,
    .tab .tbli .tbtn.selected { height:6vw; background:#ffffff !important; border-top:1px solid #665041; border-left:1px solid #665041; border-right:1px solid #665041; color:#665041;}

    .tab_menu { height:6vw; position:relative; border-bottom:1px solid #665041; padding-left:0.2vw; box-sizing: border-box;}
    .tab_menu .tbli { height:6vw; float:left; margin:0 0.5vw;}
    .tab_menu .tbli .tbtn { padding:0 1vw; line-height:6vw; font-weight:bold; text-align:center; display:block; font-size:2vw; box-sizing: border-box; }
    .tab_menu .tbli .tbtn:link,
    .tab_menu .tbli .tbtn:active,
    .tab_menu .tbli .tbtn:visited {height: calc(6vw - 1px); font-weight:bold; background:#e8e8e8; color:#8ww68686; border-top:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #cccccc;}
    .tab_menu .tbli .tbtn:hover,
    .tab_menu .tbli .tbtn.selected { height:6vw; background:#ffffff !important; border-top:1px solid #665041; border-left:1px solid #665041; border-right:1px solid #665041; color:#665041;}
     } 
  
@media only screen and (max-width:681px)  { 

  .tab_scroll { overflow-x:auto;}

/* page tab menu2 */
  .tab { min-width:250vw; height:10vw; position:relative; border-bottom:1px solid #665041; padding-left:1vw; box-sizing: border-box;}
  .tab .tbli { height:10vw; float:left; margin:0 0.5vw;}
  .tab .tbli .tbtn { padding:0 2.5vw; line-height:10vw; font-weight:bold; text-align:center; display:block; font-size:3.4vw; box-sizing: border-box; }
  .tab .tbli .tbtn:link,
  .tab .tbli .tbtn:active,
  .tab .tbli .tbtn:visited {height: calc(10vw - 1px); font-weight:bold; background:#e8e8e8; color:#8ww68686; border-top:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #cccccc;}
  .tab .tbli .tbtn:hover,
  .tab .tbli .tbtn.selected { height:10vw; background:#ffffff !important; border-top:1px solid #665041; border-left:1px solid #665041; border-right:1px solid #665041; color:#665041;}

  .tab_menu { min-width:250vw; height:10vw; position:relative; border-bottom:1px solid #665041; padding-left:1vw; box-sizing: border-box;}
  .tab_menu .tbli { height:10vw; float:left; margin:0 0.5vw;}
  .tab_menu .tbli .tbtn { padding:0 2.5vw; line-height:10vw; font-weight:bold; text-align:center; display:block; font-size:3.4vw; box-sizing: border-box; }
  .tab_menu .tbli .tbtn:link,
  .tab_menu .tbli .tbtn:active,
  .tab_menu .tbli .tbtn:visited {height: calc(10vw - 1px); font-weight:bold; background:#e8e8e8; color:#8ww68686; border-top:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #cccccc;}
  .tab_menu .tbli .tbtn:hover,
  .tab_menu .tbli .tbtn.selected { height:10vw; background:#ffffff !important; border-top:1px solid #665041; border-left:1px solid #665041; border-right:1px solid #665041; color:#665041;}
} 

@media only screen and (min-width:1301px)  { 

/* 이중탭구조 */
.boxtab { width:100%;}
.boxtab .tab_ul { width: 100%; height:60px; position:relative !important;}
.boxtab .tab_ul li {  width:calc( 20% - 10px ); height:60px; margin:0 5px !important; float:left;}
.boxtab .tab_ul .tbli .tbtn { padding:0 15px !important; height:60px !important; font-size:24px !important; font-weight:normal; line-height:58px !important; text-align:center !important; display:block !important; box-sizing:border-box !important; }
.boxtab .tab_ul .tbli .tbtn:link,
.boxtab .tab_ul .tbli .tbtn:visited,
.boxtab .tab_ul .tbli .tbtn:active { background:#efefef !important; border:solid 1px #5f5f5f !important; color:#666666 !important; }
.boxtab .tab_ul .tbli .tbtn:hover,
.boxtab .tab_ul .tbli .tbtn.selected {  background:#2a3856 !important; border:1px solid #c9c9c9 !important; color:#ffffff !important; display:block !important; cursor:default !important; font-weight:bold; }
.boxtab .tab_ul .tbli .tbtn.selected2 {  background:#117fd6 !important; border:1px solid #c9c9c9 !important; color:#ffffff !important; display:block !important; cursor:default !important; font-weight:bold; }
}

@media only screen and (max-width:1300px) and (min-width:751px)  { 

/* 이중탭구조 */
.boxtab { width:100%;}
.boxtab .tab_ul { width: 100%; height:60px; position:relative !important;}
.boxtab .tab_ul li {  width:calc( 20% - 10px ); height:60px; margin:0 5px !important; float:left;}
.boxtab .tab_ul .tbli .tbtn { padding:0 15px !important; height:60px !important; font-size:2.2vw !important; font-weight:normal; line-height:58px !important; text-align:center !important; display:block !important; box-sizing:border-box !important; }
.boxtab .tab_ul .tbli .tbtn:link,
.boxtab .tab_ul .tbli .tbtn:visited,
.boxtab .tab_ul .tbli .tbtn:active { background:#efefef !important; border:solid 1px #5f5f5f !important; color:#666666 !important; }
.boxtab .tab_ul .tbli .tbtn:hover,
.boxtab .tab_ul .tbli .tbtn.selected {  background:#2a3856 !important; border:1px solid #c9c9c9 !important; color:#ffffff !important; display:block !important; cursor:default !important; font-weight:bold; }
.boxtab .tab_ul .tbli .tbtn.selected2 {  background:#117fd6 !important; border:1px solid #c9c9c9 !important; color:#ffffff !important; display:block !important; cursor:default !important; font-weight:bold; }
}


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

/* 이중탭구조 */
.boxtab { width:100%;}
.boxtab .tab_ul { width: 100%; height:calc( 36vw + 4px ); position:relative !important;}
.boxtab .tab_ul li {  width:calc( 50% - 10px ); height:12vw; margin:2px 5px !important; float:left;}
.boxtab .tab_ul .tbli .tbtn { padding:0 15px !important; height:12vw !important; font-size:5vw !important; font-weight:normal; line-height:calc(12vw - 2px) !important; text-align:center !important; display:block !important; box-sizing:border-box !important; }
.boxtab .tab_ul .tbli .tbtn:link,
.boxtab .tab_ul .tbli .tbtn:visited,
.boxtab .tab_ul .tbli .tbtn:active { background:#efefef !important; border:solid 1px #5f5f5f !important; color:#666666 !important; }
.boxtab .tab_ul .tbli .tbtn:hover,
.boxtab .tab_ul .tbli .tbtn.selected {  background:#2a3856 !important; border:1px solid #c9c9c9 !important; color:#ffffff !important; display:block !important; cursor:default !important; font-weight:bold; }
.boxtab .tab_ul .tbli .tbtn.selected2 {  background:#117fd6 !important; border:1px solid #c9c9c9 !important; color:#ffffff !important; display:block !important; cursor:default !important; font-weight:bold; }
} 

@media only screen and (min-width:1151px)  { 

 .tab_scroll { display:block; position: relative; width:100%; height:80px; -ms-overflow-style: none; /* 인터넷 익스플로러 */  scrollbar-width: none; /* 파이어폭스 */ }

 .tab_scroll::-webkit-scrollbar { display: none; /* 크롬, 사파리, 오페라, 엣지 */ }

/* 박스 이중탭구조 */
.boxtab { width:100%;}
.boxtab .tab { width: 100%; min-height:70px; max-height:140px; position:relative !important;  border-bottom:0 !important;}
.boxtab .tab li {  width:calc( 14% - 10px ); height:60px; margin:5px 5px !important; float:left;}
.boxtab .tab .tbli .tbtn { padding:0 15px !important; height:58px !important; font-size:18px !important; font-weight:normal; line-height:58px !important; text-align:center !important; display:block !important; box-sizing:border-box !important; }
.boxtab .tab .tbli .tbtn:link,
.boxtab .tab .tbli .tbtn:visited,
.boxtab .tab .tbli .tbtn:active { background:#efefef !important; border:solid 1px #5f5f5f !important; color:#666666 !important; }
.boxtab .tab .tbli .tbtn:hover,
.boxtab .tab .tbli .tbtn.selected {  background:#2a3856 !important; border:1px solid #c9c9c9 !important; color:#ffffff !important; display:block !important; cursor:default !important; font-weight:bold; }
.boxtab .tab .tbli .tbtn.selected2 {  background:#117fd6 !important; border:1px solid #c9c9c9 !important; color:#ffffff !important; display:block !important; cursor:default !important; font-weight:bold; }

.boxtab2 { width:1290px;}
.boxtab2 .tab { width: 100%; min-height:70px; max-height:140px;  position:relative !important;  border-bottom:1px solid #000000;}
.boxtab2 .tab li { height:60px; margin:5px 5px !important; float:left;}
.boxtab2 .tab .tbli .tbtn { padding:0 15px !important; height:58px !important; font-size:18px !important; font-weight:normal; line-height:58px !important; text-align:center !important; display:block !important; box-sizing:border-box !important; }
.boxtab2 .tab .tbli .tbtn:link,
.boxtab2 .tab .tbli .tbtn:visited,
.boxtab2 .tab .tbli .tbtn:active { background:#efefef !important; border:solid 1px #5f5f5f !important; color:#666666 !important; }
.boxtab2 .tab .tbli .tbtn:hover,
.boxtab2 .tab .tbli .tbtn.selected {  background:#2a3856 !important; border:1px solid #c9c9c9 !important; color:#ffffff !important; display:block !important; cursor:default !important; font-weight:bold; }
.boxtab2 .tab .tbli .tbtn.selected2 {  background:#117fd6 !important; border:1px solid #c9c9c9 !important; color:#ffffff !important; display:block !important; cursor:default !important; font-weight:bold; }

.tab_hg2 { height:140px !important; }
.tab_outhg2 { height:145px !important; }
}

@media only screen and (max-width:1150px) and ( min-width:541px)  { 

    .tab_scroll { height:76px; overflow-x:auto; -ms-overflow-style: none; /* 인터넷 익스플로러 */  scrollbar-width: none; /* 파이어폭스 */ }

    .tab_scroll::-webkit-scrollbar { display: none; /* 크롬, 사파리, 오페라, 엣지 */ }

/* 박스 이중탭구조 */
.boxtab { width:100%;}
.boxtab .tab { width: 300vw; height:70px; position:relative !important;  border-bottom:0 !important;}
.boxtab .tab li { width:calc( 14vw - 10px ); height:60px; margin:5px 5px !important; float:left;}
.boxtab .tab .tbli .tbtn { padding:0 15px !important; height:58px !important; font-size:2vw !important; font-weight:normal; line-height:58px !important; text-align:center !important; display:block !important; box-sizing:border-box !important; }
.boxtab .tab .tbli .tbtn:link,
.boxtab .tab .tbli .tbtn:visited,
.boxtab .tab .tbli .tbtn:active { background:#efefef !important; border:solid 1px #5f5f5f !important; color:#666666 !important; }
.boxtab .tab .tbli .tbtn:hover,
.boxtab .tab .tbli .tbtn.selected {  background:#2a3856 !important; border:1px solid #c9c9c9 !important; color:#ffffff !important; display:block !important; cursor:default !important; font-weight:bold; }
.boxtab .tab .tbli .tbtn.selected2 {  background:#117fd6 !important; border:1px solid #c9c9c9 !important; color:#ffffff !important; display:block !important; cursor:default !important; font-weight:bold; }

.boxtab2 { width:100%;}
.boxtab2 .tab { min-width:400vw; height:70px; position:relative !important; border-bottom:1px solid #000000;}
.boxtab2 .tab li { height:60px; margin:5px 5px !important; float:left;}
.boxtab2 .tab .tbli .tbtn { padding:0 15px !important; height:58px !important; font-size:2vw !important; font-weight:normal; line-height:58px !important; text-align:center !important; display:block !important; box-sizing:border-box !important; }
.boxtab2 .tab .tbli .tbtn:link,
.boxtab2 .tab .tbli .tbtn:visited,
.boxtab2 .tab .tbli .tbtn:active { background:#efefef !important; border:solid 1px #5f5f5f !important; color:#666666 !important; }
.boxtab2 .tab .tbli .tbtn:hover,
.boxtab2 .tab .tbli .tbtn.selected {  background:#2a3856 !important; border:1px solid #c9c9c9 !important; color:#ffffff !important; display:block !important; cursor:default !important; font-weight:bold; }
.boxtab2 .tab .tbli .tbtn.selected2 {  background:#117fd6 !important; border:1px solid #c9c9c9 !important; color:#ffffff !important; display:block !important; cursor:default !important; font-weight:bold; }
}

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

.tab_scroll {height:calc( 12vw + 10px ); overflow-x:auto; -ms-overflow-style: none; /* 인터넷 익스플로러 */  scrollbar-width: none; /* 파이어폭스 */}

.tab_scroll::-webkit-scrollbar { display: none; /* 크롬, 사파리, 오페라, 엣지 */ }


/* 이중탭구조 */
.boxtab { width:100%;}
.boxtab .tab { min-width:600vw; height:calc( 12vw + 10px ); position:relative !important;}
.boxtab .tab li { height:12vw; margin:5px 5px !important; float:left;}
.boxtab .tab .tbli .tbtn { padding:0 15px !important; height:12vw !important; font-size:5vw !important; font-weight:normal; line-height:calc(12vw - 2px) !important; text-align:center !important; display:block !important; box-sizing:border-box !important; }
.boxtab .tab .tbli .tbtn:link,
.boxtab .tab .tbli .tbtn:visited,
.boxtab .tab .tbli .tbtn:active { background:#efefef !important; border:solid 1px #5f5f5f !important; color:#666666 !important; }
.boxtab .tab .tbli .tbtn:hover,
.boxtab .tab .tbli .tbtn.selected {  background:#2a3856 !important; border:1px solid #c9c9c9 !important; color:#ffffff !important; display:block !important; cursor:default !important; font-weight:bold; }
.boxtab .tab .tbli .tbtn.selected2 {  background:#117fd6 !important; border:1px solid #c9c9c9 !important; color:#ffffff !important; display:block !important; cursor:default !important; font-weight:bold; }

.boxtab2 { width:100%;}
.boxtab2 .tab { min-width:600vw; height:calc( 12vw + 10px ); position:relative !important;}
.boxtab2 .tab li { height:12vw; margin:5px 5px !important; float:left;}
.boxtab2 .tab .tbli .tbtn { padding:0 15px !important; height:12vw !important; font-size:4.5vw !important; font-weight:normal; line-height:calc(12vw - 2px) !important; text-align:center !important; display:block !important; box-sizing:border-box !important; }
.boxtab2 .tab .tbli .tbtn:link,
.boxtab2 .tab .tbli .tbtn:visited,
.boxtab2 .tab .tbli .tbtn:active { background:#efefef !important; border:solid 1px #5f5f5f !important; color:#666666 !important; }
.boxtab2 .tab .tbli .tbtn:hover,
.boxtab2 .tab .tbli .tbtn.selected {  background:#2a3856 !important; border:1px solid #c9c9c9 !important; color:#ffffff !important; display:block !important; cursor:default !important; font-weight:bold; }
.boxtab2 .tab .tbli .tbtn.selected2 {  background:#117fd6 !important; border:1px solid #c9c9c9 !important; color:#ffffff !important; display:block !important; cursor:default !important; font-weight:bold; }
} 


/* common table box */

@media only screen and (max-width:620px)  { 
.tableW{overflow-x:auto;}
.sub_con .table_n tr td .list li { font-size:15px !important;}
}
.sub_con .tableW {width:100%; margin:0 auto 20px;}
.sub_con .tableW:last-child {margin:0 auto;}

.sub_con .table_n {width:100%; min-width:800px; background:#fff; border:1px solid #ddd; border-top:3px solid #665041; border-radius:4px; text-align:center;}
.sub_con .table_n th { min-height:40px; padding:15px 14px; background:#f3f3f3; border-right:1px solid #ddd; border-bottom:1px solid #ddd; color:#333; font-size:18px; color: #000000; font-weight:500; vertical-align:middle; word-break:keep-all;}
.sub_con .table_n th.rowti {background:#e7f1fb; border-right:1px solid #ddd; border-bottom:1px solid #ddd; color:#88b2df;}
.sub_con .table_n th.rowti2 {background:#e7f1fb; border-right:1px solid #ddd; border-bottom:1px solid #ddd; color:#365474;}
.sub_con .table_n td { padding:12px 14px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; word-break:keep-all; vertical-align:middle; line-height:30px; font-size:15px; }
.sub_con .table_n td.bluebg { background-color:#e4ebf5;}
.sub_con .table_n tr.bluebg { background-color:#e4ebf5;}
.sub_con .table_n td.te_left{text-align:left; padding-left:10px;}
.sub_con .table_n td.break{ word-break:break-all; image-rendering: -moz-crisp-edges; /* firefox */
image-rendering: -o-crisp-edges; /* opera */
image-rendering: -webkit-optimize-contrast; /* chrome(비표준) */
image-rendering: crisp-edges; }
.sub_con .table_n td ol,
.sub_con .table_n td ul{text-align:left;}


.sub_con .table_n2 {width:100%; background:#fff; border:1px solid #ddd; border-top:3px solid #665041; border-radius:4px; text-align:center;}
.sub_con .table_n2 th { min-height:40px; padding:15px 14px; background:#f3f3f3; border-right:1px solid #ddd; border-bottom:1px solid #ddd; color:#333; font-size:18px; color: #000000; font-weight:500; vertical-align:middle; word-break:keep-all;}
.sub_con .table_n2 th.rowti {background:#e7f1fb; border-right:1px solid #ddd; border-bottom:1px solid #ddd; color:#88b2df;}
.sub_con .table_n2 th.rowti2 {background:#e7f1fb; border-right:1px solid #ddd; border-bottom:1px solid #ddd; color:#365474;}
.sub_con .table_n2 td { padding:12px 14px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; word-break:keep-all; vertical-align:middle; line-height:30px; font-size:15px; }
.sub_con .table_n2 td.bluebg { background-color:#e4ebf5;}
.sub_con .table_n2 tr.bluebg { background-color:#e4ebf5;}
.sub_con .table_n2 td.te_left{text-align:left; padding-left:10px;}
.sub_con .table_n2 td.break{word-break:break-all;}
.sub_con .table_n2 td ol,
.sub_con .table_n2 td ul{text-align:left;}


/* common table box */
.sub_con .noti_box { width: 100%; padding:15px; box-sizing: border-box; font-size:20px; text-align: center; border:1px solid #c6b3a6; background-color: #fbfbfb; }

.cont_table2 { width:100%; box-sizing:border-box; font-size:12px;}
.cont_table2 th { height:45px; background-color:#f6f6f6; color:#333; font-size:13px; text-align:center;}
.cont_table2 td { height:45px; text-align:center; color:#8d8d8d; } 
.cont_table2 .tdh { background-color:#f5f8fc; color:#8b8b8b; font-weight:bold;}

/* board tr line */
.under_l { border-bottom:1px solid #e5e5e5; box-sizing:border-box;}
.under_lB { border-bottom:1px solid #c8c8c8; box-sizing:border-box;}
.top_l { border-top:1px solid #e5e5e5; box-sizing:border-box;}

.bold { font-weight:bold;}


 .arrow_box { width:20px; height:10px; position:relative; display:inline-block;}
 .arrow_box .square_r { width:15px; height:6px; position:absolute; left:0; top:50%; margin-top:-3px; display:block; }
 .arrow_box .arr_right { position:absolute; right:0; top:50%; margin-top:-7px; width:0; height:0; border-top:7px solid transparent;  border-bottom:7px solid transparent;}
 .arrow_box .square_l { width:15px; height:6px; position:absolute; right:0; top:50%; margin-top:-3px; display:block; }
 .arrow_box .arr_left { position:absolute; left:0; top:50%; margin-top:-7px; width:0; height:0; border-top:7px solid transparent;  border-bottom:7px solid transparent;}
 
 .bbco01 .square_r, .bbco01 .square_l { background-color:#FF3300 !important;}
 .bbco01 .arr_right { border-left:10px solid #FF3300 !important; }
 .bbco01 .arr_left { border-right:10px solid #FF3300 !important; }
 .bbco02 .square_r, .bbco02 .square_l { background-color:#c5c5c5 !important;}
 .bbco02 .arr_right { border-left:10px solid #c5c5c5 !important; }
 .bbco02 .arr_left { border-right:10px solid #c5c5c5 !important; }

/*회색 강조 박스*/
.rq_notice { background-color:#f0f0f0; border:solid 1px #d0d0d0; padding:10px; position:relative; margin-bottom:30px; padding:15px;}
.rq_notice .notice_tit { margin:0 auto; display:block; font-size:15px; font-weight:bold; text-align:center; color:#8a000b;}
.rq_notice li { color:#1a546b;}
.rq_notice .big_font { text-align: center; font-size:18px;}


@media only screen and (max-width:1300px) { 
  .rq_notice { background-color:#f0f0f0; border:solid 1px #d0d0d0; padding:2vw; position:relative; margin-bottom:30px;}
  .rq_notice .notice_tit { margin:0 auto; display:block; font-size:2.5vw; font-weight:bold; text-align:center; color:#8a000b;}
  .rq_notice li { color:#1a546b;}
  .rq_notice .big_font { text-align: center; font-size:4vw;}
}


@media only screen and (max-width:1300px) { 
   { width:100%; min-height:500px; margin:0 auto; padding-bottom:50px;}
}

/* sub contents common ------------------------------------------------------------------------------------------------------------------------------------- */

.sub_con { width:100%; padding-top: 40px;}

@media only screen and (max-width:640px) { 
  .sub_con { width:100%; padding-top:2vw;}
}

.sub_con img { width: 100%; height:100%;}

.sub_con .ben_area { width:100%; height:100px; position: relative; margin-bottom:60px;}
.sub_con .ben_area .color_box {width:50%; height:100px; float: left; position: relative;}
.sub_con .ben_area .left_kmc { background-color:#2a4c79; }
.sub_con .ben_area .right_khnmc { background-color:#2c737a; }
.sub_con .ben_area .deselect { background-color:#d8d8d8; }

.sub_con .ben_area .color_box .ben_box01 { width:100%; height:100px; display: block; position:absolute; right:0; background:url(/resources/images/con10_linkben01.png) no-repeat center; background-size: cover;}
.sub_con .ben_area .color_box .ben_box02 { width:100%; height:100px; display: block; position:absolute; left:0;  background:url(/resources/images/con10_linkben02.png) no-repeat center; background-size: cover;}

.sub_con .ben_area .color_box .ben_box01:hover { background-color:#3e71ae;}
.sub_con .ben_area .color_box .ben_box02:hover { background-color:#4ab3bb;}

@media only screen and (max-width:1000px) { 
  .sub_con .ben_area { width:100%; height:10vw; position: relative; margin-bottom:5vw;}
  .sub_con .ben_area .color_box {width:50%; height:10vw; float: left; position: relative;}
  .sub_con .ben_area .left_kmc { background-color:#2a4c79; }
  .sub_con .ben_area .right_khnmc { background-color:#2c737a; }
  .sub_con .ben_area .deselect { background-color:#d8d8d8; }
  
  .sub_con .ben_area .color_box .ben_box01 { width:100%; height:10vw; display: block; position:absolute; background:url(/resources/images/con10_linkben01.png) no-repeat center; background-size: cover;}
  .sub_con .ben_area .color_box .ben_box02 { width:100%; height:10vw; display: block; position:absolute; background:url(/resources/images/con10_linkben02.png) no-repeat center; background-size: cover;}
  
  .sub_con .ben_area .color_box .ben_box01:hover { background-color:#3e71ae;}
  .sub_con .ben_area .color_box .ben_box02:hover { background-color:#4ab3bb;}
}

.co_Bgreen { color:#1c9820;}
.co_Bblue { color:#003896;}
.co_Bred { color:#ca000c;}

.co_Smid { color:#7ec4a6;}
.co_Sair { color:#74b7e2;}
.co_S1line { color:#263f93;}
.co_S2line { color:#0f8936;}
.co_S3line { color:#f95d35;}
.co_S4line { color:#2973d7;}
.co_S5line { color:#bb1ccf;}
.co_S6line { color:#b44f19;}
.co_S7line { color:#606c15;}
.co_S8line { color:#d10262;}

/* 10 기숙사소개 ------------------------------------------------------------------------------------------------------------------------------------- */

/* 1050 찾오시는 길*/
#con1030 .map { border:solid 1px #f8f8f8;}
div [id*=daumRoughmapContainer] { width:96%; padding:2%; max-width:100%; margin:0 auto;}


/* 20 시설안내 ------------------------------------------------------------------------------------------------------------------------------------- */

/*2020 호실안내*/
@media only screen and (min-width:1301px) { 
  #con2020 .room_photo { width:100%; height:667px; position:relative;}
  #con2020 .room_photo .room_title { width:calc(100% - 20px); height:50px; line-height:50px; position:absolute; bottom:0; background:url(/resources/images/poplayer_bg.png); padding-right:20px; text-align:right; font-size:16px; color:#ffffff; z-index:3;}
  #con2020 .room_photo .btn_img:link,
  #con2020 .room_photo .btn_img:active,
  #con2020 .room_photo .btn_img:visited { width:1300px; height:667px; background:url('/resources/images/20/room_link_bg.png') no-repeat top; display:block; z-index:2; position:absolute; top:0; left:0;}
  #con2020 .room_photo .btn_img:hover { background-position:bottom;}
  #con2020 .room_photo img { position:absolute; top:0; left:0;}
}

@media only screen and (max-width:1300px) {
  #con2020 .room_photo { width:96vw; height:49vw; position:relative; margin:0 auto;}
  #con2020 .room_photo .room_title { width:calc(100% - 20px); height:50px; line-height:50px; position:absolute; bottom:0; background:url(/resources/images/poplayer_bg.png); padding-right:20px; text-align:right; font-size:16px; color:#ffffff; z-index:3;}
  #con2020 .room_photo .btn_img:link,
  #con2020 .room_photo .btn_img:active,
  #con2020 .room_photo .btn_img:visited { width:96vw; height:49vw; background:url('/resources/images/20/room_link_bg.png') no-repeat top; background-size:cover; display:block; z-index:2; position:absolute; top:0; left:0;}
  #con2020 .room_photo .btn_img:hover { background-position:bottom;}
  #con2020 .room_photo img { width:100%; height:100%; position:absolute; top:0; left:0;}
}

    /* 팝업 이미지 */
    @media only screen and (min-width:1001px) {
      .imglayer { width:100%; height:100%; background:url('/resources/images/poplayer_bg.png'); z-index:999; position:fixed; top:0; left:0;}
      .imglayer .imgbox { width:900px; height:600px; position:absolute; left:50%; margin-left:-450px; top:50%; margin-top:-300px; border:solid 1px #FFFFFF; }
      .imglayer .imgbox .sisulimg { width:900px; height:600px;}
      .imglayer .imgbox .sisulimg img { width:100%; height:100%;}
      .imglayer .imgbox .sisulimg .img_title { width:100%; height:50px; line-height:50px; position:absolute; background-color:#000000; background:url(../../resources/images/poplayer_bg.png); text-align:center; font-size:20px; color:#ffffff; z-index:3;}
      .imglayer .close { position:absolute; left:50%; margin-left:460px; top:50%; margin-top:300px;  z-index:110; cursor: pointer;}
    }
  
    @media only screen and (max-width:1000px) {
      .imglayer { width:100%; height:100%; background:url('/resources/images/poplayer_bg.png'); z-index:999; position:fixed; top:0; left:0;}
      .imglayer .imgbox { width:90vw; height:60vw; position:absolute; left:50%; margin-left:-45vw; top:50%; margin-top:-30vw; border:solid 1px #FFFFFF; }
      .imglayer .imgbox .sisulimg { position: relative; width:100%;}
      .imglayer .imgbox .sisulimg img { width:100%; height:100%;}
      .imglayer .imgbox .sisulimg .img_title { width:90vw; height:8vw; line-height:8vw; position:absolute; background-color:#000000; background:url(../../resources/images/poplayer_bg.png); text-align:center; font-size:4vw; color:#ffffff; z-index:3;}
      .imglayer .close { position:absolute; left:50%; margin-left:-22px; top:50%; margin-top:36vw;  z-index:110; cursor: pointer;}
      }

  /* 팝업 이미지 슬라이드 */
  @media only screen and (min-width:1001px) {
    .imglayer { width:100%; height:100%; background:url('/resources/images/poplayer_bg.png'); z-index:999; position:fixed; top:0; left:0;}
    .imglayer .slidebox { width:900px; height:680px; position:absolute; left:50%; margin-left:-450px; top:50%; margin-top:-340px; border:solid 1px #FFFFFF; }
    .imglayer .slidebox .sisulslide { width:900px; height:680px;}
    .imglayer .slidebox .sisulslide .img_title { width:100%; height:50px; line-height:50px; position:absolute; background-color:#000000; background:url(../../resources/images/poplayer_bg.png); text-align:center; font-size:20px; color:#ffffff; z-index:3;}
    .imglayer .slidebox .sisulslide iframe { width:900px; height:680px;}
    .imglayer .close { position:absolute; left:50%; margin-left:460px; top:50%; margin-top:300px;  z-index:110; cursor: pointer;}
  }

  @media only screen and (max-width:1000px) {
    .imglayer { width:100%; height:100%; background:url('/resources/images/poplayer_bg.png'); z-index:999; position:fixed; top:0; left:0;}
    .imglayer .slidebox { width:90vw; height:68vw; position:absolute; left:50%; margin-left:-45vw; top:50%; margin-top:-34vw; border:solid 1px #FFFFFF; }
    .imglayer .slidebox .sisulslide { position: relative; width:100%; padding-top:75.5%;}
    .imglayer .slidebox .sisulslide .img_title { display:none;}
    .imglayer .slidebox .sisulslide iframe {position:absolute; top: 0; left:0; width:100%; height:100%; }
    .imglayer .close { position:absolute; left:50%; margin-left:-22px; top:50%; margin-top:36vw;  z-index:110; cursor: pointer;}
    }
    
  /* 2030 비품안내 */
   #con2030 table .tdh { background-color:#dcf2f5; }


  /* 2040 편의시설안내 */

  @media only screen and (min-width:1301px) { 
    #con2040 .sisul_photo { width:1300px; height:300px; position:relative;}
    #con2040 .sisul_photo .btn_img:link,
    #con2040 .sisul_photo .btn_img:active,
    #con2040 .sisul_photo .btn_img:visited { width:1300px; height:300px; background:url('/resources/images/20/sisul_link_bg.png') no-repeat top; display:block; z-index:2; position:absolute; top:0; left:0;}
    #con2040 .sisul_photo .btn_img:hover { background-position:bottom;}
    #con2040 .sisul_photo img { position:absolute; top:0; left:0;}
  }
  
  @media only screen and (max-width:1300px) {
    #con2040 .sisul_photo { width:94vw; height:22vw; position:relative;}
    #con2040 .sisul_photo .btn_img:link,
    #con2040 .sisul_photo .btn_img:active,
    #con2040 .sisul_photo .btn_img:visited { width:94vw; height:22vw; background:url('/resources/images/20/sisul_link_bg.png') no-repeat top; background-size:cover; display:block; z-index:2; position:absolute; top:0; left:0;}
    #con2040 .sisul_photo .btn_img:hover { background-position:bottom;}
    #con2040 .sisul_photo img { position:absolute; top:0; left:0;}
  }

 
  /* 팝업 이미지 슬라이드 */
  @media only screen and (min-width:1001px) {
    .imglayer { width:100%; height:100%; background:url('/resources/images/poplayer_bg.png'); z-index:999; position:fixed; top:0; left:0;}
    .imglayer .imgbox { width:900px; height:600px; position:absolute; left:50%; margin-left:-450px; top:50%; margin-top:-300px; border:solid 1px #FFFFFF; }
    .imglayer .imgbox .sisulimg { width:900px; height:600px;}
    .imglayer .imgbox .sisulimg iframe { width:900px; height:600px;}
    .imglayer .imgbox .sisulimg2 { position: relative; width:100%; height:600px;}
    .imglayer .imgbox .sisulimg2 img { width:100%; height:100%;}    .imglayer .close { position:absolute; left:50%; margin-left:460px; top:50%; margin-top:300px;  z-index:110; cursor: pointer;}
  }

  @media only screen and (max-width:1000px) {
    .imglayer { width:100%; height:100%; background:url('/resources/images/poplayer_bg.png'); z-index:999; position:fixed; top:0; left:0;}
    .imglayer .imgbox { width:90vw; height:60vw; position:absolute; left:50%; margin-left:-45vw; top:50%; margin-top:-30vw; border:solid 1px #FFFFFF; }
    .imglayer .imgbox .sisulimg { position: relative; width:100%; height:60vw; padding-top:75.5%;}
    .imglayer .imgbox .sisulimg iframe {position:absolute; top: 0; left:0; width:100%; height:100%; }
    .imglayer .close { position:absolute; left:50%; margin-left:-22px; top:50%; margin-top:36vw;  z-index:110; cursor: pointer;}
    .imglayer .imgbox .sisulimg2 { position: relative; width:100%; height:60vw;}
    .imglayer .imgbox .sisulimg2 img { width:100%; height:100%;}
    }


 .list_top { font-size:18px; color:#792b2b; font-weight:600;}

 /* 2040 편의시설 */
@media only screen and (min-width:921px) {
  #con2040 { width:100%;}
  #con2040 li table td .btn_view { width:45px; height:45px; display:block; margin:0 auto;}
  #con2040 li table td .btn_view:link, .btn_view:active, .btn_view:visited { background:url(../../resources/images/20/btn_view.png) no-repeat top;}
  #con2040 li table td .btn_view:hover { background-position:bottom; }	
  #con2040 li table td img { width:100%; height:100%; }  

  .faclayer { width:100%; height:100%; background:url(../../resources/images/poplayer_bg.png); z-index:999; position:fixed; top:0; left:0;}
  .faclayer .facbox { width:900px; height:600px; position:absolute; left:50%; margin-left:-450px; top:50%; margin-top:-300px; }
  .faclayer .facbox .fac_con { width:900px; height:600px; position:relative;}
  .faclayer .facbox .fac_con .fac_title { width:100%; height:50px; line-height:50px; position:absolute; top:0; background:url(/resources/images/poplayer_bg.png); text-align:center; font-size:18px; color:#ffffff; z-index:3;}
  .faclayer .close { position:absolute; left:50%; margin-left:460px; top:50%; margin-top:250px;  z-index:110;}
}
@media only screen and (max-width:920px) {
  #con2040 { width:100%;}
  #con2040 li table td .btn_view { width:8vw; height:8vw; display:block; margin:0 auto;}
  #con2040 li table td .btn_view:link, .btn_view:active, .btn_view:visited { background:url(../../resources/images/20/btn_view.png) no-repeat top; background-size: cover;}
  #con2040 li table td .btn_view:hover { background-position:bottom; }	

  #con2040 li span table td img { width:100%; height:100%; min-width:110px; }

  .faclayer { width:100%; height:100%; background:url(../../resources/images/poplayer_bg.png); z-index:999; position:fixed; top:0; left:0;}
  .faclayer .facbox { width:90vw; height:60vw; position:absolute; left:50%; margin-left:-45vw; top:50%; margin-top:-30vw; }
  .faclayer .facbox .fac_con { width:90vw; height:60vw; position:relative;}
  .faclayer .facbox .fac_con .fac_title { width:100%; height:7vw; line-height:7vw; position:absolute; top:0; background:url(/resources/images/poplayer_bg.png); text-align:center; font-size:4.5vw; color:#ffffff; z-index:3;}
  .faclayer .facbox img { width:100%; height:100%;} 
  .faclayer .close { position:absolute; left:50%; margin-left:-22px; top:50%; margin-top:35vw;  z-index:110;}
}


/* 30 입사퇴사안내 ------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (min-width:1301px) { 
  #con30 .top_noti { font-size:20px; line-height:40px; margin-bottom:50px;}

  #con30 .ipsa_step { width:100%;}
  #con30 .ipsa_step .step_box { width:100%; position:relative;}
  #con30 .ipsa_step .step_box .num { width:15px; height:50px; text-align:center; color:#c4dbee; left:5px; top:2px; line-height:20px; z-index:5; position:absolute; font-size:20px; font-weight:800;}
  #con30 .ipsa_step .step_box .left_arrow { width:40px; height:20px; line-height:20px; text-align:center; color:#367eba; font-size:30px; font-weight:800; position:absolute; left:180px; top:50%; margin-top:-10px; }
  #con30 .ipsa_step .step_box .box_li { height:100%; padding:5px; width:180px; border:solid 1px #4a91ca; box-sizing:border-box; color:#1b3f5c; font-size:16px; font-weight:bold; left:0; text-align:center; position:absolute;}
  #con30 .ipsa_step .step_box .box_li .step_tit01 { width:100%; height:10px; position:absolute; top:50%; margin-top:-5px; line-height:10px; text-align:center; left:15px;}
  #con30 .ipsa_step .step_box .box_li .step_tit02 { width:100%; height:60px; position:absolute; top:50%; margin-top:-30px; line-height:30px; text-align:center; left:15px;}
  #con30 .ipsa_step .step_box .txt_li { padding:15px; width:calc(1300px - 250px); border:solid 1px #666666; font-size:15px; margin-left:220px;}
  #con30 .arrow { height:40px; line-height:40px; font-size:25px; color:#730000; text-indent:85px;}
}

@media only screen and (min-width:640px) and (max-width:1300px) {
  #con30 .top_noti { font-size:20px; line-height:40px; margin-bottom:50px;}

  #con30 .ipsa_step { width:100%;}
  #con30 .ipsa_step .step_box { width:100%; position:relative;}
  #con30 .ipsa_step .step_box .num { width:15px; height:50px; text-align:center; color:#c4dbee; left:5px; top:2px; line-height:20px; z-index:5; position:absolute; font-size:20px; font-weight:800;}
  #con30 .ipsa_step .step_box .left_arrow { width:40px; height:20px; line-height:20px; text-align:center; color:#367eba; font-size:30px; font-weight:800; position:absolute; left:180px; top:50%; margin-top:-10px; }
  #con30 .ipsa_step .step_box .box_li { height:100%; padding:5px; width:180px; border:solid 1px #4a91ca; box-sizing:border-box; color:#1b3f5c; font-size:16px; font-weight:bold; left:0; text-align:center; position:absolute;}
  #con30 .ipsa_step .step_box .box_li .step_tit01 { width:100%; height:10px; position:absolute; top:50%; margin-top:-5px; line-height:10px; text-align:center; left:15px;}
  #con30 .ipsa_step .step_box .box_li .step_tit02 { width:100%; height:60px; position:absolute; top:50%; margin-top:-30px; line-height:30px; text-align:center; left:15px;}
  #con30 .ipsa_step .step_box .txt_li { padding:15px; width:calc(100% - 250px); border:solid 1px #666666; font-size:15px; margin-left:220px;}
  #con30 .arrow { height:40px; line-height:40px; font-size:25px; color:#730000; text-indent:85px;}
}

@media only screen and  (max-width:640px) { 
  #con30 .top_noti { font-size:5vw; line-height:8vw; margin-bottom:10vw;}

  #con30 .ipsa_step { width:100%;}
  #con30 .ipsa_step .step_box { width:100%; position:relative;}
  #con30 .ipsa_step .step_box .num { width:15px; height:50px; text-align:center; color:#c4dbee; left:5px; top:2px; line-height:20px; z-index:5; position:absolute; font-size:20px; font-weight:800; margin-bottom:2vw;}
  #con30 .ipsa_step .step_box .left_arrow { display:none; }
  #con30 .ipsa_step .step_box .box_li { height:18vw; line-height:18vw; padding:2vw; width:100%; border:solid 1px #4a91ca; box-sizing:border-box; color:#1b3f5c; font-size:4.8vw; font-weight:bold; left:0;}
  #con30 .ipsa_step .step_box .box_li span { width:100%; height:10px;  line-height:10px; text-align:center; margin-left:3vw;}
  #con30 .ipsa_step .step_box .txt_li { padding:3vw; border:solid 1px #666666; font-size:3.8vw; line-height:7vw; margin-top:2vw;}
  #con30 .arrow { height:40px; line-height:40px; font-size:25px; color:#730000; margin-left:50%;}
  }


.ipsa2010_noti {margin-top:-20px; margin-bottom:20px;}
.ipsa2010_noti td { width:100%; line-height:35px; font-size:18px; color:#C43032; padding:15px;}

.ipsa20_txtbox { width:100%; height:120xp; background-color: #f0f0f0; font-size:30px; text-align:center; line-height:118px; border:1px solid #ABABAB; box-sizing: border-box;}

.ipsa2022_noti {margin:30px 0;  padding:15px;  background-color: #f0f0f0; border:1px solid #ABABAB; box-sizing: border-box; width:100%; line-height:35px; font-size:18px;}

@media only screen and (min-width:640px) {
  #con30 .noti_box .tell_tit2 { width:100%; display: block; line-height:40px; text-align: center !important; margin-bottom:20px;}
  #con30 .noti_box .mo_br { width:50%; text-align:center; display:inline-block;}
}
@media only screen and (max-width:900px) {
  #con30 .noti_box { width: 100%; padding:1.5vw; box-sizing: border-box; font-size:2.2vw; border:1px solid #c6b3a6; background-color: #fbfbfb; }
}
@media only screen and (max-width:640px) {
  #con30 .noti_box { width: 100%; padding:2vw; box-sizing: border-box; font-size:3.5vw; border:1px solid #c6b3a6; background-color: #fbfbfb; }
  #con30 .noti_box .tell_tit { width:100%; display: block; line-height:5vw; text-align: center !important; margin-bottom:2vw;}
  #con30 .noti_box .tell_tit2 { width:100%; display: block; line-height:5vw; text-align: center !important; margin-bottom:2vw;}
  #con30 .noti_box .mo_br { width:100%; height:8vw; line-height:8vw; text-align:left !important; text-indent:1vw !important;}
 }

/* 40 생활안내 ------------------------------------------------------------------------------------------------------------------------------------- */

/* 4010 생활수칙 */
#con4010 { background-color:#fffbfb; border:1px solid #e4e4e4; box-sizing:border-box; padding:10px;}
#con4010 h2 { width:100%; height:50px; line-height:50px; font-size:25px; text-align:center; color:#b11116; display:block; margin-top:20px;}
#con4010 .noti { width:100%; font-size:13px; color:#666666; font-size:14px; padding:25px 0;}
#con4010 .g_title { font-size:15px !important;;}
#con4010 .coBLACK { font-size:14px;}
#con4010 .guideTxt { padding-left:10px; color:#666; display:block; margin-top:3px; line-height:24px; font-size:13px;}
#con4010 .guideTxt ol { margin:5px 0 10px 25px;}

#con4011 { background-color:#fffbfb; border:1px solid #e4e4e4; box-sizing:border-box; padding:10px;}
#con4011 h2 { width:100%; height:50px; line-height:50px; font-size:25px; text-align:center; color:#b11116; display:block; margin-top:20px;}
#con4011 .noti { width:100%; font-size:13px; color:#666666; font-size:14px; padding:25px 0;}
#con4011 .g_title { font-size:15px !important;;}
#con4011 .coBLACK { font-size:14px;}
#con4011 .guideTxt { padding-left:10px; color:#666; display:block; margin-top:3px; line-height:24px; font-size:13px;}
#con4011 .guideTxt ol { margin:5px 0 10px 25px;}


@media only screen and (min-width:640px){
  #con4010 .guideline .guideTit { width:100%; height:60px; line-height:60px; font-size:30px; text-align:center; color:#b11116; display:block; margin-top:20px;}
  #con4011 .guideline .guideTit { width:100%; height:60px; line-height:60px; font-size:30px; text-align:center; color:#b11116; display:block; margin-top:20px;}
  }
  
  @media only screen and (max-width:640px){
  #con4010 .guideline .guideTit { width:100%; padding:3vw 0; font-size:6vw; text-align:center; color:#b11116; display:block; margin-top:20px; }
  #con4011 .guideline .guideTit { width:100%; padding:3vw 0; font-size:6vw; text-align:center; color:#b11116; display:block; margin-top:20px; }
  }


/*외박신청 안내*/
@media only screen and ( min-width:781px) {  
  #con4020 .img_sap_box { width:100%; height:480px; position: relative;}
  #con4020 .img_sap_box .img_li { width:16%; float: left; margin:0 0.3%; }
}

@media only screen and (min-width:481px) and (max-width:780px) {
  #con4020 .img_sap_box { width:100%; height:132vw; position: relative;}
  #con4020 .img_sap_box .img_li { width:29.5vw; float: left; margin:0.3vw 0.3vw; }
}

@media only screen and ( max-width:481px) {
  #con4020 .img_sap_box { width:100%; height:280vw; position: relative;}
  #con4020 .img_sap_box .img_li { width:43vw; float: left; margin:0.5vw 0.5vw; }
}


/* 4030 생활안내 */
#con4030 .tbcon2 { width:100%; text-align:center;}
#con4030 .tbcon2 .tit { width:30%; line-height:40px; box-sizing:border-box; font-size:15px; font-weight:bold;}
#con4030 .tbcon2 .tit01 { border:1px solid #f79646; color:#f79646; }
#con4030 .tbcon2 .tit02 { border:1px solid #f4bd2d; color:#f4bd2d; }
#con4030 .tbcon2 .tit03 { border:1px solid #1c7de1; color:#1c7de1; }
#con4030 .tbcon2 .arrow { width:70px; }
#con4030 .tbcon2 .box01 { border:1px solid #f79646; width:30%; background-color:#f79646; padding:10px; }
#con4030 .tbcon2 .box02 { border:1px solid #f4bd2d; width:30%; background-color:#f4bd2d; padding:10px; }
#con4030 .tbcon2 .box03 { border:1px solid #1c7de1; width:30%; background-color:#1c7de1; padding:10px; text-align: center; }
#con4030 .tbcon2 .con01 { border:1px solid #f79646; background-color:#f79646; text-align:center; font-size:13px; font-weight:bold; color:#ffffff; padding:5px 0; }
#con4030 .tbcon2 .con02 { border:1px solid #f4bd2d; background-color:#f4bd2d; text-align:center; font-size:13px; font-weight:bold; color:#ffffff; }
#con4030 .tbcon2 .con03 { border:1px solid #1c7de1; background-color:#1c7de1; text-align:center; font-size:13px; font-weight:bold; color:#ffffff; }

.con4030 .noti { width:90%; padding:5px; background-color:#e95656; color:#ffffff; display:inline-block;}

@media only screen and (min-width:821px) {
  #con4030 .step_box { width:820px; margin:0 auto;}
}

@media only screen and (max-width:820px) {
  #con4030 .step_box { width:100%;}
}

@media only screen and (min-width:681px) {
  #con4030 { width:100%;}
  #con4030 .tab_mode {display:none;}
  #con4030 .img_table { max-width:1300px; display:flex;}
  #con4030 .img_table .info_box { width:calc( 33% - 10px); margin:5px; padding:4px; border:1px solid #d4d4d4; box-sizing: border-box;}
  #con4030 .img_table .info_box .con_img { width:100%;}
  #con4030 .img_table .info_box .con_img img { width:100%; height:100%;}
  #con4030 .img_table .info_box .con_txt { width:100%; font-size:15px; line-height:35px;}
  #con4030 .img_table .line_no { border:none !important;}
}

@media only screen and ( max-width:680px) {  
  #con4030 { width:100%;}
  #con4030 .pc_mode {display:none;}
  #con4030 .img_table { width:100%;}
  #con4030 .img_table .info_box { width:100%; margin:5px; padding:4px; border:1px solid #d4d4d4; box-sizing: border-box;}
  #con4030 .img_table .info_box .con_img { width:100%;}
  #con4030 .img_table .info_box .con_img img { width:100%; height:100%;}
  #con4030 .img_table .info_box .con_txt { width:100%; font-size:15px; line-height:35px;}
  #con4030 .img_table .line_no { border:none !important;}
}

/*외박신청 안내*/
@media only screen and ( min-width:781px) {  
  #con4040 .img_sap_box { width:100%; height:480px; position: relative;}
  #con4040 .img_sap_box .img_li { width:16%; float: left; margin:0 0.3%; }
}

@media only screen and (min-width:481px) and (max-width:780px) {
  #con4040 .img_sap_box { width:100%; height:132vw; position: relative;}
  #con4040 .img_sap_box .img_li { width:29.5vw; float: left; margin:0.3vw 0.3vw; }
}

@media only screen and ( max-width:481px) {
  #con4040 .img_sap_box { width:100%; height:280vw; position: relative;}
  #con4040 .img_sap_box .img_li { width:43vw; float: left; margin:0.5vw 0.5vw; }
}


/* 4050 기타안내 */
#con4050 .tab { height:50px; position:relative;}
#con4050 .tab .tbli { width:129px; height:30px; margin-right:1px; margin-bottom:1px; float:left;}
#con4050 .tab .tbli .tbtn { width:127px; height:28px; font-size:13px; line-height:28px; font-weight:bold; text-align:center; display:block;}
#con4050 .tab .tbli .tbtn:link { background:#efefef; border:solid 1px #b9b9b9; color:#000000; }
#con4050 .tab .tbli .tbtn.selected { background:#7092cb; border:solid 1px #3f3c38; color:#FFFFFF; display:block; cursor:default }

#con4050 .etctbn th { height:50px; text-align:center; border:solid 1px #999999; line-height:50px; font-size:20px; background-color:#e4f1fc;}
#con4050 .etctbn td { vertical-align:top;}
#con4050 .etctbn td img { border:solid 1px #666666;}

#con4050 .rq_notice { background-color:#dbedf4; border:solid 1px #b5d7e4; padding:10px; position:relative; margin-bottom:30px;}
#con4050 .rq_notice .notice_tit { margin:0 auto; display:block; font-size:13px; font-weight:bold; text-align:center; color:#FF0000;}
#con4050 .rq_notice .notice_tit2 { display:block; font-size:13px; font-weight:bold; text-align:center; color:#FF0000; text-align:left;}

#con4050 .rq_notice li { color:#1a546b; }

#con4050 { width:100%;}
#con4050 .step_box { width:100%; position:relative;}
#con4050 .step_box .left_arrow { width:40px; text-align:center; color:#367eba; font-size:30px; font-weight:800;}
#con4050 .step_box .box_li { width:30%; background-color:#9a8348; color:#ffffff; font-size:18px; font-weight:bold; left:0; text-align:center; position: relative; padding:15px 0;}
#con4050 .step_box .box_li .num { width:15px; height:50px; text-align:center; color:#eae2d0; left:5px; line-height:20px; z-index:5; font-size:20px; font-weight:800; position: absolute;}
#con4050 .step_box .txt_li { border:solid 1px #666666; font-size:15px; margin-left:220px; text-indent:20px;}
#con4050 .step_box .step_arrow { height:40px; line-height:40px; font-size:25px; color:#730000; text-align: center;}

#con4050 .domyeon { width:400px; height:330px; margin:0 auto;}

/* 50 문화교육 - 안전관리 ---------------------------------------------------------------------------------------------------------------------------*/

 #con5030 table img { width:auto !important; height:auto !important;}


  @media only screen and (min-width:1301px) { 
 #con5030 .ben_box{ width:100%; height:100px; position: relative; margin-top:20px;}
 #con5030 .ben_box li { width:600px; height:100px; position: absolute; top:0;}
 #con5030 .ben_box .left_ben { left:0;}
 #con5030 .ben_box .right_ben { right:0;}
 #con5030 .ben_box .mid_ben { left:50%; margin-left:-300px;}
 #con5030 .ben_box li .link_btn { width:600px; height:100px; display: block; background:#ef5660; border-radius:10px; box-shadow:3px 3px 7px rgba(0, 0, 0, 0.2); position: relative; }
 #con5030 .ben_box li .link_btn:hover {background:#a7363e;}
 #con5030 .ben_box li .link_btn .en_txt { width:100%; text-align: center; line-height:50px; font-size:20px; font-weight:400; color:#ffffff;}
 #con5030 .ben_box li .link_btn .ch_txt { width:100%; text-align: center; line-height:100px; font-size:20px; font-weight:400; color:#ffffff;}
 #con5030 .ben_box li .link_btn .icon_arr { width:100px; height:30px; line-height:30px; font-size:50px; text-align: right;  color:#ffffff; right:20px; bottom:10px; position: absolute; display: block;}
 }

 @media only screen and (min-width:641px) and (max-width:1300px) { 
  #con5030 .ben_box{ width:100%; height:100px; position: relative; margin-top:20px;}
  #con5030 .ben_box li { width:48.5%; height:100px; position: absolute; top:0;}
  #con5030 .ben_box .left_ben { left:0;}
  #con5030 .ben_box .right_ben { right:0;}
  #con5030 .ben_box .mid_ben { left:50%; margin-left:-24.25%;}
  #con5030 .ben_box li .link_btn { width:100%; height:100px; display: block; background:#ef5660; border-radius:10px; box-shadow:3px 3px 7px rgba(0, 0, 0, 0.2); position: relative; }
  #con5030 .ben_box li .link_btn:hover {background:#a7363e;}
  #con5030 .ben_box li .link_btn .en_txt { width:100%; text-align: center; line-height:50px; font-size:1.8vw; font-weight:400; color:#ffffff;}
  #con5030 .ben_box li .link_btn .ch_txt { width:100%; text-align: center; line-height:100px; font-size:1.8vw; font-weight:400; color:#ffffff;}
  #con5030 .ben_box li .link_btn .icon_arr { width:100px; height:30px; line-height:30px; font-size:4vw; text-align: right;  color:#ffffff; right:20px; bottom:10px; position: absolute; display: block;}
 }
 
 @media only screen and (max-width:640px) { 
  #con5030 .ben_box{ width:100%; position: relative; margin-top:20px;}
  #con5030 .ben_box li { width:100%; height:100px;}
  #con5030 .ben_box .right_ben { margin-top:20px;}
  #con5030 .ben_box li .link_btn { width:100%; height:100px; display: block; background:#ef5660; border-radius:10px; box-shadow:3px 3px 7px rgba(0, 0, 0, 0.2); position: relative; }
  #con5030 .ben_box li .link_btn:hover {background:#a7363e;}
  #con5030 .ben_box li .link_btn .en_txt { width:100%; text-align: center; line-height:50px; font-size:3.4vw; font-weight:bold; color:#ffffff;}
  #con5030 .ben_box li .link_btn .ch_txt { width:100%; text-align: center; line-height:100px; font-size:3.4vw; font-weight:bold; color:#ffffff;}
  #con5030 .ben_box li .link_btn .icon_arr { width:100px; height:30px; line-height:30px; font-size:7vw; text-align: right;  color:#ffffff; right:20px; bottom:10px; position: absolute; display: block;}
 }




/* 60 고객서비스 ------------------------------------------------------------------------------------------------------------------------------------- */

/* 6010 FAQ */
@media only screen and (min-width:641px) {
#con6020 { width:100%;}
#con6020 .faqlist { width:100%; margin:0 auto;}
#con6020 .faqlist .faqli { width:100%; line-height:60px; font-weight:bold; border-bottom:solid 1px #cbcbcb; margin-bottom:10px; }
#con6020 .faqlist .faqli .tbtn { width:100%; min-height:60px; display:block; position:relative; padding:0 45px; box-sizing: border-box; }
#con6020 .faqlist .faqli .tbtn:link { color:#666666; background:url('/resources/images/60/icon_arrow01.png') no-repeat right top; background-size:auto; }
#con6020 .faqlist .faqli .tbtn.selected { background:url('/resources/images/60/icon_arrow02.png') no-repeat right top; color:#1c8681; display:block; cursor:default }
#con6020 .faqlist .faqli .tbtn .qicon { width:35px; height:35px; background-color:#3a70b1; border-radius:5px; font-size:20px; text-align:center; line-height:35px; color:#ffffff;; font-weight:600; position:absolute; top:15px; left:0;}
#con6020 .faqlist .faqli .tbtn .qtxt { line-height:60px; font-size:18px;}
#con6020 .faqlist .faqli .answer { width:100%; margin-top:10px; line-height:40px; position:relative;}
#con6020 .faqlist .faqli .answer .aicon { width:35px; height:35px; background-color:#e2414a; border-radius:5px; font-size:20px; text-align:center; line-height:35px; color:#ffffff;; font-weight:600; position:absolute; top:6px; left:0;}
#con6020 .faqlist .faqli .answer .atxt { width:90%; text-align:left; line-height:35px; font-weight:normal; display:block; margin-left:40px; margin-bottom:10px; background-color:#f9f9f9; font-size:15px; display:block; padding:10px; border:1px dashed #dbdbdb;}
}

@media only screen and (max-width:640px) {
  #con6020 { width:100%;}
  #con6020 .faqlist { width:100%; margin:0 auto;}
  #con6020 .faqlist .faqli { width:100%; line-height:10vw; font-weight:bold; border-bottom:solid 1px #cbcbcb; margin-bottom:2vw; }
  #con6020 .faqlist .faqli .tbtn { width:100%; min-height:10vw; display:block; position:relative; padding:0 7vw; box-sizing: border-box;  }
  #con6020 .faqlist .faqli .tbtn:link { color:#666666; background:url('/resources/images/60/icon_arrow01.png') no-repeat right top; }
  #con6020 .faqlist .faqli .tbtn.selected { background:url('/resources/images/60/icon_arrow02.png') no-repeat right top; color:#1c8681; display:block; cursor:default }
  #con6020 .faqlist .faqli .tbtn .qicon { width:5vw; height:5vw; background-color:#3a70b1; border-radius:1vw; font-size:3vw; text-align:center; line-height:5vw; color:#ffffff;; font-weight:600; position:absolute; top:2.5vw; left:0;}
  #con6020 .faqlist .faqli .tbtn .qtxt {  line-height:6vw; font-size:3.5vw;}
  #con6020 .faqlist .faqli .answer { width:100%; margin-top:10px; line-height:40px; position:relative;}
  #con6020 .faqlist .faqli .answer .aicon { width:5vw; height:5vw; background-color:#e2414a; border-radius:1vw; font-size:3vw; text-align:center; line-height:5vw; color:#ffffff;; font-weight:600; position:absolute; top:0.6vw; left:0;}
  #con6020 .faqlist .faqli .answer .atxt { width:90%; text-align:left; line-height:5vw; font-weight:normal; display:block; margin-left:6vw; margin-bottom:2.5vw; background-color:#f9f9f9; font-size:3vw; display:block; padding:1.5vw; border:1px dashed #dbdbdb;}
  }

@media only screen and (min-width:1300px) {
  #con6020 { width:100%;}
  #con6020 .inquire_box { width:100%; height:340px; position: relative;}
  #con6020 .inquire_box .khmc_img { left:0; border:5px solid #3f73ab; }
  #con6020 .inquire_box .khnmc_img { right:0;  border:5px solid #4db3ba; }
  #con6020 .inquire_box .photo { width:600px; height:320px; position: absolute; top:50%; margin-top:-160px; box-sizing: border-box;}
  #con6020 .inquire_box .photo img { width:100%; height: 100%;}
  #con6020 .inquire_box .inquire_table { width:calc(100% - 650px); position: absolute;}
  #con6020 .inquire_box .in_box01 { right:0;}
  #con6020 .inquire_box .in_box02 { left:0;}
  #con6020 .inquire_box .inquire_table .table_i { width:100%; background:#fff; border:1px solid #ddd; border-top:3px solid #665041; border-radius:4px; text-align:center;}
  #con6020 .inquire_box .inquire_table .table_i th { min-height:40px; padding:18px 14px; background:#f3f3f3; border-right:1px solid #ddd; border-bottom:1px solid #ddd; color:#333; font-weight:500; vertical-align:middle; word-break:keep-all;}
  #con6020 .inquire_box .inquire_table .table_i td { padding:16px 14px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; word-break:keep-all; vertical-align:middle; line-height:30px; font-size:15px; }
  }

  @media only screen and (max-width:1300px) and (min-width:640px) {
    #con6020 .inquire_box { width:100%; height:28vw; position: relative;}
    #con6020 .inquire_box .khmc_img { left:0; border:5px solid #3f73ab; }
    #con6020 .inquire_box .khnmc_img { right:0;  border:5px solid #4db3ba; }
    #con6020 .inquire_box .photo { width:46vw; height:24.6vw; position: absolute; top: 50%; margin-top:-12.3vw; box-sizing: border-box;}
    #con6020 .inquire_box .photo img { width:100%; height: 100%;}
    #con6020 .inquire_box .inquire_table { width:calc(100% - 50vw); position: absolute;}
    #con6020 .inquire_box .in_box01 { right:0;}
    #con6020 .inquire_box .in_box02 { left:0;}
    #con6020 .inquire_box .inquire_table .table_i { width:100%; background:#fff; border:1px solid #ddd; border-top:3px solid #665041; border-radius:4px; text-align:center;}
    #con6020 .inquire_box .inquire_table .table_i th { padding:1.2vw; background:#f3f3f3; border-right:1px solid #ddd; border-bottom:1px solid #ddd; color:#333; font-weight:500; vertical-align:middle; word-break:keep-all;}
    #con6020 .inquire_box .inquire_table .table_i td { padding:1.2vw; border-right:1px solid #ddd; border-bottom:1px solid #ddd; word-break:keep-all; vertical-align:middle; line-height:2.3vw; font-size:1.2vw; }
    }

    @media only screen and (max-width:640px) {
      #con6020 .inquire_box { width:100%;}
      #con6020 .inquire_box .khmc_img { border:5px solid #3f73ab; }
      #con6020 .inquire_box .khnmc_img { border:5px solid #4db3ba; }
      #con6020 .inquire_box .photo { width:100%; box-sizing: border-box;}
      #con6020 .inquire_box .photo img { width:100%; height: 100%;}
      #con6020 .inquire_box .inquire_table { width:100%;}
      #con6020 .inquire_box .inquire_table .table_i { width:100%; background:#fff; border:1px solid #ddd; border-top:3px solid #665041; border-radius:4px; text-align:center;}
      #con6020 .inquire_box .inquire_table .table_i th { padding:1.8vw; background:#f3f3f3; border-right:1px solid #ddd; border-bottom:1px solid #ddd; color:#333; font-weight:500; vertical-align:middle; word-break:keep-all;}
      #con6020 .inquire_box .inquire_table .table_i td { padding:1.8vw; border-right:1px solid #ddd; border-bottom:1px solid #ddd; word-break:keep-all; vertical-align:middle; line-height:3.4vw; font-size:2.4vw; }
      }

/* 20 회원광장 ------------------------------------------------------------------------------------------------------------------------------------- */


/* 개인정보처리방침/ 홈페이지이용약관 */
#con90 { font-size:13px; }
#con90 .guideTxt01 { padding-left:10px; color:#666; display:block; margin-top:3px; line-height:22px;}
#con90 .guideTxt02 { padding-left:15px; color:#666; display:block; line-height:20px;}


@media only screen and (min-width:851px) {
/* 개인정보처리방침 이전내용보기 팝업레이어*/
.pop_player { width:100%; height:100%; background:url(../../resources/images/poplayer_bg.png); z-index:999; position:fixed; top:0; left:0;}
.pop_player .txt_box { width:800px; height:700px; position:absolute; left:50%; margin-left:-400px; top:50%; margin-top:-350px; overflow:scroll; background-color:#ffffff; font-size:13px; line-height:25px; padding:20px; border:2px solid #ffcb08; box-sizing:border-box;}
.pop_player .close { position:absolute; top:50%; margin-top:310px; left:50%; margin-left:410px; z-index:110;}
  }

  @media only screen and (max-width:850px) {
/* 개인정보처리방침 이전내용보기 팝업레이어*/
.pop_player { width:100%; height:100%; background:url(../../resources/images/poplayer_bg.png); z-index:999; position:fixed; top:0; left:0;}
.pop_player .txt_box { width:96vw; height:90vh; position:absolute; left:50%; margin-left:-48vw; margin-top:2vh; overflow:scroll; background-color:#ffffff; font-size:13px; line-height:25px; padding:20px; border:2px solid #ffcb08; box-sizing:border-box;}
.pop_player .close { position:absolute; bottom:0.5vh; left:50%; margin-left:-22px; z-index:110;}
  }




/* 이메일무단수집거부 */
#con90  { background-color:#F5F5F5; border:solid 1px #999999; padding:15px;}

/* 입사생 로그인 */
#con9050 { background:none !important;}
#con9050 form { background:none !important;}

@media only screen and (min-width:501px) {
  #con9050  { width:100%; margin:50px 0;}
  #con9050 .login_box { width:500px; margin:0 auto; border:1px solid #c5c5c5; box-sizing: border-box; padding:30px;}
  #con9050 .login_box .input_wrap {width:100%;}
  #con9050 .login_box .input_wrap li { width:100%; height:50px; margin:20px 0;}
  #con9050 .login_box .input_wrap li input { width:100%; height:50px; border-top:none; border-left:none ; border-right:none; background-color:#ffffff !important; border-bottom: 1px solid #535353 !important; font-size:20px ; text-indent:15px; border-radius:0 !important;}
  #con9050 .login_box .input_wrap .btn_ok { width:100%; height:70px;}
  #con9050 .login_box .input_wrap .btn_ok .btn_login:link,
  #con9050 .login_box .input_wrap .btn_ok .btn_login:active,
  #con9050 .login_box .input_wrap .btn_ok .btn_login:visited { width:100%; height:60px; text-align:center; line-height:60px; color:#ffffff; background-color:#74c12d; display:block; font-size:25px; font-weight:800;}
  #con9050 .login_box .input_wrap .btn_ok .btn_login:hover { color:#ffffff; background-color:#436f1a;}
  #con9050 .login_box .input_wrap .btn_reset { width:100%; text-align:right; font-size: 15px; line-height:25px;}
  }

@media only screen and (max-width:500px) {
  #con9050  { width:100%; margin:20px 0;}
  #con9050 .login_box { width:100%; margin:0 auto; border:1px solid #c5c5c5; box-sizing: border-box; padding:15px;}
  #con9050 .login_box .input_wrap {width:100%;}
  #con9050 .login_box .input_wrap li { width:100%; height:50px; margin:15px 0;}
  #con9050 .login_box .input_wrap li input { width:100%; height:50px; border-top:none; border-left:none ; border-right:none; background-color:#ffffff !important; border-bottom: 1px solid #535353 !important; font-size:20px ; text-indent:15px; border-radius:0 !important;}
  #con9050 .login_box .input_wrap .btn_ok { width:100%; height:70px;}
  #con9050 .login_box .input_wrap .btn_ok .btn_login:link,
  #con9050 .login_box .input_wrap .btn_ok .btn_login:active,
  #con9050 .login_box .input_wrap .btn_ok .btn_login:visited { width:100%; height:60px; text-align:center; line-height:60px; color:#ffffff; background-color:#74c12d; display:block; font-size:25px; font-weight:800;}
  #con9050 .login_box .input_wrap .btn_ok .btn_login:hover { color:#ffffff; background-color:#436f1a;}
  #con9050 .login_box .input_wrap .btn_reset { width:100%; text-align:right; font-size: 15px; line-height:25px;}
  }