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

/* 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:#056443; display:block; padding-bottom:5px; font-weight:800; position: relative; padding-left:20px;}
  .ls01 .ls01_dot { height:20px; font-size:16px; color: #056443; line-height:20px; position: absolute; top:6px; left:0; display: block;} 
  .ls02 { 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; }
  }

@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: #056443; line-height:4vw; position: absolute; top:2vw; left:0; display: block;} 
  .ls02 { 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; }
  }


  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.'; padding-left:26px;}
  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;}
  }


/* 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;}

@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;}
  } 
  
@media only screen and (max-width:681px)  { 

  .tab_scroll { height:12vw; 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;}
} 

/* 이중탭구조 */
.sectab { clear:both;}
.sectab .tab {clear:both; height:35px !important; position:relative !important; border:none !important; padding:0 !important;}
.sectab .tab li { margin:0 !important; padding:0 !important;}
.sectab .tab .tbli { height:35px !important; margin-right:1px !important; margin-bottom:1px !important; float:left;}
.sectab .tab .tbli .tbtn { padding:0 15px !important; height:35px !important; font-size:13px !important; font-weight:normal;line-height:33px !important; text-align:center !important; display:block !important; box-sizing:border-box !important; }
.sectab .tab .tbli .tbtn:link,
.sectab .tab .tbli .tbtn:visited,
.sectab .tab .tbli .tbtn:active { background:#efefef !important; border:solid 1px #b9b9b9 !important; color:#b8b8b8 !important; }
.sectab .tab .tbli .tbtn:hover,
.sectab .tab .tbli .tbtn.selected {  background:#f1fae9 !important; border:1px solid #665041 !important; color:#665041 !important; display:block !important; cursor:default !important; font-weight:bold; }

/* 이중탭구조(텝 사이즈 고정) */
.sectab2 { clear:both;}
.sectab2 .tab {clear:both; height:35px !important; position:relative !important; border:none !important; padding:0 !important;}
.sectab2 .tab li { width:145px; margin:0 !important; padding:0 !important;}
.sectab2 .tab .tbli { height:35px !important; margin-right:1px !important; margin-bottom:1px !important; float:left;}
.sectab2 .tab .tbli .tbtn { width:145px; padding:0 15px !important; height:35px !important; font-size:13px !important; font-weight:normal;line-height:33px !important; text-align:center !important; display:block !important; box-sizing:border-box !important; }
.sectab2 .tab .tbli .tbtn:link,
.sectab2 .tab .tbli .tbtn:visited,
.sectab2 .tab .tbli .tbtn:active { background:#efefef !important; border:solid 1px #b9b9b9 !important; color:#b8b8b8 !important; }
.sectab2 .tab .tbli .tbtn:hover,
.sectab2 .tab .tbli .tbtn.selected {  background:#f1fae9 !important; border:1px solid #665041 !important; color:#665041 !important; display:block !important; cursor:default !important; font-weight:bold; }

/* 이중탭구조(텍스트 길이에 따라 가변) */
.sectab3 { clear:both;}
.sectab3 .tab {clear:both; height:35px !important; position:relative !important; border:none !important; padding:0 !important;}
.sectab3 .tab li { margin:0 !important; padding:0 !important;}
.sectab3 .tab .tbli { height:35px !important; margin-right:1px !important; margin-bottom:1px !important; float:left;}
.sectab3 .tab .tbli .tbtn { padding:0 15px !important; height:35px !important; font-size:13px !important; font-weight:normal;line-height:33px !important; text-align:center !important; display:block !important; box-sizing:border-box !important; }
.sectab3 .tab .tbli .tbtn:link,
.sectab3 .tab .tbli .tbtn:visited,
.sectab3 .tab .tbli .tbtn:active { background:#efefef !important; border:solid 1px #b9b9b9 !important; color:#b8b8b8 !important; }
.sectab3 .tab .tbli .tbtn:hover,
.sectab3 .tab .tbli .tbtn.selected {  background:#f1fae9 !important; border:1px solid #665041 !important; color:#665041 !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 기숙사소개 ------------------------------------------------------------------------------------------------------------------------------------- */

/* 1010 인사말 */
#con1010 { width:100%; position:relative;}

@media only screen and (min-width:1301px) { 
  #con1010 .con_img01 { position:absolute; width:350px; height:240px; top:30px; right:0;}
  #con1010 .con_tit01 { width:100%; font-size:30px; font-weight:bold; color:#db3337; line-height:50px; }
  #con1010 .con_txt01 { width:calc(100% - 380px); font-size:18px; line-height:35px; margin-top:15px;}
  #con1010 .con_txt02 { width:100%; font-size:18px; line-height:35px; margin-top:24px;}
  #con1010 .con_bot_sign { width:100%; height:30px; margin-top:30px; font-size:25px; font-weight:bold; line-height:30px; text-align:right; color:#000000;}
  #con1010 .con_bot_sign .name { font-family: 'Nanum Myeongjo', serif; font-size:30px;}
}

@media only screen and (max-width:1300px) and (min-width:681px) { 
  #con1010 .con_img01 { position:absolute; width:350px; height:240px; top:60px; right:0;}
  #con1010 .con_tit01 { width:100%; font-size:2.5vw; font-weight:bold; color:#db3337; line-height:50px; }
  #con1010 .con_txt01 { width:calc(100% - 380px); font-size:1.8vw; line-height:3.2vw; margin-top:2vw;}
  #con1010 .con_txt02 { width:100%; font-size:1.8vw; line-height:3.2vw; margin-top:3.2vw;}
  #con1010 .con_bot_sign { width:100%; height:6vw; margin-top:5vw; font-size:3.2vw; font-weight:bold; line-height:6vw; text-align:right; color:#000000;}
  #con1010 .con_bot_sign .name { font-family: 'Nanum Myeongjo', serif; font-size:4vw;}
}

@media only screen and (max-width:680px) {
  #con1010 .con_img01 { width:350px; height:240px; margin:0 auto;}
  #con1010 .con_tit01 { width:100%; font-size:5vw; font-weight:bold; color:#db3337; line-height:50px; padding:2vw 0; }
  #con1010 .con_txt01 { width:100% ; font-size:4vw; line-height:8vw;}
  #con1010 .con_txt02 { width:100%;  font-size:4vw; line-height:8vw; margin-top:6vw;}
  #con1010 .con_bot_sign { width:100%; height:12vw; margin-top:5vw; font-size:5.5vw; font-weight:bold; line-height:12vw; text-align:right; color:#000000;}
  #con1010 .con_bot_sign .name { font-family: 'Nanum Myeongjo', serif; font-size:6.5vw;}
}

/* 1020 설립목적 */
#con1010 { width:100%; position:relative;}
/* main Inquiry Number */

#con1020 .con_tit01 { width:100%; font-size:45px; font-weight:bold; color:#9a1616; line-height:70px; }
#con1020 .con_img01 { width:100; }
#con1020 .con_img01 .img { width:100; height:100%; }

@media only screen and (min-width:1301px) { 
#con1020 .con_txt01 { width:100% ; font-size:18px; line-height:35px; margin-top:15px;}
}
@media only screen and (max-width:1300px) and (min-width:681px) { 
  #con1020 .con_txt01 { font-size:1.8vw; line-height:3vw; word-break:keep-all;}
}

@media only screen and (max-width:680px) {
  #con1020 .con_txt01 { font-size:4vw; line-height:7vw; word-break:keep-all;}
}

/* 1030  */


/* 1040  */
/* #con1040 { background-color:#fffbfb; border:1px solid #e4e4e4; box-sizing:border-box; padding:10px;}
#con1040 h2 { width:100%; height:50px; line-height:50px; font-size:25px; text-align:center; color:#b11116; display:block; margin-top:20px;}
#con1040 .open_date { width:100%; margin:20px 0; font-size:15px; line-height:24px; color:#666666;}
#con1040 .index_txt { width:100%; margin:20px 0; font-size:18px; line-height:30px; color:#000000; text-align:center;}
#con1040 .guideTit { text-align:center; font-size:20px; color:#940e11; background-color:#F5F5F5; height:40px; line-height:38px; border-top:solid 1px #dcdcdc; border-bottom:1px dotted #dcdcdc; box-sizing:border-box;}
#con1040 .g_title { font-size:15px !important;}
#con1040 .guideTit01 { text-align:center; font-size:14px; color:#333; margin-bottom:15px; font-weight:bold;}
#con1040 .guideTxt01 { color:#666; display:block; margin-top:3px; line-height:24px; font-size:15px;}
#con1040 .guideTxt01_1 { color:#666; padding-left:10px; line-height:30px; font-size:16px;}
#con1040 .guideTxt02 { padding-left:15px; color:#666; display:block; line-height:18px;}
#con1040 .guideline .ol01 { margin:5px 0 10px 25px;}
#con1040 .guideline .ol02 { margin:5px 0 10px 15px;}
#con1040 .guideline { padding-bottom:10px;}
#con1040 .guideTxt01 li { position:relative;}
#con1040 .guideTxt01 li .cir_num { position:absolute; top:0; left:0;} */


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


/* 1050 찾아오시는길 */
#con1050 .mapbox { width:720px; height:604px; background:url(/resources/images/10/map_bg.jpg) no-repeat; position:relative; margin:0 auto;}
#con1050 .mapbox li { height:45px; position:absolute;}
#con1050 .mapbox .univ01 { width:52px; height:45px; top:332px; left:403px;}
#con1050 .mapbox .univ02 { width:90px; height:45px; top:90px; left:490px;}
#con1050 .mapbox .univ03 { width:51px; height:45px; top:107px; left:418px;}
#con1050 .mapbox .univ04 { width:66px; height:45px; top:498px; left:418px;}
#con1050 .mapbox .univ05 { width:52px; height:45px; top:447px; left:266px;}

#con1050 .mapbox li a { height:45px; display:block; }
#con1050 .mapbox li .unvlink01:link, .unvlink01:active, .unvlink01:visited { background:url(/resources/images/10/map_icon01.png) no-repeat top;}
#con1050 .mapbox li .unvlink02:link, .unvlink02:active, .unvlink02:visited { background:url(/resources/images/10/map_icon02.png) no-repeat top;}
#con1050 .mapbox li .unvlink03:link, .unvlink03:active, .unvlink03:visited { background:url(/resources/images/10/map_icon03.png) no-repeat top;}
#con1050 .mapbox li .unvlink04:link, .unvlink04:active, .unvlink04:visited { background:url(/resources/images/10/map_icon04.png) no-repeat top;}
#con1050 .mapbox li .unvlink05:link, .unvlink05:active, .unvlink05:visited { background:url(/resources/images/10/map_icon05.png) no-repeat top;}

 .unvlink01:hover, .unvlink02:hover, .unvlink03:hover, .unvlink04:hover, .unvlink05:hover { background-position:bottom !important; }


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

/*2020 호실안내*/
@media only screen and (min-width:1301px) { 
  #con2020 .room_photo { width:1300px; height:700px; position:relative;}
  #con2020 .room_photo .btn_img:link,
  #con2020 .room_photo .btn_img:active,
  #con2020 .room_photo .btn_img:visited { width:1300px; height:700px; 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:52vw; position:relative; margin:0 auto;}
  #con2020 .room_photo .btn_img:link,
  #con2020 .room_photo .btn_img:active,
  #con2020 .room_photo .btn_img:visited { width:96vw; height:52vw; 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 편의시설 이미지 보기 */

    @media only screen and (min-width:1301px) { 
        .img_noti { height:30px; line-height:30px; text-align:right; font-size:15px; color:#FF0004; font-weight:bold;}
        #con2030 .sisul_photo { width:1300px; height:300px; position:relative;}
        #con2030 .sisul_photo .img_title { width:1300px; height:60px; line-height:60px; position:absolute; top:0; background:url(../../resources/images/poplayer_bg.png); text-align:center; font-size:25px; color:#ffffff; z-index:3;}
        #con2030 .sisul_photo .btn_img:link,
        #con2030 .sisul_photo .btn_img:active,
        #con2030 .sisul_photo .btn_img:visited { width:1300px; height:300px; display:block; z-index:2; position:absolute; top:0; left:0;}
        #con2030 .sisul_photo .btn_img:hover { background:url(../../resources/images/20/sisul_link_bg.png) no-repeat top; background-size: cover; }
        #con2030 .sisul_photo img { position:absolute; top:0; left:0;}
                
        }

        @media only screen and (max-width:1300px) and (min-width:901px) { 
          .img_noti { height:30px; line-height:30px; text-align:right; font-size:15px; color:#FF0004; font-weight:bold;}
        #con2030 .sisul_photo { width:100%; height:23vw; position:relative;}
        #con2030 .sisul_photo .img_title { width:100%; height:5vw; line-height:5vw; position:absolute; top:0; background:url(../../resources/images/poplayer_bg.png); text-align:center; font-size:2.5vw; color:#ffffff; z-index:3;}
        #con2030 .sisul_photo .btn_img:link,
        #con2030 .sisul_photo .btn_img:active,
        #con2030 .sisul_photo .btn_img:visited { width:100vw; height:23vw; display:block; z-index:2; position:absolute; top:0; left:0;}
        #con2030 .sisul_photo .btn_img:hover { background:url(../../resources/images/20/sisul_link_bg.png) no-repeat top; background-size: cover; }
        #con2030 .sisul_photo img { position:absolute; top:0; left:0;}
                
        }

        @media only screen and (max-width:1301px) { 
          .img_noti { height:30px; line-height:30px; text-align:right; font-size:3.2vw; color:#FF0004; font-weight:bold;}
          #con2030 .sisul_photo { width:100%; height:23vw; position:relative;}
          #con2030 .sisul_photo .img_title { width:100%; height:8vw; line-height:8vw; position:absolute; top:0; background:url(../../resources/images/poplayer_bg.png); text-align:center; font-size:4vw; color:#ffffff; z-index:3;}
          #con2030 .sisul_photo .btn_img:link,
          #con2030 .sisul_photo .btn_img:active,
          #con2030 .sisul_photo .btn_img:visited { width:100%; height:23vw; display:block; z-index:2; position:absolute; top:0; left:0;}
          #con2030 .sisul_photo .btn_img:hover { background:url(../../resources/images/20/sisul_link_bg.png) no-repeat top; background-size: cover; }
          #con2030 .sisul_photo img { position:absolute; top:0; left:0;}
                  
          }



  /* 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:680px; position:absolute; left:50%; margin-left:-450px; top:50%; margin-top:-340px; border:solid 1px #FFFFFF; }
    .imglayer .imgbox .sisulimg { width:900px; height:680px;}
    .imglayer .imgbox .sisulimg 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 .imgbox { width:90vw; height:68vw; position:absolute; left:50%; margin-left:-45vw; top:50%; margin-top:-34vw; border:solid 1px #FFFFFF; }
    .imglayer .imgbox .sisulimg { position: relative; width:100%; 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;}
    }

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


/* 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;}


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



/* 40 */

#con40 .top_box { width:100%; line-height:40px; padding:20px; background-color:#fbf7f2; border:5px solid #e9cfb6; border-radius:10px; color:#bb8139; font-size:25px; font-family:'Nanum Myeongjo', serif; box-sizing: border-box;}
@media only screen and (max-width:640px) {
  #con40 .top_box { width:100%; line-height:8vw; padding:2vw; background-color:#fbf7f2; border:1.2vw solid #e9cfb6; border-radius:3vw; color:#bb8139; font-size:4vw; font-family:'Nanum Myeongjo', serif; box-sizing: border-box;}
}
#con40 strong.mate { padding:2px 8px; display:inline-block; background-color:#efdecb; border-radius:3px; color:#6a4a3e !important; }
#con40 ol.number strong { padding:2px 8px; display:inline-block; background-color:#efdecb; border-radius:3px; color:#6a4a3e !important; }

#con4040 .etctbn { width:100%;}
#con4040 .etctbn th {padding:15px 0; text-align:center; border:solid 1px #999999; background-color:#e4f1fc; font-size:20px;}
#con4040 .etctbn td { vertical-align:top;}
#con4040 .etctbn td img { border:solid 1px #666666;}

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



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

@media only screen and  (min-width:1300px) { 
  #con5030 .ben_box { width:1000px; height:120px; text-align: center; margin: 0 auto; }
  #con5030 .ben_box .ben_link{ width:100%; height:120px; line-height:120px; font-size:40px; text-align: center; background-color: #003896; color:#ffffff; display: block;}
    }

@media only screen and (min-width:640px) and (max-width:1300px) {
  #con5030 .ben_box { width:90vw; height:15vw; text-align: center; margin: 0 auto; }
  #con5030 .ben_box .ben_link{ width:100%; height:15vw; line-height:15vw; font-size:4vw; text-align: center; background-color: #003896; color:#ffffff; display: block;}
  }

@media only screen and  (max-width:640px) { 
  #con5030 .ben_box { width:90vw; height:20vw; text-align: center; margin: 0 auto; }
  #con5030 .ben_box .ben_link{ width:100%; height:20vw; line-height:20vw; font-size:6vw; text-align: center; background-color: #003896; color:#ffffff; 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;}

/* 이메일무단수집거부 */
#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:#00aa2f; display:block; font-size:25px; font-weight:800;}
  #con9050 .login_box .input_wrap .btn_ok .btn_login:hover { color:#ffffff; background-color:#126144;}
  #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:#00aa2f; display:block; font-size:25px; font-weight:800;}
  #con9050 .login_box .input_wrap .btn_ok .btn_login:hover { color:#ffffff; background-color:#126144;}
  #con9050 .login_box .input_wrap .btn_reset { width:100%; text-align:right; font-size: 15px; line-height:25px;}
  }