@import url("common.css");
/* COMMON */
.fontDn {font-family:'DM Sans';}
.lineBreak {display:block;}

textarea::-webkit-input-placeholder {color:#929292 !important; font-weight:400; font-size:14px;}
textarea:-moz-placeholder {color:#929292 !important; font-weight:400; font-size:14px;}
textarea::-moz-placeholder {color:#929292 !important; font-weight:400; font-size:14px;}
textarea:-ms-input-placeholder {color:#929292 !important; font-weight:400; font-size:14px;}
textarea {background:#fff; border:1px solid #D3D3D3; border-radius:10px; color:#111; font-size: 14px; font-weight: 400; line-height: 140%; letter-spacing: -0.07px;}
textarea:focus { border-color: #F75F07; outline: none;}
input::-webkit-input-placeholder {color:#929292 !important; font-weight:400; font-size:14px;}
input:-moz-placeholder {color:#929292 !important; font-weight:400; font-size:14px;}
input::-moz-placeholder {color:#929292 !important; font-weight:400; font-size:14px;}
input:-ms-input-placeholder {color:#929292 !important; font-weight:400; font-size:14px;}
input[type="text"],
input[type="password"] {display: flex; width:100%; height: 48px; padding: 14px 16px; align-items: flex-start; gap: 16px; background:#fff; border:1px solid #D3D3D3; border-radius:10px; color:#111; font-size: 14px; font-weight: 400; line-height: 140%; letter-spacing: -0.07px;}
input:focus { border-color: #F75F07; outline: none;}
img {width:100%;}

.f-start {justify-content: flex-start !important;}
.f-end {justify-content: flex-end !important;}

.colorOrg {color:#F75F07;}

.chkBox {display:flex; gap:20px;}
.chkBox label {display:flex; gap:8px; align-items: center; color:#111; font-size: 16px; font-weight: 500; line-height: 140%; letter-spacing: -0.32px;}
.chkBox label input[type="checkbox"] { display:none; }
.chkBox label input[type="checkbox"] + i { position:relative; width:22px; height:22px; border-radius:6px; border:2px solid #d3d3d3;}
.chkBox label input[type="checkbox"]:checked + i:before { content:''; position:absolute; top:-2px; left:-2px; width:22px; height:22px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Crect width='22' height='22' rx='6' fill='%23F75F07'/%3E%3Cpath d='M5 11L9 15L17 7' stroke='white' stroke-width='2.5'/%3E%3C/svg%3E"); background-size:100%;}
.chkBox.sm label {font-size: 14px; font-weight: 500; line-height: 140%; letter-spacing: -0.28px;}
.chkBox.sm label input[type="checkbox"] + i {width:20px; height:20px;}
.chkBox.sm label input[type="checkbox"]:checked + i:before {width:20px; height:20px;}

.btnArea {display: flex; justify-content: center; align-items: center; gap:12px;}
.btnOrg {display: flex; justify-content: center; align-items: center; padding: 16px 36px; border-radius:100px; background-color:#F75F07; color: #fff; text-align: center; font-size: 20px; font-weight: 600; line-height: 140%; letter-spacing: -0.4px;}
.btnOrg:hover {background:#DA4D06;}
.btnOrgOp {display: flex; margin-top:24px; height: 44px; padding: 14px 20px; flex-direction: column; justify-content: center; align-items: center; align-self: stretch; color:#E8590C; border-radius: 1000px; background: #FFD8A8; font-size: 14px; font-weight: 600; line-height: 140%; letter-spacing: -0.28px;}
.btnOrgOp.w103 {width:120px; white-space:nowrap;} /* "자세히 보기"가 두 줄로 꺾이지 않도록 폭 확보 */
.btnOrgOp:hover {color:#DA4D06; background:#FFBC76;}
.btnGray {display: flex; justify-content: center; align-items: center; padding: 16px 36px; border-radius:100px; background-color:#E9E9E9; color: #111; text-align: center; font-size: 20px; font-weight: 600; line-height: 140%; letter-spacing: -0.4px;}
.btnGray:hover {background:#D3D3D3;}
.btnList {padding-right:18px; color:#F76707; font-size: 14px; font-weight: 600; line-height: 140%; letter-spacing: -0.28px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cg clip-path='url(%23clip0_812_2744)'%3E%3Cpath d='M5.44149 1.35359L6.1486 0.646484L11.5022 6.00004L6.1486 11.3536L5.44149 10.6465L9.58795 6.50003H0.795044V5.50003H9.58793L5.44149 1.35359Z' fill='%23F76707'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_812_2744'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat 100% 50%;}
.btnAct {color:#6f6f6f; font-size: 14px; font-weight: 600; line-height: 140%; letter-spacing: -0.28px;}
.btnGrdi {display: flex; padding: 16px 36px; align-items: center; font-size: 20px; font-weight: 600; line-height: 140%; letter-spacing: -0.4px; color:#111; border-radius: 1000px; background: var(--gradient-1, linear-gradient(97deg, #FFD43B 0%, #FF922B 36.06%, #F75F07 100%));}
.btnGrdi:hover {background:#DA4D06;}
[class^="btn"].sm {height: 48px; padding: 13px 24px; gap: 4px; font-size: 16px; font-weight: 700; line-height: 140%; letter-spacing: -0.32px;}

/* ScrollMotion */
/* 공통 초기값 */
[data-motion] {opacity: 0; transition: all .7s ease;}

/* 01 아래 → 위 */
[data-motion="fadeUp"] {transform: translateY(30px);}
[data-motion="fadeUp"].show {opacity: 1; transform: translateY(0);}

/* 02 위 → 아래 */
[data-motion="fadeDown"] {transform: translateY(-30px);}
[data-motion="fadeDown"].show {opacity: 1; transform: translateY(0);}

/* 03 좌 → 우 */
[data-motion="fadeRight"] {transform: translateX(-30px);}
[data-motion="fadeRight"].show {opacity: 1; transform: translateX(0);}

/* 04 우 → 좌 */
[data-motion="fadeLeft"] {transform: translateX(30px);}
[data-motion="fadeLeft"].show {opacity: 1; transform: translateX(0);}

/* 05 페이드만 */
[data-motion="fadeOn"] {opacity:0;}
[data-motion="fadeOn"].show {opacity: 1;}

/* 06 스케일만 */
[data-motion="fadeScale"] {opacity:1; transform: scale(1); transition: all 1.4s ease;}
[data-motion="fadeScale"].show {opacity: 1; transform: scale(1.1);}

/* Quick Menu*/
.quickMenu { width: 88px;  border-radius: 99px; background: rgba(52, 52, 52, 0.60); box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.25); backdrop-filter: blur(15px); position: fixed; bottom: 40px; right: 40px; padding: 24px 18px; z-index: 100;}
.quickMenu .list {overflow: hidden; display: flex; flex-direction: column; align-items: center; gap: 24px; max-height: 40px; transition: max-height 0.2s ease, padding 0.2s ease; border-radius: 99px;}
.quickMenu .list li a {padding-top:48px; display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; font-size: 14px; color: #FFF;}
.quickMenu .list li:before {content:'';pointer-events: none; position:absolute; top:0; left:50%; transform: translateX(-50%); width:40px; height: 40px;}
.quickMenu .list li:nth-child(1):before {background:url(../IAS_images/new/btn_quick_inquiry.png) no-repeat 0 0; background-size:100% auto;}
.quickMenu .list li:nth-child(1):hover:before {background-image: url(../IAS_images/new/btn_quick_inquiry_on.png);}
.quickMenu .list li:nth-child(2):before {background:url(../IAS_images/new/btn_quick_history.png) no-repeat 0 0; background-size:100% auto;}
.quickMenu .list li:nth-child(2):hover:before {background-image: url(../IAS_images/new/btn_quick_history_on.png);}
.quickMenu .list li:nth-child(3):before {background:url(../IAS_images/new/btn_quick_support.png) no-repeat 0 0; background-size:100% auto;}
.quickMenu .list li:nth-child(3):hover:before {background-image: url(../IAS_images/new/btn_quick_support_on.png);}
.quickMenu .list li:nth-child(4):before {background:url(../IAS_images/new/btn_quick_call.png) no-repeat 0 0; background-size:100% auto;}
.quickMenu .list li:nth-child(4):hover:before {background-image: url(../IAS_images/new/btn_quick_call_on.png);}
.quickMenu .list li:nth-child(5):before {background:url(../IAS_images/new/btn_quick_plus.png) no-repeat 0 0; background-size:100% auto;}
.quickMenu .list li:nth-child(5):hover:before {background-image: url(../IAS_images/new/btn_quick_plus_on.png);}
.quickMenu .list li:nth-child(6):before {background:url(../IAS_images/new/btn_quick_close.png) no-repeat 0 0; background-size:100% auto;}
.quickMenu .list li:nth-child(6):hover:before {background-image: url(../IAS_images/new/btn_quick_close_on.png);}
.quickMenu .list .item {opacity: 0; transform: translateY(20px); transition: all 0.3s ease;pointer-events: none;}
.quickMenu .quickBtnOpen, .quickMenu.active .quickBtnClose {opacity: 1 !important; transform: translateY(0) !important; pointer-events: auto;}
.quickMenu .quickBtnClose, .quickMenu.active .quickBtnOpen {display: none;}
.quickMenu .quickBtnOpen, .quickMenu .quickBtnClose {width:40px; height:40px; position: absolute; bottom: 24px; left: 24px;}
.quickMenu.active .list {max-height: 424px; padding-bottom:64px;}
.quickMenu.active .list .item {opacity: 1; transform: translateY(0); pointer-events: auto;}
.quickMenu.active .quickBtnClose {display: block;}

/* MAIN */
body {overflow-x:hidden;}
#wrap {position:relative; z-index:1; width:100%; height:100%;}
#container.main {position: relative;}

/* HEADER */
.btnInquiry {
  position: absolute;
  top:16px;
  right:40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width:140px;
  height:48px;
  background: linear-gradient(145deg, #0f0f0f, #1c1c1c);
  border: 4px solid rgba(255, 255, 255, 0.2);
  border-radius: 100px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.5px;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.3s ease;
  box-shadow: 0 0 20px rgba(0, 255, 255, 0.1);
  backdrop-filter: blur(8px);
  z-index: 1;
}
.btnInquiry::before {content: ""; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: conic-gradient(from 0deg, #F75F07, rgba(255, 212, 59, 1), #F75F07); animation: rotate 4s linear infinite; z-index: -2;}
.btnInquiry::after {content: ""; position: absolute; inset: 3px; background: #0a0a0a; border-radius: inherit; z-index: -1;}
.btnInquiry:hover {box-shadow: 0 0 15px #F75F07;}
@keyframes rotate {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}

header {overflow:hidden; position:fixed; top:0; width:100%; height:81px; background: rgba(0, 0, 0, 0.20); backdrop-filter: blur(15px); z-index: 1000;  transition: background 0.3s ease-out, color 0.3s ease-out, height 0.3s ease, box-shadow 0.3s ease;}
header .logo {position:absolute; top:22px; left:40px;}
header .logo a {display:block; width:121px; height:36px; background:url(../IAS_images/common/logo_pc.png) no-repeat 0 0; background-size:100% auto;}
header .inner { max-width:1280px; margin:0 auto; display:flex; align-items:center; justify-content: center;}
header.scrolled {background:#fff; color:#111; height:81px;}
header.scrolled .logo a,
header.hover h1 a,
header.gnbOn .logo a {background-image: url(../IAS_images/common/f_logo_pc.png);}
header.scrolled .depth1 > li {color:#111;}
header.hover {background:#fff; height:390px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);}
header.scrolled:after, header.hover:after, header.gnbOn:after {content:''; position:absolute; top:80px; left:0; right:0; width:100%; height:1px; background:#e9e9e9;}
header .btnGnb {display: block; width:64px; height:64px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21 6H3V4H21V6Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21 13H3V11H21V13Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21 20H3V18H21V20Z' fill='white'/%3E%3C/svg%3E"); background-size:24px auto; background-position:50% 50%; background-repeat:no-repeat;}
header.scrolled .btnGnb,
header.gnbOn .btnGnb {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21 6H3V4H21V6Z' fill='%23111111'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21 13H3V11H21V13Z' fill='%23111111'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21 20H3V18H21V20Z' fill='%23111111'/%3E%3C/svg%3E");}

header.hover .depth1 > li {color:#111;}
header.hover .depth1 .depth2 {display: flex; flex-direction: column; gap: 20px; width:100%; padding:32px 0 48px;}
header .depth1 .depth2 {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
}
header.hover .depth1 .depth2 {
  opacity: 1;
  visibility: visible;
}

header .depth1 > li  {font-size: 16px; font-weight: 600; line-height: 140%; letter-spacing: -0.32px; color:#fff;}
header li:hover {color:#F75F07 !important;}
header .depth1 .depth2 {display:none; color: #343434; font-size: 16px; font-weight: 500; line-height: 140%; letter-spacing: -0.32px; font-family: "Pretendard Variable";}
header .depth1 .depth2 a {display:block; padding:10px 0;}
header.hover .depth1 > li {color:#111;}
header.styleWht {background-color: #fff;}
header.styleWht .depth1 > li {color: #111; font-family:'DM Sans';}
header.styleWht .logo a {background-image: url(../IAS_images/common/f_logo_pc.png);}
header.styleWht .btnGnb {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21 6H3V4H21V6Z' fill='%23111111'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21 13H3V11H21V13Z' fill='%23111111'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21 20H3V18H21V20Z' fill='%23111111'/%3E%3C/svg%3E");}
header.styleWht:after { content: ''; position: absolute; top: 80px; left: 0; right: 0; width: 100%;  height: 1px; background: #e9e9e9;}

/* FOOTER */
#footer {background:#fff; border-top:1px solid #e9e9e9;}
#footer .copyright {position:relative; width:1280px; padding:40px; margin:0 auto; color:#333; font-size:15px; font-weight:400;}
#footer .copyright li span+span{margin-left:12px;}
#footer .copyright li a {color:#333; margin-left:12px;}
#footer .copyright .f_logo {position:relative; margin-top:64px;}
#footer .copyright .f_logo img {width:121px;}
#footer .copyright .f_logo div {position:absolute; bottom:-2px; right:0; width:100%; padding-left:120px;}
#footer .copyright .f_logo span {color:#E8590C; font-size:12px; font-weight:400; vertical-align:bottom;}
#footer .copyright .f_logo .in1 {margin-left:40px;}
#footer .copyright .f_logo .in2 {margin-left:16px;}
#footer .copyright .f_logo .in3 {position:absolute; bottom:0; right:0;}

/* MAIN-CONTENTS */
/* MAIN-CONTENTS(visual) */
[class^="mainSec"] .inner {width:1280px; margin:0 auto; padding:80px 40px;}
[class^="mainSec"] .tit {display:flex; flex-direction:column; align-items:flex-start; gap:24px; align-self:stretch; color:#fff;}
[class^="mainSec"] .tit em {position:relative; padding-left:16px; color:#F75F07; font-weight:700; font-size:18px; font-family:'DM Sans';}
[class^="mainSec"] .tit em::before {content:''; position:absolute; top:50%; left:0; width:8px; height:8px; transform:translateY(-40%); background:#F75F07;}
[class^="mainSec"] .tit strong {font-size:60px; font-weight:600; line-height:120%; letter-spacing:-1.2px;}
[class^="mainSec"] .tit span {font-size:18px; font-weight:400; line-height:140%; letter-spacing:-0.09px;}

.mainVisual {position: relative;}
.mainVisual .tit {position: relative; z-index: 2; display:flex; padding:200px 40px 40px 40px; flex-direction:column; align-items:center; gap:40px; align-self:stretch;}
.mainVisual .tit em {color:#FF922B; text-align:center; font-size:18px; font-style:normal; font-weight:700; line-height:140%; letter-spacing:-0.09px; font-family:'DM Sans';}
.mainVisual .tit strong {color:#FFF; text-align:center; font-size:72px; font-weight:700; line-height:120%; letter-spacing:-1.44px;}
.mainVisual .tit span {color: #FFF; text-align:center; font-size:18px; font-weight:400; line-height:140%; letter-spacing:-0.09px;}

.mainVisual .swiper-pagination {bottom:35% !important;}
.mainVisual .mainVisSwiper {width:100%; height:100vh;}
.mainVisual .mainVisSwiper .swiper-slide .img {	position: absolute; top: 0; right: 0;bottom: 0;	left: 0; transform: scale(1); transition: transform 5s ease;}
.mainVisual .mainVisSwiper .swiper-slide .img.bg01 {background:url(../IAS_images/new/bg_mainVisual01.png) no-repeat 50% 0 / cover;}
.mainVisual .mainVisSwiper .swiper-slide .img.bg02 {background:url(../IAS_images/new/bg_mainVisual02.png) no-repeat 50% 0 / cover;}
.mainVisual .mainVisSwiper .swiper-slide .img.bg03 {background:url(../IAS_images/new/bg_mainVisual03.png) no-repeat 50% 0 / cover;}
.mainVisual .mainVisSwiper .swiper-slide-active .img { transform: scale(1.2); transition: transform 5s ease-out;}

.mainVisual .mainVisSwiper .swiper-pagination-bullet {width:60px; height:4px; background:#fff; opacity:0.2; border-radius:0;}
.mainVisual .mainVisSwiper .swiper-pagination-bullet-active {opacity:1;}


.mainVisual .logoList {position:absolute; left:50%; bottom:80px; z-index:1; transform: translateX(-50%); width:100%; display: flex; justify-content: center; align-items: center; align-content: center; gap: 20px; align-self: stretch; flex-wrap: wrap;}
.mainVisual .logoList li {display:flex; width: 154px; height: 86px;}
.mainVisual .logoList li a {display:block; width:100%; font-size:0;}
.mainVisual .logoList li:nth-child(1) a {background:url(../IAS_images/new/img_home_logo1.png) no-repeat 0 0 / 100% auto;}
.mainVisual .logoList li:nth-child(2) a {background:url(../IAS_images/new/img_home_logo2.png) no-repeat 0 0 / 100% auto;}
.mainVisual .logoList li:nth-child(3) a {background:url(../IAS_images/new/img_home_logo3.png) no-repeat 0 0 / 100% auto;}
.mainVisual .logoList li:nth-child(4) a {background:url(../IAS_images/new/img_home_logo4.png) no-repeat 0 0 / 100% auto;}
.mainVisual .logoList li:nth-child(5) a {background:url(../IAS_images/new/img_home_logo5.png) no-repeat 0 0 / 100% auto;}
.mainVisual .logoList li:nth-child(6) a {background:url(../IAS_images/new/img_home_logo6.png) no-repeat 0 0 / 100% auto;}
.mainVisual .logoList li:nth-child(1):hover a {background:url(../IAS_images/new/img_home_logo1_on.png) no-repeat 0 0 / 100% auto;}
.mainVisual .logoList li:nth-child(2):hover a {background:url(../IAS_images/new/img_home_logo2_on.png) no-repeat 0 0 / 100% auto;}
.mainVisual .logoList li:nth-child(3):hover a {background:url(../IAS_images/new/img_home_logo3_on.png) no-repeat 0 0 / 100% auto;}
.mainVisual .logoList li:nth-child(4):hover a {background:url(../IAS_images/new/img_home_logo4_on.png) no-repeat 0 0 / 100% auto;}
.mainVisual .logoList li:nth-child(5):hover a {background:url(../IAS_images/new/img_home_logo5_on.png) no-repeat 0 0 / 100% auto;}
.mainVisual .logoList li:nth-child(6):hover a {background:url(../IAS_images/new/img_home_logo6_on.png) no-repeat 0 0 / 100% auto;}

/* MAIN-CONTENTS(why iaan) */
[id^="mc"] {scroll-margin-top: 80px;}
.mainSec01 {background:#fff;}
.mainSec01 .tit strong {color:#111;}
.mainSec01 .tit span {color:#343434;}
.mainSec01 .info {display:flex; flex-wrap:wrap; align-items:flex-start; align-content:flex-start; gap:20px; margin-top:88px; align-self:stretch;}
.mainSec01 .info li {display:flex; flex-direction:column; align-items:flex-start; gap:24px; flex:1 0 0; min-width:386px; padding:40px 20px 40px 0; border-top: 1px solid #E9E9E9;}
.mainSec01 .info li strong {font-size:32px; color:#111; font-weight:600; line-height:130%; letter-spacing:-0.64px;}
.mainSec01 .info li span {margin-top:-4px; color:#343434; font-size:18px; font-weight:400; line-height:140%; letter-spacing:-0.09px;}
.mainSec01 .info li:before {content:''; display:block; width:24px; height:24px;}
.mainSec01 .info li:nth-child(1):before {background:url(../IAS_images/new/ico_why1.png) no-repeat 0 0 / cover;}
.mainSec01 .info li:nth-child(2):before {background:url(../IAS_images/new/ico_why2.png) no-repeat 0 0 / cover;}
.mainSec01 .info li:nth-child(3):before {background:url(../IAS_images/new/ico_why3.png) no-repeat 0 0 / cover;}
.mainSec01 .info li:nth-child(4):before {background:url(../IAS_images/new/ico_why4.png) no-repeat 0 0 / cover;}
.mainSec01 .info li:nth-child(5):before {background:url(../IAS_images/new/ico_why5.png) no-repeat 0 0 / cover;}
.mainSec01 .info li:nth-child(6):before {background:url(../IAS_images/new/ico_why6.png) no-repeat 0 0 / cover;}

/* MAIN-CONTENTS(Who we are) */
.mainSec02 {background:url(../IAS_images/new/bg_mainSec02.png) no-repeat 50% 0 / cover;}
.mainSec02 .inner {display:flex; align-items:flex-start; gap:48px;}
.mainSec02 .tit {display:flex; flex-direction:column; align-items:flex-start; gap:24px; flex:1 0 0; padding:40px 0;}
.mainSec02 .info {display:flex; flex-direction:column; align-items:center; gap:20px; flex:1 0 0;}
.mainSec02 .info li {display:flex; flex-direction:column; align-items:flex-start; gap:24px; padding:40px; align-self: stretch; border-radius:30px; border:1px solid rgba(255, 255, 255, 0.20); background:rgba(255, 255, 255, 0.05); backdrop-filter:blur(15px);}
.mainSec02 .info strong {color:#F75F07; font-size:32px; font-weight:700; line-height:120%; letter-spacing:-0.64px;}
.mainSec02 .info span {color:#fff; font-size:18px; font-weight:400; line-height:140%; letter-spacing:-0.09px;}

/* MAIN-CONTENTS(Organization) */
.mainSec03 {background:#f4f4f4;}
.mainSec03 .tit {align-items:center; color:#111; margin-bottom:40px; text-align:center;}
.mainSec03 .info {width:1200px; height:688px; background:url(../IAS_images/new/img_mainSec03.png) no-repeat 0 0; background-size:100% auto;}

/* MAIN-CONTENTS(history) */
.mainSec04 {overflow:hidden; background:url(../IAS_images/new/bg_mainSec04.png) no-repeat 50% 0 / cover;}
.mainSec04 .mainHistorySwiper {overflow:visible; margin-top:88px;}
.mainSec04 .info {display:flex; flex-wrap: nowrap;}
.mainSec04 .info li {position:relative; flex:1 0 auto; padding:40px 120px 0 0; width:494px; border-top:1px solid rgba(255, 255, 255, 0.40);}
.mainSec04 .info li:before {content:''; position:absolute; top:-10px; left:0; width:20px; height:20px; background:#F75F07;}
.mainSec04 .info li:last-child {width:374px !important; padding-right:0;}
.mainSec04 .info strong {display:block; color:#fff; font-size:72px; font-weight:700; line-height:120%; letter-spacing:-1.44px;}
.mainSec04 .info span {display:block; margin-top:20px; color:#fff; font-size:18px; font-weight:400; line-height:140%; letter-spacing:-0.09px;}

/* MAIN-CONTENTS(contact) */
.mainSec05 .tit {align-items:center; color:#111; margin-bottom:40px;}
.mainSec05 .info {display:flex; gap:20px;  margin-top:80px;}
.mainSec05 .info li {flex:1; text-align:center; padding:40px 0; border-top:1px solid #E9E9E9;}
.mainSec05 .info strong {display:block; margin-bottom:20px; font-size:32px; font-weight:600; color:#111;}
.mainSec05 .info span {font-size:18px; color:#333; font-weight:400; line-height:25px;}
.mainSec05 .info span em {display:block;}

/* SUB-CONTENTS */
.subSec .inner {width:1280px; margin:0 auto; padding:80px 40px;}
.subSec.first .inner {padding-top:160px;}
.subSec .tit {display:flex; flex-direction:column; align-items:flex-start; gap:24px; align-self:stretch; margin-bottom:80px; color:#111;}
.subSec .tit em {position:relative; padding-left:16px; color:#F75F07; font-weight:700; font-size:18px; font-family:'DM Sans';}
.subSec .tit em::before {content:''; position:absolute; top:50%; left:0; width:8px; height:8px; transform:translateY(-50%); background:#F75F07;}
.subSec .tit strong {font-size: 72px; font-weight: 700; line-height: 120%; letter-spacing: -1.44px;}
.subSec .tit span {font-size: 24px; font-weight: 500; line-height: 140%; letter-spacing: -0.12px; color:#343434;}
.subSec .tit span + span {font-size: 18px; font-weight: 400; line-height: 140%; letter-spacing: -0.09px;}
.subSec .tit.tyAc48 {margin-bottom:48px; gap:16px; align-items: center; text-align:center;} 
.subSec .tit.tyAc48 em {padding-left:0;}
.subSec .tit.tyAc48 em::before {display:none;}
.subSec .tit.tyAc48 strong {font-size: 48px; font-weight: 600; line-height: 120%; letter-spacing: -0.96px;}
.subSec .tit.tyAc48 span {font-size: 18px; font-weight: 400; line-height: 140%; letter-spacing: -0.09px; text-align:center;}
.subSec .tit.tyAL60 {align-items: flex-start; margin-bottom:0;}
.subSec .tit.tyAL60 strong {font-size: 60px; font-weight: 600; line-height: 120%; letter-spacing: -1.2px;}
.subSec .tit.tyAL60 em {padding:0; color:#fff; font-size: 24px; font-weight: 500; line-height: 140%; letter-spacing: -0.12px; opacity:0.8;}
.subSec .tit.tyAL60 em:before {display:none;}
.subSec .tit.tyAL60 span {font-size: 18px; font-weight: 400; line-height: 140%; letter-spacing: -0.09px; text-align:left;}
.subSec .tit.mb0 {margin-bottom:0;}
.subSec .stit {display:flex; flex-direction:column; gap:8px;}
.subSec .stit.tyAc {text-align:center;}
.subSec .stit.tyAcl {text-align:center;}
.subSec .stit strong {font-size: 24px; font-weight: 600; line-height: 130%; letter-spacing: -0.48px;}
.subSec .stit span {color:#343434; font-size: 15px; font-weight: 400; line-height: 140%; letter-spacing: -0.075px;}

.subVisual {overflow:hidden; position:relative; display:flex; flex-direction:column; align-items:center; justify-content: center; width:100%; height:634px;}
.subVisual .tit {display:flex; flex-direction: column; align-items:center; justify-content: center; gap:40px; align-self:stretch;}
.subVisual .tit em {color:#FF922B; text-align:center; font-size:18px; font-style:normal; font-weight:700; line-height:140%; letter-spacing:-0.09px; font-family:'DM Sans';}
.subVisual .tit strong {color:#FFF; text-align:center; font-size: 60px; font-weight: 600; line-height: 120%; letter-spacing: -1.2px;}
.subVisual .tit span {color: #FFF; text-align:center; font-size:18px; font-weight:400; line-height:140%; letter-spacing:-0.09px;}
.subVisual .img.bg01 {position: absolute; top: 0; right: 0;bottom: 0; left: 0; background:url(../IAS_images/new/bg_subVisual01.png) no-repeat center / cover; z-index:-1;}
.subVisual .img.bg02 {position: absolute; top: 0; right: 0;bottom: 0; left: 0; background:url(../IAS_images/new/bg_subVisual02.png) no-repeat center / cover; z-index:-1;}

.subSec.bgGray {background:#E9E9E9;}
.subSec.bgWithe {background:#fff;}
.subSec.bgBlue {background:#ECF3FF;}
.subSec.bgOrg {background:rgba(255, 235, 211, 0.50);}
.subSec.bgGrdi {background: linear-gradient(159deg, #ECF3FF 28.26%, #FFE5C5 116.89%);}

.productList {display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;}
.productList li {display: flex; min-width: 285px; flex-direction: column; align-items: flex-start; overflow:hidden; border-radius: 30px; background: #FFF;}
.productList li .img {display: flex; min-height: 214px; align-items: center; width: 100%; justify-content: center; border-bottom:1px solid #E9E9E9;}
.productList li .img img {max-width: 100%; width:auto;}
.productList li .text {display: flex; padding: 28px; flex-direction: column; align-items: flex-start; align-self: stretch; flex:1;}
.productList li .text strong {margin-bottom:8px; font-size: 18px; font-weight: 600; line-height: 130%; letter-spacing: -0.36px;}
.productList li .text span {min-height:105px; margin-bottom:24px; color:#343434; font-size: 15px; font-weight: 400; line-height: 140%; letter-spacing: -0.075px;}
/* 설명 줄수가 달라도(안티바이러스 등) '자세히 보기' 버튼을 카드 하단에 통일 정렬 */
.productList li .text .btnOrgOp {margin-top:auto;}

.detailList {display:flex; flex-direction: column; gap:48px;}
.detailList > li {display: flex; align-items: center; gap: 48px; align-self: stretch;}
.detailList > li:nth-child(even) { flex-direction: row-reverse;}
.detailList > li .img {min-width:576px; flex:1 1 0;}
.detailList > li .text {display: flex; flex:1; flex-direction: column; align-items: flex-start; justify-content: center; align-self: stretch;}
.detailList > li .text strong {margin-bottom:16px; font-size: 40px; font-weight: 600; line-height: 120%; letter-spacing: -0.8px; color:#111;}
.detailList > li .text em {margin-bottom:16px; font-size: 18px; font-weight: 700; line-height: 140%; letter-spacing: -0.09px; color:#F75F07;}
.detailList > li .text span {font-size: 18px; font-weight: 400; line-height: 140%; letter-spacing: -0.09px; color:#343434;}
.detailList > li .text .box {display: flex; margin-top:32px; padding: 20px 16px; flex-direction: column; align-self: stretch; font-size: 16px; font-weight: 400; line-height: 140%; letter-spacing: -0.08px; border-radius: 15px; background: var(--gray-50, #EDEDED);}
.detailList > li .text > .dotList li {font-size: 18px; font-weight: 400; line-height: 140%; letter-spacing: -0.09px;}
.detailList.ty02 > li:nth-child(even) {flex-direction: row;}
.detailList.ty03 {flex-direction: row; gap:20px;}
.detailList.ty03 > li {flex-direction: column; gap:24px;}
.detailList.ty03 > li .img {min-width:386px; flex:0;}
.detailList.ty03 > li .text strong {margin-bottom:8px; font-size: 24px; font-weight: 600; line-height: 130%; letter-spacing: -0.48px; }
.detailList.ty03 > li .text span {font-size: 15px; font-weight: 400; line-height: 140%; letter-spacing: -0.075px;}

.compareList {display: flex; align-items: flex-start; gap: 20px; align-items: stretch;}
.compareList > li {display: flex; padding: 16px; flex-direction: column; gap: 16px; flex: 1 0 0; background:#fff; border-radius:30px;}
.compareList > li .name {display: flex; width:100%; padding: 20px; justify-content: center; color:#fff; font-size: 18px; font-weight: 600; line-height: 130%; letter-spacing: -0.36px;; background:#111; border-radius:20px;}
.compareList > li .info {display: flex; padding: 12px 12px 16px 12px; flex-direction: column; align-items: flex-start; gap: 20px; align-self: stretch;}
.compareList > li .info li {display: flex; gap: 16px; align-self: stretch;}
.compareList > li .info li span:nth-child(1) {width:90px; color:#6F6F6F; font-size: 16px; font-weight: 400; line-height: 140%; letter-spacing: -0.08px;}
.compareList > li .info li span:nth-child(2) {text-align:left; flex:1 0 0; color:#111; font-size: 16px; font-weight: 400; line-height: 140%; letter-spacing: -0.08px;}
.compareList.ty02 > li:nth-child(1) .name {background:#343434;}
.compareList.ty02 > li:nth-child(2) .name {background:#FF922B;}
.compareList.ty02 > li:nth-child(3) .name {background: linear-gradient(132deg, #FD7E14 0%, #F75F07 100%);}

.inBgBox {overflow:hidden; position:relative; display:flex; flex-direction: column; align-items:center; padding:80px 0; color:#fff; border-radius: 30px; text-align:center;}
.inBgBox:before {content:''; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1;}
.inBgBox * {position: relative; z-index: 2;}
.inBgBox strong {margin-bottom:20px; font-size: 48px; font-weight: 600; line-height: 120%; letter-spacing: -0.96px;}
.inBgBox span {margin-bottom:40px; font-size: 18px; font-weight: 400; line-height: 140%; letter-spacing: -0.09px;}
.inBgBox.bgWindow {background:url(../IAS_images/new/img_sw_window_bg.png) no-repeat center / cover;}
.inBgBox.bgWindow:before {background:rgba(0, 0, 0, 0.4);}
.inBgBox.bg36501 {background:url(../IAS_images/new/img_sw_365_bg01.png) no-repeat center / cover; }
.inBgBox.bg36501:before {background:rgba(0, 0, 0, 0.6);}
.inBgBox.bg36502 {background:url(../IAS_images/new/img_sw_365_bg02.png) no-repeat center / cover; }
.inBgBox.bg36502:before {background:rgba(0, 0, 0, 0.6);}
.inBgBox.bgSketchup {background:url(../IAS_images/new/img_sw_sketchup_bg.png) no-repeat center / cover; }
.inBgBox.bgSketchup:before {background:rgba(0, 0, 0, 0.6);}

.whiteBox {display: flex; align-items: flex-start; align-content: flex-start; gap: 20px; margin-top:32px; align-items: stretch; flex-wrap: wrap;}
.whiteBox li {display: flex; width: 386px; padding: 40px 28px 32px 28px; flex-direction: column;  align-items: flex-start; gap: 40px; border-radius:30px; background:#fff;}
.whiteBox .img {width:48px;}
.whiteBox .text {display: flex; flex-direction: column; align-items: flex-start; gap: 8px; align-self: stretch;}
.whiteBox .text strong {font-size: 18px; font-weight: 600; line-height: 130%; letter-spacing: -0.36px;} 
.whiteBox .text span {color:#343434; font-size: 15px; font-weight: 400; line-height: 140%; letter-spacing: -0.075px;} 
.whiteBox.ty02 .img {width:24px;}

.icoList {display:flex; gap:20px; margin-top:80px; flex-wrap: wrap; justify-content: center;}
.icoList > li {display:flex; flex-direction: column; gap:20px; align-items: center; padding:20px; max-width: 386px; flex:1 1 386px;}
.icoList > li .img {max-width:64px;}
.icoList > li .text {display:flex; flex-direction: column; gap:8px; align-items: center;}
.icoList > li .text strong {font-size: 20px; font-weight: 600; line-height: 140%; letter-spacing: -0.4px;}
.icoList > li .text span {color:#343434; font-size: 16px; font-weight: 400; line-height: 140%; letter-spacing: -0.08px; text-align: center;}
.icoList.ty02 > li {flex-direction:row; align-items:flex-start;  max-width:590px; flex: 1 1 590px;}
.icoList.ty02 > li .text {align-items: flex-start;}
.icoList.ty03 {margin-bottom:80px;}
.icoList.ty03 > li {max-width:183px; flex:1 1 138px;}
.icoList.ty04 > li {max-width:285px; flex:1 1 285px;}

.subSec.first + .tyBgCon {margin-top:-80px;}
.tyBgCon {position: relative; display:flex; align-items: center; height: 378px;}
.tyBgCon:before {content:''; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);}
.tyBgCon * {position: relative; z-index: 2;}
.tyBgCon .tit strong, .tyBgCon .tit span {color:#fff;}
.tyBgCon.bgServer01 {background:url(../IAS_images/new/img_sw_server01_bg.png) no-repeat center / cover;}
.tyBgCon.bgServer02 {background:url(../IAS_images/new/img_sw_server02_bg.png) no-repeat center / cover;}
.tyBgCon.bgAutocad01 {background:url(../IAS_images/new/img_sw_autocad01_bg.png) no-repeat center / cover;}
.tyBgCon.bgAutocad02 {background:url(../IAS_images/new/img_sw_autocad02_bg.png) no-repeat center / cover;}
.tyBgCon.bgAutocad03 {background:#E9E9E9;}
.tyBgCon.bgAutocad03:before {background:url(../IAS_images/new/img_sw_autocad03_bg.png) no-repeat center / 1400px auto; opacity: 0.1;}
.tyBgCon.bgAutocad03 .tit strong {color:#111;}
.tyBgCon.bgHancom01 {background:url(../IAS_images/new/img_sw_hancom01_bg.png) no-repeat center / cover;}
.tyBgCon.bgHancom02 {background:url(../IAS_images/new/img_sw_hancom02_bg.png) no-repeat center / cover;}
.tyBgCon.bgChaosd01  {background:url(../IAS_images/new/img_sw_chaos01_bg.png) no-repeat center / cover;}
.tyBgCon.bgChaosd02  {background:url(../IAS_images/new/img_sw_chaos02_bg.png) no-repeat center / cover;}

.tyBg {position: relative; background:url(../IAS_images/new/bg_tybtmbg.png) no-repeat center / cover;}
.tyBg:before {content:''; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; background:rgba(0, 0, 0, 0.6)}
.tyBg * {position: relative; z-index: 2;}
.tyBg .tit strong, .tyBg .tit span {color:#fff;}

.tyBtm .tit strong {font-size: 60px; font-weight: 600; line-height: 120%; letter-spacing: -1.2px;}
.tyBtm .icoList {justify-content: flex-start;}
.tyBtm .icoList > li {align-items: flex-start; max-width:224px; padding:40px 40px 40px 0; border-top:1px solid #D3D3D3;}
.tyBtm .icoList > li .text {align-items:flex-start;}
.tyBtm .icoList > li .text strong {font-family:'DM Sans';}

.subTabSwiper {padding-top:80px !important;}
.subTabSwiper .swiper-slide {transition-timing-function: ease-in-out; background:#E9E9E9;}
.subTabSwiper .swiper-pagination {top:0 !important; bottom:auto !important; display:flex; justify-content: center; gap:10px;}
.subTabSwiper .swiper-pagination-bullet {width:auto; height:auto; margin:0 !important; opacity: 1; border-radius:100px; background:#D3D3D3; padding: 10px 20px; font-size: 14px; font-weight: 600; line-height: 140%; letter-spacing: -0.28px;}
.subTabSwiper .swiper-pagination-bullet-active {background:#111; color:#fff;}
.subTabSwiper.ty02 {padding-top:20px !important;}
.subTabSwiper.ty02 .swiper-slide {background:#fff;}

/* Board */
.boardList {border-top:2px solid #111;}
.boardList li { border-bottom:1px solid #D3D3D3;}
.boardList li:hover {background:#f9f9f9;}
.boardList li > a {display:flex; padding:40px 20px;}
.boardList li > a strong {flex: 1; overflow:hidden; width:100%; white-space:nowrap; text-overflow:ellipsis; color:#111; font-size: 18px; font-weight: 500; line-height: 140%; letter-spacing: -0.09px;}
.boardList li > a strong .badge {padding:4px 10px; margin-right:20px; background:#E9E9E9; font-size: 14px; font-weight: 500; line-height: 140%; letter-spacing: -0.28px; border-radius:10px;}
.boardList li > a strong .badge.end {color:#E8590C; background:#FFEBD3;}
.boardList li > a strong .noti {margin-right:20px; color:#F75F07; font-size: 18px; font-weight: 500; line-height: 140%; letter-spacing: -0.09px;}
.boardList li > a span {display:block; font-size:15px; color:#555;}
.boardList li.anw {padding-left:60px;}
.boardList li.noData {padding:40px 0; text-align:center; font-size: 16px; font-weight: 400;line-height: 140%; letter-spacing: -0.08px;}
.boardList li.noData .btnArea {margin-top:20px;}

.borderView {border-top:2px solid #111;}
.borderView dt {padding:40px 20px; color:#111; font-size: 18px; font-weight: 500; line-height: 140%; letter-spacing: -0.09px; border-bottom:1px solid #D3D3D3;}
.borderView dt em {color:#0a61d8;}
.borderView dd {padding:40px 20px; font-size: 16px; font-weight: 400; line-height: 140%; letter-spacing: -0.08px;}
.borderView .reply {margin-bottom:40px; padding:40px; background:#EDEDED; color:#111; font-size: 16px; font-weight: 400; line-height: 140%; letter-spacing: -0.08px;}
.borderView .file {padding:0 20px; margin-bottom:40px; font-size: 16px; font-weight: 400; line-height: 140%; letter-spacing: -0.08px;}
.borderView .file a {text-decoration: underline;}
.borderView .btnArea {gap:40px; padding:0 20px;}
.borderView .btnAct {position: relative;}
.borderView .btnAct:before {content:''; position:absolute; top:50%; right:-20px; width:1px; height:16px; background:#D3D3D3; transform: translateY(-50%);}
.borderView ul {margin-top:40px; border-top:1px solid #111;}
.borderView li {padding:40px 20px; border-bottom:1px solid #D3D3D3;}
.borderView li:last-child {border-bottom:1px solid #ddd;}
.borderView li span {display:inline-block; width:100px; color:#6F6F6F; font-size: 18px; font-weight: 500; line-height: 140%; letter-spacing: -0.09px;}
.borderView li a {display:inline-block; width:90%; color:#111; font-size: 18px; font-weight: 500; line-height: 140%; letter-spacing: -0.09px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:middle;}

.boardPwd {padding:40px 0; border-top:2px solid #111;}
.boardPwd .in {text-align:center; font-size: 16px; font-weight: 400;line-height: 140%; letter-spacing: -0.08px;}
.boardPwd .in span {display:block; margin:20px auto; width:320px;}

.boardWrite {padding:30px 0 0; border-top:2px solid #111;}
.boardWrite th {width:80px; font-size: 16px; font-weight: 500; line-height: 140%; letter-spacing: -0.32px; text-align: left;}
.boardWrite th em {color: #F75F07;}
.boardWrite td {padding:10px 0;}
.boardWrite .btnArea {margin-top:30px;}

/* Search */
.schBox {display:flex; justify-content: space-between; margin-bottom:40px;}
.schBox .in {position:relative; width: 320px;}
.schBox .in input {padding-right:48px;}
.schBox .in a {position:absolute; top:0; right:0; display:block; width:48px; height:48px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cg clip-path='url(%23clip0_660_1807)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.45083 0.28418C14.5134 0.28418 18.6175 4.38824 18.6175 9.45085C18.6175 11.565 17.8996 13.5102 16.6973 15.061L21.7175 20.0802L20.0972 21.7014L15.0788 16.683C13.5252 17.8938 11.5732 18.6175 9.45083 18.6175C4.38822 18.6175 0.284164 14.5135 0.284164 9.45085C0.284164 4.38824 4.38822 0.28418 9.45083 0.28418ZM9.45083 2.57585C5.65387 2.57585 2.57583 5.65389 2.57583 9.45085C2.57583 13.2478 5.65387 16.3258 9.45083 16.3258C13.2478 16.3258 16.3258 13.2478 16.3258 9.45085C16.3258 5.65389 13.2478 2.57585 9.45083 2.57585Z' fill='%23929292'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_660_1807'%3E%3Crect width='22' height='22' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat 50% / 22px; font-size:0;}

/* Pagination */
.pagination {display:flex; align-items: center; justify-content: center; gap:10px; margin-top:40px; font-size:0;}
.pagination a {display:inline-block; width:40px; height:40px;}
.pagination span {display: flex; gap:10px;}
.pagination span a {display:flex; align-items: center; justify-content: center; background:#EDEDED; font-size: 16px; font-weight: 500; line-height: 140%; letter-spacing: -0.32px; border-radius:10px;}
.pagination span a.on {color:#fff; background:#343434;}
.pagination > a {background-position:50% 50%; background-repeat:no-repeat; text-indent:-99999px;}
.pagination .btn_page_prev {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.92258 0.74408L11.1011 1.92259L5.02368 8L11.1011 14.0774L9.92258 15.2559L2.66666 8L9.92258 0.74408Z' fill='%23343434'/%3E%3C/svg%3E");}
.pagination .btn_page_next {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.07847 0.74408L4.89996 1.92259L10.9774 8L4.89996 14.0774L6.07847 15.2559L13.3344 8L6.07847 0.74408Z' fill='%23343434'/%3E%3C/svg%3E");}
.pagination .btn_page_last {display:none;}

/* popup */
.dimWrap {background:#000; width:100%; height:100%; position:fixed; z-index:999; top:0; left:0; right:0; bottom:0; visibility: hidden; opacity:0; transition: opacity 0.3s ease;}
.dimWrap.on { opacity: 0.5; visibility: visible;}

.popup {opacity:0; visibility: hidden; transition: opacity 0.3s ease; position:fixed; top:50%; left:50%; transform: translate(-50%, -50%); z-index:10; width:794px; overflow:auto; background:#fff; z-index:99999; border-radius:15px;}
.popup.on {opacity: 1; visibility: visible;}
.popup .tit {position:relative; padding:18px 0; border-bottom:1px solid #D3D3D3;}
.popup .tit h2 {font-size: 20px; font-weight: 600; line-height: 140%; letter-spacing: -0.4px; text-align:center;}
.popup .inner {padding:40px;}
.popup .inner .desc {display:flex; padding: 12px 16px; margin-bottom:10px; flex-direction: column; justify-content: center; align-items: center; text-align:center; background:#FFEBD3; border-radius:10px;  color:#F75F07; font-size: 16px; font-weight: 500; line-height: 140%; letter-spacing: -0.32px;}
.popup .btnClose  {position:absolute; top:50%; right:10px; transform: translateY(-50%); width:44px; height:44px; font-size:0; }
.popup .btnClose:before {content: ''; display:block; width:44px; height:44px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4.39863 2.63086L2.63086 4.39863L10.2323 12L2.63088 19.6014L4.39864 21.3692L12 13.7678L19.6014 21.3692L21.3692 19.6014L13.7678 12L21.3692 4.39863L19.6014 2.63087L12 10.2323L4.39863 2.63086Z' fill='%234D4D4D'/%3E%3C/svg%3E") no-repeat center / 24px;}
.popup.tyScroll {max-height:989px; height:calc(100% - 80px);}

.counselTable {}
.counselTable th {width:80px; font-size: 16px; font-weight: 500; line-height: 140%; letter-spacing: -0.32px; text-align:left;}
.counselTable th em {color:#F75F07;}
.counselTable td {padding:10px 0;}
.counselTable td input {width:100%;}
.counselTable td textarea {height:150px;}

.counselTable td .file_input {display:flex; gap:12px;}
.counselTable td .file_input label {display: flex; height: 48px; padding: 14px 24px; cursor: pointer; background:#E9E9E9; border-radius:10px; font-size: 16px; font-weight: 700; line-height: 140%; letter-spacing: -0.32px;}
.counselTable td .file_input label input {position:absolute; width:0; height:0; overflow:hidden;}

.agreeArea {margin-top:20px; padding-top:20px; border-top:1px solid #D3D3D3;}
.agreeArea .in {padding:14px 16px; height:100px; overflow:auto; border:1px solid #D3D3D3; border-radius:10px;}
.agreeArea .in div {font-size: 14px; font-weight: 400; line-height: 140%; letter-spacing: -0.07px;}
.agreeArea .chkBox {margin-top:20px;}
.agreeArea + .btnArea {margin-top:40px; }
.agreeArea + .btnArea button {width:50%;}

/* 고객센터(SW) */
.eachCall {border-top:1px solid #F75F07; border-bottom:1px solid #FFD8A8;}
.eachCall dt {display:flex; gap:20px; background:#FFF5E9; color:#F75F07; padding:20px; font-size: 18px; font-weight: 600; line-height: 130%; letter-spacing: -0.36px;}
.eachCall dt:before {content:''; width:20px; height:20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M9.49357 6.87387L7.67363 2.00707C7.59543 1.79757 7.41364 1.66675 7.18006 1.66675H2.24021C1.98021 1.66675 1.74664 1.87625 1.72022 2.13789C1.69382 2.45163 0.992035 9.72508 5.56837 14.4611C8.03829 17.0252 11.5482 18.3334 16.0463 18.3334C16.6181 18.3334 17.2163 18.3068 17.8398 18.2813C18.0998 18.2547 18.3334 18.0462 18.3334 17.758V12.6819C18.3334 12.4469 18.2034 12.2629 17.9698 12.1853L13.1072 10.5368C12.8736 10.4581 12.639 10.5368 12.509 10.7463L10.9491 13.101C10.0127 12.6043 7.72568 11.1653 6.89266 9.12448L9.28438 7.52814C9.4936 7.37075 9.57077 7.10891 9.49357 6.87387Z' fill='%23F75F07'/%3E%3C/svg%3E");}
.eachCall dd {display:flex; align-items: center; gap: 20px; align-self: stretch; padding:20px 60px;}
.eachCall dd+dd {border-top:1px solid #FFD8A8;}
.eachCall dd strong {width:240px; color:#111; font-size: 14px; font-weight: 500; line-height: 140%; letter-spacing: -0.28px;}
.eachCall dd span {width:240px; color:#343434; font-size: 14px; font-weight: 400; line-height: 140%; letter-spacing: -0.07px;}
.eachCall dd a {flex: 1 0 auto; color:#F75F07; word-break: break-all; font-size: 16px; font-weight: 400; line-height: 140%; letter-spacing: -0.08px;}

/* 공문&내용증명 */
.stepList {display:flex; flex-direction: column; border-top:2px solid #111; margin-bottom:80px;}
.stepList li {border-bottom:1px solid #D3D3D3;}
.stepList li + li dt:before {content:''; position:absolute; top:-18px; left:50%; transform: translateX(-50%); width: 36px; height:36px; border-radius:99px; background:#F75F07 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='22' viewBox='0 0 18 22' fill='none'%3E%3Cpath d='M0.883881 12L8.88388 20L16.8839 12' stroke='white' stroke-width='2.5'/%3E%3Cline y1='-1.25' x2='20' y2='-1.25' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 7.63388 20)' stroke='white' stroke-width='2.5'/%3E%3C/svg%3E") no-repeat center;}
.stepList li dl {display: flex;}
.stepList li dl dt {position:relative; display:flex; align-items: center; justify-content: center; min-width:160px; background:#FFF5E9; padding:40px 20px; font-size: 20px; font-weight: 600; line-height: 140%; letter-spacing: -0.4px;}
.stepList li dl dd {flex:1 0 0; border-left:1px solid #D3D3D3; padding:32px; font-size: 16px; font-weight: 400; line-height: 140%; letter-spacing: -0.08px;}
.stepList li dl dd + dd {color:#F75F07;}

.numList {display: flex; flex-direction: column; gap:48px;}
.numList li {display:flex; flex-direction: column; gap:12px;}
.numList li strong {display:flex; gap:12px; font-size:  20px; font-weight: 600; line-height: 140%; letter-spacing: -0.4px;}
.numList li strong i {padding: 4px 10px; border-radius:10px; background:#FFEBD3; color:#DA4D06; text-align:center; font-size: 14px; font-weight: 500; line-height: 140%; letter-spacing: -0.28px;}
.numList li span {color:#343434; font-size: 16px; font-weight: 400; line-height: 140%; letter-spacing: -0.08px;}
.numList.ty02 {flex-direction: row; gap:20px; flex-wrap: wrap;}
.numList.ty02 li {padding:20px 0; max-width:386px; flex: 1 1 386px;}

.imgBox {display:flex; justify-content: center; margin-top:40px;}
.imgBox.ty02 {justify-content: flex-start; gap:20px; margin-top:24px;}
.imgBox.ty02 img {width:285px;}
.imgBox.ty02 + .stit {margin-top:48px;}

.infoList {display:flex; flex-direction: column; align-items: flex-start; gap: 8px; margin-top:24px; align-self: stretch;}
.infoList dt {color:#F75F07; font-size: 18px; font-weight: 700; line-height: 140%; letter-spacing: -0.09px;}
.infoList dd {display:flex; flex-direction: column; gap:8px; color:#343434; font-size: 15px; font-weight: 400; line-height: 140%; letter-spacing: -0.075px;}

.dotList {display:flex; flex-direction:column;}
.dotList li {position:relative; padding-left:20px; color:#343434; font-size: 15px; font-weight: 400; line-height: 140%; letter-spacing: -0.075px;}
.dotList li:before {content:''; position: absolute; top:8px; left:8px; width:3px; height:3px; border-radius: 90px; background:#343434;}

/* PC */
@media (min-width: 1280px) {  
  header .btnGnb {display: none;}

  header .depth1 {display: flex;}
  header .depth1 > li {position:relative; flex:1 0 120px; padding: 29px 0; text-align:center;}
  header .depth1 .depth2 {position: absolute; top: 100%; left: 0;}
}

/* Mobile */
@media all and (max-width: 1280px) {
	input[type="text"], input[type="password"] {height:44px;}

	.chkBox {flex-direction: column; gap:10px;}

	.lineBreak {display:inline;}

	.btnOrgOp {margin-top:16px;}
	.btnOrgOp.w103 {width:100%;}
	.btnGrdi {padding:13px 24px; font-size:16px;}
	[class^="btn"].sm {height:44px; font-size:14px;}
	

	/* Quick Menu*/
	.quickMenu {width:72px; right:12px; bottom:20px; padding:20px 0;}
	.quickMenu .list {max-height:32px; gap:20px;}
	.quickMenu .list li:before {width:32px; height:32px;}
	.quickMenu .list li a {padding-top:40px;}
	.quickMenu .quickBtnOpen, .quickMenu .quickBtnClose {width:32px; height:32px; left:20px; bottom:20px;}
	.quickMenu.active .list {max-height: 368px; padding-bottom:52px;}

	/* HEADER */
	header .btnInquiry {display:none;}

	header,
	header.scrolled {height:auto;}
	header .logo {top:20px; left:20px;}
	header .logo a {width:80px; height:24px;}
	header .inner {justify-content:flex-end;}
	header .btnInquiry {display:none;}
	header.gnbOn .btnGnb {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M2.39863 0.630859L0.630859 2.39863L8.23227 10L0.630878 17.6014L2.39864 19.3692L10 11.7678L17.6014 19.3692L19.3692 17.6014L11.7678 10L19.3692 2.39863L17.6014 0.630865L10 8.23227L2.39863 0.630859Z' fill='%23111111'/%3E%3C/svg%3E"); background-size:20px auto;}
	header.scrolled:after, header.hover:after, header.gnbOn:after {top:64px;}
	header.gnbOn {background:#fff; overflow: visible;}
	header .gnbMene {display: none; flex-direction: column; background: #fff;position: absolute; top: 100%; left: 0; width: 100%; }
	header.gnbOn .gnbMene {display:flex; height:100vh;}
	header.gnbOn .gnbMene.show {display: flex;}
	header.gnbOn .depth1 {padding:0 20px;}
	header.gnbOn .depth1 > li {color:#111; border-bottom:1px solid #e9e9e9;}
	header.gnbOn .depth1 > li > a {position:relative; display: block; padding:20px 0;}
	header.gnbOn .depth1 > li > a:after {content:''; position:absolute; top:20px; right:0; width:16px; height:16px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.744141 5.41179L1.92265 4.23328L8.00006 10.3107L14.0775 4.23328L15.256 5.41179L8.00006 12.6677L0.744141 5.41179Z' fill='%236F6F6F'/%3E%3C/svg%3E");}
	header.gnbOn .depth1 > li.show > a:after {transform: scaleY(-1);}
	header.gnbOn .depth1 > li .depth2 { opacity: 1; visibility: visible; flex-direction: column;}
	header.gnbOn .depth1 > li.show .depth2 {display:flex; padding: 12px 0; border-top:1px solid #e9e9e9;}
	header.gnbOn .depth1 .depth2 a {padding:8px 0;}
	header.styleWht:after {top:64px;}

	/* FOOTER */
	#footer .copyright {width:100%; padding:40px 16px; font-size:11px;}
	#footer .copyright li.mo_mt {margin-top:8px;}
	#footer .copyright li span {display:block; margin:0 !important;}
	#footer .copyright li a {margin:0 !important;}
	#footer .copyright .f_logo {margin-top:56px;}
	#footer .copyright .f_logo div {padding-left:100px;}
	#footer .copyright .f_logo img {width:80px;}
	#footer .copyright .f_logo span {font-size:10px;}
	#footer .copyright .f_logo .in1 {margin-left:20px;}

	/* MAIN-CONTENTS */
	[id^="mc"] {scroll-margin-top: 64px;}
	[class^="mainSec"] .inner {width:100%; padding:64px 16px;}
	[class^="mainSec"] .tit em {font-size:16px;}
	[class^="mainSec"] .tit strong {font-size:48px;}
	[class^="mainSec"] .tit span {font-size:16px;}

	.mainVisual .tit {font-size:48px; padding:25% 24px 40px;}
	.mainVisual .tit em {font-size:16px;}
	.mainVisual .tit strong {font-size:48px;}
	.mainVisual .tit span {font-size:16px;}
	.mainVisual .swiper-pagination {bottom:40% !important;}
	.mainVisual .mainVisSwiper .swiper-pagination-bullet {width:40px;}

	.mainVisual .logoList {bottom:24px; gap:16px; justify-content: space-evenly; padding: 0 24px;}

	.mainSec01 .info li {width:100%; min-width:100%;}
	.mainSec01 .info li strong {font-size:24px;}
	.mainSec01 .info li span {font-size:15px;}

	.mainSec02 .tit {padding:0;}
	.mainSec02 .inner {flex-direction: column;}
	.mainSec02 .info li {padding:28px 24px;}
	.mainSec02 .info strong {font-size:24px;}
	.mainSec02 .info span {font-size:15px;}

	.mainSec03 .info {width:328px; height:1138px; margin:0 auto; background-image:url(../IAS_images/new/img_mainSec03_mo.png);}

	.mainSec04 .mainHistorySwiper {margin-top:48px;}
	.mainSec04 .info li {width:286px !important; padding-right:40px;}
	.mainSec04 .info li:before {width:12px; height:12px; top:-6px;}
	.mainSec04 .info li:last-child {width:246px !important;}
	.mainSec04 .info strong {font-size:48px;}
	.mainSec04 .info span {Font-size:15px;}

	.mainSec05 .info {flex-direction: column; margin-top:40px;}
	.mainSec05 .info li {text-align:left;}
	.mainSec05 .info strong {font-size:24px; margin-bottom:12px;}
	.mainSec05 .info span {font-size:15px;}

	/* SUB-CONTENTS */
	.subSec .inner {width:100%; padding:64px 16px;}
	.subSec.first .inner {padding-top:128px;}
	.subSec .tit {margin-bottom:40px;}
	.subSec .tit em {font-size: 16px;}
	.subSec .tit strong {font-size:48px;}
	.subSec .tit span {font-size:18px;}
	.subSec .tit span + span {font-size:16px;}
	.subSec .tit.tyAc48 strong {font-size:40px;}
  	.subSec .tit.tyAc48 span {font-size:16px;}
	.subSec .tit.tyAL60 strong {font-size:32px;}
	.subSec .tit.tyAL60 span {font-size:15px;}
	.subSec .stit.tyAcl {text-align:left;}
	.subSec .stit strong {font-size:20px;}

	.subVisual .tit {padding: 0 24px;}
	.subVisual .tit strong {font-size:40px;}
	.subVisual .tit span {font-size:16px;}

	.productList { grid-template-columns: repeat(1, 1fr);}
	.productList li .text span {min-height: auto;}

	.detailList {flex-direction: column !important; gap:40px !important;}
	.detailList li {flex-direction: column !important; gap:16px !important;}
	.detailList li .img {min-width:100% !important;}
	.detailList li .text strong {margin-bottom:8px; font-size:20px !important;}
	.detailList li .text em { font-size:16px;}
	.detailList li .text span {font-size:15px !important;}
	.detailList li .text .box {margin-top:16px; padding:16px 12px; font-size:15px;}
	.detailList.ty03 > li .text strong {font-size:20px;}
	.detailList.ty03 > li .text span {font-size:15px;}

	.compareList {flex-direction: column;}
	.compareList > li {width:100%;}

	.inBgBox {padding:64px 16px;}
	.inBgBox strong {font-size:32px;}
	.inBgBox span {font-size:16px;}

	.whiteBox {gap:16px;}
	.whiteBox li {width:100%; height:auto;}

	.icoList {margin-top:48px;}
	.icoList > li {font-size:18px;}
	.icoList.ty02 {justify-content: flex-start;}
	.icoList.ty02 > li {flex-direction: column;}
	.icoList.ty03 {margin-bottom:48px;}
	.icoList.ty03 > li {max-width:calc(50% - 20px); flex:1 1 calc(50% - 20px);}

	.numList.ty02 > li {max-width:100%; flex:1 1 100%;}
	
	.tyBtm .icoList {flex-direction: column;}
	.tyBtm .icoList > li {max-width:100%; flex:1; gap:0;}

	.subSec.first + .tyBgCon {margin-top:-64px;}
	.tyBgCon {height:auto;}
	.tyBgCon.bgAutocad03:before {background-size:400px auto;}

	/* Borad */
	.boardList li > a {padding:20px 0;}
	.boardList li > a strong {font-size:16px;}

	.borderView .btnArea {padding:0;}
	.borderView .file {padding:0;}
	.borderView dt {padding:20px 0; font-size:16px;}
	.borderView dd {padding:20px 0;}
	.borderView ul {margin-top:20px;}
	.borderView li {padding:20px 0;}
	.borderView li span {font-size:16px; width:67px;}
	.borderView li a {font-size:16px; width:calc(100% - 67px);}
	
	.boardWrite {padding-top:10px;}
	.boardWrite .btnArea {margin-top:10px;}

	.schBox {margin-bottom:20px; gap:16px;}
	.schBox .in {width:100%;}
	.schBox .in a {background-size: 18px auto;}

	/* popup */ 
	.popup {width:100%; height:100% !important; max-height:100% !important; border-radius:0;}
	.popup .inner {padding:20px 16px;}
	.popup .inner .desc {font-size:14px;}
	.popup .tit {padding:16px;}
	.popup .tit h2 {font-size:18px;}

	.counselTable th {font-size:14px;}
	.counselTable td {padding:5px 0;}
	.counselTable td .file_input label {padding:12px 20px; font-size:14px; line-height: 24px;}
	
	.agreeArea {margin-top:15px; padding-top:15px;}

	/* 고객센터(SW) */
	.eachCall dt { padding:20px 16px; font-size:16px; gap:16px; }
    .eachCall dd { flex-direction: column; align-items: flex-start; gap:8px; padding:20px 16px;}

	/* 공문&내용증명 */
	.stepList {margin-bottom:48px;}
	.stepList li dl {flex-direction: column;}
	.stepList li dl dt {padding:16px 0; font-size:16px;}	
	.stepList li dl dt + dd { border-top:1px solid #D3D3D3; border-bottom:1px solid #D3D3D3;}
	.stepList li dl dd {padding:16px; font-size:14px; border:none;}
	.stepList li + li dt:before {display:none;}

	.numList {gap:40px;}

	.infoList dt {font-size:16px;}

	.imgBox {margin-top:20px;}
	.imgBox.ty02 {flex-direction: column; gap:16px;}
	.imgBox.ty02 img {width:100%;}

	.grecaptcha-badge {visibility: hidden;}
}

@media all and (max-width: 825px) {
	.icoList > li {max-width:100%; flex:1 1 100%;}
	.icoList.ty04 > li {max-width:100%; flex:1 1 100%;}
}