@charset "UTF-8";
/* @import url("https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500&subset=korean"); */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,500&display=swap");
html, body, div, p, span, em, u, i, table, caption, thead, tbody, tfoot, tr, th, td, form, fieldset, label, legend, textarea, input, select, button, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, img, a { padding: 0; margin: 0; border: 0; outline: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; }

body { width: 100%; position: relative; -webkit-text-size-adjust: none; }

/* font */
body { font-family: 'Noto Sans KR', sans-serif; line-height: 1; font-weight: 400; letter-spacing: 0; }

/* naribi by add */
pre { font-family: 'Noto Sans KR', sans-serif; }

div, p, ul, li, table, th, td, textarea, input, span, form, h1, h2, h3, h4, h5, h6, dt, dl, dd { word-wrap: break-word; word-break: break-word; }

ul, ol, li, dl, dt, dd { list-style-type: none; }

table { empty-cells: show; border-collapse: collapse; border-spacing: 0; }

select { font-size: 1em; }

caption { visibility: hidden; width: 0; height: 0; overflow: hidden; font-size: 0; line-height: 0; }

img { vertical-align: middle; max-width: 100%; }

input { -webkit-appearance: none; border-radius: 0; }

button { line-height: 1; box-sizing: border-box; -webkit-appearance: none; vertical-align: middle; border-radius: 0; background-color: transparent; cursor: pointer; }

textarea { resize: none; }

input, button, select, textarea { font-family: inherit; color: inherit; box-sizing: border-box; }

html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }

hr { display: none; }

* { box-sizing: border-box; }

/* 커스텀 */
.skip { position: relative; }

.skip a:focus, .skip a:active { top: 0; z-index: 1000; }

.skip a { position: absolute; top: -30px; left: 0; width: 100%; background: #333; text-align: center; color: #fff; }

/* common */
a { text-decoration: none; color: inherit; }

html { height: 100%; font-size: 10px; }

@media (max-width: 992px) { html { font-size: 9px; } }

@media (max-width: 767px) { html { font-size: 7px; } }

@media (max-width: 401px) { html { font-size: 6px; } }

body { color: #000; height: 100%; font-size: 1.8rem; }

header { width: 100%; }

.roboto, .cnt_head .tit .eng, .visiting ul li .date, .news01 p.date, .news02 .news_sec01 p.date, .news03 .news_sec01 p.date, .newsView .news_top .date, .world01 .world_sec02 .date, .world02 .world_sec02 .date, .sraWrap .sraCnt01 dt::before, .sraWrap .sraCnt01 dd::before { font-family: 'Roboto', sans-serif; }

#container { overflow: hidden; min-height: calc(100% - (74rem + 43rem + 100px)); /* padding:0 4.0323vw 9.5rem;*/ padding: 0 0 9.5rem; }

@media (max-width: 767px) { #container { padding: 0 0 6.5rem; } }

/*header, .cnt_head, #container { min-width: 1400px; }*/

@media (max-width: 992px) { header, .cnt_head, #container { min-width: auto; } }

/* layout ============================================================================ */
header { position: fixed; top: 0; z-index: 10; transition: all .2s; }

header .inner_head { height: 10rem; margin: 0 auto; max-width: 1760px; display: flex; justify-content: space-between; position: relative; align-items: center; padding: 0 4.0323vw; }

header .inner_head h1 { flex: 0 0 29.2rem; }

header .inner_head h1 a { width: 29.2rem; height: 3.2rem; overflow: hidden; text-indent: -9999em; display: block; background: url(../images/logo.png) no-repeat 0 0; background-size: cover; }

header .inner_head #nav { min-width: 860px; margin-left: 30px;}

header .inner_head #nav li { height: 6rem; line-height: 6rem; display: inline-block; margin: 0 1.5rem; transition: all 1s ease-in-out; }

header .inner_head #nav li a { display: block; padding: 0 1rem; font-weight: 400; letter-spacing: -0.45px; position: relative; }

header .inner_head #nav li a.on::after, header .inner_head #nav li a.active::after { content: ""; position: absolute; width: calc(100% - 4rem); height: 1px; left: 2rem; bottom: -2px; background: #fff; }

header .inner_head #nav li a.active::after { background-color: #000; }

header .inner_head #nav li .sub { display: none; padding: 5rem 0 0; font-size: 1.7rem; width: 100%; justify-content: center; }

header .inner_head #nav li .sub li { text-align: center; margin: 0 1rem; height: 160px; }

header .inner_head #nav li .sub li a { font-weight: 400; padding: 0; color: #000 !important;}

header .inner_head #nav li .sub li a::before { background-position: 0 0; background-repeat: no-repeat; content: ""; display: block; width: 180px; height: 120px; margin-bottom: .8rem; }

header .inner_head #nav li .sub.js_sub { display: flex; position: absolute; left: 0; /* transition: linear .2s; */ opacity: 0; }

header .inner_head .comLnk { height: 3.2rem; line-height: 3.2rem; min-width: 250px; }

header .inner_head .comLnk a { font-size: 16px; letter-spacing: -0.8px; font-weight: 300; display: inline-block; }

header .inner_head .comLnk a:nth-child(1) { margin: 0 4rem; }

header .inner_head .comLnk .mMenu, header .inner_head .comLnk .mMenuT { display: inline-block; }

header .inner_head .comLnk .mMenu button, header .inner_head .comLnk .mMenuT button { width: 3.6rem; height: 3.6rem; overflow: hidden; text-indent: -9999em; background: url(../images/ico_menu.png) no-repeat 0 -6.4rem; margin-top: -2px; background-size: cover; }

header .inner_head .comLnk .mMenu.on button, header .inner_head .comLnk .mMenuT.on button { background: url(../images/ico_cross01.png) no-repeat 50% 0; }

header .inner_head .comLnk .mMenu .sitemap, header .inner_head .comLnk .mMenuT .sitemap { display: none; position: absolute; left: 50%; top: 12.5rem; min-width: 1760px; transform: translateX(-50%); justify-content: center; }

header .inner_head .comLnk .mMenu .sitemap li, header .inner_head .comLnk .mMenuT .sitemap li { margin-right: 0; }

header .inner_head .comLnk .mMenu .sitemap li a, header .inner_head .comLnk .mMenuT .sitemap li a { font-weight: 500; font-size: 2.2rem; letter-spacing: -0.55px; color: #000; }

header .inner_head .comLnk .mMenu .sitemap li ul, header .inner_head .comLnk .mMenuT .sitemap li ul { margin-top: 2rem; }

header .inner_head .comLnk .mMenu .sitemap li ul li, header .inner_head .comLnk .mMenuT .sitemap li ul li { margin-right: 0; margin-top: .7rem; }

header .inner_head .comLnk .mMenu .sitemap li ul li a, header .inner_head .comLnk .mMenuT .sitemap li ul li a { font-size: 1.8rem; letter-spacing: -0.45px; font-weight: 300; }

header .inner_head .comLnk .mMenu .sitemap li:last-child, header .inner_head .comLnk .mMenuT .sitemap li:last-child { margin-right: 0; }

header .inner_head .comLnk .mMenu .sitemap.on, header .inner_head .comLnk .mMenuT .sitemap.on { display: flex; }

header .inner_head .comLnk .mMenuT { display: none; }

header::after { content: ""; background: #fff; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); width: 100%; height: 0; display: block; transition: linear .2s; }

header.head_white .inner_head, header.fsp0401 .inner_head, header.fmp01 .inner_head, header.fmp01 .inner_head a, header.fsp0601 .inner_head, header.fsp020401 .inner_head a, header.fsp020201 .inner_head a, header.fsp050401 .inner_head, header.fsp050301 .inner_head, header.fsp050101 .inner_head, header.fsp030101 .inner_head, header.fsp030102 .inner_head, header.fsp030103 .inner_head, header.fsp020602 .inner_head, header.fsp020601 .inner_head a, header.fsp020501 .inner_head a, header.fsp020302 .inner_head, header.fsp020301 .inner_head a, header.fsp020202 .inner_head, header.fsp0103 .inner_head, header.fco0301 .inner_head, header.fco0402 .inner_head, header.hd_s01 .inner_head, header.hd_s02 .inner_head { color: #fff; }

header.head_white .inner_head h1 a, header.fsp0401 .inner_head h1 a, header.fmp01 .inner_head h1 a, header.fsp0601 .inner_head h1 a, header.fsp020201 .inner_head a, header.fsp020401 .inner_head h1 a, header.fsp050401 .inner_head h1 a, header.fsp050301 .inner_head h1 a, header.fsp050101 .inner_head h1 a, header.fsp030101 .inner_head h1 a, header.fsp030102 .inner_head h1 a, header.fsp030103 .inner_head h1 a, header.fsp020602 .inner_head h1 a, header.fsp020601 .inner_head h1 a, header.fsp020501 .inner_head h1 a, header.fsp020302 .inner_head h1 a, header.fsp020301 .inner_head h1 a, header.fsp020202 .inner_head h1 a, header.fsp0103 .inner_head h1 a, header.fco0301 .inner_head h1 a, header.fco0402 .inner_head h1 a, header.hd_s01 .inner_head h1 a, header.hd_s02 .inner_head h1 a { background-position: 0 -4.2rem; }

header.head_white .inner_head .comLnk button, header.fsp0401 .inner_head .comLnk button, header.fmp01 .inner_head .comLnk button, header.fsp0601 .inner_head .comLnk button, header.fsp020401 .inner_head .comLnk button, header.fsp020201 .inner_head .comLnk button, header.fsp050401 .inner_head .comLnk button, header.fsp050301 .inner_head .comLnk button, header.fsp050101 .inner_head .comLnk button, header.fsp030101 .inner_head .comLnk button, header.fsp030102 .inner_head .comLnk button, header.fsp030103 .inner_head .comLnk button, header.fsp020602 .inner_head .comLnk button, header.fsp020601 .inner_head .comLnk button, header.fsp020501 .inner_head .comLnk button, header.fsp020302 .inner_head .comLnk button, header.fsp020301 .inner_head .comLnk button, header.fsp020202 .inner_head .comLnk button, header.fsp0103 .inner_head .comLnk button, header.fco0301 .inner_head .comLnk button, header.fco0402 .inner_head .comLnk button, header.hd_s01 .inner_head .comLnk button, header.hd_s02 .inner_head .comLnk button { background-position-y: .6rem; }

header.head_white .inner_head #nav li a.active::after, header.fsp0401 .inner_head #nav li a.active::after, header.fmp01 .inner_head #nav li a.active::after, header.fsp0601 .inner_head #nav li a.active::after, header.fsp020401 .inner_head #nav li a.active::after, header.fsp050401 .inner_head #nav li a.active::after, header.fsp050301 .inner_head #nav li a.active::after, header.fsp050101 .inner_head #nav li a.active::after, header.fsp030101 .inner_head #nav li a.active::after, header.fsp030102 .inner_head #nav li a.active::after, header.fsp030103 .inner_head #nav li a.active::after, header.fsp020602 .inner_head #nav li a.active::after, header.fsp020601 .inner_head #nav li a.active::after, header.fsp020501 .inner_head #nav li a.active::after, header.fsp020302 .inner_head #nav li a.active::after, header.fsp020301 .inner_head #nav li a.active::after, header.fsp020202 .inner_head #nav li a.active::after, header.fsp0103 .inner_head #nav li a.active::after, header.fco0301 .inner_head #nav li a.active::after, header.fco0402 .inner_head #nav li a.active::after, header.hd_s01 .inner_head #nav li a.active::after, header.hd_s02 .inner_head #nav li a.active::after { background-color: #fff; }

header.head_white + .cnt_head .tit, header.fsp0401 + .cnt_head .tit, header.fmp01 + .cnt_head .tit, header.fsp0601 + .cnt_head .tit, header.fsp020401 + .cnt_head .tit, header.fsp050401 + .cnt_head .tit, header.fsp050301 + .cnt_head .tit, header.fsp050101 + .cnt_head .tit,
header.fsp050102 + .cnt_head .tit, header.fsp030101 + .cnt_head .tit, header.fsp020201 + .cnt_head .tit, header.fsp030102 + .cnt_head .tit, header.fsp030103 + .cnt_head .tit, header.fsp020602 + .cnt_head .tit, header.fsp020601 + .cnt_head .tit, header.fsp020501 + .cnt_head .tit, header.fsp020302 + .cnt_head .tit, header.fsp020301 + .cnt_head .tit, header.fsp020202 + .cnt_head .tit, header.fsp0103 + .cnt_head .tit, header.fco0301 + .cnt_head .tit, header.fco0402 + .cnt_head .tit, header.hd_s01 + .cnt_head .tit, header.hd_s02 + .cnt_head .tit { color: #fff; }

header.head_white + .cnt_head .desc, header.fsp0401 + .cnt_head .desc, header.fmp01 + .cnt_head .desc, header.fsp0601 + .cnt_head .desc, header.fsp020401 + .cnt_head .desc, header.fsp050401 + .cnt_head .desc, header.fsp050301 + .cnt_head .desc, header.fsp050101 + .cnt_head .desc,
header.fsp050102 + .cnt_head .desc, header.fsp030101 + .cnt_head .desc, header.fsp030102 + .cnt_head .desc, header.fsp020201 + .cnt_head .desc, header.fsp030103 + .cnt_head .desc, header.fsp020602 + .cnt_head .desc, header.fsp020601 + .cnt_head .desc, header.fsp020501 + .cnt_head .desc, header.fsp020302 + .cnt_head .desc, header.fsp020301 + .cnt_head .desc, header.fsp020202 + .cnt_head .desc, header.fsp0103 + .cnt_head .desc, header.fco0301 + .cnt_head .desc, header.fco0402 + .cnt_head .desc, header.hd_s01 + .cnt_head .desc, header.hd_s02 + .cnt_head .desc { color: white; }

header.js_fix { background: #fff; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); transition: linear .5s; }

header.js_fix .inner_head, header.js_on.js_fix .inner_head a, header.fsp0502011 .inner_head a, header.fsp050102 .inner_head a,
header.fsp0101 .inner_head a, header.fsp0102 .inner_head a, header.fsp0104 .inner_head a,
header.fco0401 .inner_head a, header.fsp0402 .inner_head a { color: #000; }
header.js_over .inner_head a, header.js_over.js_on.js_fix .inner_head a, header.fsp050101 .inner_head a, header.fsp0401 .inner_head a, header.fsp030101 .inner_head a, header.fsp050401 .inner_head, header.fsp0601 .inner_head, header.fco0402 .inner_head a {color: #fff;}

header.js_fix .inner_head h1 a { background-position: 0 0; }

header.js_fix .inner_head .comLnk button { background-position-y: -6.4rem; }

header.js_fix .inner_head #nav li a.active::after { background-color: #000; }

header.js_over, header.js_sitemap { background-image: linear-gradient(to right, #0086c9, #7fbe26); }

header.js_over::after, header.js_sitemap::after { height: 260px; }

header.js_over .inner_head, header.js_sitemap .inner_head { color: #fff; }

header.js_over .inner_head h1 a, header.js_sitemap .inner_head h1 a { background-position: 0 -4.2rem; }

header.js_over .inner_head .sub a, header.js_sitemap .inner_head .sub a { color: #000; }

header.js_over .inner_head .comLnk button, header.js_sitemap .inner_head .comLnk button { background-position-y: 6px; }

header.js_over .inner_head #nav li a.active::after, header.js_sitemap .inner_head #nav li a.active::after { background-color: #fff; }

header.js_sitemap { background-image: linear-gradient(to left, #0086c9, #7fbe26); }

header.js_sitemap::after { height: 328px; }

header.js_over_h::after { content: ""; height: 0; transition: linear .2s; }

@media (max-width: 1490px) { header #nav { min-width: auto; }
header #nav li { margin: 0 1.2rem; } }

@media (max-width: 992px) { header .inner_head h1 { flex: auto; }
  header .inner_head #nav { display: none; }
  header .inner_head .comLnk { min-width: auto; }
  header .inner_head .comLnk a { display: none; }
  header .inner_head .comLnk .mMenu { display: none; }
  header .inner_head .comLnk .mMenuT { display: block; } }

#nav { /* modify */ }

#nav li:nth-child(1) li:nth-child(1) a::before { background-image: url(../images/img_nav_sub0101.png?ver=1.1); }

#nav li:nth-child(1) li:nth-child(2) a::before { background-image: url(../images/img_nav_sub0102.png?ver=1.1); }

#nav li:nth-child(1) li:nth-child(3) a::before { background-image: url(../images/img_nav_sub0103.png?ver=1.1); }

#nav li:nth-child(1) li:nth-child(4) a::before { background-image: url(../images/img_nav_sub0104.png?ver=1.1); }

#nav li:nth-child(2) li:nth-child(1) a::before { background-image: url(../images/img_nav_sub0201.png?ver=1.1); }

#nav li:nth-child(2) li:nth-child(2) a::before { background-image: url(../images/img_nav_sub0202.png?ver=1.1); }

#nav li:nth-child(2) li:nth-child(3) a::before { background-image: url(../images/img_nav_sub0203.png?ver=1.1); }

#nav li:nth-child(2) li:nth-child(4) a::before { background-image: url(../images/img_nav_sub0204.png?ver=1.1); }

#nav li:nth-child(2) li:nth-child(5) a::before { background-image: url(../images/img_nav_sub0205.png?ver=1.1); }

#nav li:nth-child(3) li:nth-child(1) a::before { background-image: url(../images/img_nav_sub0101.jpg); }

#nav li:nth-child(3) li:nth-child(2) a::before { background-image: url(../images/img_nav_sub0101.jpg); }

#nav li:nth-child(3) li:nth-child(3) a::before { background-image: url(../images/img_nav_sub0101.jpg); }

#nav li:nth-child(3) li:nth-child(4) a::before { background-image: url(../images/img_nav_sub0101.jpg); }

#nav li:nth-child(4) li:nth-child(1) a::before { background-image: url(../images/img_nav_sub0501.png?ver=1.1); }

#nav li:nth-child(4) li:nth-child(2) a::before { background-image: url(../images/img_nav_sub0502.png?ver=1.1); }

#nav li:nth-child(4) li:nth-child(3) a::before { background-image: url(../images/img_nav_sub0504.png?ver=1.1); }

#nav li:nth-child(4) li:nth-child(4) a::before { background-image: url(../images/img_nav_sub0504.png?ver=1.1); }

#nav li:nth-child(5) li:nth-child(1) a::before { background-image: url(../images/img_nav_sub0401.png?ver=1.1); }

#nav li:nth-child(5) li:nth-child(2) a::before { background-image: url(../images/img_nav_sub0402.png?ver=1.1); }

#nav li:nth-child(5) li:nth-child(3) a::before { background-image: url(../images/img_nav_sub0403.png?ver=1.1); }

#nav li:nth-child(5) li:nth-child(4) a::before { background-image: url(../images/img_nav_sub0404.png?ver=1.1); }

#nav li:nth-child(5) li:nth-child(5) a::before { background-image: url(../images/img_nav_sub0405.png?ver=1.1); }

#nav li:nth-child(5) li:nth-child(6) a::before { background-image: url(../images/img_nav_sub0406.png?ver=1.1); }

#nav li:nth-child(6) li:nth-child(1) a::before { background-image: url(../images/img_nav_sub240827.png?ver=1.0); }

#nav li:nth-child(6) li:nth-child(2) a::before { background-image: url(../images/img_nav_sub0501.png?ver=1.1); }

#nav li:nth-child(6) li:nth-child(3) a::before { background-image: url(../images/img_nav_sub0505.png?ver=1.1); }

#nav li:nth-child(6) li:nth-child(4) a::before { background-image: url(../images/img_nav_sub0502.png?ver=1.1); }

#nav li:nth-child(6) li:nth-child(5) a::before { background-image: url(../images/img_nav_sub0504.png?ver=1.1); }

/*#nav li:nth-child(5) li:nth-child(4) a::before { background-image: url(../images/img_nav_sub0504.png?ver=1.1); }*/

footer { padding-bottom: 25px; background: #292a2b; color: #878e96;}

footer .inner_foot { margin: 0 auto; max-width: 1180px; }

footer .fhead { border-bottom: 1px solid #353a3c; padding: 4.3rem 0 0 10rem; display: flex; height: 26rem; }

footer .fhead .footmap { display: flex; justify-content: space-between; width: 100%;}

footer .fhead .footmap li { margin-right: 3.5rem;  font-weight: 300; font-size: 14px; }
footer .fhead .footmap li a {color: #d6dbe0;}

footer .fhead .footmap li ul { margin-top: 1.8rem; }

footer .fhead .footmap li ul li { font-size: 14px; letter-spacing: -0.35px; margin-bottom: 1.1rem; margin-right: 0; }
footer .fhead .footmap li ul li a {color: #878e96;}

footer .fhead .follow li { color: #d6dbe0; font-weight: 300; font-size: 12px; }

footer .fhead .follow li ul { display: flex; margin-top: 1.8rem; }

footer .fhead .follow li ul li { width: 27px; height: 24px; overflow: hidden; text-indent: -9999em; margin-right: 2rem; }

footer .fhead .follow li ul li a { display: block; height: 24px; }

footer .fhead .follow li ul li:first-child { background: url(../images/ico_follow.png) no-repeat 2px 0; }

footer .fhead .follow li ul li:last-child { background: url(../images/ico_follow.png) no-repeat -44px 0; }

footer .ffoot { font-size: 12px; font-weight: 300; line-height: 2; letter-spacing: -0.3px; color: #878e96; padding: 0; position: relative; } /* 2.2rem 0 0 38.3rem */
footer .ffoot a {color: #878e96;}

/*footer .ffoot::before { content: ""; width: 212px; height: 23px; background: url(../images/logo_f.png) no-repeat 0 0; position: absolute; left: 10rem; top: 2.4rem; background-size: cover; }*/

footer .ffoot .footer_container { display: flex; justify-content: space-between; }
footer .ffoot .footer_container .footer_logo_wrap { padding: 25px 0 14px; width: 100%; }
footer .ffoot .footer_container .footer_logo_wrap .footer_logo { display: inline-block; width: 212px; height: 23px; background: url(../images/logo_f.png) no-repeat 0 0; background-size: cover; }
footer .ffoot .footer_container .contents { flex: 1; flex-direction: row-reverse; }
footer .ffoot .footer_container .logo_wrap { display: flex; align-items: end; column-gap: 14px; }
footer .ffoot .footer_container .logo_wrap .logo_block { display: flex; justify-content: center; align-items: center; margin-bottom: 40px; padding: 6px 0; width: 180px; height: 51px; background: #c1c1c1; }
footer .ffoot .footer_container .logo_wrap .logo_block img { height: 28px; }

footer .ffoot address { font-style: normal; }

footer .ffoot .copyright { clear: both; }

footer .ffoot .row address, footer .ffoot .row .comtit { float: left; }

footer .ffoot .row span, footer .ffoot .row ul li { float: left; }

footer .ffoot .row span::before, footer .ffoot .row ul li::before { content: ' '; display: inline-block; width: 1px; height: 13px; background: #878e96; margin: 5px 7px 0 7px; vertical-align: top; }

footer .ffoot .row address { clear: both; }

footer .ffoot .row ul li:nth-child(3) { clear: both; }

footer .ffoot .row ul li:nth-child(3)::before { display: none; }

/* 2020 통영관광 창업학교 1기 교육생 수료식 */
.institute_view {position:relative; height:8rem; margin-top:2.4rem; text-align:center; background:#f7f7f7;}
.institute_view p {display:inline; margin-left:12.4rem;}
.institute_view span, .institute_view img {position:relative; top:50%; transform: translate(0,-50%);}
.institute_view span {display:inline-block; top:3.7rem; margin-right:2rem;  padding-right:2.3rem; color:#666; font-size:2rem; border-right:2px solid #828282;}
.institute_view img {margin-right:1.2rem; vertical-align:middle;}

#container .completion h3 {margin:7rem 0 3rem; padding:0; font-size:2.8rem; border:0;}
.box_line {padding:4rem; font-weight:300; color:#666; text-align: justify; line-height:1.5; border:1px solid #e4e4e4;}
.box_line strong {font-weight:400; border-bottom:1px solid #666;}

.curriculum {display:flex; margin-left:-2rem;}
.curriculum li {position:relative; width:calc(100% / 4); height:28rem; margin-left:2rem; padding:4.2rem 0 0 4.8rem; letter-spacing:-1px; border:1px solid #e4e4e4; border-radius:0 5rem;}
.curriculum li:nth-child(even) {border-color:#f7f7f7; background:#f7f7f7;}
.curriculum li > span:first-child {color:#389af9; font-weight:300;}
.curriculum li .time {position:absolute; right:3.9rem; bottom:3.1rem; font-weight:300; font-size:2rem;}
.curriculum dl dt {padding:1.6rem 0 3rem; font-size:2.4rem; }
.curriculum dl dd {color:#666; font-weight:300; line-height:1.4;}
.curriculum dl dd span {display:block;}

.completion .table_st01 th {padding:0 4rem; color:#000; text-align:left; border-color:#ddd; background:#f7f7f7;}
.completion .table_st01 td {white-space:nowrap; color:#666;}
.completion .table_st01 td:first-child {letter-spacing:0;}

.completion .gallery {overflow:hidden; margin-left:-2rem;}
.completion .gallery li {float:left; width:calc(100% / 3); padding-left:2rem; padding-bottom:2rem;}

@media (max-width: 992px) { footer { height: auto; }
  footer { padding-bottom: 0 }
  footer .fhead { display: none; }
  footer .ffoot { font-size: 2.4194vw; padding: 6.5vw 4.0323vw 6vw; position: relative; line-height: 1.75; }
  footer .ffoot::before { width: 33.7702vw; height: 3.7298vw; left: 4.0323vw; top: 8.0645vw; background-size: contain; }
  footer .ffoot .row span::before, footer .ffoot .row ul li::before { background: none; height: 0; margin: 5px 0.7056vw 0 0.7056vw; }
  footer .ffoot .row ul li:nth-child(1) { clear: left; }
  footer .ffoot .row ul li:nth-child(1)::before { display: none; }
  footer .ffoot .row ul li:nth-child(2) { clear: inherit; }
  footer .ffoot .row ul li:nth-child(2)::before { display: inline-block; }
  footer .ffoot .row ul li:nth-child(3) { clear: both; }
  footer .ffoot .row ul li:nth-child(3)::before { display: none; }
  footer .ffoot .copyright { padding-top: 1.5121vw; }
  footer .ffoot .footer_container { display: flex; flex-direction: column-reverse;}
  footer .ffoot .footer_container .footer_logo_wrap { padding: 48px 0 14px; }
  footer .ffoot .footer_container .logo_wrap { column-gap: 24px; }
  footer .ffoot .footer_container .logo_wrap .logo_block { margin-bottom: 0; padding: 12px 0; width: 100%; height: 68px; }
  footer .ffoot .footer_container .logo_wrap .logo_block img { height: 46px; }

  .institute_view p {margin-left:3rem;}
  .curriculum li {padding:2rem 2rem 0 2.4rem;}
  .curriculum dl dd span {display:inline;}
  .institute_view img {height:3.3rem;}
}
@media screen and (max-width: 768px) {
  footer .ffoot { padding: 48px 4.0323vw 36px; }

}
@media (max-width: 767px) {
	.institute_view {height:auto; padding:1rem 0 1rem 5rem; text-align:left;}
	.institute_view p {display:block; margin:0;}
	.institute_view span, .institute_view img {position:static; top:auto; transform:none; vertical-align:middle; line-height:1;}
}
@media screen and (max-width: 425px) {
  footer .ffoot { padding: 30px 4.0323vw 24px }
  footer .ffoot .footer_container .footer_logo_wrap { padding: 30px 0 14px; }
  footer .ffoot .footer_container .logo_wrap .logo_block { height: 42px; }
  footer .ffoot .footer_container .logo_wrap .logo_block { padding: 6px 0; }
  footer .ffoot .footer_container .logo_wrap .logo_block img { height: 100%; }
}
@media screen and (max-width: 375px) {
  footer .ffoot .footer_container .logo_wrap .logo_block img { height: 24px; }
}


#mNav { width: 0; height: 100%; top: 0; right: -85%; background: #fff; position: fixed; z-index: 100; transition: all 0.3s ease-in; transform: translateZ(0) translateX(85%); }

#mNav .mNav_top { background: #0066b3; color: #fff; height: 21rem; position: relative; display: flex; align-items: center; justify-content: space-between; }

#mNav .mNav_top .close { display: block; width: 8rem; height: 8rem; color: transparent; background: #ffffff url(../images/ico_cross03.png) no-repeat 50% 50%; position: absolute; left: -6rem; top: calc(50% - 4rem); }

#mNav .mNav_top .login { font-size: 3.2rem; font-weight: 300; letter-spacing: -2.4px; margin-right: 4.0323vw; display: flex; align-items: center; flex: 0 0 14.3rem; }

#mNav .mNav_top .login::before { content: ""; display: inline-block; width: 4.2rem; height: 4rem; background: url(../images/ico_login.png) no-repeat 50%; background-size: cover; margin-right: 1.5rem; }

#mNav .mNav_top::before { content: ""; display: inline-block; flex: 0 0 30rem; height: 3.6rem; background: url(../images/logo_m.png) no-repeat 0 0; margin-left: 5rem; background-size: contain; }

#mNav.act { width: 75%; right: 0; transform: translateZ(0) translateX(0); backface-visibility: hidden; bottom: 0; }

#mNav .mNav_menu { padding: 0 4.0323vw; position: relative; height: 100%; }

#mNav .mNav_menu ul li {position:relative; font-size: 3.6rem; font-weight: 300; letter-spacing: -0.9px; border-bottom: 1px solid #e9e9e9;  }
#mNav .mNav_menu ul li.oned span {position:absolute; right:24px; top:50%; width:20px; height:20px; margin-top:-11px; background: url(../images/ico_plus.png) no-repeat; background-size:20px;}

#mNav .mNav_menu ul li a { display: block; padding: 4rem 0 4rem 4rem; }

#mNav .mNav_menu ul li.oned.open {position: static; background-color: #f5f5f5; border-radius: 60px 0 0 60px; color: #0066b3; }

#mNav .mNav_menu ul li.oned.open .sub { width: 50%; right: 0; transform: translateZ(0) translateX(0); backface-visibility: hidden; bottom: 0; }

#mNav .mNav_menu ul li.nobdr { border-color: transparent; }

#mNav .mNav_menu ul.sub { width: 0; height: 100%; top: 0; right: -85%; background: #f5f5f5; position: absolute; z-index: 100; /* transition: all 0.3s ease-in; */ transform: translateZ(0) translateX(85%); color: #000; }

#mNav .mNav_menu ul.sub li {font-size: 3.2rem; font-weight: 300; letter-spacing: -2.0px; border-bottom:0;}

#mNav .mNav_menu ul.sub li a { padding:3.5rem 0 3.5rem 2.5rem; }

@media (max-width: 767px) { #mNav.act { width: 85%; }
  #mNav .mNav_top { height: 19rem; }
  #mNav .mNav_top::before { margin-left: 4rem; flex: 0 0 24rem; height: 2.6rem; }
  #mNav .mNav_top .login { flex: 0 0 12rem; font-size: 2.2rem; }
  #mNav .mNav_top .login::before { background-size: contain; width: 3.2rem; height: 3rem; }
  #mNav .mNav_top .close { background-size: 17px; }
  #mNav .mNav_menu ul li {/*  background-size: 20px; */ font-size: 2.5rem; }
  #mNav .mNav_menu ul li a { padding: 3.5rem 9rem 3.5rem 2.5rem; }
  #mNav .mNav_menu ul.sub li { font-size: 2.3rem; } 
  .curriculum {display:block;}
  .curriculum li {float:none; width:calc(100% - 14px); margin-top:2rem; height: 18rem;}
  .institute_view img {height:26px;}
  .completion .gallery li {width:calc(50% - 7px);}
  }

.sec { max-width: 1380px; padding: 0 10rem; margin: 8rem auto 0; }
.sec:first-child { margin-top: 0; }

@media (max-width: 992px) { .sec { padding-left: 4.0323vw; padding-right: 4.0323vw; } }

.sec_full { padding-left: calc(50% - 590px); padding-right: calc(50% - 590px); }

@media (max-width: 992px) { .sec_full { padding-left: 4.0323vw; padding-right: 4.0323vw; } }


.cntNav { max-width: 1760px; margin: 0 auto; position: relative; padding: 0 4.0323vw; }

.cntNav .breadcrumb { font-size: 16px; letter-spacing: -0.4px; color: #4a4e57; padding: 6.4rem 10rem 0 10rem; font-weight: 300; background: #fff; height: 12.2rem; max-width: 1380px; margin: 0 auto; }

.cntNav .breadcrumb span { margin: 0 1rem; display: inline-block; overflow: hidden; text-indent: -999em; width: .7rem; height: 1.3rem; background: url(../images/ico_arw01.png) no-repeat 0 50%; background-size: cover; }
.cntNav .breadcrumb span.third {text-indent:0; width:auto; height:auto; background:none;}
.cntNav .breadcrumb a:last-child { font-weight: 500; }

@media (max-width: 992px) { .cntNav .breadcrumb { padding: 3rem 4.0323vw; height: auto; padding-right: 19.1129vw; }.cntNav .breadcrumb span.third {display:none;} }

@media (max-width: 767px) { .cntNav .breadcrumb { /* font-size: 3.0242vw; */ padding-right: 28.1129vw;} .cntNav .breadcrumb span.third {display:none;} }

.cntNavPopup { max-width: 1760px; margin: 0 auto; position: relative; }

.cntNavPopup .breadcrumb { font-size: 16px; letter-spacing: -0.4px; color: #4a4e57; padding: 2.4rem 2rem 0 2rem; font-weight: 300; background: #fff; height: 6rem; max-width: 1380px; margin: 0 auto; }

.lnkpage span { position: absolute; top: -32.9rem; width: 80px; background: rgba(0, 0, 0, 0.2); border-radius: 40px; line-height: 80px; overflow: hidden; transition: ease-in-out .3s; }

.lnkpage span a { display: block; width: max-content; padding: 0 3rem; color: rgba(0, 0, 0, 0); letter-spacing: -0.6px; font-size: 2rem; font-weight: 400; transition: ease-in-out .3s; text-indent: -300px;}

.lnkpage span.prev { left: 4.0323vw; }

.lnkpage span.prev a { padding-left: 70px; }

.lnkpage span.prev a::before { background: url(../images/ico_arw02.png) no-repeat 0 -159px; content: ""; width: 80px; height: 80px; position: absolute; left: 0; }

.lnkpage span.prev:hover a::before { background-position: 0 2px; }

.lnkpage span.next { right: 4.0323vw;} /* direction: rtl; */

.lnkpage span.next a { padding-right: 70px; text-align: right; }

.lnkpage span.next a::after { background: url(../images/ico_arw02.png) no-repeat 2px -238px; content: ""; width: 80px; height: 80px; position: absolute; right: 0; top: 0; }

.lnkpage span.next:hover a::after { background-position: 2px -80px; }

.lnkpage span:hover { width: max-content; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2); }

.lnkpage span:hover a { width: max-content; background: #fff; color: rgba(0, 0, 0, 100); text-indent: 0;}

@media (max-width: 992px) { .lnkpage span { width: 70px; height: 70px; top: 0; border-radius: 0; }
  .lnkpage span a { overflow: hidden; text-indent: -999em; width: 70px; height: 70px; }
  .lnkpage span a::before, .lnkpage span a::after { display: none; }
  .lnkpage span:hover { width: 70px; box-shadow: none; }
  .lnkpage span:hover a { background: none; }
  .lnkpage span.prev a, .lnkpage span.next a { padding: 0; }
  .lnkpage span.prev { left: inherit; right: 13.0806vw; background: url(../images/ico_arw11.png) no-repeat 0 50%; background-size: cover; }
  .lnkpage span.next { background: url(../images/ico_arw11.png) no-repeat 100% 50%; background-size: cover; } }

@media (max-width: 767px) { .lnkpage span { width: 54px; height: 54px; }
  .lnkpage span a { width: 54px; height: 54px; }
  .lnkpage span:hover { width: 54px; }
  .lnkpage span.prev { right: 16.7339vw; } }

@media (max-width: 401px) { .lnkpage span { width: 47px; height: 47px; }
  .lnkpage span a { width: 47px; height: 47px; }
  .lnkpage span:hover { width: 47px; } }

.cnt_head { background-repeat: no-repeat; background-position: 50% 0; background-size: 100vmax 74rem; height: 74rem; position: relative; background-attachment: fixed; }

.cnt_head .tit { display: flex; align-items: center; justify-content: flex-start; flex-direction: column; color: #000; height: 62rem; }

.cnt_head .tit h2 { margin-top: 21rem; font-size: 3.2rem; letter-spacing: -2.4px; font-weight: 300; }

.cnt_head .tit .eng { font-size: 6.4rem; font-weight: 100; margin-top: 3rem; text-transform: uppercase; text-align: center; line-height: 1.15; word-break: keep-all; }

.cnt_head .tit .eng.eduTitle{ width: 35%; }

/* 추가 안대용 20-07-21 */
@media (max-width: 767px) { .cnt_head .tit .eng.eduTitle{ width: 50%; line-height: 1.3; } }
@media (max-width: 464px) { .cnt_head .tit .eng.eduTitle{ width: 80%; } }

.cnt_head .tit .desc { font-size: 2.4rem; letter-spacing: -1.5px; line-height: 1.4; font-weight: 300; margin-top: 5rem; text-align: center; color: #666; }

}
.cnt_head .tit .desc span { color: #a8ff00; }
.cnt_head .tit .desc span.m_block {color:#666;}

.cnt_head.white .tit, .fco0401 + .cnt_head .tit, .fco0402 + .cnt_head .tit { color: #fff; }

.cnt_head.white .desc, .fco0401 + .cnt_head .desc, .fco0402 + .cnt_head .desc { color: white; }

.w_block {display:block;}

@media (max-width: 992px) { .cnt_head .tit { height: 66.4rem; }
  .cnt_head .tit .eng { font-size: 5.5rem; } }

/* header custom */
.fmp01 { border-bottom: 1px solid rgba(255, 255, 255, 0.2); }

header[class*=_line] { border-bottom: 1px solid #ebebeb; }

header[class*=_line] + #container { min-height: calc(100% - 43rem); }

@media (max-width: 992px) { header[class*=_line] + #container { display: flex; align-items: center; } }

@media (max-width: 767px) { header[class*=_line] + #container { min-height: calc(100% - 29rem); }
  header[class*=_line] + #container .sec { padding-top: 0; } .m_block {display:block;} .w_block {display:inline;} }

.hd_s01 + #login { background-image: url(../images/bg_hd_s01.jpg); }

.hd_s02 + #login { background-image: url(../images/bg_hd_s02.jpg); }

.hd_s03 + #login { background-color: #f5f5f5; }

/* 서브 배경 */
.fco0301 + .cnt_head { background-image: url(../images/bg_head_fco0301.jpg); }

.fco0401 + .cnt_head { background-image: url(../images/bg_head_fco0401.jpg); }

.fco0402 + .cnt_head { background-image: url(../images/bg_head_fco0402.jpg); }

.fsp0101 + .cnt_head { background-image: url(../images/bg_head_fsp0101.jpg); }

.fsp0102 + .cnt_head { background-image: url(../images/bg_head_fsp0102.jpg); }

.fsp0103 + .cnt_head { background-image: url(../images/bg_head_fsp0103.jpg); }

.fsp0104 + .cnt_head { background-image: url(../images/bg_head_fsp0104.jpg); }

.fsp0201 + .cnt_head { background-image: url(../images/bg_head_fsp0201.jpg); }

/*기콘 상단이미지*/
/*기콘 상단이미지 파일명 변경 (bg_head_fsp020202.jpg → bg_head_con0402.jpg) (시즌4 제 2회부터 적용)*/


.fsp020201 + .cnt_head { background-image: url(../images/bg_head_con.jpg); }
/*fsp020201 + .cnt_head { background-image: url(../images/bg_head_con0405.jpg);}*/
/*.fsp020201 + .cnt_head { background-image: url(../images/bg_head_con0404.jpg); }*/
/*.fsp020201 + .cnt_head { background-image: url(../images/bg_head_con0403.jpg); }*/
/*.fsp020201 + .cnt_head { background-image: url(../images/bg_head_con0402.jpg); }*/

/*백업 - 기콘 시즌4 제01회 상단이미지
.fsp020201 + .cnt_head { background-image: url(../images/bg_head_fsp020201.jpg); } */


.fsp020202 + .cnt_head { background-image: url(../images/bg_head_fsp020202.jpg); }

.fsp020203 + .cnt_head { background-image: url(../images/bg_head_fsp020203.jpg); }

.fsp020301 + .cnt_head { background-image: url(../images/bg_head_fsp020301.jpg); }

.fsp020302 + .cnt_head { background-image: url(../images/bg_head_fsp020302.jpg); }

.fsp020401 + .cnt_head { background-image: url(../images/bg_head_fsp020401.jpg); }

.fsp020501 + .cnt_head { background-image: url(../images/bg_head_fsp020501.jpg); }

.fsp020601 + .cnt_head { background-image: url(../images/bg_head_fsp020601.jpg); }

.fsp020602 + .cnt_head { background-image: url(../images/bg_head_fsp020602.jpg); }

.fsp030101 + .cnt_head { background-image: url(../images/bg_head_fsp030101.jpg); }

.fsp030102 + .cnt_head { background-image: url(../images/bg_head_fsp030102.jpg); }

.fsp030103 + .cnt_head { background-image: url(../images/bg_head_fsp030103.jpg); }

.fsp0401 + .cnt_head { background-image: url(../images/bg_head_fsp0401.jpg); }
.fsp0402 + .cnt_head { background-image: url(../images/bg_head_fsp0402.jpg); }

.fsp050101 + .cnt_head { background-image: url(../images/bg_head_fsp050101.jpg); }
.fsp050102 + .cnt_head { background-image: url(../images/bg_head_fsp050102.jpg); }

.fsp050201 + .cnt_head { background-image: url(../images/bg_head_fsp050201_02.jpg); }

.fsp0502011 + .cnt_head { background-image: url(../images/bg_head_fsp050201.jpg); }

.fsp050301 + .cnt_head { background-image: url(../images/bg_head_fsp050301.jpg); }

.fsp050401 + .cnt_head { background-image: url(../images/bg_head_fsp050401.jpg); }

.fsp0601 + .cnt_head { background-image: url(../images/bg_head_fsp0601.jpg); }

.fspNotice + .cnt_head { background-image: url(../images/bg_head_fsp240827.png); }

/* 공통 ============================================================================== */
.a_center { text-align: center !important; }

.a_right { text-align: right !important; }

.a_left { text-align: left !important; }

.subCr02 { color: #202c74; }

.subCr03 { color: #0db665; }

.subCr04 { color: #ed1c24; }

.show { display: block !important; }

.hide { display: none !important; }

.blind { width: 0; height: 0; overflow: hidden; text-indent: -9999em; color: transparent; font-size: 0; position: absolute; }

#dim { position: fixed; z-index: 51; top: 0; left: 0; width: 0; height: 0; background: rgba(0, 0, 0, 0); transform: background-color .3s, width 0s 0.3s, height 0s 0.3s; }

#dim.show { width: 100%; height: 100%; transition: background-color .3s; background: rgba(0, 0, 0, 0.7); }

input[type=text] { border-radius: 5px; border: solid 1px #e3e1df; min-height: 4rem; font-size: 1.6rem; padding: 0 1.5rem; vertical-align: middle; font-weight: 300; width: 100%; }

input[type=text]::-webkit-input-placeholder { color: #ccc; }

input[type=text]:-ms-input-placeholder { color: #ccc; }

input[type=text]::-ms-input-placeholder { color: #ccc; }

input[type=text]::placeholder { color: #ccc; }

textarea { width: 100%; border: 1px solid #ccc; padding: 10px 15px; text-align: left; font-size: 2rem; margin: 10px 0; -webkit-appearance: none; }

textarea::-webkit-input-placeholder { color: #b2b2b2; font-size: 16px; }

textarea:-ms-input-placeholder { color: #b2b2b2; font-size: 16px; }

textarea::-ms-input-placeholder { color: #b2b2b2; font-size: 16px; }

textarea::placeholder { color: #b2b2b2; font-size: 16px; }

select::-ms-expand, input[type=text]::-ms-clear { display: none; }

.selectbox { display: inline-block; font-size: 0; }

.selectbox select { width: 100%; border: 1px solid #e3e1df; min-height: 5rem; padding: 0 4.5rem 0 1.5rem; -webkit-appearance: none; background: #fff url(../images/ico_select.png) no-repeat right 15px center; font-size: 2rem; border-radius: 5px; font-weight: 400; }

.active_list .searchbox .search {padding:1.5rem;}
.active_list .searchbox .search .selectbox {position:relative; min-width:16rem;}
.active_list .selectbox select {color:#999; font-weight:300; background:#fff;}
.active_list .selectbox::before, .active_list .selectbox::after {width: 1px; height: 10px; display: inline-block; border-bottom: 12px solid #959595; top: 1.6rem; right: 3rem; transform: rotate(0);}

.active_list .selectbox::before, .active_list .selectbox::after {content: ''; display: block; position: absolute; pointer-events: none; z-index: 2;}

.active_list .selectbox::before {transform: rotate(-135deg);}
.active_list .selectbox::after {transform: rotate(135deg);}

.selectbox select:focus { box-shadow: 0 0 7px 0 #e8e5e2; }

.selectbox select:not(:focus):invalid { color: #999; }

input[type=checkbox], input[type=radio], input[type=checkbox] + label, input[type=radio] + label { vertical-align: middle; background-color: transparent; }

input[type=checkbox], input[type=radio] { width: 20px; height: 20px; background-repeat: no-repeat; background-position: 0 0; display: inline-block; border-radius: 0; -webkit-appearance: none; background-image: url(../images/ico_chk.png); }

input[type=radio] { background-image: url(../images/ico_radio.png); }

input[type=radio] + label, input[type=checkbox] + label { margin: 0 20px 0 5px; color: #202c74; letter-spacing: -0.4px; font-size: 16px; }

input[type=checkbox], input[type=checkbox][disabled] { background-position: 0 50%; }

input[type=checkbox]:checked { background-position: -45px 50%; }

input[type=radio], input[type=radio]:disabled { background-position: 0 0; }

input[type=radio]:checked { background-position: -43px 0; }

.btnwrap { text-align: center; }

.btnwrap.attach{position:absolute; top:0; right:0;}

.btnwrap .btn { margin: 0 .5rem; }

.btn { border-radius: 5px; border: 1px solid #fff; color: #fff; display: inline-flex; min-width: 18rem; height: 4.8rem; font-size: 1.8rem; padding: 0 5rem; justify-content: center; align-items: center; }

.btn.round { border-radius: 2.4rem; }

.btn.big { height: 5.6rem; font-size: 2rem; }

.btn.big.round { border-radius: 2.8rem; }

.btn.small { height: 4rem; padding: 0 6rem; min-width: auto; }

.btn.small.round { border-radius: 2rem; }

/* add by naribi */
.btn.small2 { width:2rem; height: 4rem; padding: 0 6rem; min-width: auto; }

.btn.small2.round { border-radius: 1rem; }

.btn.st01 { background:#003399 /* #202c74 */; border-color: #202c74; }

/* add by naribi */
.btn.st01.off { background: #ccc; border-color: #ccc; }

/* .btn.st02 { color: #202c74; border-color: #202c74; } */
.btn.st02 { color: #202c74; border-color: #202c74; background: #fff; }

/* add by naribi */

.btn.st02.off2 { background: #fff; color: #202c74; border-color: #202c74; }
.btn.st02.off { background: #ccc; border-color: #ccc; color: #fff;}

.btn.st03 { color: #0db665; border-color: #0db665; }

.btn.st04 { border-color: #fff; background: #fff; color: #1473e6; }

.btn.st05 { border-color: #0092dc; color: #0092dc; }

.btn.st06 { border-color: #0092dc; background: #0092dc; }

.btn.st07 { border-color: #00a651; background: #00a651; }

.btn.st08 { border-color: #000; background: #fff; color: #000; }

.btn.st09 { border-color: #999; background: #fff; color: #999; }

.btn.st10 { background: #36456f; border-color: #36456f; }

.btn.st11 { background: #fafafa; border-color: #e5e5e5; color: #666; }

.btn.st12 { background: #31305A; color: #fff; }

h3 { font-size: 3.2rem; font-weight: 500; letter-spacing: -2.4px; color: #000; margin-bottom: 3rem; }

h3.ext { font-weight: 500; font-size: 4.8rem; letter-spacing: -3.6px; margin-top: 5rem; text-align: center; }

.txtline { text-decoration: none; border-bottom: 1px solid #666; font-weight: 500; }

#paging { margin: 8rem auto 0; text-align: center; }

#paging a, #paging em { display: inline-block; vertical-align: middle; color: #666; min-width: 5rem; max-height: 5rem; padding: 0 1rem; font-size: 2.4rem; letter-spacing: -0.6px; line-height: 5rem; margin: 0 .5rem; }

#paging .on { display: block; overflow: hidden; position: absolute; left: -9999px; width: 1px; height: 1px; font-size: 0; line-height: 0; text-indent: -9999px; }

#paging em { font-style: normal; font-weight: 500; background: #86c130; border: 1px solid #71a327; border-radius: 2.5rem; color: #fff; }

#paging a:hover { border: 1px solid #71a327; border-radius: 2.5rem; }

#paging .first, #paging .prev, #paging .next, #paging .end { width: 3.8rem; height: 5rem; color: transparent; overflow: hidden; background: url(../images/ico_paging_f.png) no-repeat 50% 50%; display: inline-block; vertical-align: middle; padding: 0; }

#paging .first:hover, #paging .prev:hover, #paging .next:hover, #paging .end:hover { color: transparent; }

#paging .prev { background-image: url(../images/ico_paging_p.png); margin: 0 8px; }

#paging .next { background-image: url(../images/ico_paging_n.png); margin: 0 8px; }

#paging .end { background-image: url(../images/ico_paging_e.png); }

@media (max-width: 992px) { 
	#paging a, #paging em { font-size: 2rem; margin: 0;} 
	.fsp020203 + .cnt_head {overflow:hidden;}
	#paging .first, #paging .prev, #paging .next, #paging .end { min-height: 3rem; width: auto; height: auto; background-size: 15px; margin: 0; }
	.fsp0402 + .cnt_head {background-image:url(../images/bg_head_fsp0402_m.jpg);}
  }

[class^=table] { width: 100%; border: 1px solid #dee4f5; border-radius: 5px; overflow: hidden; border-collapse: separate; }

[class^=table] th, [class^=table] td { padding: 0 4rem; height: 5rem; border-bottom: 1px solid #dee4f5; }
.completion .col [class^=table] th {padding: 0 2rem;}

[class^=table] th { letter-spacing: -1.35px; color: #202c74; background: #f6f8fc; font-weight: 400; }

[class^=table] td { letter-spacing: -0.9px; color: #999; font-weight: 300; }

[class^=table] tbody th { border-right: 1px solid #dee4f5; }

[class^=table] tbody tr:last-child th, [class^=table] tbody tr:last-child td { border-bottom: 0; }

[class^=table] [class*=subCr] { letter-spacing: -0.4px; font-size: 16px; font-weight: 400; }

[class^=table] .btn { height: 4rem; min-width: auto; padding: 0 2.8rem; margin-right: 1.2rem; }

[class$=_st01] { border: 0; border-radius: 0; border-collapse: separate; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 2rem; }

[class$=_st01] tbody th { background: #f5f5f5; font-weight: 500; letter-spacing: -1.5px; text-align: center; color: inherit; }

[class$=_st01] tbody td { font-weight: 300; line-height: 1.4; letter-spacing: -1.5px; color: inherit; }

[class$=_st01] tbody th, [class$=_st01] tbody td { border-bottom: 1px solid #ddd; border-left: 0; border-right: 0; height: 5.8rem; }

[class*=_st02] { border: 0; border-radius: 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 2rem; }

[class*=_st02] thead th, [class*=_st02] thead td, [class*=_st02] tfoot th, [class*=_st02] tfoot td { background: #f5f5f5; font-weight: 500; letter-spacing: -1.5px; text-align: center; color: inherit; }

[class*=_st02] tbody td { font-weight: 300; line-height: 1.4; letter-spacing: -1.5px; color: inherit; padding: 0 2rem; }

[class*=_st02] tbody th {padding:0 2rem; background: #f5f5f5; font-weight: 500; letter-spacing: -1.5px; text-align: center; color: inherit; }

[class*=_st02] tfoot td { background-color: #eeeeee; border-top: 1px solid #ddd; padding: 0 2rem; }

[class*=_st02] th, [class*=_st02] td { border-bottom: 1px solid #ddd; border-right: 0; height: 5.8rem; border-left: 1px solid #ddd !important; border-collapse: collapse; }

[class*=_st02] tr:first-child td:first-child[rowspan] { border-right: 1px solid #ddd; border-bottom: 0; border-left: 0 !important; }

[class*=_st02] tr:first-child td:last-child[rowspan] { border-bottom: 0; }

[class*=_st02] tr:first-child td:first-child[rowspan] + td { border-left: 0 !important; }

.active_list [class*=_st02] th, .active_list [class*=_st02] td {height:5.2rem; white-space:nowrap; text-align:center;}
.active_list [class*=_st02] td:nth-child(2) {text-align:left;} 

[class*=_st02] :is(thead, tbody) tr th:first-of-type,
[class*=_st02] tbody tr td:first-of-type,
[class*=_st02] tbody tr td[colspan] { border-left: none !important; }

[class$=_st03] { border: 0; border-radius: 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 2rem; }

[class$=_st03] tbody td { font-weight: 300; line-height: 1.4; letter-spacing: -1.5px; color: inherit; padding: 0 2rem; }

[class$=_st03] th { font-size: 2rem; font-weight: 500; line-height: 1.6; letter-spacing: -0.5px; text-align: center; color: #000; background: none; }

[class$=_st03] th, [class$=_st03] td { border-bottom: 1px solid #ddd; border-right: 0; height: 5.3rem; border-left: 1px solid #ddd; border-collapse: collapse; }

[class$=_st03] th:first-of-type, [class$=_st03] td:first-of-type { border-left: 0; }

.tb_st02 { display: flex; border: none; justify-content: space-between; }

.tb_st02 .col { flex: 0 0 580px; }

.tb_st02 .col th { width: 30%; }

@media (max-width: 992px) {
  .wp_xs { overflow-x: auto; padding-bottom: .5rem; }
  .wp_xs table { white-space: nowrap; }
  .wp_xs::-webkit-scrollbar { width: 5px; height: .3rem; background-color: #dedcdb; }
  .wp_xs::-webkit-scrollbar-thumb { background: #746d68; }
  .wp_xs::-webkit-scrollbar-thumb:hover { background-color: #372d22; }
  .wp_xs::-webkit-scrollbar-track { background: none; }
}

.searchbox .search input{ background: #f2f2f2; }

@media (max-width: 767px) {
  .wp_x { overflow-x: scroll; padding-bottom: .5rem; }
  .wp_x table { width: 120%; }
  .wp_x::-webkit-scrollbar { width: 5px; height: .3rem; background-color: #dedcdb; }
  .wp_x::-webkit-scrollbar-thumb { background: #746d68; }
  .wp_x::-webkit-scrollbar-thumb:hover { background-color: #372d22; }
  .wp_x::-webkit-scrollbar-track { background: none; }
}

  .wp_table .wp_table_row { display: flex; flex-wrap: wrap; }

  .wp_table .wp_table_row table { flex: 0 0 50%; }

  .searchbox { margin-top: 5rem; }

  .searchbox form{ position: relative }

  .searchbox .search { display: flex; column-gap: 1rem; padding-top: 2px; }

  .searchbox .search .selectbox { min-width: 18rem; }

  .searchbox .search input { font-size: 2rem; }

  .searchbox .search input::placeholder { color: #999; }

  /*.searchbox .search .btn { margin-left: 2rem}*/

  .active_list .searchbox .search .btn {min-width:12rem; padding:0;}

  .active_list .table_st02 {width:100%; margin-top:-4rem;
}
@media (max-width: 425px) {
  .searchbox .search { display: block; }
  .searchbox .search{ display: flex !important; flex-wrap: wrap; column-gap: .5em }
  .searchbox .search input { margin-right: 0; height: 35px;}
  .searchbox .search .btn { margin-top: 1rem; margin-left: 0; width: 100%; height: 48px; font-size: 1.5em; }
}

@media (max-width: 992px) {
  .searchbox { margin-top: 3rem !important; }
  /*.searchbox .search { padding-left: 2rem; padding-right: 2rem; }*/
  .searchbox .search .selectbox { min-width: 14rem; }
  .searchbox .btn { min-width: 14rem; } 
  .active_list .table_st02 {margin-top:0;}
  .active_list .sec {margin-top:3rem;}}

@media (max-width: 767px) { .searchbox .btn { min-width: 9rem; padding-left: 2.5rem; padding-right: 2.5rem; } }

.wbr { display: none; }

@media (max-width: 992px) { .wbr { display: block; } }

.mbr { display: block; }

@media (max-width: 992px) { .mbr { display: none; } }

.pic { background: #fff url(../images/ico_noimg.png) no-repeat 50% 50%; }

.pic img { width: 100%; height: 100%; object-fit: cover; }

@media (max-width: 992px) { .pic { background-size: 5vw; } }

@media (max-width: 767px) { .pic { background-size: 10vw; }}

.cntTop, .forum01, .books01, .books02, .golf01, .edu01, .news01 { display: flex; padding-top: 5rem; }

@media (max-width: 767px) {.news01 {display:block;}}

.cntTop .pic, .forum01 .pic, .books01 .pic, .books02 .pic, .golf01 .pic, .edu01 .pic, .news01 .pic { background: #fff url(../images/ico_noimg.png) no-repeat 50% 50%; flex: 0 0 38rem; border: 1px solid #ddd; margin-right: 5rem; }

.cntTop .desc, .forum01 .desc, .books01 .desc, .books02 .desc, .golf01 .desc, .edu01 .desc, .news01 .desc { font-size: 2rem; font-weight: 300; letter-spacing: -1.5px; text-align: left; flex: 0 1 100%; align-self: center; color: #666; }

.active_list .desc {padding-top:2rem; align-self:auto;}
.active_list .desc .date {margin-top:2.5rem; font-weight:400; font-size:2.2rem;}
.active_list .desc p span {display:block;}

.cntTop .desc .tit, .forum01 .desc .tit, .books01 .desc .tit, .books02 .desc .tit, .golf01 .desc .tit, .edu01 .desc .tit, .news01 .desc .tit { font-size: 3.2rem; line-height: 1; letter-spacing: -2.4px; font-weight: 500; display: block; color: #000; }

.cntTop .desc ul, .forum01 .desc ul, .books01 .desc ul, .books02 .desc ul, .golf01 .desc ul, .edu01 .desc ul, .news01 .desc ul { color: #666; margin-top: 3rem; }

.cntTop .desc ul li, .forum01 .desc ul li, .books01 .desc ul li, .books02 .desc ul li, .golf01 .desc ul li, .edu01 .desc ul li, .news01 .desc ul li { display: flex; }

.cntTop .desc ul li ul, .forum01 .desc ul li ul, .books01 .desc ul li ul, .books02 .desc ul li ul, .golf01 .desc ul li ul, .edu01 .desc ul li ul, .news01 .desc ul li ul { margin-top: 0; }

.cntTop .desc ul li span, .forum01 .desc ul li span, .books01 .desc ul li span, .books02 .desc ul li span, .golf01 .desc ul li span, .edu01 .desc ul li span, .news01 .desc ul li span { flex: 0 0 6rem; font-weight: 500; }

.cntTop .btn, .forum01 .btn, .books01 .btn, .books02 .btn, .golf01 .btn, .edu01 .btn, .news01 .btn { margin-top: 3.5rem; font-size: 2rem; min-width: 16rem; padding: 0 2rem; }

@media (max-width: 992px) { .cntTop .pic, .forum01 .pic, .books01 .pic, .books02 .pic, .golf01 .pic, .edu01 .pic, .news01 .pic { flex: 0 0 28rem; height: 28rem; }
  .cntTop .desc .tit, .forum01 .desc .tit, .books01 .desc .tit, .books02 .desc .tit, .golf01 .desc .tit, .edu01 .desc .tit, .news01 .desc .tit { font-size: 2.8rem; line-height: 1.2; }
  .cntTop .desc ul, .forum01 .desc ul, .books01 .desc ul, .books02 .desc ul, .golf01 .desc ul, .edu01 .desc ul, .news01 .desc ul { font-size: 2rem; } 
  .active_list .news01 .pic {flex:0 0 280px;}
  .active_list .selectbox:first-child,
  /*.archive_list .selectbox:first-child{display:none;}*/
  /*.active_list .selectbox::before, .active_list .selectbox select::after {top:1.7rem;}*/
  }

@media (max-width: 767px) {
  .cntTop .pic, .forum01 .pic, .books01 .pic, .books02 .pic, .golf01 .pic, .edu01 .pic, .news01 .pic { margin-right: 3rem; }
  .active_list .desc p span {display:inline;} .active_list .news01 {display:block;} .active_list .news01 .pic {height:auto; margin:0;}
  .active_list .searchbox .search .selectbox,
  .archive_list .searchbox .search .selectbox{ flex: 1; }
  :is(.archive_list, .notice_list, .active_list)  .searchbox .search .selectbox + input{ flex: 2; }
  .active_list .searchbox .search input + button { flex: 0 0 100%; }
}

@media (max-width: 767px) { .cntTop .pic, .forum01 .pic, .books01 .pic, .books02 .pic, .golf01 .pic, .edu01 .pic { flex: 0 0 23rem; height: auto; margin:0; }
  .news01 .pic {height:auto; margin-right:0;}
  .news01 .desc {margin-top:2.5rem;}
  .cntTop .desc .tit, .forum01 .desc .tit, .books01 .desc .tit, .books02 .desc .tit, .golf01 .desc .tit, .edu01 .desc .tit, .news01 .desc .tit { margin-top:2rem; font-size: 2.65rem; }
  .cntTop .desc ul, .forum01 .desc ul, .books01 .desc ul, .books02 .desc ul, .golf01 .desc ul, .edu01 .desc ul, .news01 .desc ul { font-size: 2.2rem; } 
  .cntTop, .forum01, .books01, .books02, .golf01, .edu01, .news01 {display:block;}}

.mov { position: relative; }

.ctrl { position: absolute; width: 12rem; height: 12rem; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.ctrl button { content: ""; width: 100%; height: 100%; background: url(../images/ico_play.png) no-repeat 0 0; background-size: cover; overflow: hidden; text-indent: -999em; }

.popup { position: absolute; background: #fff; left: 50%; top: 50%; z-index: 100; transform: translate(-50%, -50%); padding-top: 10rem; width: 138rem;  }

.popup .close { width: 10rem; height: 10rem; background: #00a651 url(../images/ico_cross02.png) no-repeat 50% 50%; overflow: hidden; text-indent: -999em; position: absolute; right: 20px; top: -5rem; }

.popup .popCnt { padding: 0 4rem 6rem; }

.popup .popCnt h3 { border-bottom: 1px solid #ddd; padding-bottom: 25px; margin-top: 6rem; margin-bottom: 4rem; }

.popup .popCnt h3:first-child { margin-top: 0; }

.popup .popCnt .inpForm { padding: 0; }

.popup .popCnt .inpForm .btn { width: auto; margin-top: 4rem; }

.popup .popCnt .inpForm .btn.st01 {background:#003399;}

.popup .popCnt .inpForm .inp { margin-top: 0; }

.popup .popCnt .inpForm .inp input:first-child { margin-top: 0; }

.popup .popCnt .inpForm .inp.inpSt01 input { width: 32%; margin-top: 0; }

.popup .popCnt .inpForm .inp.inpSt02 input, .popup .popCnt .inpForm .inp.inpSt03 input, .popup .popCnt .inpForm .inp.inpSt05 input { width: 65%; }

.popup .popCnt .inpForm .inp.inpSt02 .btn, .popup .popCnt .inpForm .inp.inpSt03 .btn, .popup .popCnt .inpForm .inp.inpSt05 .btn { margin-top: 0; min-width: auto; width: 130px; padding-left: 0; padding-right: 0; margin-right: 0; float: right; }

.popup .popCnt .inpForm .inp.inpSt03 input { width: 74.9%; }

.popup .popCnt .inpForm .inp.inpSt04 { margin-top: 2rem; }

.popup .popCnt .inpForm .inp.inpSt05 input { width: calc(100% - 145px); }

.popup .popCnt .inpForm .inp.inpSt05 button { margin: 0 0 0 15px; }

.popup.pos01 { top: 110px; transform: translate(-50%, 0); height:80rem;}

.popup.pos02 { /* top:160px; */ top: 80px; transform: translate(-50%, 0); }

.popup.pos02 .close { right: -80px; top: 20px; }

.popup.pos03 { position: fixed;/* top:160px; */ top: 100px; transform: translate(-50%, 0); padding-top: 0; width: 1020px; }

.popup.pos03 .close { width: 6.4rem; height: 6.4rem; top: -3.2rem; background-size: 38px 38px; }

.popup.pos03 .slctrl button { width: 35px; }

.popup.pos04, .popup.pos05, .popup.pos06 { padding-top: 6rem; }

.popup.pos04 .close, .popup.pos05 .close, .popup.pos06 .close { right: 0; width: 60px; height: 60px; background-image: url(../images/ico_cross01.png); top: -3rem; }

.popup.pos04 { width: 488px; }

.popup.pos05 { width: 654px; }

.popup.pos06 { width: 800px; padding-top: 8rem; }
#education_apply_layer {position:fixed; top:50rem !important;}
#education_apply_layer .popCnt {overflow-y:auto; height:80vh;}

.popup.pos06 .close { width: 50px; height: 50px; background-size: 30px 30px; right: 20px; }

.popup.pos06 .popCnt { padding: 0 8rem 8rem 8rem; }

.popup.pos06 .table_st02 { margin-top: 3rem; }

.popup.pos06 .table_st02 th { padding: 0 3.5rem; }

.popup.pos06 .table_st02 th, .popup.pos06 .table_st02 td { height: 5.1rem; border-radius: 0; border-left: 0; }

.popup.pos06 .table_st02 td, .popup.pos06 .table_st02 label { font-size: 18px; color: #000; line-height: 1; }

.popup.pos06 h4 { font-size: 2.4rem; font-weight: 500; letter-spacing: -1.8px; margin-top: 4rem; }

.popup.pos06 .corpInfo { border-bottom: none; width: 100%; }

.popup.pos06 .corpInfo th, .popup.pos06 .corpInfo td { height: 6.8rem; padding-top: 1rem; padding-bottom: 1rem; }

.popup.pos06 .corpInfo td { font-size: 2rem; }

.popup.pos06 .corpInfo td .btnwrap { text-align: left; }

.popup.pos06 .corpInfo td .btnwrap button { font-size: 2rem; font-weight: 300; letter-spacing: -0.5px; margin: 0; }

.popup.pos06 .corpInfo td .btnwrap button:first-child { width: 13.4rem; padding: 0; margin-right: 15px; }

.popup.pos06 .corpInfo th[rowspan] { border-right: 1px solid #ddd; }

.popup.pos06 .corpInfo th { width: 20%; padding-left: 1.5rem; padding-right: 1.5rem; }

.popup.pos06 .corpInfo tr:nth-child(4) td select, .popup.pos06 .corpInfo tr:nth-child(5) td select, .popup.pos06 .corpInfo tr:nth-child(6) td select, .popup.pos06 .corpInfo tr:nth-child(7) td select, .popup.pos06 .corpInfo tr:nth-child(8) td select, .popup.pos06 .corpInfo:last-of-type td select { min-height: 4rem; width: 100px; }

.popup.pos06 .corpInfo tr:nth-child(4) td input, .popup.pos06 .corpInfo tr:nth-child(5) td input, .popup.pos06 .corpInfo tr:nth-child(6) td input, .popup.pos06 .corpInfo tr:nth-child(7) td input, .popup.pos06 .corpInfo tr:nth-child(8) td input, .popup.pos06 .corpInfo:last-of-type td input { font-size: 2rem; }

.popup.pos06 .corpInfo .incol3 input { width: 31%; }

.popup.pos06 .corpInfo .incol2 input { width: 48.5%; }

.popup.pos06 .corpInfo .incolMail input { width: 65%; }

.popup.pos06 .corpInfo .incolMail .selectbox, .popup.pos06 .corpInfo .incolMail input { vertical-align: middle; }

.popup.pos06 .corpInfo:last-of-type th:first-child { padding: 0; border-right: 1px solid #ddd; }

.popup.pos06 .btnwrap .round { padding: 0 2rem; font-size: 2rem; margin-top: 3rem; }

@media (max-width: 992px) { .popup .close { background-size: 36px; width: 6.4rem; height: 6.4rem; top: -3rem; right: 2.0161vw; }
  .popup.pos01, .popup.pos02, .popup.pos05, .popup.pos06 {width: 90%; height: 80vh;}
  .popup.pos03 {position:fixed; width: 90%; left:50%; top:50%; transform: translate(-50%,-50%);/*  height:auto !important; top:50% !important; transform: translate(-50%, -15%); */ background:none;}
  .popup.pos04 { width: 60%; }
  .popup.pos04 .inp input, .popup.pos05 .inp input { min-height: 5.5444vw; }
  .popup.pos02 .close { top: -3rem; right: 2.0161vw; }
  .popup.pos03 .slctrl button { top: 54%; background-size: 20px !important; }
  .popup.pos03 .slctrl .js_prev { left: 10px; }
  .popup.pos03 .slctrl .js_next { right: 10px; } 
  .swiper-slide img {width:100%;}
  .popup.pos03 .slpage {display:none;}
  #education_apply_layer {/* top:77rem !important; */}
  #education_apply_layer .popCnt {height:73vh;}
  }

@media (max-width: 767px) {
#education_apply_layer .popCnt {height:70vh;}
#education_apply_layer {top:50% !important;}
.popup.pos02 { padding-top: 5rem;}
.popup .close { background-size: 23px; z-index: 2; }
.popup.pos03 {/*  width: 180.4315vw; */width:92%; height:auto; top:50%; left:50%; margin:0 4.0323vw; transform: translate(-50%,-50%);  }
.popup.pos03 .close { right: initial; left: 81.9798vw; background-size: 30px 30px;}
.popup.pos03 .slctrl .js_next { right: 93.7379vw; }
.popup.pos04, .popup.pos05 { width: 90%; }
.popup.pos04 .loginChk a, .popup.pos04 .loginChk label, .popup.pos05 .loginChk a, .popup.pos05 .loginChk label { font-size: 3.0161vw; }
.popup.pos04 .close, .popup.pos05 .close { width: 45px; height: 45px; }
.popup.pos04 .inp input, .popup.pos05 .inp input { min-height: 10.5444vw; }
.popup.pos04 .popCnt .inpForm .inp.inpSt02 .btn, .popup.pos04 .popCnt .inpForm .inp.inpSt03 .btn, .popup.pos05 .popCnt .inpForm .inp.inpSt02 .btn, .popup.pos05 .popCnt .inpForm .inp.inpSt03 .btn { height: 10.5444vw; width: 23.8871vw; }
.popup.pos04 .popCnt .inpForm .inp.inpSt03 input, .popup.pos05 .popCnt .inpForm .inp.inpSt03 input { width: 65%; }
.popup.pos04 .popCnt .resultSec dl, .popup.pos05 .popCnt .resultSec dl { font-size: 3.0242vw; }
.popup.pos04 .popCnt .resultSec dl dd ul li span, .popup.pos05 .popCnt .resultSec dl dd ul li span { padding: 0 6.0484vw; }
.popup.pos06 .popCnt { padding-left: 4.0323vw; padding-right: 4.0323vw; }
.popup.pos06 .popCnt .inpForm .btn { min-width: 14rem; }
.popup.pos06 .popCnt .inpForm input { min-height: 8.0645vw; }
.popup.pos06 .popCnt .inpForm input[type="radio"] {min-height:auto;}
  .popup.pos06 .popCnt .inpForm .selectbox select { width: 18vw; min-height: 8.0645vw; padding-left: 1rem; background-position: right 10px center; }
.popup.pos06 .popCnt .inpForm .inpSt05 input { width: calc(100% - 20.5vw); }
.popup.pos06 .popCnt .inpForm .inpSt05 button.btn { width: 17.1048vw; margin-left: 10px; height: 8.0645vw; }
.popup.pos06 .popCnt .table_st02 td, .popup.pos06 .popCnt .table_st02 label { font-size: 3.7218vw; }
.popup.pos06 .popCnt .table_st02 td, .popup.pos06 .popCnt .table_st02 th { padding: 2rem 1rem; height: auto; width: auto; font-size: 3.7218vw; }
.popup.pos06 .popCnt .corpInfo tr:nth-child(4) th:first-child { width: 19%; }
.popup.pos06 .popCnt .corpInfo th { width: 22%; }
.popup.pos06 .popCnt .corpInfo td .btnwrap button:first-child { font-size: 1.8rem; margin-right: 1rem; }
.popup.pos06 .popCnt .corpInfo .incolMail input { width: 57%; } }

.fixscroll { overflow: hidden; }

.cntTxt { font-size: 2rem; font-weight: 100; line-height: 1.8; letter-spacing: -1.5px; text-align: justify; }

.recom { display: flex; }

.recom .pic { width: 20rem; height: 20rem; border-radius: 10rem; overflow: hidden; border: 1px solid #ddd; }

.recom .desc { font-size: 16px; font-weight: 300; letter-spacing: -0.8px; color: #666; line-height: 1.8; margin-left: 7.8rem; }

.recom .desc .tit { font-size: 2.8rem; font-weight: 500; letter-spacing: -2.1px; display: block; color: #000; }

.recom .desc .sub { margin-top: 1.5rem; }

.recom .desc ul { margin-top: 1.5rem; }

.postlnk { border-bottom: 1px solid #ddd; }

.postlnk dl { display: flex; border-top: 1px solid #ddd; align-items: center; font-size: 2rem; font-weight: 400; letter-spacing: -1px; text-align: justify; }

.postlnk dl dt { line-height: 6.7rem; flex: 0 0 28rem; text-align: center; font-weight: 500; }

.postlnk dl dt::before { content: ""; display: inline-block; width: 9px; height: 17px; background: url(../images/ico_arw06.png) no-repeat 50% 0; margin-right: 20px; }

.postlnk dl:last-child dt::before { background-position: 50% 100%; }

@media (max-width: 992px) { .postlnk dl { font-size: 2.0161vw; }
  .postlnk dl dt { line-height: 6.754vw; flex: 0 0 28.2258vw; }
  .postlnk dl dt::before { width: 0.9073vw; height: 1.7137vw; margin-right: 2.0161vw; background-size: cover; } }

@media (max-width: 767px) { .postlnk dl { font-size: 3.0242vw; }
  .postlnk dl dt { line-height: 10.0806vw; flex: 0 0 24.3387vw; }
  .postlnk dl dt::before { width: 1.6129vw; height: 2.5202vw; margin-right: 3.0242vw; } }

.sns ul { display: flex; }

.sns ul li { width: 4rem; height: 4rem; border-radius: 20px; border: solid 1px #cdcdcd; background: #ffffff; overflow: hidden; margin: 0 5px; }

.sns ul li button { font-size: 0; }

.sns ul li button::before { content: ""; width: 4rem; height: 4rem; background: url(../images/ico_sns01.png) no-repeat 50% 50%; display: block; background-size: 25px; }

.sns ul li:nth-child(2) button::before { background-image: url(../images/ico_sns02.png); }

.sns ul li:nth-child(3) button::before { background-image: url(../images/ico_sns03.png); }

.sns ul li:nth-child(4) button::before { background-image: url(../images/ico_sns04.png); }

.mov .vjs-theme-forest .vjs-big-play-button {z-index: 2;position: absolute;left: 50%;top: 50%; margin:0;transform: translate(-50%,-50%);width: 10rem;height: 10rem;border-radius: 50%; background-image:none ; background-color: rgba(204,204,204,0.7);}

.mov .vjs-theme-forest .vjs-big-play-button:after {content:''; position:absolute; width:6.5rem; height:6.5rem; left:2rem; top:1.75rem; opacity:.8; background:url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2093.361%20105.96%22%3E%3Cpath%20d%3D%22M90.352%2047.768c4.012%202.316%204.012%208.107%200%2010.424L49.69%2081.669%209.027%20105.145C5.015%20107.462%200%20104.566%200%2099.933L0%2052.98%200%206.027c0-4.633%205.015-7.528%209.027-5.212L49.69%2024.292%2090.352%2047.768z%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E') no-repeat center center; background-size: 55.1875%;}

.mov .vjs-theme-forest.vjs-big-play-button:focus, .mov .vjs-theme-forest:hover .vjs-big-play-button {background-image:none; background-color: rgba(204,204,204,0.7);}

@media (max-width: 992px) { .sns ul li { width: 4.0323vw; height: 4.0323vw; }
  .sns ul li button:before { background-size: 20px; width: 4.0323vw; height: 4.0323vw; } }

@media (max-width: 767px) { .sns ul li { width: 7.8629vw; height: 7.8629vw; }
  .sns ul li button:before { background-size: 16px; width: 7.0323vw; height: 7.0323vw; }
  .sns ul li:first-child { margin-left: 0; } }

.tab { display:flex; column-gap: 0; padding: 0; background: #f5f5f5; }
.tab li { height: 70px; padding: 1.5rem 0; background: #fff; font-size: 1.25em; line-height: 35px; letter-spacing: -1.5px; text-align: center}
.booksView .tab li, .eduView .quick_menu .tab li { width: 100%; height: 7rem; padding: 2.1rem 0; font-size: 2rem; font-weight: 300; letter-spacing: -1.5px; text-align: center; color: #999; background: unset}
.tab li a { font-weight: 300; color: #666; }
/*.eduView .quick_menu .tab {width:100%; display:table;}*/
/*.eduView .quick_menu .tab li {display:table-cell;}*/

.tab li.on {display:block; padding: 2.5rem 0; border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-left: 1px solid #ddd; background: #fff !important; font-size: 2.4rem; letter-spacing: -1.8px; color: #000; }
.tab li:not(.on) { border-bottom: 1px solid #ddd; }
.tab li:not(.on):last-child { border-left: 1px solid #ddd; }
.tab li:not(.on):first-child { border-right: 1px solid #ddd; }
/* 샘플샘플샘플 */
.editerTxt { font-weight: 300; line-height: 1.56; letter-spacing: -1.35px; color: #666666; }

@media (max-width: 992px) { .editerTxt { font-size: 1.8145vw; } }

@media (max-width: 767px) { 
	.editerTxt { font-size: 3.3266vw;} 
	.tab {display:block; padding:0; border:1px solid #e4e4e4;z}
	.tab li {position:relative; width:100%; padding:2rem 1rem; font-size:2.2rem; text-align:left; color:#000;}
	.tab li.on {padding: 2.5rem 0 2.5rem 3rem; font-weight:500; font-size:2.2rem;}
	.tab li.on:before {content: ''; position: absolute; top:16px; left:2px; padding:4px; border: solid #3d9cf9; border-width: 0 2px 2px 0; transform: rotate(-45deg);}
	.tab_inline {display:flex;}
}
/* Tab */
.epsa_tab { margin: 8rem auto 6rem !important; }
.epsa_tab ul.tab_wrap{ display:flex; column-gap: 0; }
.epsa_tab ul.tab_wrap li { display: flex; justify-content: center; align-items: center; flex: 1; height: 70px; padding: 0; background: #fff; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #000; border-left: 1px solid #dbdbdb; text-align: center}
.epsa_tab ul.tab_wrap li a { display: inline-block; width: 100%; height: 100%; line-height: 70px; font-weight: 300; color: #666; }
.epsa_tab ul.tab_wrap li:last-child{ border-right: 1px solid #dbdbdb; }
.epsa_tab ul.tab_wrap li.active{ border-top: 4px solid #000; border-right: 1px solid #000;  border-bottom: transparent; border-left: 1px solid #000; }
.epsa_tab ul.tab_wrap li.active a{ font-weight: 600; color: #000; }
.epsa_tab ul.tab_wrap li.active{background: #fff; border-top: 4px solid #000}
.epsa_tab ul.tab_wrap li:not(.active):hover{font-weight: 500; background: #f5f5f5}

@media screen and (max-width: 425px){
  .epsa_tab ul.tab_wrap{ flex-direction: column; }
  .epsa_tab ul.tab_wrap li{ border-bottom: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; }
  .epsa_tab ul.tab_wrap li a{ font-size: 1.25em; line-height: 56px; }
  .epsa_tab ul.tab_wrap li.active{ border-bottom: 1px solid #000; }
}

.editerBox { border: solid 1px #ddd; padding: 4rem; }

@media (max-width: 767px) { .editerBox { padding: 6.0484vw; } }

/* contents ========================================================================== */
#login, .doing { padding-top: 10rem; }

#login { background-size: cover; background-repeat: no-repeat; background-position: 0 0; height: 100%; display: flex; justify-content: center; align-items: center; }

#login .logbox, #login .certPage { width: 102rem; height: 56rem; background: #fff; border-radius: 20px; display: flex; overflow: hidden; }

#login .loginSide, #login .inpForm { flex: 0 0 50%; max-width: 50%; }

#login .loginSide { background: #1473e6 url(../images/logo_v.png) no-repeat 50% 50%; color: #fff; background-size: 19rem; }

#login .loginSide .login_slide { position: relative; padding: 6.4rem 0 0 0; display: flex; overflow: hidden; height: 100%; background: #1473e6 url(../images/bg_loginad.png) no-repeat right 25px bottom 25px; }

#login .loginSide .login_slide .slide { flex: 0 0 100%; padding-left: 6.3rem; }

#login .loginSide .login_slide strong { font-family: Roboto; font-size: 3.6rem; font-weight: 300; letter-spacing: -0.9px; display: block; }

#login .loginSide p { font-weight: 300; line-height: 1.56; letter-spacing: -0.45px; margin-top: 2.5rem; }

#login .loginSide .dotpage { position: absolute; left: 6.3rem; bottom: 6.4rem; }

#login .loginSide .dotpage span { display: inline-block; width: 1.6rem; height: 1.6rem; background: #fff; border-radius: 8px; overflow: hidden; text-indent: -999em; margin-right: 1rem; }

#login .loginSide .dotpage span.on { background: #a2ff00; }

#login .loginSide.st_p01 { background: url(../images/logo_v.png) no-repeat left 50% top 50%, url(../images/bg_newpass.png) left top 0 no-repeat, #1473e6; }

#login .tab_form { display: flex; margin-top: 4rem; }

#login .tab_form li { font-size: 2rem; font-weight: 300; letter-spacing: -1.5px; text-align: center; color: #666; border-bottom: 1px solid #ddd; flex: 0 0 50%; padding-bottom: 2.5rem; }

#login .tab_form li.on { font-size: 2.4rem; font-weight: 500; letter-spacing: -1.8px; text-align: center; color: #1473e6; border-bottom: 4px solid #1473e6; }

#login #lgId .inp, #login #lgPass .inp { margin-top: 1.5rem; }

#login #lgId p, #login #lgPass p { font-weight: 500; line-height: 1.5; letter-spacing: -0.4px; text-align: center; color: #1473e6; font-size: 16px; margin-top: 3rem; }

#login .txtS1 { font-weight: 100; letter-spacing: -0.4px; color: #667799; text-align: center; margin-top: 3rem; line-height: 1.2; }

#login .st_p01 + .inpForm .inp:first-of-type { margin-top: 3.5rem; }

#login .st_p01 + .inpForm .inp:first-of-type + .txtS1 { margin-top: 2rem; }

#login .st_p01 + .inpForm .inp:last-of-type { margin-top: 1rem; }

#login .certPage { font-size: 2rem; font-weight: 300; line-height: 1.6; letter-spacing: -1.5px; text-align: center; flex-direction: column; justify-content: center; }

#login .certPage p { margin-top: 2rem; }

#login .certPage p:first-child { margin-top: 0; }

#login .certPage p span { color: #202c74; font-weight: 500; }

#login .certPage .certForm { font-size: 1.8rem; color: #fff; background: #1473e6; border-top: 1px solid #202c74; border-bottom: 1px solid #202c74; margin-top: 6rem; display: flex; padding: 5rem 0; justify-content: center; align-items: center; }

#login .certPage .certForm p { display: flex; align-items: center; text-align: left; margin-right: 9.5rem; }

#login .certPage .certForm p::before { content: ""; width: 5.6rem; height: 6.7rem; background: url(../images/ico_phone_w.png) no-repeat 0 0; display: block; background-size: cover; margin-right: 2rem; }

#login .certPage .certForm .btn { padding: 0 3.5rem; font-weight: 500; }

@media (max-width: 992px) { #login .loginSide, #login .inpForm { max-width: none; }
  #login .logbox { flex-direction: column-reverse; width: 70%; height: auto; }
  #login .inpForm { padding-top: 5rem; padding-bottom: 5rem; flex: 1 0 auto; }
  #login .inpForm .inp { margin-top: 3rem; }
  #login .loginSide { flex: 0 0 auto; }
  #login .loginSide .login_slide { background-position: right -40px bottom -28px; }
  #login .loginSide .login_slide strong { font-size: 3rem; }
  #login .loginSide .login_slide .dotpage { bottom: 4.4rem; }
  #login .loginSide .login_slide .slide { height: 30rem; }
  #login .loginSide.st_p01 { flex: 0 0 25rem; background-size: 19rem, cover; }
  #login .certPage { width: 90%; }
  #login .certPage .certInfo p span:before { content: ""; display: block; } }

@media (max-width: 767px) { #login .logbox, #login .certPage { width: 90%; }
  #login .inpForm { padding-left: 4rem; padding-right: 4rem; }
  #login .inpForm input { min-height: 7rem; }
  #login .inpForm label, #login .inpForm a { font-size: 2rem; }
  #login .loginSide .login_slide { background-position: right -20px bottom -18px; background-size: 90px; }
  #login .loginSide.st_p01 { flex: 0 0 20rem; }
  #login .certPage { height: auto; }
  #login .certPage .certInfo { padding: 5rem 3rem 0; }
  #login .certPage .certInfo p span:before { content: ""; display: block; }
  #login .certPage .certForm { flex-direction: column; align-items: center; }
  #login .certPage .certForm p { margin-right: 0; }
  #login .certPage .certForm .st04 { width: 150px; margin-top: 4rem; }
  #login #lgId p, #login #lgPass p { font-size: 1.8rem; } }

.inpForm { padding: 0 5.2rem; display: flex; flex-direction: column; justify-content: center; align-items: cetner; }

.inpForm .btn { width: 100%; margin-top: 3rem; }

.inpForm .btn + .btn{ margin-top: 1rem; }

.inpForm h2 { font-size: 3.2rem; font-weight: 300; letter-spacing: -2.4px; text-align: center; }

.inpForm h2 span { font-weight: 500; }

.inpForm .inp { margin-top: 5rem; }

.inpForm .inp input { min-height: 48px; margin-top: 1.5rem; }

.inpForm .loginChk { display: flex; justify-content: space-between; margin-top: 2.8rem; font-weight: 100; align-items: center; }

.inpForm .loginChk a { font-size: 16px; color: #202c74; }

.inpForm .loginChk + .btn { margin-top: 4.5rem; }

.doing { width: 100%; }

.doing .tit { font-size: 4.8rem; letter-spacing: -3.6px; text-align: center; line-height: 1.44; }

.doing .tit span { font-weight: 500; }

.doing .tit::before { content: ""; display: block; width: 18rem; height: 18rem; background: url(../images/bg_cnt_fco0302.png) no-repeat 50% 50%; background-size: cover; margin: 12rem auto 6rem; }

.doing .desc { font-size: 2rem; font-weight: 300; line-height: 1.6; letter-spacing: -1.5px; text-align: center; color: #333333; margin-top: 3rem; }

.doing .desc strong { font-weight: 500; }

.doing .tel { font-size: 4.4rem; letter-spacing: -1.1px; color: #1473e6; font-weight: 500; margin-top: 5rem; text-align: center; }

.doing .btnwrap { margin-top: 8rem; }

.doing.error .tit { font-size: 3.6rem; }

.doing.error .tit strong { display: block; font-size: 4.8rem; font-weight: 500; }

.doing.error .tit::before { width: 54.6rem; height: 29rem; background: url(../images/bg_cnt_fco08.png) no-repeat 50% 50%; margin: 9.6rem auto 5rem; background-size: cover; }

.doing.error .desc { margin-top: 2rem; }

.doing.error .btnwrap { margin-top: 5rem; }

@media (max-width: 992px) { .doing .btnwrap a { min-width: 20rem; } }

.signup01 .agree { display: flex; justify-content: space-between; }

.signup01 .agree .col { width: 580px; border-radius: 4px; border: solid 1px #dddddd; padding: 4rem 8rem; position: relative; }

.signup01 .agree .col h3 { font-size: 2.6rem; font-weight: 500; letter-spacing: -1.95px; margin-bottom: 3rem; }

.signup01 .agree .col .btn { width: 10rem; height: 3.3rem; padding: 0; font-size: 1.6rem; position: absolute; right: 8rem; top: 4rem; }

.signup01 .agree .col label { color: #000; font-weight: 100; }

.signup01 .agreeChk { background: #f7f9fc; text-align: center; padding: 2rem 0; margin: 6rem auto 0; border-radius: 30px; width: 300px; }

.signup01 .agreeChk input[type=checkbox] + label { font-size: 1.8rem; font-weight: 400; letter-spacing: -0.45px; color: #202c74; margin-right: 0; }

.signup01 .infotxt { font-size: 1.8rem; letter-spacing: -0.4px; color: #303059; font-weight: 300; line-height: 1.5; text-align: center; }

.signup01 .infotxt:first-of-type { margin-top: 10rem; }

.signup01 .infotxt:last-of-type { margin-top: 2.4rem; }

.signup01 .cert { border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; padding: 5.3rem 0; display: flex; margin-top: 3.5rem; justify-content: center; }

.signup01 .cert p { color: #333; letter-spacing: -0.4px; font-size: 1.8rem; line-height: 1.5; position: relative; width: 25.8rem; margin-right: 9rem; }

.signup01 .cert p::before { content: ""; width: 5.6rem; height: 6.7rem; background: url(../images/ico_phone.png) no-repeat 50% 50%; background-size: cover; display: inline-block; position: absolute; top: -1.3rem; left: -8rem; }

@media (max-width: 992px) { .signup01 .agree { display: inherit; }
  .signup01 .agree .col { width: auto; border: none; padding: 4rem 4.0323vw 0; }
  .signup01 .agree .col h3 { display: none; }
  .signup01 .agree .col label { color: #202c74; font-size: 1.8rem; }
  .signup01 .agree .col .btn { top: 3.2rem; right: 4.0323vw; }
  .signup01 .agree .col:last-child { padding-top: 2.6rem; }
  .signup01 .agree .col:last-child .btn { top: 1.9rem; }
  .signup01 .agreeChk { width: auto; border-radius: 0; }
  .signup01 .infotxt:first-of-type { margin-top: 5rem; }
  .signup01 .infotxt:last-of-type { display: none; }
  .signup01 .cert { margin-top: 5rem; justify-content: space-around; align-items: center; }
  .signup01 .cert p { display: flex; align-items: center; justify-content: center; margin-right: 0; width: auto; }
  .signup01 .cert p .hide { display: block !important; }
  .signup01 .cert p::before { position: static; flex: 0 0 5.6rem; margin-right: 2rem; } }

@media (max-width: 767px) { .signup01 .agree .col .btn { top: 3.6rem; }
  .signup01 .agree .col:last-child .btn { top: 2.4rem; }
  .signup01 .infotxt:first-of-type { padding: 0 5.0403vw; }
  .signup01 .infotxt:last-of-type { display: none; }
  .signup01 .cert { justify-content: center; flex-direction: column; }
  .signup01 .cert p { margin: 0 auto; }
  .signup01 .cert .btn { margin-top: 2.5rem; } }

.signup02 h3 { font-size: 2.6rem; }

@media (max-width: 992px) { .signup02 .w400 { width: 21.7rem; }
  .signup02 .btnwrap .st03 { padding: 0 1.8rem; }
  .signup02 .subCr04, .signup02 .subCr03 { font-size: 1.4rem; }
  .signup02 input::placeholder { font-size: 1.4rem; margin-top: -1rem; }
  .signup02 table th { width: 23%; }
  .signup02 table td { padding: 0 3.0242vw; } }

@media (max-width: 767px) { .signup02 table { border: 0; }
  .signup02 table .w400 { width: 100%; }
  .signup02 table input { min-height: 4rem; font-size: 1.8rem; }
  .signup02 table input::placeholder { font-size: 1.8rem; }
  .signup02 table thead, .signup02 table tbody, .signup02 table th, .signup02 table td, .signup02 table tr { display: block; border: 0; padding-left: 0; padding-right: 0; height: auto; }
  .signup02 table th { text-align: left; border: 0; background: none; width: 40%; padding: 3rem 0 1.5rem; }
  .signup02 table tr:nth-child(1) td, .signup02 table tr:nth-child(2) td, .signup02 table tr:nth-child(3) td { border-radius: 4px; border: solid 1px #dddddd; background-color: #f5f5f5; min-height: 4rem; padding-top: .8rem; padding-left: 15px; }
  .signup02 table tr:nth-child(4) td { position: relative; }
  .signup02 table tr:nth-child(4) .w400 { width: calc(100% - 80px); }
  .signup02 table tr:nth-child(4) .btnwrap .btn { width: 74px; position: absolute; right: 0; top: 0; margin-right: 0; }
  .signup02 table .subCr04, .signup02 table .subCr03 { display: block; text-align: left; margin-top: 1rem; }
  .signup02 .btnwrap:last-of-type { margin-top: 5rem; } }

.termtxt { font-size: 16px; letter-spacing: -0.8px; color: #4a4e57; font-weight: 400; line-height: 1.75; text-align: justify; }

.termtxt p.tst01 { font-size: 1.8rem; font-weight: 300; }

.termtxt h3 { font-size: 2.4rem; margin-bottom: 2rem; margin-top: 4rem; }

.termtxt h3:first-child { margin-top: 0; }

.termtxt h4 { margin-top: 2rem; }

.termtxt p, .termtxt .indent { padding-top: .9rem; display: flex; align-items: flex-start; }

.termtxt p span, .termtxt .indent span { font-family: roboto; font-weight: 500; font-size: 2rem; vertical-align: middle; text-align: center; flex: 0 0 3rem; margin-top: .5rem; line-height: 1; }

.termtxt p .txs, .termtxt .indent .txs { font-family: inherit; font-size: inherit; font-weight: 400; line-height: inherit; margin-top: 0; flex: 0 0 2.5rem; text-align: left; }

.termtxt p.dot::before, .termtxt .indent.dot::before { content: ""; display: inline-flex; width: 2px; height: 2px; background: #4a4e57; margin-right: 1rem; align-self: center; }

.termtxt .indent { flex-wrap: wrap; padding-top: 0; flex-direction: column; }

.termtxt .indent p { padding-left: 3.2rem; }

.termtxt .indent p:last-child { margin-bottom: 1rem; }

.termtxt .indent .depth { margin-left: 3.2rem; padding-top: .9rem; }

.termtxt .indent .depth p { margin-left: 2rem; }

.termtxt .dash { width: 100%; }

.termtxt .dash::before { content: "—"; width: 10px; height: 2px; display: block; margin-right: 1rem; font-family: roboto; font-size: 1.8rem; flex: 0 0 auto; }

.termtxt .liBox { border-radius: 40px; background-color: #f5f5f5; padding: 3.5rem 0; margin-top: 3.5rem; display: flex; justify-content: space-between; }

.termtxt .liBox ul { flex: 0 0 50%; text-align: left; padding-left: 8rem; font-size: 1.8rem; }

.termtxt .table { text-align: center; font-size: 1.8rem; margin-top: 4rem; }

.termtxt .table td { color: #36456f; }

.termtxt .table th, .termtxt .table td { border-right: 1px solid #dee4f5; }

.termtxt .caution { color: #36456f; display: flex; align-items: center; margin-top: 1.5rem; border-left: 4px solid #4072ff; border-radius: 5px; padding: .5rem 0 .5rem 2rem; }

.termtxt .subtit { margin-top: 10rem; }

@media (max-width: 992px) { .termtxt { font-size: 1.7rem; margin-top: 4rem !important; }
  .termtxt .liBox { display: inherit; }
  .termtxt .subtit { margin-top: 5rem; } }

.fsp0101 + .cnt_head + #container, .fsp0102 + .cnt_head + #container { overflow-x: hidden; }

.fsp0101 + .cnt_head + #container .titwrap h3, .fsp0102 + .cnt_head + #container .titwrap h3 { font-size: 2.4rem; font-weight: 500; letter-spacing: -1.8px; margin-bottom: 2.5rem; }

.fsp0101 + .cnt_head + #container .titwrap .eng, .fsp0102 + .cnt_head + #container .titwrap .eng { font-family: Roboto; font-size: 6rem; font-weight: 100; line-height: 1.13; letter-spacing: -1.5px; }

.fsp0101 + .cnt_head + #container .desc, .fsp0101 + .cnt_head + #container ul, .fsp0102 + .cnt_head + #container .desc, .fsp0102 + .cnt_head + #container ul { font-weight: 300; line-height: 1.56; letter-spacing: -0.45px; text-align: justify; color: #666; }

.overview01 { display: flex; padding-top: 4.5rem; padding-bottom: 10rem; }

.overview01 .titwrap { margin-top: 6rem; }

.overview01 .desc { flex: 0 0 737px; background: url(../images/cnt_fsp0101_01.jpg) no-repeat 0 0; }

.overview01 .desc p { background: #fff; padding: 3.5rem 3.6rem 0 3.6rem; margin: 32.9rem 0 0 7.7rem; }

@media (max-width: 992px) { .overview01 { display: inherit; padding-bottom: 7rem; margin-left: 4.0323vw; margin-right: 4.0323vw; }
  .overview01 .desc { background-size: contain; margin-top: 5rem; }
  .overview01 .desc p { background: none; margin: 0; padding: 54vw 0 0; } }

  .overview02 { background-image: linear-gradient(to right, #e8f1ff, #e7fff6); display: flex; justify-content: space-between; padding-top: 8rem; padding-bottom: 14rem; }

.overview02 .eng { position: relative; }

.overview02 .eng::after { content: ""; position: absolute; left: 0; bottom: -20px; width: 500px; height: 24px; display: block; background: url(../images/cnt_fsp0101_03.png) no-repeat; }

.overview02 .desc { flex: 0 0 740px; padding: 7rem 3.9rem 7.3rem 11.5rem; background: #fff; max-width: 740px; }

@media (max-width: 992px) { .overview02 { display: inherit; position: relative; padding-bottom: 0; }
  .overview02::after { content: ""; position: absolute; left: 0; bottom: 0; width: 500px; height: 14rem; display: block; background: #fff; z-index: 1; }
  .overview02 .titwrap { text-align: center; }
  .overview02 .eng::after { display: none; }
  .overview02 .desc { padding: 6rem; padding-right: 8.0645vw; margin-left: 4.0323vw; margin-right: -4.0323vw; margin-top: 5rem; box-shadow: -3.5px 3.5px 10px 0 #f1f6fa; z-index: 2; position: relative; max-width: none; } }

.overview03 { padding-top: 9.5rem; padding-bottom: 5rem; }

.overview03 ul { margin-top: 4.5rem; position: relative; }

.overview03 ul li { line-height: 1.2; margin-top: .7rem; position: relative; padding-left: 1rem; }

.overview03 ul li::before { content: ""; width: 2px; height: 2px; background: #666; position: absolute; left: 0; top: 1rem; }

.overview03 ul::before { content: ""; display: block; width: 878px; height: 500px; position: absolute; bottom: 1rem; left: 667px; background: url(../images/cnt_fsp0101_02.jpg) no-repeat; }

@media (max-width: 992px) { .overview03 { padding-bottom: 0; }
  .overview03 ul:before { position: initial; width: auto; background-size: contain; height: 53vw; } }

.greetings01 { position: relative; padding-top: 11rem; padding-bottom: 20rem; }

.greetings01::after { content: ""; position: absolute; right: 45px; top: 10px; background: url(../images/cnt_fsp0102_01.png) no-repeat; width: 515px; height: 458px; }

.greetings01 .desc { margin-top: 6rem; width: 48rem; }

@media (max-width: 992px) { .greetings01 { padding-bottom: 10rem; margin-left: 4.0323vw; margin-right: 4.0323vw; }
  .greetings01:after { position: initial; width: auto; display: block; background-size: contain; background-position-x: 50%; height: 55.2016vw; margin-top: 6rem; }
  .greetings01 .desc { width: auto; } }

.greetings02 { position: relative; height: 35.9rem; }

.greetings02::after { content: ""; position: absolute; right: calc(50% + 120px); top: 0; background: #16b5be url(../images/cnt_fsp0102_02.jpg) no-repeat right -1px top 0; height: 359px; width: 100%; }

.greetings02 .titwrap, .greetings02 .desc { margin-left: 65rem; }

.greetings02 .desc { margin-top: 5rem; }

@media (max-width: 992px) { .greetings02 { height: auto; margin-left: 4.0323vw; margin-right: 4.0323vw; }
  .greetings02 .titwrap, .greetings02 .desc { margin-left: 0; }
  .greetings02:after { position: initial; width: auto; display: block; margin-top: 6rem; margin-left: -8.0645vw; background-size: contain; height: 37vw; } }

.greetings03 { text-align: center; background: url(../images/cnt_fsp0102_03.jpg) no-repeat 50% 100%; height: 52rem; background-size: 100vw 36rem; }

.greetings03 .titwrap { margin-top: 16rem; }

.greetings03 .desc { background: #fff; padding: 0 10rem 5rem; margin: 0 10rem; }

@media (max-width: 992px) { .greetings03 .titwrap { margin-top: 8rem; }
  .greetings03 .desc { padding: 5rem; margin: 0; } }

.greetings04 { padding-top: 10rem; padding-bottom: 11rem; }

.greetings04 .desc { margin-top: 6rem; width: 50rem; position: relative; }

.greetings04 .desc::before { content: ""; width: 580px; height: 420px; background: url(../images/cnt_fsp0102_04.png) no-repeat 100% 0; position: absolute; left: 67rem; top: -35rem; }

@media (max-width: 992px) { .greetings04 { height: auto; margin-left: 4.0323vw; margin-right: 4.0323vw; padding-bottom: 6rem; }
  .greetings04 .desc { width: auto; }
  .greetings04 .desc:before { position: initial; width: auto; display: block; background-size: contain; height: 42.3387vw; margin-left: -8.0645vw; margin-bottom: 5rem; } }

.greetings05 { text-align: center; padding-top: 8rem; position: relative; }

.greetings05 .desc { width: 98rem; margin: 6rem auto 0; padding: 5rem 10rem 8rem; background: #fff; box-shadow: 0px 5px 10px 0 #f1f6fa; }

.greetings05 .desc .sign { color: #432a2a; font-size: 3.6rem; letter-spacing: -0.9px; text-align: right; margin-top: 7rem; display: flex; align-items: center; justify-content: flex-end; }

.greetings05 .desc .sign span { font-size: 18px; font-weight: 300; letter-spacing: -0.45px; color: #666; margin-right: 2rem; }

.greetings05 .desc .sign::after { content: ""; display: inline-block; width: 12rem; height: 13.2rem; background: url(../images/cnt_fsp0102_05.png) no-repeat 0 0; margin-left: 2rem; }

.greetings05 .desc strong { font-weight: 500; }

.greetings05::before { background-image: linear-gradient(to right, #e8f1ff, #e8ffe7); content: ""; display: block; width: 100%; height: 33rem; position: absolute; left: 0; top: 0; z-index: -1; }

@media (max-width: 992px) { .greetings05:before { height: 63.2661vw; }
  .greetings05 .desc { width: auto; padding-left: 5rem; padding-right: 5rem; }
  .greetings05 .desc .sign::after { background-size: cover; } }

@media (max-width: 767px) { .greetings05:before { height: 93.2661vw; }
  .greetings05 .desc .sign { margin-top: 4rem; font-size: 2.6rem; }
  .greetings05 .desc .sign span { font-size: 1.8rem; }
  .greetings05 .desc .sign::after { background-size: cover; width: 11rem; height: 12.2rem; } }

.introduction { display: flex; justify-content: space-between; flex-wrap: wrap; padding-top: 3rem; }

.introduction .item { position: relative; flex: 0 0 47.5%; margin-top: 8rem; }

.introduction .item:nth-child(1), .introduction .item:nth-child(2) { margin-top: 0; }

.introduction .item strong, .introduction .item .desc { margin-right: 15rem; }

.introduction strong { display: block; font-size: 3.6rem; font-weight: 500; line-height: 0.78; letter-spacing: -2.7px; margin-top: 3.5rem; }

.introduction .desc { font-weight: 300; line-height: 1.56; letter-spacing: -1.35px; color: #666; margin-top: 2rem; }

.introduction .pic { width: 14.8rem; height: 14.8rem; overflow: hidden; border-radius: 7.4rem; position: absolute; right: 0; top: 0; background: #f5f5f5; }

.introduction table { margin-top: 7.5rem; }

@media (max-width: 992px) { .introduction { flex-direction: column; margin-left: 4.0323vw; margin-right: 4.0323vw; }
  .introduction .item { margin-top: 6rem; flex: 0 0 auto; }
  .introduction .item:nth-child(1) { margin-top: 3rem; }
  .introduction .item:nth-child(2) { margin-top: 6rem; }
  .introduction .item strong, .introduction .item .desc { margin-right: 0rem; margin-left: 15rem; }
  .introduction .item .pic { right: initial; left: 0; top: .5rem; width: 12.8rem; height: 12.8rem; } }

@media (max-width: 767px) { .introduction table th, .introduction table td { padding: 0 2.5rem; } }

.location01 ul { margin-top: 5rem; display: flex; justify-content: space-between; }

.location01 ul li { width: 28rem; height: 28rem; border-radius: 8px; border: solid 1px #ddd; align-items: center; display: inline-flex; justify-content: center; flex-direction: column; }

.location01 ul li:before { content: ""; display: block; width: 6.4rem; height: 6.6rem; background: url(../images/ico_location01.png) no-repeat 0 0; background-size: contain; }

.location01 ul li:nth-child(2)::before { background-image: url(../images/ico_location02.png); }

.location01 ul li:nth-child(3)::before { background-image: url(../images/ico_location03.png); }

.location01 ul li:nth-child(4)::before { background-image: url(../images/ico_location04.png); }

.location01 ul strong { font-size: 2.4rem; font-weight: 500; letter-spacing: -1.8px; margin-top: 4rem; }

.location01 ul span { font-weight: 300; line-height: 1.33; letter-spacing: -1.35px; color: #666; margin-top: 2rem; text-align: center; }

@media (max-width: 992px) { .location01 { margin-left: 4.0323vw; margin-right: 4.0323vw; }
  .location01 ul { flex-wrap: wrap; }
  .location01 ul li { flex: 0 0 49%; }
  .location01 ul li:nth-child(1), .location01 ul li:nth-child(2) { margin-bottom: 2%; } }

@media (max-width: 767px) { .location01 ul li { height: 25rem; } }

.location02 { padding: 6rem 0 0; text-align: center; }

.location02 img { width: 100%; height: 56rem; }

@media (max-width: 992px) { .location02 { width: auto; overflow: hidden; /* margin-left: -30.0806vw; */ }
  .location02 img { max-width: 100%; height: 56vw; } }

.location03 h3 { font-size: 2.8rem; margin-left: 10rem; }

.location03 h3:last-of-type { margin-top: 6rem; }

.location03 ul { margin-left: 10rem; }

.location03 ul li { display: flex; font-weight: 300; line-height: 1.4; letter-spacing: -1.5px; font-size: 2rem; margin-bottom: 1rem; }

.location03 ul li span { width: 30rem; display: flex; align-items: center; }

.location03 ul li em { border-radius: 1.2rem; height: 2.4rem; font-style: normal; min-width: 2.4rem; display: inline-block; color: #fff; margin-left: 1rem; text-align: center; line-height: 1.1; }

.location03 ul ul { margin-left: 0; }

.location03 ul ul li { font-family: Roboto; font-weight: 500; }

.location03 ul ul:last-child li:last-child { margin-top: 0; }

.location03 ul:last-child span { align-items: flex-start; }

.location03 ul:last-child ul li span { width: 6rem; font-size: 1.6rem; height: 2.4rem; border-radius: 3px; color: #fff; text-align: center; line-height: 1.6; display: inline-block; margin-right: 2rem; }

.location03 ul:last-child li:last-child { margin-top: 6rem; }

.location03 .pst01 { background: #ff7300; }

.location03 .pst02 { background: #a71e31; font-size: 1.6rem; line-height: 1.4; padding: 0 1.1rem 0 .9rem; }

.location03 .pst03 { background: #298ae4; }

.location03 .pst04 { background: #e42929; }

.location03 .pst05 { background: #29ade4; }

.location03 .pst06 { background: #18d4aa; }

.location03 .pst07 { background: #e4295e; }

.location03 .pst08 { background: #05c200; }

@media (max-width: 992px) { .location03 h3, .location03 ul { margin-left: 0; }
  .location03 ul li { font-size: 1.8rem; }
  .location03 ul li span { width: 20rem; } }

@media (max-width: 767px) { .location03 ul li { flex-wrap: wrap; font-size: 1.6rem; }
  .location03 ul li span { width: 100%; }
  .location03 ul li ul { margin-top: 2rem; }
  .location03 ul:first-of-type li span { width: 20rem; } }

.forum01 .desc { line-height: 1.6; }

.forum02 { margin-top: 4rem; display: flex; }

.forum02 .forum_sec01 { background: #f4f7f9; padding: 6rem 8rem; flex: 0 0 74rem; }

.forum02 .forum_sec01 [class^=frmTop] { margin-bottom: 4rem; }

.forum02 .forum_sec01 [class^=frmTop] .pic { width: 58rem; height: 25rem; }

.forum02 .forum_sec01 [class^=frmTop] .desc { font-size: 2rem; font-weight: 300; letter-spacing: -0.7px; padding: 0 2rem; display: flex; justify-content: space-between; margin-top: 3rem; align-items: center; }

.forum02 .forum_sec01 [class^=frmTop][class$=_fl01] .pic { height: 25rem; }

.forum02 .forum_sec01 [class^=frmTop][class$=_fl02] .pic { height: 31.2rem; }

.forum02 .forum_sec01 [class^=frmTop][class$=_fl03] .pic { height: 27rem; }

.forum02 .forum_sec01 [class^=frmTop][class$=_fl04] .pic { height: 36rem; }

.forum02 .forum_sec01 ul.sub_fsb01 { display: flex; justify-content: space-between; }

.forum02 .forum_sec01 ul.sub_fsb01 .pic { width: 28rem; height: 19rem; }

.forum02 .forum_sec01 ul.sub_fsb01 .desc { margin: 3rem 2rem 0; font-size: 2rem; font-weight: 300; letter-spacing: -0.5px; }

.forum02 .forum_sec01 ul.sub_fsb01 .desc p { margin-top: 1.3rem; }

.forum02 .forum_sec01 .sub_fsb02, .forum02 .forum_sec01 .sub_fsb04 { display: flex; justify-content: flex-start; }

.forum02 .forum_sec01 .sub_fsb02 .pic, .forum02 .forum_sec01 .sub_fsb04 .pic { flex: 0 0 27rem; height: 19rem; }

.forum02 .forum_sec01 .sub_fsb02 .desc, .forum02 .forum_sec01 .sub_fsb04 .desc { flex: 0 1 100%; }

.forum02 .forum_sec01 .sub_fsb02 ul, .forum02 .forum_sec01 .sub_fsb04 ul { align-self: center; margin-left: 4rem; }

.forum02 .forum_sec01 .sub_fsb02 ul li, .forum02 .forum_sec01 .sub_fsb04 ul li { display: flex; margin-top: 1.4rem; font-size: 2rem; font-weight: 300; }

.forum02 .forum_sec01 .sub_fsb02 ul li span, .forum02 .forum_sec01 .sub_fsb04 ul li span { flex: 0 0 7rem; font-weight: 400; }

.forum02 .forum_sec01 .sub_fsb02 ul li:first-child, .forum02 .forum_sec01 .sub_fsb04 ul li:first-child { margin-top: 0; }

.forum02 .forum_sec01 .sub_fsb02 ul ul, .forum02 .forum_sec01 .sub_fsb04 ul ul { margin-left: 0; }

.forum02 .forum_sec01 .sub_fsb03 { display: flex; justify-content: flex-start; padding: 3.2rem; background: #fff; }

.forum02 .forum_sec01 .sub_fsb03 .pic { flex: 0 0 12.7rem; height: 18.7rem; }

.forum02 .forum_sec01 .sub_fsb03 .desc { margin-left: 3.4rem; align-self: center; font-size: 2rem; font-weight: 300; line-height: 1.6; }

.forum02 .forum_sec01 .sub_fsb03 .desc .date { margin-top: 4rem; }

.forum02 .forum_sec01 .sub_fsb03 .desc .date span { margin-right: 3rem; font-weight: 400; }

.forum02 .forum_sec01 .sub_fsb04 { display: flex; justify-content: flex-start; }

.forum02 .forum_sec01 .sub_fsb04 .pic { flex: 0 0 27.9rem; height: 16rem; }

.forum02 .forum_sec01 .tit { font-size: 2.4rem; font-weight: 500; text-indent: -0.6px; }

.forum02 .forum_sec02 { margin-left: 6rem; }

.forum02 .forum_sec02 .item { margin-top: 9rem; }

.forum02 .forum_sec02 .item .pic { width: 38rem; height: 20rem; border: 1px solid #ddd; }

.forum02 .forum_sec02 .item .tit { display: block; font-size: 2.4rem; font-weight: 500; line-height: 1.33; letter-spacing: -0.6px; margin: 2rem 2rem 0; }

.forum02 .forum_sec02 .item ul { margin: 1rem 2rem 0; }

.forum02 .forum_sec02 .item ul li { font-size: 2rem; font-weight: 300; line-height: 1.6; letter-spacing: -0.5px; }

.forum02 .forum_sec02 .item:first-child { margin-top: 0; }

@media (max-width: 992px) { .forum02 { display: inherit; }
  .forum02 .forum_sec01 { padding: 5.5rem 6.5rem; }
  .forum02 .forum_sec01 .frmTop_fl01 .pic { width: auto; }
  .forum02 .forum_sec01 ul.sub_fsb01 .pic { width: 32rem; }
  .forum02 .forum_sec02 { margin-left: 0; margin-top: 6rem; display: flex; justify-content: space-between; padding: 0 6.5rem; }
  .forum02 .forum_sec02 .item { margin-top: 0; }
  .forum02 .forum_sec02 .item .pic { width: 32rem; height: 17rem; }
  .forum02 .forum_sec02 .item .tit { font-size: 2rem; }
  .forum02 .forum_sec02 .item ul li { font-size: 1.7rem; } }

@media (max-width: 767px) { .forum02 .forum_sec01 { padding: 3rem; }
  .forum02 .forum_sec01 .frmTop_fl01 .desc { font-size: 1.5rem; }
  .forum02 .forum_sec01 ul.sub_fsb01 .pic { width: 39.3145vw; height: 25vw; }
  .forum02 .forum_sec01 .tit { font-size: 2rem; }
  .forum02 .forum_sec02 { padding: 0; }
  .forum02 .forum_sec02 .item { margin-top: 0; }
  .forum02 .forum_sec02 .item .pic { width: 45vw; height: 26vw; }
  .forum02 .forum_sec02 .item ul li { font-size: 1.6rem; }
  .forum01 .desc {margin-left:1rem;}}

  .concert_toppic { position: absolute; top: 20rem; left: 50%; width: 120rem; display: flex; justify-content: space-between; transform: translate(-50%, 0); }

@media (max-width: 992px) { .concert_toppic { width: 105rem; top: 38rem; }
  .concert_toppic span img { height: 36rem; } }

@media (max-width: 767px) { .concert_toppic { width: 82rem; } }

.concert01 { padding-top: 5rem; }

@media (max-width: 992px) { .concert01 .mov .ctrl { width: 9.4rem; height: 9.4rem; } }

.concert02 { margin-top: 0; }

.concert02 h3 { margin-top: 4rem; margin-bottom: 4rem; font-size: 2.4rem; letter-spacing: -0.6px; }

.concert02 .mov { width: 560px; height: 315px; border: solid 1px #dddddd; background-color: #fbfbfb; }

.concert02 .mov .modal, .ceoTalk .mov .modal {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5);}

.concert02 .mov .ctrl, .ceoTalk .mov .ctrl { width: 9.4rem; height: 9.4rem; }
.ceoTalk .mov a {display:block;}

.concert02 .mov img { width: 100; height: auto; }

.concert02 .movList { display: flex; justify-content: space-between; flex-wrap: wrap; }

.concert02 .movList .item:nth-child(2) { margin-left: 4rem; margin-right: 2rem; }

.concert02 .movList .item:nth-child(2) .mov, .concert02 .movList .item:nth-child(3) .mov { min-width: 28rem; /* height: 15.8rem; */ min-height: 21.2rem; background: #fff; width: 100%; height: auto; }

.concert02 .movList .item:nth-child(2) .mov .ctrl, .concert02 .movList .item:nth-child(3) .mov .ctrl { width: 4.7rem; height: 4.7rem; }

.concert02 .movList .item:nth-child(2) .desc, .concert02 .movList .item:nth-child(3) .desc { margin: 3rem 2rem 0; font-size: 2rem; font-weight: 300; letter-spacing: -0.5px; }

.concert02 .movList .item:nth-child(2) .desc .tit, .concert02 .movList .item:nth-child(3) .desc .tit { margin: 1.2rem 0 2.3rem; display: block; font-size: 2.4rem; font-weight: 500; letter-spacing: -0.6px; }

@media (max-width: 992px) { .concert02 h3 { border-top: 1px solid #ddd; padding-top: 4rem; }
  .concert02 h3:first-of-type { border: 0; }
  .concert02 .mov .ctrl { width: 9.4rem; height: 9.4rem; }
  .concert02 .movList { flex-wrap: wrap; overflow: hidden; }
  .concert02 .movList .item:nth-child(1) .mov { min-width: 88.9355vw; min-height: 49.7137vw; width: 100%; height: auto; }
  .concert02 .movList .item:nth-child(2), .concert02 .movList .item:nth-child(3) { margin: 2rem 0 0; display: inline-block; width: 49%; }
  .concert02 .movList .item:nth-child(2) .mov, .concert02 .movList .item:nth-child(3) .mov { min-width: 42.9597vw; min-height: 23.2016vw; width: 100%; height: auto; text-align:center;} }

.concertView01 { display: flex; padding-top: 5rem; }

.concertView01 .mov { flex: 0 0 80rem; width: 800px; }

.concertView01 .desc { flex: 0 1 38rem; background: #f1f1f1; padding: 2.4rem; }

.concertView01 .desc ul { margin-top: 2rem; padding: 0 2rem; }

.concertView01 .desc ul li { font-size: 2rem; font-weight: 300; line-height: 1.6; letter-spacing: -0.5px; display: flex; }

.concertView01 .desc ul li span { flex: 0 0 8rem; }

@media (max-width: 992px) { .concertView01 { display: inherit; margin-top: 5rem !important; }
  .concertView01 .mov { width: 100%; }
  .concertView01 .desc { display: flex; align-items: center; }
  .concertView01 .desc .pic { flex: 0 0 33.2rem; height: 20rem; }
  .concertView01 .desc ul { width: 100%; margin-top: 0; } }

  @media (max-width: 767px) { .concertView01 .desc .pic { flex: 0 0 23rem; height: 14rem; }
  .concertView01 .desc ul li { font-size: 1.5rem; }
  .concertView01 .desc ul li span { flex: 0 0 5rem; } }

.concertView02 { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 6rem; }

.concertView02 .item { background: url(../images/bg_fsp020203_01.jpg) no-repeat 0 0; flex: 0 0 58rem; margin-top: 2rem; color: #fff; height: 42.8rem; position: relative; }

.concertView02 .item h3 { color: #fff; }

.concertView02 .item h3 .cate { font-size: 2.8rem; font-weight: 300; line-height: 1.14; letter-spacing: -2.1px; color: rgba(255, 255, 255, 0.5); }

.concertView02 .item h3 strong { font-size: 3.6rem; font-weight: 300; line-height: 1.22; letter-spacing: -2.7px; }

.concertView02 .item:nth-child(2), .concertView02 .item:nth-child(3), .concertView02 .item:nth-child(6) { background-image: url(../images/bg_fsp020203_02.jpg); }

.concertView02 .item h3 { text-align: center; padding-top: 8rem; }

.concertView02 .item h3 .cate { display: block; margin-bottom: 2rem; }

.concertView02 .item .desc { background: rgba(0, 0, 0, 0.3); position: absolute; bottom: 0; width: 100%; display: flex; padding: 3rem; justify-content: space-between; align-items: center; }

.concertView02 .item .desc .pic {display: flex; justify-content: center; width: 12rem; height: 12rem; border-radius: 6rem; overflow: hidden; }
.concertView02 .item .desc .pic img {max-width: none; width: auto; height: 12rem;}

.concertView02 .item .desc button { background: #fff; width: 12rem; height: 3.6rem; border-radius: 1.8rem; font-size: 2rem; font-weight: 300; letter-spacing: -1.5px; color: #000033; }

.concertView02 .item .desc .presenter { font-weight: 300; line-height: 1.78; letter-spacing: -1.35px; flex: 0 0 22rem; }

.concertView02 .item .desc .presenter strong { font-size: 2.8rem; font-weight: 300; line-height: 1.14; letter-spacing: -2.1px; display: block; margin-bottom: 1rem; }

@media (max-width: 992px) { .concertView02 { display: inherit; margin-top: 1rem; }
  .concertView02 .item { background-size: cover; height: 61.996vw; }
  .concertView02 .item h3 { padding-top: 13rem; }
  .concertView02 .item .desc { justify-content: center; }
  .concertView02 .item .desc .pic { margin-right: 4rem; } }

@media (max-width: 767px) { .concertView02 .item { height: 70.0605vw; }
  .concertView02 .item h3 { padding-top: 12.0968vw; }
  .concertView02 .item .desc .presenter { flex: 0 0 28.2258vw; } }

.concertView03 { margin-top: 6.5rem; }

.concertView03 h3 { font-size: 3.6rem; letter-spacing: -2.7px; margin-bottom: 4rem; }

.concertView03 ul { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: -2rem; }

.concertView03 ul li { flex: 0 0 38rem; height: 25.3rem; background: #f5f5f5 url(../images/ico_noimg.png) no-repeat 50% 50%; border: 1px solid #ddd; margin-top: 2rem; }

@media (max-width: 767px) { .concertView03 ul { display: inherit; }
  .concertView03 ul li { height: 70.0605vw; } }

.apply .a_center { padding: 3rem 0 6rem; }

.popConcert {overflow-y:scroll; height:70rem; margin: 0 0 10rem; padding-left: 10rem; padding-bottom: 3rem; padding-right: 10rem; }

.popConcert h2 { text-align: center; font-size: 4.8rem; font-weight: 500; letter-spacing: -2.4px; }

.popConcert .mov { margin-top: 6rem; }

.popConcert .dn { text-align: right; margin-top: 2.4rem; padding: 0 2rem; }

.popConcert .dn button { font-size: 2rem; font-weight: 400; letter-spacing: -1px; }

.popConcert .dn button::before { background: url(../images/ico_down.png) no-repeat 0 0; width: 30px; height: 30px; display: inline-block; content: ""; margin-right: 15px; vertical-align: middle; }

.popConcert .desc { display: flex; }

.popConcert .desc .pic { width: 28rem; height: 20rem; background-color: #f5f5f5; }

.popConcert .desc .name { font-weight: 300; letter-spacing: -1.35px; padding-top: .8rem; width: 31.8rem; }

.popConcert .desc .name strong { font-size: 3.6rem; font-weight: 500; letter-spacing: -2.7px; display: block; margin-top: 2rem; }

.popConcert .desc .brief li { font-weight: 300; line-height: 1.56; letter-spacing: -0.9px; }

.popConcert .desc .brief li::before { content: ""; display: inline-block; width: 2px; height: 2px; background: #000; vertical-align: middle; margin-right: 1.2097vw; }

.popConcert .desc .m_wrap { display: flex; margin-left: 4rem; }

.popConcert .newswrap { margin-top: 10rem; }

.popConcert .newswrap .tit { display: flex; padding: 0 1rem 3rem; align-items: baseline; border-bottom: 1px solid #000; }

.popConcert .newswrap .tit h3 { font-size: 3.6rem; letter-spacing: -1.8px; margin-bottom: 0; flex: 1; }

.popConcert .newswrap .tit .date { font-family: Roboto; font-size: 2.8rem; font-weight: 300; letter-spacing: -0.7px; flex: 0 0 16rem; text-align: right; }

.popConcert .newswrap .newscnt { padding: 3rem 1rem; }

.popConcert .newswrap .newscnt h4 { font-size: 2.8rem; font-weight: 500; letter-spacing: -2.1px; margin-bottom: 2.5rem; }

.popConcert .newswrap .newscnt p { font-size: 2rem; font-weight: 300; line-height: 1.6; letter-spacing: -1px; text-align: justify; }

.popConcert .newswrap .newscnt .pic { width: 78rem; height: 48rem; margin: 6rem auto; background-color: #f5f5f5; }

.popConcert .lnk { background-color: #f5f5f5; padding: 6rem; color: #666; font-size: 2rem; font-weight: 300; line-height: 1.8; letter-spacing: -0.5px; }

.popConcert .lnk strong { font-weight: 500; display: block; }

.popConcert .btnwrap { margin-top: 6rem; }

.popConcert .btnwrap .btn { width: 21rem; }

@media (max-width: 992px) { .popConcert {height: 70vh; padding-left: 4.0323vw; padding-right: 4.0323vw; }
  .popConcert h2 { font-size: 4rem; }
  .popConcert .dn button { font-size: 2.0161vw; }
  .popConcert .dn button::before { width: 3.0242vw; height: 3.0242vw; margin-right: 1.5121vw; background-size: contain; }
  .popConcert .desc { margin-top: 5rem; }
  .popConcert .desc .pic { flex: 0 0 24.2944vw; height: 17.4395vw; }
  .popConcert .desc .name { width: 22.1774vw; }
  .popConcert .desc .name span { font-size: 2.0161vw; }
  .popConcert .desc .name strong { font-size: 3.629vw; }
  .popConcert .desc .brief li { font-size: 2.0161vw; }
  .popConcert .newswrap .tit h3 { font-size: 3.629vw; }
  .popConcert .newswrap .tit .date { display: none; }
  .popConcert .newswrap .newscnt h4 { font-size: 2.8226vw; line-height: 1.2; }
  .popConcert .newswrap .newscnt p { font-size: 2.0161vw; }
  .popConcert .newswrap .newscnt .pic { width: 78.629vw; height: 48.3871vw; }
  .popConcert .newswrap .lnk { padding: 4.0323vw; font-size: 2.0161vw; }
  .slctrl {display:none;}
  ::-webkit-scrollbar { -webkit-appearance: none; } 
  ::-webkit-scrollbar:vertical { width: 8px; } 
  ::-webkit-scrollbar:horizontal { height: 8px; } 
  ::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .5); border-radius: 10px; border: 2px solid #ffffff; } 
  ::-webkit-scrollbar-track { border-radius: 10px; background-color: #ffffff; }
  }

@media (max-width: 767px) { .popConcert { position: relative; height: 67vh;}
  .popConcert h2 { font-size: 3.2rem; }
  .popConcert .mov { margin-top: 4rem; }
  .popConcert .dn { position: absolute; left: 3.0242vw; top: 97.4839vw; }
  .popConcert .dn button { font-size: 2.2rem; }
  .popConcert .desc .name { width: 100%; }
  .popConcert .desc .name span { font-size: 3.0161vw; }
  .popConcert .desc .name strong { font-size: 6.0484vw; }
  .popConcert .desc .pic { flex: 0 0 36.2903vw; height: 25.7056vw; }
  .popConcert .desc .brief { margin-top: 3rem; }
  .popConcert .desc .brief li { font-size: 3.0242vw; }
  .popConcert .newswrap { margin-top: 5rem; }
  .popConcert .newswrap .tit h3 { font-size: 5.629vw; }
  .popConcert .newswrap .tit .date { display: none; }
  .popConcert .newswrap .newscnt h4 { font-size: 3.8306vw; line-height: 1.2; }
  .popConcert .newswrap .newscnt p { font-size: 3.0242vw; }
  .popConcert .newswrap .newscnt .pic { width: 78.629vw; height: 48.3871vw; }
  .popConcert .newswrap .lnk { padding: 4.0323vw; font-size: 3.0242vw; }
  .popConcert .newswrap .lnk p { display: none; }
  .popConcert .m_wrap { flex-direction: column; } 

  
  }

.js_concert { padding: 2.4rem 17.8rem 6rem; }

.js_concert .desc { font-size: 2.8rem; font-weight: 400; letter-spacing: -0.7px; text-align: center; padding: 0 7rem; }

.js_concert .desc .tit { font-size: 4rem; margin: 6rem 0 2.5rem; }

@media (max-width: 992px) { .js_concert { padding-left: 4.0323vw; padding-right: 4.0323vw; }
  .js_concert .desc { font-size: 2.4rem; } }

.slctrl button { width: 50px; height: 95px; background: url(../images/ico_arw04.png) no-repeat 0 0; position: absolute; top: 50%; overflow: hidden; text-indent: -999em; margin-top: -45px; }

@media (max-width: 992px) { .slctrl button { top: initial; bottom: 5rem; }
  .slctrl .js_prev { left: 4.0323vw; background: url(../images/ico_arw11_1.png) no-repeat 0 0; }
  .slctrl .js_next { right: 4.0323vw; background: url(../images/ico_arw11_2.png) no-repeat 0 0; } }

@media (max-width: 767px) { .slctrl button {display:none; background-size: cover !important; width: 20px; height: 39px; bottom: 7rem; } }

@media (max-width: 767px) { .ceoTalk { display: flex; flex-flow: wrap; justify-content: space-between; } }
/* 리스트 스타일 수정 (출연자 영역 그룹 div 추가)-안대용 200716*/
.ceoTalk .listT2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 8rem; }

.ceoTalk h3 { font-size: 3.2rem; font-weight: 500; letter-spacing: -0.8px; }

.ceoTalk .mov { overflow: hidden; position: relative; width: 640px; height: 360px; border: solid 1px #dddddd; background-color: #fbfbfb; }
/* .ceoTalk .mov { position: relative; width: 560px; height: 315px; border: solid 1px #dddddd; background-color: #fbfbfb; } */



.ceoTalk .listT2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 8rem; }

.ceoTalk .listT2:first-of-type{margin-top: 0}

.ceoTalk .listT2 .item:nth-child(1) .desc { margin: 2.3rem 2.5rem 0; }

.ceoTalk .listT2 .item:nth-child(1) .desc .tit { font-size: 2.4rem; font-weight: 500; letter-spacing: -0.6px; margin-bottom: 1.5rem; display: block; /* line-height: 1.275 */ }

.ceoTalk .listT2 .item:nth-child(1) .desc .sub { font-size: 2rem; font-weight: 300; letter-spacing: -0.5px; }

.ceoTalk .listT2 .item:nth-child(2) { margin-left: 4rem; margin-right: 2rem; }

.ceoTalk .listT2 .item:nth-child(2) .pic, .ceoTalk .listT2 .item:nth-child(3) .pic { width: 28rem; height: 19.8rem; border: solid 1px #ddd; }

.ceoTalk .listT2 .item:nth-child(2) .desc, .ceoTalk .listT2 .item:nth-child(3) .desc { margin: 3rem 2rem 0; font-size: 2rem; font-weight: 300; letter-spacing: -0.5px; }

.ceoTalk .listT2 .item:nth-child(2) .desc .tit, .ceoTalk .listT2 .item:nth-child(3) .desc .tit { margin: 1.2rem 0 2.3rem; display: block; font-size: 2.4rem; font-weight: 500; letter-spacing: -0.6px; }

@media (max-width: 767px) { .ceoTalk .listT2 { width: 100%; } }
@media (max-width: 424px) { .ceoTalk .listT2 { margin-top: 4rem; width: 100%; } }

.ceoTalk .listT2 .item_group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 45.5%; height: 360px; background-color: #f5f5f5; border-bottom-right-radius: 10rem}
@media (max-width: 992px) { .ceoTalk .listT2 .item_group{width: 51%; height: 252px} }
@media (max-width: 767px) { .ceoTalk .listT2 .item_group { display: none; } }

.ceoTalk .listT2 .item_group .pic img, .ceoTalk .listT2 .item_group .pic2 img{height: auto !important; }

.ceoTalk .listT2 .item:nth-child(1) .desc { margin: 4rem 2.5rem 0; }

.ceoTalk .listT2 .item:nth-child(1) .desc .tit { font-size: 3rem; font-weight: 500; letter-spacing: -0.6px; margin-bottom: 1.5rem; display: block; }

@media (max-width: 767px) { .ceoTalk .listT2 .item:nth-child(1) .desc .tit { font-size: 2.725rem} }

.ceoTalk .listT2 .item:nth-child(1) .desc .sub { font-size: 2.5rem; }

@media (max-width: 767px) { .ceoTalk .listT2 .item:nth-child(1) .desc .sub { } }

.ceoTalk .listT2 .item .desc .info{ display: none; }

@media (max-width: 767px) { .ceoTalk .listT2 .item .desc .info { display: block; margin-top: 2rem; } }

@media (max-width: 767px) { .ceoTalk .listT2 .item .desc .info strong{ margin: 1rem 0 0 0; } }

.ceoTalk .listT2 .item_group .item { margin-top: 5rem; margin-left: 2rem; margin-right: 1rem; }
@media (max-width: 992px) { .ceoTalk .listT2 .item_group .item{margin-top: 3.5rem; } }

.ceoTalk .listT2 .item_group .item:nth-child(1) .pic, .ceoTalk .listT2 .item_group .item:nth-child(2) .pic { overflow: hidden; width: 16rem; height: 16rem; border: solid 1px #ddd; border-radius: 8rem}

.ceoTalk .listT2 .item_group .item:nth-child(1) .pic, .ceoTalk .listT2 .item_group .item:nth-child(2) .pic2 { overflow: hidden; width: 16rem; height: 16rem; border: solid 1px #ddd; border-radius: 8rem}

@media (max-width: 992px) { .ceoTalk .listT2 .item_group .item:nth-child(1) .pic, .ceoTalk .listT2 .item_group .item:nth-child(2) .pic2 {width:12rem; height: 12rem} }

.ceoTalk .listT2 .item_group .item:nth-child(1) .desc, .ceoTalk .listT2 .item_group .item:nth-child(2) .desc { margin: 3rem 1.5rem 0; font-size: 2rem; font-weight: 300; letter-spacing: -0.5px; }

.ceoTalk .listT2 .item_group .item:nth-child(1) .desc .tit, .ceoTalk .listT2 .item_group .item:nth-child(2) .desc .tit { margin: 1.2rem 0 2.3rem; display: block; font-size: 2.4rem; font-weight: 500; letter-spacing: -0.6px; } */

.ceoTalk .listT2:first-of-type { margin-top: 0; }
.popConcert .my_video_4-dimensions {height:654px;}
@media (max-width: 767px) { .ceoTalk .listT2:nth-child(2) { margin-top: 0; } }

@media (max-width: 424px) { .ceoTalk .listT2:nth-child(2) { margin-top: 4rem; } }
@media (max-width: 992px) { .ceoTalk { margin-top: 5rem; }
  .ceoTalk .mov { width: 44.9597vw; height: 25.2016vw; }
  .ceoTalk .mov .ctrl { width: 6.7rem; height: 6.7rem; }
  .ceoTalk .listT2 { margin-top: 4rem; }
  .ceoTalk .listT2 .item:nth-child(1) .desc { margin: 2.3185vw 2.5202vw 0; }
  .ceoTalk .listT2 .item:nth-child(1) .desc .tit { font-size: 2.4194vw; }
  .ceoTalk .listT2 .item:nth-child(1) .desc .sub { font-size: 2.0161vw; }
  .ceoTalk .listT2 .item:nth-child(2) { margin-left: 1.4113vw; margin-right: 1.4113vw; }
  .ceoTalk .listT2 .item:nth-child(2) .pic, .ceoTalk .listT2 .item:nth-child(3) .pic { width: 21.5726vw; height: 15.121vw; }
  .ceoTalk .listT2 .item:nth-child(2) .desc, .ceoTalk .listT2 .item:nth-child(3) .desc { margin: 3.0242vw 2.0161vw 0; font-size: 2.0161vw; }
  .ceoTalk .listT2 .item:nth-child(2) .desc .tit, .ceoTalk .listT2 .item:nth-child(3) .desc .tit { margin: 1.2097vw 0 2.3185vw; display: block; font-size: 2.4194vw; } 
  .my_video-dimensions {width:auto; height:397px;}
  }
@media (max-width: 378px) { .ceoTalk .mov { width: 100%; height: 51.0vw;} }
@media (max-width: 767px) {
  .ceoTalk .mov, .ceoTalk .desc { width: 100%; height:auto; }
  .ceoTalk .mov .ctrl { width: 9.6rem; height: 9.6rem; }
  .ceoTalk .listT2 { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .ceoTalk .listT2 .item:nth-child(1) { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; }
  .ceoTalk .listT2 .item:nth-child(1) .desc .tit { font-size: 4.2258vw; }
  .ceoTalk .listT2 .item:nth-child(1) .desc .sub { font-size: 3.4194vw; }
  .ceoTalk .listT2 .item:nth-child(2) { margin-left: 0; margin-right: 0; }
  .ceoTalk .listT2 .item:nth-child(2), .ceoTalk .listT2 .item:nth-child(3) { margin-top: 4rem; -webkit-box-flex: 0; -ms-flex: 0 0 49%; flex: 0 0 49%; }
  .ceoTalk .listT2 .item:nth-child(2) .pic, .ceoTalk .listT2 .item:nth-child(3) .pic { width: 100%; height: 30.2419vw; }
  .ceoTalk .listT2 .item:nth-child(2) .desc, .ceoTalk .listT2 .item:nth-child(3) .desc { font-size: 3.0161vw; }
  .ceoTalk .listT2 .item:nth-child(2) .desc .tit, .ceoTalk .listT2 .item:nth-child(3) .desc .tit { font-size: 3.4194vw; }
  .my_video-dimensions {width:auto; height:213px;}
   }

@media (max-width: 378px) { .ceoTalk .listT2 .item:nth-child(1) .desc .tit {font-size: 4.7619vw} }

.ceoTalk_view01 { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 5rem; }

.ceoTalk_view01 .mov { width: 684px; height: 382px; }
@media (max-width: 992px) { .ceoTalk_view01 .mov, .cardDetailVideo {/*  width: 100%; height: 264px !important; */ } #updown01 .cardDetailVideo {height:auto !important;} }
@media (max-width: 767px) { .ceoTalk_view01 .mov, .cardDetailVideo { /* width: 100%; height: 400px !important; */ } }
@media (max-width: 424px) { .ceoTalk_view01 .mov, .cardDetailVideo { /* width: 100%; height: 219px !important; */ } }

.ceoTalk_view01 .desc { background: #eff9fe; border-radius: 0 0 80px 0; -webkit-box-flex: 0; -ms-flex: 0 500px; flex: 0 500px; }

@media (max-width: 424px) { .ceoTalk_view01 .desc { border-radius: 0; } }

.ceoTalk_view01 .desc .picwrap { margin: 5.6rem 7.3rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; }

.ceoTalk_view01 .desc .picwrap .pic { overflow: hidden; width: 120px; height: 120px; border-radius: 4px 4px 30px 4px; overflow: hidden; margin-right: 3.3rem; } /* 수정 - 안대용 200716 */
.ceoTalk_view01 .desc .picwrap .pic { width: 120px; height: 120px; border-radius: 4px 4px 30px 4px; overflow: hidden; margin-right: 3.3rem; }

.ceoTalk_view01 .desc .picwrap .pic img{ height: auto; } /* 수정 - 안대용 200716 */

.ceoTalk_view01 .desc .picwrap ul { margin-top: 1.6rem; }

.ceoTalk_view01 .desc .picwrap ul li { font-size: 16px; font-weight: 300; letter-spacing: -1.2px; margin-bottom: 1.1rem; }

.ceoTalk_view01 .desc .picwrap ul li strong { display: inline-block; font-size: 2.8rem; font-weight: 500; letter-spacing: -2.4px; margin-bottom: 1.5rem; }

.ceoTalk_view01 .desc .picwrap ul li:first-child { font-size: 2rem; letter-spacing: -1.5px; }

.ceoTalk_view01 .desc .txtMark {display:flex; align-items:center; justify-content:center; position:relative; height:7rem; padding:0 5rem; font-size: 3.2rem; font-weight: 500; letter-spacing: -2.1px; line-height:1.5; color: #6f94a3; text-align: center; /* quotes: "“" "”" "‘" "’"; */ margin-top: 4.5rem; }

.ceoTalk_view01 .desc .txtMark::before, .ceoTalk_view01 .desc .txtMark::after {content:''; position:absolute; width: 27px; height: 23px; display: inline-block; font-size: 6rem; font-weight: bold; letter-spacing: -4.5px;  color: rgba(0, 0, 0, 0.2);/* background:url("/images/icon/wing.png") no-repeat left top; background-size: 100%; */ opacity: .5; }
.ceoTalk_view01 .desc .txtMark::before {left:2rem; top:-2rem;content: open-quote; margin-right: 2rem;/*  transform:rotate(-180deg); */}
.ceoTalk_view01 .desc .txtMark::after {right:2rem; content: close-quote; margin-left: 2rem; top: 4rem; }

.movWrap {border-right:1px solid #c2c2c7; border-bottom:1px solid #c2c2c7;}


@media (max-width: 767px) {.ceoTalk_view01 .desc .txtMark:before {/*  content: open-quote;  */margin-right: 0; top:-4rem; } 
.ceoTalk_view01 .desc .txtMark::before, .ceoTalk_view01 .desc .txtMark::after {font-size:8rem;}}


.ceoTalk_view02.fa { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 8rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative;}

.ceoTalk_view02.fa .col .history_fa span {display: inline-block; padding-bottom: 1.245rem;font-weight: 400; font-size: 2rem}
.ceoTalk_view02.fa .col .history_fa ul {margin-top:1rem;}
.ceoTalk_view02.fa .col .history_fa ul li {position:relative; margin-bottom:1.3rem; padding-left:1rem; line-height: 1.25;}
.ceoTalk_view02.fa .col .history_fa ul li:before {content:''; position:absolute; left:0; top:12px; width:2px; height:2px; background:#000;}

.ceoTalk_view02.fa .col .history_fa span + p {line-height: 1.725}

.ceoTalk_view02.fa .col:nth-child(1) { -webkit-box-flex: 0; -ms-flex: 0 180px; flex: 0 180px; padding: 0 0 0 100px; margin-right: 50px; }

@media (max-width: 767px) { .ceoTalk_view02.fa .col:nth-child(1) {flex: auto; margin:0; padding: 0} .ceoTalk_view02.fa .col .history_fa ul li {font-size:2.58rem;} .ceoTalk_view02.fa .col .history_fa span {font-size:2.58rem;} }
.ceoTalk_view02.fa .col:nth-child(1) .pic { overflow: hidden; width: 160px; height: 160px; margin-bottom: 2.3rem; border-radius: 80px;border: 1px solid #ddd; }

.ceoTalk_view02 .col:nth-child(2) .history_fa .desc{ padding-bottom: 4rem; }

.ceoTalk_view02 .col:nth-child(2) .history_fa .desc p { font-size: 2rem; font-weight: 300; letter-spacing: -1.2px; /* color: #666666; */ margin-bottom: 0.45rem; }

.ceoTalk_view02 .col:nth-child(2) .history_fa .desc strong { font-size: 3.25rem; font-weight: 500; letter-spacing: -1.8px; }

.ceoTalk_view02.fa .col:nth-child(2), .ceoTalk_view02.fa .col:nth-child(3) { -webkit-box-flex: 0; -ms-flex: 0 460px; flex: 0 460px; }
@media (max-width: 992px) {
  .ceoTalk_view02.fa .col:nth-child(2), .ceoTalk_view02.fa .col:nth-child(3) { -webkit-box-flex: 0; -ms-flex: 0 600px; flex: 0 600px}
}
@media (max-width: 767px) { .ceoTalk_view02.fa .col:nth-child(2), .ceoTalk_view02.fa .col:nth-child(3) { margin: 0; -ms-flex: 0 360px; flex: 360px} }
.ceoTalk_view02.fa .col:nth-child(2) .ctrl, .ceoTalk_view02.fa .col:nth-child(3) .ctrl { width: 6.7rem; height: 6.7rem; }

.ceoTalk_view02.fa .col:nth-child(2) .tit, .ceoTalk_view02.fa .col:nth-child(3) .tit { font-size: 2.4rem; font-weight: 300; letter-spacing: -1.2px; font-weight: 500; text-align: center; margin-top: 2.8rem; }

.ceoTalk_view02.fa .col:nth-child(3) { margin-left: 3rem; }

@media (max-width: 992px) {
  .ceoTalk_view02.fa .col:nth-child(3) { margin: 0 auto; margin-top: 4rem; }
  .ceoTalk_view02.fa .col .mov .cardDetailVideo{height: 336px !important}
}
@media (max-width: 424px) {
  .ceoTalk_view02.fa .col .mov .cardDetailVideo{height: 210px !important}
}
@media (max-width: 767px) { .ceoTalk_view02.fa .col:nth-child(3) { flex: 0 100%; margin-top: 4rem; margin-left: 0; } }

.ceoTalk_view02 { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 8rem; position: relative; }

.ceoTalk_view02 h3 { font-size: 2.8rem; font-weight: 500; letter-spacing: -2.1px; line-height: 1.29; }

.ceoTalk_view02 h4 { margin-bottom: 4rem; font-size: 3rem; font-weight: 500; letter-spacing: -1.8px; }
/* 수정 - 안대용 200716 */

.ceoTalk_view02 h5 { margin-bottom: 4rem; padding: 4rem; font-size: 3rem; font-weight: 500; letter-spacing: -1.8px; text-align: center; background-color: #f5f5f5; border-radius: 32px}
/* 수정 - 안대용 200716 */

.ceoTalk_view02 .col:first-child { -webkit-box-flex: 0; -ms-flex: 0 0 300px; flex: 0 0 300px; }

.ceoTalk_view02 .col:first-child span { font-weight: 300; }

.ceoTalk_view02 .col:nth-child(2) p > img {display: block; margin: 0 auto;}

.ceoTalk_view02 .col:last-child p { font-size:2rem; font-weight: 100; line-height: 1.75; letter-spacing: -0.8px; text-align: justify; }

.ceoTalk_view02:before, .ceoTalk_view02.fa:before { content: ""; width: 1180px; height: 1px; background: #e7e7e7; position: absolute; left: 10rem; bottom: 0; }
@media (max-width: 992px) { .ceoTalk_view02:before, .ceoTalk_view02.fa:before { left: 0; width:100%;} .ceoTalk_view02 .col:last-child p {font-size:2.58rem;}}
.ceoTalk_view02:last-child, .ceoTalk_view02.fa:last-child { padding-top: 2rem; }

.js_prev { left: -100px; }

.js_next { right: -100px; background-position: 100% 0; }
@media (max-width: 992px) { .ceoTalk_view01 .mov { width: 705px; height: auto; }
  .ceoTalk_view01 .mov .ctrl { width: 6.7rem; height: 6.7rem; }
  .ceoTalk_view01 .desc { -webkit-box-flex: 0; -ms-flex: 0 0 45.0605vw; flex: 0 0 45.0605vw; border-radius: 0 0 8.0645vw 0; }
  .ceoTalk_view01 .desc .picwrap { margin: 3.0242vw 3.0242vw 0; }
  .ceoTalk_view01 .desc .picwrap .pic { width: 12.0968vw; height: 12.0968vw; margin-right: 3.3266vw; }
  .ceoTalk_view01 .desc .picwrap ul { margin-top: 0; }
  .ceoTalk_view01 .desc .picwrap ul li { font-size: 1.6129vw; margin-bottom: 1.1089vw; }
  .ceoTalk_view01 .desc .picwrap ul li strong { font-size: 3.2258vw; margin-bottom: 1.5121vw; }
  .ceoTalk_view01 .desc .picwrap ul li:first-child { font-size: 2.0161vw; }
  .ceoTalk_view01 .desc .txtMark { font-size: 2.8226vw; margin-top: 2vw; }
  /* .ceoTalk_view01 .desc .txtMark:before, .ceoTalk_view01 .desc .txtMark:after { display: none; } */ }

@media (max-width: 767px) { .ceoTalk_view01 { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .ceoTalk_view01 .desc { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; position: relative; }
  .ceoTalk_view01 .desc .picwrap { margin: 9.6774vw 9.6774vw 3vw; }
  .ceoTalk_view01 .desc .picwrap .pic { -webkit-box-flex: 0; -ms-flex: 0 0 24.1935vw; flex: 0 0 24.1935vw; height: 24.1935vw; }
  .ceoTalk_view01 .desc .picwrap ul { margin-top: 1.3105vw; position: relative; width: 100%; }
  .ceoTalk_view01 .desc .picwrap ul li { font-size: 3.0242vw; margin-bottom: 2.5202vw; width: 100%; padding: 0 }
  .ceoTalk_view01 .desc .picwrap ul li strong { font-size: 4.8387vw; }
  .ceoTalk_view01 .desc .picwrap ul li:first-child { font-size: 3.629vw; }
  .ceoTalk_view01 .desc .picwrap ul li:nth-child(3), .ceoTalk_view01 .desc .picwrap ul li:nth-child(4) { position: relative; top: 0; right: 0;}
  .ceoTalk_view01 .desc .txtMark {font-size: 5vw; margin-top:4vw;/*text-align: left;  position: absolute; left: 23.4681vw; top: 38.1194vw; */ } }

@media (max-width: 424px) {
  .ceoTalk_view01 .desc .picwrap { height:130px}
}

.ceoTalk_view02 { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 8rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: flex-start; }

.ceoTalk_view02 .col:nth-child(1) { -webkit-box-flex: 0; -ms-flex: 0 320px; flex: 0 320px; padding: 0; margin-right: 50px; }

.ceoTalk_view02 .col:nth-child(1) .pic { width: 160px; height: 160px; margin-bottom: 2.3rem; border-radius: 50%; border: 1px solid #ddd; }

.ceoTalk_view02 .col:nth-child(1) .desc { text-align: center; }

.ceoTalk_view02 .col:nth-child(1) .desc p { font-size: 1.6rem; font-weight: 300; letter-spacing: -1.2px; color: #666666; margin-bottom: 1rem; }

.ceoTalk_view02 .col:nth-child(1) .desc strong { font-size: 2.4rem; font-weight: 500; letter-spacing: -1.8px; }

.ceoTalk_view02 .col:nth-child(2), .ceoTalk_view02 .col:nth-child(3) { -webkit-box-flex: 0; -ms-flex: 0 1060px; flex: 0 1060px; }

.ceoTalk_view02 .col:nth-child(2) .ctrl, .ceoTalk_view02 .col:nth-child(3) .ctrl { width: 6.7rem; height: 6.7rem; }

.ceoTalk_view02 .col:nth-child(2) .tit, .ceoTalk_view02 .col:nth-child(3) .tit { font-size: 2.4rem; letter-spacing: -1.2px; font-weight: 500; text-align: center; margin-top: 2.8rem; }

.ceoTalk_view02 .col:nth-child(3) { margin-left: 3rem; }

@media (max-width: 992px) { .ceoTalk_view02 { -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; }
  .ceoTalk_view02 .col:nth-child(1) { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; }
  .ceoTalk_view02 .col:nth-child(1) .pic { margin: 0 auto; z-index: 2; position: relative; }
  .ceoTalk_view02 .col:nth-child(1) .desc { margin-top: 2.3185vw; }
  .ceoTalk_view02 .col:nth-child(1) .desc::before { content: ""; width: calc(100% - 8.0645vw); height: 1px; background: #ddd; position: absolute; left: 0; top: 12.0081vw; margin-left: 4.0323vw; z-index: 1; }
  .ceoTalk_view02 .col:nth-child(2), .ceoTalk_view02 .col:nth-child(3) { -webkit-box-flex: 0; -ms-flex: 0 74%; flex: 0 74%; margin-top: 0 /*6.0484vw*/; }
  .ceoTalk_view02 .col:nth-child(2) .tit, .ceoTalk_view02 .col:nth-child(3) .tit { font-size: 2.4194vw; }
  .ceoTalk_view02 .col:nth-child(3) { margin-left: 0; } }

@media (max-width: 767px) { .ceoTalk_view02 { margin-top: 5rem; }
  .ceoTalk_view02 .col:nth-child(1) { padding: 0; -ms-flex: 0 0 100%; flex: 0 0 100%;  }
  .ceoTalk_view02 .col:nth-child(1) h3 {margin-bottom: 0}
  .ceoTalk_view02 .col:nth-child(1) h3 > br {display: none}
  .ceoTalk_view02 .col:nth-child(1) h3 ~ span{position: absolute; top: 0; right: 0; }
  .ceoTalk_view02 .col:nth-child(1) .pic { width: 24.1935vw; height: 24.1935vw; }
  .ceoTalk_view02 .col:nth-child(1) .desc { margin-top: 2.3185vw; }
  .ceoTalk_view02 .col:nth-child(1) .desc::before { content: ""; width: calc(100% - 8.0645vw); height: 1px; background: #ddd; position: absolute; left: 0; top: 12.0081vw; margin-left: 4.0323vw; z-index: 1; }
  .ceoTalk_view02 .col:nth-child(2), .ceoTalk_view02 .col:nth-child(3) { -webkit-box-flex: 0; -ms-flex: 0 100%; flex: 0 100%; margin-top: 5.2151vw; } /*10.0806vw*/
  .ceoTalk_view02 .col:nth-child(2) .tit, .ceoTalk_view02 .col:nth-child(3) .tit { font-size: 4.8387vw; } }

@media (max-width: 424px) {
  .ceoTalk_view02 .col:nth-child(1) h3 ~ span{position: absolute; top: 10px; right: 0; }
}
.ceoTalk_view03 { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 8rem; position: relative; }

.ceoTalk_view03 h3 { font-size: 2.8rem; font-weight: 500; letter-spacing: -2.1px; line-height: 1.29; }

.ceoTalk_view03 h4 { font-size: 2.4rem; font-weight: 500; letter-spacing: -1.8px; margin-bottom: 2rem; }

.ceoTalk_view03 .col:first-child { -webkit-box-flex: 0; -ms-flex: 0 0 300px; flex: 0 0 300px; }

.ceoTalk_view03 .col:first-child span { font-weight: 300; }

.ceoTalk_view03 .col:last-child p { font-size: 1.6rem; font-weight: 100; line-height: 1.75; letter-spacing: -0.8px; text-align: justify; }

.ceoTalk_view03:before { content: ""; width: 1180px; height: 1px; background: #e7e7e7; position: absolute; left: 10rem; top: 0; }

.ceoTalk_view03:last-child { padding-top: 2rem; }

.ceoTalk_view03:last-child:before { display: none; }

@media (max-width: 992px) { .ceoTalk_view03:before { content: ""; width: calc(100% - 8.0645vw); height: 1px; background: #e7e7e7; position: absolute; left: 0; top: 0; margin-left: 4.0323vw; }
  .ceoTalk_view03 .col:first-child { -webkit-box-flex: 0; -ms-flex: 0 0 25.2016vw; flex: 0 0 25.2016vw; }
  .ceoTalk_view03 .col:first-child span { display: none; } }

.js_prev { left: -100px; }

.js_next { right: -100px; background-position: 100% 0 !important; }

.visiting { margin-top: 4rem; }

.visiting ul { display: flex; justify-content: space-between; flex-wrap: wrap; }

.visiting ul li { font-size: 2.4rem; font-weight: 300; line-height: 1; letter-spacing: -1.2px; margin-top: 6rem; }

.visiting ul li .pic { width: 580px; /* height: 387px; */ height: 317px; border: solid 1px #ddd; margin-bottom: 4rem; }

.visiting ul li .tit { font-size: 3.2rem; font-weight: 500; letter-spacing: -1.6px; display: block; margin-top: 1.5rem; margin-bottom: 2rem; }

.visiting ul li .date { font-size: 2rem; font-weight: 100; line-height: 1.6; letter-spacing: -0.5px; }

.visiting ul li .sub, .visiting ul li .tit, .visiting ul li .date { margin-left: 4rem; margin-right: 4rem; }

@media (max-width: 992px) { .visiting ul li { flex: 0 0 49%; margin-top: 6.0484vw; }
  .visiting ul li a .pic { width: 100%; height: 31.9556vw; margin-bottom: 4.0323vw; }
  .visiting ul li .sub, .visiting ul li .tit, .visiting ul li .date { margin-left: 4.0323vw; margin-right: 4.0323vw; }
  .visiting ul li .tit { line-height: 1.2; } }

@media (max-width: 767px) { 
  .visiting ul li .sub {margin-left:0; font-size: 3.629vw; }
  .visiting ul li .tit {margin-left:0; margin-bottom: 1rem; font-size: 4.8387vw; } 
  .visiting ul li .sub, .visiting ul li .tit, .visiting ul li .date {margin-left:1rem;}
  .visiting ul li {flex:auto;}
  .visiting ul li a .pic {height:auto;}}

.visitingView01 .pic { text-align: center; }

.visitingView01 ul { background: #092762; padding: 4rem 10rem; display: flex; justify-content: space-between; }

.visitingView01 ul li { font-size: 2rem; font-weight: 300; letter-spacing: -0.5px; color: #fff; }

.visitingView01 ul li strong { font-weight: 500; margin-right: 3rem; }

@media (max-width: 992px) { .visitingView01 ul { padding: 4.0323vw; }
  .visitingView01 ul li { font-size: 1.8145vw; } }

@media (max-width: 767px) { .visitingView01 ul { flex-direction: column; padding: 4.0323vw 9.9798vw; }
  .visitingView01 ul li { padding: 1.5121vw 0; font-size: 3.0242vw; } }

.visitingView02 { margin-top: 10rem; }

.visitingView02 h3 { font-size: 3.6rem; line-height: 1.67; letter-spacing: -0.9px; text-align: center; }

.visitingView02 .mov { width: 98rem; margin: 0 auto; height: 550px; }

@media (max-width: 992px) { .visitingView02 { margin-top: 5rem; }
  .visitingView02 .mov { width: 100%; height: 52.0202vw; }
  .visitingView02 .mov .ctrl { width: 9.4rem; height: 9.4rem; } }

.visitingView03 { margin-top: 10rem; }

.visitingView03 .btnwrap { margin-top: 6rem; }

@media (max-width: 992px) { .visitingView03 { margin-top: 5rem; } }

.books01 { padding-top: 5rem; }

.books01 .desc .tit { line-height: 1.25; }

.books01 .desc p { font-size: 1.6rem; line-height: 1.75; letter-spacing: -0.8px; margin-top: 2.5rem; }

.booksList { margin-top: 0; }

.booksList ul { display: flex; flex-wrap: wrap; justify-content: space-between; }

.booksList ul li { flex: 0 0 58rem; margin-top: 8rem; }

.booksList ul li a { display: flex; align-items: center; }

.booksList .bookImg { flex: 0 0 13.3rem; height: 20.4rem; margin-right: 4rem; }

.booksList .tit { font-size: 3.2rem; font-weight: 500; line-height: 1.13; letter-spacing: -1.6px; display: block; }

.booksList .sub { font-size: 2rem; font-weight: 300; line-height: 1.4; letter-spacing: -1.5px; margin-top: 1.5rem; }

.booksList .sub strong { font-weight: 500; margin-right: 2rem; }

.booksList .desc { padding-right: 1rem; }

.booksList .desc ul { margin-top: 2.3rem; }

.booksList .desc ul li { margin-top: 0; font-size: 2rem; font-weight: 300; line-height: 1.4; letter-spacing: -1.5px; color: #666; flex: 0 0 39.7rem; }

.booksList .desc ul li::before { content: ""; width: .2rem; height: .2rem; background: #666; display: inline-block; vertical-align: super; margin-right: 1rem; }

@media (max-width: 992px) { .booksList .desc ul li { flex: 1; }
.booksList ul li { border-top: 1px solid #ddd; padding-top: 5rem; flex: 0 0 100%; margin-top: 5rem; }
.booksList ul li ul li { border: 0; padding-top: 0; }
.booksList ul li:first-child { border: 0; padding-top: 0; } }

.books02 { padding-top: 5.5rem; display: flex; }

.books02 .bookImg { margin-right: 5rem; }

.books02 .bookImg p img { width: 160px; height: 247px; }

.books02 .bookImg button { width: 16rem; padding: 0; margin-top: 2.5rem; }

.books02 .desc { max-width: max-content; }

.books02 .desc .tit { font-size: 3.6rem; letter-spacing: -1.8px; }

.books02 .desc .sub { letter-spacing: -0.5px; margin-top: 2.8rem; }

.books02 .desc .sub span { margin-right: 2rem; }

.books02 .desc ul li { line-height: 1.4; letter-spacing: -1.5px; align-items: center; }

/* .books02 .desc ul li::before { content: ""; width: .2rem; height: .2rem; background: #666; display: inline-block; margin-right: 1rem; } */

.books02 .booklnk { margin-top: 4rem; }

.books02 .booklnk td { border: solid 1px #ddd; width: 18rem; text-align: center; padding: 1.4rem 0; letter-spacing: -1.5px; }

@media (max-width: 992px) { .books02 .bookImg { margin-left: 4.0323vw; }
  .books02 .bookImg p img { width: 16rem; height: 24.7rem; } }

@media (max-width: 767px) { .books02 { position: relative; margin-left: 4.0323vw; margin-right: 4.0323vw; padding-bottom: 14rem; }
  .books02 .desc .sub span { display: block; margin-bottom: 1rem; }
  .books02 .bookImg { margin-left: 0; }
  .books02 .booklnk { position: absolute; left: 4.0323vw; bottom: 0; }
  .books02 .booklnk td { width: 17rem; } 
  .books01 .desc p {font-size:2.3rem;}
  }

  .booksView .tab { margin-top: 3rem; width: 1180px; }

.booksView .tab:first-of-type { margin-top: 0; }

.booksView img {display:block;}

.booksView .tabcnt { margin-top:10rem; padding: 7rem 9.5rem 0; font-size: 2rem; font-weight: 300; line-height: 1.8; letter-spacing: -1px; text-align:justify; text-justify:inter-word; color: #666; }

.booksView .tabcnt:first-of-type {margin-top:0;}

.booksView .para { margin-top: 6rem; }

.booksView h3 { font-size: 2.8rem; font-weight: 500; line-height: 1.29; letter-spacing: -1.4px; color: #666; }

.booksView h4 { font-size: 2rem; font-weight: 500; line-height: 1.8; letter-spacing: -1px; }

.booksView h4 + p { margin-top: 1rem; }

.booksView .bindex { display: inline-block; width: 40rem; }

.booksView .introduce { display: flex; align-items: flex-start; }

.booksView .introduce .pic { width: 20rem; height: 20rem; border-radius: 10rem; flex: 0 0 20rem; margin-right: 4rem; border: solid 1px #ddd; }

.booksView .introduce .desc strong { font-size: 2.4rem; font-weight: 500; line-height: 1.5; letter-spacing: -1.2px; }

.booksView .introduce .desc p { margin-top: 2.5rem; }

.booksView .qfix { position: fixed; top: 0; z-index: 5; }

.booksView .btnwrap { margin-top: 8rem; }

@media (max-width: 992px) { .booksView { margin-top: 5rem; }
.booksView .tab {display:flex; width: 89.2vw; padding:1rem 1rem 0; border:0;}
.booksView .tab li { font-size: 2.0161vw; height: 6.0484vw; padding: 1.5rem 0; width: 40.3226vw; text-align:center;}
  .booksView .tab li.on { font-size: 2.4194vw; }
  .booksView .tab li.on:before {width:0; height:0; border:0;}
  .booksView .tabcnt { padding-left: 4.0323vw; padding-right: 4.0323vw; }
  .booksView .bindex { width: 49%; } }

  @media (max-width: 767px) { .booksView .tab li { font-size: 3.0161vw; height: 7.0484vw; padding: 1rem 0; }
  .booksView .tab li.on { font-size: 3.4194vw; }
  .booksView .tabcnt { padding-top: 5rem; }
  .booksView .introduce { display: initial; }
  .booksView .introduce .pic { margin: 0 auto 3rem; } }

.toggleBtn { border-bottom: 1px solid #ccc; margin-top: 6rem; text-align: right; }

.toggleBtn button { width: 18rem; height: 4rem; border-radius: 2rem; border: solid 1px #ccc; font-size: 2rem; font-weight: 300; letter-spacing: -1px; color: #666; position: relative; bottom: -2rem; background: #fff; }

.toggleBtn button::before { content: ""; width: 20px; height: 11px; display: inline-block; background: url(../images/ico_arw05.png) no-repeat 0 0; margin-right: 1.2rem; }

.toggleBtn button.js_more::before { background-position: 0 100%; }

.js_books { display: flex; }

.js_books .item img { min-width: 510px; height: 675px; }

.js_books::after { content: ""; width: 128px; height: 675px; position: absolute; background: url(../images/img_bookpage.png) no-repeat 0 0; left: 50%; transform: translate(-50%, 0); }

.slpage { position: absolute; transform: translate(-50%, 0); bottom: -5rem; top: 100%; left: 50%; width: 80%; line-height: 33px; }

.slpage span { width: 1.6rem; height: 1.6rem; border-radius: 8px; background-color: #ffffff; display: inline-block; overflow: hidden; text-indent: -999em; margin: 0 1rem; }

.slpage span.active { background-color: #00a651; }

.golf01 .pic { width: 38rem; height: 27rem; }

.golf01 .desc { line-height: 1.6; }

.golf01 .desc ul { margin-top: 2rem; }

.golf01 .desc ul li span { color: #333; flex: 0 0 10rem; font-weight: 400; }

.golfList { margin-top: 0; }

.golfList ul { display: flex; justify-content: space-between; flex-wrap: wrap; }

.golfList ul li { margin-top: 8rem; }

.golfList ul li .pic { width: 56rem; height: 33rem; border: solid 1px #ddd; }

.golfList ul li .desc .tit, .golfList ul li .desc ul { margin: 0 4rem; }

.golfList ul li .desc ul { margin-top: 2.5rem; display: inherit; }

.golfList ul li .desc ul li { margin-top: 0; font-size: 2rem; font-weight: 100; line-height: 1.6; letter-spacing: -0.5px; display: flex; }

.golfList ul li .desc ul li span { margin-right: 3rem; flex: 0 0 8.5rem; }

.golfList ul li .desc .tit { font-size: 2.8rem; font-weight: 400; letter-spacing: -2.1px; margin-top: 4rem; display: block; }

@media (max-width: 992px) { .golfList ul li { flex: 0 0 49%; margin-top: 8.0645vw; }
  .golfList ul li .pic { width: 100%; height: 33.2661vw; }
  .golfList ul li .desc .tit, .golfList ul li .desc ul { margin: 0 4.0323vw; }
  .golfList ul li .desc ul { margin-top: 2.5202vw; }
  .golfList ul li .desc ul li { font-size: 3.89vw; }
  .golfList ul li .desc ul li span { margin-right: 2.0242vw; flex:0 0 16vw; }
  .golfList ul li .desc .tit { margin-top: 4.0323vw; font-size: 4.395vw; } 
  .js_books {justify-content: center;}
  .js_books .item {height:auto !important;}
  .js_books .item img {min-width:auto; height:auto;}
  .js_books::after {display:none;}}

@media (max-width: 1024px) {
	.popup.pos03 {width:75vw;}
	.js_books .item {height:auto !important;}
	.js_books .item img {min-width:auto; height:auto;}
}

@media (max-width: 767px) {
	.popup.pos03 {width:90vw; height:auto; margin:0;}
	.golfList ul li {flex:auto;}
	.golfList ul li .pic {height:auto;}
}

.golf02 .a_center { padding: 3rem 0 6rem; }

[class*=golfView] h3 { font-size: 3.2rem; font-weight: 500; letter-spacing: -2.4px; color: #666; }

[class*=golfView] table { width: 100%; }

[class*=golfView] table td { font-size: 2rem; font-weight: 300; letter-spacing: -1.5px; text-align: center; color: #666; border: solid 1px #ddd; padding: 2rem 0; }

[class*=golfView] .result { padding: 4.7rem 8rem; border-radius: 6rem; background-color: #f5f5f5; display: flex; align-items: center; justify-content: space-between; margin-top: 4rem; flex-wrap: wrap; }

[class*=golfView] .result li { font-size: 2.4rem; font-weight: 300; letter-spacing: -0.6px; color: #666; display: flex; align-items: center; }

[class*=golfView] .result li .gr { color: #00a651; font-weight: 500; }

[class*=golfView] .result li span { margin-right: 1rem; }

[class*=golfView] .result li::before { content: ""; width: 3px; height: 3px; background: #666; display: inline-block; margin-right: .5rem; }

[class*=golfView] .slBox { display: flex; justify-content: space-between; }

[class*=golfView] .slpage { position: relative; /* bottom:0; */ bottom: -3rem; text-align: center; margin-top: 3rem; }

[class*=golfView] .slpage span { border: solid 0.2016vw #dddddd; }

@media (max-width: 992px) { [class*=golfView] .result { flex-wrap: wrap; padding: 4.5363vw 6.0484vw; border-radius: 6.0484vw; }
  [class*=golfView] .result li { flex: 0 0 50%; font-size: 2.8226vw; }
  [class*=golfView] .result li:first-child { flex: 0 0 100%; margin-bottom: 3.2258vw; }
  [class*=golfView] .slBox .item { flex: 0 0 49%; }
  [class*=golfView] .slpage { margin-top: 0; } }

@media (max-width: 767px) { [class*=golfView] .result li { flex: 0 0 100%; font-size: 3.629vw; margin-bottom: 3.2258vw; }
  [class*=golfView] .result li:last-child { margin-bottom: 0; }
  [class*=golfView] .slBox { width: 100%; overflow: hidden; }
  [class*=golfView] .slBox .item { flex: 0 0 100%; } 
  }

.golfView01 { padding-top: 5rem; /* modify - 개발시 height 삭제 */ }

.golfView01 .pic { /*height: 78.7rem;*/ background-color: #f5f5f5; }

.golfView01 ul { background: #092762; padding: 4rem 10rem; display: flex; justify-content: space-between; }

.golfView01 ul li { font-size: 2rem; font-weight: 300; letter-spacing: -0.5px; color: #fff; }

.golfView01 ul li strong { font-weight: 500; margin-right: 3rem; }

@media (max-width: 992px) { .golfView01 .pic { /*height: 61.3911vw;*/ }
  .golfView01 ul { padding: 4.0323vw; } }

@media (max-width: 767px) { .golfView01 ul { flex-direction: column; padding: 4.0323vw 9.9798vw; }
  .golfView01 ul li { padding: 1.5121vw 0; font-size: 3.0242vw; } }

.golfView02 .supportList { overflow: hidden; border: 0 solid #ddd; border-width: 1px 0 0 1px; display: flex; flex-wrap: wrap; }

.golfView02 .supportList li { font-size: 2.2rem; font-weight: 300; letter-spacing: -1.8px; text-align: center; color: #666666; padding: 1.8rem 0; border: 0 solid #ddd; border-width: 0 1px 1px 0; float: left; flex: 0 0 25%; }

@media (max-width: 992px) { .golfView02 { margin-top: 4rem; }
  .golfView02 .supportList li { flex: 0 0 33.3333%; font-size: 2.2177vw; } }

@media (max-width: 767px) { .golfView02 .supportList li { flex: 0 0 50%; font-size: 3.4274vw; } }

.golfView03 h3:last-of-type { margin-top: 6rem; }

.golfView03 .btnwrap { margin: 3rem auto 6rem;}

.edu01 .pic { width: 38rem; height: 27rem; }

.edu01 .desc { line-height: 1.6; }

.edu01 .desc ul { margin-top: 2rem; }

.edu01 .desc ul li { color: #000; }

.edu01 .desc ul li strong { color: #333; font-weight: 500; flex: 0 0 5rem; }

.eduList { margin-top: 0; }

.eduList ul { display: flex; justify-content: space-between; flex-wrap: wrap; }

.eduList ul li { margin-top: 8rem; width:50%;}

.eduList ul li .pic {position:relative; width: 56rem; height: 33rem; border: solid 1px #ddd; }

.end_shade {position: absolute; width: 100%; top: 0; height: 100%; background:#ccc; opacity:.6;}

.eduList ul li .desc { font-size: 2rem; line-height: 1.6; letter-spacing: -1.5px; }

.eduList ul li .desc .date, .eduList ul li .desc .sub, .eduList ul li .desc .tit { margin: 0 4rem; }

.eduList ul li .desc .tit { font-size: 2.8rem; font-weight: 500; letter-spacing: -2.1px; display: block; line-height: 1.2; }

.eduList ul li .desc .sub { margin-top: 3rem; }

.eduList ul li .desc .sub span:first-child { font-size: 16px; letter-spacing: -1.2px; color: #0092dc; border: 1px solid #0092dc; margin-right:5px;  padding: 0 1rem; }

.eduList ul li .desc .sub span:last-child {margin-left:5px; font-size:16px; font-weight:500;}

.eduList ul li .desc .date { margin-top: 2rem; }

@media (max-width: 992px) { .eduList ul li { flex: 0 0 49%; margin-top: 8.0645vw; }
  .eduList ul li .pic { width: 100%; height: 33.2661vw; }
  .eduList ul li .desc .date, .eduList ul li .desc .sub, .eduList ul li .desc .tit { margin-left: 4.0323vw; margin-right: 4.0323vw; }
  .eduList ul li .desc .sub { margin-top: 3.0242vw; }
  .eduList ul li .desc .sub span { font-size: 1.6129vw; margin-right: 2.0161vw; padding: 0 1.0081vw; }
  .eduList ul li .desc .date { margin-top: 2.0161vw; } }

.eduView { padding-top: 5rem; }

.eduView h3 { font-size: 3.6rem; font-weight: 500; letter-spacing: -2.7px; border-bottom: 1px solid #ddd; padding-bottom: 4rem; margin-bottom: 4rem; }

.eduView .eduView_top { display: flex; }

.eduView .eduView_top .col:first-child { flex: 0 0 400px; }

.eduView .eduView_top .col:first-child .pic { width: 40rem; height: 33rem; border: 1px solid #ddd; }
.eduView.completion .eduView_top .col:first-child .pic {border:0; height:29.2rem;}

.eduView .eduView_top .col:first-child .dside { margin-top: 3rem; }

.eduView .eduView_top .col:first-child .dside .hashtag { font-size: 20px; line-height: 1.6; font-weight: 300; color: #0082ca; padding: 0 4rem; letter-spacing: -1px; }

.eduView .eduView_top .col:first-child .dside .hashtag a { display: inline-block; }

.eduView .eduView_top .col:first-child .dside .shareWrap { margin-top: 3rem; display: flex; }

.eduView .eduView_top .col:first-child .dside .shareWrap .sns ul li:nth-child(3) button::before { background-image: url(../images/ico_sns04.png); }

.eduView .eduView_top .col:first-child .dside .shareWrap .uricopy { margin-left: 5px; position: relative; }

.eduView .eduView_top .col:first-child .dside .shareWrap .uricopy input { width: 100%; height: 40px; border-radius: 20px; border: solid 1px #cdcdcd; padding-right: 85px; letter-spacing: -1.2px; }

.eduView .eduView_top .col:first-child .dside .shareWrap .uricopy button { width: 80px; height: 40px; border-radius: 20px; background-color: #333333; letter-spacing: -1.35px; text-align: center; color: #ffffff; position: absolute; right: 0; top: 0; }

.eduView .eduView_top .col:last-child { padding-left: 4rem; flex: 1; }

.eduView .eduView_top .col:last-child .table_st02 td { padding: 1.2rem 3rem; line-height: 1.6; }

.eduView .eduView_top .col:last-child .btnwrap { margin-top: 2.5rem; }

.eduView .eduView_top .col:last-child .btnwrap a { width: 21.5rem; height: 5.6rem; font-size: 2rem; }

.eduView .eduView_top .col:last-child .btnwrap a:nth-child(1) { margin-left: 0; padding: 0; }

.eduView .eduView_top .col:last-child .btnwrap a:nth-child(3) { width: 28rem; margin-right: 0; }

.eduView .selWrap dl dt, .eduView .selWrap dl dd { width: 100%; border: solid 1px #dddddd; margin-top: 12px; }

.eduView .selWrap dl dt { background-color: #f7f7f7; }

.eduView .selWrap dl dt button { position: relative; height: 4.8rem; width: 100%; text-align: left; padding: 0 2rem 0 2.5rem; font-size: 16px; font-weight: 100; }

.eduView .selWrap dl dt button:after { background: url(../images/ico_arw05.png) no-repeat 0 100%; content: ''; display: block; width: 20px; height: 10px; position: absolute; right: 20px; top: 20px; }

.eduView .selWrap dl dt button.on:after { background-position: 0 0; }

.eduView .selWrap dl dd { height: 4.8rem; padding: 0 2rem 0 2.5rem; align-items: center; line-height: 2.5; display: none; }

.eduView .selWrap dl dd label { font-weight: 100; }

.eduView .selWrap dl dd .js_number { position: relative; display: inline-block; width: 100%; }

.eduView .selWrap dl dd .js_number input[type=number] { width: 100%; height: 4.5rem; position: relative; font-weight: 100; font-size: 16px; }

.eduView .selWrap dl dd .js_number input[type=number]::-webkit-inner-spin-button, .eduView .selWrap dl dd .js_number input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

.eduView .selWrap dl dd .js_number input:focus { outline: 0; }

.eduView .selWrap dl dd .js_number .numsel { position: absolute; right: -20px; top: 0; height: 45px; }

.eduView .selWrap dl dd .js_number .numsel .numsel-up, .eduView .selWrap dl dd .js_number .numsel .numsel-down { cursor: pointer; border-left: 1px solid #ddd; width: 35px; text-align: center; font-size: 1rem; user-select: none; height: 50%; background: url(../images/ico_arw10.png) no-repeat 50% 11px; color: transparent; }

.eduView .selWrap dl dd .js_number .numsel .numsel-down { background-position-y: -15px; }

.eduView .selWrap dl:nth-child(1) table { margin-top: 12px; font-size: 1.8rem; width: 100%; }

.eduView .selWrap dl:nth-child(1) table th { padding: 0; height: 4.8rem; }

.eduView .selWrap dl:nth-child(1) table td { height: 4.8rem; }

.eduView .selWrap dl:nth-child(1) .nodata { height: 24rem; display: inline-flex; flex-direction: column; justify-content: center; width: 100%; }

.eduView .selWrap dl:nth-child(1) .nodata p { font-size: 2rem; font-weight: 300; letter-spacing: -0.5px; text-align: center; }

.eduView .selWrap dl:nth-child(1) .nodata button { font-weight: 300; letter-spacing: -0.45px; margin-top: 15px; }

.eduView .selWrap dl:nth-child(1) .nodata.show { display: inline-flex !important; }

.eduView .selWrap .total { margin: 4rem 0 3rem; font-size: 16px; font-weight: 100; }

.eduView .selWrap .total p { display: flex; justify-content: space-between; align-items: center; }

.eduView .selWrap .total p span { font-size: 2.4rem; font-weight: 500; letter-spacing: -0.6px; }

.eduView .selWrap .total p:nth-child(1) span em { font-size: 16px; font-style: normal; font-weight: 100; margin-right: 20px; }

.eduView .selWrap .total p:nth-child(2) { margin: 1.5rem 0; }

.eduView .selWrap .total p:nth-child(3) span { color: #0082ca; }

.eduView .eduView_cnt { margin-top: 8rem; position: relative; }

.eduView .eduView_cnt .tabcnt { padding: 1.5rem 4rem 0 0; width: 88rem; }
.eduView .eduView_cnt .qfix ~ .tabcnt {padding-top:9.5rem;} */
.tabcnt .address {margin-top:2rem; margin-left:34px; line-height:1.5; text-indent:-34px;}
.eduView .eduView_cnt .tabcnt.fix {margin-top: 10rem;}

.eduView .eduView_cnt .tabcnt .address {margin-top:1rem;}

.eduView .eduView_cnt .tabcnt h4 { font-size: 2.8rem; font-weight: 500; letter-spacing: -2.1px; margin: 6rem 0 2.5rem; }

.eduView .eduView_cnt .tabcnt .eduView01, .eduView .eduView_cnt .tabcnt .eduView02, .eduView .eduView_cnt .tabcnt .eduView04 { border: solid 1px #ddd; padding: 4rem; }

.eduView .eduView_cnt .tabcnt .eduView01 { display: flex; font-size: 2rem; }

.eduView .eduView_cnt .tabcnt .eduView01 .pic { width: 16rem; height: 16rem; border: solid 1px #ddd; margin-right: 4rem; }

.eduView .eduView_cnt .tabcnt .eduView01 .desc ul li { position: relative; padding-left: 145px; margin-bottom: 5px; line-height: 1.5; }

.eduView .eduView_cnt .tabcnt .eduView01 .desc ul li span { display: block; position: absolute; left: 0; }

.eduView .eduView_cnt .tabcnt .eduView01 .desc button { width: 16rem; padding: 0; margin-top: 2rem; }

.eduView .eduView_cnt .tabcnt .eduView02 { font-weight: 300; line-height: 1.56; letter-spacing: -1.35px; color: #666666; }

.eduView .eduView_cnt .tabcnt .eduView02 p { font-size: 2rem; font-weight: 400; }

.eduView .eduView_cnt .tabcnt .eduView02 ul li { margin-top: 3rem; position: relative; padding-left: 7.5rem; }

.eduView .eduView_cnt .tabcnt .eduView02 ul li span { color: #333; display: block; font-weight: 400; position: absolute; left: 0; }

.eduView .eduView_cnt .tabcnt .eduView03 { width: 100%; }

.eduView .eduView_cnt .tabcnt .eduView03 th { padding: 0 3rem; }

.eduView .eduView_cnt .tabcnt .eduView03 td { padding: 1rem 4rem; }

.eduView .eduView_cnt .tabcnt .eduView04 { padding: 0; }

.eduView .eduView_cnt .tabcnt .eduView05 { width: 720px; margin: 0 auto; }

.eduView .eduView_cnt .tabcnt .eduView05 td { font-size: 16px; padding: 2rem 4rem; color: #666; }

.eduView .eduView_cnt .tabcnt .eduView05 td strong { font-weight: 500; }

.eduView .eduView_cnt .tabcnt .eduView05 td ul li ul li { margin-left: 1rem; }

.eduView .eduView_cnt .aside { width: 30rem; position: absolute; right: 0; top: 150px; }

.eduView .eduView_cnt .aside .selWrap { border: solid 1px #ddd; padding: 10px 13px 22px; /* min-height: 58rem; */ background: #fff; }

.eduView .eduView_cnt .aside .selWrap dd { display: inline-flex; }

.eduView .eduView_cnt .aside .selWrap dl:nth-child(2) dd { width: 50%; margin-left: 50%; }

.eduView .eduView_cnt .aside .btnwrap { margin-top: 12px; }

.eduView .eduView_cnt .aside .btnwrap .btn { width: 100%; margin: 0; }

.eduView .eduView_cnt .quick_menu { background-color: #999; z-index: 9; width: 1180px; }

.eduView .eduView_cnt .qfix { position: fixed; top: 0; }

.eduView .eduView_cnt .qfix .tab li { border-bottom: 1px solid #ccc; }

.eduView .eduView_cnt .qfix .tab li.on { border-color: #fff; }

.eduView .m_aside { display: none; }

#books_review_layer .swiper-container {display:none;}

@media (max-width: 767px) { 
  .eduList ul li .desc .tit { font-size: 4.0323vw; }
  .eduList ul li .desc .sub { font-size: 3.0242vw; } 
  .eduView.completion .eduView_top .col:first-child .pic {flex: none; width:100%; border:0; height:auto;}
  .eduList ul li {flex:auto;}
  .eduList ul li .pic {height:auto;}
  
  }

@media (max-width: 992px) { 
  .eduView h3 { font-size: 3.629vw;} 
  .tabcnt .address {margin-left:44px; text-indent:-44px;} 
  #books_review_layer .pc {display:none;}
  #books_review_layer .swiper-container {display:block;}
  .swiper-container {width: 100%;height: 100%;}
  #books_review_layer .swiper-slide {text-align:center;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;}
  .eduView .eduView_top .col:first-child { flex: 0 0 29.2339vw; }
  .eduView .eduView_top .col:first-child .pic { width: 29.2339vw; height: 29.2339vw; }
  .eduView .eduView_top .col:first-child .dside { margin-top: 3.0242vw; }
  .eduView .eduView_top .col:first-child .dside .hashtag { font-size: 2.0161vw; padding: 0; }
  .eduView .eduView_top .col:first-child .dside .shareWrap { margin-top: 3.0242vw; flex-wrap: wrap; }
  .eduView .eduView_top .col:first-child .dside .shareWrap .uricopy { flex: 0 0 100%; margin-top: 3.5363vw; margin-left: 0; }
  .eduView .eduView_top .col:first-child .dside .shareWrap .sns ul li { width: 5.2419vw; height: 5.2419vw; }
  .eduView .eduView_top .col:first-child .dside .shareWrap .sns ul li button:before { width: 5.2419vw; height: 5.2419vw; }
  .eduView .eduView_top .col:last-child { padding-left: 2.0161vw; flex: 1; }
  .eduView .eduView_top .col:last-child .table_st02 { font-size: 2.0161vw; }
  .eduView .eduView_top .col:last-child .table_st02 th { width: 15.625vw; padding: 0 3rem; }
  .eduView .eduView_top .col:last-child .btnwrap { display: flex; }
  .eduView .eduView_top .col:last-child .btnwrap .btn { min-width: 15rem; padding: 0 2rem; }
  .eduView .eduView_top .col:last-child .btnwrap a:nth-child(3), .eduView .eduView_top .col:last-child .btnwrap a { width: 19.1532vw; }
  .eduView .selWrap dl dd .js_number .numsel { height: 42px; }
  .eduView .eduView_cnt .quick_menu { width: 92.0685vw; }
  .eduView .eduView_cnt .quick_menu .tab li { font-size: 2.0161vw; padding: 2.5202vw 0; height: 7.0565vw; }
  .eduView .eduView_cnt .qfix .aside { top: 80px; }
  .eduView .eduView_cnt .tabcnt { width: 62.8024vw; padding-right: 3.0242vw; }
  .eduView .eduView_cnt .tabcnt .eduView01, .eduView .eduView_cnt .tabcnt .eduView02, .eduView .eduView_cnt .tabcnt .eduView04 { padding: 3.0242vw; }
  .eduView .eduView_cnt .tabcnt h4 { font-size: 2.8226vw; margin: 4.0323vw 0 2.5202vw; }
  .eduView .eduView_cnt .tabcnt .eduView01 { font-size: 1.8145vw; }
  .eduView .eduView_cnt .tabcnt .eduView01 .pic { flex: 0 0 16.129vw; height: 16.129vw; margin-right: 3.0323vw; }
  .eduView .eduView_cnt .tabcnt .eduView01 .desc ul li { padding-left: 12.6169vw; margin-bottom: 0.504vw; }
  .eduView .eduView_cnt .tabcnt .eduView01 .desc button { width: 16.129vw; margin-top: 2.0161vw; }
  .eduView .eduView_cnt .tabcnt .eduView02 { font-size: 1.8145vw; }
  .eduView .eduView_cnt .tabcnt .eduView02 p { font-size: 2.0161vw; }
  .eduView .eduView_cnt .tabcnt .eduView03 { font-size: 1.8145vw; }
  .eduView .eduView_cnt .tabcnt .eduView03 th { width: 21.6895vw; }
  .eduView .eduView_cnt .tabcnt .eduView03 td { padding: 1rem 2rem; }
  .eduView .eduView_cnt .tabcnt .eduView05 { font-size: 1.8145vw; width: 100%; }
  .eduView .eduView_cnt .tabcnt .eduView05 td:first-child { width: 23.6895vw; }
  .eduView .eduView_cnt .tabcnt .eduView05 td { padding: 2rem 1rem; font-size: 1.6129vw; }
  .eduView .eduView_cnt .aside { width: 29.2097vw; }
  .eduView .eduView_cnt .aside .selWrap dl:nth-child(1) table { font-size: 1.8145vw; }
  .eduView .eduView_cnt .aside .selWrap dl dt button { font-size: 1.6129vw; }
  .eduView .eduView_cnt .aside .selWrap dl dd label { font-size: 1.6129vw; }
  .eduView .eduView_cnt .aside .selWrap .total { font-size: 1.8145vw; }
  .eduView .eduView_cnt .aside .selWrap .total p span { font-size: 2.4194vw; }

  .bxslider {width:100%; height:76vh;}
  }

@media (max-width: 767px) { 
  .tabcnt .address {margin-left:34px; text-indent:-34px; font-size:3.3266vw;}
   .swiper-slide img {width:100%; height:auto;}
  .eduView h3 { font-size: 4.8387vw; }
  .eduView .eduView_top { flex-wrap: wrap; }
  .eduView .eduView_top .col:first-child { flex: 0 0 100%; }
  .eduView .eduView_top .col:first-child .pic {width:100%; height:auto;/* height: 45.3629vw; margin-right: 2.0161vw;  */}
  .eduView .eduView_top .col:first-child .dside { flex: 0 0 45.3629vw; }
  .eduView .eduView_top .col:first-child .dside .hashtag { font-size: 3.0242vw; }
  .eduView .eduView_top .col:first-child .dside .shareWrap { margin-top: 3.0242vw; }
  .eduView .eduView_top .col:first-child .dside .shareWrap .sns ul li { width: 7.8629vw; height: 7.8629vw; }
  .eduView .eduView_top .col:first-child .dside .shareWrap .sns ul li button:before { width: 7.8629vw; height: 7.8629vw; }
  .eduView .eduView_top .col:first-child .dside .shareWrap .uricopy input { height: 6.0484vw; border-radius: 20px; padding-right: 12.5685vw; }
  .eduView .eduView_top .col:first-child .dside .shareWrap .uricopy button { width: 12.0968vw; height: 7.0484vw; border-radius: 20px; font-size: 2.7218vw; }
  .eduView .eduView_top .col:last-child { padding-left: 0; flex: 0 0 100%; margin-top: 4.0323vw; }
  .eduView .eduView_top .col:last-child .table_st02 { font-size: 3.629vw; }
  .eduView .eduView_top .col:last-child .table_st02 th { width: 24.7984vw; }
  .eduView .eduView_top .col:last-child .btnwrap { display: flex; }
  .eduView .eduView_top .col:last-child .btnwrap a:nth-child(3), .eduView .eduView_top .col:last-child .btnwrap a { width: 33.3333%; }
  .eduView .selWrap dl dt button { font-size: 3.629vw; }
  .eduView .selWrap dl dt button:after { width: 4.0242vw; height: 2.5121vw; right: 20px; top: 3.0242vw; background-size: 10px; }
  .eduView .selWrap dl dd { height: 9.6774vw; line-height: 2.5; }
  .eduView .selWrap dl dd label { font-size: 3.4194vw; }
  .eduView .selWrap dl dd .js_number .numsel { height: 9.4758vw; right: -13px; }
  .eduView .selWrap dl dd .js_number .numsel .numsel-up { background-position: 50% 2.0161vw; background-size: 3.1089vw; }
  .eduView .selWrap dl dd .js_number .numsel .numsel-down { background-position: 50% -5.0363vw; background-size: 3.1089vw; }
  .eduView .eduView_cnt .quick_menu .tab {display:flex; background: #fff; border-bottom: 1px solid #000; border-width:0 0 1px; padding-left: 0; padding-right: 0; }
  .eduView .eduView_cnt .quick_menu .tab li { font-size: 3.2339vw; width: 100%; height: 10.0403vw; padding:0; margin-bottom: -1px; text-align:center; }
  .eduView .eduView_cnt .quick_menu .tab li a { height: 9.0403vw; line-height: 9.0403vw; display: inline-block; }
  .eduView .eduView_cnt .quick_menu .tab li.on { font-size: 3.629vw; font-weight: 500; border-bottom: 2px solid #000; }
  .eduView .eduView_cnt .quick_menu .tab li.on:before {display:none;}
  .eduView .eduView_cnt .aside { display: none; }
  .eduView .eduView_cnt .tabcnt { width: 100%; padding-right: 0; }
  .eduView .eduView_cnt .tabcnt .eduView01, .eduView .eduView_cnt .tabcnt .eduView02, .eduView .eduView_cnt .tabcnt .eduView04 { padding: 3.0242vw; }
  .eduView .eduView_cnt .tabcnt h4 { font-size: 4.8387vw; padding-left: 3.0242vw; }
  .eduView .eduView_cnt .tabcnt .eduView01 { font-size: 3.3266vw; border-width: 0; border-top-width: 1px; }
  .eduView .eduView_cnt .tabcnt .eduView01 .pic { display: none; }
  .eduView .eduView_cnt .tabcnt .eduView01 .desc ul li { padding-left: 25.6169vw; margin-bottom: 0.504vw; }
  .eduView .eduView_cnt .tabcnt .eduView01 .desc button { width: 30.129vw; margin-top: 2.0161vw; margin-left: 25.6169vw; }
  .eduView .eduView_cnt .tabcnt .eduView02 { font-size: 3.3266vw; border-width: 0; border-top-width: 1px; }
  .eduView .eduView_cnt .tabcnt .eduView02 p { font-size: 3.3266vw; }
  .eduView .eduView_cnt .tabcnt .eduView03 { font-size: 3.3266vw; margin-left: 3.0242vw; margin-right: 3.0242vw; }
  .eduView .eduView_cnt .tabcnt .eduView03 thead, .eduView .eduView_cnt .tabcnt .eduView03 tbody, .eduView .eduView_cnt .tabcnt .eduView03 th, .eduView .eduView_cnt .tabcnt .eduView03 td, .eduView .eduView_cnt .tabcnt .eduView03 tr { display: block; border: 0; padding-left: 0; padding-right: 0; height: auto; }
  .eduView .eduView_cnt .tabcnt .eduView03 tbody { margin-top: 3.0242vw; }
  .eduView .eduView_cnt .tabcnt .eduView03 th { font-size: 3.9315vw; background: none; width: 100%; }
  .eduView .eduView_cnt .tabcnt .eduView03 td { padding: 1rem 0 6.4516vw; }
  .eduView .eduView_cnt .tabcnt .eduView03 .a_center { text-align: left !important; }
  .eduView .eduView_cnt .tabcnt .eduView04 { padding: 0; }
  .eduView .eduView_cnt .tabcnt .eduView05 { font-size: 3.3266vw; width: 100%; border: 0; }
  .eduView .eduView_cnt .tabcnt .eduView05 thead, .eduView .eduView_cnt .tabcnt .eduView05 tbody, .eduView .eduView_cnt .tabcnt .eduView05 th, .eduView .eduView_cnt .tabcnt .eduView05 td, .eduView .eduView_cnt .tabcnt .eduView05 tr { display: block; border: 0; padding-left: 0; padding-right: 0; height: auto; }
  .eduView .eduView_cnt .tabcnt .eduView05 thead { display: none; }
  .eduView .eduView_cnt .tabcnt .eduView05 .a_center { display: flex; justify-content: space-around; }
  .eduView .eduView_cnt .tabcnt .eduView05 td:first-child { width: 100%; background-color: #f7f7f7; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 1rem; }
  .eduView .eduView_cnt .tabcnt .eduView05 td:first-child p:last-child { flex: 0 0 50%; text-align: right; }
  .eduView .eduView_cnt .tabcnt .eduView05 td { padding: 2rem 3rem; font-size: 3.3266vw; }
  .eduView .m_aside { display: block; background-color: #f5f5f5; margin-left: -4.0323vw; margin-right: -4.0323vw; padding: 6.0484vw 4.0323vw; width: calc(100% + 8.0646vw); position: relative; margin-top: 3rem; }
  .eduView .m_aside .selWrap dl dt { background-color: #fff; margin-bottom: 12px; margin-top: 0; }
  .eduView .m_aside .btnwrap { margin-top: 0; }
  .eduView .m_aside .btnwrap .btn { width: 49%; margin: 0; }
  .eduView .m_aside .side_top { width: 60px; position: absolute; top: -3.9315vw; left: 50%; transform: translateX(-50%); }
  .eduView .m_aside .side_top img { max-width: auto; } }

@media (max-width: 767px) { .fsp030102 + .cnt_head + #container { padding-bottom: 0; }}

.eduView .selWrapTop dl dt, .eduView .selWrapTop dl dd { width: 100%; border: solid 1px #dddddd; margin-top: 12px; }

.eduView .selWrapTop dl dt { background-color: #f7f7f7; }

.eduView .selWrapTop dl dt button { position: relative; height: 4.8rem; width: 100%; text-align: left; padding: 0 2rem 0 2.5rem; font-size: 16px; font-weight: 100; }

.eduView .selWrapTop dl dt button:after { background: url(../images/ico_arw05.png) no-repeat 0 100%; content: ''; display: block; width: 20px; height: 10px; position: absolute; right: 20px; top: 20px; }

.eduView .selWrapTop dl dt button.on:after { background-position: 0 0; }

.eduView .selWrapTop dl dd { height: 4.8rem; padding: 0 2rem 0 2.5rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.eduView .selWrapTop dl dd label { font-weight: 100; }

.eduView .selWrapTop dl dd .js_number { position: relative; display: inline-block; width: 100%; }

.eduView .selWrapTop dl dd .js_number input[type=number] { width: 100%; height: 4.5rem; position: relative; font-weight: 100; font-size: 16px; }

.eduView .selWrapTop dl dd .js_number input[type=number]::-webkit-inner-spin-button, .eduView .selWrapTop dl dd .js_number input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

.eduView .selWrapTop dl dd .js_number input:focus { outline: 0; }

.eduView .selWrapTop dl dd .js_number .numsel { position: absolute; right: -20px; top: 0; height: 45px; }

.eduView .selWrapTop dl dd .js_number .numsel .numsel-up, .eduView .selWrapTop dl dd .js_number .numsel .numsel-down { cursor: pointer; border-left: 1px solid #ddd; width: 35px; text-align: center; font-size: 1rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; height: 50%; background: url(../images/ico_arw10.png) no-repeat 50% 11px; color: transparent; }

.eduView .selWrapTop dl dd .js_number .numsel .numsel-down { background-position-y: -15px; }

.news01 p { font-size: 2rem; font-weight: 300; line-height: 1.6; letter-spacing: -1.5px; color: #666; margin-top: 2.5rem; }

.news01 p.date { font-size: 22px; letter-spacing: -0.55px; margin-top: 0; }

.news02, .news03 { margin-top: 8rem; display: flex; }

.news02 .news_sec01, .news03 .news_sec01 { background: #f4f7f9; padding: 6rem 8rem; flex: 1; }

.news02 .news_sec01 .tit, .news03 .news_sec01 .tit { font-size: 2.4rem; font-weight: 500; line-height: 1.33; letter-spacing: -0.6px; margin: 4rem 2rem 0; display: block; }

.news02 .news_sec01 p, .news03 .news_sec01 p { font-size: 2rem; font-weight: 300; line-height: 1.6; letter-spacing: -1.5px; margin: 1.5rem 2rem 0; }

.news02 .news_sec01 p.date, .news03 .news_sec01 p.date { letter-spacing: -0.5px; margin-top: 2.5rem; }

.news02 .news_sec01 .pic, .news03 .news_sec01 .pic { width: 58rem; height: 34rem; border: solid 1px #ddd; }

.news02 .news_sec02, .news03 .news_sec02 { margin-left: 6rem; }

.news02 .news_sec02 .tit, .news03 .news_sec02 .tit { font-size: 2.4rem; font-weight: 500; line-height: 1.33; letter-spacing: -0.6px; margin: 2.5rem 1.4rem 0; display: block; }

.news02 .news_sec02 .desc p, .news03 .news_sec02 .desc p { font-size: 2rem; font-weight: 300; line-height: 1.6; letter-spacing: -0.5px; margin: 1rem 1.4rem 0; }

.news02 .news_sec02 .item, .news03 .news_sec02 .item { margin-top: 7.5rem; }

.news02 .news_sec02 .item:first-child, .news03 .news_sec02 .item:first-child { margin-top: 0; }

.news02 .news_sec02 .pic, .news03 .news_sec02 .pic { width: 38rem; height: 20rem; border: solid 1px #ddd; }

@media (max-width: 992px) { .news02, .news03 { flex-wrap: wrap; }
  .news02 .news_sec01, .news03 .news_sec01 { flex: 0 0 100%; }
  .news02 .news_sec01 .pic, .news03 .news_sec01 .pic { width: 100%; height: 47.6815vw; }
  .news02 .news_sec01 p, .news03 .news_sec01 p { font-size: 2.7218vw; }
  .news02 .news_sec02, .news03 .news_sec02 { flex: 0 0 100%; margin: 6.3508vw 0 0; display: flex; justify-content: space-between; }
  .news02 .news_sec02 .item, .news03 .news_sec02 .item { margin: 0; } }

@media (max-width: 767px) { .news02 .news_sec01, .news03 .news_sec01 { padding: 4.6371vw 7.0565vw; }
  .news02 .news_sec02 .item, .news03 .news_sec02 .item { flex:auto; }
  .news02 .news_sec02 .item .pic, .news03 .news_sec02 .item .pic { width: 100%;/*  height: 26.4113vw; */height:auto; }
  .news02 .news_sec02 .item .desc strong, .news03 .news_sec02 .item .desc strong { /* font-size: 2.621vw;  */}
  .news02 .news_sec02 .item .desc p, .news03 .news_sec02 .item .desc p { margin-bottom: 3rem; /* font-size: 2.4194vw; */ } 
  .news02 .news_sec02, .news03 .news_sec02 {display:block;}
  .news02 .news_sec01 p, .news03 .news_sec01 p {font-size:3.5vw;}}

.news03 { flex-direction: row-reverse; margin-top: 6rem; }

.news03 .news_sec01 { margin-left: 6rem; /* modify - 삭제 하여도 됨 확인 필요..  */ }

.news03 .news_sec02 { margin-left: 0; }

.newsList ul { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: -6rem; }

.newsList ul li { flex: 0 0 38rem; margin-top: 6rem; }

.newsList ul li .pic { width: 38rem; height: 20rem; border: solid 1px #ddd; }

.newsList ul li .tit { font-size: 2.4rem; font-weight: 500; line-height: 1.33; letter-spacing: -0.6px; display: block; margin-top: 2.5rem; }

.newsList ul li .date { font-size: 2rem; font-weight: 300; line-height: 1.6; letter-spacing: -0.5px; margin-top: 1rem; }

@media (max-width: 992px) { .newsList ul { margin-top: -8rem; }
  .newsList ul li { margin-top: 6.0484vw; } }

@media (max-width: 767px) { .newsList ul li {flex:auto;}
  .newsList ul li .pic { width: 100%; height:auto; }
  .newsList ul li .desc strong { /* font-size: 2.621vw; */ }
  .newsList ul li .desc p { /* font-size: 2.4194vw; */ } }

.newsView { padding-top: 5rem; }

.newsView .news_top { border-bottom: 1px solid #ddd; padding-bottom: 3rem; position: relative; }

.newsView .news_top h3 { font-size: 3.6rem; line-height: 1.33; color: #4a4e57; width: 90rem; }

.newsView .news_top .date { font-weight: 300; letter-spacing: -0.45px; color: #4a4e57; }

.newsView .news_top .sns { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }

.newsView .news_top .sns strong { font-size: 16px; font-weight: 300; letter-spacing: -0.4px; text-align: center; color: #666; display: block; margin-bottom: 15px; }

.newsView .cntTxt, .newsView .lnk, .newsView .recom { width: 98rem; }

.newsView .cntTxt { margin: 8rem auto 0; font-weight: 300; }

.newsView .cntTxt .pic { width: 78rem; height: 48rem; border: 1px solid #ddd; margin: 0 auto 8rem; }

.newsView .lnk { margin: 6.5rem auto 0; display: table; }

.newsView .lnk .tit { background-color: #eeeeee; border-top-left-radius: 73px; font-size: 2rem; font-weight: 400; display: table-cell; vertical-align: middle; width: 20rem; padding-left: 4.5rem; }

.newsView .lnk .tit strong { display: block; font-weight: 400; font-size: 2.4rem; margin-bottom: 1rem; }

.newsView .lnk .tit span { text-align: left; display: block; }

.newsView .lnk .source { font-size: 2rem; font-weight: 300; line-height: 1.8; background-color: #f5f5f5; border-bottom-right-radius: 73px; display: table-cell; height: 146px; vertical-align: middle; padding-left: 4.5rem; }

.newsView .recom { margin: 8rem auto 0; }

.newsView .recom .colWrap { flex: 0 0 50%; display: flex; }

.newsView .recom .colWrap .pic { width: 18rem; height: 18rem; border-radius: 9rem; background: none; }

.newsView .recom .colWrap .desc { margin-left: 3rem; line-height: 1.5; }

.newsView .recom .colWrap .desc .sub { margin-top: 0; font-size: 1.8rem; font-weight: 400; color: #000; }

.newsView .recom .colWrap .desc .tit { line-height: 1; margin-top: 1rem; }

.newsView .recom .colWrap .desc ul { margin-top: 2rem; }

.newsView .postlnk { margin-top: 8rem; }

.newsView .btnwrap { margin-top: 4rem; }

@media (max-width: 992px) { .newsView .news_top h3 { width: 100%; font-size: 4.0323vw; padding-right: 20rem; }
  .newsView .news_top .date { font-size: 2.0161vw; }
  .newsView .news_top .sns { width: auto; }
  .newsView .news_top .sns strong { font-size: 1.6129vw; }
  .newsView .cntTxt { width: 100%; margin-top: 8.0645vw; }
  .newsView .cntTxt .pic { width: auto; height: 48.3871vw; margin-left: 6.6532vw; margin-right: 6.6532vw; margin-bottom: 8.0645vw; }
  .newsView .lnk { width: 100%; }
  .newsView .lnk .tit { font-size: 2.0161vw; width: 20.1613vw; padding-left: 4.5363vw; border-top-left-radius: 10.0565vw; }
  .newsView .lnk .tit strong { font-size: 2.4194vw; }
  .newsView .lnk .source { font-size: 2.0161vw; border-bottom-right-radius: 10.0565vw; height: 14.7177vw; padding-left: 4.5363vw; }
  .newsView .lnk .source p:first-child { text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; width: 59.0726vw; overflow: hidden; }
  .newsView .recom { width: 100%; display: flex; justify-content: space-between; margin-top: 6rem; }
  .newsView .recom .colWrap { flex: 0 0 49%; }
  .newsView .recom .colWrap .pic { width: 16.129vw; height: 16.129vw; border-radius: 8.0645vw; }
  .newsView .recom .colWrap .desc { margin-left: 3.0242vw; font-size: 1.6129vw; }
  .newsView .recom .colWrap .desc .sub { font-size: 1.8145vw; }
  .newsView .recom .colWrap .desc .tit { margin-top: 1.0081vw; font-size: 2.8226vw; }
  .newsView .recom .colWrap .desc ul { margin-top: 2.0161vw; } }

@media (max-width: 767px) { .newsView .news_top h3 { padding-right: 0; font-size: 5.5444vw; margin-bottom: 2rem; }
  .newsView .news_top .date { font-size: 3.0242vw; }
  .newsView .news_top .sns { position: static; transform: translateY(0); margin-top: 2rem; }
  .newsView .news_top .sns strong { display: none; }
  .newsView .cntTxt .pic { margin-left: 0; margin-right: 0; }
  .newsView .lnk .tit { font-size: 2.7218vw; width: 27.2419vw; padding-left: 5.5444vw; }
  .newsView .lnk .tit strong { font-size: 3.3266vw; }
  .newsView .lnk .source { font-size: 2.7202vw; height: 20.7177vw; padding-left: 4.5363vw; padding-right: 4.5363vw; }
  .newsView .lnk .source p:first-child { width: 56.0726vw; }
  .newsView .recom { flex-wrap: wrap; margin-top: 5rem; }
  .newsView .recom .colWrap { flex: 0 0 100%; }
  .newsView .recom .colWrap:last-child { margin-top: 4rem; }
  .newsView .recom .colWrap .pic { width: 24.1935vw; height: 24.1935vw; border-radius: 12.0968vw; }
  .newsView .recom .colWrap .desc { margin-left: 4.5363vw; font-size: 3.0242vw; }
  .newsView .recom .colWrap .desc .sub { font-size: 2.7218vw; }
  .newsView .recom .colWrap .desc .tit { margin-top: 1.6129vw; font-size: 5.0403vw; }
  .newsView .recom .colWrap .desc ul { margin-top: 3.0242vw; } }

.world01, .world02 { display: flex; align-items: center; padding-top: 5rem; }

.world01 .world_sec01, .world02 .world_sec01 { display: flex; overflow: hidden; border-radius: 2rem; flex: 0 0 66rem; }

.world01 .world_sec01 .pic, .world02 .world_sec01 .pic { flex: 0 0 30rem; height: 26.8rem; overflow: hidden; position: relative; }

.world01 .world_sec01 .pic img, .world02 .world_sec01 .pic img { position: absolute; left: 0; bottom: 0; width: auto; max-width: initial; }

.world01 .world_sec01 .picsub, .world02 .world_sec01 .picsub { flex: 1; background-color: #f5f5f5; display: inline-flex; align-items: center; justify-content: center; position: relative; }

.world01 .world_sec01 .picsub::before, .world01 .world_sec01 .picsub::after, .world02 .world_sec01 .picsub::before, .world02 .world_sec01 .picsub::after { content: ""; width: 14px; height: 12px; position: absolute; }

.world01 .world_sec01 .picsub::before, .world02 .world_sec01 .picsub::before { left: 4rem; top: 4rem; background: url(../images/ico_apo01.png) no-repeat 0 0; }

.world01 .world_sec01 .picsub::after, .world02 .world_sec01 .picsub::after { right: 4rem; bottom: 4rem; background: url(../images/ico_apo02.png) no-repeat 0 0; }

.world01 .world_sec02, .world02 .world_sec02 { margin-left: 4rem; font-size: 2rem; }

.world01 .world_sec02 .sub, .world02 .world_sec02 .sub { letter-spacing: -1.5px; font-weight: 400; }

.world01 .world_sec02 .tit, .world02 .world_sec02 .tit { font-size: 3.2rem; font-weight: 500; letter-spacing: -2.4px; color: #303059; margin-top: .5rem; display: block; margin-bottom: 3rem; }

.world01 .world_sec02 p, .world02 .world_sec02 p { font-weight: 300; line-height: 1.4; letter-spacing: -1.5px; text-align: justify; color: #666; }

.world01 .world_sec02 .date, .world02 .world_sec02 .date { font-size: 2.2rem; letter-spacing: -0.55px; color: #666; font-weight: 500; margin-top: 1.5rem; }

.world01.world02, .world02.world02 { display: block; }

.world01.world02 .world_sec01 .pic, .world02.world02 .world_sec01 .pic { flex: 0 0 50rem; }

.world01.world02 .world_sec01 .picsub, .world02.world02 .world_sec01 .picsub { background: #f5f5f5 url(../images/bg_fsp050302.png) repeat-y 0 0; }

.world01.world02 .world_sec01 .picsub::before, .world01.world02 .world_sec01 .picsub::after, .world02.world02 .world_sec01 .picsub::before, .world02.world02 .world_sec01 .picsub::after { width: 21px; height: 18px; }

.world01.world02 .world_sec01 .picsub::before, .world02.world02 .world_sec01 .picsub::before { left: 9.4rem; background-image: url(../images/ico_apo03.png); }

.world01.world02 .world_sec01 .picsub::after, .world02.world02 .world_sec01 .picsub::after { right: 9.4rem; background-image: url(../images/ico_apo04.png); }

@media (max-width: 992px) { .world01.world01, .world02.world01 { flex-wrap: wrap; }
  .world01.world01 .world_sec01, .world02.world01 .world_sec01 { flex: 0 0 100%; }
  .world01.world01 .world_sec01 .pic, .world02.world01 .world_sec01 .pic { flex: 0 0 23rem; height: 20.8rem; }
  .world01.world01 .world_sec01 .picsub img, .world01.world01 .world_sec01 .picsub:before, .world01.world01 .world_sec01 .picsub:after, .world02.world01 .world_sec01 .picsub img, .world02.world01 .world_sec01 .picsub:before, .world02.world01 .world_sec01 .picsub:after { transform: scale(0.8); }
  .world01.world01 .world_sec01 .picsub:before, .world02.world01 .world_sec01 .picsub:before { left: 4.0323vw; top: 4.0323vw; }
  .world01.world01 .world_sec01 .picsub:after, .world02.world01 .world_sec01 .picsub:after { right: 4.0323vw; bottom: 4.0323vw; }
  .world01.world01 .world_sec02, .world02.world01 .world_sec02 { margin-left: 0; margin-top: 6.0484vw; position: relative; }
  .world01.world01 .world_sec02 .date, .world02.world01 .world_sec02 .date { position: absolute; left: 0; top: 8.0081vw; }
  .world01.world01 .world_sec02 strong, .world02.world01 .world_sec02 strong { margin-bottom: 8.5685vw; margin-top: 1.4194vw; }
  .world01.world02 .world_sec01, .world02.world02 .world_sec01 { flex: 0 0 100%; }
  .world01.world02 .world_sec01 .pic, .world02.world02 .world_sec01 .pic { flex: 0 0 38rem; height: 22.8rem; }
  .world01.world02 .world_sec01 .picsub img, .world01.world02 .world_sec01 .picsub:before, .world01.world02 .world_sec01 .picsub:after, .world02.world02 .world_sec01 .picsub img, .world02.world02 .world_sec01 .picsub:before, .world02.world02 .world_sec01 .picsub:after { transform: scale(0.8); }
  .world01.world02 .world_sec01 .picsub:before, .world02.world02 .world_sec01 .picsub:before { left: 4.0323vw; top: 4.0323vw; }
  .world01.world02 .world_sec01 .picsub:after, .world02.world02 .world_sec01 .picsub:after { right: 4.0323vw; bottom: 4.0323vw; } }

@media (max-width: 767px) { .world01.world01 .world_sec01 .picsub img, .world01.world01 .world_sec01 .picsub:before, .world01.world01 .world_sec01 .picsub:after, .world02.world01 .world_sec01 .picsub img, .world02.world01 .world_sec01 .picsub:before, .world02.world01 .world_sec01 .picsub:after { transform: scale(0.6); }
  .world01.world01 .world_sec02, .world02.world01 .world_sec02 { margin-top: 8.0484vw; margin-bottom: 3.0242vw; }
  .world01.world01 .world_sec02 .date, .world02.world01 .world_sec02 .date { top: 12.0081vw; }
  .world01.world01 .world_sec02 strong, .world02.world01 .world_sec02 strong { margin-bottom: 11.5685vw; margin-top: 1.4194vw; }
  .world01.world02 .world_sec01, .world02.world02 .world_sec01 { flex-wrap: wrap; }
  .world01.world02 .world_sec01 .pic, .world02.world02 .world_sec01 .pic { flex: 0 0 100%; }
  .world01.world02 .world_sec01 .pic img, .world02.world02 .world_sec01 .pic img { height: 120%; }
  .world01.world02 .world_sec01 .picsub, .world02.world02 .world_sec01 .picsub { flex: 0 0 100%; height: 22.8rem; }
  .world01.world02 .world_sec01 .picsub img, .world01.world02 .world_sec01 .picsub:before, .world01.world02 .world_sec01 .picsub:after, .world02.world02 .world_sec01 .picsub img, .world02.world02 .world_sec01 .picsub:before, .world02.world02 .world_sec01 .picsub:after { transform: scale(0.5); } }

.worldList ul { display: flex; flex-wrap: wrap; margin-top: -6.5rem; overflow: hidden; margin-left: -10px; margin-right: -10px; }

.worldList ul li { flex: 0 0 25%; font-size: 2rem; padding-left: 10px; padding-right: 10px; margin-top: 6.5rem; }

.worldList ul li .pic { width: 100%; height: 28rem; border: 1px solid #ddd; }

.worldList ul li .sub { letter-spacing: -1px; margin-top: 3rem; }

.worldList ul li .tit { display: block; font-size: 3.2rem; font-weight: 500; letter-spacing: -2.4px; margin-top: 1.5rem; }

.worldList ul li .date { font-weight: 500; letter-spacing: -0.5px; margin-top: 2rem; }

.worldList ul li .sub, .worldList ul li .tit, .worldList ul li .date { margin-left: 2rem; margin-right: 2rem; }

@media (max-width: 992px) { .worldList { margin-top: 5rem; }
  .worldList ul li { flex: 0 0 33.3333%; }
  .worldList ul li .pic { height: 28.2258vw; } }

@media (max-width: 767px) { .worldList ul { margin-left: 0; margin-right: 0; justify-content: space-between; }
  .worldList ul li { flex: 0 0 49%; padding-left: 0; padding-right: 0; margin-top: 5.5rem; }
  .worldList ul li .pic { height: 43.7702vw; } }

.worldView .colWrap { display: flex; }

.worldView .colWrap h3 { flex: 0 0 28.5rem; margin-top: .5rem; font-size: 2.8rem; font-weight: 400; }

.worldView .recom { margin-top: 8rem; padding: 6rem 0 0; border-top: 1px solid #ddd; }

.worldView .postlnk { margin-top: 7rem; }

.worldView .btnwrap { margin-top: 6rem; }

@media (max-width: 992px) { .worldView { margin-top: 4rem; }
  .worldView .colWrap h3 { flex: 0 0 16.5rem; }
  .worldView .colWrap .cntTxt { font-size: 2.4194vw; }
  .worldView .recom { justify-content: center; } }

@media (max-width: 767px) { .worldView .colWrap { flex-wrap: wrap; }
  .worldView .colWrap h3 { flex: 0 0 100%; }
  .worldView .colWrap .cntTxt { font-size: 3.4194vw; }
  .worldView .recom { justify-content: flex-start; }
  .worldView .recom .desc { font-size: 2.8226vw; margin-left: 3.7rem; } }

.qa { padding-top: 5rem; }

.qa .inpWrap { text-align: right; margin-top: 2rem; }

.qa .inpWrap label { color: #000; }

.qa .btnwrap { margin-top: 3rem; }

.qa .table_st03 { margin-top: 7rem; }

.qa .table_st03 th { width: 28rem; }

.qa .table_st03 td label { font-size: 2rem; font-weight: 400; letter-spacing: -0.5px; color: #000; }

.qa .table_st03 td .inp [type=text] { min-height: 34px; border: solid 1px #ccc; border-radius: 0; }

.qa .table_st03 td .selectbox { margin-left: 10px; }

.qa .table_st03 td .selectbox select { border: 1px solid #ccc; min-height: 35px; padding: 0 45px 0 15px; -webkit-appearance: none; background: #fff url(../images/ico_select2.png) no-repeat right 15px center; font-size: 16px; border-radius: 0; }

.qa .table_st03 td .selectbox select:focus { box-shadow: none; }

.qa .table_st03 td .selectbox select:not(:focus):invalid { color: #999; }

.qa .table_st03 td textarea { font-size: 16px; font-weight: 300; }

@media (max-width: 992px) { .qa .table_st03 th { width: auto; }
  .qa .w780 { width: 100%; }
  .qa input + label { font-size: 1.8rem; } }

@media (max-width: 767px) { .qa .mVd { display: none; }
  .qa input + label { margin-right: 0; }
  .qa .table_st03 th { width: 13rem; padding: 0 2rem; }
  .qa .table_st03 td .inp { width: 100%; margin-top: 1rem; margin-bottom: 1rem; }
  .qa .table_st03 td .inp [type=text] { border-radius: 5px; }
  .qa .table_st03 td textarea { border-radius: 5px; }
  .qa .table_st03 td .selectbox { margin-left: 0; width: 100%; margin-bottom: 1rem; }
  .qa .table_st03 td .selectbox select { border-radius: 5px; } }

.archive { padding-top: 5rem; margin-top: 0; }

.archive .txtbox { border-radius: 8px; border: solid 1px #303059; font-weight: 300; line-height: 1.33; letter-spacing: -0.45px; color: #303059; width: 98rem; padding: 3rem 9rem; margin: 0 auto 5rem; }

.archive .table_st02 thead th { background-color: #efefef; }

.archive .table_st02 tbody th { font-weight: 300; }

.archive .table_st02 tbody td { vertical-align: top; padding-top: 3rem; padding-bottom: 3rem; }

@media (max-width: 992px) { .archive .txtbox { width: 100%; padding: 4.0323vw; }
  .archive .table_st02 { font-size: 2.0161vw; } }

@media (max-width: 767px) { .archive .table_st02 { font-size: 3.5282vw; width: 145.3629vw; } }

@media (max-width: 767px) {
  .fsp050201 + .cnt_head + #container .searchbox .search { flex-wrap: wrap; justify-content: space-between; }
  .fsp050201 + .cnt_head + #container .searchbox .search .selectbox { flex: 0 0 49%; margin-right: 0; margin-bottom: 2.0161vw; }
  .fsp050201 + .cnt_head + #container .searchbox .search input { flex: 0 0 calc(100% - 23%); }
  .fsp050201 + .cnt_head + #container .searchbox .search .btn { margin-left: 0; flex: 0 0 20%; }
}

.archiveList { margin-top: 3rem; }

.archiveList ul { display: flex; justify-content: space-between; flex-wrap: wrap; }

.archiveList ul li { width: 38rem; height: auto; border-radius: 10px; border: solid 1px #ddd; padding: 3.5rem 4rem 4.8rem; position: relative; margin-top: 4rem; }

.archiveList ul li a{ display: inline-block; position: relative; width: 100%; height: 240px; }

.archiveList ul li a .bottom_wrap{ position: absolute; bottom: 0; left: 0; width: 100%; }

.archiveList ul li a hr{ display:block; height: 1px; margin-bottom: 40px; border:0; background-color: #389BF9; }
@media screen and (max-width: 768px) {
  .archiveList ul li a { height: 190px; }
  .archiveList ul li a hr { margin-bottom: 24px; }
}

@media (max-width: 767px) {
  .archiveList ul li a { height: 230px; }
  .archiveList .sc_lists_3 li {width:100%; padding: 4.0323vw 5.5444vw; } /* height:39.5806vw; */
  .archiveList .sc_lists_3 li .cate { font-size: 2.621vw; }
  .archiveList .sc_lists_3 li .cate span:first-child { width: 35.294vw; height: 5.0403vw; border-radius: 2.5202vw; line-height: 5.0403vw; margin-right: 2.5202vw; }
  .archiveList .sc_lists_3 li .tit { font-size: 3.2258vw; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
  .archiveList .sc_lists_3 li .tit br { display: none; }
  .archiveList .sc_lists_3 li .desc {margin-top:2rem; font-size:3.5vw; }
  .archiveList .sc_lists_3 li .more { width: 8.0645vw; height: 8.0645vw; }
}


@media screen and (max-width: 425px) {
  .archiveList ul li { height: auto; }
  .archiveList ul li a { height: 120px; }
  .archiveList ul li a hr{ margin-bottom: 20px; }
}

@media screen and (max-width: 375px) {
  .archiveList ul li a { height: 105px; }
}
.archiveList ul li .cate { display: flex; align-items: center; font-weight: 300; letter-spacing: -0.5px; }

.archiveList ul li .cate span:first-child { width: auto; height: 40px; margin-right: 2.5rem; font-weight: 600; font-size: 1.25em; color: #333; line-height: 40px; letter-spacing: -0.9px; }

.archiveList ul li .tit { font-weight: 400; font-size: 1.125em; line-height: 1.25; letter-spacing: -0.8px; color: #666; margin-top: 3.125rem; display: block; }

.archiveList ul li .desc { font-weight: 300; line-height: 1.6; letter-spacing: -1.5px; color: #666; margin-top: 3rem; }

.archiveList ul li .more { width: 40px; height: 40px; overflow: hidden; text-indent: -999em; display: block; background: url(../images/ico_more.png) no-repeat 0 100%; position: absolute; right: -1px; bottom: -1px; background-size: cover; }

.archiveList ul li:hover { border: 1px solid #389BF9; box-shadow: 0px 5px 8px #00000033; }

.archiveList ul li:hover .cate span:first-child { border-color: #0092dc; color: #000; }

.archiveList ul li:hover .more { background-position: 0 0; }

.archiveList ul li.dummy_li { border: none; }

.archiveList ul li .info { display: flex; justify-content: space-between; align-items: center; }

.archiveList ul li .info span { font-weight: 300; font-size: .9em; color: #666; line-height: 1.625em; letter-spacing: -0.8px; }
@media (max-width: 992px) { .archiveList .sc_lists_3 li { height: auto; } }


.archiveView { margin-top: 6rem; }

.archiveView h3 { text-align: center; margin-bottom: 6rem; line-height: 1.2; }

.archiveView table { border-bottom: none; }

.archiveView table td { padding-top: 1.5rem; padding-bottom: 1.5rem; }

.archiveView table td.aleft { padding-left: 4rem; padding-right: 4rem; }

.archiveView table td .attachfile { position: relative; margin-top: 1.5rem; padding-bottom:2rem; border-bottom: 1px solid #ddd;}

.archiveView table td .attachfile p { width: 80%}
@media (max-width: 768px) {
  .archiveView table td .attachfile p { width: 74% }
  .archiveView table td img { width: unset !important; height: unset !important; }
}
@media (max-width: 425px) {
  .archiveView table td .attachfile p { width: 60% }
}
.archiveView table td .attachfile:last-of-type{ padding-bottom:0; border-bottom: none; }

.archiveView table td .attachfile .btnwrap { display: inline-block; margin-top: 0; margin-left: 4rem; }

.archiveView table td .attachfile .btnwrap .btn { width: 12rem; height: 2.725rem; margin-top: -1px; padding: 0; font-size:1.725rem; font-weight: 500; }

@media (max-width: 767px) { .archiveView table td .attachfile .btnwrap .btn{width: 16rem; padding:3.2rem 0; }}

.archiveView table td .attachfile:first-child { margin-top: 0; }

.archiveView table th { padding-left: 1rem; padding-right: 1rem; }

.archiveView table .archiveCnt { padding: 7.5rem; line-height: 2.8rem; }

.archiveView table .archiveCnt .pic { width: 78rem; height: 33rem; border: 1px solid #ddd; margin: 0 auto; }

.archiveView .btnwrap { margin-top: 4rem; }

.archiveView .wp_table th { width: 130px; }

.archiveView .wp_table:nth-child(3) .wp_table_row table:first-child { flex: 0 0 66.6666%; }

.archiveView .wp_table:nth-child(3) .wp_table_row table:last-child { flex: 0 0 33.3333%; }

@media (max-width: 992px) { .archiveView .wp_table .wp_table_row table { flex: 0 0 100%; }
  .archiveView .wp_table:nth-child(3) .wp_table_row table:first-child, .archiveView .wp_table:nth-child(3) .wp_table_row table:last-child { flex: 0 0 100%; }
  .archiveView table td .attachfile .btnwrap { margin-top: 1.3105vw; margin-left: 0; display: block; text-align: left; }
  .archiveView table td .attachfile .btnwrap:first-of-type{margin-top:0}
  .archiveView table td .attachfile .btnwrap .btn { width: 14.1129vw; font-size: 1.6rem; height: 3.5rem; }
  .archiveView table .archiveCnt { padding: 7.5605vw; }
  .archiveView table .archiveCnt .pic { width: 100%; height: 33.2661vw; } }

@media (max-width: 767px) { .archiveView .wp_table th { width: 65px; }
  .archiveView table th { font-size: 2.608vw; }
  .archiveView table td { font-size: 2.608vw; }
  .archiveView table td.aleft { padding-left: 2rem; padding-right: 2rem; }
  .archiveView table td .attachfile .btnwrap .btn { width: 21.1129vw; height: 2.25rem; padding: 1.5rem; font-size: 2.0242vw; }
  .archiveView table .archiveCnt { padding: 7.5605vw 0; }
  .archiveView table .archiveCnt .pic { width: 100%; height: 45.3629vw; } }

@media (max-width: 767px) { .archiveView table td .attachfile .btnwrap .btn {width: 14rem}}

@media (max-width: 424px) { .archiveView table td .attachfile .btnwrap .btn {width: 10rem}}

.mypage01, .mypage02, .mypage03 { padding-top: 5rem; }

.mypage01 h3, .mypage02 h3, .mypage03 h3 { font-size: 3.6rem; font-weight: 300; letter-spacing: -2.7px; margin-bottom: 40px; margin-top: 80px; }

.mypage01 h3:first-child, .mypage02 h3:first-child, .mypage03 h3:first-child { margin-top: 0; }

.mypage01 th, .mypage02 th, .mypage03 th { padding: 0 2rem; }

.mypage01 .btnwrap, .mypage02 .btnwrap, .mypage03 .btnwrap { margin-top: 40px; }

@media (max-width: 992px) { .mypage01 h3, .mypage02 h3, .mypage03 h3 { margin-bottom: 4.0323vw; margin-top: 8.0645vw; } }

.mypage01 .tb_st02:first-of-type td .btn { position: absolute; right: 0; top: calc(50% - 2rem); }

.mypage01 .tb_st02 table { empty-cells: show; }

.mypage01 .tb_st02 .col:first-child .btn { right: auto; left: 2rem; }

.mypage01 .tb_st02 .col td { position: relative; line-height: 5.3rem; }

.mypage01 .tb_st02 .col td .w100 { width: 11.9rem; }

.mypage01 .btnwrap .big { font-size: 2.4rem; }

.mypage01 .table_st02 tr:hover td { background-color: #f5f5f5; }

.mypage01 .nttxt { font-weight: 300; letter-spacing: -1.5px; color: #999999; margin-top: 23px; margin-left: 20px; }

.mypage01 .right_text { font-weight: 300; letter-spacing: -1.5px; color: #000000; margin-top: 23px; margin-left: 20px; margin-bottom: 8px; text-align: right; }

.mypage01 .mbr { display: table-row; }

@media (max-width: 992px) { .mypage01 .tb_st02 { flex-wrap: wrap; }
  .mypage01 .tb_st02 .col { flex: 0 0 100%; }
  .mypage01 .tb_st02 .col:last-child table { border-top: 0; }
  .mypage01 .tb_st02 .col td .btn { top: calc(50% - 2.3161vw); }
  .mypage01 .tb_st02 .col th { width: 32%; }
  .mypage01 .mbr { display: none; } }

@media (max-width: 767px) { .mypage01 .tb_st02 .col td .btn { top: calc(50% - 3.3266vw); }
  .mypage01 .tb_st02 .col td label { font-size: 3.5282vw; }
  .mypage01 .tb_st02 .col td .w100 { width: 32.8%; }
  .mypage01 div.wp_xs table { width: 220%; } }

.mypage02 h3 { /* border-bottom: 1px solid #ddd; */ padding-bottom: 20px; }

.mypage02 .btn { width: 22rem; padding: 0 2rem; letter-spacing: -0.5px; }

@media (max-width: 767px) { .mypage02 .btnwrap .btn {width:auto; min-width: auto; padding: 0 4.5rem;} }

.mypage02 table td { padding: 1rem 2rem; }

.mypage02 table td strong { font-weight: 500; }

@media (max-width: 767px) { .mypage02 table { width: 160%; } }

.mypage03 h3 { border-bottom: 1px solid #ddd; padding-bottom: 20px; }

.mypage03 .table_st02 tr:first-child th { border-right: none; }

.mypage03 .table_st02 tr:first-child td { background-color: #f5f5f5; border-left: none; font-weight: 500; }

.mypage03 .table_st02 tr:last-child th { border-right: none; background-color: #fff; vertical-align: top; padding-top: 4.5rem; }

.mypage03 .table_st02 tr:last-child td { background-color: #fff; border-left: none; padding: 3.5rem; }

.mypage03 .table_st02 tr:last-child td textarea { height: 200px; border-radius: 4px; border: solid 1px #dddddd; padding: 3.5rem; font-weight: 300; letter-spacing: -1.5px; }

.mypage03 .table_st02:first-of-type { border-bottom: none; }

.mypage03 .table_st02:last-of-type th { border-right: none; width: 13%; }

.mypage03 .table_st02:last-of-type tr:nth-child(2) td { background-color: #f5f5f5; border-left: none; }

.mypage03 .table_st02:last-of-type tr:nth-child(2) td:first-of-type { width: 20%; }

@media (max-width: 992px) { .mypage03 .table_st02:first-of-type th { width: 19%; }
  .mypage03 .table_st02:last-of-type th { width: 19%; }
  .mypage03 .table_st02:last-of-type tr:nth-child(2) td:first-of-type { width: 30%; } }

@media (max-width: 767px) { .mypage03 .table_st02 tr:last-child td textarea { padding: 2.5rem; margin-top: 0; height: 175px; }
  .mypage03 .table_st02 tr:last-child td { padding: 2.5rem 0; }
  .mypage03 .table_st02:first-of-type th { width: 22%; padding: 0 1rem; }
  .mypage03 .table_st02:first-of-type td { padding: 0 1rem; }
  .mypage03 .table_st02:last-of-type th { width: 22%; padding: 0 1rem; }
  .mypage03 .table_st02:last-of-type td { padding: 0 1rem; }
  .mypage03 .table_st02:last-of-type tr:nth-child(2) td:first-of-type { width: 30%; } }

.popCnt { padding: 0 4rem 6rem; }

.popCnt .memoutTxt01 { text-align: center; }

.popCnt .memoutTxt01 strong { font-size: 3.2rem; font-weight: 500; letter-spacing: -2.4px; }

.popCnt .memoutTxt01 p { font-weight: 300; line-height: 1.6; letter-spacing: -1.5px; margin-top: 30px; }

.popCnt .memoutTxt01 p:last-of-type { font-weight: 500; margin: 15px 0 35px; }

.popCnt .memoutTxt02 { font-weight: 500; letter-spacing: -1.5px; text-align: center; color: #00a651; margin-top: 40px; }

.popCnt .count { border-radius: 4px; background-color: #f5f5f5; height: 4.8rem; display: inline-flex; align-items: center; width: 100%; justify-content: center; margin-top: 2rem; }

.popCnt .resultSec { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-top: 4rem; overflow-y: scroll; height: 29.7rem; }

.popCnt .resultSec dl { font-size: 16px; font-weight: 300; letter-spacing: -0.4px; }

.popCnt .resultSec dl dt { padding-left: 10px; height: 5rem; display: inline-flex; align-items: center; }

.popCnt .resultSec dl dd ul { border-bottom: 1px solid #ddd; }

.popCnt .resultSec dl dd ul li { border-top: 1px solid #ddd; height: 5rem; display: inline-flex; align-items: center; width: 100%; }

.popCnt .resultSec dl dd ul li span { padding: 0 40px; border-right: 1px solid #ddd; height: 5rem; display: inline-flex; align-items: center; margin-right: 2rem; }

.popCnt .lnkt { font-size: 2rem; font-weight: 300; letter-spacing: -1.5px; text-align: center; margin-top: 4rem; }

.popCnt .lnkt a { border-bottom: 1px solid #000; }

.payinfo { padding-top: 5rem; }

@media (max-width: 992px) { .payinfo h3 { display: none; } }

.wfull { width: 100%; }

.w30 { width: 1.6rem; display: inline-block; }

.w400 { width: 40rem; display: inline-block; }

.w325 { width: 32.5rem; display: inline-block; }

.w180 { width: 18rem; display: inline-block; }

.w120 { width: 12rem; display: inline-block; }

.w100 { width: 10rem; display: inline-block; }

.w600 { width: 60rem; display: inline-block; }

.w780 { width: 78rem; display: inline-block; }

.mt00 { margin-top: 0 !important; }

/* 기업성장 연구소 */
.sraWrap { /*.flowArrowBox > .col { margin-left: -15px; }*/ }

@media (max-width: 767px) {
  .sraWrap #updown01, .sraWrap #updown02, .sraWrap #updown03, .sraWrap #updown04, .sraWrap #updown05, .sraWrap #updown06 { margin-top: 5rem; }
}

.sraWrap .sraTab { display: flex; flex-wrap: wrap;}
@media (max-width: 640px) { .sraWrap .sraTab {  flex-direction: column; align-items: center } }

.sraWrap .sraTab li { width: 275px; margin: 0 10px; }

.sraWrap .sraTab li a { font-size: 2.8rem; font-weight: 500; letter-spacing: -1.4px; text-align: center; display: block; border-bottom: 2px solid #000; padding: 30px 0 25px; }

.sraWrap .sraTab li a.on { color: #389af9; border-color: #389af9; }
/*
.sraWrap .sraTab li:nth-child(4n) { margin-right: 0; }

.sraWrap .sraTab li:nth-child(4n-3) { margin-left: 0; }
*/
.sraWrap .sraTab.col3tab li { width: 372px; }
@media (min-width:769px) and (max-width: 1023px) {
  .sraWrap .sraTab.col3tab li { width: 48%; }
}
@media (max-width: 768px) {
  .sraWrap .sraTab.col3tab li { width: 48%; }
}
@media (max-width: 640px) {
  .sraWrap .sraTab.col3tab li { width: 90%; }
}
@media (max-width: 404px) {
  .sraWrap .sraTab.col3tab { margin-top: 2rem; }
}
/*
.sraWrap .sraTab.col3tab li:nth-child(3n) { margin-right: 0; }

.sraWrap .sraTab.col3tab li:nth-child(3n-2) { margin-left: 0; }
*/
@media (max-width: 992px) { .sraWrap .sraTab { justify-content: space-between; }
  .sraWrap .sraTab li { width: 49%; margin: 0; }
  .sraWrap .sraTab li a { padding: 3.0242vw 0 2.5202vw; font-size: 2.8226vw; }
  .sraWrap .sraTab.col4tab li { width: 49%; }
  .sraWrap .sraTab.col4tab li:nth-child(3n) { margin-right: 0; }
  .sraWrap .sraTab.col4tab li:nth-child(3n-2) { margin-left: 0; } }

@media (max-width: 767px) { .sraWrap .sraTab li a { padding: 4.5363vw 0 3.7298vw; font-size: 4.2339vw; } }

.sraWrap .sraTab2 { display: flex; flex-wrap: wrap; margin-bottom: -20px; margin-top: 5rem; }

.sraWrap .sraTab2 li { width: 380px; margin: 0 10px 20px; }

.sraWrap .sraTab2 li a { font-weight: 300; color: #092762; background: #f5f5f5; font-size: 2.8rem; letter-spacing: -1.4px; text-align: center; padding: 27px 0; display: block; }

.sraWrap .sraTab2 li a.on { background-color: #092762; color: #fff; font-weight: 500; }

.sraWrap .sraTab2 li:nth-child(3n) { margin-right: 0; }

.sraWrap .sraTab2 li:nth-child(3n-2) { margin-left: 0; }

@media (max-width: 992px) { .sraWrap .sraTab2 { justify-content: space-between; }
  .sraWrap .sraTab2 li { width: 49%; margin: 0 0 2.0161vw; } }

@media (max-width: 767px) { .sraWrap .sraTab2 { justify-content: space-between; }
  .sraWrap .sraTab2 li { width: 100%; margin: 0; } }

.sraWrap .sraTit { background: #f9f9f9; height: 33rem; border-bottom: 1px solid #000; display: flex; align-items: center; position: relative; margin-top: 60px; font-size: 3.6rem; font-weight: 300; line-height: 1.3; letter-spacing: -3px; padding: 0 75px; }

.sraWrap .sraTit .col { flex: 0 50%; }

.sraWrap .sraTit .col:first-child { flex-direction: column; }

.sraWrap .sraTit .col:first-child p { line-height: 1.25; }

.sraWrap .sraTit .col:last-child { display: flex; align-items: center; justify-content: flex-end; }

.sraWrap .sraTit .col .arw_updown a { width: 50px; height: 50px; overflow: hidden; display: block; background: url(../images/ico_updown_d01.png) no-repeat 0 0; color: transparent; text-indent: -99em; margin-left: 12rem; transition: opacity .2s ease-in; opacity: 1; background-size: contain; }

.sraWrap .sraTit .col .arw_updown a:first-child { margin-bottom: 12px; background-image: url(../images/ico_updown_u01.png); }

.sraWrap .sraTit .col .arw_updown a:hover { opacity: .5; }

.sraWrap .sraTit .col .arw_updown a:hover:first-child { background-image: url(../images/ico_updown_u02.png); }

.sraWrap .sraTit .col .arw_updown a:hover:last-child { background-image: url(../images/ico_updown_d02.png); }

.sraWrap .sraTit strong { font-weight: 500; }

.sraWrap .sraTit .cate { border-radius: 2px; border: solid 1px #000000; font-size: 2rem; letter-spacing: -1.5px; padding: 6px 30px; font-weight: 400; margin-bottom: 1rem; display: inline-block; }

@media (max-width: 992px) { .sraWrap .sraTit { font-size: 3.629vw; height: 31.754vw; margin-top: 4rem; padding: 0 3.0242vw 0 7.5605vw; }
  .sraWrap .sraTit .col { padding: 0; }
  .sraWrap .sraTit .col:last-child img { width: 18.1452vw; }
  .sraWrap .sraTit .col .arw_updown a { margin-left: 3rem; width: 6.4516vw; height: 6.4516vw; }
  .sraWrap .sraTit .cate { padding: 0.6048vw 3.0242vw; font-size: 2.0161vw; } }

  @media (max-width: 767px) { .sraWrap .sraTit { height: 89.379vw; flex-wrap: wrap; padding: 5.0403vw 4.0323vw 5.0403vw 5.0403vw; font-size: 7.0565vw; }
  .sraWrap .sraTit .col { padding: 0; flex: 0 0 100%; position: relative; }
  .sraWrap .sraTit .col:last-child img { width: 29.0323vw; }
  .sraWrap .sraTit .col:last-child { display: flex; justify-content: flex-start; margin-top: 3.5rem; }
  .sraWrap .sraTit .col .arw_updown { display: flex; position: absolute; right: 0; bottom: 0; }
  .sraWrap .sraTit .col .arw_updown a { width: 11.0887vw; height: 11.0887vw; margin: 0; }
  .sraWrap .sraTit .col .arw_updown a:first-child { margin-bottom: 0; margin-right: 1rem; }
  .sraWrap .sraTit .cate { padding: 0.9073vw 4.5363vw; font-size: 3.8387vw; } }

.sraWrap .sraColbox { display: flex; margin-top: 80px; }

.sraWrap .sraColbox h3 { flex: 1 0 380px; font-size: 3.2rem; font-weight: 300; line-height: 1.25; letter-spacing: -1.6px; }

.sraWrap .sraColbox h3 strong { font-weight: 500; }

.sraWrap .sraColbox .cnt { font-size: 2rem; font-weight: 300; line-height: 1.4; letter-spacing: -1px; color: #666666; }

@media (max-width: 992px) { .sraWrap .sraColbox { flex-wrap: wrap; margin-top: 6.0645vw; padding-left: 30px; padding-right: 30px; }
  .sraWrap .sraColbox h3 { flex: 1; }
  .sraWrap .sraColbox h3 br { display: none; } }

@media (max-width: 767px) { .sraWrap .sraColbox { padding-left: 3.0242vw; padding-right: 3.0242vw; } }

.sraWrap .sraCnt01 dt { font-weight: 500; line-height: 1.4; letter-spacing: -1px; color: #000; margin-top: 50px; border-bottom: 1px solid #000; padding-bottom: 20px; }

.sraWrap .sraCnt01 dt::before { content: 'Q'; display: inline-block; margin-right: 15px; }

.sraWrap .sraCnt01 dd { border-radius: 20px; background-color: #f5f5f5; padding: 40px; margin: 20px 0 0 30px; position: relative; }

.sraWrap .sraCnt01 dd::before { content: 'A'; display: inline-block; font-weight: 500; color: #000; position: absolute; top: 0; left: -30px; }

@media (max-width: 767px) { .sraWrap .sraCnt01 dt { margin-top: 8.0403vw; }
  .sraWrap .sraCnt01 dd { padding: 5.0323vw; } }

.sraWrap .sraSlide_wrap h3 { font-size: 3.6rem; font-weight: 500; letter-spacing: -1.8px; color: #fff; background: #3fc131; padding: 33px 65px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; }

.sraWrap .sraSlide_wrap h3:nth-child(3) { background-image: linear-gradient(to left, #00a9ff, #00a9ff); }

.sraWrap .sraSlide_wrap h3:nth-child(5) { background-image: linear-gradient(to left, #3fc131, #00a9ff); }

.sraWrap .sraSlide_wrap h3:nth-child(7) { background-image: linear-gradient(to right, #3fc131, #00a9ff); }

.sraWrap .sraSlide_wrap .sraPage { text-align: center; margin: 30px 0 60px; }

.sraWrap .sraSlide_wrap .sraPage span { display: inline-block; width: 16px; height: 16px; background: #ccc; border-radius: 50%; overflow: hidden; text-indent: -999em; margin: 0 5px; }

.sraWrap .sraSlide_wrap .sraPage span.on { background: #389af9; }

@media (max-width: 767px) { .sraWrap .sraSlide_wrap h3 { padding: 3.3266vw 6.5524vw; font-size: 4.629vw; }
  .sraWrap .sraSlide_wrap .sraPage { margin: 3.0242vw 0 6.0484vw; }
  .sraWrap .sraSlide_wrap .sraPage span { width: 2.6129vw; height: 2.6129vw; } }

.sraWrap .sraSlide01, .sraWrap .sraSlide02, .sraWrap .sraSlide03, .sraWrap .sraSlide04 { margin-top: 40px; }

.sraWrap .sraSlide01 .slideBox, .sraWrap .sraSlide02 .slideBox, .sraWrap .sraSlide03 .slideBox, .sraWrap .sraSlide04 .slideBox { border: 1px solid #ddd; text-align: center; margin: 0 30px; }

@media (max-width: 767px) { .sraWrap .sraSlide01, .sraWrap .sraSlide02, .sraWrap .sraSlide03, .sraWrap .sraSlide04 { margin-top: 4.0323vw; }
  .sraWrap .sraSlide01 .slideBox, .sraWrap .sraSlide02 .slideBox, .sraWrap .sraSlide03 .slideBox, .sraWrap .sraSlide04 .slideBox { margin: 0; } }

.sraWrap .sraRecomm { border-radius: 20px; border: solid 4px #3fc132; padding: 100px 80px; }

.sraWrap .sraRecomm .desc { font-size: 3.6rem; line-height: 1.33; letter-spacing: -3.7px; margin: 0 70px 100px; }

.sraWrap .sraRecomm .desc strong:first-child { font-weight: 500; color: #3ec133; }

.sraWrap .sraRecomm .desc strong:last-child { font-weight: 500; color: #00a9fe; }

.sraWrap .sraRecomm .sraNametag { display: flex; }

.sraWrap .sraRecomm .sraNametag:first-of-type { border-bottom: 1px solid #3fc132; padding-bottom: 65px; margin-bottom: 65px; }

.sraWrap .sraRecomm .sraNametag .col:first-child { font-size: 2rem; line-height: 1.2; letter-spacing: -1px; flex: 0 1 320px; margin-right: 80px; padding-left: 20px; }

.sraWrap .sraRecomm .sraNametag .col:first-child p, .sraWrap .sraRecomm .sraNametag .col:first-child strong { margin-left: 15px; }

.sraWrap .sraRecomm .sraNametag .col:first-child img { margin-bottom: 30px; }

.sraWrap .sraRecomm .sraNametag .col:first-child strong { font-size: 2.8rem; font-weight: 500; letter-spacing: -1.4px; display: inline-block; margin-top: 15px; }

.sraWrap .sraRecomm .sraNametag .col:last-child { display: flex; flex: auto; padding-top: 50px; }

.sraWrap .sraRecomm .sraNametag .col:last-child dl { font-size: 16px; font-weight: 300; line-height: 1.5; letter-spacing: -0.8px; }

.sraWrap .sraRecomm .sraNametag .col:last-child dl dt { font-size: 20px; font-weight: 500; letter-spacing: -1px; }

.sraWrap .sraRecomm .sraNametag .col:last-child dl dd { color: #666; display: flex; align-items: flex-start; }

.sraWrap .sraRecomm .sraNametag .col:last-child dl dd::before { content: ''; display: inline-block; width: 2px; height: 2px; background: #666; margin: 12px 5px 0; }

.sraWrap .sraRecomm .sraNametag .col:last-child dl:first-child { flex: 0 1 240px; }

.sraWrap .sraRecomm .sraNametag .col:last-child dl:last-child { flex: auto; }

@media (max-width: 992px) { .sraWrap .sraRecomm { padding: 10.0806vw 9.0645vw; }
  .sraWrap .sraRecomm .desc { margin: 0 0 10.0806vw; }
  .sraWrap .sraRecomm .desc br { display: none; }
  .sraWrap .sraRecomm .sraNametag .col:first-child { margin-right: 7.0645vw; padding-left: 2.0161vw; flex: 0 0 26.2581vw; }
  .sraWrap .sraRecomm .sraNametag .col:last-child { flex-wrap: wrap; padding-top: 0; }
  .sraWrap .sraRecomm .sraNametag .col:last-child dl:last-child { margin-top: 4.0323vw; flex: 0 0 100%; } }

@media (max-width: 767px) { .sraWrap .sraRecomm .desc { font-size: 5.5444vw; }
  .sraWrap .sraRecomm .desc br { display: none; }
  .sraWrap .sraRecomm .sraNametag { flex-wrap: wrap; }
  .sraWrap .sraRecomm .sraNametag .col:first-child { text-align: center; margin-right: 0; padding-left: 0; padding-right: 0; flex: 0 0 100%; }
  .sraWrap .sraRecomm .sraNametag .col:first-child span { display: inline-block; width: 42.3387vw; height: 42.3387vw; border-radius: 140px; }
  .sraWrap .sraRecomm .sraNametag .col:first-child p { margin-left: 0; font-size: 4.8387vw; margin-top: 4.0323vw; }
  .sraWrap .sraRecomm .sraNametag .col:first-child strong { margin-left: 0; font-size: 4.2rem; }
  .sraWrap .sraRecomm .sraNametag .col:last-child { margin-top: 6rem; padding-left: 0; padding-right: 0; }
  .sraWrap .sraRecomm .sraNametag .col:last-child dl { font-size: 3.2258vw; }
  .sraWrap .sraRecomm .sraNametag .col:last-child dl:first-child { flex: 0 0 100%; }
  .sraWrap .sraRecomm .sraNametag .col:last-child dl dt { font-size: 3.8145vw; }
  .sraWrap .sraRecomm .sraNametag .col:last-child dl dd br { display: none; } }

.sraWrap p { line-height: 1.44444em; }

.sraWrap hr { display: block; border-top-color: #ebebeb !important; margin: 1rem 30px; padding: 0px; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); }

.sraWrap .row hr { margin: 1rem 0; }

.sraWrap .col-1, .sraWrap .col-2, .sraWrap .col-3, .sraWrap .col-4, .sraWrap .col-5, .sraWrap .col-6, .sraWrap .col-7, .sraWrap .col-8, .sraWrap .col-9, .sraWrap .col-10, .sraWrap .col-11, .sraWrap .col-12, .sraWrap .col, .sraWrap .col-auto, .sraWrap .col-sm-1, .sraWrap .col-sm-2, .sraWrap .col-sm-3, .sraWrap .col-sm-4, .sraWrap .col-sm-5, .sraWrap .col-sm-6, .sraWrap .col-sm-7, .sraWrap .col-sm-8, .sraWrap .col-sm-9, .sraWrap .col-sm-10, .sraWrap .col-sm-11, .sraWrap .col-sm-12, .sraWrap .col-sm, .sraWrap .col-sm-auto, .sraWrap .col-md-1, .sraWrap .col-md-2, .sraWrap .col-md-3, .sraWrap .col-md-4, .sraWrap .col-md-5, .sraWrap .col-md-6, .sraWrap .col-md-7, .sraWrap .col-md-8, .sraWrap .col-md-9, .sraWrap .col-md-10, .sraWrap .col-md-11, .sraWrap .col-md-12, .sraWrap .col-md, .sraWrap .col-md-auto, .sraWrap .col-lg-1, .sraWrap .col-lg-2, .sraWrap .col-lg-3, .sraWrap .col-lg-4, .sraWrap .col-lg-5, .sraWrap .col-lg-6, .sraWrap .col-lg-7, .sraWrap .col-lg-8, .sraWrap .col-lg-9, .sraWrap .col-lg-10, .sraWrap .col-lg-11, .sraWrap .col-lg-12, .sraWrap .col-lg, .sraWrap .col-lg-auto, .sraWrap .col-xl-1, .sraWrap .col-xl-2, .sraWrap .col-xl-3, .sraWrap .col-xl-4, .sraWrap .col-xl-5, .sraWrap .col-xl-6, .sraWrap .col-xl-7, .sraWrap .col-xl-8, .sraWrap .col-xl-9, .sraWrap .col-xl-10, .sraWrap .col-xl-11, .sraWrap .col-xl-12, .sraWrap .col-xl, .sraWrap .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 10px; padding-left: 10px; }

.sraWrap ul.list-square li { padding: 0.2rem 15px; position: relative; }

.sraWrap ul.list-square.wsNormal li, .sraWrap ul.list-square.normal li { white-space: normal !important; }

.sraWrap ul.list-square li::before { content: ''; width: 2px; height: 2px; display: inline-block; vertical-align: middle; margin-top: -3px; margin-left: -8px; margin-right: 6px; background-color: #5b5b5b; }

.sraWrap ul.list-square li ol li::before { display: none; }

.sraWrap ul li ol { padding: .25rem 15px; }

.sraWrap ul li ol li { list-style-type: upper-roman; padding: 0; }

.sraWrap ul.list-square.big li::before { width: 4px; height: 4px; margin-top: -4px; margin-left: -12px; margin-right: 8px; }

.sraWrap ul.list-square li.noDots::before { visibility: hidden; }

.sraWrap ul.list-square li.thinDots::before { height: 1px !important; }

.sraWrap .row { display: flex; flex-wrap: wrap; margin-right: -10px; margin-left: -10px; }

.sraWrap .sra_sec { width: 100%; padding-right: 30px; padding-left: 30px; margin-right: auto; margin-left: auto; font-size: 16px; color: #666; line-height: 1.2; }

.sraWrap .sra_sec .btn { height: auto; display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; user-select: none; border: 1px solid transparent; padding: 1.1rem 3.4rem; font-size: 1rem; line-height: 1.5; border-radius: .4rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

.sraWrap .sra_sec .btn-outline-primary { color: #389af9; background-color: #ffffff; background-image: none; border-color: #389af9; }

.sraWrap .sra_sec .btn-darkblue { color: #fff; background: #181e5f; }

.sraWrap .sra_sec .col { flex-basis: 0; flex-grow: 1; max-width: 100%; }

.sraWrap .sra_sec .table th, .sraWrap .sra_sec .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #ebebeb; }

.sraWrap .sra_sec *, .sraWrap .sra_sec *:before, .sraWrap .sra_sec *:after { box-sizing: border-box; }

@media (max-width: 767px) { .sraWrap .sra_sec { padding-left: 0; padding-right: 0; } }

.sraWrap .col-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }

.sraWrap .col-auto { flex: 0 0 auto; width: auto; max-width: none; }

.sraWrap .mt-2, .sraWrap .my-2 { margin-top: 0.5rem !important; }

.sraWrap .col-3 { flex: 0 0 25%; max-width: 25%; }

.sraWrap .col-9 { flex: 0 0 75%; max-width: 75%; }

.sraWrap .col-12 { flex: 0 0 100%; max-width: 100%; }

.sraWrap .fwLight { font-weight: 300 !important; }

.sraWrap .fwMedium { font-weight: 500 !important; }

.sraWrap .fwBold { font-weight: 700 !important; }

.sraWrap .text-uppercase { text-transform: uppercase !important; }

.sraWrap .text-visibility { visibility: hidden; }

.sraWrap .text-left { text-align: left !important; }

.sraWrap .ls1 { letter-spacing: -.16rem !important; }

.sraWrap .fz28 { font-size: 3.2rem !important; }

.sraWrap .fz24 { font-size: 2.4rem !important; }

.sraWrap .fz22 { font-size: 2.2rem !important; }

.sraWrap .fz20 { font-size: 2rem !important; }

.sraWrap .fz18 { font-size: 1.8rem !important; }

.sraWrap .fz16 { font-size: 1.6rem !important; }

.sraWrap .fz36 { font-size: 3.6rem !important; }

.sraWrap .txtMediumGray { color: #999 !important; }

.sraWrap .text-dark { color: #000000 !important; }

.sraWrap .txtDarkgray { color: #333 !important; }

.sraWrap .txtGray { color: #666 !important; }

.sraWrap .text-primary { color: #389af9 !important; }

.sraWrap .text-secondary { color: #343193 !important; }

.sraWrap .bg-primary { background-color: #389af9 !important; }

.sraWrap .bg-secondary { background-color: #343193 !important; }

.sraWrap .wsNormal { white-space: normal !important; }

.sraWrap .text-white { color: #fff !important; }

.sraWrap .align-middle { vertical-align: middle !important; }

.sraWrap .text-center { text-align: center !important; }

.sraWrap .text-justify { text-align: justify !important; }

.sraWrap .position-relative { position: relative !important; }

.sraWrap .mgAt { margin: 0 auto; }

.sraWrap .img-fluid { max-width: 100%; height: auto; }

.sraWrap .imgBox { position: relative; }

.sraWrap .imgBox img { display: block; }

.sraWrap .img-thumbnail { padding: 0.25rem; background-color: #ffffff; border: 1px solid #ebebeb; border-radius: 0.25rem; max-width: 100%; height: auto; }

.sraWrap .lhLight { line-height: 1.25em !important; }

.sraWrap .d-block { display: block !important; }

.sraWrap .d-inline-block { display: inline-block !important; }

.sraWrap .blind-mask { background-color: #000; color: #000; }

.sraWrap .border { border: 1px solid #ebebeb !important; }

.sraWrap .border-2 { border-width: 2px !important; }

.sraWrap .border-3 { border-width: 3px !important; }

.sraWrap .border-round { border-radius: 50%; }

.sraWrap .border-primary { border-color: #389af9 !important; }

.sraWrap .border-ddd { border: 1px solid #ddd; }

.sraWrap .border-dark { border-color: #000000 !important; }

.sraWrap .border-secondary { border-color: #343193 !important; }

.sraWrap .pdB64 { padding-bottom: calc(6.4rem - 10px) !important; }

.sraWrap .pd64 { padding-top: calc(6.4rem - 10px) !important; padding-bottom: calc(6.4rem - 10px) !important; }

.sraWrap .pt64 { padding-top: 6.4rem; }

.sraWrap .pdTop { padding-top: calc(6.4rem - 10px) !important; }

.sraWrap .mgB64 { margin-bottom: calc(6.4rem - 10px) !important; }

.sraWrap .mg64 { margin-top: calc(6.4rem - 10px) !important; margin-bottom: calc(6.4rem - 10px) !important; }

.sraWrap .btnCalc { cursor: pointer; -webkit-appearance: button; width: 100%; min-height: 120px; border-radius: 10px 10px; font-weight: 300 !important; font-size: 2.8rem !important; padding: 0.5rem 1rem; line-height: 1.5; color: #ffffff; background-color: #343193; border-color: #343193; display: inline-block; transition: all 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

.sraWrap .btnCalc:hover { color: #ffffff; background-color: #1f1e59; border-color: #1f1e59; }

.sraWrap .borderBox { font-size: 1.6rem; color: #666; width: 100%; padding: 4px; border: 1px solid #e5e5e5; border-radius: 3px; background-color: #fff; }

.cardVideoBox {position:relative;}

.sraWrap .lhRegular { line-height: 1.5em !important; }

.sraWrap .bgLightgray { background-color: #f7f7f7 !important; }

.sraWrap .pl-4, .sraWrap .px-4 { padding-left: 2.4rem !important; }

.sraWrap .pr-4, .sraWrap .px-4 { padding-right: 2.4rem !important; }

.sraWrap .pr-5, .sraWrap .px-5 { padding-right: 4.8rem !important; }

.sraWrap .pb-3, .sraWrap .py-3 { padding-bottom: 1.6rem !important; }

.sraWrap .pt-2, .sraWrap .py-2 { padding-top: 0.8rem !important; }

.sraWrap .pt-3, .sraWrap .py-3 { padding-top: 1.6rem !important; }

.sraWrap .mt-4, .sraWrap .my-4 { margin-top: 2.4rem !important; }

.sraWrap .mt-1, .sraWrap .my-1 { margin-top: 0.4rem !important; }

.sraWrap .mt-2, .sraWrap .my-2 { margin-top: 0.8rem !important; }

.sraWrap .mt-3, .sraWrap .my-3 { margin-top: 1.6rem !important; }

.sraWrap .mt-5, .sraWrap .my-5 { margin-top: 4.8rem !important; }

.sraWrap .pd-10 { padding: 10px !important; }

.sraWrap .mb-5, .sraWrap .my-5 { margin-bottom: 4.8rem !important; }

.sraWrap .pb-4, .sraWrap .py-4 { padding-bottom: 2.4rem !important; }

.sraWrap .pl-3, .sraWrap .px-3 { padding-left: 1.6rem !important; }

.sraWrap .pr-3, .sraWrap .px-3 { padding-right: 1.6rem !important; }

.sraWrap .pt-4, .sraWrap .py-4 { padding-top: 2.47rem !important; }

.sraWrap .pb-2, .sraWrap .py-2 { padding-bottom: 0.8rem !important; }

.sraWrap .pr-2, .sraWrap .px-2 { padding-right: 0.8rem !important; }

.sraWrap .ml-0, .sraWrap .mx-0 { margin-left: 0 !important; }

.sraWrap .mr-0, .sraWrap .mx-0 { margin-right: 0 !important; }

.sraWrap .mr-2, .sraWrap .mx-2 { margin-right: 0.5rem !important; }

.sraWrap .ml-2, .sraWrap .mx-2 { margin-left: 0.5rem !important; }

.sraWrap .ml-3, .sraWrap .mx-3 { margin-left: 1.6rem !important; }

.sraWrap .ml-5, .sraWrap .mx-5 { margin-left: 4.8rem !important; }

.sraWrap .mr-3, .sraWrap .mx-3 { margin-right: 1.6rem !important; }

.sraWrap .mb-3, .sraWrap .my-3 { margin-bottom: 1rem !important; }

.sraWrap .p-1 { padding: 0.4rem !important; }

.sraWrap .pb-1, .sraWrap .py-1 { padding-bottom: 0.4rem !important; }

.sraWrap .pt-1, .sraWrap .py-1 { padding-top: 0.4rem !important; }

.sraWrap .ml-auto, .sraWrap .mx-auto { margin-left: auto !important; }

.sraWrap .mr-auto, .sraWrap .mx-auto { margin-right: auto !important; }

.sraWrap .mgTop { margin-top: calc(6.4rem - 10px) !important; }

.sraWrap .rounded-0 { border-radius: 0 !important; }

.sraWrap .table-responsive-md { border: none; }

@media (max-width: 768.98px) { .sraWrap .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } }

.sraWrap .table.type1 { margin-bottom: 0; line-height: 1.2; border-radius: 0; border: none; border-collapse: collapse; }

.sraWrap .table.type1 th, .sraWrap .table.type1 td { border-top: 1px solid #ebebeb; border-bottom: none; border-right: none; color: #666; letter-spacing: 0; }

.sraWrap .table.type1, .sraWrap .accTable { border-top: 2px solid #000; border-bottom: 1px double #eee; }

.sraWrap .table.type1, .sraWrap .table.type1 tbody tr:last-child th, .sraWrap .table.type1 tbody tr:last-child td { border-bottom: 1px solid #eee; }

.sraWrap .tableBox { padding: 25px 0 25px; border-top: 2px solid #000; border-bottom: 1px solid #000; background: #f9fafb; color: #333; }

.sraWrap .table.type1 thead tr + tr th { border-top: 1px double #ebebeb; }

@media (max-width: 768px) { .sraWrap table.tableFixed { position: relative; width: auto; min-width: 691px; table-layout: fixed; } }

.sraWrap table.tableFixed th, .sraWrap table.tableFixed td { white-space: nowrap; }

.sraWrap .table.type1 td { vertical-align: middle; }

.sraWrap .table.type1 td { vertical-align: middle; }

.sraWrap .table.type1 thead th, .sraWrap .table.type1 tbody th, .sraWrap .accTable .accTableHead { font-size: 1.8rem; padding: 1.8rem 1rem 1.8rem; background: #f9fafb; color: #333; }

.sraWrap .table.type1.comm thead th { border-bottom: 1px solid #000; }

.sraWrap .table.type1 th { font-weight: 500; text-align: center; border-bottom-width: 1px; }

.sraWrap .table.type1 td { font-size: 1.8rem; font-weight: 300; padding: 1.6rem; }

.sraWrap .table.type1.tableLine th + th, .sraWrap .table.type1.tableLine th + td, .sraWrap .table.type1.tableLine td + td { border-left: 1px solid #ebebeb; }

.sraWrap .table.type1.text-center td { text-align: center; }

.sraWrap .form-control { text-align: left; display: block; width: 100%; padding: 0.6rem 3.125rem 0.6rem 1.125rem; font-size: 1.125rem; line-height: 1.5; background-color: #ffffff; background-clip: padding-box; border: 1px solid #ccc; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

.sraWrap .form-control.inputCalc { width: auto; height: 38px; color: #389af9; font-size: 20px; font-weight: 500; text-align: right; padding: 1.2rem; border-color: #ebebeb; border-radius: 0; background-color: #f5f5f5; }

.sraWrap select.dirRtl { padding-right: 2rem !important; text-align-last: right; }

.sraWrap .bgSub6 { background-color: #fafdff !important; }

.sraWrap .d-inline-block { display: inline-block !important; }

.sraWrap .bg-white { background-color: #fff !important; }

.sraWrap .align-middle { vertical-align: middle !important; }

.sraWrap .v5 { min-height: 8rem; max-height: 8rem; }

.sraWrap .v6 { min-height: 9.6rem; max-height: 9.6rem; }

.sraWrap .v11 { min-height: 17.6rem; max-height: 17.6rem; }

.sraWrap .v14 { min-height: 22.4rem; max-height: 22.4rem; }

.sraWrap .w14 { min-width: 22.4rem; max-width: 22.4rem; }

.sraWrap .mb-3, .sraWrap .my-3 { margin-bottom: 1.6rem !important; }

.sraWrap .mg-r60 { margin-right: 60px !important; }

.sraWrap .mg-l60 { margin-left: 60px !important; }

.sraWrap .align-items-center { align-items: center !important; }

.sraWrap .justify-content-center { justify-content: center !important; }

.sraWrap .d-flex { display: -ms-flexbox !important; display: flex !important; }

.sraWrap .position-absolute { position: absolute !important; }

.sraWrap .rounded { border-radius: 0.5rem !important; }

.sraWrap .rounded-circle { border-radius: 50% !important; }

.sraWrap .bdMediumGray { border-color: #ccc !important; }

.sraWrap .w-100 { width: 100% !important; }

.sraWrap .v-100 { height: 100% !important; }

.sraWrap .w18 { min-width: 28.8rem; max-width: 28.8rem; }

.sraWrap .p-4 { padding: 2.4rem !important; }

.sraWrap .flex-vertical { display: flex; flex-direction: column; justify-content: center; }

.sraWrap .order-md-0 { order: 0; }

.sraWrap .order-md-1 { order: 1; }

.sraWrap .order-md-2 { order: 2; }

.sraWrap .bgLightgray { background-color: #f7f7f7 !important; }

.sraWrap .bookPubBox { width: 80%; height: 80px; margin-right: 30px; position: relative; border: 1px solid transparent; border-right: 0; background-color: #f2f2f2; }

.sraWrap .bookPubBox.big { height: 100px; }

.sraWrap .bookPubBox::before, .sraWrap .bookPubBox::after { content: ''; width: 0; height: 0; display: block; position: absolute; top: -1px; right: -30px; border-top: 40px solid transparent; border-bottom: 40px solid transparent; border-left: 30px solid transparent; z-index: 1; }

.sraWrap .bookPubBox.big::before { border-top-width: 50px; border-bottom-width: 50px; }

.sraWrap .bookPubBox::after { top: 0; right: -29px; border-top: 39px solid transparent; border-bottom: 39px solid transparent; border-left: 30px solid #f2f2f2; }

.sraWrap .bookPubBox.big::after { border-top: 49px solid transparent; border-bottom: 49px solid transparent; }

.sraWrap .bookPubBox .bookPubBoxBg { width: calc(100% - 4px); height: 74px; position: absolute; top: 0; left: 0; background-color: #fff; z-index: 2; }

.sraWrap .bookPubBox.big .bookPubBoxBg { height: 94px; }

.sraWrap .bookPubBox .bookPubBoxBg::before { content: ''; width: 4px; height: 0; display: block; position: absolute; top: 0; right: -31px; border-top: 36px solid transparent; border-bottom: 36px solid transparent; border-left: 28px solid #fff; z-index: 2; }

.sraWrap .bookPubBox.big .bookPubBoxBg::before { border-top: 46px solid transparent; border-bottom: 46px solid transparent; }

.sraWrap .bookPubBox .bookPubBoxBg::after { content: ''; width: 3px; height: 100%; display: block; position: absolute; top: 0; right: -3px; z-index: 1; border-bottom-right-radius: .25rem; background-color: #fff; }

.sraWrap .bookPubBox p { width: 100%; height: 74px; font-size: 1.8rem; font-weight: 300; letter-spacing: -1px; text-align: center; position: relative; z-index: 3; }

.sraWrap .bookPubBox p span { font-weight: 500; }

.sraWrap .bookPubBox.step1 { border-color: #ccc !important; }

.sraWrap .bookPubBox.step1::before { border-left-color: #ccc !important; }

.sraWrap .bookPubBox.step1 p { color: #999; }

.sraWrap .bookPubBox.step2 { border-color: #999 !important; }

.sraWrap .bookPubBox.step2::before { border-left-color: #999 !important; }

.sraWrap .bookPubBox.step2 p { color: #666; }

.sraWrap .bookPubBox.step3 { border-color: #343193 !important; }

.sraWrap .bookPubBox.step3::before { border-left-color: #343193 !important; }

.sraWrap .bookPubBox.step3 p { color: #343193; }

.sraWrap .bookSupportBox { font-size: 2.2rem; background-color: #fff; }

.sraWrap .downStepArrow { width: 1px; height: 72px; position: relative; background-color: #007fff; }

.sraWrap .downStepArrow.up { -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1); }

.sraWrap .downStepArrow::before, .sraWrap .downStepArrow::after { content: ''; width: 30px; height: 1px; display: block; position: absolute; bottom: 11px; background-color: #007fff; }

.sraWrap .downStepArrow::before { left: -25px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.sraWrap .downStepArrow::after { right: -25px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.sraWrap .bookMakeBox > span { line-height: 3rem; top: -1px; left: -1px; width: 33px; height: 33px; z-index: 1; }

.sraWrap .bookMakeBox:hover { color: #343193 !important; font-weight: 500 !important; border-color: #343193 !important; }

.sraWrap .bookMakeBox:hover > span { color: #fff !important; border-color: #343193 !important; background-color: #343193 !important; }

.sraWrap .polySquare { width: 90%; margin: 0 auto; border: 1px solid #343193; }

.sraWrap .polySquare p { font-size: 1.75rem; }

.sraWrap .popBox.secondary { background-image: url(//www.starrich.co.kr/skin/image/content/sp05_03_02_bg_01.png); }

.sraWrap .popBox { width: 140px; max-width: 140px; height: 174px; max-height: 174px; background-repeat: no-repeat; }

.sraWrap .flex-fill { flex: 1 1 auto !important; }

.sraWrap .nextArrow { padding-right: 2.4rem; position: relative; }

.sraWrap nav.pageNav a::after, .sraWrap nav.pageNav span::after, .sraWrap .nextArrow::after { content: ''; width: 7px; height: 13px; display: block; position: absolute; top: 50%; right: 8px; margin-top: -5px; background-image: url(//www.starrich.co.kr/skin/image/icons.png); background-repeat: no-repeat; background-position: -178px -120px; }

.sraWrap .linkTab { border: 1px double #ceced8; }

.sraWrap .linkTab li a { color: #000; font-size: 1.8rem; font-weight: 300; white-space: nowrap; display: block; position: relative; padding: .75rem 1.75rem; background-color: #f7f7f7; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }

.sraWrap .linkTab li:first-child a { border-left-color: #ebebeb; }

.sraWrap .linkTab li.active a, .sraWrap .linkTab li:hover a { font-weight: 500; border-color: #ceced8; border-bottom-color: transparent; }

.sraWrap .linkTab li.active a { background-color: #fff; }

.sraWrap .linkTab li.active + li:hover a { border-left-color: transparent; }

.sraWrap .linkTab li.active a::before { content: ''; width: 9px; height: 17px; position: absolute; top: 50%; left: 10px; margin-top: -8.5px; /* modify */ background: url(//www.starrich.co.kr/skin/image/icons.png) no-repeat; background-position: -156px -118px; z-index: 1; -webkit-animation: arrwRoll .7s ease-in-out infinite forwards; -o-animation: arrwRoll .7s ease-in-out infinite forwards; animation: arrwRoll .7s ease-in-out infinite forwards; }

@-webkit-keyframes arrwRoll { from { -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1); }
  to { -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1); } }

@-o-keyframes arrwRoll { from { -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1); }
  to { -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1); } }

@-moz-keyframes arrwRoll { from { -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1); }
  to { -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1); } }

@keyframes arrwRoll { from { -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1); }
  to { -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1); } }

.sraWrap .no-gutters { margin-right: 0; margin-left: 0; }

.sraWrap .no-gutters > .col, .sraWrap .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; }

.sraWrap .listArrow { padding-left: 1.6rem; position: relative; }

.sraWrap .listArrow::before { content: ''; width: 8px; height: 11px; display: block; position: absolute; top: 50%; left: 0; margin-top: -6px; background-image: url(//www.starrich.co.kr/skin/image/icons.png); background-repeat: no-repeat; background-position: -168px -121px; }

.sraWrap .iconStepArrow { width: 9px; height: 17px; background: url(//www.starrich.co.kr/skin/image/icons.png) no-repeat; background-position: -156px -118px; }

.sraWrap .align-items-start { align-items: flex-start !important; }

.sraWrap .squreBox { height: 87px; padding: 20px 20px; }

.sraWrap .flex-horizon { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; }

.sraWrap .iconDiscountArrow { width: 30px; height: 30px; background: url(//www.starrich.co.kr/skin/image/icons.png) no-repeat; background-position: -124px -117px; }

.sraWrap .icon { display: inline-flex; overflow: hidden; vertical-align: middle; text-indent: -9999rem; font-size: 0; }

.sraWrap .nextLineArrow { width: 96px; height: 1px; display: block; margin-top: 20px; position: relative; background-color: #389af9; }

.sraWrap .nextLineArrow::before { content: ''; width: 40px; height: 1px; display: block; position: absolute; bottom: 14px; right: -5px; background-color: #007fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.sraWrap .polyBox1 .border, .sraWrap .polyBox2 .border { padding: 1.6rem; }

.sraWrap .circleBox { width: 170px; height: 170px; margin: 0 auto; border-radius: 50%; display: flex; justify-content: center; align-items: center; }

.sraWrap .solCircleBox { width: 210px; height: 210px; display: inline-flex; justify-content: center; -ms-align-items: center; align-items: center; border-radius: 50%; }

.sraWrap .flex-wrap-reverse { flex-wrap: wrap-reverse !important; }

.sraWrap .flex-row-reverse { flex-direction: row-reverse !important; }

.sraWrap .flowArrowBox { padding-right: 30px; }

.sraWrap .flowArrow { min-height: 87px; padding-left: 30px; /*margin-right: 15px;*/ border: 1px solid transparent; border-right-color: transparent !important; }

.sraWrap .flowArrow::before, .sraWrap .flowArrow::after { content: ''; width: 1px; height: 0; position: absolute; top: -1px; right: -31px; border-top: 43.5px solid transparent; border-bottom: 43.5px solid transparent; border-left: 30px solid #343193; z-index: 1; }

.sraWrap .flowArrow::after { right: -30px; border-left: 30px solid #fff; z-index: 2; }

.sraWrap .bgSub1.flowArrow::after { border-left-color: #e6f0f6; }

.sraWrap .bg-secondary.flowArrow::after { border-left-color: #343193; }

.sraWrap .bgSub1 { background-color: #e6f0f6 !important; }

.sraWrap table.stepIcon [class*="iconTableStep"] { position: absolute; bottom: -11px; left: 50%; margin-left: -10px; z-index: 1; }

.sraWrap table.stepIcon th { position: relative; }

.sraWrap .iconTableStep1 { width: 21px; height: 21px; background: url(//www.starrich.co.kr/skin/image/icons.png) no-repeat; background-position: -69px -120px; }

.sraWrap .iconTableStep2 { width: 21px; height: 21px; background: url(//www.starrich.co.kr/skin/image/icons.png) no-repeat; background-position: -96px -120px; }

.sraWrap .d-none { display: none !important; }

@media (min-width: 992px) { .sraWrap .d-lg-none { display: none !important; } }
@media (min-width: 766px) { .sraWrap .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } }

@media (min-width: 576px) { .sraWrap .bookPubBox.rtl::before { right: auto; left: -30px; border-left: 0; border-right: 30px solid transparent; }
  .sraWrap .bookPubBox.rtl::after { right: auto; left: -29px; border-left: 0; border-right: 30px solid #f2f2f2; }
  .sraWrap .bookPubBox.rtl .bookPubBoxBg { left: auto; right: 0; }
  .sraWrap .bookPubBox.rtl .bookPubBoxBg::before { left: -31px; border-left: 0; border-right: 28px solid #fff; }
  .sraWrap .bookPubBox.rtl .bookPubBoxBg::after { right: auto; left: -3px; border-bottom-right-radius: 0; border-bottom-left-radius: .25rem; }
  .sraWrap .bookPubBox.rtl { margin-right: 0; margin-left: 30px; border-right: 1px solid transparent; border-left: 0; }
  .sraWrap .bookPubBox.step1.rtl::before { border-left-color: transparent; border-right-color: #ccc; }
  .sraWrap .bookPubBox.step2.rtl::before { border-left-color: transparent; border-right-color: #999; }
  .sraWrap .bookPubBox.step3.rtl::before { border-left-color: transparent; border-right-color: #343193; }
  .sraWrap .mt-sm-3, .sraWrap .my-sm-3 { margin-top: 1.6rem !important; }
  .sraWrap .justify-content-sm-center { justify-content: center !important; }
  .sraWrap .align-items-sm-center { align-items: center !important; }
  .sraWrap .align-items-sm-stretch { align-items: stretch !important; }
  .sraWrap .d-sm-flex { display: flex !important; }
  .sraWrap .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; }
  .sraWrap .linkTab { border: 0; }
  .sraWrap .linkTab li a { white-space: normal; text-align: center; padding: 2.4rem 0; border: 1px solid #ebebeb; border-bottom-color: #ceced8; border-left-color: transparent; }
  .sraWrap .linkTab li.active a::before { display: none; }
  .sraWrap .text-sm-center { text-align: center !important; }
  .sraWrap .mt-sm-0, .sraWrap .my-sm-0 { margin-top: 0 !important; }
  .sraWrap .col-sm-3 { flex: 0 0 25%; max-width: 25%; }
  .sraWrap .col-sm-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
  .sraWrap .col-sm-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
  .sraWrap .col-sm-9 { flex: 0 0 75%; max-width: 75%; }
  .sraWrap .col-sm-6 { flex: 0 0 50%; max-width: 50%; }
  .sraWrap .col-sm-12 { flex: 0 0 100%; max-width: 100%; }
  .sraWrap .d-sm-none { display: none !important; }
  .sraWrap .d-sm-block { display: block !important; }
  .sraWrap .col-sm-auto { flex: 0 0 auto; width: auto; max-width: none; } }

@media (min-width: 769px) { .sraWrap .ml-md-5, .sraWrap .mx-md-5 { margin-left: 4.8rem !important; }
  .sraWrap .order-md-last { order: 13; }
  .sraWrap .flex-md-fill { flex: 1 1 auto !important; }
  .sraWrap .mb-md-0, .sraWrap .my-md-0 { margin-bottom: 0 !important; }
  .sraWrap .col-md-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
  .sraWrap .col-md-6 { flex: 0 0 50%; max-width: 50%; }
  .sraWrap .pr-md-0, .sraWrap .px-md-0 { padding-right: 0 !important; }
  .sraWrap .pl-md-0, .sraWrap .px-md-0 { padding-left: 0 !important; }
  .sraWrap .p-md-3 { padding: 1.6rem !important; }
  .sraWrap .col-md-auto { flex: 0 0 auto; width: auto; max-width: none; }
  .sraWrap .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; }
  .sraWrap .col-md-1 { flex: 0 0 8.333333%; max-width: 8.333333%; }
  .sraWrap .border-md { border: 1px solid #ebebeb !important; }
  .sraWrap .col-md-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
  .sraWrap .pl-md-4, .sraWrap .px-md-4 { padding-left: 2.4rem !important; }
  .sraWrap .pt-md-0, .sraWrap .py-md-0 { padding-top: 0 !important; }
  .sraWrap .pt-md-4, .sraWrap .py-md-4 { padding-top: 2.4rem !important; }
  .sraWrap .pb-md-4, .sraWrap .py-md-4 { padding-bottom: 2.4rem !important; }
  .sraWrap .col-md-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
  .sraWrap .col-md-3 { flex: 0 0 25%; max-width: 25%; }
  .sraWrap .mt-md-1, .sraWrap .my-md-1 { margin-top: 0.25rem !important; }
  .sraWrap .mb-md-5, .sraWrap .my-md-5 { margin-bottom: 4.8rem !important; }
  .sraWrap .mt-md-0, .sraWrap .my-md-0 { margin-top: 0 !important; }
  .sraWrap .col-md-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
  .sraWrap .col-md-9 { flex: 0 0 75%; max-width: 75%; }
  .sraWrap .col-md-12 { flex: 0 0 100%; max-width: 100%; }
  .sraWrap .d-md-none { display: none !important; }
  .sraWrap .d-md-flex { display: flex !important; }
  .sraWrap .offset-md-1 { margin-left: 8.333333%; }
  .sraWrap .mt-md-4, .sraWrap .my-md-4 { margin-top: 2.4rem !important; }
  .sraWrap .justify-content-md-center { justify-content: center !important; }
  .sraWrap .polySquare { width: 100%; height: 100px; border: 0; }
  .sraWrap .polySquare p { font-size: 3.5rem; position: relative; z-index: 3; }
  .sraWrap .polySquare::before { content: ''; width: 100%; height: 0; position: absolute; top: 0; left: 0; border-top: 100px solid #343193 !important; border-left: 100px solid transparent !important; border-right: 100px solid transparent !important; z-index: 1; box-sizing: border-box; }
  .sraWrap .polySquare::after { content: ''; width: calc(100% - 4px); height: 0; position: absolute; top: 1px; left: 2px; border-top: 98px solid #fff !important; border-left: 98px solid transparent !important; border-right: 98px solid transparent !important; z-index: 2; box-sizing: border-box; }
  .sraWrap .bookSupportLeft, .sraWrap .bookSupportRight { font-size: 1.25rem; width: auto; max-width: 100%; height: 88px; position: relative; border-radius: 5em 5em 5em 5em; text-align: center; }
  .sraWrap .bookSupportLeft, .sraWrap .bookSupportRight { font-size: 2.8rem; font-weight: 300; width: 100%; max-width: 100%; text-align: center; padding-left: 0; padding-right: 0; }
  .sraWrap .bookSupportLeft span, .sraWrap .bookSupportRight span { font-weight: 500; }
  .sraWrap .bookSupportLeft::before, .sraWrap .bookSupportRight::before { display: none; }
  .sraWrap .polyBox1, .sraWrap .polyBox2 { -webkit-flex: 1 0 auto; -moz-flex: 1 0 auto; -ms-flex: 1 0 auto; -o-flex: 1 0 auto; flex: 1 0 auto; height: 87px; position: relative; background-color: #fff; }
  .sraWrap .polyBox2 { margin-left: 51px; }
  .sraWrap .polyBox1::before, .sraWrap .polyBox1::after, .sraWrap .polyBox2::before, .sraWrap .polyBox2::after { content: ''; width: 100%; height: 0; display: block; position: absolute; top: 0; right: -87px; border-top: 87px solid #343193; /*border-left: 23px solid transparent;*/ border-right: 87px solid transparent; z-index: 1; box-sizing: border-box; }
  .sraWrap .polyBox2::before, .sraWrap .polyBox2::after { width: 0; right: auto; left: -87px; border-top: 0; border-right: 0; border-left: 87px solid transparent; border-bottom: 87px solid #343193; }
  .sraWrap .polyBox1::after, .sraWrap .polyBox2::after { top: 3px; right: -77px; border-top: 84px solid #fff; /*border-left: 23px solid transparent;*/ border-right: 84px solid transparent; z-index: 2; }
  .sraWrap .polyBox2::after { top: 0px; right: auto; left: -85px; border-top: 0; border-left: 0; border-bottom: 85px solid #fff; border-left: 85px solid transparent; }
  .sraWrap .polyBox1 > div, .sraWrap .polyBox2 > div { padding: 25px 20px; position: relative; /*background-color: #fff;*/ z-index: 3; }
  .sraWrap .polyBox1 > div { border-right: 0 !important; }
  .sraWrap .polyBox2 > div { border-left: 0 !important; }
  .sraWrap .polyBox1 { margin-right: 51px; }
  .sraWrap .solBox { position: relative; }
  .sraWrap .solBox.left { margin-right: 96px; }
  .sraWrap .solBox.right { margin-left: 96px; }
  .sraWrap .solBox.bottom { margin-top: 96px; }
  .sraWrap .solBox::before { content: ''; width: 95px; height: 1px; display: block; position: absolute; top: 50%; background-color: #ccc; z-index: 1; }
  .sraWrap .solBox.left::before { right: -98px; }
  .sraWrap .solBox.right::before { left: -98px; }
  .sraWrap .solBox.bottom::before { width: 1px; height: 95px; top: -98px; left: 50%; }
  .sraWrap .solBox::after { content: ''; width: 18px; height: 18px; display: block; position: absolute; top: 50%; margin-top: -9px; border: 3px solid #fff; border-radius: 50%; background-color: #389af9; z-index: 2; }
  .sraWrap .solBox.left::after { right: -106px; }
  .sraWrap .solBox.right::after { left: -106px; }
  .sraWrap .solBox.bottom::after { top: -97px; left: 50%; margin-left: -8px; }
  .sraWrap [class*="table-responsive"] table.tableFixed th, .sraWrap [class*="table-responsive"] table.tableFixed td { white-space: normal; vertical-align: middle; }
  .sraWrap .col-md-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
  .sraWrap .col-md-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } }

/* 기술경영연구소 */
.tech {letter-spacing:-1px;}
.tech strong {font-weight:700;}
.tech .tech_tab {margin-top:10.8rem;}
.tech_visual {position:relative; padding-top:5rem; text-align:center;}
.tech_visual .title {font-size:4.8rem; letter-spacing:-3px;}
.tech_visual .title p {margin:2rem 0 7.7rem; color:#666; font-weight:300; font-size:2.8rem;}
.tech_visual .name1 {z-index:1; position:absolute; bottom:18.4rem; left:20rem; font-size:4rem; font-weight:500; text-align:left;}
.tech_visual .name2 {z-index:1; position:absolute; top:23.2rem; right:20rem; font-size:4rem; font-weight:500; text-align:right;}
.tech_visual [class*="name"] em {font-style:normal; display:block; letter-spacing:-3px;}
.tech_visual [class*="name"] a {position:relative; margin-top:2.2rem; padding-right:2.4rem; font-size:2rem; color:#0db665;}
.tech_visual [class*="name"] a:after {content: ''; position: absolute; top:1rem; right:0; padding:5px; border: solid #0db665; border-width: 0 2px 2px 0; transform: rotate(-45deg);}

.profile_wrap {display:none;margin-top:5.5rem;}
.profile_wrap .inner {position:relative; display:flex; flex-wrap:wrap; align-items: flex-start; margin-top:4.5rem;}
.profile_wrap .inner img {height:152px;}
.profile_wrap .inner span {margin:1.5rem 13.5rem 0 3rem; white-space:nowrap; font-size:2.4rem; font-weight:500; letter-spacing:-2px;}
.profile_wrap .inner strong {display:block; margin-top:1rem; font-size:3.4rem; font-weight:700;}
.profile_wrap .inner div {overflow:hidden; position:relative; height:136px;}
.profile_wrap .inner ul {overflow:hidden; width:775px; padding-bottom:5rem;}
.profile_wrap .inner ul.open {height:auto;}
.profile_wrap .inner ul li {float:left; width:48%; margin-top:0.5rem; margin-left:10px; padding-right:2rem; font-weight:300; font-size:2rem; text-indent:-12px; line-height:1.3;}
.profile_wrap .inner button {display:block; position:absolute; bottom:0; width:775px; margin-top:0.5rem; padding:0.7rem 0; color:#666; font-size:1.8rem; letter-spacing:-1px; border:1px solid #e7e7e7; border-radius:0.8rem; background:#fff;}
.profile_wrap .inner button:after {content: ''; position: absolute; top:8px; left:57%; padding:5px; border: solid #0092dc; border-width: 0 2px 2px 0; transform: rotate(45deg);}
.profile_wrap .inner button.on:after {top:13px; left:56%; border-color:#d3d3d3; transform: rotate(-135deg);}

.profile_view {z-index:70; position:fixed; top:50%; left:50%; width:114.4rem;; height:54.4rem; padding:5rem 0 5.5rem 5rem; transform:translate(-50%,-50%); background:#fff;}
.profile_view .photo {float:left; position:relative; width:52%; height:44rem; margin-right:6.4rem; border:1px solid #ddd; background:#f5f5f5;}
.profile_view .photo img {position:absolute; bottom:0; left:50%; transform:translate(-50%,0%);}
.profile_view .scroll {overflow-y:auto; width:45rem; height:44rem;}
.profile_view .name {margin-top:2.4rem; font-size:2.4rem; font-weight:300;}
.profile_view .name strong {display:block; margin:1.5rem 0 6.5rem; font-weight:500; font-size:3.8rem;}
.profile_view ul li {margin-bottom:1.1rem; color:#666; font-size:1.8rem; font-weight:300; text-indent:-8px; line-height:1.3; letter-spacing:-1px;}
.profile_view ul li:last-child {margin-bottom:0;}
.profile_view button {display:inline-block; position:absolute; right:4px; top:-40px; width:6rem; height:6rem; padding:1rem; text-indent:-9999px; color:#fff; background:url("../images/tech/btn_close.png") #00a651 no-repeat center 50%;}
.fix_modal {z-index:60; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(11,11,11,.73);}


.tech_cont {margin:0 4rem;}
.tech_cont h3 {margin:7.6rem 0 2.2rem; font-size:2.8rem; line-height:1.2; letter-spacing:-2px;}
.tech_cont h4 {margin:4rem 0 2rem 3.5rem; font-size:2.4rem; font-weight:400; letter-spacing:-2px;}
.tech_cont h4 span {margin-right:2rem; font-family:'Roboto'; letter-spacing:-1px;}
.tech_cont h5 {margin:3rem 0 2rem 4rem; font-size:2rem; font-weight:500; letter-spacing:-2px;}
.tech_cont > p {margin:0 3.5rem; line-height:1.3; font-weight:300; font-size:1.8rem;}

.tech .comment {position:relative; margin:0 0; padding:2.4rem 2.4rem 2rem 6.4rem; color:#666; font-weight:300; font-size:1.8rem; letter-spacing:-1px; background:#f5f5f5;}
.tech .comment.ul_li {display:flex; padding:1.2rem 2.4rem 1.5rem 6.4rem; font-size:1.6rem;}
.tech .comment.ul_li ul {margin-left:7.5rem;}
.tech .comment.ul_li ul li {margin-top:0.7rem;}
.tech .comment p {display:table-cell; height:4rem; padding-left:7.7rem; vertical-align:middle; word-break:keep-all; line-height:1.3;}
.tech .comment img {position:absolute; top:50%; margin-top:-20px; float:left; margin-right:3.4rem;}
.tech .comment p span {word-break: keep-all; color:#6666ff;}
.tech .comment p span.m_inline {color:#666;}
.tech .diagram {position:relative;margin:6.4rem 0; text-align:center;}
.tech .diagram2 {position:relative; margin:4rem 6rem 0 ;}
.tech .diagram_left {position:relative; margin:4rem 6rem 0 3.5rem ;}
.tech .diagram0401 {position:relative; margin:4rem 3.5rem 8rem;}
.btn_original {position:absolute; right:0; bottom:0; display:block; width:10vw; height:13vw; border-radius:1.5rem; text-indent:-9999px; background:url("../images/tech/btn_original_view.png") no-repeat center 50%; background-color:rgba(0,0,0,.5); background-size:74%;}

.validity {margin:3.3rem 13.2rem 0;}
.validity li {padding:3.2rem 0; border-top:1px solid #ddd;}
.validity li:first-child {border-top:0;}
.validity li dl dt {display:table-cell; padding-left:2.1rem; vertical-align:middle; font-size:2.8rem; font-weight:500;}
.validity li dl dt img {margin:0 3.2rem 0 8.5rem;}
.validity li dl dd {display:table-cell; vertical-align:middle; font-size:2rem; line-height:1.3; font-weight:300;}

.strategy {margin-left:3.5rem; margin-top:3rem;}
.strategy li {margin-top:2rem; vertical-align:middle;}
.strategy li img {width:195px; height:98px; margin-right:2.4rem; border:1px solid #ddd;}
.strategy li p {display:inline-block; vertical-align:middle; font-weight:300; font-size:2rem; line-height:1.3;}
.strategy li p .m_inline {display:block;}

.patent_txt {margin:4rem 6rem 0 ; padding:3rem 0; text-align:center; border-radius:4rem; font-size:2.8rem; font-weight:300; line-height:1.3; background:#f6f3f2;}
.patent_txt strong {font-weight:500;}

.m_inline {display:block;}
.justify {text-align:justify;}

.tech .ai {overflow:hidden; margin:0.5rem 3.5rem 0;}
.tech .ai li {float:left; width:50%; margin-top:3.5rem; color:#666; font-size:1.6rem; font-weight:400;}
.tech .ai li h5 {margin:0 0 2rem; color:#000; font-size:2.4rem; font-weight:500;}
.tech .ai li p {margin-top:2rem; line-height:1.3;}

.logo_toggle {overflow:hidden; margin-left:3.5rem; }
.logo_toggle > li {float:left; width:calc(33% - 80px); margin-left:7.4rem; letter-spacing:-1px; font-weight:300; font-size:1.6rem;}
.logo_toggle > li a {display:block; position:relative; height:13.4rem; padding-top:1.2rem; text-align:center; cursor:default; border:1px solid #ddd;}
.logo_toggle > li a span {display:block; position:absolute; width:100%; bottom:0; height:4.3rem; padding-top:1.2rem; font-weight:400; background:#ddd;}
.logo_toggle > li:nth-child(3n+1) {margin-left:0;}
.logo_toggle > li > ul > li {position:relative; padding:1.2rem 0 1.2rem 2rem; line-height:1.3; border-bottom:1px solid #ddd;}
.logo_toggle > li > ul > li:before {content:'-'; position:absolute; left:8px; top:10px; ;}
.logo_toggle > li > ul > li > ul > li {padding-top:0.4rem;}
.logo_toggle > li:nth-child(3n) {padding-bottom:10rem;}

.xscroll_table {position:relative; border:0;  margin:2rem 3.5rem 4rem;}
.xscroll_table .indent {margin-left:1rem; text-indent:-1rem;}
h5.loadmap {margin:3rem 0 0 3.5rem; font-size:2.4rem; font-weight:400;}
.loadmap_table {width:100%; border-bottom:1px solid #eaeaea; letter-spacing:-1px;}
.loadmap_table th, .loadmap_table td, .loadmap_table tr:nth-child(2n) th {padding:1.5rem 0; font-size:2rem; border:1px solid #ddd; border-width:1px 1px 0 0;}
.loadmap_table thead th {font-weight:500; background:#eaeaea;}
.loadmap_table tbody th {line-height:1.4; font-weight:400; background:#f5f5f5;}
.loadmap_table td.left {padding-left:3rem; text-align:left;}
.loadmap_table td {line-height:1.4; text-align:center;}
.tech .loadmap_table td:last-child {padding-left:1.5rem; text-align:left; border-right:0;}
.loadmap_table th:last-child, .xscroll_table.flow_1002 table.col_table2 tbody td.left {border-right:0;}
.xscroll_table [class*="col_table"] {border-color:#c4c4c4;}
.xscroll_table [class*="col_table"] tr th {font-size:1.8rem;  border-color:#c4c4c4;}
.xscroll_table [class*="col_table"] tbody tr td {padding:0.8rem 1.5rem; font-size:1.6rem; text-align:left; border-color:#c4c4c4;}
.xscroll_table [class*="col_table"] tr td:first-child { text-align:center; border-left:0;}
.xscroll_table .col_table2 tbody th {padding:0.8rem 1rem; font-size:1.6rem; word-break:keep-all; background:#fff;}
.xscroll_table .col_table2 tbody tr.wide th {padding:2rem 1rem;}
.xscroll_table .col_table2 thead th span {display:block; margin-top:0.5rem; font-size:1.4rem;}
.xscroll_table table.col_table2 tbody td {padding:0.8rem 0; color:#666; text-align:center; font-weight:300;}
.xscroll_table table.col_table2 tbody td.left {border-right:1px solid #c4c4c4;}
.xscroll_table [class*="col_table"] tbody td:last-child {padding-left:0; text-align:center; border-right:0;}
.xscroll_table .col_table3 tbody tr td:last-child {padding-left:1.5rem; text-align:left;}
.xscroll_table .col_table4 tbody tr td:last-child {padding-left:1.5rem; text-align:left;}
.xscroll_table [class*="col_table"] tbody td.left {padding-left:3rem; text-align:left;/*  border-right:1px solid #ddd; */}
.xscroll_table [class*="col_table"] tbody td ul li {margin:0 0 0 0.5rem; text-indent:-1.3rem; color:#666; font-weight:300;}
.xscroll_table [class*="col_table"] th.left {padding:0 2rem 0 4rem; text-align:left;}
.xscroll_table [class*="col_table"] ul.width50 {}
.xscroll_table [class*="col_table"] ul.width50 li {float:left; width:35%;}
.xscroll_table table.col_table3 thead th, .xscroll_table table.col_table3 tbody td {padding:0.7rem 0; text-align:center;}
.xscroll_table table.col_table3 thead th {font-size:1.4rem;}
.xscroll_table table.col_table3 tbody th, .xscroll_table table.col_table3 tbody td {padding:0.7rem 0; font-size:1.2rem;}
.xscroll_table.flow_1002 .loadmap_table th, .xscroll_table.flow_1002 .loadmap_table td {padding:1.8rem 1rem;}

.tech .ul_style {margin-left:5.5rem;}
.tech .ul_style li {margin-top:0.6rem; margin-left:0.6rem; font-size:1.6rem; line-height:1.4; text-indent:-1.2rem;}
.tech .solution {display:table; width:93%; margin:3rem 0 0 3.5rem;}
.tech .solution > li {display:table-cell; padding-left:2rem;}
.tech .solution > li:first-child {width:30%; padding-left:0; text-align:center;}
.tech .solution > li > span {display:block; margin-bottom:2.5rem; padding:1.1rem 0; text-align:center; color:#fff; background:#6488ff;}
.tech .solution ol {position:relative; margin-left:-2rem;}
.tech .solution ol li {position:relative; width:calc(50% - 36px); margin-bottom:1.6rem; margin-left:2rem; padding:1rem 0 1rem 2rem; color:#666; font-size:1.6rem; border:1px solid #999; border-right:0;}
.tech .solution ol li:nth-child(4) {position:absolute; top:0; left:50%;}
.tech .solution ol li:nth-child(5) {position:absolute; top:5.3rem; left:50%;}
.tech .solution ol li:nth-child(6) {position:absolute; bottom:0; left:50%; margin-bottom:0;}
.tech .solution ol li:after {content:''; position: absolute; top:0.5rem; right:-1.3rem; padding:1.3rem 1.3rem 1.2rem; border: solid #999; border-width: 0 1px 1px 0; transform: rotate(-45deg);} 
/* .tech .solution ol li::before, .tech .solution ol li::after { content: ''; width:0; height: 0; position: absolute; top: -1px; right: -30px; border-top: 19px solid transparent; border-bottom: 19px solid transparent; border-left: 30px solid #999; z-index: 1; }
.tech .solution ol li::after {right:-28px; border-left:30px solid #fff;} */

.consulting_flow {display:flex; position:relative; height:104rem; margin:6rem 3.5rem 0; font-size:1.6rem; letter-spacing:-1px;}
.consulting_flow > li, .consulting_flow .child_faq > li {width:calc(25% - 14px); margin-left:4.5rem; }
.consulting_flow > li:first-child, .consulting_flow .child_faq > li:first-child {margin-left:0;}
.consulting_flow > li:nth-child(3) .tit {background:#9966ff;}
.consulting_flow > li:nth-child(3) .tit span {background:#6633cc;}
.consulting_flow > li:nth-child(3) .tit:after {border-color:#9966ff;}
.consulting_flow > li > ul, .consulting_flow > li .inner {min-height:34.2rem; padding:0.8rem 2rem 2rem 2rem; color:#666; border:1px solid #ccc;}
.consulting_flow > li > ul > li, .consulting_flow > li .inner ul li, .consulting_flow .child_faq > li ul li {margin-top:0.6rem; margin-left:1.5rem; text-indent:-1rem; line-height:1.4; word-break:keep-all;}
.consulting_flow > li > ul > li:before, .consulting_flow > li .inner ul li:before, .consulting_flow .child_faq > li ul li:before {content: ''; width: 3px; height: 3px; display: inline-block; vertical-align: middle; margin-top: -3px; margin-right: 6px; background-color: #000; }
.consulting_flow > li .inner {position:relative; border-color:#6633cc;}
.consulting_flow > li .inner p {margin-top:4rem; padding:1rem 0 1rem 1.2rem; line-height:1.4; color:#807a99; font-size:1.6rem; font-weight:300; border:1px solid #c4bde0; background:#ebe9f3;}
.consulting_flow .tit {position:relative; margin-right:2rem; margin-bottom:2rem; padding:1.1rem 0; color:#fff; background:#3366cc;}
.consulting_flow .tit:after {content:''; position: absolute; top:6px; right:-14px; padding:0; border: solid #3366cc; border-width: 0 29px 28px 0; transform: rotate(-45deg);}
.consulting_flow .tit span {display:inline-block; width:4rem; height:4rem; margin:-1.1rem 1.2rem -1.1rem 0; padding-top:0.8rem; font-size:2.4rem; text-align:center; vertical-align:top; background:#003366;}
.consulting_flow .child_faq:before {content:''; position:absolute; left:10.5rem; top:-20rem; width:764px; height:199px; background:url("../images/tech/flow_line.gif") no-repeat left top;}
.consulting_flow .child_faq {display:flex; position:absolute; width:100%; left:0; margin-top:20rem; padding:0; border:0;}
.consulting_flow .child_faq > li {margin-top:0;}
.consulting_flow .child_faq > li:before {display:inherit; width:0; height:0; margin:0;}
.consulting_flow .child_faq > li span {display:block; margin-bottom:2rem; padding:1.1rem 0; color:#fff; font-weight:500; font-size:1.8rem; text-align:center; background:#66cccc;}
.consulting_flow .child_faq > li ul {min-height:34.3rem; padding:0.8rem 2rem 2rem 2rem; border:1px solid #ccc;}

.flow_0902 {margin:4rem 6.5rem 6rem;}
.flow_0902 img {float:left; margin:0 3rem 0 5rem;}
.flow_0902 dl {float:right; width:50%;}
.flow_0902 dl dt {z-index:1; position:relative; width:22.2rem; padding:1rem 0; font-size:1.8rem; text-align:center; border-radius:2rem 0 2rem 0; border:1px solid #d8d8d8; background:#f5f5f5;}
.flow_0902 dl dd {margin-top:-1.8rem; margin-left:1px; margin-bottom:3.2rem; padding:2.3rem 0 1.5rem 2rem; color:#666; font-weight:300; font-size:1.6rem; border-radius:2rem; border:1px solid #d8d8d8; background:#fff;}
.flow_0902 dl dd ul li {margin-top:1rem;}
.flow_0902 div {clear:both; padding:3.5rem 0 3.5rem 13rem; font-size:2rem; font-weight:300; border-radius:2rem; background:#f6f3f2;}
.flow_0902 div strong {display:block; margin-bottom:1.2rem; font-size:2.4rem;}

.flow_0903 {position:relative; margin-bottom:-0.7rem; margin-left:3.5rem; color:#666; font-weight:300; font-size:1.6rem; text-align:center; text-indent:-7px; line-height:1.4; letter-spacing:-1px; }
.flow_0903 ul {margin-left:0.7rem; margin-bottom:2rem; text-align:left;}

.flow_1101 .inner {display:flex; margin:0 0 0 6.5rem; letter-spacing:-1px;}
.flow_1101 .inner div {width:50%;}
.flow_1101 .inner p {margin-bottom:2rem; color:#666; font-size:1.8rem; font-weight:300; line-height:1.4; word-break:keep-all;}
.flow_1101 .inner img {margin-left:7rem;}
.flow_1101 h5 {margin-left:6.5rem; margin-top:-3rem; color:#666;}
.flow_1101 ul {display:flex; margin-left:4.5rem;}
.flow_1101 ul li {display:flex; width:calc(100% /4); margin-left:2rem; padding:2.5rem 3rem; color:#666; font-weight:300; font-size:1.6rem; vertical-align:middle; align-items:center; line-height:1.5; letter-spacing:-1px; word-break:keep-all; border-radius:0 0 2rem; border:1px solid #ccc;}

.flow_1102 {display:flex; flex-wrap:wrap; margin-top:-2rem; margin-left:3.5rem;}
.flow_1102 .inner {width:50%; padding-left:4rem;}
.flow_1102 .inner:nth-child(odd) {padding-left:0;}
.flow_1102 h5 {margin:4rem 0 2.5rem; font-size:2rem;}
.flow_1102 table {width:100%; border-bottom:1px solid #c4c4c4;}
.flow_1102 table th, .flow_1102 table td {padding:1.5rem 0; font-size:1.6rem; border:1px solid #c4c4c4; border-width:1px 1px 0 0;} 
.flow_1102 table th {font-weight:400; background:#f5f5f5;}
.flow_1102 table td {padding-left:2.3rem; line-height:1.4;}
.flow_1102 table td:last-child {border-right:0;}

.flow_1103 {position:relative; margin:0 0 0 3.5rem;}
.flow_1103 .smartMov video {width:100%;}
.movWrap .buttonWrap {position: absolute; left:50%; top:50%; transform:translate(-50%,-50%);}

.m_swiper {display:none;}
.swiper-button-prev { position: absolute; top:1rem; left:1rem; width:auto !important; height:auto !important; padding:2rem; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(135deg); box-shadow: 1px 1px 0 #999;}
.swiper-button-next { position: absolute; top:1rem; right:1rem; width:auto !important; height:auto !important; padding:2rem; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(-45deg); box-shadow: 1px 1px 0 #999;}
.swiper-button-next:after, .swiper-button-prev:after {display:none;}

#loading {width: 100%;text-align: center;position: absolute;top:50%; z-index: 9999; transform: translate(0,-50%);}
#loading2 {width: 100%;text-align: center;position: absolute;top:50%; z-index: 9999; transform: translate(0,-50%);}


/*! Gray v1.6.0 (https://github.com/karlhorky/gray) | MIT */
.grayscale{filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");-webkit-filter:grayscale(1);filter:grayscale(1);filter:gray}.grayscale.grayscale-fade{transition:filter .5s}@media screen and (-webkit-min-device-pixel-ratio:0){.grayscale.grayscale-fade{-webkit-transition:-webkit-filter .5s;transition:-webkit-filter .5s}}.grayscale.grayscale-fade:hover,.grayscale.grayscale-off{-webkit-filter:grayscale(0);filter:grayscale(0)}.grayscale.grayscale-replaced{-webkit-filter:none;filter:none}.grayscale.grayscale-replaced>svg{-webkit-transition:opacity .5s ease;transition:opacity .3s ease;opacity:1}.grayscale.grayscale-replaced.grayscale-fade:hover>svg,.grayscale.grayscale-replaced.grayscale-off>svg{opacity:0}

/* 교육,세미나 유로결제 */
.total_payment {margin:4rem 0 0; letter-spacing:-1px;}
.total_payment > div {display:flex; align-items:center; flex-wrap:wrap; justify-content: space-between; font-size:2rem;}
.total_payment > div p {display:flex; justify-content: space-between; width:100%; padding:1.8rem 0 0;}
.total_payment > div p span {color:#666; font-family:'Noto Sans KR', sans-serif; font-size:2rem;}
.total_payment .line01, .total_payment .line02 {margin:0 1.5rem; padding:0 1rem;}
.total_payment .line01 {padding:0 1rem 2rem; border-bottom:1px solid #ddd; justify-content: center;}
.total_payment .line01 > span:last-child {display:flex; align-items:center; font-size:1.6rem;}
.total_payment .line01 > span:last-child strong {margin-left:1rem;}
.total_payment .line03 {margin:3rem 0 0; padding:2rem 4rem; color:#fff; font-size:2.8rem; font-family:'Roboto'; border-radius:1.2rem; background:#131753;}
.total_payment .line03 span {font-family:'Noto Sans KR', sans-serif; font-size:2rem;}
.total_payment strong { font-size:2rem; font-weight:500;}
.total_payment strong span, .total_payment .line01 > span:last-child strong, .total_payment > div p {font-family:Roboto; font-size:2.4rem;}

.payment h3 {margin:6rem 0 3rem;}
.pay_info {display:flex;}
.pay_info table {width:30rem;}
.pay_info table tfoot th {border-right:1px solid #ddd; border-top:1px solid #ddd;}
.pay_info table tfoot th, .pay_info table tfoot td {color:#fff;  background:#666;}
.pay_info table tfoot th {border-right:1px solid #ddd; border-top:1px solid #ddd;}
.pay_info table tfoot td {font-size:2.4rem; font-weight:300;}
.pay_info table tfoot tr td span {font-weight:500;}
.pay_info table tr td {text-align:right; font-weight:400;}
.pay_info table tr td span {font-family:'Roboto'; font-weight:400;}
.pay_info table tr th {width:40%; padding:0;}
.payment > .table_st02 tbody th {width:18%; border-right:0;}
.payment > .table_st02 tbody td {padding:1.5rem 2rem;}
.payment .wrap_table {display:flex;}
.payment .wrap_table table {width:50%;}
.payment .wrap_table table th {width:36%;}
.pay_info table:last-child th {width:47%;}
.pay_info table:last-child {width:41.8rem;}
.pay_info table:last-child tfoot th, .pay_info table:last-child tfoot td {background:#343193;}
.pay_info table:last-child input[type="text"] {text-align:right; font-family:'Roboto'; font-size:2rem; font-weight:400; background:#fbfcf2;}
.pay_info table:last-child input[type="checkbox"] {margin-left:1rem;}
.pay_info table:last-child label {margin-right:0; font-size:2rem; color:#000;}
.pay_info > span {position:relative; top:5.8rem; margin:0 2.5rem; color:#343193; font-size:6rem;}
.pay_method {display:flex;}
.pay_method p {display:flex; align-items:center; justify-content:center; width:50%; height:5.8rem; border:1px solid #ddd; border-width:1px 0 1px 1px;}
.pay_method p:first-child {border-left:0; background:#f5f5f5;}
#container .payment label {color:#000; font-size:2rem;}
.payment .input3 {width:11rem;}
.payment .btnwrap {margin:4rem 0 0;}
.payment .btnwrap a {width:30rem; height:5.6rem; padding:0;  font-size:2.4rem; border-radius:8px;/*  background:#003399; */}
.pay_complete p {margin:12rem 0 6rem; font-size:4rem; text-align:center; letter-spacing:-1px;}
.pay_complete a.st02.off2 {color:#003399; font-weight:500; border:2px solid #003399;}

.ffoot .family {
  display: none;position: absolute; top: 17px; right:320px; width: 600px; -webkit-transform: translate(140px, -100%); transform: translate(140px, -100%); z-index: 100;}

.ffoot .family h3 {margin:0; padding: 15px 20px; font-size:2.3rem; letter-spacing:-1px; line-height:1; background: #322e45; color: #fff;}

.ffoot .family .list {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 0 20px 20px; background: #fff; border: 1px solid #322e45;}

.ffoot .family .list li {width: 170px;margin: 10px 12px;}
.ffoot .family .list li:nth-child(3n){margin-right:0;}
.ffoot .family .list a {display: block;}

.ffoot .family .close {position: absolute;top: 13px;right: 25px;pointer-events: auto;font-size: 0px;}
.ffoot .family .close:after {content: '';display: inline-block;width: 24px;height: 25px;background: url("/images/icons.png") 0px 0px no-repeat;background-position: -165px -45px;}

.new_mov {position: relative; padding-top: 56%; width: 100%; height: 0;}
.new_mov iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* 테블릿 */
@media (max-width: 992px) {
	.m_inline {display:inline;}
	.m_swiper {display:block;}
	.tech_visual  {margin:0 4.0323vw; background-size:100%;}
	.tech_visual .name1 {left:0; bottom:17rem; font-size:3.5rem;}
	.tech_visual .name2 {right:0; top:22rem; font-size:3.5rem;}
	.profile_wrap .inner {flex-wrap: inherit;}
	.profile_wrap .inner div {width:100%; height:120px;}
	.profile_wrap .inner img {height:135px;}
	.profile_wrap .inner span {margin-right:7rem;}
	.profile_wrap .inner ul {width:auto;}
	.profile_wrap .inner ul li {float:none; width:100%; padding-right:0; text-indent: -9px;}
	.profile_wrap .inner button {width:100%;}
	.profile_wrap .inner button:after {top:6px; left:61%;}
	.profile_wrap .inner button.on:after {left:59%;}
	.tech .tab {display:table;}
	.tech .tab li {display:table-cell; padding:0; vertical-align:middle;}
	.tech_visual .title {font-size:4rem;}
	.tech_visual .title p {font-size:2.3rem; letter-spacing: -2px;}
	.tech_visual [class*="name"] a {padding-right:1.8rem;}
	.tech .ai li {padding-left:4rem;}
	.tech .ai li:nth-child(odd) {padding-left:0;}

	.tech_cont {margin:0 2rem;}
	.tech_cont h4, .flow_1101 .inner {margin-left:2rem;}
	.tech .comment {flex-wrap: wrap; padding-left:3.5rem;}
	.validity {margin:3.3rem 0 0 2rem;}
	.validity li dl dt img {width:40px; margin:0 1rem 0 2rem;}

	.logo_toggle > li {width:calc(33% - 27px); margin-left:3rem; }
	.logo_toggle > li:nth-child(3n) {padding-bottom:8rem;}

	.loadmap_table th, .loadmap_table td, .loadmap_table tr:nth-child(2n) th {font-size:1.8rem;}
	.profile_view {display:block; width:calc(100% - 80px); height:85vh; padding:7rem 13.5rem 7rem;}
	.profile_view .scroll {width:auto; height:38vh; margin-top:2.4rem; padding-left:1rem;}
	.profile_view .photo {float:none; width:auto; height:37vh; margin:0; text-align:center;}
	.profile_view .photo img {height:90%;}
	.profile_view .name {margin-top:0; font-size:2.8rem;}
	.profile_view .name strong {margin-bottom:3.2rem;}
	.profile_view ul {margin-left:0.5rem;}
	.profile_view ul li {font-size:2rem;}

	.consulting_flow {display:block; height:auto; margin:3rem 0 0;}
	.consulting_flow .tit {margin-bottom:1.5rem;}
	.consulting_flow .tit:after {right:-12px; border-width: 0 25px 25px 0;}
	.consulting_flow > li {margin-bottom:3rem;}
	.consulting_flow > li > ul > li {text-indent:0;}
	.consulting_flow > li, .consulting_flow .child_faq > li {width:auto; margin-left:0;}
	.consulting_flow .child_faq:before {position:static; background:none;}
	.consulting_flow .child_faq {display:block; position:static; margin-top:0;}
	.consulting_flow .child_faq > li ul {display:none; min-height:auto; margin-top:-1px; background:#f5f5f5;}
	.consulting_flow .child_faq > li span {position:relative; margin-top:-1px; margin-bottom:0; padding-left:2rem; cursor:pointer; color:#000; text-align:left; border:1px solid #ccc; background:#fff;}
	.consulting_flow .child_faq > li span:after {content: ''; position: absolute; top:0.6rem; right:25px; padding:8px; border: solid #000; border-width: 0 1px 1px 0; transform: rotate(45deg);}
	.consulting_flow > li:nth-child(3) .tit {background:#3366cc;}
	.consulting_flow > li:nth-child(3) .tit:after {border-color:#3366cc;}
	.consulting_flow > li:nth-child(3) .tit span {background:#003366;}
	.consulting_flow > li .inner {border-color:#ccc;}
	.consulting_flow > li > ul, .consulting_flow > li .inner {min-height:auto;}
	.consulting_flow > li .inner p {margin-top:2rem; border:0; background:#f5f5f5;}
	.consulting_flow > li > ul > li:before, .consulting_flow > li .inner ul li:before, .consulting_flow .child_faq > li ul li:before {width:2px; height:2px;}

	.tech .solution ol {margin-left:0;}
	.tech .solution ol li {width:calc(100% - 12px); margin-left:0;}
	.tech .solution ol li:nth-child(4), .tech .solution ol li:nth-child(5), .tech .solution ol li:nth-child(6) {position:relative; left:0; top:auto;}

	.xscroll_table {margin:2rem 0 4rem 2rem;}
	.xscroll_table [class*="col_table"] th.left, .xscroll_table [class*="col_table"] tbody td.left {padding-left:2rem;}
	.xscroll_table table.col_table2 tbody td {padding:0.8rem 1rem;}
	.xscroll_table [class*="col_table"] ul.width50 li {width:46%;}
	.xscroll_table table.col_table3 tbody th, .xscroll_table table.col_table3 tbody td {font-size:1.6rem;}

	.flow_0902 img, .flow_0902 dl {float:none; width:auto; margin:0;}
	.flow_0902 {margin:4rem 0 6rem; text-align:center;}
	.flow_0902 dl {margin-top:3rem; text-align:left;}
	.flow_0902 div {padding:3rem 3rem 3rem 5rem; word-break:keep-all; line-height:1.4; text-align:left;}

	.flow_1101 h5 {margin-top:0;}
	.flow_1101 ul {margin-left:0;}
	.flow_1101 h5, .flow_1101 ul li:nth-child(1), .flow_0903 {margin-left:2rem;}

	.flow_1102 {margin-left:2rem;}
	.flow_1102 .inner {width:100%; padding-left:0;} 
	.tech .diagram_left {margin:0;}
	.flow_1103 {margin:0 0 0 2rem;}
	.flow_1103 .smartMov video {width:100%;}

	.pay_info > span {display:none;}
	.pay_info {flex-wrap:wrap;}
	.pay_info table {width:calc(50% - 9px);}
	.pay_info table:first-child {margin-right:2rem;}
	.pay_info table:last-child {width:100%; margin-top:2rem;}
	.payment .wrap_table {flex-wrap:wrap;}
	.payment .wrap_table table {width:100%;}
	.payment .wrap_table table:last-child {border-top:0;}
	.payment .wrap_table table th {width:32%;}
	.payment > .table_st02 tbody th {width:32%;}
	.pay_info table:last-child th {width:49%;}
	.ffoot .family {width:80%; right:200px;}
}

/* 모바일 제외한 기기 */
@media (min-width: 768px) {
	.w_none {display:none;}
	.handling {display:none;}
}

/* 모바일 */
@media (max-width: 767px) {
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev {right:2rem !important;}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next {left:2rem !important;}
	.tech_visual  {margin:0; padding:0 5vw;}
	.tech_visual .title {line-height:1.3;}
	.tech strong {display:block;}
	.tech .sec {margin:5rem 0 0; }
	/* .tech_visual .title {font-size:3.3rem;}
	.tech_visual .title p {font-size:1.8rem;} */
	.profile_wrap {padding:0 8vw 5rem; border-bottom:5px solid #f5f5f5;}
	.profile_wrap .inner {display:block;}
	.profile_wrap .inner span {display:inline-block; position:relative; margin-left:0; padding-left: 9rem; vertical-align:bottom;}
	.profile_wrap .inner span strong {display:inline; position:absolute; left:0; top:-13px;}
	.profile_wrap .inner div {height:104px; margin-top:2rem;}
	.profile_wrap .inner ul { padding-bottom: 7rem;}
	.profile_wrap .inner button {padding:1.3rem 0; font-size:2rem;}
	.profile_wrap .inner button:after {padding:4px; left:61%; top:8px;}
	.tech_visual .name1 {left:0; left:3.8rem;}
	.tech_visual .name2 {right:0; right:3.8rem; }
	.tech_visual [class*="name"] {}
	.tech_visual [class*="name"] em {letter-spacing:-2px;}
	.tech_visual .wrap {z-index:1; position:absolute; bottom:0; width:100%; height:10vh; margin-top:-13rem; background:rgba(0,0,0,.7);}
	.tech_visual [class*="name"] {bottom:auto; transform:translate(0,-50%); top:50%;  color:#fff; font-size: 3rem;}
	.tech_visual [class*="name"] a:after {padding:3px;}
	.tech .diagram2 {margin:4rem 0 0;}
	.tech .tab {display:block; margin:2rem; padding:0; border:1px solid #e4e4e4; background:#fff;}
	.tech .tab li {display:block; position:relative; width:auto; height:auto; color:#000; font-size:2.2rem; text-align:left; background:#f5f5f5;}
	.tech .tab li a {display:block; padding:2rem 3rem;}
	.tech .tab li.on {font-size:2.2rem; font-weight:500; background:#fff;}
	.tech .tab li.on:before {content: ''; position: absolute; top:15px; left:5px; padding:5px; border: solid #3d9cf9; border-width: 0 2px 2px 0; transform: rotate(-45deg);}
	.tech .ai li {padding-left:0;}
	.tech .comment.ul_li {display:none; padding-left:4.4rem;}
	.tech .comment.ul_li ul {margin-left:9.5rem; line-height:1.4;}
	.tech .comment.ul_li ul li {margin-top:0.2rem;}
	.tech .comment img {width:30px;}
	.strategy li p {display:block; margin:1rem 0 5rem;}
	.strategy li p .m_inline {display:inline;}
	.strategy li img {width:auto; height:auto; margin-right:0;}
	.tech .comment {display:none;}
	.tech_cont > p {margin:0; font-size: 2rem;}
	.tech_cont h3 {margin-top:3.5rem; word-break:keep-all;}
	.tech_cont h4 {margin: 3.5rem 0 1.5rem; line-height:1.2; letter-spacing:-1px; word-break:keep-all;}
	.flow_1102 h5 {letter-spacing:-1px;}
	.validity {margin:3.3rem 0 0;}
	.validity li {border:0;}
	.validity li dl dd {display:block; margin-top:1.5rem; padding-top:1.5rem; border-top:1px solid #ddd;}
	.validity li dl dt {padding-left:0;}
	.validity li dl dt img {float:left; width:47px; margin-left:0;}
	.validity li dl dt span {display:inline-block; vertical-align:middle; margin-top:2rem;}

	.strategy {margin:3rem 0 0;}
	#zoom_view {display:none; z-index:100; position:fixed; left:0; top:0; width:100%; height:100%; overflow-x:auto; padding:8rem 2.5rem; background:#fff;}
/* 	#zoom_view img {max-width:none;} */
	#zoom_view button {position:fixed; right:2rem; top:2rem; display:inline-block; width:5rem; height:5rem; text-indent:-9999px; color:#fff; background:url("../images/btn_zoom_close.png") #00a651 no-repeat center 50%; background-size:70%;}

	.patent_txt {margin:4rem 0 0; font-size:2rem;}
	.tech .ai {margin:0.5rem 0 0;}
	.tech .ai li p {font-size:2rem;}
	.tech .ai li {float:none; width:auto;}
	.tech .ai li img {width:100%;}
	.logo_toggle {overflow:visible; margin:0;}
	.logo_toggle > li {float:none; width:auto; margin:0 0 -1px;}
	.logo_toggle > li a span {display:inline-block; position:static; width:auto; font-size:2rem; background:none;}
	.logo_toggle > li a {position:relative; height:auto; padding:1.2rem 0; text-align:left; cursor:pointer;}
	.logo_toggle > li a:after {content: ''; position: absolute; top:3rem; right:3rem; padding:6px; border: solid #000; border-width: 0 1px 1px 0; transform: rotate(45deg);}
	.logo_toggle > li a img {width:40%; margin-left:2rem;}
	.logo_toggle > li > ul {display:none; margin:-1px 0; padding:2rem 0; font-size:1.8rem; border:1px solid #ddd; background:#f5f5f5;}
	.logo_toggle > li > ul > li {padding:0.5rem 0 0.5rem 3.5rem; border:0; font-weight:500; }
	.logo_toggle > li > ul > li > ul > li {padding-left:5px; font-weight:300;}
	.logo_toggle > li:nth-child(3n) {padding:0;}
	.logo_toggle > li > ul > li:before {top:2px; left:18px;}

	h5.loadmap {margin-left:0;}
	.loadmap_table {margin:2rem 0 4rem;}
	.flow_0902 dl dt {font-size:2rem;}
	.loadmap_table th, .loadmap_table td, .loadmap_table tr:nth-child(2n) th {font-size:2rem;}
	.xscroll_table .col_table2 tbody th, .xscroll_table [class*="col_table"] tbody tr td, .flow_1101 .inner p,
	.flow_1102 table th, .flow_1102 table td, .xscroll_table [class*="col_table"] tr th,
	.xscroll_table table.col_table3 tbody th, .xscroll_table table.col_table3 tbody td, .flow_0903 ul, .flow_0902 dl dd, .tech .ul_style li
	{font-size:1.8rem;}

	.profile_view {width:calc(100% - 40px); padding:4rem 4.5rem 7rem;}
	.xscroll_table {overflow:auto; position:relative; margin:2rem 0 4rem;}
	.xscroll_table table {width:650px; margin:0;}
	.loadmap_table th, .loadmap_table td {padding:1rem;}

/* 	.handling {position:absolute; top:50%; left:50%; width:70%; height:20rem; transform:translate(-50%,-50%); border-radius:2rem;  background:url("../images/tech/mobile_hand.png") rgba(0,0,0,.5) no-repeat center 50%; background-size:50%;} */
	
	.tech .ul_style, .tech .solution {width:100%; margin:3rem 0 0 ;}
	.tech .solution > li {display:block; width:100%; padding:0;}
	.tech .solution > li:first-child {width:100%; margin-bottom:2rem;}
	.tech .solution ol {margin-left:0;}

	.consulting_flow .tit:after {top:4px; right:-9px; border-width: 0 20px 20px 0;}
	.flow_1101 .inner {display:block; margin:0; text-align:center;}
	.flow_1101 .inner div {width:auto; text-align:left;}
	.flow_1101 .inner img {margin:0;}
	.flow_1101 ul {flex-wrap:wrap;}
	.flow_1101 ul li {width:calc(50% - 9px); margin-bottom:1.5rem; font-size:2rem;}
	.flow_1101 ul li:nth-child(odd), .flow_0903, .flow_1103  {margin-left:0;}

	.movWrap .buttonWrap img {width:60px;}

	.consulting_flow .child_faq > li span:after {padding:5px;}
	.tech_cont h5, .flow_1101 h5, .flow_1101 ul, .flow_1101 ul li:nth-child(1), .flow_0903, .flow_1102 {margin-left:0;}
	.profile_view button {top:-30px; background-size: 80%;}

	.payment .input3 {width:32%;}
	.pay_complete {line-height:1.2;}
	.pay_complete span {display:block;}
	.pay_info table {width:100%; margin-top:2rem;}
	.pay_info table:first-child {margin-right:0; margin-top:0;}
	.pay_info table:last-child th, .payment .wrap_table table th, .payment > .table_st02 tbody th, .payment table tr th {width:33%;}
	.ffoot .family {width:93%; right:auto; transform: translate(0, -100%);}
	.ffoot .family .list li {width:155px;}
	.ffoot .family .list li:nth-child(3n) {margin-right:12px;}

}

@media (max-width: 401px) {
	.consulting_flow .tit:after {right:-8px; border-width:0 16px 16px 0; top:4px;}
	.tech .tab li.on:before {content: ''; position: absolute; top:10px; left:3px; padding:4px; border: solid #3d9cf9; border-width: 0 2px 2px 0; transform: rotate(-45deg);}
	.profile_wrap .inner button:after {top:6px;}
	.profile_wrap .inner div {height:89px;}
}

/* Tab Style - slide */
@media (max-width: 425px) {
  .tab li { height: 52px }
  .slick-slide a { line-height:52px !important; }
  .slick-slide.active-tab a { line-height: 48px !important; }
}

#aro1_prev, #aro1_next {
  white-space: normal;
  text-align: center;
  padding: 0;
  flex-grow: 1;
  cursor: pointer;
  vertical-align: middle;
}

#aro1_prev, #aro1_next {
  -ms-flex: 0 0 5%;
  flex: 0 0 5%;
  max-width: 5%;
  margin: auto;
  font-weight: 700;
  height: 72px;
  line-height: 72px;
}

#slide-main-tab {
  -ms-flex: 0 0 90%;
  flex: 0 0 90%;
  max-width: 90%;
}

#slide-main {
  position: relative;
  display: flex;
}

#aro1_prev {
  float: left;
}

@media (max-width: 425px) {
  #aro1_prev {text-align: left; }
}


#slide-main-tab {
  float:left;
}

#aro1_next {
  float: right;
}
@media (max-width: 425px) {
  #aro1_prev, #aro1_next{ height: 52px; line-height: 52px; }
  #aro1_next {text-align: right; }
}

@media (max-width: 767px) {
  .swipe-tab {
    text-align: center !important;
  }
}

/* add-highlight effect */
.archiveList .sc_lists_3 li:hover a .cate .highlight:after{
  width:135%;
}

.highlight{
  display: inline-block;
  position: relative;
  cursor: default;
}
.highlight:after{
  content:"";
  width: 0;
  height: 10px;
  display: inline-block;
  background: #C2E2FF;
  position: absolute;
  bottom: .375rem;
  left:0;
  z-index:-1;
  transition: 0.25s all;
}

/* StarRich Contents Style */
.w170 {
  width: 170px;
}

/* New Tab Design */
.newTab .newTabBtn {
  font-size: 2.25rem !important;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 2px solid #000;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.newTab .newTabBtn:hover, .newTab .newTabBtn.active {
  color: #389af9 !important;
  border-bottom-color: #389af9;
  text-decoration: none;
}

.titleFlex {
  display: flex;
  align-items: end;
  column-gap: 2rem;
}

.newTabContent > div {
  display: none;
}
.list-ciycle li:before {content:'ㆍ'; position:absolute; left:-6px; font-weight:700;}

.vuocher_t thead th {width: 33.333%;}
.vuocher_t tr:first-child td { height: 750px;}
.vuocher_t img {position: absolute; left: 50%; top: 100px; transform: translate(-50%,0); max-width: 100%;}
.vuocher_t .align_indent td {padding: 1rem 20px; font-weight: 400; font-size: 1.25rem; vertical-align: top !important;  text-align: left; letter-spacing: -.1rem;}
.vuocher_t .align_indent td .indent {margin-left: 18px; text-indent: -18px;}
@media screen and (max-width: 768px) {
  .vuocher_t { overflow: unset }
  .vuocher_t tr:first-child td {height: 680px;}
  .vuocher_t img {width: 96%}
}
/*.sraWrap [class^=table] th*/
.voucher .blue {color: #1E76FB;}
.t_hidden {overflow: hidden;}
.sraWrap [class^=table] .type4 { border: unset !important; overflow: auto !important; }
.sraWrap [class^=table] .type4 th, .sraWrap [class^=table] .type4 td,
.sraWrap [class^=table] .type4 tbody tr:last-child th, .sraWrap [class^=table] .type4 tbody tr:last-child td  { border-bottom: 1px solid #ddd !important;}
.sraWrap [class^=table] .type4 th { vertical-align: middle; }
.sraWrap .type4 {margin-left: -1px; border-bottom: 1px solid #ddd;}
.sraWrap .type4 tr th, .type4 tr td {border: 1px solid #ddd; border-width: 1px 0 0 1px;}
.sraWrap .type4 thead th {color: #fff; text-align: center; vertical-align: middle; background-color: #003EB9;}
.sraWrap .type4 thead th span {font-size: 12px;}
.sraWrap .type4 tbody tr td {padding: 0.75rem 1rem; color: #CCC; text-align: center; vertical-align: middle; word-break: keep-all;}
.sraWrap .type4 tbody tr td.left {text-align: left;}
.sraWrap .type4 tbody tr:first-child td {color: #1E76FB; background-color: #FFFAEC;}
.list-ciycle li li::before {display:none;}
.blue_dark {padding-left: 27px; color: #22326E;; background: url('/skin/image/content/voucher/checkbox.svg') no-repeat left 6px;}
.voucher_cont > div {margin:5rem 0;}
.voucher_cont img {max-width: 100%; margin: 0 -10px;}
.voucher_cont .col-md-5 {margin-left: 3.75rem; padding: 0;}
.voucher_cont .col-md-5.text-right {margin-right: 3.75rem; margin-left: 0;}
.voucher_btn a {display: inline-block; padding: 12px 32px; color: #22326E; border-radius: 4px; border: 1px solid #22326E;}
.voucher_btn a:last-child {margin-top: 12px; color: #1E76FB; border-color: #1E76FB;}
.voucher_cont p {word-break: keep-all;}

.d-none { display: none !important; }