/************************
* layout
*************************/
*{color: #1a1a1a;}
body { font-family:Noto-R; cursor: none;}
a {font-size: 16px;color: #1c9ad6;text-decoration: none; cursor: none;}
h1 { font-size:50px; font-family:Noto-B; letter-spacing:-2px; word-break:keep-all; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word; }
h2 { font-size:50px; font-family:Noto-B; letter-spacing:-2px; word-break:keep-all; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word; }
h3 { font-size:31px; font-family:Noto-R; font-weight:normal; letter-spacing:-1.5px; word-break:keep-all; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word; position:relative; }

/* GENERAL BUTTON STYLING */
button,button::after,.btn_arrow,.btn_arrow:hover:before,.btn_arrow:hover:after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}

button { background:none; color:#1a1a1a; display:inline-block; font-size:13px; font-family:Noto-M; padding:10px 60px 10px 15px; position: relative; text-transform: uppercase; }
button::before,button::after { background: #1a1a1a; content: ''; position: absolute; z-index: -1; }
button:hover { color:#ffffff; }
.basic_btn::after { height:100%; left:0; top:0; width:0; }
.basic_btn:hover:after { width:100%; }
.btn_btm { background:#f3f3f3; z-index:0; }
.btn_btm .btn_arrow { width:100%; position:absolute; height:100%; top:0; left:0; }
.btn_btm .btn_arrow:before { content:''; width:8px; height:1px; display:inline-block; background:#1a1a1a; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position:absolute; top:15px; right:15px; }
.btn_btm .btn_arrow:after { content:''; width:8px; height:1px; display:inline-block; background:#1a1a1a; -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); position:absolute; top:20px; right:15px; }
.btn_btm .btn_arrow:hover:before,.btn_arrow:hover:after { background:#ffffff; }
.btn_black { background:none; z-index:0; border:#ffffff 1px solid; color:#ffffff; }
.btn_black::before,.btn_black::after { background: #ffffff; content: ''; position: absolute; z-index: -1; }
.btn_black:hover {color:#1a1a1a; }
.btn_black .btn_arrow { width:100%; position:absolute; height:100%; top:0; left:0; }
.btn_black .btn_arrow:before { content:''; width:8px; height:1px; display:inline-block; background:#ffffff; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position:absolute; top:15px; right:15px; }
.btn_black .btn_arrow:after { content:''; width:8px; height:1px; display:inline-block; background:#ffffff; -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); position:absolute; top:20px; right:15px; }
.btn_black .btn_arrow:hover:before,.btn_arrow:hover:after { background:#1a1a1a; }
.btn_white { background:none; z-index:0; border:#1a1a1a 1px solid; color:#1a1a1a; }
.btn_white::before,.btn_white::after { background: #1a1a1a; content: ''; position: absolute; z-index: -1; }
.btn_white:hover {color:#ffffff; }
.btn_white .btn_arrow { width:100%; position:absolute; height:100%; top:0; left:0; }
.btn_white .btn_arrow:before { content:''; width:8px; height:1px; display:inline-block; background:#1a1a1a; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position:absolute; top:15px; right:15px; }
.btn_white .btn_arrow:after { content:''; width:8px; height:1px; display:inline-block; background:#1a1a1a; -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); position:absolute; top:20px; right:15px; }
.btn_white .btn_arrow:hover:before,.btn_arrow:hover:after { background:#ffffff; }

.btn_small { font-size:13px; letter-spacing:-1px; border:#cccccc 1px solid; padding:3px 10px; }
.btn_small:hover{ text-decoration:none;  border:#a0a0a0 1px solid; color:#1a1a1a;}

/* cursor */
.cursor {position: fixed; top: -5px; left: -5px; z-index: 99999; mix-blend-mode: difference; -webkit-mix-blend-mode: difference; pointer-events: none;}
.cursor .rounded{width: 12px; height: 12px; background: #0D6DE3; display: block; border-radius: 100px; transform-origin: center center; box-sizing: border-box; transition: transform 0.2s; position: relative;}
.cursor.on .rounded{transform: scale(3); transition: transform 0.2s;} 

/* header */
#header{position: fixed; top: 0; left: 0; width: 100%; height: 70px; z-index: 9999; transition: all 0.3s; border-bottom: 1px solid #E8E8E8;}
.header_inner .pc{max-width: 1300px; margin: auto; padding: 25px 0; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between;}
.header_inner .logo a{display: block; width: 138px; height: 21px; background: url("//image5.compuzone.co.kr/img/images/company2024/logo.png") center center/contain no-repeat; transition: all 0.3s;}
.header_inner .menu_wrap{transform: translateY(-3px);}
.header_inner .menu_wrap .menu{display: flex; align-items: center; gap: 40px;}
.header_inner .menu_wrap .menu li a{font-family: 'noto-R'; font-size: 18px; color: #fff; transition: all 0.3s;}
body[data-attr="main"] .header_inner .menu_wrap .menu li.main a{font-weight: bold;}
body[data-attr="service"] .header_inner .menu_wrap .menu li.service a{font-weight: bold;}
body[data-attr="location"] .header_inner .menu_wrap .menu li.location a{font-weight: bold;}

#header.trans{background: #fff;}
#header.trans .logo a{background: url("//image5.compuzone.co.kr/img/images/company2024/logo_black.png") center center/contain no-repeat;}
#header.trans .menu_wrap .menu li a{color: #1A1A1A;}

#header .mobile{display: none;}
/* top-btn */
.top_btn{position: fixed; right: 0; left: 0; bottom: 0; width: 1300px; height: 40px; margin: auto; z-index: 999;}
.top_btn.fix{position: absolute; bottom: 188px;}
.top_btn a{position: absolute; width: 60px; height: 60px; bottom: 40px; right: 0; display: flex; align-items: center; justify-content: center; background: #fff;}

/* main */
/* intro */
.fix_wrap{position: relative; width: 100%; height: 100vh;}
.intro_wrap{position: relative; top: 0; left: 0; width: 100%; height: 100%; padding-top: 70px; display: flex; align-items: center; justify-content: center; background: #fff; z-index: 950;}
.intro_wrap .video_wrap{position: absolute; width: 100%; height: 100%; top: 0px; bottom: 0; left: 0; right: 0; margin: auto; overflow: hidden; border-radius: 0px;}
.intro_wrap .video_wrap .hidden_box{width: 100%; height: 100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%;}
.intro_wrap .video_wrap video{width: 100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%;}

/* sub_section */
.sub_section{overflow: hidden; position: relative; background: #fff;}
.sub_section *{box-sizing: border-box;}
.sub_section .contents_inner{width: 1600px; margin: auto; position: relative;}
.sub_section01 .contents_inner .txt_inner{width: 1300px; margin: 220px auto 170px; position: relative; transform: translateY(100px); opacity: 0; transition: all 0.5s;}
.sub_section01.on .contents_inner .txt_inner{transform: translateX(0); opacity: 1;}
.sub_section01 .contents_inner .txt_inner .left_txt{font-family: 'gmarket B'; font-size: 50px; color: #1A1A1A; margin-bottom: 30px;}
.sub_section01 .contents_inner .txt_inner .right_txt{font-family: 'noto-M'; font-size: 22px; color: #D8D8D8; width: 520px; white-space: nowrap; margin-left: auto;}

.sub_section01 .contents_inner .txt_inner .right_txt_02{width: 520px; position: absolute; right: 0; top: 204px;}
.sub_section01 .contents_inner .txt_inner .right_txt_02 .right_txt{white-space: nowrap; font-family: 'noto-M'; font-size: 22px; color: #1A1A1A; width: 520px; overflow: hidden; margin: unset;}

.sub_section01 .contents_inner .txt_inner .right_txt_02_360{display: none;}

.sub_section01 .contents_inner .attachment_box{width: 100%; height: 200px; background: url('//image5.compuzone.co.kr/img/images/company2024/sub_section01_img.jpg') center center/contain no-repeat; background-attachment: fixed;}

/* sub_section - graph */
.sub_section02{height: 1080px; margin-top: 50px;}
.sub_section02 .graph_motion{position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1920px; height: 1084px; overflow: hidden;}
.sub_section02 .graph_motion .graph_img{width: 0; height: 1084px; position: absolute; top: 0; left: 0; overflow: hidden; transition: all 2s linear;}
.sub_section02 .graph_motion .graph_img .dim{display: none;}
.sub_section02.on .graph_motion .graph_img{width: 1920px;}
@media (min-width:1921px) {
	.sub_section02 .graph_motion::after{content: ""; position: absolute; top: 0; right: 0; width: 200px; height: 100%; background: linear-gradient(-90deg,#fff 40%,transparent);}
}
.sub_section02 .state_box{width: 1300px; margin: auto; padding-top: 270px; transform: translateY(100px); opacity: 0; transition: all 0.5s;}
.sub_section02.on .state_box{transform: translateY(0); opacity: 1;} 
.sub_section02 .state_box .state_tit{font-family: 'gmarket B'; font-size: 50px; color: #1A1A1A; margin-bottom: 80px; }
.sub_section02 .state_box #stateList li{display: flex; flex-direction: column-reverse; width: 150px; white-space: nowrap; position: absolute;}
.sub_section02 .state_box #stateList li:first-child{width: 245px; margin-bottom: 50px; position: relative;}
.sub_section02 .state_box #stateList li:nth-child(3){left: 190px;}
.sub_section02 .state_box #stateList li:nth-child(4){left: 380px;}
.sub_section02 .state_box #stateList li:nth-child(5){left: 0; transform: translateY(84px);}
.sub_section02 .state_box #stateList li:nth-child(6){left: 190px; transform: translateY(84px);}
.sub_section02 .state_box #stateList li p{font-family: 'gmarket M'; font-size: 18px; color: #949494; margin-bottom: 7px;}
.sub_section02 .state_box #stateList li:first-child p{font-family: 'gmarket B'; color: #1A1A1A; margin-bottom: 16px;}
.sub_section02 .state_box #stateList li .count{font-family: 'gmarket B'; font-size: 24px; color: #1A1A1A;}
.sub_section02 .state_box #stateList li:first-child .count{font-family: 'gmarket B'; font-size: 45px; color: #0D6DE3;}
.sub_section02 .state_box #stateList li:first-child .count span{font-family: 'gmarket B'; font-size: 45px; color: #0D6DE3;}

/* sub_section - history */
.sub_section03 .contents_inner{width: 1300px; margin: auto; padding: 220px 0 200px; position: relative; transform: translateY(100px); opacity: 0; transition: all 0.5s;}
.sub_section03.on .contents_inner{transform: translateY(0); opacity: 1;} 
.sub_section03 .contents_inner .tit_box{margin-bottom: 150px;}
.sub_section03 .contents_inner .tit_box .tit{font-family: 'gmarket B'; font-size: 50px; color: #1A1A1A; margin-bottom: 30px;}
.sub_section03 .contents_inner .tit_box .txt{font-family: 'noto-R'; font-size: 18px; color: #1A1A1A;}
.sub_section03 .history_wrap{height: 1800px; overflow: hidden;}
.sub_section03 .history_wrap.on{height: auto; overflow: unset;}
.sub_section03 .history_wrap .his_box{display: flex; justify-content: space-between; opacity: 0.1; transition: all 0.5s; padding-top: 150px;}
.sub_section03 .history_wrap .his_box:first-child{padding-top: 0;}
.sub_section03 .history_wrap .his_box.on{opacity: 1;}
.sub_section03 .history_wrap .his_box .left_area .big_year{font-family: 'gmarket B'; font-size: 40px; color: #1A1A1A; margin-bottom: 30px;}
.sub_section03 .history_wrap .his_box .left_area .img_box{margin-bottom: 15px;}
.sub_section03 .history_wrap .his_box .left_area .txt{font-family: 'noto-R'; font-size: 18px; color: #1A1A1A;}
.sub_section03 .history_wrap .his_box .right_area{width: 650px;}
.sub_section03 .history_wrap .his_box .right_area ul{display: flex; flex-direction: column; gap: 38px;}
.sub_section03 .more_btn{width: 100%; height: 140px; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; text-align: center; background: #fff;}
.sub_section03 .more_btn::after{content: ""; position: absolute; top: -180px; left: 0; width: 100%; height: 180px; background: linear-gradient(360deg,#fff 35%,transparent);}
.sub_section03 .more_btn a{display: block; font-family: 'noto-M'; font-size: 22px; color: #1A1A1A; margin-bottom: 5px;}
.sub_section03 .more_btn .num{display: block; font-family: 'noto-R'; font-size: 18px; color: #949494;}


.sub_section03 .history_wrap .sub_history_list.right_area ul li{display: block;}
.sub_section03 .history_wrap .sub_history_list .table_his_style b{font-family: 'noto-B'; font-size: 18px; color: #1A1A1A; width: 50px; float: left; display: block;}
.sub_section03 .history_wrap .sub_history_list .table_his_style .his_info{float: right; width: 500px; margin-bottom: 20px;}
.sub_section03 .history_wrap .sub_history_list .table_his_style .his_info:last-child{margin-bottom: 0px;}
.sub_section03 .history_wrap .sub_history_list .table_his_style .his_info span{font-family: 'noto-R'; font-size: 18px; color: #1A1A1A;}
.sub_section03 .history_wrap .sub_history_list .table_his_style .his_info span.strongtxt{font-family: 'noto-B';}


/* sub_section - scroll */
.sub_section04{width: 100%; height: 8873px; position: relative; background: rgba(13,109,227,0.02);}
.sub_section04.upht{height: 8804px;}
.sub_section04 .fixd_wrap{width: 100%; height: 100vh; position: relative;}
.sub_section04 .fixd_wrap.on{position: fixed; top: 0; left: 0;}
.sub_section04 .fixd_wrap.bottom{position: absolute; bottom: 42px;}
.sub_section04 .fixd_wrap .line_bnner{width: 60px; height: 100%; background: #0D6DE3; position: relative; z-index: 1;}
.sub_section04 .fixd_wrap .line_bnner .line_txt{background: url('//image5.compuzone.co.kr/img/images/company2024/sub_section04_line_txt.png'); width: 30px; height: 1197px; background-repeat: repeat-y; background-position: 0 0; background-size: 24px 1197px; margin: auto; animation: line_txt 30s infinite linear;}
@keyframes line_txt{
	0%{background-position: 0 0;}
	100%{background-position: 0 -1197px;}
}
.sub_section04 .fixd_wrap .line_bnner.on .line_txt{background: url('//image5.compuzone.co.kr/img/images/company2024/sub_section04_line_txt02.png'); width: 30px; height: 1539px; background-repeat: repeat-y; background-position: 0 0; background-size: 24px 1539px; margin: auto; animation: line_txt 40s infinite linear;}
@keyframes line_txt{
	0%{background-position: 0 0;}
	100%{background-position: 0 -1539px;}
}
.sub_section04 .fixd_wrap .contents_box{width: 1300px; height: 100vh; margin: auto; position: absolute; top: 0; left: 0; right: 0;}
.sub_section04 .fixd_wrap .contents_box .fix_txt{display: none; position: absolute; font-family: 'gmarket B'; font-size: 90px; color: #ffffff; opacity: 0.5; left: 0; top: 50%; transform: translateY(-50%); z-index: 3; text-transform: uppercase; margin-top: 355px; white-space: nowrap;}
.sub_section04 .fixd_wrap .contents_box .box_title{position: absolute; font-family: 'gmarket B'; font-size: 50px; color: #1A1A1A; left: 0; top: 50%; transform: translateY(-50%); z-index: 3; margin-top: -260px;}
.sub_section04 .fixd_wrap .contents_box .contents_inner{display: flex; width: 3925px; position: absolute; top: 50%; transform: translateY(-50%); margin-top: 10%; gap: 250px;}
.sub_section04 .fixd_wrap .contents_box .scroll_content{display: flex; gap: 103px;}
.sub_section04 .fixd_wrap .contents_box .scroll_content .img_box ul{display: flex; gap: 30px;}
.sub_section04 .fixd_wrap .contents_box .scroll_content .img_box ul li img{display: block;}
.sub_section04 .fixd_wrap .contents_box .scroll_content .tit_box{width: 400px; padding-top: 40px;}
.sub_section04 .fixd_wrap .contents_box .scroll_content .tit_box .tit{font-family: 'gmarket B'; font-size: 30px; color: #1A1A1A; margin-bottom: 15px; line-height: 40px;}
.sub_section04 .fixd_wrap .contents_box .scroll_content .tit_box .txt{font-family: 'noto-R'; font-size: 16px; color: #1A1A1A; line-height: 28px;}

.sub_section04 .fixd_wrap .contents_box .contents_inner02{width: 1130px; height: 540px; position: absolute; top: 70px; bottom: 0; left: 440px; right: 0; margin: auto; overflow: hidden;}
.sub_section04 .fixd_wrap .contents_box .contents_inner02 .dim{display: none;}
.sub_section04 .fixd_wrap .contents_box .contents_inner02 .tit_box{margin-bottom: 80px;}
.sub_section04 .fixd_wrap .contents_box .contents_inner02 .tit_box .tit{font-family: 'gmarket B'; font-size: 50px; color: #ffffff; margin-bottom: 15px; line-height: 65px;}
.sub_section04 .fixd_wrap .contents_box .contents_inner02 .tit_box .txt{font-family: 'noto-R'; font-size: 18px; color: #949494; line-height: 32px;}
.sub_section04 .fixd_wrap .contents_box .contents_inner02 .txt_box ul{display: flex; flex-direction: column; gap: 50px;}
.sub_section04 .fixd_wrap .contents_box .contents_inner02 .txt_box ul li .tit{font-family: 'noto-B'; font-size: 18px; color: #ffffff; margin-bottom: 14px;}
.sub_section04 .fixd_wrap .contents_box .contents_inner02 .txt_box ul li .txt{font-family: 'noto-R'; font-size: 18px; color: #949494; line-height: 27px;}
.sub_section04 .fixd_wrap .contents_box .contents_inner02 .txt_box ul li .sub_txt{font-family: 'noto-R'; font-size: 18px; color: #3A3A3A; line-height: 27px;}

/* sub_section - ci */
.sub_section05 .contents_inner{width: 1600px; margin: auto; padding: 220px 0 300px; position: relative; transform: translateY(100px); opacity: 0; transition: all 0.5s;}
.sub_section05.on .contents_inner{transform: translateY(0); opacity: 1;}
.sub_section05 .contents_inner>.tit{width: 1300px; margin: auto; font-family: 'gmarket B'; font-size: 50px; color: #1A1A1A; margin-bottom: 80px;}
.sub_section05 .contents_inner .tab_box{width: 1300px; margin: auto; display: flex; gap: 50px;}
.sub_section05 .contents_inner .tab_box li{width: 400px;}
.sub_section05 .contents_inner .tab_box .tab_tit{font-family: 'noto-B'; font-size: 30px; color: #D8D8D8; margin-bottom: 15px; text-transform: uppercase; transition: all 0.3s;}
.sub_section05 .contents_inner .tab_box .tab_txt{font-family: 'noto-R'; font-size: 18px; color: #D8D8D8; transition: all 0.3s; line-height: 32px;}
.sub_section05 .contents_inner .tab_box li.on .tab_tit{color: #1A1A1A;}
.sub_section05 .contents_inner .tab_box li.on .tab_txt{color: #1A1A1A;}
.sub_section05 .contents_inner .tab_content_wrap{width: 100%; position: relative;}
.sub_section05 .contents_inner .tab_content_wrap .tab_content{display: none;}
.sub_section05 .contents_inner .tab_content_wrap .tab_content.on{display: block;}
.sub_section05 .contents_inner .tab_content_wrap .tab_content .content_box{width: 100%; height: 500px; background: url('//image5.compuzone.co.kr/img/images/company2024/sub_section05_img01.png') center center/contain no-repeat; margin-top: 80px; display: flex; align-items: center; justify-content: center;}
.sub_section05 .contents_inner .tab_content_wrap .tab_content .content_box img{display: block;}
.sub_section05 .contents_inner .btn_box{display: flex; align-items: center; justify-content: flex-end; gap: 10px; width: 1300px; margin: 30px auto 0;}
.sub_section05 .contents_inner .btn_box a{display: flex; align-items: center; justify-content: space-between; width: 170px; height: 50px; color: #949494; font-family: 'noto-R'; font-size: 14px; padding: 13px 15px 13px 20px; border: 1px solid #D8D8D8; border-radius: 5px; box-sizing: border-box; transition: all 0.3s;}
.sub_section05 .contents_inner .btn_box a:hover{color: #1A1A1A; border: 1px solid #1A1A1A;}
.sub_section05 .contents_inner .btn_box a span{display: block; width: 24px; height: 24px; background: url('//image5.compuzone.co.kr/img/images/company2024/download_btn_icon.svg') center center/contain no-repeat; transition: all 0.3s;}
.sub_section05 .contents_inner .btn_box a:hover span{background: url('//image5.compuzone.co.kr/img/images/company2024/download_btn_icon_black.svg') center center/contain no-repeat;}


/* sub_section - business */
.sub_section06 .contents_inner{width: 1600px; margin: auto; padding: 0 0 220px; position: relative; transform: translateY(100px); opacity: 0; transition: all 0.5s;}
.sub_section06.on .contents_inner{transform: translateY(0); opacity: 1;}
.sub_section06 .contents_inner .business_btn_box{width: 1300px; margin: 0 auto 80px;}
.sub_section06 .contents_inner .business_btn_box .tit{font-family: 'gmarket B'; font-size: 50px; color: #1A1A1A; margin-bottom: 30px;}
.sub_section06 .contents_inner .business_btn_box .txt_box{display: flex; justify-content: space-between; align-items: flex-end;}
.sub_section06 .contents_inner .business_btn_box .txt_box .txt{font-family: 'noto-R'; font-size: 18px; color: #1A1A1A; line-height: 32px;}
.sub_section06 .contents_inner .business_btn_box .txt_box a{display: flex; align-items: center; justify-content: space-between; width: 208px; height: 50px; color: #ffffff; font-family: 'noto-R'; font-size: 14px; padding: 13px 15px 13px 20px; border: 1px solid #1A1A1A; border-radius: 5px; box-sizing: border-box; transition: all 0.3s; background: #1A1A1A;}
.sub_section06 .contents_inner .business_btn_box .txt_box a:hover{color: #1A1A1A; border: 1px solid #1A1A1A; background: #ffffff;}
.sub_section06 .contents_inner .business_btn_box .txt_box a span{display: block; width: 24px; height: 24px; background: url('//image5.compuzone.co.kr/img/images/company2024/download_btn_icon_white.svg') center center/contain no-repeat; transition: all 0.3s;}
.sub_section06 .contents_inner .business_btn_box .txt_box a:hover span{background: url('//image5.compuzone.co.kr/img/images/company2024/download_btn_icon_black.svg') center center/contain no-repeat;}
.sub_section06 .contents_inner a.mo{display: none;}

/* location */
.sub_section_location *{box-sizing: border-box;}
.sub_section_location .contents_inner{width: 100%; padding: 200px 0 180px; box-sizing: border-box;}
.sub_section_location .contents_inner .tit{width: 1300px; margin: auto; display: block; font-family: 'gmarket B'; font-size: 50px; color: #1A1A1A; margin-bottom: 120px;}
.sub_section_location .contents_inner .tab_slide_wrap{width: 1300px; margin: 0 auto 50px; position: relative;}
.sub_section_location .contents_inner .tab_slide_wrap::after{content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background: #fff; z-index: 1; margin-left: -1300px; pointer-events: none;}
.sub_section_location .contents_inner .tab_slide_wrap .location_Swiper {display: flex;}
.sub_section_location .contents_inner .tab_slide_wrap .slide_map {width: 648px; height: 89px; margin-right: 147px; display: flex; gap: 60px; opacity: 0.3; transition: all 0.3s;}
.sub_section_location .contents_inner .tab_slide_wrap .slide_map.on {opacity: 1;}
.sub_section_location .contents_inner .tab_slide_wrap .slide_map .sub_tit{font-family: 'noto-B'; font-size: 18px; color: #1A1A1A; width: 100px; user-select:none;}
.sub_section_location .contents_inner .tab_slide_wrap .slide_map .txt_box{display: flex; flex-direction: column; gap: 10px; white-space: nowrap; user-select:none;}
.sub_section_location .contents_inner .tab_slide_wrap .slide_map .txt_box .addr_kor{font-family: 'noto-R'; font-size: 18px; color: #1A1A1A;}
.sub_section_location .contents_inner .tab_slide_wrap .slide_map .txt_box .addr_eng{font-family: 'spoqa R'; font-size: 18px; color: #949494;}

.sub_section_location .contents_inner .tab_map{width: 100%; user-select:none;}
.sub_section_location .contents_inner .map_box{	visibility: hidden; overflow: hidden; height:0;}
.sub_section_location .contents_inner .map_box.on{visibility: visible; height:auto;}
.sub_section_location .contents_inner .map_box .map .root_daum_roughmap .wrap_map {height:580px;}
.sub_section_location .contents_inner .map_box .map .cont {display: none;}
.sub_section_location .contents_inner .map_box .map .wrap_controllers {display: none;}

.sub_section_location .contents_inner .map_box .map_txt{width: 1300px; margin: 70px auto 0; display: flex; gap: 92px;}
.sub_section_location .contents_inner .map_box .map_txt ul{display: flex; flex-direction: column; gap: 30px; width: 558px;}
.sub_section_location .contents_inner .map_box .map_txt ul li{display: flex; gap: 60px;}
.sub_section_location .contents_inner .map_box .map_txt ul li .sub_tit{width: 100px; font-family: 'noto-B'; font-size: 18px; color: #1A1A1A;}
.sub_section_location .contents_inner .map_box .map_txt ul li .info_txt{font-family: 'noto-R'; font-size: 18px; color: #1A1A1A; line-height: 32px;}
.sub_section_location .contents_inner .map_box .map_txt ul:nth-child(2) li .info_txt{line-height: 38px;}
.sub_section_location .contents_inner .map_box .map_txt ul li .info_txt span{display: block; margin-top: 13px; font-family: 'noto-R'; font-size: 16px; color: #949494;}

/* service */
.sub_section_service *{box-sizing: border-box;}
.sub_section_service .contents_inner{width: 100%; padding: 0px 0 150px; box-sizing: border-box;}
.sub_section_service .contents_inner .visual{width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden;}
.sub_section_service .contents_inner .visual .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.sub_section_service .contents_inner .visual .bg img{position: absolute; top: 50%; left: 50%; width: auto; min-width: 100%; max-width: none; height: auto; min-height: 100%; transform: translate(-50%, -50%) scale(1.3); animation: service_visual 5s forwards ease-in-out;}
@keyframes service_visual{
	0%{transform: translate(-50%, -50%) scale(1.3);}
	100%{transform: translate(-50%, -50%) scale(1);}
}
.sub_section_service .contents_inner .visual p span{font-family: 'gmarket L'; font-size: 60px; color: #fff; text-align: left; line-height: 73px;}

.sub_section_service .contents_inner .visual p .word01 span{font-family: 'gmarket B'; color: #fff;}

.sub_section_service .contents_inner .visual p .word02 span:nth-child(5),
.sub_section_service .contents_inner .visual p .word02 span:nth-child(6),
.sub_section_service .contents_inner .visual p .word02 span:nth-child(7),
.sub_section_service .contents_inner .visual p .word02 span:nth-child(8),
.sub_section_service .contents_inner .visual p .word02 span:nth-child(9),
.sub_section_service .contents_inner .visual p .word02 span:nth-child(10){font-family: 'gmarket B'; color: #fff;}

.sub_section_service .contents_inner .visual p .word03 span:nth-child(1),
.sub_section_service .contents_inner .visual p .word03 span:nth-child(2),
.sub_section_service .contents_inner .visual p .word03 span:nth-child(3),
.sub_section_service .contents_inner .visual p .word03 span:nth-child(4),
.sub_section_service .contents_inner .visual p .word03 span:nth-child(5),
.sub_section_service .contents_inner .visual p .word03 span:nth-child(6),
.sub_section_service .contents_inner .visual p .word03 span:nth-child(7),
.sub_section_service .contents_inner .visual p .word03 span:nth-child(8){font-family: 'gmarket B'; color: #fff;}

.sub_section_service .contents_inner .visual .line span,
.sub_section_service .contents_inner .visual .word span {opacity: 0; display: inline;}

.sub_section_service .contents_inner .visual p .fade-in {animation: fadeIn 1s forwards ease-in-out;}

@keyframes fadeIn {
    to {opacity: 1;}
}

.sub_section_service .contents_inner .visual .tit_motion_wrap{position: absolute; width: 1300px; left: 0; right: 0; bottom: 210px; margin: auto;}

.sub_section_service .contents_inner .visual .scroll_box{position: absolute; width: 2px; height: 120px; background: rgba(255,255,255,0.1); bottom: 0; left: 0; right: 0; margin: auto;}
.sub_section_service .contents_inner .visual .scroll_box::after{content: ""; position: absolute; top: 0; left: 0; right: 0; margin: auto; width: 2px; height: 70px; background: #fff; animation: service_scroll_box 1s infinite alternate ease-in-out;}
@keyframes service_scroll_box{
	0%{transform: translateY(0);}
	100%{transform: translateY(50px);}
}

.sub_section_service .service_info{width: 1600px; margin: 150px auto 170px; position: relative;}
.sub_section_service .service_info ul{display: flex; flex-direction: column; gap: 120px;}
.sub_section_service .service_info ul li{display: flex; align-items: flex-start; justify-content: center; gap: 80px;}
.sub_section_service .service_info ul li:nth-child(2){flex-direction: row-reverse; justify-content: center;}
.sub_section_service .service_info ul li .txt_box{width: 430px; padding-top: 80px; transform: translateY(100px); opacity: 0; transition: all 1s 0.3s;}
.sub_section_service .service_info ul li.on .txt_box{transform: translateY(0); opacity: 1;}
.sub_section_service .service_info ul li .txt_box .tit{font-family: 'gmarket B'; font-size: 50px; color: #1A1A1A; margin-bottom: 30px; line-height: 65px;}
.sub_section_service .service_info ul li .txt_box .txt{font-family: 'noto-R'; font-size: 18px; color: #1A1A1A; line-height: 32px; letter-spacing: -0.5px;}
.sub_section_service .service_info ul li .txt_box .txt:nth-child(2){margin-bottom: 15px;}
.sub_section_service .service_info ul li .img_box{width: 940px; height: 630px; transform: translateX(-510px); opacity: 0; transition: all 1s;}
.sub_section_service .service_info ul li:nth-child(2) .img_box{transform: translateX(510px);}
.sub_section_service .service_info ul li.on .img_box{transform: translateX(0); opacity: 1;}
.sub_section_service .service_info ul li .img_box img{width: 100%;}

.sub_section_service .service_slide{margin-bottom: 150px;}
.sub_section_service .service_slide .tit_box{width: 1300px; margin: 0 auto 50px;}
.sub_section_service .service_slide .tit_box .tit{font-family: 'gmarket B'; font-size: 50px; color: #1A1A1A; margin-bottom: 30px; line-height: 65px;}
.sub_section_service .service_slide .tit_box .txt{font-family: 'noto-R'; font-size: 18px; color: #1A1A1A; line-height: 32px; letter-spacing: -0.5px;}
.sub_section_service .service_slide .flow_banner{display: flex;}
.sub_section_service .service_slide .flow_banner ul{display: flex;}
@keyframes flowRolling {
    0% {transform: translateX(0);}
    100% {transform: translateX(-2220px);}
}
.sub_section_service .service_slide .flow_banner ul li{width: 350px; margin-right: 20px;}
.sub_section_service .service_slide .flow_banner ul li .img_box{position: relative;}
.sub_section_service .service_slide .flow_banner ul li .img_box a{background: url('//image5.compuzone.co.kr/img/images/company2024/service_link_arrow.svg') center center/contain no-repeat; width: 32px; height: 32px; position: absolute; bottom: 10px; right: 10px; transition: all 0.3s;}
.sub_section_service .service_slide .flow_banner ul li .img_box a:hover{background: url('//image5.compuzone.co.kr/img/images/company2024/service_link_arrow_blue.svg') center center/contain no-repeat;}
.sub_section_service .service_slide .flow_banner ul li .txt_box{margin-top: 20px;}
.sub_section_service .service_slide .flow_banner ul li .txt_box .tit{font-family: 'noto-M'; font-size: 18px; color: #1A1A1A; line-height: 26px;}
.sub_section_service .service_slide .flow_banner ul li .txt_box .txt{font-family: 'noto-R'; font-size: 18px; color: #949494; line-height: 32px; letter-spacing: -0.5px;}

.sub_section_service .service_scroll{width: 100%; height: 3532px; position: relative;}
.sub_section_service .service_scroll .fixd{width: 100%; height: 100vh; position: relative;}
.sub_section_service .service_scroll .fixd.on{position: fixed; top: 0; left: 0;}
.sub_section_service .service_scroll .fixd.bottom{position: absolute; bottom: 0;}
.sub_section_service .service_scroll .content{width: 100%; height: 100vh; position: absolute; top: 0; left: 0;}
.sub_section_service .service_scroll .content01{background: url('//image5.compuzone.co.kr/img/images/company2024/service11.jpg') center center/cover no-repeat;}
.sub_section_service .service_scroll .content02{background: url('//image5.compuzone.co.kr/img/images/company2024/service12.jpg') center center/cover no-repeat; transform: translateY(100%);}
@media (min-width: 3000px) {
	.sub_section_service .service_scroll .content::after{content: ""; position: absolute; top: 0; left: 10%; width: 100px; height: 100%; background: linear-gradient(90deg, #000 30%, transparent);}
	.sub_section_service .service_scroll .content::before{content: ""; position: absolute; top: 0; right: 10%; width: 100px; height: 100%; background: linear-gradient(-90deg, #000 30%, transparent);}
	.sub_section_service .service_scroll .content01{background: url('//image5.compuzone.co.kr/img/images/company2024/service11.jpg') center center/contain no-repeat #000;}
	.sub_section_service .service_scroll .content02{background: url('//image5.compuzone.co.kr/img/images/company2024/service12.jpg') center center/contain no-repeat #000;}
}
.sub_section_service .service_scroll .content .txt_inner{width: 1300px; margin: auto; padding-top: 220px; display: flex; justify-content: space-between;}
.sub_section_service .service_scroll .content .tit{font-family: 'gmarket B'; font-size: 50px; color: #fff; line-height: 65px;}
.sub_section_service .service_scroll .content .txt{font-family: 'noto-M'; font-size: 22px; color: #fff; line-height: 34px; letter-spacing: -0.5px; width: 650px; padding-top: 150px;}

.sub_section_service .service_partner{width: 1600px; margin: auto;}
.sub_section_service .service_partner .txt_motion_wrap{width: 1300px; margin: 0 auto 150px; padding-top: 260px; display: flex; justify-content: space-between;}
.sub_section_service .service_partner .txt_motion_wrap .tit{font-family: 'gmarket B'; font-size: 50px; color: #1A1A1A; line-height: 65px;}
.sub_section_service .service_partner .txt_motion_wrap .txt_wrap{position: relative; width: 650px; height: 170px; margin-top: 40px;}
.sub_section_service .service_partner .txt_motion_wrap .txt_wrap .t_1{font-family: 'noto-M'; font-size: 22px; color: #D8D8D8; line-height: 34px; letter-spacing: -0.5px; width: 650px; height: 170px;}
.sub_section_service .service_partner .txt_motion_wrap .txt_wrap .t_2{position: absolute; top: 0; left: 0; width: 650px;}
.sub_section_service .service_partner .txt_motion_wrap .txt_wrap .t_2 p{font-family: 'noto-M'; font-size: 22px; color: #1A1A1A; line-height: 34px; letter-spacing: -0.5px; white-space: nowrap; overflow: hidden; width: 0;}
.sub_section_service .service_partner .txt_motion_wrap .txt_wrap .t_1024{display: none;}
.sub_section_service .service_partner .txt_motion_wrap .txt_wrap .t_768{display: none;}

.sub_section_service .service_partner .banner_img{margin-bottom: 80px;}
.sub_section_service .service_partner .banner_img img{display: block;}

.sub_section_service .service_partner .partner_btn_box{width: 1300px; margin: 0 auto 80px; display: flex; justify-content: space-between; align-items: center;}
.sub_section_service .service_partner .partner_btn_box_768{display: none;}
.sub_section_service .service_partner .partner_btn_box .txt{font-family: 'noto-R'; font-size: 18px; color: #1A1A1A; line-height: 32px; letter-spacing: -0.5px;}
.sub_section_service .service_partner .partner_btn_box a{display: flex; align-items: center; justify-content: space-between; width: 182px; height: 50px; border-radius: 5px; color: #fff; font-size: 14px; font-family: 'noto-R'; background: #000; padding: 0 20px;}

.sub_section_service .service_partner .partner_card{width: 1300px; margin: auto;}
.sub_section_service .service_partner .partner_card ul{display: grid; grid-template-columns: repeat(5,1fr); gap: 20px;}
.sub_section_service .service_partner .partner_card ul li{transform: translateY(50px); opacity: 0; transition: all 0.3s; width: 100%;}
.sub_section_service .service_partner .partner_card.on ul li{transform: translateY(0); opacity: 1;}
.sub_section_service .service_partner .partner_card ul li:nth-child(1){transition-delay: 0.1s;}
.sub_section_service .service_partner .partner_card ul li:nth-child(2){transition-delay: 0.15s;}
.sub_section_service .service_partner .partner_card ul li:nth-child(3){transition-delay: 0.2s;}
.sub_section_service .service_partner .partner_card ul li:nth-child(4){transition-delay: 0.25s;}
.sub_section_service .service_partner .partner_card ul li:nth-child(5){transition-delay: 0.3s;}
.sub_section_service .service_partner .partner_card ul li:nth-child(6){transition-delay: 0.35s;}
.sub_section_service .service_partner .partner_card ul li:nth-child(7){transition-delay: 0.4s;}
.sub_section_service .service_partner .partner_card ul li:nth-child(8){transition-delay: 0.45s;}
.sub_section_service .service_partner .partner_card ul li:nth-child(9){transition-delay: 0.5s;}
.sub_section_service .service_partner .partner_card ul li:nth-child(10){transition-delay: 0.55s;}
.sub_section_service .service_partner .partner_card ul li:nth-child(11){transition-delay: 0.6s;}
.sub_section_service .service_partner .partner_card ul li:nth-child(12){transition-delay: 0.65s;}
.sub_section_service .service_partner .partner_card ul li:nth-child(13){transition-delay: 0.7s;}
.sub_section_service .service_partner .partner_card ul li:nth-child(14){transition-delay: 0.75s;}
.sub_section_service .service_partner .partner_card ul li:nth-child(15){transition-delay: 0.8s;}
.sub_section_service .service_partner .partner_card ul li img{display: block; width: 100%;}

.sub_section_service .service_partner a.mo{display: none;}
#pop_box{display: none;}



/* footer */
#footer_wrap{width: 100%; height: 188px; padding: 48px 0 40px; box-sizing: border-box; background: #000; position: relative;}
#footer_wrap .footer_inner{width: 1300px; margin: auto; display: flex; justify-content: space-between; align-items: flex-end;}
#footer_wrap .footer_inner .footer_menu{display: flex; align-items: center; gap: 30px; margin-bottom: 40px;}
#footer_wrap .footer_inner .footer_menu li{position: relative;}
#footer_wrap .footer_inner .footer_menu li::after{content: ""; position: absolute; top: 0; bottom: 0; right: -15px; width: 1px; height: 12px; background: #3A3A3A; margin: auto;}
#footer_wrap .footer_inner .footer_menu li:last-child:after{display: none;}
#footer_wrap .footer_inner .footer_menu li a{font-family: 'noto-R'; color: #fff; font-size: 16px;}
#footer_wrap .footer_inner .copy{font-family: 'spoqa R'; color: #fff; font-size: 14px;}
#footer_wrap .footer_inner .right_area{transform: translateY(30px);}
#footer_wrap .footer_inner .right_area .sns{display: flex; align-items: center; gap: 26px; transition: all 0.3s;}


/* 1599 ~ 768 */
@media (max-width:1599px) and (min-width:768px) {
	/* header */
	.header_inner .pc {max-width: 100%; padding: 25px 40px;	}

	/* top-btn */
	.top_btn{width: 100%;}
	.top_btn a{right: 40px; width: 50px; height: 50px;}

	/* footer */
	#footer_wrap{padding: 48px 40px 40px;}
	#footer_wrap .footer_inner{width: 100%;}
}

/* 1599 ~ 1024 */
@media (max-width:1599px) and (min-width:1024px) {
	/* main */
	.intro_wrap .video_wrap video{width: 200%;}

	.sub_section .contents_inner{width: 100%;}

	.sub_section01 .contents_inner{padding: 0 30px;}
	.sub_section01 .contents_inner .txt_inner{width: 100%; padding: 0 50px; margin: 155px auto 85px;}
	.sub_section01 .contents_inner .txt_inner .right_txt_02{right: 50px;}
	.sub_section01 .contents_inner .attachment_box{background-size: cover;}

	.sub_section02{height: 1100px; margin: 0;}
	.sub_section02 .state_box{padding: 205px 40px 0; z-index: 2;}
	.sub_section02 .state_box #stateList{width: 490px; position: relative;}
	.sub_section02 .graph_motion{width: 100%; height: 1098px; left: 0; transform: unset;}
	.sub_section02 .graph_motion .graph_img{width: 100%; height: 1098px; left: 0; transform: unset;}
	.sub_section02 .graph_motion .graph_img::after{content: ""; width: 100%; height: 15px; position: absolute; bottom: 0; left: 0; background: linear-gradient(0deg,#fff,transparent);}
	.sub_section02 .graph_motion .graph_img .dim{position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: #fff; display: block; transition: all 2s linear; z-index: 1;}
	.sub_section02.on .graph_motion .graph_img .dim{width: 0;}
	.sub_section02.on .graph_motion .graph_img{width: 100%;}
	.sub_section02 .graph_motion .graph_img img{width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

	.sub_section03 .contents_inner{padding: 277px 0 0;}
	.sub_section03 .contents_inner .tit_box{width: 100%; padding: 0 40px; margin-bottom: 77px;}
	.sub_section03 .contents_inner .tit_box .txt{font-size: 16px;}
	.sub_section03 .history_wrap{width: 100%; padding: 0 40px;}
	.sub_section03 .history_wrap .his_box{padding-top: 130px;}
	.sub_section03 .history_wrap .his_box .left_area .txt{font-size: 16px;}
	.sub_section03 .history_wrap .his_box .right_area{width: 520px;}
	.sub_section03 .history_wrap .sub_history_list .table_his_style b{font-size: 16px; width: 100px;}
	.sub_section03 .history_wrap .sub_history_list .table_his_style .his_info{width: 420px;}
	.sub_section03 .history_wrap .sub_history_list .table_his_style .his_info span{font-size: 16px;}
	.sub_section03 .more_btn{padding-bottom: 200px;}
	
	.sub_section04 .fixd_wrap.bottom{bottom: 115px;}
	.sub_section04 .fixd_wrap .line_bnner{width: 50px;}
	.sub_section04 .fixd_wrap .line_bnner .line_txt{width: 27px;}

	.sub_section04 .fixd_wrap .contents_box{width: 100%;}
	.sub_section04 .fixd_wrap .contents_box .box_title{left: 140px; margin-top: -250px;}
	.sub_section04 .fixd_wrap .contents_box .scroll_content{gap: 90px;}
	.sub_section04 .fixd_wrap .contents_box .scroll_content .tit_box{width: 280px;}
	.sub_section04 .fixd_wrap .contents_box .scroll_content .img_box ul li{width: 400px;}
	.sub_section04 .fixd_wrap .contents_box .scroll_content .img_box ul li img{width: 100%;}
	.sub_section04 .fixd_wrap .contents_box .scroll_content02 .img_box ul li:last-child{width: 352px;}
	.sub_section04 .fixd_wrap .contents_box .contents_inner{margin-top: 80px; padding-left: 140px; gap: 230px;}
	.sub_section04 .fixd_wrap .contents_box .scroll_content .tit_box .tit{margin-bottom: 20px;}
	.sub_section04 .fixd_wrap .contents_box .fix_txt{margin-top: 265px; font-size: 80px; left: 140px;}

	.sub_section04 .fixd_wrap .contents_box .contents_inner{width: 3330px;}
	.sub_section04 .fixd_wrap .contents_box .contents_inner02{width: 100%; height: 100%; padding: 0 40px; left: 0; top: 70px; bottom: unset;}
	.sub_section04 .fixd_wrap .contents_box .contents_inner02 .dim{display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 300px; background: linear-gradient(0deg, #000 60%,transparent); z-index: 1; opacity: 0;}
	.sub_section04 .fixd_wrap .contents_box .contents_inner02 .tit_box .tit{margin-bottom: 22px; font-size: 40px; line-height: 48px; letter-spacing: -1px;}
	.sub_section04 .fixd_wrap .contents_box .contents_inner02 .tit_box .tit br{display: none;}
	.sub_section04 .fixd_wrap .contents_box .contents_inner02 .tit_box .txt{font-size: 16px; line-height: 27px;}
	.sub_section04 .fixd_wrap .contents_box .contents_inner02 .txt_box ul li .tit{font-size: 16px; margin-bottom: 14px;}
	.sub_section04 .fixd_wrap .contents_box .contents_inner02 .txt_box ul li .txt{font-size: 16px; line-height: 27px;}
	.sub_section04 .fixd_wrap .contents_box .contents_inner02 .txt_box ul li .sub_txt{font-size: 16px; line-height: 27px;}

	.sub_section05 .contents_inner{padding: 150px 40px 205px;}
	.sub_section05 .contents_inner>.tit{width: 100%;}
	.sub_section05 .contents_inner .tab_box{width: 100%; justify-content: center; gap: 67px;}
	.sub_section05 .contents_inner .tab_box li{width: 270px;}
	.sub_section05 .contents_inner .tab_box .tab_txt br{display: none;}
	.sub_section05 .contents_inner .tab_content_wrap .tab_content .content_box{margin-top: 50px; height: 400px; background-size: cover; border: 1px solid #E8E8E8;}
	.sub_section05 .contents_inner .btn_box{width: 100%;}

	.sub_section06 .contents_inner{padding: 0 40px 130px;}
	.sub_section06 .contents_inner .business_btn_box{width: 100%;}
	.sub_section06 .contents_inner .business_btn_box .txt_box .txt{width: 480px;}
	.sub_section06 .contents_inner .img_box{width: 100%; height: 200px;}
	.sub_section06 .contents_inner .img_box img{width: 100%;}

	/* location */
	.sub_section_location .contents_inner .tit{width: 100%; padding: 0 40px;}
	.sub_section_location .contents_inner .tab_slide_wrap{width: 100%; padding: 0 40px;}
	.sub_section_location .contents_inner .tab_slide_wrap::after{left: -97%; transform: unset; margin-left: 0;}
	.sub_section_location .contents_inner .tab_slide_wrap .slide_map{margin-right: 70px; gap: 40px;}
	.sub_section_location .contents_inner .map_box .map .root_daum_roughmap .wrap_map {height: 540px;}
	.sub_section_location .contents_inner .map_box .map_txt{width: 100%; padding: 0 40px; margin: 60px auto 0;}
	.sub_section_location .contents_inner .map_box .map_txt ul{width: 380px;}
	.sub_section_location .contents_inner .map_box .map_txt ul li{gap: 40px;}
	.sub_section_location .contents_inner .map_box .map_txt ul li .info_txt{width: 240px;}

	/* service */
	.sub_section_service .contents_inner{padding: 0 0 130px;}
	.sub_section_service .contents_inner .visual .tit_motion_wrap{width: 100%; left: 0; right: unset; bottom: 170px; padding: 0 70px;}
	.sub_section_service .contents_inner .visual p span{font-size: 55px; line-height: 72px;}

	.sub_section_service .service_info{width: 100%; margin: 150px auto 150px;}
	.sub_section_service .service_info ul{gap: 130px;}
	.sub_section_service .service_info ul li{padding-left: 40px; gap: 50px;}
	.sub_section_service .service_info ul li:nth-child(2){padding-right: 40px; padding-left: 0;}
	.sub_section_service .service_info ul li .txt_box{width: 415px; padding-top: 50px;}
	.sub_section_service .service_info ul li .txt_box .txt{font-size: 16px; line-height: 28px;}
	.sub_section_service .service_info ul li .txt_box .txt:nth-child(2){margin-bottom: 10px;}
	.sub_section_service .service_info ul li .img_box{width: 530px; height: 500px; overflow: hidden;}
	.sub_section_service .service_info ul li .img_box img{width: 750px; transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%;}
	.sub_section_service .service_slide .tit_box{width: 100%; padding: 0 40px;}
	.sub_section_service .service_slide .tit_box .txt{font-size: 16px; line-height: 28px;}
	.sub_section_service .service_slide .flow_banner ul li .txt_box .tit{font-size: 16px; margin-bottom: 10px;}
	.sub_section_service .service_slide .flow_banner ul li .txt_box .txt{font-size: 16px; line-height: 28px; letter-spacing: 0;}
	.sub_section_service .service_scroll .content .txt_inner{width: 100%; padding: 220px 40px 0;}
	.sub_section_service .service_scroll .content .txt{width: 560px;}
	.sub_section_service .service_scroll .content02 .txt br:nth-child(1),
	.sub_section_service .service_scroll .content02 .txt br:nth-child(3),
	.sub_section_service .service_scroll .content02 .txt br:nth-child(4){display: none;}
	.sub_section_service .service_partner{width: 100%;}
	.sub_section_service .service_partner .txt_motion_wrap{width: 100%; padding: 205px 40px 0; display: block;}
	.sub_section_service .service_partner .txt_motion_wrap .txt_wrap{margin-left: auto; width: 560px;}
	.sub_section_service .service_partner .txt_motion_wrap .txt_wrap .t_1{width: 560px;}
	.sub_section_service .service_partner .txt_motion_wrap .txt_wrap .t_2{display: none;}
	.sub_section_service .service_partner .txt_motion_wrap .txt_wrap .t_1024{display: block; width: 560px;}
	.sub_section_service .service_partner .banner_img{width: 100%; padding: 0 40px;}
	.sub_section_service .service_partner .banner_img img{width: 100%;}
	.sub_section_service .service_partner .partner_btn_box{width: 100%; padding: 0 40px; margin: 0 auto 60px; align-items: flex-start;}
	.sub_section_service .service_partner .partner_btn_box .txt{font-size: 16px; line-height: 28px; width: 704px;}
	.sub_section_service .service_partner .partner_btn_box .txt br{display: none;}
	.sub_section_service .service_partner .partner_btn_box a{width: 190px; font-size: 16px;}
	.sub_section_service .service_partner .partner_card{width: 100%; padding: 0 40px;}
	.sub_section_service .service_partner .partner_card ul{gap: 15px;}
}

/* 1023 ~ 768 */
@media (max-width:1023px) and (min-width:768px) {
	/* footer */
	#footer_wrap .footer_inner .footer_menu li:nth-child(2){display: none;}

	/* main */
	.intro_wrap .video_wrap video{width: 250%;}

	.sub_section .contents_inner{width: 100%;}

	.sub_section01 .contents_inner{padding: 0 40px;}
	.sub_section01 .contents_inner .txt_inner{width: 100%; padding: 0; margin: 200px auto 92px;}
	.sub_section01 .contents_inner .txt_inner .left_txt{font-size: 40px; margin-bottom: 36px;}
	.sub_section01 .contents_inner .txt_inner .right_txt{margin-left: 0;}
	.sub_section01 .contents_inner .txt_inner .right_txt_02{right: unset; left: 0; top: 173px;}
	.sub_section01 .contents_inner .attachment_box{background-size: cover; height: 150px;}

	.sub_section02{height: 1100px; margin: 0;}
	.sub_section02 .state_box{padding: 176px 40px 0; z-index: 2;}
	.sub_section02 .state_box .state_tit{font-size: 40px; margin-bottom: 75px;}
	.sub_section02 .state_box #stateList{width: 490px; position: relative;}
	.sub_section02 .graph_motion{width: 100%; height: 1098px; left: 0; transform: unset;}
	.sub_section02 .graph_motion .graph_img{width: 100%; height: 1098px; left: 0; transform: unset;}
	.sub_section02 .graph_motion .graph_img::after{content: ""; width: 100%; height: 15px; position: absolute; bottom: 0; left: 0; background: linear-gradient(0deg,#fff,transparent);}
	.sub_section02 .graph_motion .graph_img .dim{position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: #fff; display: block; transition: all 2s linear; z-index: 1;}
	.sub_section02.on .graph_motion .graph_img .dim{width: 0;}
	.sub_section02.on .graph_motion .graph_img{width: 100%;}
	.sub_section02 .graph_motion .graph_img img{width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

	.sub_section03 .contents_inner{padding: 267px 0;}
	.sub_section03 .contents_inner .tit_box{width: 100%; padding: 0 40px; margin-bottom: 70px;}
	.sub_section03 .contents_inner .tit_box .tit{font-size: 40px; margin-bottom: 23px;}
	.sub_section03 .contents_inner .tit_box .txt{font-size: 16px;}
	.sub_section03 .history_wrap{width: 100%; padding: 0 40px;}
	.sub_section03 .history_wrap .his_box{padding-top: 110px;}
	.sub_section03 .history_wrap .his_box .left_area .txt{font-size: 16px; width: 150px; word-break: keep-all;}
	.sub_section03 .history_wrap .his_box .left_area .img_box{width: 180px; margin-bottom: 47px;}
	.sub_section03 .history_wrap .his_box .left_area .img_box img{width: 100%;}
	.sub_section03 .history_wrap .his_box .right_area{width: 418px; padding-top: 75px;}
	.sub_section03 .history_wrap .sub_history_list .table_his_style b{font-size: 16px; width: 70px;}
	.sub_section03 .history_wrap .sub_history_list .table_his_style .his_info{width: 344px;}
	.sub_section03 .history_wrap .sub_history_list .table_his_style .his_info span{font-size: 16px;}
	.sub_section03 .more_btn{padding-bottom: 200px;}
	
	.sub_section04 .fixd_wrap.bottom{bottom: 115px;}
	.sub_section04 .fixd_wrap .line_bnner{width: 50px;}
	.sub_section04 .fixd_wrap .line_bnner .line_txt{width: 27px;}

	.sub_section04 .fixd_wrap .contents_box{width: 100%;}
	.sub_section04 .fixd_wrap .contents_box .box_title{left: 140px; margin-top: -280px; font-size: 40px;}
	.sub_section04 .fixd_wrap .contents_box .scroll_content{gap: 40px; flex-direction: column;}
	.sub_section04 .fixd_wrap .contents_box .scroll_content .tit_box{width: 588px; padding: 0;}
	.sub_section04 .fixd_wrap .contents_box .scroll_content .img_box ul{gap: 20px;}
	.sub_section04 .fixd_wrap .contents_box .scroll_content .img_box ul li{width: 300px;}
	.sub_section04 .fixd_wrap .contents_box .scroll_content .img_box ul li img{width: 100%;}
	.sub_section04 .fixd_wrap .contents_box .scroll_content02 .img_box ul li:last-child{width: 265px;}
	.sub_section04 .fixd_wrap .contents_box .contents_inner{margin-top: 80px; padding-left: 140px; gap: 230px;}
	.sub_section04 .fixd_wrap .contents_box .scroll_content .tit_box .tit{margin-bottom: 20px;}
	.sub_section04 .fixd_wrap .contents_box .scroll_content .tit_box .txt{letter-spacing: -0.5px;}
	.sub_section04 .fixd_wrap .contents_box .scroll_content .tit_box .tit br,
	.sub_section04 .fixd_wrap .contents_box .scroll_content .tit_box .txt br{display: none;}
	.sub_section04 .fixd_wrap .contents_box .fix_txt{margin-top: 265px; font-size: 70px; left: 70px; white-space: nowrap;}

	.sub_section04 .fixd_wrap .contents_box .contents_inner{width: 2010px;}
	.sub_section04 .fixd_wrap .contents_box .contents_inner02{width: 100%; height: 100%; padding: 0 40px; left: 0; top: 70px; bottom: unset;}
	.sub_section04 .fixd_wrap .contents_box .contents_inner02 .dim{display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 300px; background: linear-gradient(0deg, #000 60%,transparent); z-index: 1; opacity: 0;}
	.sub_section04 .fixd_wrap .contents_box .contents_inner02 .tit_box{margin-bottom: 60px;}
	.sub_section04 .fixd_wrap .contents_box .contents_inner02 .tit_box .tit{margin-bottom: 22px; font-size: 40px; line-height: 48px; letter-spacing: -1px;}
	.sub_section04 .fixd_wrap .contents_box .contents_inner02 .tit_box .tit br{display: none;}
	.sub_section04 .fixd_wrap .contents_box .contents_inner02 .tit_box .txt{font-size: 16px; line-height: 27px;}
	.sub_section04 .fixd_wrap .contents_box .contents_inner02 .txt_box ul li .tit{font-size: 16px; margin-bottom: 14px;}
	.sub_section04 .fixd_wrap .contents_box .contents_inner02 .txt_box ul li .txt{font-size: 16px; line-height: 27px;}
	.sub_section04 .fixd_wrap .contents_box .contents_inner02 .txt_box ul li .sub_txt{font-size: 16px; line-height: 27px;}

	.sub_section05 .contents_inner{padding: 180px 40px;}
	.sub_section05 .contents_inner>.tit{width: 100%; margin-bottom: 68px; font-size: 40px;}
	.sub_section05 .contents_inner .tab_box{width: 100%; justify-content: center; gap: 60px;}
	.sub_section05 .contents_inner .tab_box li{width: 260px;}
	.sub_section05 .contents_inner .tab_box .tab_txt br{display: none;}
	.sub_section05 .contents_inner .tab_content_wrap .tab_content .content_box{margin-top: 50px; height: 400px; background-size: cover; border: 1px solid #E8E8E8;}
	.sub_section05 .contents_inner .btn_box{width: 100%;}

	.sub_section06 .contents_inner{padding: 0 40px 90px;}
	.sub_section06 .contents_inner .business_btn_box{width: 100%;}
	.sub_section06 .contents_inner .business_btn_box .tit{font-size: 40px; margin-bottom: 30px; white-space: nowrap;}
	.sub_section06 .contents_inner .business_btn_box .txt_box .txt{width: 430px;}
	.sub_section06 .contents_inner .business_btn_box .txt_box .txt br{display: none;}
	.sub_section06 .contents_inner .img_box{width: 100%; height: 150px;}
	.sub_section06 .contents_inner .img_box img{width: 100%;}

	
	/* location */
	.sub_section_location .contents_inner{padding: 170px 0 90px;}
	.sub_section_location .contents_inner .tit{width: 100%; padding: 0 30px; font-size: 40px; margin-bottom: 70px;}
	.sub_section_location .contents_inner .tab_slide_wrap{width: 100%; padding: 0 30px;}
	.sub_section_location .contents_inner .tab_slide_wrap .slide_map{gap: 40px; width: 390px; margin-right: 60px;}
	.sub_section_location .contents_inner .tab_slide_wrap .slide_map .sub_tit{font-size: 16px;}
	.sub_section_location .contents_inner .tab_slide_wrap .slide_map .txt_box{width: 250px; white-space: unset;}
	.sub_section_location .contents_inner .tab_slide_wrap .slide_map .txt_box .addr_kor{font-size: 16px;}
	.sub_section_location .contents_inner .tab_slide_wrap .slide_map .txt_box .addr_eng{font-size: 16px;}
	.sub_section_location .contents_inner .tab_slide_wrap::after{left: -97%; transform: unset; margin-left: 0;}
	.sub_section_location .contents_inner .map_box .map .root_daum_roughmap .wrap_map {height: 500px;}
	.sub_section_location .contents_inner .map_box .map_txt {width: 100%; margin: 50px auto 0; flex-direction: column; gap: 30px; padding: 0 30px;}
	.sub_section_location .contents_inner .map_box .map_txt ul{width: 100%;}
	.sub_section_location .contents_inner .map_box .map_txt ul li{gap: 40px;}
	.sub_section_location .contents_inner .map_box .map_txt ul li .sub_tit{font-size: 16px;}
	.sub_section_location .contents_inner .map_box .map_txt ul li .info_txt{font-size: 16px;}
	.sub_section_location .contents_inner .map_box .map_txt ul li .info_txt span{margin-top: 15px;}

	/* service */
	.sub_section_service .contents_inner .visual .tit_motion_wrap{width: 100%; left: 0; right: unset; bottom: 180px; padding: 0 60px;}
	.sub_section_service .contents_inner .visual p span{font-size: 45px; line-height: 60px;} 
	.sub_section_service .service_info{width: 100%; margin: 200px auto 150px;}
	.sub_section_service .service_info ul{width: 100%; padding: 0 40px; gap: 110px;}
	.sub_section_service .service_info ul li{flex-direction: column; gap: 50px;}
	.sub_section_service .service_info ul li:nth-child(2){flex-direction: column; justify-content: unset;}
	.sub_section_service .service_info ul li .txt_box{padding: 0; width: 100%;}
	.sub_section_service .service_info ul li .txt_box .tit{margin-bottom: 23px; font-size: 40px; line-height: 55px;}
	.sub_section_service .service_info ul li .txt_box .tit br{display: none;}
	.sub_section_service .service_info ul li .txt_box .txt{font-size: 16px; line-height: 28px;}
	.sub_section_service .service_info ul li .txt_box .txt:nth-child(2){margin-bottom: 10px;}
	.sub_section_service .service_info ul li .img_box{width: 100%; height: unset;}
	.sub_section_service .service_slide .tit_box{width: 100%; padding: 0 40px;}
	.sub_section_service .service_slide .tit_box .tit{margin-bottom: 23px; font-size: 40px; line-height: 55px;}
	.sub_section_service .service_slide .tit_box .txt{font-size: 16px; line-height: 28px;}
	.sub_section_service .service_scroll .content .txt_inner{width: 100%; height: 100%; flex-direction: column; justify-content: center; padding: 0; gap: 40px; padding: 0 40px;}
	.sub_section_service .service_scroll .content .tit{font-size: 40px; line-height: 55px;}
	.sub_section_service .service_scroll .content .txt{font-size: 20px; line-height: 32px; padding: 0;}
	.sub_section_service .service_scroll .content01 .txt br:nth-child(1),
	.sub_section_service .service_scroll .content01 .txt br:nth-child(3),
	.sub_section_service .service_scroll .content02 .txt br:nth-child(1),
	.sub_section_service .service_scroll .content02 .txt br:nth-child(3),
	.sub_section_service .service_scroll .content02 .txt br:nth-child(4),
	.sub_section_service .service_scroll .content02 .txt br:nth-child(5){display: none;}
	.sub_section_service .service_partner{width: 100%;}
	.sub_section_service .service_partner .txt_motion_wrap{width: 100%; padding: 180px 40px 0; margin: 0 auto 120px; flex-direction: column; justify-content: unset;}
	.sub_section_service .service_partner .txt_motion_wrap .txt_wrap{margin-top: 30px; width: 688px;}
	.sub_section_service .service_partner .txt_motion_wrap .txt_wrap .t_1{width: 688px;}
	.sub_section_service .service_partner .txt_motion_wrap .txt_wrap .t_2{display: none;}
	.sub_section_service .service_partner .txt_motion_wrap .txt_wrap .t_768{display: block; width: 688px;}
	.sub_section_service .service_partner .banner_img{width: 100%; padding: 0 40px;}
	.sub_section_service .service_partner .banner_img img{width: 100%;}
	.sub_section_service .service_partner .partner_btn_box{display: none;}
	.sub_section_service .service_partner .partner_btn_box_768{display: flex; flex-direction: column; align-items: flex-start; position: relative; width: 100%; padding: 0 40px; margin: 60px auto 50px;}
	.sub_section_service .service_partner .partner_btn_box_768 .txt:nth-child(1){width: 520px; margin-bottom: 10px;}
	.sub_section_service .service_partner .partner_btn_box_768 a{position: absolute; top: 0; right: 40px;}
	.sub_section_service .service_partner .partner_card{width: 100%; padding: 0 40px;}
	.sub_section_service .service_partner .partner_card ul{grid-template-columns: repeat(3,1fr);}
}

/* 767 ~ 360 */
@media (max-width:767px) {
	/* header */
	body{cursor: default;}
	body.hidden{overflow: hidden;}
	#header{height: 50px; background: #fff !important; backdrop-filter: unset !important;}
	#header.on{border-bottom: 1px solid transparent;}
	.header_inner{width: 100%; height: 100%;}
	#header .pc{display: none;}
	#header .mobile{display: flex; justify-content: space-between; align-items: center; width: 100%; height: 100%; padding: 0px 20px; box-sizing: border-box; position: relative;}
	#header .mobile .logo{position: relative; z-index: 2; transform: translateY(2px);}
	#header .mobile .logo a{background: url('//image5.compuzone.co.kr/img/images/company2024/logo_black.png') center center / 118px 18px no-repeat;}
	#small_menu_btn{width: 32px; height: 32px; position: relative; user-select:none; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 5px; z-index: 2;}
	#small_menu_btn span{display: block; position: relative; width: 18px; height: 2px; background: #1A1A1A; border-radius: 2px; top: 0; transition: top 0.6s 0.2s, transform 0.2s; transform-origin: center center;}
	#small_menu_btn.on span{transition: top 0.2s, transform 0.6s 0.2s;}
	#small_menu_btn.on span:nth-child(1){top: 7px; transform: rotate(-45deg);}
	#small_menu_btn.on span:nth-child(2){top: 0; opacity: 0;}
	#small_menu_btn.on span:nth-child(3){top: -7px; transform: rotate(45deg);}
	#small_menu_container{position: fixed; width: 100%; height: calc(100% - 50px); opacity: 0; visibility: hidden; left: 0; bottom: 0; transition: all 0.5s; transform: translateY(-150%);}
	#small_menu_container.on{opacity: 1; visibility: visible; background: #fff; transform: translateY(0);}
	.small_menu_container_inner{width: 100%; height: 100%; padding: 160px 20px 30px; display: flex; flex-direction: column; justify-content: space-between; box-sizing: border-box;}
	.small_menu_container_inner .small_menu{display: flex; flex-direction: column; gap: 25px;}
	.small_menu_container_inner .small_menu li{transform: translateY(-20px); opacity: 0; transition: all 0.3s; visibility: hidden;}
	.small_menu_container_inner .small_menu li:nth-child(1){transition-delay: 0.7s;}
	.small_menu_container_inner .small_menu li:nth-child(2){transition-delay: 0.8s;}
	.small_menu_container_inner .small_menu li:nth-child(3){transition-delay: 0.9s;}
	.small_menu_container_inner .small_menu li:nth-child(4){transition-delay: 1.0s;}
	.small_menu_container_inner .small_menu li:nth-child(5){transition-delay: 1.1s;}
	.small_menu_container_inner.on .small_menu li{transform: translateY(0); opacity: 1; visibility: visible;}
	.small_menu_container_inner .small_menu li a{color: #1A1A1A; font-family: 'gmarket B'; font-size: 24px; display: flex; align-items: center; justify-content: space-between;}
	.small_menu_container_inner .small_menu li.gray a{color: #D8D8D8;}
	.small_menu_container_inner .small_footer{transform: translateX(-100px); opacity: 0; visibility: hidden; transition: all 0.3s 0.5s;}
	.small_menu_container_inner.on .small_footer{transform: translateX(0); opacity: 1; visibility: visible;}
	.small_menu_container_inner .small_footer ul{display: flex; align-items: center; gap: 30px; margin-bottom: 10px;}
	.small_menu_container_inner .small_footer ul li{position: relative;}
	.small_menu_container_inner .small_footer ul li::after{content: ""; position: absolute; top: 0; bottom: 0; right: -15px; width: 1px; height: 12px; background: #EAEAEA; margin: auto;}
	.small_menu_container_inner .small_footer ul li:last-child::after{display: none;}
	.small_menu_container_inner .small_footer ul li a{font-family: 'noto-R'; font-size: 14px; color: #949494; position: relative;}
	.small_menu_container_inner .small_footer ul li:first-child a{color: #1A1A1A;}
	.small_menu_container_inner .small_footer .copy{color: #949494; font-size: 12px; font-family: 'noto-R';}

	.cursor{display: none;}

	/* top-btn */
	.top_btn{width: 100%;}
	.top_btn a{width: 40px; height: 40px; right: 20px;}

	/* footer */
	#footer_wrap{height: unset; padding: 30px 20px;}
	#footer_wrap .footer_inner{width: 100%; flex-direction: column; align-items: flex-start; justify-content: unset;}
	#footer_wrap .footer_inner .footer_menu{margin-bottom: 10px; gap: 30px; flex-wrap: wrap;}
	#footer_wrap .footer_inner .footer_menu li:nth-child(2){display: none;}
	/* #footer_wrap .footer_inner .footer_menu li::after{display: none;} */
	#footer_wrap .footer_inner .footer_menu li a{font-size: 14px;}
	#footer_wrap .footer_inner .copy{color: #949494;}
	#footer_wrap .footer_inner .right_area{transform: unset; margin-top: 30px;}

	/* main */
	.intro_wrap{padding: 0;}
	.intro_wrap .video_wrap video{width: 100%;}

	.sub_section .contents_inner{width: 100%;}

	.sub_section01 .contents_inner{padding: 0 20px;}
	.sub_section01 .contents_inner .txt_inner{width: 100%; padding: 0; margin: 143px auto 80px;}
	.sub_section01 .contents_inner .txt_inner .left_txt{font-size: 30px; margin-bottom: 40px;}
	.sub_section01 .contents_inner .txt_inner .right_txt{margin-left: 0; font-size: 18px; width: 320px; white-space: unset; letter-spacing: -0.5px;}
	.sub_section01 .contents_inner .txt_inner .right_txt br:nth-child(1),
	.sub_section01 .contents_inner .txt_inner .right_txt br:nth-child(3){display: none;}
	.sub_section01 .contents_inner .txt_inner .right_txt_02 .right_txt{font-size: 18px; width: 320px; letter-spacing: -0.5px;}
	.sub_section01 .contents_inner .txt_inner .right_txt_02{right: unset; left: 0; top: 173px; display: none;}
	.sub_section01 .contents_inner .txt_inner .right_txt_02_360{display: block; top: 145px;}
	.sub_section01 .contents_inner .attachment_box{background-size: cover; height: 100px;}

	.sub_section02{height: 705px; margin: 0;}
	.sub_section02 .state_box{padding: 107px 20px 0; z-index: 2;}
	.sub_section02 .state_box .state_tit{font-size: 30px; margin-bottom: 48px; width: 213px;}
	.sub_section02 .state_box #stateList{width: 280px; position: relative;}
	.sub_section02 .state_box #stateList li{width: 130px;}
	.sub_section02 .state_box #stateList li:first-child{width: 164px; margin-bottom: 28px;}
	.sub_section02 .state_box #stateList li:nth-child(3){left: 150px;}
	.sub_section02 .state_box #stateList li:nth-child(4){left: 0; transform: translateY(80px);}
	.sub_section02 .state_box #stateList li:nth-child(5){left: 150px; transform: translateY(80px);}
	.sub_section02 .state_box #stateList li:nth-child(6){left: 0; transform: translateY(160px);}
	.sub_section02 .state_box #stateList li p{font-size: 14px; font-family: 'noto-R' !important;}
	.sub_section02 .state_box #stateList li .count{font-size: 22px;}
	.sub_section02 .state_box #stateList li:first-child p{margin-bottom: 13px;}
	.sub_section02 .state_box #stateList li:first-child .count{font-size: 30px;}
	.sub_section02 .state_box #stateList li:first-child .count span{font-size: 30px;}
	.sub_section02 .graph_motion{width: 100%; height: 1098px; left: 0; transform: unset;}
	.sub_section02 .graph_motion .graph_img{width: 100%; height: 1098px; left: 0; transform: unset;}
	.sub_section02 .graph_motion .graph_img::after{content: ""; width: 100%; height: 15px; position: absolute; bottom: 0; left: 0; background: linear-gradient(0deg,#fff,transparent);}
	.sub_section02 .graph_motion .graph_img .dim{position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: #fff; display: block; transition: all 2s linear; z-index: 1;}
	.sub_section02.on .graph_motion .graph_img .dim{width: 0;}
	.sub_section02.on .graph_motion .graph_img{width: 100%;}
	.sub_section02 .graph_motion .graph_img img{width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

	.sub_section03 .contents_inner{padding: 160px 0 73px;}
	.sub_section03 .contents_inner .tit_box{width: 100%; padding: 0 20px; margin-bottom: 76px;}
	.sub_section03 .contents_inner .tit_box .tit{font-size: 30px; margin-bottom: 20px;}
	.sub_section03 .contents_inner .tit_box .txt{font-size: 14px;}
	.sub_section03 .history_wrap{width: 100%; padding: 0 20px;}
	.sub_section03 .history_wrap .his_box{padding-top: 76px; flex-direction: column;}
	.sub_section03 .history_wrap .his_box .left_area .big_year{font-size: 30px; margin-bottom: 36px;}
	.sub_section03 .history_wrap .his_box .left_area .txt{display: none;}
	.sub_section03 .history_wrap .his_box .left_area .img_box{display: none;}
	.sub_section03 .history_wrap .his_box .left_area .img_box img{width: 100%;}
	.sub_section03 .history_wrap .his_box .right_area{width: 100%; padding-top: 0;}
	.sub_section03 .history_wrap .his_box .right_area ul{gap: 30px;}
	.sub_section03 .history_wrap .sub_history_list .table_his_style b{font-size: 14px; width: 40px;}
	.sub_section03 .history_wrap .sub_history_list .table_his_style .his_info{width: 260px;}
	.sub_section03 .history_wrap .sub_history_list .table_his_style .his_info span{font-size: 14px;}
	.sub_section03 .more_btn{padding-bottom: 0;}
	.sub_section03 .more_btn a{font-size: 16px;}
	.sub_section03 .more_btn .num{font-size: 14px;}
	
	.sub_section04{height: auto;}
	.sub_section04 .fixd_wrap{height: auto;}
	.sub_section04 .fixd_wrap.on{position: relative;}
	.sub_section04 .fixd_wrap.bottom{position: relative;}
	.sub_section04 .fixd_wrap .line_bnner{display: none;} 

	.sub_section04 .fixd_wrap .contents_box{width: 100%; height: auto; position: relative;}
	.sub_section04 .fixd_wrap .contents_box .box_title{left: 0; top: 0; transform: unset; margin-top: 0; margin-bottom: 54px; font-size: 40px; position: relative; padding: 110px 20px 0; font-size: 30px;}
	.sub_section04 .fixd_wrap .contents_box .contents_inner{margin-top: 0; padding: 0px 20px 0; gap: 340px; width: 100%; position: relative; top: 0; transform: unset; overflow-x: scroll;}
	.sub_section04 .fixd_wrap .contents_box .contents_inner::-webkit-scrollbar{display: none;}
	.sub_section04 .fixd_wrap .contents_box .scroll_content{gap: 40px; flex-direction: column; width: 100%; justify-content: space-between;}
	.sub_section04 .fixd_wrap .contents_box .scroll_content .tit_box{width: 100%; padding: 0;}
	.sub_section04 .fixd_wrap .contents_box .scroll_content .img_box ul{gap: 20px;}
	.sub_section04 .fixd_wrap .contents_box .scroll_content .img_box ul li{width: 200px;}
	.sub_section04 .fixd_wrap .contents_box .scroll_content .img_box ul li img{width: 200px;}
	.sub_section04 .fixd_wrap .contents_box .scroll_content02 .img_box ul li:last-child{width: 200px; padding-right: 20px;}
	.sub_section04 .fixd_wrap .contents_box .scroll_content02 .img_box ul li:last-child img{width: 176px; display: none;}
	.sub_section04 .fixd_wrap .contents_box .scroll_content .tit_box .tit{margin-bottom: 20px; font-size: 22px;}
	.sub_section04 .fixd_wrap .contents_box .scroll_content .tit_box .txt{letter-spacing: -0.5px; font-size: 14px;}
	.sub_section04 .fixd_wrap .contents_box .scroll_content .tit_box .tit br,
	.sub_section04 .fixd_wrap .contents_box .scroll_content .tit_box .txt br{display: none;}
	.sub_section04 .fixd_wrap .contents_box .fix_txt{margin-top: 0; font-size: 50px; left: 0; white-space: nowrap; top: 605px; transform: unset; display: none;}

	.sub_section04 .fixd_wrap .contents_box .contents_inner02{width: 100%; height: auto; padding: 107px 20px; left: 0; top: 0; bottom: unset; position: relative; background: #000; margin-top: 96px;}
	.sub_section04 .fixd_wrap .contents_box .contents_inner02 .dim{display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 300px; background: linear-gradient(0deg, #000 60%,transparent); z-index: 1; opacity: 0;}
	.sub_section04 .fixd_wrap .contents_box .contents_inner02 .tit_box{margin-bottom: 40px;}
	.sub_section04 .fixd_wrap .contents_box .contents_inner02 .tit_box .tit{margin-bottom: 22px; font-size: 22px; line-height: 32px; letter-spacing: -1px; word-break: keep-all;}
	.sub_section04 .fixd_wrap .contents_box .contents_inner02 .tit_box .tit br{display: none;}
	.sub_section04 .fixd_wrap .contents_box .contents_inner02 .tit_box .txt{font-size: 14px; line-height: 22px;}
	.sub_section04 .fixd_wrap .contents_box .contents_inner02 .txt_box ul{gap: 30px;}
	.sub_section04 .fixd_wrap .contents_box .contents_inner02 .txt_box ul li .tit{font-size: 14px; margin-bottom: 14px;}
	.sub_section04 .fixd_wrap .contents_box .contents_inner02 .txt_box ul li .txt{font-size: 14px; line-height: 22px;}
	.sub_section04 .fixd_wrap .contents_box .contents_inner02 .txt_box ul li .sub_txt{font-size: 14px; line-height: 22px;}

	.sub_section05 .contents_inner{padding: 110px 20px;}
	.sub_section05 .contents_inner>.tit{width: 100%; margin-bottom: 38px; font-size: 30px;}
	.sub_section05 .contents_inner .ovsc{overflow-x: scroll;}
	.sub_section05 .contents_inner .ovsc::-webkit-scrollbar{display: none;}
	.sub_section05 .contents_inner .tab_box{width: 660px; justify-content: flex-start; gap: 40px;}
	.sub_section05 .contents_inner .tab_box li{width: 180px;}
	.sub_section05 .contents_inner .tab_box .tab_tit{font-size: 22px; margin-bottom: 10px;}
	.sub_section05 .contents_inner .tab_box .tab_txt{font-size: 14px; line-height: 22px;}
	.sub_section05 .contents_inner .tab_box .tab_txt br{display: none;}
	.sub_section05 .contents_inner .tab_content_wrap .tab_content .content_box{margin-top: 50px; height: 180px; background-size: cover; border: 1px solid #E8E8E8;}
	.sub_section05 .contents_inner .tab_content_wrap .tab_content .content_box img{width: 100%; max-width: 600px;}
	.sub_section05 .contents_inner .btn_box{width: 100%; margin: 20px auto 0; display: grid; grid-template-columns: repeat(3,1fr);}
	.sub_section05 .contents_inner .btn_box a{padding: 10px; font-size: 12px; width: 100%; height: 38px; word-break: keep-all;}
	.sub_section05 .contents_inner .btn_box a span{width: 18px; height: 18px;}

	.sub_section06 .contents_inner{padding: 0 20px 70px;}
	.sub_section06 .contents_inner .business_btn_box{width: 100%; margin: 0 auto 50px;}
	.sub_section06 .contents_inner .business_btn_box .tit{font-size: 30px; margin-bottom: 25px; white-space: unset;}
	.sub_section06 .contents_inner .business_btn_box .txt_box{flex-direction: column;}
	.sub_section06 .contents_inner .business_btn_box .txt_box .txt{width: 100%; font-size: 14px; line-height: 22px;}
	.sub_section06 .contents_inner .business_btn_box .txt_box .txt br{display: none;}
	.sub_section06 .contents_inner .business_btn_box .txt_box a{display: none;}
	.sub_section06 .contents_inner .img_box{width: 100%; height: 100px; overflow: hidden;}
	.sub_section06 .contents_inner .img_box img{width: 100%;}

	.sub_section06 .contents_inner a.mo{display: flex; align-items: center; justify-content: space-between; width: 208px; height: 50px; color: #ffffff; font-family: 'noto-R'; font-size: 14px; padding: 13px 15px 13px 20px; border: 1px solid #1A1A1A; border-radius: 5px; box-sizing: border-box; transition: all 0.3s; background: #1A1A1A; margin: 40px auto 0;}
	.sub_section06 .contents_inner a.mo span {display: block; width: 24px; height: 24px; background: url(//image5.compuzone.co.kr/img/images/company2024/download_btn_icon_white.svg) center center / contain no-repeat; transition: all 0.3s;}

	/* location */
	.sub_section_location .contents_inner{padding: 130px 0 70px;}
	.sub_section_location .contents_inner .tit{width: 100%; padding: 0 20px; margin-bottom: 50px;}
	.sub_section_location .contents_inner .tab_slide_wrap{width: 100%; padding: 0 20px; margin: 0 auto 40px;}
	.sub_section_location .contents_inner .tab_slide_wrap .slide_map{flex-direction: column; width: 220px; height: unset; gap: 10px; margin-right: 50px;}
	.sub_section_location .contents_inner .tab_slide_wrap .slide_map .sub_tit{font-size: 16px;}
	.sub_section_location .contents_inner .tab_slide_wrap .slide_map .txt_box{white-space: unset;}
	.sub_section_location .contents_inner .tab_slide_wrap .slide_map .txt_box .addr_kor{font-size: 14px;}
	.sub_section_location .contents_inner .tab_slide_wrap .slide_map .txt_box .addr_eng{font-size: 14px;}
	.sub_section_location .contents_inner .tab_slide_wrap::after{left: -97%; transform: unset; margin-left: 0;}
	.sub_section_location .contents_inner .map_box .map .root_daum_roughmap .wrap_map {height: 360px;}
	.sub_section_location .contents_inner .map_box .map_txt{width: 100%; padding: 0 20px; margin: 40px auto 0; flex-direction: column; gap: 25px;}
	.sub_section_location .contents_inner .map_box .map_txt ul{width: 100%; gap: 25px;}
	.sub_section_location .contents_inner .map_box .map_txt ul li{gap: 0; line-height: 30px;}
	.sub_section_location .contents_inner .map_box .map_txt ul li .sub_tit{font-size: 14px;}
	.sub_section_location .contents_inner .map_box .map_txt ul li .info_txt{font-size: 14px; line-height: unset; width: 280px;}
	.sub_section_location .contents_inner .map_box .map_txt ul li .info_txt span{font-size: 14px; margin-top: 10px; line-height: 22px; word-break: keep-all;}

	/* service */
	.sub_section_service .contents_inner{padding: 0 0 70px;}
	.sub_section_service .contents_inner .visual .tit_motion_wrap{width: 100%; left: 0; right: unset; bottom: 200px; word-break: keep-all; padding: 0 20px;}
	.sub_section_service .contents_inner .visual p span{font-size: 25px; line-height: 35px;}
	.sub_section_service .contents_inner .visual .scroll_box{height: 80px; width: 4px;}
	.sub_section_service .contents_inner .visual .scroll_box::after{height: 47px; width: 4px;}
	@keyframes service_scroll_box {
		0%{transform: translateY(0);}
		100%{transform: translateY(33px);}
	}
	.sub_section_service .service_info{width: 100%; margin: 130px auto 110px;}
	.sub_section_service .service_info ul{gap: 80px;}
	.sub_section_service .service_info ul li{flex-direction: column; align-items: unset; gap: 40px;}
	.sub_section_service .service_info ul li:nth-child(2){flex-direction: column; justify-content: unset;}
	.sub_section_service .service_info ul li .txt_box{padding: 0 40px; width: 100%;}
	.sub_section_service .service_info ul li .txt_box .tit{font-size: 30px; line-height: 42px; margin-bottom: 20px; word-break: keep-all;}
	.sub_section_service .service_info ul li .txt_box .tit br{display: none;}
	.sub_section_service .service_info ul li .txt_box .txt{font-size: 14px; line-height: 22px;}
	.sub_section_service .service_info ul li .txt_box .txt:nth-child(2){margin-bottom: 10px;}
	.sub_section_service .service_info ul li .img_box{width: 100%; height: unset;}
	.sub_section_service .service_slide{margin-bottom: 110px;}
	.sub_section_service .service_slide .tit_box{width: 100%; padding: 0 20px; margin: 0 auto 40px;}
	.sub_section_service .service_slide .tit_box .tit{font-size: 30px; line-height: 42px; margin-bottom: 20px; word-break: keep-all;}
	.sub_section_service .service_slide .tit_box .txt{font-size: 14px; line-height: 22px;}
	.sub_section_service .service_scroll{height: unset;}
	.sub_section_service .service_scroll .fixd{height: unset;}
	.sub_section_service .service_scroll .content{position: relative; height: 650px;}
	.sub_section_service .service_scroll .content02{transform: translateY(0);}
	.sub_section_service .service_scroll .content .txt_inner{width: 100%; padding: 110px 20px 0; flex-direction: column;}
	.sub_section_service .service_scroll .content .tit{font-size: 30px; line-height: 42px;}
	.sub_section_service .service_scroll .content .txt{width: 100%; font-size: 18px; line-height: 30px; padding-top: 40px;}
	.sub_section_service .service_scroll .content01 .txt br:nth-child(1),
	.sub_section_service .service_scroll .content01 .txt br:nth-child(3){display: none;}
	.sub_section_service .service_scroll .content02 .txt br:nth-child(1),
	.sub_section_service .service_scroll .content02 .txt br:nth-child(3),
	.sub_section_service .service_scroll .content02 .txt br:nth-child(4),
	.sub_section_service .service_scroll .content02 .txt br:nth-child(5){display: none;}

	.sub_section_service .service_partner{width: 100%;}
	.sub_section_service .service_partner .txt_motion_wrap{width: 100%; padding: 110px 20px 0; margin: 0 auto 80px; flex-direction: column; justify-content: unset;}
	.sub_section_service .service_partner .txt_motion_wrap .tit{font-size: 30px; line-height: 42px;}
	.sub_section_service .service_partner .txt_motion_wrap .txt_wrap{width: 100%; height: unset;}
	.sub_section_service .service_partner .txt_motion_wrap .txt_wrap .t_1{width: unset; height: unset; color: #1A1A1A; font-size: 18px; line-height: 30px;}
	.sub_section_service .service_partner .txt_motion_wrap .txt_wrap .t_2{display: none;}

	.sub_section_service .service_partner .banner_img{width: 100%; padding: 0 20px; position: relative; margin-bottom: 40px;}
	.sub_section_service .service_partner .banner_img img{width: 100%;}
	.sub_section_service .service_partner .partner_btn_box{width: 100%; padding: 0 20px; flex-direction: column; justify-content: unset; align-items: unset; margin: 0 auto 40px;}
	.sub_section_service .service_partner .partner_btn_box .txt{font-size: 14px; line-height: 22px;}
	.sub_section_service .service_partner .partner_btn_box a{display: none;}

	.sub_section_service .service_partner .partner_card{width: 100%; padding: 0 20px;}
	.sub_section_service .service_partner .partner_card ul{grid-template-columns: repeat(3, 1fr); gap: 10px;}

	.sub_section_service .service_partner a.mo{display: flex; align-items: center; justify-content: space-between; width: 182px; height: 50px; border-radius: 5px; color: #fff; font-size: 14px; font-family: 'noto-R'; background: #000; padding: 0 20px; margin: 40px auto 0;}

	#pop_box{display: none; background: rgba(0, 0, 0, 0.7); overflow-x: hidden; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999;}
	#pop_box.on{display: block;}
	#pop_box .inner {padding: 0 25px; box-sizing: border-box; text-align: left; width: 100%; max-width: 450px; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
	#pop_box .inner .cont {width: 100%; min-width: 270px; max-width: 450px; border-radius: 10px; position: relative; margin: 0 auto; background: #fff; box-sizing: border-box;}
	#pop_box .shr_sns {position: relative; padding: 20px 35px; border-bottom: 1px solid #d8d8d8; color: #1A1A1A; font-size: 20px; font-family: 'noto-B'; font-weight: normal; text-align: center; word-break: keep-all; height: auto; line-height: inherit;}

	#pop_box .inner .cont .closeBtn {display: inline-block; width: 30px; height: 30px; background: url(//image5.compuzone.co.kr/img/images/product_list22/pro_comparison_x2.png) center center / contain no-repeat; position: absolute; top: 15px; right: 15px;}
	#pop_box .layer_pop {width: auto; margin: 0 auto; max-height: 380px; padding: 0; background: none; overflow: hidden; max-width: 375px; position: relative; border-radius: 10px; box-sizing: border-box;}
	#pop_box .layer_pop .sale_price_inner {padding: 20px 20px 25px;}
	#pop_box .layer_pop .sale_price_inner .list {overflow: hidden; padding: 0; border-bottom: none;}
	#pop_box .layer_pop .sale_price_inner .list dt {float: left;}
	#pop_box .layer_pop .sale_price_inner .list dt p {margin: 6px 0 0 0; font-size: 15px; font-family: 'noto-R'; font-weight: normal; color: #1A1A1A; letter-spacing: -0.5px;}
}

@media (max-width:339px){
	.sub_section03 .history_wrap .sub_history_list .table_his_style b{float: left; margin-bottom: 5px;}
	.sub_section03 .history_wrap .sub_history_list .table_his_style .his_info{float: left; margin-bottom: 10px;}
}
@media (max-width:767px) and (min-width:560px){
	.sub_section03 .history_wrap .sub_history_list .table_his_style .his_info{width: 430px;}
}

/* ³ôÀÌ°ª¿¡ µû¸¥ ¹Ìµð¿öÄõ¸® */
@media (min-height:600px) and (max-height:700px) and (max-width:767px){
	.intro_wrap .video_wrap video{width: 120%;}
}
@media (min-height:701px) and (max-width:767px){
	.intro_wrap .video_wrap video{width: 150%;}
}

/* 122070 ¸ð¹ÙÀÏ ³×ºñ°ÔÀÌ¼Ç °³¼± */
.mobile .left {display: flex; align-items: center;}
.backbtn {width: 36px; height: 36px; background: url(//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_before_24.svg) left center / 24px no-repeat;}