@charset "utf-8";

/*---
font-family: 'NanumSquareNeoLight';
font-family: 'NanumSquareNeo';
font-family: 'NanumSquareNeoBold';
font-family: 'NanumSquareNeoExtraBold';
font-family: 'NanumSquareNeoHeavy';
---*/

/*-----------------------공통-----------------------*/
html {width:100%; -webkit-text-size-adjust:none; -moz-text-size-adjust: none; -ms-text-size-adjust:none; overflow-y:scroll; overflow-x:hidden; word-break:keep-all;}
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;vertical-align:baseline; list-style:none; font-family: 'NanumSquareNeo'; font-size:15px; line-height:2; -webkit-text-size-adjust:none;}

html, body { height:100% !important;}

a {text-decoration:none;color:#000;-webkit-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;-moz-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;-ms-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;-o-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;outline:none;}
a:hover, a:focus {text-decoration:none !important;}

/*-----드래그----*/
::-moz-selection {
   background: #2580bd;
   color: #fff;
}
::selection {
   background: #2580bd;
   color: #fff;
}
/*-----드래그----*/

/*-----스크롤----*/
::-webkit-scrollbar { width:8px; height:4px;}
::-webkit-scrollbar-track { background:#fff;}
::-webkit-scrollbar-thumb { background:#2580bd;}
/*-----스크롤----*/

#top_btn {position:fixed; bottom:20px; right:20px; width:45px; height:45px; border:1px solid #888; text-align:center; z-index:90; background:rgba(0,0,0,0.3); -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s;}
#top_btn img { position:relative; top:-3px;}
#top_btn:hover {border-color:#2580bd; background:#2580bd;}

/*-----공통----*/
img { height:auto; max-width:100%; vertical-align:middle;}
.clear {clear:both;}
.clear10 {clear:both; height:10px;}
.clear20 {clear:both; height:20px;}
.clear40 {clear:both; height:40px;}
.clear60 {clear:both; height:60px;}
.clear80 {clear:both; height:80px;}
.clear100 {clear:both; height:100px;}
.clear_dot {clear:both; height:30px; margin-bottom:30px; border-bottom:#ddd dashed 1px;}
.text_center { text-align:center;}
.text_right { text-align:right;}

.pc_img {}
.mo_img { display:none;}

#footer { padding:40px 0; border-top:#eee solid 1px;}
.footer_info {font-size:0;}
.footer_info li .footer_logo { width:80px; float:left; margin-left:-100px; margin-top:10px;}
.footer_info li { display:inline-block; vertical-align:bottom; font-size:13px; color:#555; line-height:1.6;}
.footer_info li:first-child { width:60%; padding-left:100px;}
.footer_info li:last-child { width:40%; text-align:right;}
.footer_info li strong { display:block; font-size:15px; font-weight:600; color:#000; margin-bottom:5px;}
.footer_info li .copyright { font-size:13px; color:#999;}
.footer_info li .copyright a { font-size:13px; color:#999;}

.wrap { font-family: 'NanumSquareNeo'; max-width:1200px; position:relative; margin:0 auto; padding:0 20px;}
/*-----공통----*/

/*-----스크롤----*/
.scrolldown {
  --color: white;
  --sizeX: 25px;
  --sizeY: 40px;
  position: relative;
  width: var(--sizeX);
  height: var(--sizeY);
  margin-left: var(sizeX / 2);
  border: calc(var(--sizeX) / 15) solid var(--color);
  border-radius: 50px;
  box-sizing: border-box;
  position: absolute;
  bottom: 60px;
}

.scrolldown::before {
  content: "";
  position: absolute;
  left: 50%;
  width: 4px;
  height: 4px;
  margin-left: -2px;
  background-color: var(--color);
  border-radius: 100%;
  animation: scrolldown-anim 2s infinite;
  box-sizing: border-box;
}

@keyframes scrolldown-anim {
  0% {
    opacity: 0;
    height: 4px;
  }
  40% {
    opacity: 1;
    height: 4px;
  }
  80% {
    transform: translate(0, 20px);
    height: 4px;
    opacity: 0;
  }
  100% {
    height: 4px;
    opacity: 0;
  }
}
.chevrons {
  padding: 6px 0 0 0;
  margin-left: -3px;
  margin-top: 40px;
  width: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.chevrondown {
  margin-top: -3px;
  position: relative;
  border: solid var(--color);
  border-width: 0 2px 2px 0;
  display: inline-block;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
}
.chevrondown:nth-child(odd) {
  animation: pulse 500ms ease infinite alternate;
}
.chevrondown:nth-child(even) {
  animation: pulse 500ms ease infinite alternate 150ms;
}
@keyframes pulse {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.5;
  }
}
/*-----스크롤----*/

/*-----메인----*/
.main_mov {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
}
.main_mov video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
}

.main_title01 { font-family: 'NanumSquareNeoHeavy'; font-size:45px; margin-bottom:10px;}
.main_title02 { font-size:20px;}
.main_title_wbar { width:1px; height:80px; background:#fff; margin:20px auto;}

.main_btn01 { margin-top:40px;}
.main_btn01 a { border:#888 solid 1px; background:rgba(0,0,0,0.5); padding:18px 30px; font-size:15px; color:#fff;}
.main_btn01 a:hover { background:rgba(0,0,0,1);}

.main_btn02 { margin-top:40px;}
.main_btn02 a { border:#000 solid 1px; background:#000; padding:18px 30px; font-size:15px; color:#fff;}
.main_btn02 a:hover { background:#444;}

.main_section01 { padding:100px 0; background:url(/kor/img/main/main01_bg.jpg) center center no-repeat; background-size:90%;}
.main_ul01 { margin:20px -10px 0 -10px; font-size:0}
.main_ul01 li { display:inline-block; vertical-align:top; width:33.33%; padding:10px;}
.main_ul01 li:nth-child(1) .main_ul01_textbox { background:url(/kor/img/main/main_ul01_bg01.jpg) center center no-repeat; background-size:cover;}
.main_ul01 li:nth-child(2) .main_ul01_textbox { background:url(/kor/img/main/main_ul01_bg02.jpg) center center no-repeat; background-size:cover;}
.main_ul01 li:nth-child(3) .main_ul01_textbox { background:url(/kor/img/main/main_ul01_bg03.jpg) center center no-repeat; background-size:cover;}
.main_ul01 li .main_ul01_textbox { color:#fff; border-radius:30px; overflow:hidden; padding-top:80px;}
.main_ul01 li .main_ul01_textbox .main_ul01_title01 { font-family: 'NanumSquareNeoHeavy'; font-size:35px;}
.main_ul01 li .main_ul01_textbox .main_ul01_title02 { font-size:20px; margin-bottom:20px;}
.main_ul01 li .main_ul01_textbox .main_ul01_black { font-size:15px; line-height:2; background:rgba(0,0,0,0.5); padding:40px 20px; height:260px;}

.main_section02 { padding:140px 0; background:url(/kor/img/main/main02_bg.jpg) center center no-repeat; background-size:cover; color:#fff;}

.main_ul02_left {font-size:0;}
.main_ul02_left li { width:50%; height:500px;}
.main_ul02_left li:first-child { float:left; background:url(/kor/img/main/main_ul02_bg01.jpg) center center no-repeat; background-size:cover;}
.main_ul02_left li:last-child { float:right; background:url(/kor/img/main/main_ul02_textbg01.jpg) right bottom no-repeat;}
.main_ul02_left li .main_ul02_textbox { max-width:600px; padding:80px 20px 20px 40px; margin:0 auto 0 0;}

.main_ul02_right {font-size:0;}
.main_ul02_right li { width:50%; height:500px;}
.main_ul02_right li:first-child { float:right; background:url(/kor/img/main/main_ul02_bg02.jpg) center center no-repeat; background-size:cover;}
.main_ul02_right li:last-child { float:left; text-align:right; background:url(/kor/img/main/main_ul02_textbg02.jpg) left bottom no-repeat;}
.main_ul02_right li .main_ul02_textbox { max-width:600px; padding:80px 40px 20px 20px; margin:0 0 0 auto;}
/*-----메인----*/

/*-----서브----*/
.sub_top { padding-top:150px; position:relative; text-align:center;}
.sub_top_img01 { background:url(/kor/img/sub/sub_top01.jpg) center center no-repeat; background-size:cover;}
.sub_top_img02 { background:url(/kor/img/sub/sub_top02.jpg) center center no-repeat; background-size:cover;}
.sub_top_img03 { background:url(/kor/img/sub/sub_top03.jpg) center center no-repeat; background-size:cover;}
.sub_top_img04 { background:url(/kor/img/sub/sub_top04.jpg) center center no-repeat; background-size:cover;}
.sub_top_img05 { background:url(/kor/img/sub/sub_top05.jpg) center center no-repeat; background-size:cover;}
.sub_top .sub_top_text { font-size:25px; color:#fff; text-align:right; padding-bottom:180px;}
.sub_top .sub_top_text .sub_top_title { font-family: 'NanumSquareNeoHeavy'; font-size:35px; line-height:1.5;}


.sub_nav_2cat { font-size:0; text-align:center; position:absolute; z-index:9; bottom:0; width:100%; max-width:1200px; padding:0 20px; left:50%; transform:translateX(-50%);}
.sub_nav_2cat li { display:inline-block; vertical-align:top; width:50%;}
.sub_nav_2cat li a { font-family: 'NanumSquareNeoBold'; display:block; padding:15px 10px; font-size:15px; color:#444; border:#aaa solid 1px; background:rgba(255,255,255,0.75); margin-left:-1px;}
.sub_nav_2cat li .sub_nav_on { color:#fff; background:rgba(15,120,180,0.75); border:#207dbb solid 1px;}

.sub_nav_3cat { font-size:0; text-align:center; position:absolute; z-index:9; bottom:0; width:100%; max-width:1200px; padding:0 20px; left:50%; transform:translateX(-50%);}
.sub_nav_3cat li { display:inline-block; vertical-align:top; width:33.33%;}
.sub_nav_3cat li a { font-family: 'NanumSquareNeoBold'; display:block; padding:15px 10px; font-size:15px; color:#444; border:#aaa solid 1px; background:rgba(255,255,255,0.75); margin-left:-1px;}
.sub_nav_3cat li .sub_nav_on { color:#fff; background:rgba(15,120,180,0.75); border:#207dbb solid 1px;}

.sub_nav_4cat { font-size:0; text-align:center; position:absolute; z-index:9; bottom:0; width:100%; max-width:1200px; padding:0 20px; left:50%; transform:translateX(-50%);}
.sub_nav_4cat li { display:inline-block; vertical-align:top; width:25%;}
.sub_nav_4cat li a { font-family: 'NanumSquareNeoBold'; display:block; padding:15px 10px; font-size:15px; color:#444; border:#aaa solid 1px; background:rgba(255,255,255,0.75); margin-left:-1px;}
.sub_nav_4cat li .sub_nav_on { color:#fff; background:rgba(15,120,180,0.75); border:#207dbb solid 1px;}

.sub_nav_5cat { font-size:0; text-align:center; position:absolute; z-index:9; bottom:0; width:100%; max-width:1200px; padding:0 20px; left:50%; transform:translateX(-50%);}
.sub_nav_5cat li { display:inline-block; vertical-align:top; width:20%;}
.sub_nav_5cat li a { font-family: 'NanumSquareNeoBold'; display:block; padding:15px 10px; font-size:15px; color:#444; border:#aaa solid 1px; background:rgba(255,255,255,0.75); margin-left:-1px;}
.sub_nav_5cat li .sub_nav_on { color:#fff; background:rgba(15,120,180,0.75); border:#207dbb solid 1px;}


.sub_cont { padding:60px 0 100px 0;}
.sub_top_gray { background: linear-gradient(#f4f4f4 500px, #fff 500px);}

.sub_title { font-family: 'NanumSquareNeoExtraBold'; font-size:40px; text-align:center; line-height:1.5;}
.sub_title_s { font-family: 'NanumSquareNeo'; font-size:22px; text-align:center; line-height:1.5; margin-bottom:40px;}
.sub_title_bar { width:1px; height:40px; background:#000; margin:20px auto;}

.ceo_ul01 { font-size:0; margin-bottom:60px;}
.ceo_ul01 li { display:inline-block; vertical-align:top; width:50%;}
.ceo_ul01 li:first-child { height:400px; background:url(/kor/img/sub/ceo_img01.jpg) center center no-repeat; background-size:cover;}
.ceo_ul01 li:last-child { padding-left:40px;}
.ceo_ul01 li .ceo_ul01_title01 { font-family: 'NanumSquareNeoLight'; font-size:28px; color:#999; line-height:1.3; margin-bottom:20px;}
.ceo_ul01 li .ceo_ul01_title02 { font-family: 'NanumSquareNeoExtraBold'; font-size:40px; color:#0e76bc; line-height:1.1; margin-bottom:30px;}
.ceo_ul01 li .ceo_ul01_blue { background:#0e76bc; color:#fff; padding:50px 30px; line-height:2.2; width:120%; position:relative; left:-20%;}
.ceo_ul01 li .ceo_ul01_blue strong { display:block; font-size:18px; margin-bottom:20px;}

.his_box { background:#fafafa url(/kor/img/sub/his_bg.jpg) right bottom fixed no-repeat; border:#eee solid 1px; padding:20px 40px; border-radius:0 30px;}
.his_year { font-family: 'NanumSquareNeoExtraBold'; color:#444; font-size:18px;}
.his_ul li { font-size:15px; line-height:1.6; margin-bottom:4px;}
.his_ul li span { color:#000; font-weight:600; display:inline-block; width:5px;}
.his_year_right { margin:40px 0; border-bottom:#aaa dashed 1px;}
.his_year_right:last-child { border-bottom:none;}
.his_year_right .his_bic_year { width:30%; float:left; font-family: 'NanumSquareNeoHeavy'; font-size:30px; color:#aaa;}
.his_year_right .his_ul { width:70%; margin:20px 0 20px auto;}


.philo_ul_title01 { font-family: 'NanumSquareNeoHeavy'; font-size:30px; color:#0c7ec3; text-align:center;}

.philo_ul01 { font-size:0; text-align:center;}
.philo_ul01 li { display:inline-block; vertical-align:top; width:32.33%; padding:20px; border:#ddd solid 1px;}
.philo_ul01 li:nth-child(1) { margin-right:0.66%;}
.philo_ul01 li:nth-child(2) { margin:0 0.66%;}
.philo_ul01 li:nth-child(3) { margin-left:0.66%;}
.philo_ul01 li .philo_ul01_img01 { height:280px; border-radius:20px; background:url(/kor/img/sub/philo_ul01_img01.jpg) center center no-repeat; background-size:cover;}
.philo_ul01 li .philo_ul01_img02 { height:280px; border-radius:20px; background:url(/kor/img/sub/philo_ul01_img02.jpg) center center no-repeat; background-size:cover;}
.philo_ul01 li .philo_ul01_img03 { height:280px; border-radius:20px; background:url(/kor/img/sub/philo_ul01_img03.jpg) center center no-repeat; background-size:cover;}
.philo_ul01 li .philo_ul01_box { font-size:15px; line-height:1.7; margin-top:10px;}
.philo_ul01 li .philo_ul01_box .philo_ul01_text01 { font-size:15px; color:#888;}
.philo_ul01 li .philo_ul01_box .philo_ul01_text02 { font-family: 'NanumSquareNeoExtraBold'; font-size:22px; margin-bottom:10px;}

.vision_box { font-size:35px; padding:100px 20px; color:#fff; text-align:center; text-shadow:rgba(0,0,0,0.75) 0 0 5px; margin-top:20px; background:url(/kor/img/sub/vision.jpg) center center no-repeat; background-size:cover; border-radius:20px;}
.vision_box_title { font-family: 'NanumSquareNeoHeavy'; font-size:50px;}

.philo_ul_title_box { font-size:17px; border-bottom:#ddd dashed 1px; padding-bottom:40px;}
.philo_ul_title02 { font-family: 'NanumSquareNeoHeavy'; font-size:30px;}

.philo_ul02 { font-size:0; padding:40px 20px; margin:80px 0; border:#eee solid 5px; border-radius:20px; text-align:center;}
.philo_ul02 li { display:inline-block; vertical-align:top; width:33.3%; padding:10px; margin-top:30px; font-size:15px; line-height:1.7;}
.philo_ul02 li .philo_ul02_text01 { font-family: 'NanumSquareNeoExtraBold'; font-size:22px; color:#888; margin-top:10px;}
.text_color_green { color:#96c11e;}
.text_color_blue { color:#0c7ec3;}
.text_color_org { color:#f07c00;}


.bus_title01 { font-family: 'NanumSquareNeoHeavy'; font-size:25px;}
.bus_title02 { font-size:18px; color:#0c7ec3; line-height:1.3;}

.bus_text_top { font-size:17px; text-align:center; margin-bottom:40px;}

.bus_topicon { font-size:0; text-align:center;}
.bus_topicon li { display:inline-block; vertical-align:top; width:200px; margin:10px; line-height:1.4;}
.bus_topicon li .bus_topicon_title { font-family: 'NanumSquareNeoExtraBold'; margin:10px; line-height:1.4;}

.bus_topimg { margin:60px 0;}
.bus_topimg img { border-radius:10px;}

.bus_img_ul01 { font-size:0;}
.bus_img_ul01 li { display:inline-block; vertical-align:top; width:25%; padding-right:10px; margin-bottom:30px;}
.bus_img_ul01 li img { border-radius:10px;}
.bus_img_ul01 .bus_img_ul_text { font-size:13px; line-height:1.5; margin-top:5px; color:#263583;}

.bus_img_ul02 { font-size:0;}
.bus_img_ul02 li { display:inline-block; vertical-align:top; width:33.3%; padding:5px;}
.bus_img_ul02 li img { border-radius:10px;}
.bus_img_ul02 .bus_img_li50 { width:50%;}
.bus_img_ul02 .bus_img_li25 { width:25%;}
.bus_img_ul02 li .bus_img_ul_text { font-size:15px; line-height:1.5; text-align:center; margin:10px 0;}

.bus_bic_title { font-family: 'NanumSquareNeoHeavy'; font-size:35px; color:#269778; margin:80px 0 10px 0;}

.bus_pro_ul { font-size:0;}
.bus_pro_ul li { display:inline-block; vertical-align:top; width:25%; padding-right:5px; margin:10px 0;}
.bus_pro_ul li img { border-radius:10px;}
.bus_pro_ul li .bus_pro_ul_title { font-size:15px; line-height:1.5; text-align:center; margin:5px 0;}

.map .map_box { height:460px; overflow:hidden; border:#eee solid 1px;}
.map .map_box iframe { width:110%; height:1000px; margin-top:-280px; margin-left:-5%; border:none;}
.map ul { margin-top:10px;}
.map ul li { display:inline-block; margin:0 25px 0 0; line-height:1.3;}

.sub_text01 { font-size:20px; margin-bottom:40px; padding:60px 40px 120px 40px; background:url(/kor/img/sub/sub_text01.jpg) center right no-repeat; background-size:cover; color:#fff; border-radius:10px; box-shadow:#555 0 0 5px;}
.sub_text01 span { display:block; font-family: 'NanumSquareNeoExtraBold'; font-size:25px; opacity:0.75;}

.img_left_ul01 { font-size:0; margin-bottom:60px; background:#f5f5f5;}
.img_left_ul01 li { display:inline-block; vertical-align:middle; width:40%;}
.img_left_ul01 li:last-child { width:60%; padding:40px;}
.img_left_ul01 li .img_left_ul01_text { font-size:17px; margin-bottom:20px; color:#0c7ec3;}

.tec_title01 { text-align:left; margin-top:-70px;}
.tec_title01 span { background:#fff; padding:0 10px; font-family: 'NanumSquareNeoHeavy'; font-size:30px; color:#0c7ec3;}
.tec_ul01 { font-size:0; margin-top:100px; padding:40px 20px; border:#ddd solid 1px; text-align:center;}
.tec_ul01 .tec_ul01_li { display:inline-block; vertical-align:top; width:33.3%; padding:10px; text-align:left;}
.tec_ul01 .tec_ul01_li img { border-radius:20px;}
.tec_ul01 .tec_ul01_li .tec_ul01_title { font-family: 'NanumSquareNeoExtraBold'; font-size:17px; margin:10px 0;}
.tec_ul01 .tec_ul01_li ul li { font-size:14px; line-height:1.5; margin:5px 0 5px 15px; list-style:disc;}

.tec_ul02 { font-size:0; margin-top:60px;}
.tec_ul02 li { position:relative; display:inline-block; vertical-align:top; width:24%; margin-right:1%; margin-bottom:10px; padding:20px 10px; border:#ddd solid 1px; border-top:#0c7ec3 solid 2px; line-height:1.5; font-size:14px;}
.tec_ul02 li .tec_ul02_img { border-radius:5px; margin-bottom:20px;}
.tec_ul02 li .tec_arrow { position:absolute; top:45%; right:-15px; z-index:9;}
.tec_ul02 li .tec_ul02_title { font-family: 'NanumSquareNeoHeavy'; font-size:17px;}
.tec_ul02 li .tec_ul02_text { line-height:1.5; height:70px;}
/*-----서브----*/

/*-----------------------표-----------------------*/
.table_scroll { overflow-y:auto;}
.table_scroll table { min-width:700px;}
.table_scroll::-webkit-scrollbar { width:4px; height:4px;}
.table_scroll::-webkit-scrollbar-track { background:#fff;}
.table_scroll::-webkit-scrollbar-thumb { background:#aaa;}

.table_top_title01 { font-family: 'NanumSquareNeoExtraBold'; font-size:20px; color:#263583; margin-top:20px;}
.table_top_title01 span { float:right; font-size:12px; color:#888; margin-top:10px;}
.table_style01 table { width:100%; border-spacing:0; border-collapse:collapse; margin-bottom:15px; border-bottom:#ccc solid 2px; border-top:#ccc solid 1px;}
.table_style01 table tr td { border-bottom:#ddd solid 1px; padding:10px 30px; font-size:14px; line-height:1.5; vertical-align:middle; text-align:left;}
.table_style01 .table_title01 { background:#0c7ec3; color:#fff; border:#289ce2 solid 1px;}
.table_style01 .table_title02 { background:#f5f5f5;}

.table_top_title02 { font-family: 'NanumSquareNeoExtraBold'; font-size:20px; color:#67ac99; margin-top:20px;}
.table_top_title02 .table_title_span01 { font-family: 'NanumSquareNeo'; font-size:17px; color:#888;}
.table_top_title02 .table_title_span02 { float:right; font-size:12px; color:#888; margin-top:10px;}
.table_style02 table { width:100%; border-spacing:0; border-collapse:collapse; margin-bottom:15px; border-bottom:#ccc solid 2px; border-top:#ccc solid 1px;}
.table_style02 table tr td { border:#ddd solid 1px; padding:10px 10px; font-size:12px; line-height:1.5; vertical-align:middle; text-align:left;}
.table_style02 .table_title01 { background:#67ac99; color:#fff; border:#80c4b2 solid 1px;}
.table_style02 .table_title02 { background:#f5f5f5;}
/*-----------------------표-----------------------*/

/*-----------------------팝업-----------------------*/
.layer { display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999;}
.layer .bg { position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.layer .btn-r {}
.layer .btn-r a img { position:absolute; width:20px; right:10px; top:10px;}

.pop-layer01 .pop-container { position:fixed; top:60px; width:800px; height:80%; left:50%; margin-left:-400px; background:#fff;}
.pop-layer01 .pop-container .pop-box { position:relative; height:90%; margin:40px 10px 40px 15px; overflow:hidden; overflow-y:auto;}
.pop-box::-webkit-scrollbar { width:4px; height:4px;}
.pop-box::-webkit-scrollbar-track { background:#fff;}
.pop-box::-webkit-scrollbar-thumb { background:#aaa;}
/*-----------------------팝업-----------------------*/

@media screen and (max-width:991px){
	.pc_img { display:none;}
	.mo_img { display:block;}
	
	/*-----메인----*/
	.main_section01 { background-size:cover;}
	.main_ul01 li .main_ul01_textbox .main_ul01_black { height:340px;}
	/*-----메인----*/

	/*-----서브----*/
	.ceo_ul01 li .ceo_ul01_blue { width:180%; left:-80%;}
	
	.bus_pro_ul li { width:33.3%;}
	.bus_img_ul01 li { width:33.3%;}
	
	.tec_ul02 li { min-width:32%;}
	/*-----서브----*/
}

@media screen and (max-width:767px){
	.footer_info li:first-child { width:100%;}
	.footer_info li:last-child { width:100%; text-align:left; padding-left:100px; margin-top:10px;}
	
	/*-----메인----*/
	.main_title01 { font-size:30px;}
	.main_title02 { font-size:17px;}
	
	.main_ul01 { margin-top:20px;}
	.main_ul01 li { width:100%; padding:10px 0;}
	.main_ul01 li .main_ul01_textbox { padding-top:40px;}
	.main_ul01 li .main_ul01_textbox .main_ul01_title01 { font-size:25px;}
	.main_ul01 li .main_ul01_textbox .main_ul01_black { height:auto;}

	.main_ul02_left { margin-top:10px;}
	.main_ul02_left li { width:100%; height:auto;}
	.main_ul02_left li:first-child { float:none; height:300px;}
	.main_ul02_left li:last-child { float:none;}
	.main_ul02_left li .main_ul02_textbox { padding:20px 20px 80px 20px; margin:0;}

	.main_ul02_right li { width:100%; height:auto;}
	.main_ul02_right li:first-child { float:none; height:300px;}
	.main_ul02_right li:last-child { float:none; text-align:left;}
	.main_ul02_right li .main_ul02_textbox { padding:20px 20px 80px 20px; margin:0;}
	/*-----메인----*/
	
	/*-----서브----*/
	.sub_title { font-size:30px;}
	.sub_title_s { font-size:17px;}
	.sub_text01 { font-size:18px;}
	.sub_text01 span { font-size:20px;}
	
	.sub_top .sub_top_text { font-size:20px;}
	.sub_top .sub_top_text .sub_top_title { font-size:25px;}
	
	.ceo_ul01 li { width:100%;}
	.ceo_ul01 li:first-child { height:300px;}
	.ceo_ul01 li:last-child { padding-left:0; margin-top:20px;}
	.ceo_ul01 li .ceo_ul01_title01 { font-size:22px;}
	.ceo_ul01 li .ceo_ul01_title02 { font-size:30px;}
	.ceo_ul01 li .ceo_ul01_blue { padding:30px; width:100%; left:0;}
	
	.his_box { padding:10px 30px;}
	.his_year { font-size:17px;}
	.his_ul li { font-size:13px; line-height:1.6;}
	.his_year_right { margin:30px 0;}
	.his_year_right .his_bic_year { width:100%; float:none; font-size:24px; margin-bottom:10px;}
	.his_year_right .his_ul { width:100%; margin:10px 0 30px 0;}
	
	.vision_box { font-size:20px;}
	.vision_box_title { font-size:40px;}

	.philo_ul_title01 { font-size:22px;}
	.philo_ul01 li { width:100%;}
	.philo_ul01 li:nth-child(1) { margin-right:0;}
	.philo_ul01 li:nth-child(2) { margin:20px 0;}
	.philo_ul01 li:nth-child(3) { margin-left:0;}
	.philo_ul01 li .philo_ul01_img01 { height:200px;}
	.philo_ul01 li .philo_ul01_img02 { height:200px;}
	.philo_ul01 li .philo_ul01_img03 { height:200px;}
	.philo_ul01 li .philo_ul01_box .philo_ul01_text02 { font-size:18px; margin-bottom:0;}

	.philo_ul_title_box { font-size:15px; padding-bottom:20px;}
	.philo_ul_title02 { font-size:22px;}
	
	.philo_ul02 li { width:100%; padding:0; font-size:13px;}
	.philo_ul02 li .philo_ul02_text01 { font-size:18px;}
	
	.map ul li { display:block; font-size:13px;}
	.map ul li strong { font-size:13px;}
	
	.img_left_ul01 li { width:100%;}
	.img_left_ul01 li img { max-width:500px; width:100%;}
	.img_left_ul01 li:last-child { width:100%; padding:20px;}

	.tec_title01 { margin-top:-60px;}
	.tec_title01 span { font-size:22px;}
	.tec_ul01 .tec_ul01_li { width:100%; padding:10px;}
	
	.tec_ul02 li { min-width:49%;}
	
	.bus_title01 { font-size:20px;}
	.bus_title02 { font-size:16px;}
	.bus_bic_title { font-size:25px;}

	.bus_text_top { font-size:15px;}
	
	.bus_img_ul01 li { width:50%;}
	
	.bus_img_ul02 li { width:50%; padding:5px;}
	.bus_img_ul02 .bus_img_li50 { width:100%;}
	.bus_img_ul02 .bus_img_li25 { width:50%;}
	
	.bus_pro_ul li { width:50%;}
	
	/*-----------------------표-----------------------*/
	.table_top_title01 { font-size:17px;}
	.table_style01 table tr td { padding:10px 10px; font-size:12px;}
	
	.table_top_title02 { font-size:17px;}
	.table_top_title02 .table_title_span01 { font-size:15px;}
	/*-----------------------표-----------------------*/
	/*-----서브----*/
}