@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');
body,div,ul,li,dl,dt,dd,ol,p,h1,h2,h3,h4,h5,h6,h7,h8,h9,h10,form,td,th,span,select {margin:0;padding:0;}
body,html {font-family: 'Pretendard', sans-serif;color:#161616;height:100%;letter-spacing:-0.02em;font-size:13px;background:#fff;/*word-break: break-all;*/}
a { text-decoration:none; display:block;}
img {border:0;vertical-align:top;}
ul,li {list-style:none;}
input {font-family: 'Pretendard'}
input:focus{	outline:none;}
textarea {font-family: 'Pretendard';resize:none;}
textarea:focus{	outline:none;}
select {font-family: 'Pretendard'}
/*모바일 변경 기준
1024, 800, 640, 414
*/


.reduce {letter-spacing:-0.1em;}
.sct_spc {padding:80px 0;}
@media only screen and (max-width:1024px){.sct_spc {padding:50px 14px; box-sizing: border-box;}}
@media only screen and (max-width:1024px){.sct_spc03 {padding:0 14px; box-sizing: border-box;}}
@media only screen and (max-width:1024px){.sct_spc04 {padding:0 7px; box-sizing: border-box;}}
.sct_spc05 {padding:80px 0;}
@media only screen and (max-width:1024px){.sct_spc05 {padding:50px 0;}}

.sub_txt60 {font-size: 60px; font-weight: 700; text-align: center;}
@media only screen and (max-width:800px){.sub_txt60 {font-size: 40px;}}
.sub_txt50 {font-size: 50px; text-align: center;}
@media only screen and (max-width:800px){.sub_txt50 {font-size: 30px;}}
.sub_txt40 {font-size: 40px; text-align: center;}
@media only screen and (max-width:800px){.sub_txt40 {font-size: 18px;}}
.sub_txt36 {font-size: 36px; text-align: center;}
@media only screen and (max-width:800px){.sub_txt36 {font-size: 18px;}}

.pd100 {padding:80px 0 0 0;}
@media only screen and (max-width:800px){.pd100 {padding:50px 0 0 0;}}
.pd50 {padding:50px 0 0 0;}
@media only screen and (max-width:800px){.pd50 {padding:25px 0 0 0;}}

.clr_blue {color:#4591df;}
.clr_white {color:#ffffff;}
.clr_yellow {color:#ffc64b;}
.clr_green {color:#00b8ad;}
.bgf0 {background:#f0f0f0;}

.fwb {font-weight: bold;}
.tac {text-align: center;}

/*
1023px 부터 모바일
1368px 부터 PC
*/
.pd7 {padding:0 7px;}
@media only screen and (min-width:1281px){.pd7 {padding:0;}}
.h100 {height: 100%;}
.clr {color:#2c7be5;}


@media only screen and (max-width:1280px){.mbr01 {display: none;}}
@media only screen and (max-width:900px){.mbr03 {display: none;}}

.section_box01 {margin:0 auto;display: table; width:1400px;}
@media only screen and (max-width:1368px){.section_box01 {width:100%; display: inline-block;}}
.section_box02 {margin:0 auto;display: table; width:1414px;}
@media only screen and (max-width:1368px){.section_box02 {width:100%; display: inline-block;}}

.section01 {padding:160px 0;}
@media only screen and (max-width:1368px){.section01 {padding:160px 60px;}}
@media only screen and (max-width:1023px){.section01 {padding:80px 18px;}}
@media only screen and (max-width:600px){.section01 {padding:80px 14px;}}
.section02 {padding:160px 0;}
@media only screen and (max-width:1368px){.section02 {padding:160px 46px;}}
@media only screen and (max-width:1023px){.section02 {padding:80px 18px;}}
@media only screen and (max-width:600px){.section02 {padding:80px 7px;}}
.section03 {padding: 0 0 160px 0;}
@media only screen and (max-width:1368px){.section03 {padding:160px 46px;}}
@media only screen and (max-width:1023px){.section03 {padding:80px 18px;}}
@media only screen and (max-width:600px){.section03{padding:80px 7px;}}

/*반복*/
.motion02 {position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);animation: motion02 0.3s linear infinite alternate;}
@keyframes motion02 {0% {margin-top:0;}100% {margin-top:10px;}}
/*페럴렉스*/
.parallax-window {min-height: 970px;background: transparent;}
@media only screen and (max-width:1368px){.parallax-window {min-height: 870px;}}
@media only screen and (max-width:1024px){.parallax-window {min-height: 670px;}}

/*모바일*/
.m_left_mn {z-index: 13px;position: relative;text-align: left;}
@media only screen and (min-width:1024px){.m_left_mn {display: none;}}
.mlm_btm {width:100%;height:40px;line-height: 40px; color:#fff;font-size: 12px; text-align: center;position: absolute;left:0;bottom:0;background:#202020;z-index: 15;}
.mlm_logo {padding:10px 0 0 0; text-align: center;}
.mlm_logo img {width:100px;}
.m_mn {padding:30px 0 0 0;letter-spacing: 0.1em;}
.mlm_x_btn {position: fixed;right:10px;top:10px;z-index: 12;display: none;}
.mlm_x_btn img {width:20px;}
.m_mn_btn {position: fixed;left:14px;top:16px;z-index: 13;}
.m_mn_btn img {width:30px;}
		

/*모바일 헤더*/
.m_header_set {position: fixed;z-index: 12;}
@media only screen and (min-width:1024px){.m_header_set {display: none;}}
.m_header_bg {width:100%;height: 60px;background:#1f1f1f;opacity: 0.8;position: fixed;top:0;}
.m_header_box {width:100%;height: 60px;position: fixed;}
.m_header {height: 60px;text-align: center;border-bottom: 1px solid #2c7be5;position: relative;}
.m_header a {display: inline-block}
.m_mn_btn {position: fixed;left:14px;top:16px;z-index: 13;}
.m_mn_btn img {width:30px;}
.m_ci {padding:10px 0 0 0; width:100px;}

@media only screen and (max-width:768px){.w_svc {display: none;}}
@media only screen and (min-width:769px){.m_svc {display: none;}}

.mhm_on { border-bottom: 2px solid #2c7be5;}
.mhm_off {color:#fff;}

/*모바일 왼쪽 메뉴*/
#sidebar {
padding:0 14px;
width: 80%;
position: fixed;
top: 0;
left: -100%;
height: 100%;
z-index: 14;
background: #333;
color: #fff;
transition: all 0.3s;
font-size:20px;
}	
#sidebar.active {
left: 0;
}

.sd_mask {
position: fixed;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.7);
z-index: 13;
	cursor: pointer;
	display: none;
}

.pp {padding: 10px 0 10px 10px; display: none; border-bottom: 1px solid #494949;}
.pp a {padding: 5px 0; font-size: 17px; color:#fff;}
.vwp_tg {margin:30px 0 0 0;}
.dr_cts {padding: 10px 0 10px 10px; width:100%; font-size:20px; font-weight: bold; color:#fff; border-bottom: 1px solid #494949; position: relative;}
.dr_cts img { width: 15px; height: 15px; position: absolute; top: 50%; right: 10px; transform: translate(0, -50%);}

/*콘텐츠 타이틒*/
.abt_ttl_box01 {padding:0 0 0 7px;line-height: 80px;font-size: 80px; font-weight: bold;position: relative;}
@media only screen and (max-width:768px){.abt_ttl_box01 {line-height: 40px;font-size: 40px;}}
.abt_ttl_box02 {padding:0 0 0 7px;line-height: 80px;font-size: 80px; font-weight: bold;position: relative;color:#fff;}
@media only screen and (max-width:768px){.abt_ttl_box02 {line-height: 40px;font-size: 40px;}}
.abt_ttl_box03 {padding:0 0 0 7px;line-height: 80px;font-size: 80px; font-weight: bold;position: relative;}
@media only screen and (max-width:768px){.abt_ttl_box03 {line-height: 40px;font-size: 40px;}}

.abt_ttl01 {font-size: 160px; font-weight: bold; color:#eee; position: relative; left:0; z-index: -1;}
@media only screen and (max-width:1023px){.abt_ttl01 {font-size: 120px;}}
@media only screen and (max-width:768px){.abt_ttl01 {font-size: 100px;}}
@media only screen and (max-width:600px){.abt_ttl01 {font-size: 55px;}}
.abt_ttl02 {font-size: 160px; font-weight: bold; color:#eee; position: relative; left:0; z-index: -1; opacity: 0.2}
@media only screen and (max-width:1023px){.abt_ttl02 {font-size: 120px;}}
@media only screen and (max-width:768px){.abt_ttl02 {font-size: 100px;}}
@media only screen and (max-width:600px){.abt_ttl02 {font-size: 55px;}}

/*메인*/
.h1300 {height: 100%;}
.main_abs {width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 6;}
.main_abs02 {width: 100%; position: absolute; left: 50%; top: 80px; transform: translate(-50%,0); z-index: 6;}
.main_ttl {font-size: 80px; font-weight: bold; text-align: center;}
.main_ttl02 {font-size: 80px; font-weight: bold; text-align: center; color: #fff;}
.main_txt {line-height: 36px; font-size: 26px; text-align: center ;}
.main_btm_txt {padding: 80px 0 0 0; line-height: 36px; font-size: 26px; text-align: center ;}
.sct_pdd {padding: 80px 0; border-top: 1px solid #ddd; background: #f7f7f7;}
.w_ms_img {padding: 80px 0 0 0; text-align: center;}

.bg-crop {width: -webkit-fill-available; height: 100%; overflow: hidden; position: relative;}
.bg-cat {width: fit-content; height: 150%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 1px solid #000}

.variable div {height: 100%;}
.variable {height: 100%;position: relative;}

/*PC 헤더*/
.top_bar_fix{position:fixed; top:0; left:0; width:100%;z-index: 7;transition: 0.5s; color:#202020;}
.hd_bg {position: fixed;top:0;width:100%;height: 80px; border-bottom: 1px solid #2c7be5;background:#fff;opacity: 0.9;}
header{width: 100%;color:#fff;position:fixed; top:0; left:0; z-index: 7;}
@media only screen and (max-width:1023px){header{display: none;}}
#ci01 {display: block;}
#ci02 {display:none;}
#menu01 {display: block;}
#menu02 {display:none;}
/*.hd_line {width:100%;height: 80px; position:absolute;opacity:0.4; border-bottom: 1px solid #fff;}
.hd_linea {border-bottom: 1px solid #fff;}*/
.header {width:100%;display: table;position: relative;}
.ci {height: 100px;padding:0 0 0 60px;display: table-cell;vertical-align: middle;}
.ci img {width:115px;}
.ci02 {height: 80px;padding:0 0 0 60px;display: table-cell;vertical-align: middle;}
.ci02 img {width:115px;}
/*.ci img {content: url(../../images/ci02.png);}*/
.hd_mn_box {float: right; padding:0 150px 0 0; font-size: 22px; font-weight: bold; display: table;}
.hd_mn {height: 114px; display: table-cell;vertical-align: middle;}
.hd_mn02 {height: 80px; display: table-cell;vertical-align: middle;}
.hm_on {float: left;padding:0 10px;height: 80px;line-height: 80px;text-align: center;position: relative;cursor: pointer;}
.hm_off {float: left;padding:0 10px;height: 80px;line-height: 80px;position: relative;cursor: pointer;}
.hm_on a {color:#2c7be5;}
.hm_off a {color:#fff;}
.hm_off:hover > a{color:#2c7be5;}
.hms_on {float: left;padding:0 10px;height: 80px;line-height: 80px;text-align: center;position: relative;cursor: pointer;}
.hms_off {float: left;padding:0 10px;height: 80px;line-height: 80px;text-align: center;position: relative;cursor: pointer;}
.hms_off a {color:#202020;}
.hms_on a {color:#2c7be5;}
.hms_off:hover > a{color:#2c7be5;}
.hd_bar_over {width: 0%;color:#2c7be5;position: absolute;left: 0;bottom:1px;height: 3px;background:#2c7be5;}

.nj_mns {padding: 5px 10px;	border-top: 5px solid #2c7be5; border-bottom: 5px solid #2c7be5; font-size: 15px; position: absolute; top: 80px; left: 50%; transform: translate(-50%, 0); width: 200px; background: #fff; display: none ;}
.njm {width: 100%; display: table;}
.nj_mns li a {padding: 10px 0 0 0; color:#202020; line-height:30px;}
.nj_mns a:first-child {padding: 0;}
.nj_mns li a:hover {color: #2c7be5;}

.hd_btn_box {width: max-content; position: absolute; top: 50%; left: 200px; transform: translate(0, -50%); display: table; font-size: 15px; z-index: 1;}
.hd_btn {float: left; margin: 0 10px; padding: 5px 10px 5px 30px; color:#fff; border-radius: 4px; border: 0; background: url(../../images/dwn_ico.png) no-repeat 10px 5px; background-size: 16px; background-color: #2c7be5; cursor: pointer;}

/*PC 더보기 메뉴*/
.overlay, .overlay2 {content:''; border-radius:100%; width: 4em; height: 4em; max-width: 65px; max-height: 65px; overflow: hidden; border-radius: 100%; transform: scale(1); will-change: transform; position:fixed; top:50px; right:50px; z-index:13; transition: all ease-in .5s; background-color:#fff; transition: all ease-in .5s;  visibility:hidden;z-index:15;}/*1*/
/*.overlay.up {transform: scale(70); transition: all ease-in .5s;  visibility:visible; opacity:1;z-index:100;}*/

.overlay2 {background-color:#2c7be5;} 
.overlay2.up { transform: scale(75); transition: all ease-in .5s; visibility:visible;}
/* menu */
#menuArea {position:fixed; top:0; left:0; width:100%; height:100%; overflow:hidden; display:none; height: -webkit-fill-available; z-index:14;}/*2*/
#menuArea h1 {position:absolute; top:38px;left: 60px;z-index: 16;}
#menuArea h1 img {width: 200px;}
 
.menuList {padding:0 5%; box-sizing:border-box;}
.menuList .btnMenu_mClose{position:absolute; top:40px; right:60px; cursor:pointer;z-index: 16;}/*5*/
.menuList .btnMenu_mClose dt{color:#fff; display:inline-block; vertical-align:middle;}
.menuList .btnMenu_mClose dd{position:relative; display:inline-block; vertical-align:middle; text-align:center; width:60px; height:60px}
.menuList .btnMenu_mClose dd p{position:absolute; left:0; top:12px; display:inline-block; width:62px; height:2px; background:#fff; margin:7px 0; transform: rotate(-45deg); transition:all 0.5s ease;}
.menuList .btnMenu_mClose dd p.Menu_two{transform: rotate(45deg); transition:all 0.5s ease;}

.menuList .btnMenu_mClose:hover dd p{transform: rotate(45deg); transition:all 0.5s ease;}
.menuList .btnMenu_mClose:hover dd p.Menu_two{transform: rotate(-45deg); transition:all 0.5s ease;}


.list {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:690px; display:none;z-index: 16;}/*4*/
.copy {font-family:'Pretendard', sans-serif; position:fixed; bottom:35px; right:60px; font-size:13px; letter-spacing:0.3pt; color:#202020; font-weight:300; z-index: 1000}
.list > li > a {position:relative; display:inline-block; font-size:60px; line-height:1; letter-spacing:0.5pt; color:#8bd3f5; font-weight:300; margin-bottom:30px; opacity:0; transition:all 0.5s ease; left:-50px;}
@media only screen and (max-width:1368px){.list > li > a {color:#fff;}}
.list > li > a:hover {color:#fff; transition:all 0.5s ease;}
.list > li > a.on {left:0; opacity:1; transition:all 0.5s ease;cursor: pointer;}
.list > li > a:after {content:''; width:45px; height:45px; background:#202020; border-radius:0; position:absolute; left:-80px; top:0px; opacity:0; transition:all 0.3s ease;}
.list > li > a:hover {font-weight:500; letter-spacing:0.5pt; color:#fff;}
.list > li > a:hover:after {opacity:1; transition:all 0.3s ease; left:-60px; top:17px;}
.sMenu {position:absolute; top:0; left:380px; display:none;}
.sMenu a {font-family:'Pretendard', sans-serif; font-size:1.063rem; letter-spacing:0.5pt; color:#fff; font-weight:300; display:block; line-height:1; margin-bottom:20px; transition:all 0.2s linear;}
.sMenu a:hover {color:rgba(255,255,255,0.6); transition:all 0.2s linear;}
.btnMenu_m {position: absolute;top:30px;right:40px;cursor: pointer;}
.mask {position: fixed;top:0;width: 100%;height: 100%;background:#000;opacity: 0.8;display:none ;z-index: 14;cursor: pointer;}/*3*/

/*top_banner*/
.main_top_bn_txt {width: 1000px; position: absolute; left: 50%; top: 50%; transform : translate(-50%, -50%);margin:0 auto;display: table;color:#fff; z-index: 6;}
@media only screen and (max-width:1368px){.top_bn_txt {width:90%;}}
@media only screen and (max-width:320px){.top_bn_txt {top:42%;}}
@media only screen and (max-width:912px){.tbt01 img {width: 50%;}}
@media only screen and (max-width:320px){.tbt01 img {width: 100px;}}
.tbt02 {padding:20px 0 0 0; line-height: 36px; font-size: 26px;}
@media only screen and (max-width:912px){.tbt02 {font-size: 26px;}}
@media only screen and (max-width:640px){.tbt02 {font-size: 20px; line-height: 22px;}}/*4수정*/
.tbt03 {padding:20px 0 0 0;font-size: 50px; font-weight: bold;}
@media only screen and (max-width:912px){.tbt03 {font-size: 36px;}}
@media only screen and (max-width:640px){.tbt03 {font-size: 26px;}}/*20250526수정*/
.tbt04 {padding:20px 0 0 0;width: max-content; font-size: 55px;font-weight: bold;}
@media only screen and (max-width:912px){.tbt04 {font-size: 43px;}}
@media only screen and (max-width:600px){.tbt04 {font-size: 36px;}}
.top_bn_vm {width:100%;height: 100%;background:#000;opacity:0.6;position: absolute;top:0;left:0;z-index: 5}

/*THINKING G2G PERS*/
.mdd_sec {margin:0 auto;padding:80px 0 0 0;display: table; width: 1500px;}
@media only screen and (max-width:1520px){.mdd_sec {width:100%;}}
@media only screen and (max-width:1024px){.mdd_sec {width:100%;padding:80px 35px 0 35px; box-sizing: border-box;}}
@media only screen and (max-width:768px){.mdd_sec {padding:50px 0 0 0;}}
.pur_set {float: left;width: 20%}
.pur_box {padding:0 20px;}
@media only screen and (max-width:1180px){.pur_box {padding:0 25px;}}
@media only screen and (max-width:912px){.pur_box {padding:0 15px;}}
.pur {margin:0 auto; width: 100%; display: table;}
@media only screen and (max-width:1180px){.pur  {width: 100%;}}
.pur_simbol_box {margin:0 auto;width:160px;border:1px solid #2c7be5;border-radius: 100px; background: #fff; display: table;}
.pur_simbol {height: 160px;text-align: center;display: table-cell;vertical-align: middle;}
.pur_ttl {padding:40px 0 0 0;font-size: 32px;font-weight: bold;text-align: center;}
.pur_ttl font {font-weight: bold;color:#2c7be5;}
.pur_cts {padding:20px 0 0 0;line-height: 25px; font-size: 25px;text-align: center;}

/*텍스트콘텐츠*/
.text_content { position: absolute;left:50%;top:50%;transform : translate(-50%, -50%);margin:0 auto;display: table;color:#202020 ; z-index: 6;}

.tc01 {padding:20px 0 0 0;width: max-content; font-size: 80px;font-weight: bold;}
@media only screen and (max-width:1024px){.tc01 {font-size: 60px;}}
@media only screen and (max-width:600px){.tc01 {font-size: 40px;}}
.tc02 {padding:20px 0 0 500px;font-size: 60px;font-weight: bold;}
@media only screen and (max-width:1024px){.tc02 {padding:60px 0 0 0px;font-size: 40px;}}
@media only screen and (max-width:768px){.tc02 {padding:20px 0 0 0px;}}
@media only screen and (max-width:600px){.tc02 {padding:20px 0 0 0px;font-size: 24px;}}
.tc03 {padding:135px 0 0 0;font-size: 36px;}
@media only screen and (max-width:1024px){.tc03 {font-size: 26px;}}
@media only screen and (max-width:768px){.tc03 {padding:75px 0 0 0;font-size: 18px;}}
@media only screen and (max-width:600px){.tc03 {padding:75px 0 0 0;font-size: 17px;}}
.tc04 {padding:70px 0 0 0;font-size: 80px;font-weight: bold;}
@media only screen and (max-width:1024px){.tc04 {font-size: 60px;}}
@media only screen and (max-width:768px){.tc04 {padding:75px 0 0 0;}}
@media only screen and (max-width:600px){.tc04 {padding:75px 0 0 0;font-size: 40px;}}
.tc05 {padding:20px 0 0 0;font-size: 36px;}
@media only screen and (max-width:1024px){.tc05 {font-size: 26px;}}
@media only screen and (max-width:768px){.tc05 {font-size: 18px;}}
@media only screen and (max-width:600px){.tc05 {font-size: 17px;}}

.tc_vm {width:100%;height: 100%;background:#fff;opacity:0.6;position: absolute;top:0;left:0;z-index: 5}

/*footer*/
.inquiry_btn {padding: 40px 0 0 0; margin:0 auto; width: 200px;}
.inquiry_btn button {width: 100%; height: 50px; font-size: 26px; font-weight: bold; color: #fff; text-align: center; border: 1px solid #2c7be5; display: table-cell; vertical-align: middle; border-radius: 6px; background: #2c7be5; cursor: pointer; transition: .5s;}
.inquiry_btn button:hover {width: 100%; height: 50px; font-size: 26px; font-weight: bold; color: #2c7be5; text-align: center; border: 1px solid #2c7be5; display: table-cell; vertical-align: middle; border-radius: 6px; background: none; cursor: pointer;}

footer {color: #fff; background:#0b1727;}
.footer {padding: 0 14px; border-bottom: 1px solid #163052;}
.ft {margin: 0 auto; width: 1400px; position: relative; display: table; box-sizing: border-box;}
.ft_left {padding: 20px 0; width: 500px; position: absolute; left: 0; top: 0;}
.ft_left img {width: 150px;}
.ftl_agree {padding: 20px 0 0 0; display: table;}
.agr01 {float: left; padding: 0 10px 0 0; font-size: 15px; color: #fff; background: url(../../images/sep.jpg) no-repeat; background-position: right 0 top 2px;}
.agr02 {float: left; padding: 0 0 0 10px; font-size: 15px; color: #fff;}
.ftl_adress {padding: 20px 0 0 0; width: max-content; line-height: 26px; font-size: 15px;}
.ft_right {float: right; padding: 20px 0; display: table;}
.ftr {float: left; padding: 0 50px; width: max-content;}
.ftrm_ttl {font-size: 18px; font-weight: bold;}
.ftr_mn {padding: 10px 0 0 0; font-size: 15px; color: #fff;}
.ft_cpr_box {margin: 0 auto; width: 1400px; display: table; box-sizing: border-box;}
.ft_cpr {height: 50px; color: #fff; display: table-cell; vertical-align: middle; color: #fff;}

/*서브콘텐츠*/
.contents {padding: 220px 0 160px 0; background:#fbfbfb;}
.cts {margin:0 auto; width: 1400px; box-shadow: 5px 0px 10px rgb(0, 0, 0, 0.05);background:#fff;position: relative;}
.page_ttl {width:100%; font-size: 100px; font-weight: bold; color:#d4d4d4; text-align: center; position: absolute;top:-60px;}
.page_sttl {padding:90px 0 0 0;font-size: 36px;text-align: center;}

/*서브페이지 상단*/		
.sv_bg-crop {width:100%;height: 500px; background: #000; overflow: hidden; position: relative;}
.sv_bg-cat {width:100%; top:50%; left:50%; transform: translate(-50%, -50%);position: absolute;}
	
.top_bn_txt {padding: 0 14px; width: 100%; color:#fff; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); box-sizing: border-box; z-index: 5;}
.top_bn_bg {width: 100%; height: 100%; background: #000; position: absolute; opacity: .8; z-index: 1;}

.tn_txt01 {font-size: 60px; font-weight: 700;}
.tn_txt02 {padding: 15px 0 0 0; line-height: 32px; font-size: 26px;}

.top_bn_menu_bg {width: 100%; height: 60px; position: absolute; bottom: 0; left: 0; background:#2a4c6f; opacity: 0.5;}
.top_bn_menu02_bg {width: 100%; height: 120px; position: absolute; bottom: 0; left: 0; background:#2a4c6f; opacity: 0.5;}
.top_bn_menu_box {width: 100%; position: absolute; bottom: 0; left: 0; display: table;}
.top_bn_menu {margin:0 auto; display: table;}
.top_bn_menu02 {margin:0 auto; width: 1353px; display: table;}
.tbm_on {float: left; padding: 0 30px; height: 60px; line-height: 60px; font-size: 21px; font-weight: 700; color:#fff; background:#4591df;}
.tbm_off {float: left; padding: 0 30px; height: 60px; line-height: 60px; font-size: 21px; color:#fff; transition: 0.5s;}
.tbm_off:hover {color:#fff; background:#4591df;}
.tbm02_on {float: left; padding: 0 24px; height: 60px; line-height: 60px; font-size: 18px; font-weight: 700; color:#fff; background:#4591df;}
.tbm02_off {float: left; padding: 0 24px; height: 60px; line-height: 60px; font-size: 18px; color:#fff; transition: 0.5s;}
.tbm02_off:hover {color:#fff; background:#4591df;}


/*GOOD TO GREAT*/ 	
.request {padding:70px 40px 40px 40px;}
		
.table_set {position: relative;}
		
.table_type_vtc {border-radius: 4px;background:#fff;/*box-shadow: 0px 5px 10px rgb(0, 0, 0, 0.05);*/}
.table_type_vtc > div:first-child {border-top-left-radius: 4px;border-top-right-radius: 4px;}
.table_type_vtc > div:first-child > div {border-top-left-radius: 4px;}
.table_type_vtc > div:last-child {border-bottom:0;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.table_type_vtc > div:last-child > div {border-bottom-left-radius: 4px;}
		
.td_wrap {padding: 0 10px; width:100%; display: table; position: relative; box-sizing: border-box;}
.td_wrap_with {width:100%;display: table;}
.td_ttl_set {width:100%;}
.td_ttl_sets {width:165px;}
.td_ttl_box {position: relative;}
.td_ttl_boxs {height: 100%; position: relative;}
.td_ttl {padding: 20px 0 0 0; font-size: 17px;  font-weight: bold;}
.td_ttls {padding: 20px 0 0 0; font-size: 17px;  font-weight: bold;}
		
.tdc {float: left;padding:0 0 0 10px;position: relative;}
.td_cts_set {padding: 10px 0 0 0;}
.td_cts_sets {padding: 10px 0 0 0;}
.td_cts_box {width:100%;display: table;}

.td_cts01 {height: 46px;line-height: 21px; font-size: 17px; display: table-cell;vertical-align: middle;border-bottom: 1px solid #2c7be5;}
.td_cts02 {padding:5px 10px;width:700px;height: 50px; font-size: 17px; border-bottom: 1px solid #2c7be5;position: relative;}
.td_cts02s {padding:5px 10px;width:700px;height: 50px; font-size: 17px; border-bottom: 1px solid #2c7be5;position: relative;}
.td_cts_check {padding:5px 10px;width:700px; font-size: 17px; border-bottom: 1px solid #2c7be5;position: relative;}
.td_cts_txta {width:100%; font-size: 17px; border-bottom: 1px solid #2c7be5;}
.td_cts_file {padding:5px 130px 5px 10px;width:700px;height: 50px; font-size: 17px; border-bottom: 1px solid #2c7be5;position: relative;}
.td_cts > div:first-child {padding-left:0;}
.td_ttl_set_with {width:165px;height: 100%; }
		
.rqst_file_btn {position: absolute;top:7px;right: 10px;}
.tdc_checkbox {float: left;padding:3px 0 0 10px;position: relative;}
.tdc_checkbox02 {float: left;padding:3px 0 0 0;position: relative;}
.td_wrap_box {float: left; width:50%; padding: 0 10px; display: table; position: relative; box-sizing: border-box;}
.tdc_txtc {padding:5px 0 0 25px; font-size: 17px; position: relative;}

/*셀렉트박스*/
.tdc_slt {padding:0 10px;width:100%;height:40px; font-size: 17px; border-radius: 4px;}

/*input*/
.normal_ipt01 {width:100%;height:36px;font-size:17px;color:#202020;apearance:none;-webkit-appearance:none;-moz-appearance:none;border:0; box-sizing: border-box ;}
.normal_ipt01::placeholder {color:#b9b9b9;}
.normal_ipt02 {padding:0 10px;width:100%;height:40px;font-size:17px;color:#202020;apearance:none;-webkit-appearance:none;-moz-appearance:none;border:0; box-sizing: border-box ;}
.normal_ipt02::placeholder {color:#b9b9b9;}
		
/*체크박스*/
input[type="checkbox"].rqst_chk{margin:2px 0 0 0;-webkit-appearance: none; position: relative; width: 20px; height: 20px; cursor: pointer; outline: none !important; border-radius: 4px; border-radius: 4px;border: 1px solid #2c7be5;background:#fff;}
input[type="checkbox"].rqst_chk::before{content: ""; display: block; width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; overflow: hidden; transform: scale(0) translate(-50%, -50%); background: url(../../images/icon_checkbox.png) no-repeat center; background-size: 60%;background-color: #2c7be5;}
input[type="checkbox"].rqst_chk:checked::before {padding:0;border-radius: 2px; transform: scale(1) translate(-50%, -50%); border-radius: 4px;}
		
.info_txta {padding:10px; width:100%; height:100px; font-size: 17px;; border:1px solid #e7e7e7; box-sizing: border-box; }
.info_txta::placeholder {color:#b9b9b9;}
		
.cr_box {display: table-cell;vertical-align: middle;}
.cr {float: left;display: table;}
		
#rqst_file01 {display: none;}
#rqst_file02 {display: none;}
#rqst_file03 {display: none;}
.rqst_file {float: left;margin:0 0 0 10px;padding:0 15px 0 40px;height: 35px;line-height: 35px; color:#fff;border:1px solid #354052;background:url(../../images/btn_file_ico.png) no-repeat 12px 10px; background-color: #202020;border-radius: 4px; cursor: pointer;transition: 0.5s;}		
.rqst_file:hover {color:#354052;border:1px solid #202020;background:url(../../images/btn_file_ico_on.png) no-repeat 12px 10px;background-color: #fff;}
.rqst_file_input_hidden {width:100px;height: 35px; font-size:45px; position:absolute; right:0px; bottom:0; opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; -khtml-opacity:0; -moz-opacity:0;cursor: pointer;}

.rqst_agr_box {padding:120px 0;margin:0 auto;display: table;width: 530px;}
.rqst_agr {margin:0 auto; display: table; position: relative;}
.rqst_agr a {color: #2c7be5; display: inherit;}
.rqsta {position: absolute; top:0; left: 0; z-index: 10;}
.ra_btn {float: left;margin:0 0 0 10px; width: 100px; height: 30px; font-size: 15px;; line-height: 30px;color:#2c7be5;text-align: center;border:1px solid #2c7be5;cursor: pointer;transition: 0.5s;}
.ra_btn:hover {color:#fff;border:1px solid #2c7be5; background:#2c7be5;}
.request_btn {margin:60px 0 0 0;width: 530px; height: 90px;line-height: 90px;font-size: 36px; font-weight: bold; color: #fff; text-align: center;border:1px solid #2c7be5;background:#2c7be5;cursor: pointer;transition: 0.5s;}
.request_btn:hover {color:#2c7be5;border:1px solid #2c7be5; background:#fff;}

/*REQUEST_POPUP*/
.mask {width:100%;height: 100%;position: fixed;background:#000;opacity: 0.5;z-index: 11;display:none;}
.agr_popup_box { width:990px;position: fixed;top:50%;left: 50%; transform: translate(-50%, -50%);z-index: 112;display:none;background:#fff;}
.agr_popup {padding:40px;}
.ac_ttl {font-size: 36px; font-weight: bold; color:#2c7be5;}
.ac_cts {padding:40px 0 0 0;font-size: 18px; line-height: 25px;}
.agr_x_btn_box {position: absolute;width:100%;display: table;top:5px;right:5px;}
.agr_x_btn {float: right;cursor: pointer;}

/*회사소개*/
.hsp_info_box {margin:0 auto; display: table; width: 1400px; position: relative;}
.hsp_info {float: left; width: 50%; height: 396px; position: relative;}
.hsp_infoa {float: right; width: 50%;}

.hspi_txt {padding:0 100px 0 0; position: absolute; top: 50%; left: 0; transform: translate(0, -50%);}
.hspit_txt01 {font-size: 50px; font-weight: 700; color:#4591df;}
.hspita_txt01 {font-size: 50px; font-weight: 700;}
.hspit_txt02 {font-size: 26px;}
.hspit_txt03 {padding:20px 100px 0 0; font-size: 30px; line-height: 40px; letter-spacing: -0.1em;}
.hspit_txt04 {font-weight: 700;}
.w_hsp_img {width: 100%;}
.m_hsp_img {width: 100%;}

.parallax-news03 {min-height: 750px; position: relative;}
.news02_sct03 {margin:0 auto; width: 1400px; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%);}
.n02s03_txt01 {font-size: 60px; font-weight: 700;}
.n02s03_txt02 {padding: 30px 0 0 0; line-height: 30px; font-size: 26px; font-weight: 300;}

.bgblue {background: #dee7ff;}
.history {margin: 0 auto; width: 1400px; }
.history_ttl_box {margin:0 auto; width: 240px; display: table;}
.history_ttl {height: 240px; font-size: 50px; font-weight: bold; color: #fff; text-align: center; display: table-cell; vertical-align: middle; border-radius: 200px; background:#4591df; box-shadow: 0px 0px 12px 2px rgba(69, 145, 223, 1);}
.history_cts_box .history_cts:first-child > div {padding: 30px 20px 0 0;}
.history_cts {width: 100%; display: table;}
.bdr {border-right: 1px solid #252525;}
.bdl {border-left: 1px solid #252525;}
.hc_left {padding: 0 20px 0 0; width: 50%;  display: table-cell;}
.hc_right {padding: 0 0 0 20px; width: 50%; display: table-cell;}
.ht_cts_box {position: relative;}
.hcl_dot {width: 20px; height: 20px; border-radius: 100px; position: absolute; top: 50%; right: -31px; transform: translate(0,-50%); background: #4591df;}
.hcl_year {font-size: 40px; font-weight: bold; position: absolute; left: 0; top: -45px; z-index: 10;}
.hcr_dot {width: 20px; height: 20px; border-radius: 100px; position: absolute; top: 50%; left: -31px; transform: translate(0,-50%); background: #4591df;}
.hcr_year {font-size: 40px; font-weight: bold; position: absolute; right: 0; top: -45px; z-index: 10;}
.hd_cts {padding: 10px; width: 100%; font-size: 18px; border-radius: 6px; border: 1px solid #343434; background: #fff; box-sizing: border-box; box-shadow: 0px 5px 12px 2px #33333320;}
.hd_cts div {margin:10px 0 0 0; padding: 0 0 0 10px; background: url(../../images/list_dot.png) no-repeat 0 8px; background-size: 6px;}
.hd_cts > div:first-child {margin: 0;}

.slogan_ttl {font-size: 30px; font-weight: bold; color: #fff;}
.slogan_cts {padding: 10px 0 0 0; line-height: 30px; font-size: 18px; color: #fff;}
.itlf { line-height: 30px; font-size: 18px; color: #fff;}

/*채용정보*/
.incr_boon_box {float: left; padding: 10px; margin: 0 auto; width: 33.33%; display: table;}
.incr_boon02_box {padding: 10px; margin: 0 auto; width: 33.33%; display: table;}
.incr_boon {padding:0 20px; height: 110px; display: table-cell; vertical-align: middle; text-align: center; border-radius: 4px; background: #fff;}
.ib_ttl {font-size: 20px; font-weight: bold;}
.ib_cts {padding: 10px 0 0 0; font-size: 15px;}
.ftcw {color: #fff;}

/*탑버튼*/
.top_btn_box {position: absolute;right:0;bottom:180px;}
.top_btn {position: relative;}
.mr_qk01 {padding:0 0 0 0;position:absolute;right:100px;bottom:0;z-index:1999;}
.mr_qk01 > ul {width:100%;position:relative;}
/*.mr_qk01 > ul > li {position:fixed;bottom:50px;padding:10px 0 0 0;}*/
.mr_qk01 > ul > li {padding:10px 0 0 0;}
/*.mr_qk01 > ul > li img {width:53px;}*/

/*대행사제휴*/
.cs_top_box {margin: 0 auto; width: 1120px; display: table;}
.cs_top {float: left; padding: 100px 30px 0 30px; width: 50%; line-height: 40px; font-size: 30px; font-weight: bold; color:#fff;  box-sizing: border-box; display: table; position: relative;}
.ct_ico_box {position: absolute; top: 15px; left: 50%; transform: translate(-50%,0); display: table;}
.ct_ico {width: 150px; height: 150px; text-align: center; display: table-cell; vertical-align: middle; border-radius: 100px; background: #fff;}
.ct_cts01 {padding: 80px 30px 30px 30px; height: 350px; display: table-cell; vertical-align: middle; border-radius: 10px; background: #2c7be5;}
.ct_cts02 {padding: 80px 30px 30px 30px; height: 350px; display: table-cell; vertical-align: middle; border-radius: 10px; background: #354052;}

/*애드네트워크*/
.an_sec {margin:0 auto;padding: 80px 0 0 0;display: table; width: max-content;}
.an_set {float: left; width: 33.33%;}
.an_ttl {padding:40px 0 0 0; font-size: 26px;font-weight: bold;text-align: center;}
.an_ttl font {font-weight: bold;color:#2c7be5;}

/*서프페이지기본*/
.sub_ttl {font-size: 50px; font-weight: bold; text-align: center;}
.sub_sttl {padding: 30px 0 0 0; line-height: 32px; font-size: 26px; text-align: center;}
.sub_cts_type {padding: 50px 0 0 0; width: 100%; display: table;}
.sct100 {padding: 50px 50px 0 50px; box-sizing: border-box;}
.sct50 {float: left; padding: 50px 25px 0 25px; width: 50%; box-sizing: border-box;}
.sct33 {float: left; padding: 50px 25px 0 25px; width: 33.33%; box-sizing: border-box;}
.sct16 {float: left; padding: 50px 25px 0 25px; width: 16.66%; box-sizing: border-box;}
.sct_img {width: 100%; padding: 10px; background: #fff; box-sizing: border-box;}
.bdr1 {border: 1px solid #ddd; }

/*포퍼먼스, 애드네트워크*/
.m_mt_img {padding: 20px 0 0 0; width: 100%; display: table;}
.m_mta {float: left; padding: 0 10px; width: 50%; box-sizing: border-box;}


/*20250526_메인테그추가*/
.main_btm_tag_box {width: 100%; position: absolute; bottom: 20px; z-index: 5;}
.main_btm_tag {margin: 0 auto; width: 1000px; display: flex; flex-wrap: wrap; justify-content: center;}
.mbt {float: left; margin: 10px 5px 0 5px;}
.mbt > div {padding: 0 10px; font-size: 17px; height: 36px; color: #fff; font-weight: bold; text-align: center; display: table-cell; vertical-align: middle; border-radius: 100px; border: 2px solid #4591df;}

/*max-width:*/
@media only screen and (max-width:1920px){		
	.sv_bg-crop {width: -webkit-fill-available;position: relative;}
	.sv_bg-cat {width: fit-content;position: absolute;height: 100%;top: 50%; left: 50%;transform: translate(-50%, -50%);}
}	
@media only screen and (max-width:1583px){
	.hd_btn_box{ top: 90px; left: auto; right: 30px; transform: inherit;}
}
@media only screen and (max-width:1420px){
	.history {padding: 0 14px; width: 100%; box-sizing: border-box;}
	.ft {width: 100%;}	
	.hsp_info_box {width: 100%;}
	.ft_cpr_box { padding: 0 14px; width: 100%;}
	.main_ttl_abs {top: 60px;}
	.main_ttl {font-size: 60px;}
	.main_txt {padding: 0 14px 0 14px; line-height: 30px; font-size: 18px;}
	.sct_pdd {padding: 60px 0;}
	.ms_img img {width: 100%;}

	.mr_qk01 {right:20px;}
	.top_bn_menu02_bg {display: none;}
	.top_bn_menu02 {display: none;}
	.cts {width: 95%; }
	.an_sec {width:100%;padding:80px 60px 0 60px; box-sizing: border-box;}
	.w_ms_img img {width: 100%;}
	.news02_sct03 {width: 100%;}
	.ft {width: 100%; }
}
@media only screen and (max-width:1280px){
	.top_btn_box {bottom:260px;}
	.cs_top_box {width: 100%;}
	.an_ttl {font-size: 24px;}
}
@media only screen and (max-width:1024px){
	.contents {padding: 290px 0 60px 0;}
	.page_ttl {font-size: 80px;top:-50px;}
	.page_sttl {padding:60px 0 0 0;font-size: 30px;}
	.request {padding:50px 18px 20px 18px;}
	.td_ttl_set {position: inherit;}
	.td_ttl_sets {width: 80px;}
	.td_ttl_boxs {border-bottom: 1px solid #2c7be5;}
	.td_ttls {padding:0 0 0 10px; font-size: 13px;}
	.td_cts01 {padding:0;}
	.td_cts02s {width:100%;}
	.td_cts02 {width:100%;}
	.td_cts_check {width:100%;}
	.td_cts_txta {width:100%;}
	.td_cts_file {width:100%;}
	.td_ttl_set_with {width:inherit;height: inherit; position: inherit;left: inherit;}
	.normal_ipt02 {padding:0 ;font-size: 13px;}
	.cr_box {width:100%;padding:5px 0; font-size: 13px;}
	.rqst_file { font-size: 13px;}
	.rqst_agr_box {padding:60px 0 0 0;width: 100%;}
	.request_btn {margin: 30px 0 0 0; width: 100%;height: 60px; line-height: 60px;font-size: 21px;}
	.agr_popup_box { width:90%;}
	.sct16 {width: 33.33%;}
	.top_bn_txt {top: 60%;}
	.tn_txt01 {font-size: 40px;}
	.tn_txt02 {font-size: 21px;}
	.top_bn_menu_bg {display: none;}
	.top_bn_menu_box {display: none;}
	.request {padding:50px 18px 20px 18px;}
	.hsp_info {width: 100%; height: auto;}
	.hsp_infoa {padding: 50px 0 0 0; width: 100%;}
	.hspi_txt {padding: 0; position: inherit; transform: inherit;}
	.hspit_txt01 {font-size: 4vw;}
	.hspita_txt01 {font-size: 4vw;}
	.hspit_txt02 {font-size: 3vw;}
	.hspit_txt03 {padding:1vw 4vw 0 0; font-size: 2vw; line-height: 24px;}

	.n02s03_txt02 {font-size:17px; line-height: 26px; }
	.n02s03_txt03 {font-size: 18px;}

	.ft_right {display: none;}
	.main_abs {padding: 0 14px; box-sizing: border-box;}
	.w_ms_img {display: none;}
	.m_ms_img {padding: 40px 0;}
	.m_ms_img img {width: 100%;}
	.ftl_adress {width: inherit;}
	.ftr {float: left; padding: 0; width: 50%; box-sizing: border-box;}
	.ft_left {width: 100%; position: inherit; left: inherit; top: inherit;}
	.ft_left img {width: 100px;}
	
	.cs_top_box {padding: 0 14px;}
	.cs_top{font-size: 26px; line-height: 34px;}
	.cs_top {padding: 100px 14px 0 14px;}
	.an_sec {width:100%;padding:80px 35px 0 35px; box-sizing: border-box;}
	.pur_ttl {font-size: 24px;}
	.pur_cts {font-size: 18px;}
	.main_btm_txt {padding: 60px 14px 0 14px; line-height: 30px; font-size: 18px;}
	.main_btm_tag {width: 100%;}/*20250526_메인테그추가*/
	
}
@media only screen and (max-width:912px){
	.contents {padding: 200px 0 60px 0;}
	.cts {width: 100%; }
	.main_top_bn_txt {padding: 0 14px; width: 100%; box-sizing: border-box;}
}

@media only screen and (max-width:768px){
	.agr_popup {padding:25px;}
	.ac_ttl {font-size: 21px;}
	.ac_cts {font-size: 14px; line-height: 21px;}
	.main_ttl {font-size: 40px;}
	.pur_ttl {padding: 20px 0 0 0;}
	.pur_set {padding: 40px 0 0 0;width: 100%;}

	.mr_qk01 > ul > li {bottom:20px;}

	.sub_cts_type {padding: 25px 0 0 0;}
	.sub_ttl {font-size: 36px;}
	.sct50 { padding: 25px 0 0 0px; width: 100%;}
	.sct33 { padding: 25px 0 0 0px; width: 100%;}
	.sub_sttl {font-size: 18px;}
	.an_set {padding: 40px 0 0 0; width: 100%;}
	.an_sec {padding:50px 0 0 0;}
}
@media only screen and (max-width:641px){
	.w_hsp_img {display: none;}
}
@media only screen and (max-width:640px){
	/*.sct100 {padding: 25px 0 0 0;}
	.sct_img {padding: 0;}*/
	.page_ttl {font-size: 40px;top:-23px;}
	.td_wrap_box {padding: 0; width: 100%;}
	.td_wrap {padding: 0;}
	.sv_bg-crop {height: 600px;}
	.tn_txt01 {font-size: 40px;}
	.tn_txt02 {font-size: 18px;}
	.hspit_txt01 {font-size: 30px;}
	.hspita_txt01 {font-size: 30px;}
	.hspit_txt02 {font-size: 18px;}
	.hspit_txt03 {font-size: 18px;}

	/*회사소개*/
	.history_ttl_box {width: 180px;}
	.history_ttl {height: 180px; font-size: 36px;}
	.hd_cts {font-size: 14px;}
	.hcl_year {font-size: 24px; top: -30px;}
	.hcr_year {font-size: 24px; top: -30px;}
	.hd_cts div {background: url(../../images/list_dot.png) no-repeat 0 7px; background-size: 4px;}
	
	.ft_cpr {height: 60px; line-height: 20px; text-align: center;}
	.w_img {display: none;}
	.rqst_agr {padding: 0 14px; width: 100%; box-sizing: border-box;}
	.rqsta{left: 14px;}
	.ra_btn {float: right; width: 70px;}
	
	.contents {padding: 150px 0 60px 0;}
	.page_sttl {padding:30px 14px 0 14px;font-size: 21px;}
	.request {padding:30px 7px 20px 7px;}
	.table_set {padding:30px 7px 0 7px;}
	
	.cs_top_box {padding: 0;}
	.cs_top {width: 100%;}
	.ct_ico_box {top: 45px;}
	.ct_ico {width: 90px; height: 90px;}
	.ct_ico img {width: 40px;}
	.cs_top{font-size: 20px; line-height: 26px;}
	.ct_cts01 {padding: 50px 14px 14px 14px; height: inherit;}
	.ct_cts02 {padding: 50px 14px 14px 14px; height: inherit;}
	.tdc_txtc {font-size: 15px;}
	
	.incr_boon_box {width: 100%;}
	.incr_boon02_box {width: 100%;}

	.mbt {margin: 5px 5px 0 5px;}/*20250526_메인테그추가*/
	.mbt > div {font-size: 13px;}/*20250526_메인테그추가*/
	.main_top_bn_txt {position: absolute; left: 50%; top: 70px; transform : translate(-50%, 0);}/*20250526수정*/
}
@media only screen and (max-width:414px){
	.mr_qk01 {right:20px;}
	.mr_qk01 > ul > li img {width:40px;}
}
@media only screen and (max-width:360px){
	.tdc_slt {width:100%;height:40px;}
}

/*min-width:*/
@media only screen and (min-width:1921px){		
	.sv_bg-crop {width: -webkit-fill-available;position: relative;}
	.sv_bg-cat {width: 100%;position: absolute;height: 100%;top: 50%; left: 50%;transform: translate(-50%, -50%);}
	.sv_bg-cat img {width: 100%;}
}
@media only screen and (min-width:1024px){
	.m_ms_img {display: none;}
}
@media only screen and (min-width:641px){
	.m_hsp_img {display: none;}
	.m_img {display: none;}
}