@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;800&family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

:root {

	/* point color */
	--point-color-1: #CC2720;

	/* fonts */
	--body-font: 'Noto Sans KR';
	--entype1: 'Montserrat';

}

#_hidden_layer_ {}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
body,th,td,input,select,textarea,button {line-height:1.7;font-family:var(--body-font), Arial, Helvetica, serif , sans-serif;color:#272727}
body {font-size:10px}
body,body * {box-sizing:border-box;}
/* 반응형 쿼리 부분 */
@media only screen and (min-device-width: 320px) {
    html {
        font-size: 9px;
    } /* 62.5% */
}


.bt_lgg {font-size:20px; position:fixed; top:3.2rem; right:3rem;}
.bt_lgg a {display:flex; align-items:center; gap:1rem; opacity:1; transition:all .3s ease;}
.bt_lgg a:hover {opacity:0.8;}
.bt_lgg a img {width:20px; height:20px;}
.bt_lgg a span {color:#fff; font-family:var(--entype1);}

body.ios .pm_view {background:#000 url(/layouts/default_re_kr/image/main_view_bg.jpg) no-repeat center top;background-size:cover;}
body.ios .fullvideo {display:none}
body.ios .mov-visual {background:#000 url(/pages/image/sub_top01_about.jpg) no-repeat center top;background-size:cover;}
body.ios .mov-visual .mov {display:none}
.n-header {height:100px;position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,0);transition:all .3s ease;}
body.scroll .n-header {background:rgba(0,0,0,0.4); height: 100px;}
.n-header .logo {position:absolute;top:3.5rem;left:5rem;z-index:20;}<!-- -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);-->
.n-header .login {position:absolute;right:50px;top:10px;z-index:20; display:none;}
.n-header .login a {color:#fff}
.n-nav {position:absolute;top:2rem;right:16rem}
.n-nav ul>li {float:left;margin-left:6rem;position:relative;}
.n-nav ul>li>a {padding:10px 0;display:block;position:relative}
.n-nav ul>li:hover>a {color:#d3d3d3}
.n-nav ul>li>a:after,
.n-nav ul>li>a:before {content:'';display:block;position:absolute;bottom:10px;height:2px;width:0%;background:#111;transition:all .3s ease;}
.n-nav ul>li>a:after {right:0}
.n-nav ul>li>a:before {left:0}
.n-nav ul>li:hover>a:after,
.n-nav ul>li:hover>a:before {width:50%}
.n-nav ul li a {color:#fff;font-size:2.2rem;font-family: var(--body-font), var(--entype1), sans-serif; font-weight:500;}
/*.n-nav ul .smb {opacity:0; height:0; overflow:hidden; position:absolute;top:48px;left:50%;width:200px;margin-left:-100px; padding:0; border-radius:1rem; transition:all .3s ease; background: url(/layouts/default_re_kr/image/m_step01.jpg) no-repeat center center;
    background-size: cover;}*/
.n-nav ul .smb {opacity:0; height:0; overflow:hidden; position:absolute;top:48px;left:50%;width:160px;margin-left:-80px;}
.n-nav ul .smb a {font-size:1.8rem;display:block;text-align:center;color:#272727; padding:0.6rem 0;transition:all .3s ease;border-bottom:1px solid rgba(255,255,255,0); line-height: 140%; word-wrap: break-all;}
.n-nav ul .smb a:hover {border-bottom:1px solid #d3d3d3;}
/*.n-nav ul>li:hover .smb {opacity:1; height:auto; padding:1rem 1.2rem;}*/
.a-nav-btn {z-index:1001;position:absolute;top:50%;right:5rem;width:34px;height:25px;margin-top:-9px;overflow:hidden;display:none;}
.a-nav-btn:after,
.a-nav-btn:before,
.a-nav-btn b {position:absolute;top:50%;left:15%;margin:-2.5px 0 0 0;content:'';display:block;width:70%;height:2px;background:#fff; transform:skew(-15deg,0);transition:all .3s ease;}
.a-nav-btn:before {margin-top:-11px;}
.a-nav-btn:after {margin-top:5px;}
body.menuOpen .a-nav-btn b {transform:skew(0,0) rotate(0deg) translate(-100px ,0);}
body.menuOpen .a-nav-btn:after {transform:skew(33deg,0) rotate(90deg);margin-top:-3px;margin-left:0}
body.menuOpen .a-nav-btn:before {transform:skew(-33deg,0) rotate(90deg);margin-top:-3px;margin-left:0}
.cloneNav {align-items:center;justify-content:center;flex-direction: row;display:none;position:fixed;z-index:1000;background:rgba(0,0,0,0.9);top:0;left:0;right:0;bottom:0}
.cloneNav ul {display:flex;justify-content:center;}
.cloneNav ul>li {width:210px;text-align:center;padding:0 25px;min-height:auto;border-left:1px solid #ddd}
.cloneNav ul>li:first-child {border-left:0}
.cloneNav ul>li>a {border-bottom:0px solid #fff;display:block;padding:6px 0 10px 0}
.cloneNav ul a {color:#fff;font-size:2.4rem}
.cloneNav ul a:hover {color:#d3d3d3}
.cloneNav ul>li dl {padding-top:20px}
.cloneNav ul>li dl a {font-size:1.8rem;display:block;padding:10px 0}
body.menuOpen .cloneNav {display:flex}

.n-header:after {content:'';display:block;position:absolute;top:100px;left:0;width:100%;height:0;background:#fff;transition:all .3s ease;opacity:0; z-index:1; box-shadow:0 5px 5px rgba(0,0,0,0.1); border-bottom:1px solid #fff;}
body.navOn .n-header {background:rgba(255,255,255,1);}
body.navOn .n-header:after {height:200%;opacity:1;}
body:after {content:'';display:block; background:rgba(0,0,0,0); position:fixed; top:0; left:0; width:100%; height:100%; transition:all .1s .2s ease; z-index:-1;}
/*body.navOn:after {background:rgba(0,0,0,0.7);z-index:90;}*/
body.navOn:after {background:none;}
body.navOn .n-nav ul>li>a {color:#000;}
body.navOn .n-header .logo {filter:none;}
body.navOn .bt_lgg a {filter:grayscale(100%) brightness(0);}
body.navOn .bt_lgg a span {color:#000;}
body.navOn .n-nav ul>li .smb {opacity:1;height:auto;padding:1rem 1.2rem;z-index:5;}

.bot-footer {background:#272727; color:#CBCBCB; padding:6rem 6rem; font-size:2rem;}
.bot-wrap {display:flex; flex-direction: column; gap:2rem;}
.bot-wrap .flogo {width:15rem;}
.bot-wrap .flogo img {width:100%;}
.bot-wrap .bot-link {display:flex; align-items:center; gap:1rem;}
.bot-wrap .bot-link a {color:#CBCBCB; transition:all .3s ease;}
.bot-wrap .bot-link a:hover {color:#fff;}
.bot-wrap .bot-txt {line-height:3.4rem;}
.bot-wrap .bot-txt span {background:#999; width:1px; height:1.5rem; margin:0 1.5rem; display:inline-block;}

/* sub visual */
.mov-visual {position:relative;height:400px; overflow:hidden; background:#000;}
.mov-visual .timg {background-size:cover; height:400px;}
.mov-visual .timg img {width:100%;}
.stop1 {background:url('/layouts/default_re_kr/image/subtop01.jpg') no-repeat center center;}
.stop2 {background:url('/layouts/default_re_kr/image/subtop02.jpg') no-repeat center center;}
.stop3 {background:url('/layouts/default_re_kr/image/subtop03.jpg') no-repeat center center;}
.stop4 {background:url('/layouts/default_re_kr/image/subtop04.jpg') no-repeat center center;}
.stop5 {background:url('/layouts/default_re_kr/image/subtop05.jpg') no-repeat center center;}
.stop6 {background:url('/layouts/default_re_kr/image/subtop06.jpg') no-repeat center center;}
.stop7 {background:url('/layouts/default_re_kr/image/subtop07.jpg') no-repeat center center;}
.stop8 {background:url('/layouts/default_re_kr/image/subtop08.jpg') no-repeat center center;}
.stop9 {background:url('/layouts/default_re_kr/image/subtop09.jpg') no-repeat center center;}
.stop10 {background:url('/layouts/default_re_kr/image/subtop10.jpg') no-repeat center center;}
.stop11 {background:url('/layouts/default_re_kr/image/subtop11.jpg') no-repeat center center;}
.stop12 {background:url('/layouts/default_re_kr/image/subtop12.jpg') no-repeat center center;}
.stop13 {background:url('/layouts/default_re_kr/image/subtop13.jpg') no-repeat center center;}
.stop14 {background:url('/layouts/default_re_kr/image/subtop14.jpg') no-repeat center center;}
.stop15 {background:url('/layouts/default_re_kr/image/subtop15.jpg') no-repeat center center;}
.stop16 {background:url('/layouts/default_re_kr/image/subtop16.jpg') no-repeat center center;}
.stop17 {background:url('/layouts/default_re_kr/image/subtop17.jpg') no-repeat center center;}
.stop18 {background:url('/layouts/default_re_kr/image/subtop18.jpg') no-repeat center center;}
.mov-visual .mov {position:absolute;width:1920px;height:1080px;top:50%;left:50%;margin:-540px 0 0 -960px}
.mov-visual video {position:absolute;z-index:1;left:0;right:0;width:100%;height:100%}
.mov-visual .txt {font-size:4.8rem; font-family: var(--entype1), var(--body-font), sans-serif; text-shadow:1px 1px 4px rgba(0,0,0,0.4);color:#fff; letter-spacing:-1px; font-weight:500; text-align:center;position:absolute;top:50%;margin-top:-30px;left:0;right:0;z-index:10;}
.mov-visual .txt b {line-height:1.2;width: 22ch;display:inline-block;animation: typing 1s steps(14), blink .5s step-end infinite alternate; white-space: nowrap; overflow: hidden;}

.sb_br{width: 0.5rem; display: inline-block;}

.sub-cont {position:relative;padding-top:13rem;}
.nowtxt {width:100%; max-width:120rem; font-size:2.2rem; text-align:center; line-height:2.2rem; font-family: var(--body-font), sans-serif; color:#fff; font-weight:500; position:absolute; top:-3.7rem; left:50%; transform: translate(-50%, 0); z-index:20; display:flex; justify-content: space-between; align-items:center; background:#f7f7f7; border:1px solid #D8D8D8;}
.nowtxt .nowbt:nth-child(1) {border-left:0;}
.nowtxt .nowbt {display:flex; justify-content: center; align-items:center; width:100%; height:7.3rem; border-left:1px solid #D8D8D8; transition:all .3s ease;}
.nowtxt .nowbt:hover {color:var(--point-color-1);}
.nowtxt .nowbton {display:flex; justify-content: center; align-items:center; width:100%; height:7.3rem; background:var(--point-color-1); color:#fff;}

.sub-cont .h3 {font-family: var(--entype1), sans-serif;text-align:center;color:#4A4646;font-size:6.0rem;font-weight:500;margin-bottom:45px}
.sub-cont .p-txt {color:#4A4646;font-size:1.8rem;text-align:center;margin-bottom:100px;padding:0 1.5rem}
.sub-cont .stitle {font-size:2.8rem; border-top:1px dashed #999; padding:90px 0 60px 0; display:block; font-weight:500;}

.sbtitlec {font-size:3.2rem; line-height:4rem; color:#272727; font-weight:500; display:flex; justify-content:center; align-items:center; gap:1rem; width:120rem; margin:0 auto 7rem auto; text-align:left; word-wrap: break-word; word-break: keep-all;}
.sbtitles {font-size:2.8rem; line-height:3.2rem; color:#272727; font-weight:700; display:flex;  gap:1rem; margin:0 auto 1.5rem auto;}
.sbtitles span {width:4px; background:var(--point-color-1); display:inline-block;}
.sbtitle {font-size:3.2rem; color:#272727; font-weight:700; display:flex; align-items:center; gap:1rem; width:120rem; margin:0 auto 4.8rem auto;}
.sbtitle sup {font-size:2.2rem; margin-bottom:10px;}
.sbtitle span {width:4px; height:3rem; display:inline-block; margin-top:0.4rem;}
.sbtitle.acdtit {cursor:pointer; position:relative; padding-bottom:1.2rem; transition:color .3s ease;}
.sbtitle.acdtit:after {content:''; position:absolute; left:0; bottom:0; width:0; height:2px; background:var(--point-color-1); transition:width .4s ease;}
.sbtitle.acdtit:hover:after,
.sbtitle.acdtit.open:after {width:100%;}
.sbtitle.acdtit:hover {color:var(--point-color-1);}
.sbtitle.acdtit.open {color:var(--point-color-1);}
.sbtitle.acdtit .qa_toggle_icon {position: relative; display: inline-block; width: 42px; height: 42px; margin-left: auto; flex-shrink: 0;}
.sbtitle.acdtit .qa_toggle_icon img {position: absolute; top: 0; left: 0; width: 42px; opacity: 1; transition: opacity .3s ease; filter: invert(30%) sepia(80%) saturate(2853%) hue-rotate(344deg) brightness(79%) contrast(103%);}
.sbtitle.acdtit .qa_toggle_icon .ic-minus {opacity: 0;}
.sbtitle.acdtit.open .qa_toggle_icon .ic-plus {opacity: 0;}
.sbtitle.acdtit.open .qa_toggle_icon .ic-minus {opacity: 1;}
.faq_info {background: #f7f7f7; font-size: 2rem; font-weight: 400; color: #272727; padding: 20px 25px; width: 100%; max-width: 1080px; margin: 0 auto 5rem auto; border-radius: 10px;}
.sb_qna_wp.acdbox {max-height:0; overflow:hidden; opacity:0; margin:0 auto; transition:max-height .4s ease, opacity .3s ease, margin .4s ease;}
.sb_qna_wp.acdbox.on {max-height:20000px; opacity:1; margin:0 auto 10rem auto;}
.sb_qna_wp {font-family: var(--body-font); width: 100%; max-width: 1080px; margin: 0 auto 10rem auto;}
.sb_qna_wp .sb_qna_box {width: 100%; display: flex; flex-direction: column; background: #fff; transition: background-color .3s ease;}
.sb_qna_wp .sb_qna_box.on {background: #f7f7f7;}
.sb_qna_wp .sb_qna_box b {width: 100%; display: flex; align-items: center; gap: 10px; border-bottom: 1px solid #D8D8D8; padding: 10px; cursor: pointer;}
.sb_qna_wp .sb_qna_box b span {width: 30px; font-size: 3.2rem; color: var(--point-color-1); font-weight: 700; font-family: var(--entype1); text-align: center;}
.sb_qna_wp .sb_qna_box b i {font-size: 2.4rem; color: #272727; font-weight: 500; line-height: 120%; transition: color .3s ease;}
.sb_qna_wp .sb_qna_box b i sup {font-size: 14px; vertical-align: super; line-height: 0; margin-right: 2px;}
.sb_qna_wp .sb_qna_box b:hover i,
.sb_qna_wp .sb_qna_box.on b i {color: var(--point-color-1);}
.sb_qna_wp .sb_qna_box b .qa_toggle_icon {position: relative; display: inline-block; width: 30px; height: 30px; margin-left: auto; flex-shrink: 0;}
.sb_qna_wp .sb_qna_box b .qa_toggle_icon img {position: absolute; top: 0; left: 0; width: 30px; opacity: 1; transition: opacity .3s ease; filter: invert(30%) sepia(80%) saturate(2853%) hue-rotate(344deg) brightness(79%) contrast(103%);}
.sb_qna_wp .sb_qna_box b .qa_toggle_icon .ic-minus {opacity: 0;}
.sb_qna_wp .sb_qna_box.on b .qa_toggle_icon .ic-plus {opacity: 0;}
.sb_qna_wp .sb_qna_box.on b .qa_toggle_icon .ic-minus {opacity: 1;}
.sb_qna_wp .sb_qna_box p {width: 100%; display: flex; align-items: center; gap: 10px; padding: 0 10px; max-height: 0; overflow: hidden; opacity: 0; transition: max-height .3s ease, opacity .3s ease, padding .3s ease;}
.sb_qna_wp .sb_qna_box.on p {padding: 10px; max-height: 1000px; opacity: 1;}
.sb_qna_wp .sb_qna_box p span {width: 50px; font-size: 3.2rem; color: var(--point-color-2); font-weight: 700; font-family: var(--entype1); text-align: center;}
.sb_qna_wp .sb_qna_box p i {width: 100%; font-size: 2rem; color: #272727; font-weight: 500; padding: 10px 0; line-height: 200%; overflow-wrap: break-word;}
.sb_qna_wp .sb_qna_box p i sup {font-size: 12px; vertical-align: super; line-height: 0; margin-right: 2px;}
.sbtitle>div sup {font-size:2.2rem; margin-right:5px; vertical-align: top;}
.sbtitle>div span {width:4px; height:3rem; background:var(--point-color-1); display:inline-block; margin-top:0.4rem;}
.sbtxt1 {font-size:2rem; color:#272727; width:100%; max-width:120rem; margin:0 auto 10rem auto; word-wrap: break-word; word-break: keep-all;}
.sbtxt2 {font-size:2rem; color:#272727; width:100%; max-width:120rem; margin:0 auto;}
.sbtxt2 p {display:flex; gap:0.8rem;}
.sbtxt2 p b {}
.sbtxt2 p span {word-wrap: break-word; word-break: keep-all;}

.sb01_1 {display:flex; justify-content:center; align-items:center; gap:7.7rem; padding:12rem 0; font-family: var(--entype1), var(--body-font), sans-serif;}
.sb01_1 .sb_a {max-width:52.3rem; width:100%;}
.sb01_1 .sb_a img {width:100%;}
.sb01_1 .sb_b {font-size:2rem; display:flex; flex-direction: column; gap:0.5rem; max-width:45.5rem; width:100%; color:#272727;}
.sb01_1 .sb_b b {font-weight:800;}
.sb01_1 .sb_b p {font-size:3.2rem;}
.sb01_1 .sb_b span {height:3rem; border-left:1px solid #272727; margin:1rem 0;}
.sb01_1 .sb_b .sb_hty {display:flex; flex-direction: column; gap:0.8rem;}
.sb01_1 .sb_b .sb_hty>div {display:flex;  gap:1rem;}
.bg1 {background:#FFFFFF;}
.bg2 {background:#F5F5F5;}

.sb02wp {width:100%; max-width:120rem; font-size:2rem; color:#272727; margin:0 auto 10rem auto; position:relative; display:flex; flex-direction: column; gap:2.5rem;}
.sb02wp .sb02line {position:absolute; left:40rem; top:0; z-index:5; width:1px; height:100%; background:var(--point-color-1);}
.sb02wp .sb02his {display:flex; align-items:center; gap:4.4rem;}
.sb02wp .sb02his b {font-size:4.2rem; color:var(--point-color-1); font-weight:500; font-family:var(--entype1); min-width:35rem;  flex-shrink: 0;}
.sb02wp .sb02his span {background:var(--point-color-1); width:1.3rem; height:1.3rem; display:inline-block; border-radius:0.6rem; flex-shrink: 0;}

.sb03_1 {background:url('/layouts/default_re_kr/image/sb03bg1.jpg') no-repeat center; background-size:cover; background-attachment: fixed; display:flex; justify-content:center; align-items:center; padding:12rem 3rem; margin-bottom:10rem;}
.sb03_1 .sb03mda {width:100%; max-width:95.8rem; height:54rem;}
.sb03_2 {width:100%; max-width:120rem; margin:0 auto 15rem auto;}

.sb04_1 {width:100%; max-width:120rem; margin:0 auto 10rem auto;}
.sb04_1 .map_area {width:100%; height:50rem;}
.sb04_1 .map_info {display:flex; align-items:center;}
.sb04_1 .map_info>div {font-size:2rem; color:#fff; height:7.5rem; display:flex; justify-content:center; align-items:center;}
.sb04_1 .map_info .info_txt1 {background:#272727; flex-shrink: 0; width: 20rem;}
.sb04_1 .map_info .info_txt2 {background:#4A4A4A; flex-shrink: 0; width: 20rem;}
.sb04_1 .map_info .info_txt3 {background:var(--point-color-1); flex-grow: 1; justify-content:flex-start; padding-left:2rem;}

.sb05wp {width:100%; max-width:120rem; margin:0 auto; overflow: auto;}
.sb05bn {display:flex; gap:4rem; width:100%; max-width:120rem; margin:0 auto;}
.sb05bn .sb5bn {padding:3rem; width:100%; height:100%; min-height:20rem; color:#fff;}
.sb05bn .sb5bn p {font-size:2.2rem;}
.sb05bn .sb5bn span {font-size:2rem; padding-left:3.5rem; display:block;}
.sb05bn .sb5bn2 {width:100%; height:20.4rem; text-align:center; padding:3rem; font-size:2rem; color:#fff; display:flex; justify-content:center; align-items:center;}
.sb05bn .sb5img {background:#272727; padding:3.2rem 3.6rem; width:100%; margin:4.6rem 0;}
.sb05bn .sb5img img {width:100%;}
.sb05bn .sb5img p {font-size:2rem; color:#fff; text-align:center; margin-top:2rem;}
.sb05bn .sb5tb {padding:0; width:100%; height:100%; min-height:20rem;}
.sb05bn .sb5tb p {text-align:center; font-size:2rem; margin:4rem 0;}
.sb05bn .sb5tb img {width:100%;}
.sb05_1 {width:100%; max-width:120rem; margin:0 auto 10rem auto; text-align:center;}
.sb05_1 p {color:#272727; font-size:2rem; margin:4.6rem;}
.sb5bt {width:100%; max-width:41.7rem; background:var(--point-color-1); font-size:2rem; color:#fff; padding:1.5rem 2.5rem; display:block; margin:0 auto; transition:all .3s ease;}
.sb5bt:hover {background:#272727; color:#fff;}
.sb5bg1 {background:url('/layouts/default_re_kr/image/sb05bg1.jpg') no-repeat center; background-size:cover;}
.sb5bg2 {background:url('/layouts/default_re_kr/image/sb05bg2.jpg') no-repeat center; background-size:cover;}
.sb5bg3 {background:url('/layouts/default_re_kr/image/sb05bg3.jpg') no-repeat center; background-size:cover;}
.sb5bg4 {background:url('/layouts/default_re_kr/image/sb05bg4.jpg') no-repeat center; background-size:cover;}
.sb5bg5 {background:url('/layouts/default_re_kr/image/sb05bg5.jpg') no-repeat center; background-size:cover;}
.sb_line {max-width:120rem; width:100%; height:1px; background:#272727; margin:0 auto 8rem auto;}
.sb_line2 {max-width:120rem; width:100%; height:1px; background:#272727; margin:10rem auto;}
.sb_gap0 {margin-bottom:5rem;}
.sb_gap1 {margin:6rem auto 12rem auto;}
.table1 {position:relative; margin-bottom:10rem; min-width:800px;}
.table1 img {width:100%;}
.tbtx1 {position:absolute; z-index:5; display:flex; justify-content:center; font-weight:500; color:#272727; align-items:center; font-size:18px; text-align:center; line-height:140%;}/*background:rgba(255,0,0,0.5);*/
.tbtx1 sup {font-size:12px; margin-bottom:4px; margin-right:2px;}
.tbtx1 p {font-size:10px;}
.spmg1 {margin-bottom:30px!important;}
.tx10 {right: 0%; top: 12.6%; width: 16.6%; height: 12%; font-weight: 500; font-size:12px; text-align:left; line-height:120%; padding:1%;}
.tx18 {right: 0%; top: 25.2%; width: 16.6%; height: 12%; font-weight: 500; font-size:12px; text-align:left; line-height:120%; padding:1%;}
.tx18 img {width:68%;}
.tx11 {left:0; top:0%; width:16.6%; height:12%; color:#fff;}
.tx12 {left:16.75%; top:0; width:16.6%; height:12%; color:#fff;}
.tx13 {left:33.5%; top:0; width:66.5%; height:5.8%; color:#fff;}
.tx14 {left:33.5%; top:6.2%; width:16.5%; height:5.8%; color:#fff;}
.tx15 {left:50.2%; top:6.2%; width:16.5%; height:5.8%; color:#fff;}
.tx16 {left:66.9%; top:6.2%; width:16.5%; height:5.8%; color:#fff;}
.tx17 {left:83.5%; top:6.2%; width:16.5%; height:5.8%; color:#fff;}
.tx21 {left:0; top:12.7%; width:16.6%; height:12%;}
.tx22 {left:16.75%; top:12.7%; width:16.6%; height:12%; font-weight:300;}
.tx211 {left:0; top:25.2%; width:16.6%; height:12%;}
.tx222 {left:16.75%; top:25.2%; width:16.6%; height:12%; font-weight:300;}
.tx23 {left:0; top:37.8%; width:16.6%; height:12%;}
.tx24 {left:16.75%; top:37.8%; width:16.6%; height:12%; font-weight:300;}
.tx292 {left:0; top:50.5%; width:16.6%; height:12%;}
.tx293 {left:16.75%; top:50.5%; width:16.6%; height:12%; font-weight:300;}
.tx25 {left:0; top:62.9%; width:16.6%; height:12%;}
.tx26 {left:16.75%; top:62.9%; width:16.6%; height:12%; font-weight:300;}
.tx27 {left:0; top:75.5%; width:16.6%; height:12%;}
.tx28 {left:16.75%; top:75.5%; width:16.6%; height:12%; font-weight:300;}
.tx29 {left:0; top:88%; width:16.6%; height:12%;}
.tx291 {left:16.75%; top:88%; width:16.6%; height:12%; font-weight:300;}
.txinfo {right:0; bottom:-7%; width:40%; height:6%; font-weight:300; display:flex; justify-content:center; align-items:center; gap:10px;}
.txinfo .bxclor1 {border:1px solid #999; width:20px; height:20px; background:#efefef;}
.txinfo .bxclor2 {border:1px solid #999; width:20px; height:20px; background:#dcd9f8; margin-left:10px;}
.tx31 {left:0; top:0%; width:16.6%; height:19.6%; color:#fff;}
.tx32 {left:16.75%; top:0; width:16.6%; height:19.6%; color:#fff;}
.tx33 {left:33.5%; top:0; width:66.5%; height:9.6%; color:#fff;}
.tx34 {left:33.5%; top:10%; width:16.5%; height:9.6%; color:#fff;}
.tx35 {left:50.2%; top:10%; width:16.5%; height:9.6%; color:#fff;}
.tx36 {left:66.9%; top:10%; width:16.5%; height:9.6%; color:#fff;}
.tx37 {left:83.5%; top:10%; width:16.5%; height:9.6%; color:#fff;}
.tx41 {left:0; top:20%; width:16.6%; height:19.6%;}
.tx42 {left:16.75%; top:20%; width:16.6%; height:19.6%; font-weight:300;}
.tx43 {left:0; top:40.1%; width:16.6%; height:19.6%;}
.tx44 {left:16.75%; top:40.1%; width:16.6%; height:19.6%; font-weight:300;}
.tx45 {left:0; top:60.2%; width:16.6%; height:19.6%;}
.tx46 {left:16.75%; top:60.2%; width:16.6%; height:19.6%; font-weight:300;}
.tx47 {left:0; top:80.2%; width:16.6%; height:19.6%;}
.tx48 {left:16.75%; top:80.2%; width:16.6%; height:19.6%; font-weight:300;}
.tbgrf {position:absolute; left:33.6%; z-index:5; height:4%; width:0; border-radius:0 3rem 3rem 0; background:#8474C5; animation: tbw1 4s ease-in-out alternate forwards;}
.gf1 {top:16.5%; max-width:50%;}
.gf11 {top:29.2%; max-width:19%;}
.gf2 {top:41.7%; max-width:14%;}
.gf3 {top:67%; max-width:36%;}
.gf4 {top:79.2%; max-width:30%;}
.gf5 {top:92%; max-width:47%;}
.gf10 {top:54.2%; max-width:14%;}
.gf6 {top:28%; max-width:30%; height:4.5%;}
.gf7 {top:48%; max-width:16%; height:4.5%;}
.gf8 {top:68%; max-width:16.5%; height:4.5%;}
.gf9 {top:88%; max-width:16.5%; height:4.5%;}
.tblink {position:absolute; left:0; z-index:6; border:0; width:100%; height:12%; transition:all .1s ease; background:rgba(0,0,0,0.0);}
.tblink:hover {border:5px solid var(--point-color-1);}
.nkbt1 {top:12.7%;}
.nkbt2 {top:75.3%;}
.nkbt5 {top:88%;}
.tbsx {font-size:14px; letter-spacing:-1px;}
.tbsx1 {font-size:15px; letter-spacing:-1px;}

@keyframes tbw0 {
	from {width: 100%;}
	to {width: 0;}
}
@keyframes tbw1 {
	from {width: 0;}
	to {width:100%;}
}

.sb06_1 {width:100%; max-width:120rem; margin:0 auto; display:flex; align-items:center; background:#F7F7F7;}
.sb06_1 .sb06a {width:100%;}
.sb06_1 .sb06a img {width:100%;}
.sb06_1 .sb06b {width:100%; padding:4.5rem;}
.sb_gap2 {height:15rem;}
.ab_video {position:relative; height:0; padding-bottom:56.25%; width:100%; max-width:120rem;}
.ab_video iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

.sb07_1 {width:100%; max-width:120rem; margin:0 auto 8rem auto; display:flex; align-items:center; gap:4rem; padding-top:4rem;}
.sb07_1>div {width:100%; border-radius:18rem; overflow:hidden; z-index: 1;}
.sb07_1>div img {width:100%;}

.sb08_1 {width:100%; max-width:120rem; margin:0 auto 5rem auto; display:flex; align-items:center; background:#F7F7F7;}
.sb08_1 .sb08a {max-width: 55rem; flex-shrink: 0;}
.sb08_1 .sb08a img {width:100%;}
.sb08_1 .sb08b {width:100%; padding:6rem; flex-grow: 1;}
.sb08_1 .sb08b .sb8link {margin-top:4rem;}
.sb08_1 .sb08b .sb8logo {width:100%;}
.sb08_1 .sb08b .sb8logo img {width:auto;}
.sb08_1 .sb08b .sb8link a {background:var(--point-color-1); color:#fff; font-size:2rem; height:7.3rem; display:flex; justify-content: space-between; align-items:center; padding-left:2rem;}
.sb08_1 .sb08b .sb8link a:hover {}
.sb08_1 .sb08b .sb8link a span {background:rgba(0,0,0,0.2); width:7.3rem; height:7.3rem; display:flex; justify-content: center; align-items:center; }
.sb08_1 .sb08b .sb8link a span img {width:2.6rem; transform: rotate(0deg); transition:all .3s ease;}
.sb08_1 .sb08b .sb8link a:hover span img {transform: rotate(180deg);}
.sb08_1 .sb08b .sb8link a b {opacity:1; transition:all .3s ease; display:inline-block;}
.sb08_1 .sb08b .sb8link a i {opacity:0; transition:all .3s ease; display:none;}
.sb08_1 .sb08b .sb8link a:hover b {opacity:0; display:none;}
.sb08_1 .sb08b .sb8link a:hover i {opacity:1; display:inline-block;}

.sb09_1 {width:100%; max-width:120rem; margin:0 auto 10rem auto; display:flex; justify-content:center; align-items:flex-start; flex-wrap: wrap; gap:4rem;}
.sb09_1>div {border:1px solid #D9D9D9; width:100%; max-width:37.3rem; height:15rem; display:flex; justify-content:center; align-items:center; padding:1rem 3.8rem;}
.sb09_1>div img {width:100%;}

.sb10_1 {width:100%; max-width:120rem; margin:0 auto 10rem auto; display:flex; flex-direction: column;}
.sb10_1 .sb10a1 {width:100%; max-width:70rem; height:9.1rem; display:flex; justify-content:center; align-items:center; gap:2rem; font-size:2rem; color:#fff; background:var(--point-color-1); border-radius:5rem; margin:0 auto;}
.sb10_1 .sb10arr {margin:0 auto; z-index: 1; animation: sbca1 1s infinite alternate;}
.sb10_1 .sb10arr img {width:100%;}
.sb10_1 .sb10a2 {width:100%; max-width:120rem; margin:0 auto; border:3px solid var(--point-color-1); border-radius:1rem; padding:8rem; display:flex; justify-content:center; align-items:center; gap:4rem;}
.sb10_1 .sb10a2>div {border-radius:1rem;}
.sb10_1 .sb10a2>div img {width:100%;}
.sb10_1 .sb10a2>div p {font-size:2rem; color:#272727; text-align:center; margin-top:2rem;}
.sb10_2 {width:100%; max-width:120rem; margin:0 auto 10rem auto; display:flex; gap:5rem;}
.sb10_2 .sb10b1 {display:flex; flex-direction: column; gap:1.8rem;}
.sb10_2 .sb10b1 .sb10b1bx {width:100%; max-width:50rem; margin: 0 auto;}
.sb10_2 .sb10b1 .sb10b1bx img {width:100%;}
.sb10_2 .sb10b1 .sb10b1bx p {font-size:2rem; color:#272727; text-align:center; margin:2rem 0; max-width:50rem;}
.sb10_2 .sb10b1 .sb10b3bx {width:100%; max-width:50rem; height:8rem; display:flex; justify-content:center; align-items:center; gap:1rem; font-size:2rem; color:#fff; background:var(--point-color-1); border-radius:1rem; padding:2rem; margin:0 auto;}
.sb10_2 .sb10arr {width:100%; max-width:34rem; margin:0 auto;}
.sb10_2 .sb10arr img {width:100%;}
.sb10_2 .sb10arr2 {height:auto; margin:auto 0; z-index: 1; animation: sbca1 1s infinite alternate;}
.sb10_2 .sb10arr2 img {width:100%;}
.sb10_2 .sb10b2 {width:100%; max-width:65rem; border-radius:1rem; position:relative; margin:0 auto;}
.sb10_2 .sb10b2 img {width:100%;}
.sb10_2 .sb10b2 .sb10b2bx {position:absolute; z-index:5; width:100%; max-width:22.8rem; height:100%; max-height:22.8rem; border-radius:12rem; display:flex; justify-content:center; align-items:center;}
.sb10_2 .sb10b2 .sb10b2bx .in10bx {width:100%; max-width:19.4rem; height:100%; max-height:19.4rem; border-radius:12rem; font-family:var(--entype1); font-weight:800; color:#fff; display:flex; justify-content:center; align-items:center; border:1px solid #fff; box-shadow:0 0 10px rgba(0,0,0,0.17); animation: sbca2 1s infinite alternate; text-align:center; line-height: 3.2rem;}
.sb10_2 .sb10b3 {width:100%; max-width:63rem; border-radius:1rem; position:relative; margin:0 auto;}
.sb10_2 .sb10b3 img {width:100%;}
.sb10_2 .sb10b3 .sb10b3in {width:100%; max-width:63rem; border-radius:1rem 1rem 0 0; position:absolute; left:0; top:0; z-index:1; background:rgba(255,255,255,0.7); font-size:2.4rem; color:#272727; display:flex; justify-content:center; align-items:center; gap:1.7rem; padding:1.7rem;}
.sb10_2 .sb10b3 .sb10b3in img {max-width:8rem;}
.sb10ps1 {left:50%; top:30%; transform: translate(-50%, -70%); background:#65D3EE;}
.sb10ps1i {background:#47BDDA;}
.sb10ps2 {left:35%; top:50%; transform: translate(-65%, -50%); background:#75A6EC;}
.sb10ps2i {background:#538DE0;}
.sb10ps3 {left:65%; top:50%; transform: translate(-35%, -50%); background:#6964BF;}
.sb10ps3i {background:#373281;}
.sb10ps4 {left:50%; top:70%; transform: translate(-50%, -30%); background:#69C8CF;}
.sb10ps4i {background:#51B9C1;}
.arrch1 {display:block;}
.arrch2 {display:none;}
.nogap {gap:0!important;}
.sbw1 {width:6.7rem;}
.sbw2 {width:13.5rem;}
.sbw3 {width:9.5rem;}

@-webkit-keyframes sbca1{
  from{
    transform: scale(1.5);
  }
  to{
    transform: scale(1.3);
  }
}

@-webkit-keyframes sbca2{
  from{
    font-size:3.2rem;
  }
  to{
    font-size:2.8rem;
  }
}

.sb14 {width:100%; max-width:120rem; margin:0 auto 10rem auto; display:flex; flex-direction: column; gap:1.5rem;}
.sb14 a {margin-top:4rem;}
.sb14>div {display:flex; align-items:center; gap:5rem; font-size:2rem;}
.sb14>div span {color:var(--point-color-1); font-weight:700; border:1px solid #D9D9D9; width:20rem; flex-shrink: 0; padding:1rem 3rem; border-radius:5rem;}
.sb14>div i {flex-grow: 1; color:#272727;}
.sb14off {width:100%; max-width:120rem; margin:0 auto 10rem auto; display:flex; flex-direction: column; gap:2rem; text-align:center; font-size:2rem; color:#272727; border:3px solid var(--point-color-1); border-radius:1rem; padding:10rem 0;}
.sb14off img {width:15rem; margin:0 auto;}
.sb14hf {width:100%; max-width:120rem; margin:0 auto 10rem auto; display:flex; justify-content: space-between; gap:3rem;}
.sb14hf>div {border:1px solid #D8D8D8; width:100%; height:40rem; border-radius:1rem; display:flex; justify-content: center; align-items:center; padding:4rem;}
.sb14hf>div>div {text-align:center;}
.sb14hf>div>div p {margin:1rem 0 3rem 0; font-size:2.2rem;}
.jb_logo {width:24rem;}
.bt_ty1 {width:26rem; height:6rem; font-size:1.8rem; color:#fff; background:var(--point-color-1); display:flex; justify-content: center; align-items: center; gap:1rem; border-radius:4rem; transition:all .3s ease;}
.bt_ty1:hover {width:28rem; color:#fff;}
.bt_ty1 img {width:1.8rem; filter: invert(98%) sepia(19%) saturate(0%) hue-rotate(90deg) brightness(111%) contrast(104%);}
.bt_ty2 {width:26rem; height:6rem; font-size:1.8rem; color:#fff; background:var(--point-color-1); display:flex; justify-content: center; align-items: center; gap:1rem; border-radius:4rem; transition:all .3s ease;}
.bt_ty2:hover {color:#fff;}
.bt_ty2 img {width:2.3rem; filter: invert(98%) sepia(19%) saturate(0%) hue-rotate(90deg) brightness(111%) contrast(104%); transition:all .3s ease;}
.bt_ty2:hover img {margin-left:0.8rem; color:#ff0000;}
.bt_cnt {margin:0 auto;}

.sb15 {width:100%; max-width:120rem; margin:0 auto 10rem auto;}
.sbpriv {width:100%; max-width:120rem; margin:0 auto 10rem auto; display:flex; flex-direction: column; gap:2rem; font-size:2rem; color:#272727; border:3px solid var(--point-color-1); border-radius:1rem; padding:4rem;}
.sbpriv img {width:15rem; margin:0 auto;}

.scwrap {width:100%; max-width:120rem; margin:0 auto 8rem auto;}

.sub-cont.guide {}
.sub-cont.guide .gie_aea1 {display:flex; justify-content: space-evenly;}
.sub-cont.guide .gie_aea1 .gie_item {width:325px;}
.sub-cont.guide .gie_aea1 .gie_item img {width:100%;}
.sub-cont.guide .gie_aea1 .gie_item p {font-size:1.8rem;text-align:center; margin-top:50px;}
.sub-cont.guide .gie_aea1 .gie_item a {font-size:1.8rem;text-align:center; margin:20px auto 0 auto; background:#000; color:#fff; padding:6px 0; width:180px; display:block;}
.sub-cont.guide .gie_aea1 .gie_item>div {background-size:cover;font-size:8.2rem;text-align:center; color:#fff; border-radius:50%; font-family: var(--entype1), sans-serif; text-shadow:1px 1px 2px rgba(0,0,0,0.6); height:325px; padding-top:90px;}
.sub-cont.guide .gie_aea1 .gie_item .gie_p01 {background:url('/layouts/default_re_kr/image/gie_p01.jpg') no-repeat center;}
.sub-cont.guide .gie_aea1 .gie_item .gie_p02 {background:url('/layouts/default_re_kr/image/gie_p02.jpg') no-repeat center;}
.sub-cont.guide .gie_aea1 .gie_item .gie_p03 {background:url('/layouts/default_re_kr/image/gie_p03.jpg') no-repeat center;}
.sub-cont.guide .gie_aea2 {width:90%; margin:200px auto 0 auto; font-size:1.8rem; color:#4A4646;}

.sub-cont.res {}
.sub-cont.res .res_aea {}
.yd-form {width:100%; max-width:700px; padding:0 3%; margin:0 auto;position:relative}
.yd-form .div-admbt {position:absolute;left:50%;top:-60px;background:#000; transform: translate(-50%, 0);}
.yd-form .div-admbt a {color:#fff;padding:10px 35px;display:block;font-size:1.6rem; display:block;}
.div-inps {display:grid;grid-template-columns:1fr 1fr;column-gap:20px;margin-bottom:12px}
.div-inp {margin-bottom:12px}
.div-inp >* {width:100%}
.div-inp .inp-msg {font-size:14px; color:#333; padding:10px;}
.inp {height:46px;border:1px solid #3d3d3d;line-height:46px;text-indent:15px;font-size:16px;min-width:0;background:#fff}
.inp:hover,
.inp:focus {outline:none}
.tarea {font-family:var(--body-font), sans-serif ,malgun gothic, gulim;height:200px;border:1px solid #3d3d3d;padding:10px;font-size:16px;line-height:1.5}
.div-btns {text-align:center;}
.yd-btn {width:100%;margin:0;height:54px;line-height:56px;display:inline-block;font-size:1.8rem;color:#fff;background:var(--point-color-1); padding:0;border:0;cursor:pointer;}

.sub-cont.spc {}
.sub-cont.spc .spc_roll {width:1200px; margin:0 auto;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;display: flex;justify-content: center; align-items: center;}
.swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.swiper {width: 100%;height: 300px;margin-left: auto;margin-right: auto;}
.mySwiper2 {height: 80%;width: 100%;margin-bottom:10px;}
.mySwiper {height: 20%;box-sizing: border-box;padding: 10px 0;}
.mySwiper .swiper-slide {width: 25%;height: 100%;opacity: 0.4; cursor:pointer;}
.mySwiper .swiper-slide-thumb-active {opacity: 1;}
.swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}

.sub-cont.location {}
.sub-cont.location .lct_map {width:1200px; margin:0 auto;}
.sub-cont.location .lct_map .lct_bt {margin-bottom:30px; text-align:center; display:none;}
.sub-cont.location .lct_map .lct_bt a {display:inline-block; padding:10px 30px; font-size:1.4rem; border-radius:30px;}
.sub-cont.location .lct_map .lct_bt a.bt_bg1 {background:#fae100; color:#000; margin-right:20px;}
.sub-cont.location .lct_map .lct_bt a.bt_bg2 {background:#00c73c; color:#fff;}
.sub-cont.location .lct_map .root_daum_roughmap {width:100%;}

.stork_wp {position:relative; width:100%; height:100vh; overflow:hidden;}
.stork_wp .stork_in {position:absolute; left:0; top:-100px; z-index:1; width:100%; height:100vh;}
.stork_wp .stork_in .stock_chart {width:100%; height:100vh;}
.stork_wp .stork_msk {position:absolute; left:0; top:0; z-index:2; width:98%; height:100vh;}

/* 투자정보 */
.yr_wp {display:flex; flex-direction: column; gap:1rem; margin-top:2rem; font-size:1.8rem;}
.yr_wp .yr_box {width:100%; background:#cc2720; border-radius:1rem; color:#fff; padding:2rem;}
.yr_wp .yr_box p {font-size:2rem; font-weight:700;}

.yr_pg {width:100%; display:flex; gap:2%; flex-direction: row; flex-wrap: wrap;}
.yr_pg .yr_box {width: 49%; max-width: 120rem; margin-bottom: 2rem; background:#F5F5F5; border-radius: 1rem; padding:3rem 4rem; display:flex; flex-direction: column; gap:1rem; line-height:140%;}
.yr_pg .yr_box p {font-size:2.4rem; font-weight:700; margin-bottom:1rem;}
.yr_pg .yr_box span {display:flex; align-items: stretch;}
.yr_pg .yr_box span b {margin-right:1rem;}
.yr_pg .yr_box span i {}

.que:first-child{width:100%; background:#cc2720; border-radius:1rem; color:#fff; padding:2rem; font-size:1.8rem; margin-bottom:1rem;}
.que{position: relative; cursor: pointer;	width:100%; background:#cc2720; border-radius:1rem; color:#fff; padding:2rem; margin-bottom:1rem;}	
.que::before{display: inline-block; margin: 0 5px;}
.que.on>span{font-weight: bold;}	
.anw {display: none; overflow: hidden; background-color: #f4f4f2; padding: 2rem; border-radius:1rem; margin-bottom:1rem;}
.anw::before {display: inline-block; font-weight: bold; color: #666; margin: 0 5px;}
.que .arrow-top {display: none;}
.que .arrow-bottom {display: block;}
.que.on .arrow-bottom {display: none;}
.que.on .arrow-top {display: block;}


.jb_wp {display:flex; gap:1rem; margin-top:2rem; font-size:1.8rem;}
.jb_wp .jb_box {width:100%; max-width:50%; background:#cc2720; border-radius:1rem; color:#fff; padding:2rem; text-align:center;}
.jb_wp .jb_box a {color:#fff;}
.jb_wp .jb_box a:hover {color:#ddd;}
.jb_wp .jb_box p {font-size:2rem; font-weight:800;}
.jb_wp .jb_box b {font-size:5rem; font-family: var(--entype1); font-weight: 800;}

.jb2_wp {display:flex; flex-direction: column; gap:1rem; margin-top:2rem; font-size:1.8rem;}
.jb2_wp .jb2_box {width:100%; background:#F5F5F5; border-radius:1rem; color:#272727; padding:2rem;}
.jb2_wp .jb2_box p {font-size:2rem; font-weight:700;}
.jb2_wp .jb2_box2 {text-align:center;}
.jb2_wp .jb2_box2 img {width:5rem;}


/* 기존코딩 시작점 */
.canvas-wrap {z-index:1;width:1800px;height:720px;position:absolute;bottom:0;left:50%;margin-left:-900px}
.canvas-wrap canvas {position:relative;z-index:1;}
.page-mt .pmt {transition:.3s ease;opacity:0;transform:translate(0px,20px)}
.page-mt.about2 {overflow:hidden;min-height:1080px}
.page-mt.about2 >* {position:relative;z-index:5}
.page-mt .pmt.on {opacity:1;transform:translate(0,0)}

.sub-cont .bg-txt {font-size:12.1rem;color:#ebebeb;position:absolute;z-index:0;left:50%;font-weight:700;white-space:nowrap}
.sub-cont .bg-txt.t1 {top:525px;margin-left:-728px}
.sub-cont .bg-txt.t2 {top:635px;margin-left:5px}
.sub-cont .d-gram {position:relative;height:680px}
.sub-cont .d-gram .item {position:relative;z-index:5;font-size:2.2rem;color:#4A4646;text-align:center;width:270px;height:270px;padding-top:49px;position:absolute;top:0;left:50%;margin-left:-135px}
.sub-cont .d-gram .item:after {border:1px solid #4A4646;transition:all .3s ease;content:'';display:block;width:100%;height:100%;background:#fff;z-index:0;position:absolute;top:50%;left:50%;margin:-50% 0 0 -50%;border-radius:270px}
.sub-cont .d-gram .item>* {position:relative;z-index:5}
.sub-cont .d-gram .item.i2 {top:359px;margin-left:-330px}
.sub-cont .d-gram .item.i3 {top:359px;margin-left:72px}
.sub-cont .d-gram .item .ico {display:block;width:80px;height:80px;background:url(/pages/image/vison_icon1.png) no-repeat;margin:0 auto;margin-bottom:16px;}
.sub-cont .d-gram .item.i2 .ico {background-image:url(/pages/image/vison_icon2.png)}
.sub-cont .d-gram .item.i3 .ico {background-image:url(/pages/image/vison_icon3.png)}
.sub-cont .d-gram .item .t {font-size:3.2rem;display:block;color:#505050}
.sub-cont .d-gram .item .st  {display:block}
.sub-cont .d-gram .item .bt {display:none}
.sub-cont .d-gram .item:hover:after {transform:scale(1.1,1.1);}
.sub-cont .d-gram .item:hover .bt {display:block}
.sub-cont .d-gram .item:hover .t,
.sub-cont .d-gram .item:hover .st {display:none}
.sub-cont .d-gram .line {width:300px;height:1px;background:#4A4646;position:absolute;top:50%;left:50%;margin-left:-150px;z-index:0}
.sub-cont .d-gram .line.l1 {transform:rotate(-60deg);margin-left:-254px}
.sub-cont .d-gram .line.l2 {transform:rotate(60deg);margin-left:-40px}
.sub-cont .d-gram .line.l3 {margin-top:163px}

.sub-cont.about3 {background:#333}
.sub-cont.about3 .h3 {color:#fff}
.sub-cont.about3 .p-txt {color:#d3d3d3}
.history-details {position:relative;z-index:1;height:2200px;color:#fff}
.history-details:after {content:'';display:block;width:2px;height:100%;background:#fff;z-index:0;position:absolute;left:50%;top:20px;margin-left:-1px}
.history-details dl {position:relative;z-index:10;left:50%;padding:0 4rem;margin-bottom:4rem}
.history-details dl dt {font-size:3rem;margin-bottom:1.6rem;position:relative;}
.history-details dl dt:after {position:absolute;left:-52px;top:15px;content:'';display:block;width:20px;height:20px;border:2px solid #d5d5d5;background:#fff;border-radius:20px}
.history-details dl dd {font-size:1.8rem;color:#d3d3d3;line-height:1.55}
.history-details dl.al {text-align:right;left:auto;right:50%}
.history-details dl.hy03 {margin-top:-270px}
.history-details dl.hy04 {margin-top:-210px}
.history-details dl.hy05 {margin-top:-130px}
.history-details dl.hy06 {margin-top:-390px}
.pl-dgram {display:table;width:100%;max-width:1800px;margin:0 auto;height:555px}
.pl-dgram .box {overflow:hidden;position:relative;display:table-cell;vertical-align:top;padding:0 116px;border-left:1px solid #505050;}
.pl-dgram .box:first-child {width:55%;border-left:0}
.pl-dgram .dl-box {float:left;width:52%;color:#4A4646;font-size:1.6rem;margin-bottom:90px;}
.pl-dgram .dl-box:nth-child(odd) {width:48%}
.pl-dgram .dl-box dt {font-size:3rem;color:#606060;position:relative;padding-bottom:13px;margin-bottom:10px;font-weight:700;white-space:nowrap;}
.pl-dgram .dl-box dt:before {content:'';display:block;width:50px;height:1px;background:#000;position:absolute;bottom:0;left:0;}
.pl-dgram .dl-box li {position:relative;padding-left:10px;white-space:nowrap;}
.pl-dgram .dl-box li:before {content:'';display:block;width:2px;height:2px;background:#4A4646;position:absolute;left:0;top:15px}
.pl-dgram .dl-c {position:absolute;top:10px;left:50%}
.pl-dgram .dl-c.d1 {margin-left:-240px;}
.pl-dgram .dl-c.d2 {top:118px;margin-left:100px;}
.pl-dgram .dl-c.d3 {top:301px;margin-left:-460px;}
.pl-dgram .dl-c.d4 {top:301px;margin-left:-20px;}
.pl-dgram .dl-c dt {text-align:center;line-height:1.3;padding-top:13px;border:2px solid #505050;width:240px;height:82px;font-size:1.4rem;color:#4A4646}
.pl-dgram .dl-c dt strong  {display:block;font-size:2.2rem;color:#606060;font-weight:700}
.pl-dgram .dl-c dd ul {margin-left:10px;padding:15px 0}
.pl-dgram .dl-c dd li {position:relative;padding-left:10px; font-size:1.6rem}
.pl-dgram .dl-c dd li:before {content:'';display:block;width:2px;height:2px;background:#4A4646;position:absolute;left:2px;top:8px}
.pl-dgram .dl-c.d1:after {content:'';display:block;width:1px;height:160px;background:#505050;bottom:-160px;left:50%;position:absolute;}
.pl-dgram .dl-c.d1:before {content:'';display:block;width:440px;height:1px;background:#505050;bottom:-160px;left:50%;margin-left:-220px;position:absolute;}
.pl-dgram .dl-c.d2:before {content:'';display:block;width:220px;height:1px;background:#505050;left:-220px;top:50%;position:absolute;}
.pl-dgram .dl-c.d3:after,
.pl-dgram .dl-c.d4:after  {content:'';display:block;width:1px;height:50px;background:#505050;top:-50px;left:50%;position:absolute;}

.sub-cont.wwd2 {background:#000}
.sub-cont.wwd2 .h3 {color:#fff}
.sub-cont.wwd2 .p-txt {color:#d3d3d3}
.wwd-list {display:flex;justify-content:center;flex-wrap:wrap;max-width:1800px;margin:0 auto;overflow:hidden;}
.wwd-list .list {width:50%;padding:10px 30px;margin-bottom:60px;overflow:hidden}
.wwd-list .list .thumb {float:left;width:40%;margin-top:15px;}
.wwd-list .list .thumb img {width:100%}
.wwd-list .list dl {margin-left:45%;font-size:1.8rem;color:#d3d3d3;}
.wwd-list .list dt {font-size:3rem;color:#fff;padding-bottom:8px;position:relative;}
.wwd-list .list dt:after {content:'';display:block;width:50px;background:#fff;height:1px;position:absolute;bottom:0;left:0;}
.wwd-list .list dd {padding:10px 0 0 0}
.wwd-list .list dd li {padding-left:10px;position:relative}
.wwd-list .list dd li:before {content:'';display:block;width:2px;height:2px;background:#d3d3d3;position:absolute;left:2px;top:15px}

.sub-cont.recruit {background:#000 url(/pages/image/sub05_recruit_bg.png) no-repeat center top;background-size:cover}
.sub-cont.recruit .inner {max-width:1800px;padding:98px 107px 0 107px;overflow:hidden}
.sub-cont.recruit .visual-txt {font-size:6.2rem;color:#fff;font-weight:700;line-height:1.3;margin-bottom:60px}
.sub-cont.recruit .visual-txt strong {color:#aaa}
.sub-cont.recruit .subtxt {font-size:1.8rem;color:#4A4646;margin-bottom:60px}
.sub-cont.recruit .image-bg {margin-bottom:250px}
.toggle-list {margin-bottom:80px}
.toggle-list dl dt {position:relative;cursor:pointer;font-family:var(--entype1);font-size:3.2rem;color:#fff;padding:18px 20px;border-bottom:1px solid #666;}
.toggle-list dl:first-child dt {border-top:1px solid #fff}
.toggle-list dl dd {display:none;justify-content:left;padding:50px 20px;color:#d3d3d3;font-size:1.8rem;border-bottom:1px solid #fff}
.toggle-list dl dd .type-item {width:33%;padding-right:1%;}
.toggle-list dl dd .type-item .name {font-size:3rem;color:#fff}
.toggle-list dl dd .type-item ul {padding:29px 0}
.toggle-list dl dd .type-item ul li {padding-left:10px;position:relative;}
.toggle-list dl dd .type-item ul li:before {content:'';display:block;width:2px;height:2px;background:#4A4646;position:absolute;left:0;top:16px}
.toggle-list dl dt:after {transition:all .3s ease;position:absolute;top:50%;margin-top:-22px;right:20px;transform:rotate(45deg);content:'';display:block;width:28px;height:28px;border-right:1px solid #fff;border-bottom:1px solid #fff;}
.toggle-list dl.open dt:after {margin-top:-7px;transform:rotate(-135deg);}
.toggle-list dl.open dd {display:flex;}

.rec-props {display:flex;justify-content:left;padding:30px 20px;color:#d3d3d3;flex-wrap: wrap;font-size:1.8rem}
.rec-props dl {width:33%;padding-right:2%}
.rec-props dl dt {font-size:3rem;}
.rec-props dl dd {padding:28px 0}
.rec-props dl dd ul li {padding-left:10px;position:relative;}
.rec-props dl dd ul li:before {content:'';display:block;width:2px;height:2px;background:#4A4646;position:absolute;left:0;top:16px}
/* 기존코딩 종료점 */

@keyframes typing {
    from {
      width: 0
    }
  }
      
  @keyframes blink {
    50% {
      border-color: transparent
    }
  }

@media (max-width: 1620px) {
	.n-nav ul>li {margin-left:3rem;}
}
@media (max-width: 1480px) {
    .pl-dgram .box {padding:0 60px}
    .pl-dgram .dl-box dt {font-size:2.4rem}
    .pl-dgram .dl-box {font-size:1.3rem}
    .pl-dgram .box:first-child {width:65%}
    .pl-dgram .dl-box li:before {top:11px}
	.pl-dgram .dl-c dd li {font-size:1.2rem}
}

@media (max-width: 1380px) {
	.n-nav {top:2.5rem;}
    .n-nav ul>li {margin-left:18px;}
    .n-nav ul li a {font-size:1.8rem}
	.n-header .logo {top:50%;margin-top:-1rem;left:3rem}
    .n-header .logo img {height:2rem; width:auto}
	.bot-footer {padding:5rem 4rem; font-size:1.5rem;}
	.bot-wrap {gap:1rem;}
	.bot-wrap .bot-txt {line-height: 2.4rem;}
	.bot-wrap .flogo {width:10rem;}
	.a-nav-btn {margin-top: -14px;}
	.bt_lgg {font-size:17px; top: 3.5rem;}
}

@media (max-width: 1280px) {
	.n-nav {right:12rem;}
    .pl-dgram .box:first-child {height:370px;width:100%}
    .pl-dgram {display:block;height:auto}
    .pl-dgram .box {display:block;padding:0 3rem;border-left:0}
    .pl-dgram .dl-c dt {width:160px;height:60px;padding-top:10px;font-size:.9rem;letter-spacing:-0.05em;white-space:nowrap;}
    .pl-dgram .dl-c dt strong {font-size:1.4rem}
    .pl-dgram .dl-c.d1 {margin-left:-80px}
    .pl-dgram .dl-c.d1:after {bottom:-85px;height:85px}
    .pl-dgram .dl-c.d1:before {bottom:-85px;width:182px;margin-left:-91px}
    .pl-dgram .dl-c.d2 {margin-left:15px;top:80px}
    .pl-dgram .dl-c.d2:before {width:15px;left:-15px}
    .pl-dgram .dl-c.d3 {top:167px;margin-left:-170px}
    .pl-dgram .dl-c.d4 {top:167px;margin-left:10px}
    .pl-dgram .dl-c.d3:after, .pl-dgram .dl-c.d4:after {height:13px;top:-13px}
	.pl-dgram .dl-c dd li {font-size:1.1rem}
    .pl-dgram .dl-box dt {font-size:1.8rem}
    .pl-dgram .dl-box {font-size:1.2rem;margin-bottom:4rem}
    .pl-dgram .dl-box li {white-space: inherit;}
    .pl-dgram .dl-box li:before {top:9px}

    .wwd-list .list {width:100%;margin-bottom:3rem}
    .wwd-list .list .thumb {margin-top:8px}
    .wwd-list .list dl {font-size:1.3rem;}
    .wwd-list .list dt {font-size:1.8rem}
    .wwd-list .list dd li:before {top:11px}

	.sub-cont.recruit .visual-txt {font-size:5rem}
	.toggle-list dl dd {font-size:1.5rem}
	.toggle-list dl dd .type-item ul li:before {top:14px}
	.sub-cont.recruit .image-bg {margin-bottom:100px}
	.rec-props {font-size:1.5rem}

	.sub-cont.guide .gie_aea1 .gie_item {width:200px;}
	.sub-cont.guide .gie_aea1 .gie_item>div {font-size:5.2rem; height:200px; padding-top:55px;}
	.sub-cont.spc .spc_roll {width:90%;}
	.sub-cont.location .lct_map {width:90%;}

	.mapd {width100%!important; padding-left:3rem; padding-right:3rem;}
	.mapd2 {width100%!important; padding-left:1rem; padding-right:1rem;}

	.sbtitlec {font-size:3.4rem; width:100%;}
	.sbtitle {font-size:2.4rem; width:100%;}
	.sb02wp {margin:0 3rem 10rem 3rem; width:auto;}
	.sb02wp .sb02his {gap:3rem;}
	.sb02wp .sb02his b {font-size: 3.2rem; min-width: 27rem;}
	.sb02wp .sb02line {left:30.5rem;}
}

@media (max-width: 1200px) {
	.sb10_2 {flex-direction: column;}
	.sb10_2 .sb10arr2 {margin:0 auto;}
	.sb10_1 .sb10a2 {flex-direction: column; padding:4rem;}	
	.arrch1 {display:none;}
	.arrch2 {display:block;}
	.sbw3 {width:6.7rem;}
	.tbtx1 {font-size:14px;}
	.tbtx1 sup {font-size:11px;}

	.spmg1 {margin-bottom:25px!important;}
}

@media (max-width: 1000px) {
    html {
    min-width: 320px;
    margin: 0 auto;
    } 
    
    .n-header .login,
    .cloneNav ul>li dl,
	.n-header:after,
	body:after,
	body.navOn body:after,
	body.navOn .n-header:after,
    .n-nav {display:none}
	body.scroll .n-header {background:rgba(0,0,0,0.4); height: 64px;}

	body.navOn .n-header {background:rgba(0,0,0,0.4)}
	body.navOn .bt_lgg a {filter:grayscale(0) brightness(1);}
	body.navOn .bt_lgg a span {color:#fff;}	

    .n-header {height:6rem}
    .n-header .logo {top:50%;left:3rem}
    .n-header .logo img {height:2rem; width:auto}
    .a-nav-btn {display:block; right:3rem; margin-top: -12px;}
    .cloneNav ul {flex-direction: column;width:100%}
    .cloneNav ul>li {width:100%;min-height:0;border-left:0;padding:0}
    .cloneNav ul>li>a {border-bottom:0}
	.bt_lgg {top: 1.4rem; right: 9rem;transition:all .1s ease}
	body.scroll .bt_lgg {top: 1.9rem;}
	
	.sb02wp .sb02his {gap:0;}
	.sb02wp .sb02his {flex-direction: column; align-items: flex-start;}
	.sb02wp .sb02his span {display:none;}
	.sb02wp .sb02line {left:-1.5rem;}
	.sb04_1 .map_area {width:100%; height:30rem;}
	.sb04_1 .map_info {flex-direction: column;}
	.sb04_1 .map_info>div {width:100%; height:auto; padding:1rem;}
	.sb04_1 .map_info .info_txt1 {width:100%;}
	.sb04_1 .map_info .info_txt2 {width:100%;}
	.sb04_1 .map_info .info_txt3 {justify-content:center;}
	.sb05bn {flex-direction: column; margin-bottom: 4rem;}
	.sb05bn .sb5img {margin:0;}
	.sb06_1 {flex-direction: column;}
	.sb06_1 .sb06a {padding:3rem;}
	.sb06_1 .sb06b {padding:3rem;}
	.sb08_1 {flex-direction: column; padding-top:3rem;}
	.sb08_1 .sb08b {padding:3rem 0;}
	.sb08_1 .sb08b .sb8logo img {max-width:100%;}
	.sb14>div {gap:2rem;}
	.sb14>div span {width:15rem;}
	.sb08_1 .sb08a {width:100%;}

	.bot-footer {padding:4rem 3rem;}

	.sub-cont.guide .gie_aea1 .gie_item {width:130px;}
	.sub-cont.guide .gie_aea1 .gie_item>div {font-size:3.2rem; height:130px; padding-top:38px;}
	.sub-cont.guide .gie_aea1 .gie_item p {font-size:1.3rem;}
	.sub-cont.guide .gie_aea1 .gie_item a {font-size:1.3rem; width:100px;}
	.sub-cont.guide .gie_aea2 {margin:60px auto 0 auto; font-size:1.3rem;}
	.sub-cont .stitle {font-size:2rem; padding:40px 0 20px 0;}
	.sub-cont.location .lct_map .lct_bt {display:block;}

    /* sub */
    .mov-visual {height:260px;}
	.mov-visual .txt {top:50%;}
    .mov-visual .txt b {font-size:2rem}
    .sub-cont {padding-top:10rem}
	.nowtxt {font-size:1.6rem; width: auto; max-width: 680px; justify-content:center; overflow-x:auto; -webkit-overflow-scrolling:touch; touch-action:pan-x; scrollbar-width:none; -ms-overflow-style:none;}
	.nowtxt::-webkit-scrollbar {display:none;}
	.nowtxt .nowbt {width:auto; flex:0 0 auto; height:100%; min-height:6rem; padding:0 2.4rem; white-space:nowrap;}
	.nowtxt .nowbton {width:auto; flex:0 0 auto; height:100%; min-height:6rem; padding:0 2.4rem; white-space:nowrap;}
    .sub-cont .h3 {font-size:2rem;margin-bottom:1.5rem}
    .sub-cont .p-txt {font-size:1.3rem;margin-bottom:5.5rem}
    .sub-cont .bg-txt {position:static;font-size:4.8rem;margin-left:0 !important;text-align:center;margin-bottom:3rem}
    .sub-cont.about1 {height:950px;padding:6.5rem 0;overflow:hidden}
    .sub-cont.about1 .clogo {margin-bottom:1.6rem}
    .sub-cont.about1 .clogo span  {width:220px;height:21px;background-size:220px 21px}
    .sub-cont.about1 .p {font-size:1.3rem;padding:0 1.5rem}
    .sub-cont.about1 .typeo {font-size:2.8rem}
    .sub-cont.about1 .typeo:before {width:2.8rem;height:2.8rem;border-radius:2.8rem}
    .sub-cont.about1 .typeo span {transform:translate(16px,13px)}
    .sub-cont.about1 .typeo.t1 {top:10px;margin-left:-180px}
    .sub-cont.about1 .typeo.t1 span {transform:translate(16px,13px)}
    .sub-cont.about1 .typeo.t2 {top:160px;margin-left:150px}
    .sub-cont.about1 .typeo.t2 span {transform:translate(-140px,-10px)}
    .sub-cont.about1 .typeo.t3 {top:290px;margin-left:-170px}
    .sub-cont.about1 .ico {width:24px;height:24px}
    .sub-cont.about1 .ico.e  {margin:-41px 0 0 -200px}
    .sub-cont.about1 .ico.p {margin:-260px 0 0 87px}
    .sub-cont.about1 .ico.x {margin:-193px 0 0 -219px}
    .sub-cont.about1 .btn-down {bottom:auto;top:470px;font-size:1.4rem;width:224px;margin-left:-112px;height:44px;line-height:42px}
    .sub-cont.about1 .btn-down span {transform:translate(-4px,-4px);}
    .sub-cont.about1 .btn-down span b {vertical-align:-3px}

    .page-mt.about2 {min-height:600px}
    .sub-cont .d-gram {height:380px;margin-bottom:3rem}
    .sub-cont .d-gram .item {font-size:1.3rem;width:148px;height:148px;margin-left:-74px;padding-top:2.7rem}
    .sub-cont .d-gram .item .ico {width:40px;height:40px;background-size:40px 40px;margin-bottom:.6rem;}
    .sub-cont .d-gram .item .t {font-size:1.8rem;}
    .sub-cont .d-gram .item.i2 {top:223px;margin-left:-187px}
    .sub-cont .d-gram .item.i3 {top:223px;margin-left:36px}
    .sub-cont .d-gram .line {width:200px;margin-left:-100px}
    .sub-cont .d-gram .line.l1 {margin-left:-157px}
    .sub-cont .d-gram .line.l3 {top:136px}

    .history-details {height:auto}
    .history-details:after {left:1.5rem}
    .history-details dl {position:static;padding:0 3rem;margin-bottom:3.5rem}
    .history-details dl dt {font-size:2rem}
    .history-details dl dt:after {width:10px;height:10px;left:-22px;top:10px}
    .history-details dl dd {font-size:1.3rem;}
    .history-details dl.al {text-align:left;}
    .history-details dl.hy03,
    .history-details dl.hy04,
    .history-details dl.hy05,
    .history-details dl.hy06 {margin-top:0px}

	.sub-cont.recruit .inner {padding:7rem 1.5rem 0 1.5rem}
	.sub-cont.recruit .visual-txt {font-size:2.3rem;margin-bottom:3rem}
	.sub-cont.recruit .subtxt {font-size:1.3rem;margin-bottom:3rem}
	.sub-cont.recruit .image-bg {margin-bottom:3rem}
	.sub-cont.recruit .image-bg img {height:150px;width:auto}
	.toggle-list {margin-bottom:3rem;border-bottom:1px solid #fff}
	.toggle-list dl dt {font-size:2.8rem;padding:0 0 1.5rem 0;border-bottom:0;position:relative;}
	.toggle-list dl dt:after {display:none}
	.toggle-list dl dt:before {content:'';display:block;width:50px;height:1px;background:#fff;position:absolute;bottom:0;left:0}
	.toggle-list dl:first-child dt {border-top:0}
	.toggle-list dl dd,
	.toggle-list dl.open dd {display:block;padding:1.5rem 0;font-size:1.3rem;border-bottom:0}
	.toggle-list dl dd .type-item {width:100%;padding-right:0}
	.toggle-list dl dd .type-item .name {font-size:2rem;}
	.toggle-list dl dd .type-item ul {padding:.5rem 0 1.5rem 0}

	.rec-props {font-size:1.3rem;display:block;padding:0 1.5rem 1.5rem 1.5rem}
	.rec-props dl {width:100%;padding-right:0}
	.rec-props dl dt {font-size:2rem;}
	.rec-props dl dd {padding:1rem 0 1.5rem 0}
	.rec-props dl dd ul li:before {top:10px}

	.spmg1 {margin-bottom:20px!important;}
	.tbsx {font-size:11px;}
	.tbsx1 {font-size:11px;}

	.sbtitle>div sup {font-size:1.8rem;}

	.yr_pg {flex-direction: column;}
	.yr_pg .yr_box {width:100%;}
	.jb_wp {flex-direction: column;}
	.jb_wp .jb_box {max-width:100%;}
} 

@media (max-width: 900px) {
	.tbtx1 {font-size:12px;}
	.tbtx1 sup {font-size:9px;}
}

@media (max-width: 800px) {
	.sbtitlec {font-size:2.4rem;}
	.sbtitles {font-size:2.4rem;}	
	.sbtitle span {width:4rem; height:4px; display: none;}
	.sb01_1 {flex-direction: column; gap:2rem;}
	.bot-wrap .bot-link {gap:0.2rem;}
	.bot-wrap .bot-txt span {margin: 0 0.8rem;}
	.sb03_1 .sb03mda {height:34rem;}
	.sb07_1 {gap:1rem;}
	.sb10_1 .sb10a1 {flex-direction: column; gap:1rem; padding:2rem; height:auto; text-align:center;}
	.sb10_2 .sb10b2 .sb10b2bx {max-width: 15.8rem; max-height: 15.8rem;}
	.sb10_2 .sb10b2 .sb10b2bx .in10bx {max-width: 12.8rem; max-height: 12.8rem;}
	.sb10_2 .sb10b1 .sb10b3bx {flex-direction: column; height:auto; padding:2rem; text-align:center;}
	.sb14>div span {width: 13rem; padding:0.5rem 1.5rem; text-align:center;}
	.sb14hf {flex-direction: column;}
	.bt_ty1 {margin:0 auto;}
	.dnone {display:none;}
	.sb_qna_wp .sb_qna_box b {align-items: center;}
	.sb_qna_wp .sb_qna_box b i {font-size: 2rem;}
	.sb_qna_wp .sb_qna_box p {align-items: flex-start; flex-direction: column;}
	.sb_qna_wp .sb_qna_box p span {width: 30px;}
	.sb_qna_wp .sb_qna_box p i {font-size: 1.8rem; padding: 0 0 10px 0;}
}
@media (max-width: 570px) {
	.nowtxt {overflow-x: visible; width: 100%;}
	.nowtxt .nowbt, .nowtxt .nowbton {flex: 1 1 0; width: auto; white-space: normal; word-break: keep-all; text-align: center; padding: 0.6rem 0.8rem; line-height: 100%;}
}