@charset "utf-8";
/* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess */

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
unicode-range : U+AC00-U+D7A3;
  src: url(../../common/fonts/NotoSansKR-Thin.woff2) format('woff2'),
       url(../../common/fonts/NotoSansKR-Thin.woff) format('woff'),
       url(../../common/fonts/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(../../common/fonts/NotoSansKR-Light.woff2) format('woff2'),
       url(../../common/fonts/NotoSansKR-Light.woff) format('woff'),
       url(../../common/fonts/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
.unicode-range : U+AC00-U+D7A3;
   src: url(../../common/fonts/NotoSansKR-Regular.woff2) format('woff2'),
        url(../../common/fonts/NotoSansKR-Regular.woff) format('woff'),
        url(../../common/fonts/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
unicode-range : U+AC00-U+D7A3;
   src: url(../../common/fonts/NotoSansKR-Medium.woff2) format('woff2'),
        url(../../common/fonts/NotoSansKR-Medium.woff) format('woff'),
        url(../../common/fonts/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
unicode-range : U+AC00-U+D7A3;
   src: url(../../common/fonts/NotoSansKR-Bold.woff2) format('woff2'),
        url(../../common/fonts/NotoSansKR-Bold.woff) format('woff'),
        url(../../common/fonts/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
	unicode-range : U+AC00-U+D7A3;
   src: url(../../common/fonts/NotoSansKR-Black.woff2) format('woff2'),
        url(../../common/fonts/NotoSansKR-Black.woff) format('woff'),
        url(../../common/fonts/NotoSansKR-Black.otf) format('opentype');
 }



/* @font-face {  font-family: 'Roboto';  font-style: normal;  font-weight: 100; unicode-range: U+0030-0039, U+0041-005A, U+0061-007A;
  src: url(../../common/fonts/Roboto-Thin.woff2) format('woff2'),
       url(../../common/fonts/Roboto-Thin.woff) format('woff'),
       url(../../common/fonts/Roboto-Thin.otf) format('opentype');}
@font-face {  font-family: 'Roboto';  font-style: normal;  font-weight: 300; unicode-range: U+0030-0039, U+0041-005A, U+0061-007A;
  src: url(../../common/fonts/Roboto-Light.woff2) format('woff2'),
       url(../../common/fonts/Roboto-Light.woff) format('woff'),
       url(../../common/fonts/Roboto-Light.otf) format('opentype');}
@font-face {   font-family: 'Roboto';   font-style: normal;   font-weight: 400; unicode-range: U+0030-0039, U+0041-005A, U+0061-007A;
   src: url(../../common/fonts/Roboto-Regular.woff2) format('woff2'),
        url(../../common/fonts/Roboto-Regular.woff) format('woff'),
        url(../../common/fonts/Roboto-Regular.otf) format('opentype'); }
@font-face {   font-family: 'Roboto';   font-style: normal;   font-weight: 500; unicode-range: U+0030-0039, U+0041-005A, U+0061-007A;
   src: url(../../common/fonts/Roboto-Medium.woff2) format('woff2'),
        url(../../common/fonts/Roboto-Medium.woff) format('woff'),
        url(../../common/fonts/Roboto-Medium.otf) format('opentype'); }
@font-face {   font-family: 'Roboto';   font-style: normal;   font-weight: 700; unicode-range: U+0030-0039, U+0041-005A, U+0061-007A;
   src: url(../../common/fonts/Roboto-Bold.woff2) format('woff2'),
        url(../../common/fonts/Roboto-Bold.woff) format('woff'),
        url(../../common/fonts/Roboto-Bold.otf) format('opentype'); } */

/* default */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button,iframe,th,td{margin:0;padding:0; box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;margin:0;padding:0; box-sizing:border-box;}
h1,h2,h3,h4,h5,h6,dt{font-weight:normal;}
img,fieldset,iframe,button{border:0 none;}
li{list-style:none;}
i, em, u, cite {font-style:normal;}
strong{font-weight:normal;}
img{}
a{color:#757575;text-decoration:none;outline-offset:-1px;}
.chrome a,
.safari a{outline-offset:-3px;}


html, body{height:100%; font-size:0; line-height:0;}
body{overflow-x:hidden;word-break:keep-all;word-wrap:break-word;}
body.non-scroll {overflow-y:hidden;}

/* Form */
legend{position: absolute; top: 0; left: 0; width: 0; height: 0; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0;}
select, input, textarea {outline:0;}
select, input, label{vertical-align:middle}
button{border:0 none;cursor:pointer;background:none;font-family: 'Noto Sans KR';}

select::-ms-expand { display: none; }
select::-moz-focus-inner { border: 0; padding: 0; }
select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; }
select{font-family: 'Noto Sans KR';}
input{font-family: 'Noto Sans KR';}
table {border-collapse: collapse; table-layout:fixed; width:100%;}
textarea {font-family: 'Noto Sans KR';}
*:focus {
    outline: 0;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}
/* input {-webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer;} */
body {font-family:'Noto Sans KR'; font-weight: 400; font-size:0; line-height:0;}
a {font-family:'Noto Sans KR'; font-weight: 400; font-size:0; line-height:0;}
button {font-family:'Noto Sans KR'; font-weight: 400; font-size:0; line-height:0;}
textarea {resize: none;}
select{ appearance: none; }
#wrap {width:100vw; overflow-x:hidden;}
.ps{ display:none; }
br.m{ display:none; }
#__daum__layer_1{ min-width:290px !important; }
.mo_tell{ display:none; }
/* #layer{ width:900px !important; height:900px !important; } */
.header {height:100px; position: fixed; border-bottom:1px solid #EEE; width:100%; z-index:30; background:#fff;}
.header .head {width:100%; max-width:1920px; position: relative; display:flex; align-items: center; height:100px; margin:0 auto;}
.header .head .logo {position: relative; width:306px; height:48px; background:url(../../images/common/logo.png) no-repeat; background-size:100%; margin-left:40px;}
.header .head .logo a{ display:block; height:100%; }
.header .head .gnb {margin-left:9.8vw;}
.header .head .call{ display:none; }
.header .head .gnb > ul > li {display:inline-block; position: relative;}
.header .head .gnb > ul > li > a {display:inline-block; width:11vw; max-width: 170px; line-height:100px; font-weight: normal; font-size: 17px; color:#000; text-align:center; transition: all 0.3s;}
.header .head .gnb > ul > li > a:hover {color:#103191; font-weight:bold;}
/* .header .head .gnb > ul > li:first-child > a {font-weight:bold;} */
.header .head .gnb > ul > li:first-child ul::before {content:''; position: fixed; left:0; top:100px; width:100%; height:0; background:#fff; border-bottom:1px solid #eee; transition: all 0.3s;}
.header .head .gnb.curr > ul > li.point ul::before {height:383px;}
.header .head .gnb > ul > li ul {position: absolute; left:0; top:100px; padding-top:30px; width:100%; padding-bottom:36px; display:none;}
.header .head .gnb > ul > li ul::after {content:''; width:1px; height:383px; position: absolute; left:0; top:0; background:#EEE;}
.header .head .gnb > ul > li ul li {position: relative;}
.header .head .gnb > ul > li ul li a {display:block; font-size: 14px; line-height: 19px; text-align: center; color: #000000; transition: all 0.3s;}
.header .head .gnb > ul > li ul li a:hover {color:#103191; font-weight:bold;}
.header .head .gnb > ul > li ul li + li {margin-top:24px;}
.header .mo_footlink {display:none;}
.header .mo_btn {display:none;}
.header .mo_btn button {position: absolute; right:20px; top:50%; transform: translateY(-50%); border:0; background:none; margin:0; padding:0;}
.header .mo_btn button span {width:28px; height:28px; display:block; position: relative;}
.header .mo_btn button span::before {content:''; width:100%; left:0; top:0; height:2px; background:#000; position: absolute; transition: all 0.3s;}
.header .mo_btn button span i {width:100%; height:2px; background:#000; position: absolute; top:50%; left:0; transform: translateY(-50%);}
.header .mo_btn button span::after {content:''; width:100%; right:0; bottom:0; height:2px; background:#000; position: absolute; transition: all 0.3s;}
.header .mo_btn button:hover span::before {width:100%;}
.header .mo_btn button:hover span::after {width:100%;}
.open_gnb .header .mo_btn button span::before {opacity: 1; width:100%; transform: rotate(-45deg); top:50%;}
.open_gnb .header .mo_btn button span::after {opacity: 1; width:100%; transform: rotate(45deg); top:50%;}
.open_gnb .header .mo_btn button span i {opacity: 0; transform: rotate(-45deg);}
.open_gnb .header .mo_btn button span i::after {display:none;}
.open_gnb .header .head_menu_wrap ul.top_menu {right:0;}

.footer {background:#252628; padding:47px 0;}
.footer .foot {width:1200px; margin:0 auto; padding:0 70px; box-sizing: border-box;}
.footer .foot .links {display: flex;}
.footer .foot .links li a {font-size: 17px; line-height: 25px; letter-spacing: -0.02em; color: #FFFFFF;}
.footer .foot .links li + li {margin-left:40px;}
.footer .foot .views {margin-top:27px; display: flex;}
.footer .foot .views li {font-size: 15px; line-height: 22px; letter-spacing: -0.02em; color: #999999;}
.footer .foot .views li + li {margin-left:30px;}
.footer .foot .views li a { font-size:15px; color:#999999; }
.footer .foot > p {margin-top:7px; font-size: 15px; line-height: 22px; letter-spacing: -0.02em; color: #999999;}

.inner_box {width:1920px; margin:0 auto;}

.mainWrap {padding-top:100px;}
.mainWrap .btn_more {position: relative; font-weight: bold; font-size: 15px; line-height: 22px; letter-spacing: -0.02em; color:#000; display:inline-block; padding-right:8px;}
.mainWrap .btn_more::after {content:''; position: absolute; width: 4px; height: 7px;  background:url(../../images/main/icon_right_arrow.png) no-repeat; background-size:100%; right:0; top:50%; transform: translateY(-50%);}


.main_slider {width:100%; max-width:1920px; margin:0 auto; position: relative;}
.main_slider img {height:900px; position: relative; left:50%; transform: translateX(-50%);}
.main_slider .swiper-slide {position: relative;}
.main_slider .swiper-slide.swiper-slide-active {z-index:11;}
.main_slider .swiper-slide .text_filde {position: absolute; left:18vw; top:50%; transform: translateY(-50%);}
.main_slider .swiper-slide .text_filde > span {font-family: 'Noto Sans KR'; font-size: 22px; line-height: 22px; color:#fff; display:block;}
.main_slider .swiper-slide .text_filde > strong {font-family: 'Noto Sans KR'; font-size: 57px; line-height: 57px; letter-spacing: -0.04em; color:#fff; display:block; font-weight:bold; margin-top:13px;}
.main_slider .swiper-slide .text_filde > strong b {color:#FFD739;}
.main_slider .swiper-slide .text_filde > strong ~ span {margin-top:17px;}
.main_slider .swiper-slide .text_filde > p {font-size: 20px; line-height: 1.6; letter-spacing: -0.03em; color:#fff; margin-top:20px; min-height:64px;}
.main_slider .swiper-slide .text_filde > p em{ font-weight:600; color:#FFD739; }
.main_slider .swiper-slide .text_filde > a {display:inline-block; margin-top:42px;  font-weight: bold; font-size: 20px; line-height: 32px; letter-spacing: -0.02em; color:#fff;}
.main_slider .paging {position: absolute; left:0; bottom:0; z-index:19; background:#1a1a1a; height:80px; width:100%;}
.main_slider .paging ul {display:flex; align-items: center; justify-content: center; height:80px;}
.main_slider .paging ul li {width:240px; position: relative;}
.main_slider .paging ul li + li::after {content:''; width:1px; height:25px; position: absolute; left:0; top:50%; transform: translateY(-50%); background:#666666;}
.main_slider .paging ul li button {font-size: 17px; line-height: 32px; letter-spacing: -0.02em; color: #FFFFFF; display:block; width:100%; transition: all 0.2s;}
.main_slider .paging ul li.on button {font-weight:bold; color:#FFD739;}

.main_section01 {margin-top:94px;}
.main_section01 .tit_box {width:1200px; margin:0 auto; display:flex; justify-content: space-between;}
.main_section01 .tit_box > div {width:540px;}
.main_section01 .tit_box h2 {font-size: 17px; line-height: 32px; letter-spacing: -0.02em; color: #DF0101;}
.main_section01 .tit_box strong {display:block; font-weight: bold; font-size: 42px; line-height: 61px; letter-spacing: -0.02em; color: #000000; margin-top:18px;}
.main_section01 .tit_box p {padding-top:57px; font-size: 20px; line-height: 1.6; letter-spacing: -0.03em; color: #000000;}
.main_section01 .tit_box .btn_more {margin-top:50px;}
.main_section01 .tit_box + .card_box {margin-top:72px;}
.main_section01 .banner_box + .card_box {margin-top:72px;}


.mainWrap .card_box {}
.mainWrap .card_box ul {width:1200px; margin:0 auto; display:flex; justify-content: space-between;}
.mainWrap .card_box ul li {width:540px;}
.mainWrap .card_box ul li a {display:block;}
.mainWrap .card_box ul li dl {}
.mainWrap .card_box ul li dl dt {position: relative; height:720px; overflow: hidden;}
.mainWrap .card_box ul li dl dt img {transition: all cubic-bezier(0.075, 0.82, 0.165, 1) 2s;}
.mainWrap .card_box ul li dl dt strong {position: absolute; left:0; top:50%; transform: translateY(-50%); font-weight: bold; font-size: 54px; line-height: 78px; text-align: center; letter-spacing: -0.02em; color: #FFFFFF; width:100%;}
.mainWrap .card_box ul li dl dt::after {content:''; width:33px; height:33px; background:url(../../images/main/icon_plus.png) no-repeat; background-size:100%; position: absolute; right:30px; bottom:30px; transition: all 1s;}
.mainWrap .card_box ul li a:hover dl dt img {transform: scale(1.1);}
.mainWrap .card_box ul li a:hover dl dt::after {transform: rotate(360deg);}
.mainWrap .card_box ul li dl dd {margin-top:40px;}
.mainWrap .card_box ul li dl dd span {font-size: 20px; line-height: 1.6; letter-spacing: -0.03em; color: #000000;}
.mainWrap .card_box ul li dl dd p {margin-top:13px; font-weight: bold; font-size: 36px; line-height: 54px; letter-spacing: -0.02em; color: #000000;}
.mainWrap .card_box ul li:last-child {padding-top:80px;}

.mainWrap .banner_box {margin-top:114px; height:490px; position: relative; box-sizing: border-box;}
.mainWrap .banner_box .inner_box {width:1200px; position: relative; height:490px; padding-top:90px;}
.mainWrap .banner_box .inner_box::after {content:''; width:498px; height:579px; position: absolute; right:0; bottom:0; background:url(../../images/main/img_main_human01.jpg) no-repeat; background-size:100%;}
.mainWrap .banner_box::before {content:''; position: absolute; width:100vw; left:50%; transform: translateX(-50%); background:#FFE062; top:0; height:490px;}
.mainWrap .banner_box span {font-size: 20px; line-height: 1.6; letter-spacing: -0.03em; color: #000000; position: relative;}
.mainWrap .banner_box p {position: relative; margin-top:7px; font-weight: bold; font-size: 54px; line-height: 78px; letter-spacing: -0.02em; color: #000000;}
.mainWrap .banner_box a {display:inline-block; position: relative; margin-top:56px; font-weight: bold; font-size: 22px; line-height: 32px; letter-spacing: -0.02em; color: #000000;}
.mainWrap .banner_box a::after {content:''; width:100%; height:1px; background:#000; position: absolute; left:0; bottom:-10px;}

.mainWrap .youtube_banner {margin-top:166px; height:490px; position: relative; box-sizing: border-box;}
.mainWrap .youtube_banner::before {content:''; position: absolute; width:100vw; left:50%; transform: translateX(-50%); background:#BFE8FF; top:0; height:490px;}
.mainWrap .youtube_banner .inner_box::after {display:none;}
.mainWrap .youtube_banner .inner_box .youtube {position: absolute; right:0; top:50%; transform: translateY(-50%);}
.mainWrap .youtube_banner .inner_box .youtube iframe {width:540px; height:304px;}


.mainWrap .main_notice {width:1200px; margin:0 auto; margin-top:48px;}
.mainWrap .main_notice .tit_box {position: relative;}
.mainWrap .main_notice .tit_box h2 {font-weight: bold; font-size: 42px; line-height: 61px;  color: #000000;}
.mainWrap .main_notice .tit_box a {position: absolute; right:0; top:50%;}
.mainWrap .main_notice ul {margin-top:34px; display: flex;}
.mainWrap .main_notice ul li {padding-left:40px; width:400px; position: relative;}
.mainWrap .main_notice ul li::after {content:''; width:1px; height:100px; position: absolute; left:0; top:0; background:#999999;}
.mainWrap .main_notice ul li p {font-size: 26px; line-height: 38px; letter-spacing: -0.02em; color: #000000;}
.mainWrap .main_notice ul li span {font-size: 17px; line-height: 32px; letter-spacing: -0.02em; color: #666666; margin-top:8px; display:inline-block;}


.mini_pop {position: absolute; left:5%; top:220px; width:450px; background:#fff; z-index:19;}
.mini_pop.onHide{ display:none; }
.mini_pop .visual {height:260px; background:#EDF1F8; position: relative; display: flex; align-items: center; justify-content: center;}
.mini_pop .visual span {position: absolute; top:20px; left:25px;}
.mini_pop .visual button {position: absolute; right:15px; top:15px;}
.mini_pop .text {padding:68px 0 91px; text-align:center;}
.mini_pop .text > strong {font-weight: bold; font-size: 26px; line-height: 38px; text-align: center; color: #000000;}
.mini_pop .text p {margin-top:31px; padding-top:37px; font-size: 17px; line-height: 25px; text-align: center; color: #666666; position: relative;}
.mini_pop .text p::after {content:''; width:68px; height:2px; background:#7C99DF; position: absolute; top:0; left:50%; transform: translateX(-50%);}
.mini_pop .bottom{ position:absolute; bottom:0; left:0; height:40px; width:100%; background:#000; text-align:right; }
.mini_pop .bottom p { font-size:12px; color:#fff; line-height:40px; margin-right:20px; cursor:pointer; }


.request_pop{position: fixed; right:5%; top:220px; width:450px; background:#fff; z-index:19; padding:30px 30px 60px 30px; }
.request_pop.onHide{ display:none; }
   .request_pop .tit_box{ text-align:center; }
.request_pop .tit_box > strong {font-weight: bold; font-size: 24px; line-height: 35px; text-align: center; letter-spacing: -0.02em; color: #000000;}
.request_pop .tit_box p {margin-top:10px; font-size: 17px; line-height: 26px; text-align: center; letter-spacing: -0.02em; color: #000000;}
.request_pop ul {margin-top:22px;}
.request_pop ul li {display: flex; align-items: center; position: relative;}
.request_pop ul li + li {margin-top:8px;}
.request_pop ul li strong {width:60px; font-size: 17px; line-height: 25px; letter-spacing: -0.02em; color: #000000;}
.request_pop ul li input {width:300px; height:50px; background: #FFFFFF; border: 1px solid #CCCCCC; box-sizing: border-box; padding:0 14px; font-size: 17px; line-height: 25px; letter-spacing: -0.02em; color: #333;}
.request_pop ul li input::placeholder {font-size: 17px; line-height: 25px; letter-spacing: -0.02em; color: #CCCCCC;}
.request_pop ul li select {width:300px; height:50px; background: #FFFFFF url(../../images/common/icon_select.png) 95% center no-repeat; border: 1px solid #CCCCCC; box-sizing: border-box; padding:0 14px; appearance:none; font-size: 17px; line-height: 25px; letter-spacing: -0.02em; color: #333;}
.request_pop .check_item {margin-top:30px; display: flex; align-items: center;}
.request_pop .check_item input {margin:0; width:24px; height:24px;}
.request_pop .check_item label {margin-left:9px; font-size: 13px; line-height: 19px; letter-spacing: -0.02em; color: #000000;}
.request_pop .btn_center {margin-top:33px; text-align: center;}
.request_pop .btn_center button {width:138px; height:52px; border: 1px solid #000000; font-weight: bold; font-size: 20px; line-height: 32px; text-align: center; letter-spacing: -0.02em; color: #000000;}
.request_pop .close {position: absolute; right:15px; top:15px;}
.request_pop .bottom{ position:absolute; bottom:0; left:0; height:40px; width:100%; background:#000; text-align:right; }
.request_pop .bottom p { font-size:12px; color:#fff; line-height:40px; margin-right:20px; cursor:pointer; }

/*서브 영역*/
.content {padding-top:100px; padding-bottom:80px;}
.content .sub_inner {width:1200px; margin:0 auto;}


.content .visual_area {height:280px; display: flex; align-items: center; justify-content: center;}
.content .visual_area h2 {font-weight: bold; font-size: 57px; line-height: 57px; color: #FFFFFF;}
.content .visual_area.group01 {background:url(../../images/visual/bg_visual_group01.jpg) center center no-repeat; background-size:cover;}
.content .visual_area.group02 {background:url(../../images/visual/bg_visual_group02.png) center center no-repeat; background-size:cover;}
.content .visual_area.group03 {background:url(../../images/visual/bg_visual_group03.png) center center no-repeat; background-size:cover;}
.content .visual_area.group04 {background:url(../../images/visual/bg_visual_group04.png) center center no-repeat; background-size:cover;}
.content .visual_area.group05 {background:url(../../images/visual/bg_visual_group05.png) center center no-repeat; background-size:cover;}
.content .scroll_x {width:100%; overflow-x: auto;}
.content .sub_tabSt01 {display: flex; justify-content: center; align-items: center; padding-bottom:62px; border-bottom:1px solid #eee; padding-top:75px;}
.content .sub_tabSt01 li {padding:0 23px; position: relative;}
.content .sub_tabSt01 li + li::after {content:''; height:14px; width:1px; background:#C4C4C4; position: absolute; left:0; top:50%; transform: translateY(-50%);}
.content .sub_tabSt01 li a {font-weight: 500; font-size: 17px; line-height: 25px;  color: #000000; }
.content .sub_tabSt01 li.on a {color:#2435A3;}
.content .message {margin-top:50px; text-align:center;}
.content .message .h1 {display:block; font-weight: bold; font-size: 24px; line-height: 42px; text-align: center; letter-spacing: -0.02em; color: #000000;}
.content .message .img {margin-top:20px;}
.content .message .img img {width:100%;}
.content .message .mid {margin-top:50px; font-size: 17px; line-height: 32px; text-align: center; letter-spacing: -0.02em; color:#000;}
.content .message .gray_box {margin-top:30px; padding:32px 0; background: #FAFAFA;}
.content .message .gray_box p {font-weight: bold; font-size: 17px; line-height: 51px; text-align: center; color: #2B3E92;}
.content .message .bot {margin-top:43px; font-weight: normal; font-size: 17px; line-height: 40px; text-align: center; letter-spacing: -0.02em; color: #000000;}
.content .message .ceo {margin-top:34px; font-weight: bold; font-size: 20px; line-height:1.2; text-align: center; letter-spacing: -0.02em; color: #000000; display:block;}


.content .advantages {margin-top:60px;}
.content .advantages ul {display:flex; align-items: flex-start; justify-content: space-around;}
.content .advantages ul li {width:33%; text-align:center; box-sizing: border-box; padding:0 10px;}
.content .advantages ul li span {display:block;}
.content .advantages ul li span img {width:150px;}
.content .advantages ul li strong {display:block; margin-top:20px; font-weight: bold; font-size: 24px; line-height: 35px; text-align: center; letter-spacing: -0.02em; color: #000000;}
.content .advantages ul li p {margin-top:7px; font-size: 17px; line-height: 32px; text-align: center; letter-spacing: -0.02em; color: #000000;}
.content .advantages ul + ul {margin-top:50px;}


.content .maps {margin-top:50px;}
.content .maps h3 {font-weight: bold; font-size: 42px; line-height: 61px;  letter-spacing: -0.02em; color: #000000; text-align: center;}
.content .maps > p {font-weight: bold; font-size: 24px; line-height: 35px; text-align: center; letter-spacing: -0.02em; color: #000000; margin-top:7px;}
.content .maps .kakao_maps {margin-top:50px;}
.content .maps .kakao_maps .root_daum_roughmap {width:100%; }
.content .maps .kakao_maps .root_daum_roughmap .wrap_map{ height:540px; }
.content .maps .info {display:flex; align-items: flex-start; justify-content: space-between; margin-top:25px;}
.content .maps .info p {font-weight: bold; font-size: 17px; line-height: 32px; color: #000000;}
.content .maps .info p  a {font-weight: bold; font-size: 17px; line-height: 32px; color: #000000;}
.content .maps .info .view_map {width:150px; height:54px; border: 1px solid #000000; box-sizing: border-box; font-weight: bold; font-size: 17px; line-height: 54px; color: #000000; text-align:center; }

.admission_text {height:100px; border: 11px solid #F0F0F0; box-sizing: border-box; display:flex; align-items: center; justify-content: center; margin-top:40px;}
.admission_text p {font-size: 20px; line-height: 32px; letter-spacing: -0.02em; color: #000000;}
.admission_text p strong {font-weight: bold;}
.admission_text p strong.red {color:red;}
.admission_info {margin-top:70px;}
.admission_info .text_box {display:flex; align-items: flex-start;}
.admission_info .text_box h3 {width:300px; font-weight: bold; font-size: 30px; line-height: 32px; letter-spacing: -0.02em; color: #000000;}
.admission_info .text_box ul {width:calc(100% - 300px)}
.admission_info .text_box ul li > strong {font-weight: bold; font-size: 20px; line-height: 32px; letter-spacing: -0.02em; color: #000000;}
.admission_info .text_box ul p {font-size: 17px; line-height: 32px; letter-spacing: -0.02em; color: #000000;}
.admission_info .text_box ul p strong {color:red;}
.admission_info .text_box ul p + p {margin-top:15px;}
.admission_info .text_box ul li + li {margin-top:40px;}
.admission_info .text_box ul li .tableSt02 { margin-top:25px;}
.admission_info .text_box + .text_box {margin-top:70px; border-top: 1px solid #EEEEEE; padding-top:75px;}

.schedule {margin-top:70px;}
.schedule .bold_text {margin-top:15px; font-weight: bold; font-size: 17px; line-height: 32px; color: #000000;}
.tableSt01 {border-top:1px solid #000;}
.tableSt01 thead {border-bottom:1px solid #000;}
.tableSt01 tbody {border-bottom:1px solid #000;}
.tableSt01 tbody tr:nth-child(1) td {border-top:1px solid #000;}
.tableSt01 th {border-bottom:1px solid #DDDDDD; height:64px; background:#F5F5F5;}
.tableSt01 th.none {border-bottom:0;}
.tableSt01 th strong {font-weight: bold; font-size: 15px; line-height: 32px; text-align: center; letter-spacing: -0.02em; color: #000000;}
.tableSt01 td {border-bottom:1px solid #DDDDDD; height:64px;}
.tableSt01 td p {font-size: 15px; line-height: 32px; text-align: center; letter-spacing: -0.04em; color: #000000;}
.tableSt01 td p span{ font-weight:700; }
.tableSt01 td.center p {position: relative;}
.tableSt01 td.center p::after {content:'~'; font-size: 15px; line-height: 32px; text-align: center; letter-spacing: -0.02em; color: #000000; position: absolute; right:-4px; top:50%; transform: translateY(-50%);}
.tableSt01.nocolor th {background:#fff;}
.tableSt01.nocolor .point {background:#E3F0FF;}
.tableSt01.nocolor .point2 {background:#FFEFCF;}

.shuttle {margin-top:100px;}
.shuttle .img_box {}
.shuttle .img_box img {width:100%;}
.shuttle .shuttle_info {display:flex; align-items: flex-start; margin-top:50px;}
.shuttle .shuttle_info h3 {width:300px; font-weight: bold; font-size: 30px; line-height: 32px; letter-spacing: -0.02em; color: #000000;}
.shuttle .shuttle_info .intext {width:calc(100% - 300px);}
.shuttle .shuttle_info .intext .top {}
.shuttle .shuttle_info .intext .top strong {font-weight: 300; font-size: 36px; line-height: 1.4; letter-spacing: -0.02em; color: #000000;}
.shuttle .shuttle_info .intext .top p {margin-top:20px; font-weight: bold; font-size: 17px; line-height: 32px; color: #000000;}
.shuttle .shuttle_info .intext .bot {margin-top:50px; border-top:1px solid #000000; padding-top:50px;}
.shuttle .shuttle_info .intext .bot > strong {display:block; font-weight: bold; font-size: 20px; line-height: 24px; letter-spacing: -0.02em; color: #000000;}
.shuttle .shuttle_info .intext .bot ul {margin-top:20px;}
.shuttle .shuttle_info .intext .bot ul + strong {margin-top:40px;}
.shuttle .shuttle_info .intext .bot li {display:inline-block;}
.shuttle .shuttle_info .intext .bot li + li {margin-left:10px;}
.shuttle .shuttle_info .intext .bot li span {display:inline-block; padding:5px; border:3px solid #000; border-radius:20px;  font-size: 15px; font-weight:700; line-height: 32px; letter-spacing: -0.02em; color: #000000;}
.shuttle .shuttle_info .intext .bot li:nth-child(1) span{ border:3px solid #7E7E7E; color:#7e7e7e; }
.shuttle .shuttle_info .intext .bot li:nth-child(2) span{ border:3px solid #7E7E7E; color:#7e7e7e; }
/* .shuttle .shuttle_info .intext .bot li:nth-child(3) span{ border:3px solid #6ECD94; color:#5EAA7C; } */
.shuttle .shuttle_info .intext .bot li:nth-child(3) span{ border:3px solid #0B9281; color:#0B9281; }
.shuttle .shuttle_info .intext .bot li:nth-child(4) span{ border:3px solid #B2840D; color:#9D750C; }
.shuttle .shuttle_info .intext .bot li:nth-child(5) span{ border:3px solid #B2840D; color:#9D750C; }
.shuttle .shuttle_info .intext .bot li:nth-child(6) span{ border:3px solid #B2840D; color:#9D750C; }
.shuttle .shuttle_info .intext .bot li:nth-child(7) span{ border:3px solid #B2840D; color:#9D750C; }
.shuttle .shuttle_info .intext .bot li:nth-child(8) span{ border:3px solid #5EAA7C; color:#5EAA7C; }
.shuttle .shuttle_info .intext .bot li:nth-child(9) span{ border:3px solid #957356; color:#957356; margin-top:10px; }
.shuttle .shuttle_info .intext .bot li:nth-child(10){ margin-left:0; }
.shuttle .shuttle_info .intext .bot li:nth-child(10) span{ border:3px solid #957356; color:#957356; margin-top:10px; }
.shuttle .shuttle_info .intext .bot li:nth-child(11) span{ border:3px solid #957356; color:#957356; margin-top:10px; }
.shuttle .shuttle_info .intext .bot li:nth-child(12) span{ border:3px solid #7946D3; color:#7946D3; margin-top:10px; }
.shuttle .shuttle_info .intext .bot li:nth-child(13) span{ border:3px solid #7946D3; color:#7946D3; margin-top:10px; }
.shuttle .shuttle_info .intext .bot ul + strong + ul li:nth-child(1) span{ border:3px solid #6ECD94; color:#5EAA7C; }
.shuttle .shuttle_info .intext .bot ul + strong + ul li:nth-child(2) span{ border:3px solid #9D750C; color:#9D750C; }
.shuttle .shuttle_info .intext .bot ul + strong + ul li:nth-child(3) span{ border:3px solid #9D750C; color:#9D750C; }
.shuttle .shuttle_info .intext .bot ul + strong + ul li:nth-child(4) span{ border:3px solid #9D750C; color:#9D750C; }
.shuttle .shuttle_info .intext .bot ul + strong + ul li:nth-child(5) span{ border:3px solid #9D750C; color:#9D750C; }
.shuttle .shuttle_info .intext .bot ul + strong + ul li:nth-child(6) span{ border:3px solid #9D750C; color:#9D750C; }
.shuttle .shuttle_info .intext .bot ul + strong + ul li:nth-child(7) span{ border:3px solid #F17A23; color:#EA6B0F; }
.shuttle .shuttle_info .intext .bot ul + strong + ul li:nth-child(8) span{ border:3px solid #F17A23; color:#EA6B0F; }
.shuttle .shuttle_info .intext .bot ul + strong + ul li:nth-child(9) span{ border:3px solid #F17A23; color:#EA6B0F; }
.shuttle .shuttle_info .intext .bot ul + strong + ul li:nth-child(10) span{ border:3px solid #F17A23; color:#EA6B0F; }

.shuttle .shuttle_info .intext .bot ul + strong + ul.gang li:nth-child(1) span{ border:3px solid #bdb092; color:#bdb092; }
.shuttle .shuttle_info .intext .bot ul + strong + ul.gang li:nth-child(2) span{ border:3px solid #bdb092; color:#bdb092; }
.shuttle .shuttle_info .intext .bot ul + strong + ul.gang li:nth-child(3) span{ border:3px solid #bdb092; color:#bdb092; }
.shuttle .shuttle_info .intext .bot ul + strong + ul.gang li:nth-child(4) span{ border:3px solid #bdb092; color:#bdb092; }
.shuttle .shuttle_info .intext .bot ul + strong + ul.gang li:nth-child(5) span{ border:3px solid #bdb092; color:#bdb092; }
.shuttle .shuttle_info .intext .bot ul + strong + ul.gang li:nth-child(6) span{ border:3px solid #bdb092; color:#bdb092; }
.shuttle .shuttle_info .intext .bot ul + strong + ul.gang li:nth-child(7) span{ border:3px solid #bdb092; color:#bdb092; }
.shuttle .shuttle_info .intext .bot ul + strong + ul.gang li:nth-child(8) span{ border:3px solid #bdb092; color:#bdb092; }
.shuttle .shuttle_info .intext .bot ul + strong + ul.gang li:nth-child(9) span{ border:3px solid #bdb092; color:#bdb092; }
.shuttle .shuttle_info .intext .bot ul + strong + ul.gang li:nth-child(11) span{ border:3px solid #7946D3; color:#7946D3; }
.shuttle .shuttle_info .intext .bot ul + strong + ul.gang li:nth-child(12) span{ border:3px solid #7946D3; color:#7946D3; }
.shuttle .shuttle_info .intext .bot ul + strong + ul.gang li:nth-child(13) span{ border:3px solid #7946D3; color:#7946D3; }
.shuttle .shuttle_info .intext .bot ul + strong + ul.gang li:nth-child(14) span{ border:3px solid #7946D3; color:#7946D3; }
.shuttle .shuttle_info .intext .bot ul + strong + ul.gang li:nth-child(15) span{ border:3px solid #7946D3; color:#7946D3; }

.shuttle .shuttle_info .intext .bot ul + strong + ul.seodaemun li:nth-child(1) span{ border:3px solid #65C14A; color:#65C14A; }
.shuttle .shuttle_info .intext .bot ul + strong + ul.seodaemun li:nth-child(2) span{ border:3px solid #5EAA7C; color:#5EAA7C; }

.shuttle .shuttle_info .intext .bot ul + strong + ul.ydp li:nth-child(1) span{ border:3px solid #65C14A; color:#65C14A; }
.shuttle .shuttle_info .intext .bot ul + strong + ul.ydp li:nth-child(2) span{ border:3px solid #65C14A; color:#65C14A; }


.shuttle .shuttle_info .intext .bot p {font-size: 17px; line-height: 30px; letter-spacing: -0.02em; color: #000000; margin-top:20px;}

.procedure {margin-top:90px;}
.procedure ul {overflow: hidden; width:1080px; margin:0 auto;}
.procedure ul::after {content:''; display:block; clear:both;}
.procedure ul li {display:inline-block; width:360px; height:400px; border-left:1px solid #ddd; border-top:1px solid #ddd; display:flex; align-items: center; justify-content: center; float:left;}
.procedure ul li:nth-child(3) {border-right:1px solid #ddd;}
.procedure ul li:nth-child(6) {border-right:1px solid #ddd;}
.procedure ul li:nth-child(9) {border-right:1px solid #ddd;}
.procedure ul li:nth-child(7) {border-bottom:1px solid #ddd;}
.procedure ul li:nth-child(8) {border-bottom:1px solid #ddd;}
.procedure ul li:nth-child(9) {border-bottom:1px solid #ddd;}
.procedure ul li div {text-align:center;}
.procedure ul li div img {width:80px; justify-content: center;}
.procedure ul li div strong {font-weight: bold; font-size: 24px; line-height: 35px; text-align: center; letter-spacing: -0.02em; color: #000000; margin-top:33px; display:block;}
.procedure ul li div p {font-size: 17px; line-height: 32px; text-align: center; letter-spacing: -0.02em; color: #000000; margin-top:7px;}

.class_room {margin-top:110px; display:flex;}
.class_room h3 {width:300px; font-weight: bold; font-size: 30px; line-height: 32px; letter-spacing: -0.02em; color: #000000;}
.class_room .intext {width:calc(100% - 300px);}
.class_room .intext > div > strong {font-weight: bold; font-size: 20px; line-height: 32px; letter-spacing: -0.02em; color: #000000;}
.class_room .intext > div > strong + .tableSt02 {margin-top:15px;}
.class_room .intext > div > p {font-size: 17px; line-height: 32px; letter-spacing: -0.02em; color: #000000;}
.class_room .intext > div > p strong {color:#FF0000; display:block;}
.class_room .intext > div + div {margin-top:40px;}
.class_room .intext > div ul {border-top:1px solid #000; margin-top:25px;}
.class_room .intext > div ul li {display:flex; align-items: center; border-bottom:1px solid #DDDDDD; padding:20px 0;}
.class_room .intext > div ul li > strong {font-weight: bold; font-size: 20px; line-height: 32px; text-align: center; letter-spacing: -0.02em; color: #000000; width:200px;}
.class_room .intext > div ul li p {width:calc(100% - 200px); font-size: 17px; line-height: 32px; letter-spacing: -0.02em; color: #000000;}
.class_room .intext > div ul li p strong {font-weight: bold;}
.class_room + .class_room {margin-top:50px; padding-top:120px; border-top:1px solid #eee;}
.class_room + .class_room.no_border {margin-top:40px; padding:0; border:0;}
.class_room .top + .imgs {margin-top:0;}
.class_room .imgs {}
.class_room .imgs img {width:100%;}
.class_room .imgs + .imgs {margin-top:40px; padding-top:40px; border-top:1px solid #ddd;}

.tableSt02 {border-top:1px solid #000;}
.tableSt02 th {font-weight: bold; font-size: 15px; line-height: 32px; text-align: center; letter-spacing: -0.02em; color: #000000; height:60px; border-bottom:1px solid #000;}
.tableSt02 td.bg2 {background:#F5F5F5; text-align:center; vertical-align:middle; font-weight: bold; font-size: 15px; line-height: 32px; text-align: center; letter-spacing: -0.02em; color: #000000;}
.tableSt02 td.bg2:last-child {background:#F5F5F5; text-align:center; vertical-align:middle; font-weight: bold; font-size: 15px; line-height: 32px; text-align: center; letter-spacing: -0.02em; color: #000000;}
.tableSt02 td {font-size: 15px; line-height: 28px; letter-spacing: -0.02em; color: #000000; padding:20px 0; border-bottom:1px solid #ddd; text-align:center; vertical-align:middle;}
.tableSt02 tr td:last-child {text-align:left;}
.tableSt02 tr td.left {text-align:left;}
.tableSt02.last-center tr td:last-child {text-align:center;}
.tableSt02 .bold {font-weight:bold;}

.pointer {background:#F5F5F5; padding:23px 0; text-align:center; margin-top:55px;}
.pointer p { font-size: 20px; line-height: 32px; letter-spacing: -0.02em; color: #000000;}
.pointer p strong {font-weight:bold;}
.pointer p strong.red {color:#FF0000;}
.pointer + .class_room {margin-top:55px;}

.road_test {font-weight: bold; font-size: 28px; line-height: 32px; text-align: center; letter-spacing: -0.02em; color: #FF0000; border: 11px solid #F0F0F0; box-sizing: border-box; padding:54px 0; background:#fff; margin-top:110px;}

.video_wrap {margin-top:70px;}
.video_wrap h3 {border: 11px solid #F0F0F0; box-sizing: border-box; padding:23px; font-weight: bold; font-size: 20px; line-height: 32px; text-align: center; letter-spacing: -0.02em; color: #000000;}
.video_wrap ul {margin-top:10px;}
.video_wrap ul li {display:inline-block; width:calc(50% - 5px); margin-bottom:55px;}
.video_wrap ul li:nth-child(2n) {margin-left:10px;}
.video_wrap ul li a {display:block;}
.video_wrap ul li a dt {position: relative;}
.video_wrap ul li a dt > img {width:100%;}
.video_wrap ul li a dt span {position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); display:none;}
.video_wrap ul li a:hover dt span {display:block;}
.video_wrap ul li a dd {margin-top:34px; text-align:center;}
.video_wrap ul li a dd strong {font-weight: bold; font-size: 24px; line-height: 35px; text-align: center; letter-spacing: -0.02em; color: #000000; display:block;}
.video_wrap ul li a dd span {font-size: 17px; line-height: 25px; text-align: center; letter-spacing: -0.02em; text-decoration-line: underline; color: #000000; display:inline-block; margin-top:5px;}

.video_wrap .video_in {padding-top:10px;}
.video_wrap .video_in li {margin-bottom:40px;}
.video_wrap .video_in .imgs {margin-top:10px; position: relative;}
.video_wrap .video_in .imgs > img {width:100%;}
.video_wrap .video_in .imgs > div {position: absolute; left:50%; top:50%; transform: translate(-50%, -50%);}
.video_wrap .video_in .imgs > div p {font-size: 16px; line-height: 16px; letter-spacing: -0.02em; color: #FFFFFF; margin-top:10px; text-align:center; }
.video_wrap .video_in .big {width:100%;}



.pop_wrap {position: fixed; left:0; top:0; width:100vw; height:100vh; z-index:30; display:none;}
.pop_wrap::before {content:''; position: absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity: 0.3;}
.pop_wrap > div {position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); width:900px; display:none;}
.pop_wrap dt img {width:100%;}
.pop_wrap dd {display:flex; align-items: center; justify-content: space-between; background:#fff; padding:30px;}
.pop_wrap dd strong {font-weight: bold; font-size: 24px; line-height: 43px; letter-spacing: -0.02em; color: #000000;}
.pop_wrap dd span {font-weight: bold; font-size: 20px; line-height: 35px; text-align: right; letter-spacing: -0.02em; color: #000000;}
.pop_wrap .close {position: absolute; right:20px; top:20px; border:1px solid #fff;}
.pop_wrap .video_pop iframe {width:900px; height:500px;}
.pop_wrap .video_pop p {font-weight: bold; font-size: 24px; line-height: 43px; letter-spacing: -0.02em; color: #000000; background:#fff; padding:30px;}

.notice {margin-top:55px;}
.notice select {appearance: none; background:#fff url(../../images/common/icon_select.png) 96% center no-repeat; background-size:14px 8px;}
.notice .table_top {display: flex; align-items: center; justify-content: flex-end;}
.notice .table_top select {height:30px; border:0; width:50px;}
.notice .table_top span {align-items: center; margin-left:20px;}
.notice .table_top span input {height:30px; border:0; font-size: 17px; line-height: 30px; color: #333; width:160px; margin-right:15px;}
.notice .table_top span input::placeholder {color: #CCCCCC;}
.notice .table_top + .listSt01 {margin-top:25px;}

.listSt01 {border-top:1px solid #000;}
.listSt01 li {display:flex; align-items: center; padding:0 27px; height:100px; border-bottom: 1px solid #CCCCCC;}
.listSt01 li a {font-weight: normal; font-size: 17px; line-height: 100px; color: #000000; width:calc(100% - 500px)}
.listSt01 li a.lock {padding-left:34px; background:url(../../images/common/icon_lock.png) left center no-repeat;}
.listSt01 li div {width:calc(100% - 500px); display: flex; align-items: center; justify-content: flex-end;}
.listSt01 li div .day {font-size: 17px; line-height: 100px; color: #999999; margin-top:0;}
.listSt01 li div .name {font-size: 17px; line-height: 100px; color: #999999;}
.listSt01 li div .tag {width: 104px; height: 45px; background: #5FC3BC; font-weight: bold; font-size: 17px; line-height: 45px; color: #FFFFFF; text-align:center;}
.listSt01 li div .tag.won {background: #103191;}
.listSt01 li div span {margin-left:40px;}

.paging {margin-top:40px;}
.paging ul {display: flex; align-items: center; justify-content: center;}
.paging li {margin:0 10px;}
.paging a {font-size: 17px; line-height: 30px;  color: #000000;}
.paging .on a {text-decoration-line: underline;}

.text_view {margin-top:55px;}
.text_view h3 {font-weight: bold; font-size: 32px; line-height: 47px; letter-spacing: -0.01em; color: #000000;}
.text_view .day {margin-top:15px; font-size: 17px; line-height: 30px; color: #999999; display:block;}
.text_view .inner_text {margin-top:65px; padding-bottom:70px; border-bottom:1px solid #CCCCCC;}
.text_view .inner_text p {font-size: 17px; line-height: 30px; color: #000000;}
.notice .link {margin-top:70px; text-align:right;}
.notice .link.center {text-align:center;}
.notice .link a {display:inline-block; width:200px; height:74px; box-sizing: border-box; border:1px solid #000; font-weight: bold; font-size: 22px; line-height: 72px; color: #000000; text-align:center;}
.notice .listSt01 + .link {margin-top:30px;}


.notice .table_tit_view {display: flex; align-items: center; justify-content: space-between;}
.notice .table_tit_view strong {font-weight: bold; font-size: 22px; line-height: 33px; color: #000;}
.notice .table_tit_view span {font-size: 14px; line-height: 26px; color: #000000;}
.notice .table_tit_view + .writeSt01 {margin-top:20px;}

.writeSt01 {border-top:1px solid #000; border-bottom:1px solid #000;}
.writeSt01 ul {display:table; table-layout: fixed; width:100%;}
.writeSt01 li {display:table-row; border-bottom:1px solid #CCCCCC; width:100%;}
.writeSt01 li strong {background:#F9F9F9; font-weight: bold; font-size: 17px; line-height: 1.8; color: #000000; width:240px; box-sizing: border-box; padding-left:40px; display:table-cell; border-bottom:1px solid #CCCCCC; vertical-align: middle; height:80px;}
/* .writeSt01 li strong.big {height:220px;} */
.writeSt01 li > div {width:calc(100% - 240px); box-sizing: border-box; padding:12px; font-size:12px; line-height:20px; color:#ccc; display:table-cell; border-bottom:1px solid #CCCCCC; vertical-align: middle;}
.writeSt01 li > div span {display:inline-block; vertical-align: middle;}
.writeSt01 li > div .w01 {width:200px;}
.writeSt01 li > div .w02 {width:120px;}
.writeSt01 li > div .w03 {width:100%;}
.writeSt01 li > div .w04 {width:500px;}
.writeSt01 li > div .txt {margin:0 5px;}
.writeSt01 li > div textarea {width:100%; height:190px; border:1px solid #ccc; padding:0 10px; font-size: 17px; line-height: 25px; color: #000000; box-sizing: border-box;}
.writeSt01 li > div input {width:100%; height:56px; border:1px solid #ccc; padding:0 10px; font-size: 17px; line-height: 25px; color: #000000; box-sizing: border-box;}
.writeSt01 li > div select {width:100%; height:56px; border:1px solid #ccc; padding:0 10px; font-size: 17px; line-height: 25px; color: #000000;}
.writeSt01 select {appearance: none; background:#fff url(../../images/common/icon_select.png) 95% center no-repeat; background-size:14px 8px;}
.writeSt01 + .link {margin-top:30px;}
.writeSt01 .adress {width:140px; height:56px; border:1px solid #000; box-sizing: border-box; font-weight: bold; font-size: 17px; line-height: 25px; color: #000000; vertical-align: middle; margin-left:10px;}
.writeSt01 li > div div + div {margin-top:12px;}
.writeSt01 li > div input[type=checkbox] {width:24px; height:24px; appearance: none;}
.writeSt01 li > div input[type=checkbox]:checked {background:#103191;}
.writeSt01 li > div input[type=radio] {width:24px; height:24px; border-radius: 0; appearance: none; border:1px solid #ccc;}
.writeSt01 li > div input[type=radio]:checked {background:#103191;}
.writeSt01 li > div label {font-weight: normal; font-size: 17px; line-height: 25px; color: #000000; margin-right:20px;}
.writeSt01 li > div p {font-size: 17px; line-height: 25px; color: #000000; margin-top:10px;}
.writeSt01 li > div img + div {margin-top:15px;}


.admins {padding-bottom:50px; border-bottom:1px solid #ccc; padding-top:50px;}
.admins strong {display:block; font-weight: bold; font-size: 20px; line-height: 30px; color: #000000;}
.admins p {font-size: 17px; line-height: 30px; color: #000000; margin-top:10px;}


span.int {margin-left:20px; text-indent: -20px; display:block;}
span.dot {margin-left:10px; text-indent: -10px; display:block;}

.privacy_lst{
    line-height:20px;
}

.privacy_lst>li{
    margin-top:29px;
    border:1px solid #d9d9d9;
    border-top:0;
}

.privacy_lst>li:first-child{
    margin-top:37px;
}

.privacy_lst dt{
    position:relative;
    padding:15px 0 12px 22px;
    border:1px solid #d9d9d9;
    border-width:1px 0;
    font-size:15px;
    color:#414141;
}

.privacy_lst dt .btn_top{
    display:inline-block;
    overflow:hidden;
    position:absolute;
    bottom:12px;
    right:16px;
    width:42px;
    height:24px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 24px;
    border-radius: 3px;
    text-align: center;
}

.privacy_lst dt a.btn_top:hover {
    color: #fff;
}

.privacy_lst dd{
    padding:13px 20px 17px;
    font-size:13px;
    color:#414141;
    line-height: 25px;
}

.privacy_lst li dd pre{
    display: block;
    word-break:break-word;
}

.privacy_lst li dd .administrator_info{
    overflow:hidden;
}

.privacy_lst li dd .administrator_info div{
    float:left;
    margin-right:3%;
    text-align:center;
}

.privacy_date{
    margin-top:25px;
}

.privacy_date li{
    font-size:13px;
    color:#414141;
    text-align:right;
    line-height:20px;
}


/* 2016.07.29 개인정보 취급 방침 수정 */

.privacy_lst h5 {
    font-size:13px;
    color:#414141;
    font-weight: normal;
}

.privacy_lst .person_info {
    text-align: center;
    border: 1px solid #e1e1e1;
    margin: 10px 0;
}

.privacy_lst .person_info dd .tbl_tit{
    display:table;
    width:100%;
}

.privacy_lst .person_info dd .tbl_txt{
    display:table;
    width:100%;
}

.payment_privacy_lstcontent .person_info dd .tbl_txt .txt_left{
    text-align:left;
}

.privacy_lst .person_info dd .tbl_tit div{
    display:table-cell;
    padding:10px 0;
    font-size:13px;
    color:#414141;
}

.privacy_lst .person_info dd .tbl_txt .w15p{
    color:#414141;
}

.privacy_lst .person_info dd .tbl_txt div:first-child{
    border-left:0px;
}

.privacy_lst .person_info dd .tbl_tit div.l_bod:first-child{
    border-left:0px;
}

.privacy_lst .person_info dd .tbl_txt div{
    display:table-cell;
    padding:15px;
    font-size:13px;
    color:#797979;
    border-top: 1px solid #e1e1e1;
    line-height:1.7em;
}

.privacy_lst .person_info dd .tbl_tit div.bod_b{
    border-bottom:1px solid #e1e1e1;
}

.privacy_lst .person_info dd .tbl_txt div.l_bod{
    text-align:center;
    border-left: 1px solid #e1e1e1;
}

.privacy_lst .person_info dd .tbl_tit div.l_bod{
    text-align:center;
    border-left: 1px solid #e1e1e1;
}

.txt_left{text-align:left;}
.w15p{width:15%}
.w27p{width:27%;border-left:1px solid #e1e1e1;}
.w34p{width:34%;}
.w40p{width:40%;}
.pc_hidden{display:none;}
.mo_hidden{display:block;}
.m10{margin:10px 0 15px 0;color:#999;font-weight:bold;}

.privacy_lst .person_info dd{
    padding:0;
}


@media all and (max-width:1200px) {
   .footer .foot {width:100%;}
   .main_section01 .tit_box {width:100%;}
   .mainWrap .card_box ul {width:100%;}
   .mainWrap .banner_box .inner_box {width:100%;}
   .mainWrap .main_notice {width:100%;}
   .mainWrap .main_notice ul li {padding-left:40px; width:360px; position: relative;}
   .content .sub_inner {width:auto; padding:0 20px;}
}

@media all and (max-width:1080px) {
  .main_slider .swiper-slide .text_filde > p i{ display: none;}
  .mo_tell{ display:block; position:fixed; bottom:0; left:0; }
  .mo_tell img{ width:100%; }
  .ps{ display:block; font-size:12px; color:red; margin-top:20px; line-height:1.2; }
  #__daum__layer_1{ min-width:290px !important;}
  .mainWrap br.m{ display:block; }
  .mainWrap br.pc{ display:none; }
  br.m{ display:block; }
   .content {padding-top:70px;}
   .header {height:70px;}
   .header .head {height:70px;}
   .header .head .logo {position: relative; width:215px; height:34px; background:url(../../images/common/logo.png) no-repeat; background-size:100%; margin-left:20px;}
   .header .head .gnb {margin-left:0; position: fixed; right:-100vw; top:70px; width:100%; height:calc(100vh - 70px); background:#fff; overflow-y: auto; transition: all cubic-bezier(0.075, 0.82, 0.165, 1) 1s;}
   .header .head .call{ display:block; position:absolute; right:70px; }
   .header .head .gnb > ul {padding:30px;}
   .header .head .gnb > ul > li {display:block; position: relative;}
   .header .head .gnb > ul > li + li {margin-top:20px;}
   .header .head .gnb > ul > li > a {display:inline-block; width:100%; max-width: 100%; font-weight: bold; font-size: 25px; line-height: 40px; letter-spacing: -0.02em; color: #000000; transition: all 0.3s; text-align:left;}
   .header .head .gnb > ul > li > a:hover {color:#103191; font-weight:bold;}
   .header .head .gnb > ul > li.point > a {font-weight:bold;}
   .header .head .gnb > ul > li.point ul::before {display:nonel}
   .header .head .gnb > ul > li ul {display:none;}
   .header .head .gnb .mo_footlink {display:block; margin-top:10px; padding:0 30px !important;}
   .header .head .gnb .mo_footlink li a {font-size: 15px; line-height: 40px; font-weight:normal !important; letter-spacing: -0.02em; color: #000000; display:block;}
   .header .head .gnb .mo_footlink li + li {margin-top:12px;}
   .header .mo_btn {display:block;}
   .open_gnb .header .head .gnb {right:0;}

   .mini_pop {display:none;}
   .request_pop {display:block; width:100%; position:relative; top:0; left:0;}
   .request_pop .close{ display:none; }
   .request_pop .bottom{ display:none; }


   .mainWrap {padding-top:70px;}
   .mainWrap br.pc {display:none;}
   .mainWrap .btn_more {position: relative; font-weight: bold; font-size: 15px; line-height: 29px; letter-spacing: -0.02em; color:#000; display:inline-block; padding-right:18px;}
   .mainWrap .btn_more::after {content:''; position: absolute; width: 10px; height: 18px;  background:url(../../images/main/icon_right_arrow.png) no-repeat; background-size:100%; right:0; top:50%; transform: translateY(-50%);}

   .main_slider {width:100%; max-width:1920px; margin:0 auto; position: relative;}
   .main_slider img {height:auto; position: relative; left:50%; transform: translate(-50%, -50%); width:100%; top:50%; min-width:360px;}
   .main_slider .swiper-slide {position: relative; height:390px;}
   .main_slider .swiper-slide.swiper-slide-active {z-index:11;}
   .main_slider .swiper-slide .text_filde {position: absolute; left:24px; top:48px; transform:none; right:0; height:342px;}
   .main_slider .swiper-slide .text_filde > span {font-family: 'Noto Sans KR'; font-weight:700; font-size: 15px; line-height: 22px; color:#fff; display:block;}
   .main_slider .swiper-slide .text_filde > strong {font-family: 'Noto Sans KR'; font-size: 30px; line-height: 1.2; letter-spacing: -0.04em; color:#fff; display:block; font-weight:bold; margin-top:13px;}
   .main_slider .swiper-slide .text_filde > strong b {color:#FFD739;}
   .main_slider .swiper-slide .text_filde > strong ~ span {margin-top:6px;}
   .main_slider .swiper-slide .text_filde > p {display:none;}
   .main_slider .swiper-slide .text_filde > a { position:absolute; bottom:48px; left:0; display:inline-block; margin-top:0; font-weight: bold; font-size: 13px; line-height: 32px; letter-spacing: -0.02em; color:#fff;}
   .main_slider .paging {position: absolute; left:0; bottom:0; z-index:19; background:#1a1a1a; height:30px; width:100%;}
   .main_slider .paging ul {display:flex; align-items: center; justify-content: center; height:30px;}
   .main_slider .paging ul li {width:auto; position: relative; margin:0 10px;}
   .main_slider .paging ul li + li::after {display:none;}
   .main_slider .paging ul li button {font-size:0; line-height:0; width:10px; height:10px; background:#fff; transition: all 0.2s; border-radius: 50%;}
   .main_slider .paging ul li.on button {background:#FFD739;}

   .main_section01 {margin-top:40px; padding:0 20px;}
   .main_section01 .tit_box {display:none;}
   .main_section01 .tit_box > div {width:auto;}
   .main_section01 .tit_box h2 {font-size: 15px; line-height: 22px; letter-spacing: -0.02em; color: #DF0101;}
   .main_section01 .tit_box strong {display:block; font-weight: bold; font-size: 30px; line-height: 40px; letter-spacing: -0.02em; color: #000000; margin-top:15px;}

   .main_section01 .tit_box p {padding-top:20px; font-size: 18px; line-height: 1.6; letter-spacing: -0.03em; color: #000000;}
   .main_section01 .tit_box .btn_more {margin-top:20px;}
   .main_section01 .tit_box + .card_box {margin-top:60px;}
   .main_section01 .banner_box + .card_box {margin-top:60px;}

   .mainWrap .card_box {}
   .mainWrap .card_box ul {display:block;}
   .mainWrap .card_box ul li {width:50%; float:left;}
   .mainWrap .card_box ul:after{ display:block; clear:both; content:''; }
   .mainWrap .card_box ul li a {display:block;}
   .mainWrap .card_box ul li dl dt {height:auto;}
   .mainWrap .card_box ul li dl dt img {transition: all cubic-bezier(0.075, 0.82, 0.165, 1) 2s; width:100%;}
   .mainWrap .card_box ul li dl dt strong {font-size: 22px; line-height: 61px;}
   .mainWrap .card_box ul li dl dt::after {content:''; width:28px; height:28px; background:url(../../images/main/icon_plus.png) no-repeat; background-size:100%; position: absolute; right:16px; bottom:16px; transition: all 1s;}
   .mainWrap .card_box ul li a:hover dl dt img {transform: scale(1.1);}
   .mainWrap .card_box ul li a:hover dl dt::after {transform: rotate(360deg);}
   .mainWrap .card_box ul li dl dd {margin-top:20px;}
   .mainWrap .card_box ul li dl dd span {font-size: 15px; line-height: 1.6; letter-spacing: -0.03em; color: #000000; display:none; }
   .mainWrap .card_box ul li dl dd p {margin-top:10px; font-weight: 700; font-size: 14px; line-height: 1.4; letter-spacing: -0.07em; color: #000000;}
   .mainWrap .card_box ul li:last-child {padding-top:0px;}

   .mainWrap .banner_box {margin-top:67px; height:298px; position: relative; box-sizing: border-box;}
   .mainWrap .banner_box .inner_box {position: relative; height:298px; padding-top:40px;}
   .mainWrap .banner_box .inner_box::after {content:''; width:297px; height:345px; position: absolute; left:40%; bottom:0; background:url(../../images/main/img_main_human01.jpg) no-repeat; background-size:100%;}
   .mainWrap .banner_box::before {content:''; position: absolute; width:100vw; left:50%; transform: translateX(-50%); background:#FFE062; top:0; height:298px;}
   .mainWrap .banner_box span {font-size: 15px; line-height: 1.6; letter-spacing: -0.03em; color: #000000; position: relative;}
   .mainWrap .banner_box p {position: relative; margin-top:0px; font-weight: bold; font-size: 24px; line-height: 38px; letter-spacing: -0.02em; color: #000000; padding-right:10%;}
   .mainWrap .banner_box a {display:inline-block; position: relative; margin-top:34px; font-weight: bold; font-size: 15px; line-height: 29px; letter-spacing: -0.02em; color: #000000;}
   .mainWrap .banner_box a::after {content:''; width:100%; height:1px; background:#000; position: absolute; left:0; bottom:-8px;}

   .mainWrap .youtube_banner {margin-top:80px; height:auto; position: relative; box-sizing: border-box; padding:0 20px;}
   .mainWrap .youtube_banner::before {content:''; position: absolute; width:100vw; left:50%; transform: translateX(-50%); background:#BFE8FF; top:0; height:100%;}
   .mainWrap .youtube_banner .inner_box {height:auto; padding-bottom:30px;}
   .mainWrap .youtube_banner .inner_box::after {display:none;}
   .mainWrap .youtube_banner .inner_box .youtube {position: static; right:0; top:50%; transform: translateY(0); margin:0 auto; width:100%; margin-top:30px;}
   .mainWrap .youtube_banner .inner_box .youtube iframe {width:90vw; height:194px;}

   .mainWrap .main_notice { display:none; margin-top:70px; padding:0 20px;}
   .mainWrap .main_notice .tit_box {position: relative;}
   .mainWrap .main_notice .tit_box h2 {font-weight: bold; font-size: 24px; line-height: 54px;  color: #000000;}
   .mainWrap .main_notice .tit_box a {position: absolute; right:0; top:50%; transform: translateY(-50%);}
   .mainWrap .main_notice ul {margin-top:20px; display: block;}
   .mainWrap .main_notice ul li {padding-left:0px; padding-top:20px; width:100%; position: relative;}
   .mainWrap .main_notice ul li::after {content:''; width:100%; height:1px; position: absolute; left:0; top:0; background:#999999;}
   .mainWrap .main_notice ul li p {font-size: 17px; line-height: 34px; letter-spacing: -0.02em; color: #000000;}
   .mainWrap .main_notice ul li span {font-size: 15px; line-height: 22px; letter-spacing: -0.02em; color: #666666; margin-top:15px; display:inline-block;}
   .mainWrap .main_notice ul li + li {margin-top:20px;}

   .footer {background:#252628; padding:35px 20px 87px;}
   .footer .foot {width:100%; margin:0 auto; padding:0; box-sizing: border-box;}
   .footer .foot .links {display: block;}
   .footer .foot .links li a {font-size: 15px; line-height: 22px; letter-spacing: -0.02em; color: #FFFFFF;}
   .footer .foot .links li + li {margin-left:0px; margin-top:5px;}
   .footer .foot .views {display:none;}
   .footer .foot > p {font-size: 15px; line-height: 22px; letter-spacing: -0.02em; color: #999999;}
   .footer .foot > a { display:inline-block; margin-top:20px; font-size: 15px; line-height: 22px; letter-spacing: -0.02em; color: #999999;}


   .content .visual_area {height:120px; display: flex; align-items: center; justify-content: center;}
   .content .visual_area h2 {font-weight: bold; font-size: 38px; line-height: 58px; letter-spacing: -0.04em; color: #FFFFFF;}
   .content .visual_area.group01 {background:url(../../images/visual/bg_visual_group01.jpg) center center no-repeat; background-size:cover;}
   .content .sub_tabSt01 {display: flex; justify-content: left; align-items: center; padding-bottom:28px; border-bottom:1px solid #eee; padding-top:27px;}
   .content .sub_tabSt01 li {padding:0 20px; position: relative;}
   .content .sub_tabSt01 li:first-child {padding-left:0;}
   .content .sub_tabSt01 li + li::after {content:''; height:14px; width:1px; background:#C4C4C4; position: absolute; left:0; top:50%; transform: translateY(-50%);}
   .content .sub_tabSt01 li a {font-weight: 500; font-size: 14px; line-height: 20px;  color: #000000; }
   .content .sub_tabSt01 li.on a {color:#2435A3;}
   .content .message {margin-top:30px; text-align:left;}
   .content .message .h1 {display:block; font-weight: bold; font-size: 16px; line-height: 40px; text-align: left; letter-spacing: -0.02em; color: #000000;}
   .content .message .h1 .pc{ display:none; }
   .content .message .img {margin-top:30px;}
   .content .message .img img {width:100%;}
   .content .message .mid {margin-top:30px; font-size: 17px; line-height: 32px; text-align: left; letter-spacing: -0.02em; color:#000;}
   .content .message .gray_box {margin-top:30px; padding:20px; background: #FAFAFA;}
   .content .message .gray_box p {font-weight: bold; font-size: 17px; line-height: 32px; text-align: left; color: #2B3E92;}
   .content .message .bot {margin-top:30px; font-weight: normal; font-size: 17px; line-height: 32px; text-align: left; letter-spacing: -0.02em; color: #000000;}
   .content .message .ceo {margin-top:20px; font-weight: bold; font-size: 20px; line-height:1.2; text-align: left; letter-spacing: -0.02em; color: #000000; display:block;}

   .content .advantages {margin-top:40px;}
   .content .advantages ul {display:block;}
   .content .advantages ul li {width:auto; text-align:center; padding:0;}
   .content .advantages ul li + li {margin-top:40px;}
   .content .advantages ul li span {display:block;}
   .content .advantages ul li span img {width:150px;}
   .content .advantages ul li strong {display:block; margin-top:20px; font-weight: bold; font-size: 20px; line-height: 35px; text-align: center; letter-spacing: -0.02em; color: #000000;}
   .content .advantages ul li p {margin-top:7px; font-size: 14px; line-height: 28px; text-align: center; letter-spacing: -0.02em; color: #000000;}
   .content .advantages ul + ul {margin-top:40px;}


   .content .maps {margin-top:40px;}
   .content .maps h3 {font-weight: bold; font-size: 30px; line-height: 40px;  letter-spacing: -0.02em; color: #000000; text-align: center;}
   .content .maps > p {font-weight: bold; font-size: 20px; line-height: 28px; text-align: center; letter-spacing: -0.02em; color: #000000; margin-top:10px;}
   .content .maps .kakao_maps {margin-top:30px;}
   .content .maps .kakao_maps .root_daum_roughmap {width:100%;}
   .content .maps .kakao_maps .root_daum_roughmap .wrap_map{ height:240px; }
   .content .maps .info {display:block; align-items: flex-start; justify-content: space-between; margin-top:25px;}
   .content .maps .info p {font-weight: bold; font-size: 14px; line-height: 24px; color: #000000;}
   .content .maps .info p  a {font-weight: bold; font-size: 14px; line-height: 24px; color: #000000;}
   .content .maps .info .view_map { display:inline-block; width:100%; height:56px; border: 1px solid #000000; box-sizing: border-box; font-weight: bold; font-size: 17px; line-height: 56px; color: #000000; margin-top:20px;}

   .admission_text {height:100px; border: 8px solid #F0F0F0; box-sizing: border-box; display:flex; align-items: center; justify-content: center; margin-top:40px;}
   .admission_text p {font-size: 14px; line-height: 20px; letter-spacing: -0.02em; color: #000000; padding:10px;}
   .admission_info {margin-top:40px;}
   .admission_info .text_box {display:block;}
   .admission_info .text_box h3 {width:100%; font-weight: bold; font-size: 20px; line-height: 26px; letter-spacing: -0.02em; color: #000000;}
   .admission_info .text_box ul {width:100%; margin-top:15px;}
   .admission_info .text_box ul li > strong {font-weight: bold; font-size: 14px; line-height: 18px; letter-spacing: -0.02em; color: #000000;}
   .admission_info .text_box ul p {font-size: 12px; line-height: 22px; letter-spacing: -0.02em; color: #000000;}
   .admission_info .text_box ul p strong {color:red;}
   .admission_info .text_box ul p + p {margin-top:10px;}
   .admission_info .text_box ul li + li {margin-top:20px;}
   .admission_info .text_box + .text_box {margin-top:40px; border-top: 1px solid #EEEEEE; padding-top:45px;}

   .schedule {margin-top:40px;}
   .schedule .bold_text {margin-top:15px; font-weight: bold; font-size: 13px; line-height: 22px; color: #000000;}
   .tableSt01 {border-top:1px solid #000;}
   .tableSt01 thead {border-bottom:1px solid #000;}
   .tableSt01 tbody {border-bottom:1px solid #000;}
   .tableSt01 tbody tr:nth-child(1) td {border-top:1px solid #000;}
   .tableSt01 th {border-bottom:1px solid #DDDDDD; height:54px; background:#F5F5F5;}
   .tableSt01 th.none {border-bottom:0;}
   .tableSt01 th strong {font-weight: bold; font-size: 13px; line-height: 32px; text-align: center; letter-spacing: -0.02em; color: #000000;}
   .tableSt01 td {border-bottom:1px solid #DDDDDD; height:54px;}
   .tableSt01 td p {font-size: 13px; line-height: 32px; text-align: center; letter-spacing: -0.02em; color: #000000;}
   .tableSt01 td.center p::after {font-size:13px;}

   .shuttle {margin-top:50px;}
   .shuttle .shuttle_info {display:block;margin-top:30px;}
   .shuttle .shuttle_info h3 {width:100%; font-weight: bold; font-size: 25px; line-height: 28px; letter-spacing: -0.02em; color: #000000;}
   .shuttle .shuttle_info .intext {width:100%; margin-top:20px;}
   .shuttle .shuttle_info .intext .top {}
   .shuttle .shuttle_info .intext .top strong {font-weight: 300; font-size: 22px; line-height: 1.4; letter-spacing: -0.02em; color: #000000;}
   .shuttle .shuttle_info .intext .top p {margin-top:10px; font-weight: bold; font-size: 14px; line-height: 22px; color: #000000;}
   .shuttle .shuttle_info .intext .bot {margin-top:30px; border-top:1px solid #000000; padding-top:30px;}
   .shuttle .shuttle_info .intext .bot > strong {display:block; font-weight: bold; font-size: 16px; line-height: 22px; letter-spacing: -0.02em; color: #000000;}
   .shuttle .shuttle_info .intext .bot ul {margin-top:0px; padding-top:5px;}
   .shuttle .shuttle_info .intext .bot ul + strong {margin-top:20px;}
   .shuttle .shuttle_info .intext .bot li {display:inline-block; margin-right:10px; margin-top:10px;}
   .shuttle .shuttle_info .intext .bot li + li {margin-left:0;}
   .shuttle .shuttle_info .intext .bot li span {display:inline-block; padding:5px; border:1px solid #000;  font-size: 13px; line-height: 28px; letter-spacing: -0.02em; color: #000000; margin-top:0 !important; }
   .shuttle .shuttle_info .intext .bot p {font-size: 13px; line-height: 22px; letter-spacing: -0.02em; color: #000000; margin-top:15px;}

   .procedure {margin-top:40px;}
   .procedure ul {overflow: hidden; width:auto;}
   .procedure ul::after {content:''; display:block; clear:both;}
   .procedure ul li {display:inline-block; width:100%; height:auto; padding:20px; border:1px solid #ddd; display:block; float:none;}
   .procedure ul li + li {margin-top:20px;}
   .procedure ul li div {text-align:center;}
   .procedure ul li div img {width:50px; justify-content: center;}
   .procedure ul li div strong {font-weight: bold; font-size: 20px; line-height: 30px; text-align: center; letter-spacing: -0.02em; color: #000000; margin-top:20px; display:block;}
   .procedure ul li div p {font-size: 14px; line-height: 20px; text-align: center; letter-spacing: -0.02em; color: #000000; margin-top:7px;}

   .class_room {margin-top:50px; display:block;}
   .class_room h3 {width:100%; font-weight: bold; font-size: 20px; line-height: 28px; letter-spacing: -0.02em; color: #000000;}
   .class_room h3 br {display:none;}
   .class_room .intext {width:100%; margin-top:20px;}
   .class_room .intext > div > strong {font-weight: bold; font-size: 16px; line-height: 22px; letter-spacing: -0.02em; color: #000000;}
   .class_room .intext > div > p {font-size: 14px; line-height: 22px; letter-spacing: -0.02em; color: #000000; margin-top:10px;}
   .class_room .intext > div > p .pc{ display:none; }
   /* .class_room .intext > div > p br {display:none;} */
   .class_room .intext > div > p strong {color:#FF0000; display:block;}
   .class_room .intext > div + div {margin-top:30px;}
   .class_room .intext > div ul {border-top:1px solid #000; margin-top:25px;}
   .class_room .intext > div ul li {display:flex; align-items: center; border-bottom:1px solid #DDDDDD; padding:20px 0;}
   .class_room .intext > div ul li > strong {font-weight: bold; font-size: 14px; line-height: 22px; text-align: center; letter-spacing: -0.02em; color: #000000; width:70px;}
   .class_room .intext > div ul li p {width:calc(100% - 70px); font-size: 14px; line-height: 22px; letter-spacing: -0.02em; color: #000000;}
   .class_room .intext > div ul li p strong {font-weight: bold;}
   .class_room + .class_room {margin-top:30px; padding-top:40px; border-top:1px solid #eee;}

   .tableSt02 {border-top:1px solid #000; overflow-x: auto;}
   .tableSt02 table {width:900px;}
   .tableSt02 th {font-weight: bold; font-size: 14px; line-height: 22px; text-align: center; letter-spacing: -0.02em; color: #000000; height:50px; border-bottom:1px solid #000;}
   .tableSt02 td.bg2 {background:#F5F5F5; text-align:center; vertical-align:middle; font-weight: bold; font-size: 15px; line-height: 32px; text-align: center; letter-spacing: -0.02em; color: #000000;}
   .tableSt02 td.bg2:last-child {background:#F5F5F5; text-align:center; vertical-align:middle; font-weight: bold; font-size: 14px; line-height: 22px; text-align: center; letter-spacing: -0.02em; color: #000000;}
   .tableSt02 td {font-size: 14px; line-height: 22px; letter-spacing: -0.02em; color: #000000; padding:15px 0; border-bottom:1px solid #ddd; text-align:center; vertical-align:middle;}
   .tableSt02 tr td:last-child {text-align:left;}

   .pointer {background:#F5F5F5; padding:15px; text-align:center; margin-top:30px;}
   .pointer p { font-size: 15px; line-height: 20px; letter-spacing: -0.02em; color: #000000;}
   .pointer p strong {font-weight:bold;}
   .pointer p strong.red {color:#FF0000;}
   .pointer + .class_room {margin-top:30px;}

   .road_test {font-weight: bold; font-size: 20px; line-height: 30px; text-align: center; letter-spacing: -0.02em; color: #FF0000; border: 5px solid #F0F0F0; box-sizing: border-box; padding:20px; background:#fff; margin-top:50px;}


   .video_wrap {margin-top:50px;}
   .video_wrap h3 {border: 5px solid #F0F0F0; box-sizing: border-box; padding:15px; font-weight: bold; font-size: 15px; line-height: 20px; text-align: center; letter-spacing: -0.02em; color: #000000;}
   .video_wrap ul {margin-top:10px;}
   .video_wrap ul li {display:inline-block; width:100%; margin-bottom:30px;}
   .video_wrap ul li:nth-child(2n) {margin-left:0px;}
   .video_wrap ul li a {display:block;}
   .video_wrap ul li a dt {position: relative;}
   .video_wrap ul li a dt > img {width:100%;}
   .video_wrap ul li a dt span {position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); display:none;}
   .video_wrap ul li a dt span img {width:50px;}
   .video_wrap ul li a:hover dt span {display:block;}
   .video_wrap ul li a dd {margin-top:15px; text-align:center;}
   .video_wrap ul li a dd strong {font-weight: bold; font-size: 18px; line-height: 24px; text-align: center; letter-spacing: -0.02em; color: #000000; display:block;}
   .video_wrap ul li a dd span {font-size: 12px; line-height: 20px; text-align: center; letter-spacing: -0.02em; text-decoration-line: underline; color: #000000; display:inline-block; margin-top:5px;}


   .video_wrap .video_in {padding-top:10px;}
   .video_wrap .video_in li {margin-bottom:40px;}
   .video_wrap .video_in .imgs {margin-top:10px; position: relative;}
   .video_wrap .video_in .imgs > img {width:100%;}
   .video_wrap .video_in .imgs > div {position: absolute; left:50%; top:50%; transform: translate(-50%, -50%);}
   .video_wrap .video_in .imgs > div p {font-size: 14px; line-height: 16px; letter-spacing: -0.02em; color: #FFFFFF; margin-top:10px; text-align:center; }
   .video_wrap .video_in .imgs button img {width:62px;}
   .video_wrap .video_in .big {width:100%;}



   .pop_wrap {position: fixed; left:0; top:0; width:100vw; height:100vh; z-index:30; display:none;}
   .pop_wrap::before {content:''; position: absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity: 0.3;}
   .pop_wrap > div {position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); width:70vw; display:none; min-width:340px;}
   .pop_wrap dt img {width:100%;}
   .pop_wrap dd {display:flex; align-items: center; justify-content: space-between; background:#fff; padding:30px;}
   .pop_wrap dd strong {font-weight: bold; font-size: 16px; line-height: 24px; letter-spacing: -0.02em; color: #000000;}
   .pop_wrap dd span {font-weight: bold; font-size: 12px; line-height: 18px; text-align: right; letter-spacing: -0.02em; color: #000000;}
   .pop_wrap .close {position: absolute; right:20px; top:20px; border:1px solid #fff;}
   .pop_wrap .video_pop {width:340px;}
   .pop_wrap .video_pop iframe {width:340px; height:200px;}
   .pop_wrap .video_pop p {font-weight: bold; font-size: 16px; line-height: 24px; letter-spacing: -0.02em; color: #000000; background:#fff; padding:30px;}



   .notice {margin-top:40px;}
   .notice select {appearance: none; background:#fff url(../../images/common/icon_select.png) 98% center no-repeat; background-size:14px 8px;}
   .notice .table_top {display: flex; align-items: center; justify-content: flex-end;}
   .notice .table_top select {height:30px; border:0; width:50px;}
   .notice .table_top span { align-items: center; margin-left:20px;}
   .notice .table_top span input {height:30px; border:0; font-size: 14px; line-height: 30px; color: #333; width:140px; margin-right:15px;}
   .notice .table_top span input::placeholder {color: #CCCCCC;}
   .notice .table_top + .listSt01 {margin-top:15px;}

   .listSt01 {border-top:1px solid #000;}
   .listSt01 li {display:block; align-items: center; padding:15px 0; height:auto; border-bottom: 1px solid #CCCCCC;}
   .listSt01 li a {font-weight: normal; font-size: 14px; line-height: 28px; color: #000000; width:100%;}
   .listSt01 li div {width:100%; display: flex; align-items: center; justify-content: flex-end; margin-top:10px;}
   .listSt01 li div .day {font-size: 13px; line-height: 22px; color: #999999;}
   .listSt01 li div .name {font-size: 17px; line-height: 22px; color: #999999;}
   .listSt01 li div .tag {width: 80px; height: 34px; background: #5FC3BC; font-weight: bold; font-size: 13px; line-height: 34px; color: #FFFFFF; text-align:center;}
   .listSt01 li div .tag.won {background: #103191;}
   .listSt01 li div span {margin-left:15px;}

   .paging {margin-top:20px;}
   .paging ul {display: flex; align-items: center; justify-content: center;}
   .paging li {margin:0 5px;}
   .paging a {font-size: 14px; line-height: 30px;  color: #000000;}
   .paging .on a {text-decoration-line: underline;}

   .text_view {margin-top:40px;}
   .text_view h3 {font-weight: bold; font-size: 20px; line-height: 32px; letter-spacing: -0.01em; color: #000000;}
   .text_view .day {margin-top:15px; font-size: 14px; line-height: 22px; color: #999999; display:block;}
   .text_view .inner_text {margin-top:30px; padding-bottom:40px; border-bottom:1px solid #CCCCCC;}
   .text_view .inner_text p {font-size: 13px; line-height: 24px; color: #000000;}
   .notice .link {margin-top:30px; text-align:right;}
   .notice .link.center {text-align:center;}
   .notice .link a {display:inline-block; width:120px; height:36px; box-sizing: border-box; border:1px solid #000; font-weight: bold; font-size: 14px; line-height: 34px; color: #000000;}

   .admins {padding-bottom:30px; border-bottom:1px solid #ccc; padding-top:30px;}
   .admins strong {display:block; font-weight: bold; font-size: 16px; line-height: 24px; color: #000000;}
   .admins p {font-size: 13px; line-height: 22px; color: #000000; margin-top:10px;}

   .notice .table_tit_view {display: flex; align-items: center; justify-content: space-between;}
   .notice .table_tit_view strong {font-weight: bold; font-size: 18px; line-height: 24px; color: #000;}
   .notice .table_tit_view span {font-size: 12px; line-height: 20px; color: #000000;}
   .notice .table_tit_view + .writeSt01 {margin-top:15px;}

   .writeSt01 {border-top:1px solid #000; border-bottom:1px solid #000;}
   .writeSt01 ul {display:block; width:100%;}
   .writeSt01 li {display:block; border-bottom:1px solid #CCCCCC; width:100%;}
   .writeSt01 li strong {background:#F9F9F9; font-weight: bold; font-size: 14px; line-height: 40px; height:40px; color: #000000; width:100%; box-sizing: border-box; padding-left:20px; display:block; border-bottom:1px solid #CCCCCC; vertical-align: middle;}
   /* .writeSt01 li strong.big {height:220px;} */
   .writeSt01 li > div {width:100%; box-sizing: border-box; padding:10px 0; font-size:12px; line-height:20px; color:#ccc; display:block; border-bottom:1px solid #CCCCCC;}
   .writeSt01 li > div > span {display:inline-block;}
   .writeSt01 li > div .w01 {width:100%;}
   .writeSt01 li > div .w01.add {width:100px;}
   .writeSt01 li > div .w02 {width:70px;}
   .writeSt01 li > div .w03 {width:100%;}
   .writeSt01 li > div .w04 {width:100%;}
   .writeSt01 li > div .txt {margin:0 2px;}
   .writeSt01 li > div textarea {width:100%; height:190px; border:1px solid #ccc; padding:0 10px; font-size: 17px; line-height: 25px; color: #000000; box-sizing: border-box;}
   .writeSt01 li > div input {width:100%; height:32px; border:1px solid #ccc; padding:0 10px; font-size: 13px; line-height: 18px; color: #000000; box-sizing: border-box;}
   .writeSt01 li > div select {width:100%; height:32px; border:1px solid #ccc; padding:0 10px; font-size: 13px; line-height: 18px; color: #000000;}
   .writeSt01 select {appearance: none; background:#fff url(../../images/common/icon_select.png) 90% center no-repeat; background-size:14px 8px;}
   .writeSt01 + .link {margin-top:30px;}
   .writeSt01 .adress {width:100px; height:32px; border:1px solid #000; box-sizing: border-box; font-weight: bold; font-size: 12px; line-height: 25px; color: #000000; vertical-align: middle; margin-left:10px;}
   .writeSt01 li > div div + div {margin-top:12px;}
   .writeSt01 li > div input[type=checkbox] {width:20px; height:20px; appearance: none;}
   .writeSt01 li > div input[type=checkbox]:checked {background:#103191;}
   .writeSt01 li > div input[type=radio] {width:20px; height:20px; border-radius: 0; appearance: none; border:1px solid #ccc;}
   .writeSt01 li > div input[type=radio]:checked {background:#103191;}
   .writeSt01 li > div label {font-weight: normal; font-size: 14px; line-height: 22px; color: #000000; margin-right:20px;}
   .writeSt01 li > div p {font-size: 14px; line-height: 22px; color: #000000; margin-top:10px;}
   .writeSt01 li > div img {width:100%;}
   .writeSt01 li > div img + div {margin-top:15px;}

   span.int {margin-left:15px; text-indent: -15px; display:block;}
   span.dot {margin-left:8px; text-indent: -8px; display:block;}
   .privacy_lst dd table{
       width:100%;
   }

   .t_block{display:block;}
   .t_idt{text-indent:0px;padding-left:0px;}
   .pc_hidden{display:block;}
   .mo_hidden{display:none;}
   .w25p{width:25%;}
   .w75p{width:75%;border-left:1px solid #e1e1e1;}

   .request_pop .tit_box{ text-align:center; }
   .request_pop ul li strong { width:20vw;}
   .request_pop ul li input { width:100%;}
   .request_pop ul li select {width:80vw;}
   .privacy_lst .person_info dd .tbl_tit div.l_bod{
         text-align:center;
     }

     .privacy_lst .person_info dd .tbl_tit div.txt_left{
         font-size:12px;
         color:#434343;
         text-align:left;
     }

     .privacy_lst .person_info dd .tbl_tit div {
         padding:10px ;
         text-align: left;
     }

     .privacy_lst .person_info dd .tbl_tit {
         border-top: 1px solid #c1c1c1;
     }

     .privacy_lst .person_info dd .tbl_tit:first-child{
         border-top: 0;
     }

}