@charset "utf-8";

/* =========================================================
   SSL 보안서버 안내
   system_codingpage_37.css
========================================================= */

.ing_ssl_page,
.ing_ssl_page *{
	box-sizing:border-box;
}

.ing_ssl_page{
	--ssl-main:#47ad7a;
	--ssl-main-dark:#25865a;
	--ssl-deep:#173c2d;
	--ssl-soft:#edf9f2;
	--ssl-soft-2:#f6fcf8;
	--ssl-line:#d9ebe1;
	--ssl-text:#202b25;
	--ssl-sub:#66736b;
	--ssl-white:#ffffff;

	width:100%;
	overflow:hidden;
	background:#ffffff;
	color:var(--ssl-text);
	font-family:"Pretendard","Noto Sans KR","Malgun Gothic",sans-serif;
	word-break:keep-all;
}

.ing_ssl_page svg{
	display:block;
	width:100%;
	height:100%;
	fill:none;
	stroke:currentColor;
	stroke-width:1.8;
	stroke-linecap:round;
	stroke-linejoin:round;
}

.ing_ssl_page a{
	color:inherit;
	text-decoration:none;
}

.ing_ssl_page button{
	font-family:inherit;
}

.ing_ssl_inner{
	width:1320px;
	max-width:calc(100% - 40px);
	margin:0 auto;
}


/* =========================================================
   공통 제목
========================================================= */

.ing_ssl_section_heading{
	max-width:660px;
}

.ing_ssl_section_heading_center{
	max-width:820px;
	margin:0 auto;
	text-align:center;
}

.ing_ssl_section_label{
	margin:0 0 19px;
	color:var(--ssl-main-dark);
	font-size:13px;
	font-weight:800;
	letter-spacing:2.2px;
}

.ing_ssl_section_heading h3{
	margin:0;
	color:var(--ssl-deep);
	font-size:43px;
	font-weight:500;
	line-height:1.38;
	letter-spacing:-2px;
}

.ing_ssl_section_heading h3 strong{
	font-weight:800;
}

.ing_ssl_section_heading > p:last-child{
	margin:24px 0 0;
	color:var(--ssl-sub);
	font-size:17px;
	font-weight:400;
	line-height:1.85;
	letter-spacing:-.45px;
}


/* =========================================================
   상단 비주얼
========================================================= */

.ing_ssl_hero{
	position:relative;
	padding:106px 0 115px;
	background:
		linear-gradient(115deg, rgba(244,252,247,.98) 0%, rgba(236,249,241,.98) 52%, rgba(248,253,250,.98) 100%);
}

.ing_ssl_hero:before{
	content:"";
	position:absolute;
	top:-170px;
	right:-140px;
	width:570px;
	height:570px;
	border:1px solid rgba(71,173,122,.12);
	border-radius:50%;
}

.ing_ssl_hero:after{
	content:"";
	position:absolute;
	left:-170px;
	bottom:-250px;
	width:500px;
	height:500px;
	border:1px solid rgba(71,173,122,.1);
	border-radius:50%;
}

.ing_ssl_hero_inner{
	position:relative;
	z-index:2;
	display:flex;
	align-items:center;
	justify-content:space-between;
	width:1320px;
	max-width:calc(100% - 40px);
	margin:0 auto;
}

.ing_ssl_hero_content{
	width:53%;
	padding-right:55px;
}

.ing_ssl_eyebrow{
	display:flex;
	align-items:center;
	gap:11px;
	margin:0 0 25px;
	color:var(--ssl-main-dark);
	font-size:13px;
	font-weight:800;
	letter-spacing:2.1px;
}

.ing_ssl_eyebrow_icon{
	position:relative;
	width:24px;
	height:24px;
	border-radius:8px;
	background:rgba(71,173,122,.14);
}

.ing_ssl_eyebrow_icon:before{
	content:"";
	position:absolute;
	top:6px;
	left:7px;
	width:8px;
	height:8px;
	border:2px solid var(--ssl-main);
	border-radius:50%;
}

.ing_ssl_hero_title{
	margin:0;
	color:var(--ssl-deep);
	font-size:56px;
	font-weight:500;
	line-height:1.28;
	letter-spacing:-3px;
}

.ing_ssl_hero_title strong{
	position:relative;
	color:var(--ssl-main-dark);
	font-weight:800;
}

.ing_ssl_hero_title strong:after{
	content:"";
	position:absolute;
	z-index:-1;
	left:0;
	right:0;
	bottom:3px;
	height:12px;
	border-radius:20px;
	background:rgba(118,204,151,.2);
}

.ing_ssl_hero_description{
	max-width:690px;
	margin:29px 0 0;
	color:#5c6b62;
	font-size:18px;
	font-weight:400;
	line-height:1.85;
	letter-spacing:-.5px;
}

.ing_ssl_hero_points{
	display:flex;
	flex-wrap:wrap;
	gap:11px 22px;
	margin-top:31px;
}

.ing_ssl_hero_point{
	display:flex;
	align-items:center;
	gap:8px;
}

.ing_ssl_hero_point p{
	margin:0;
	color:#405247;
	font-size:14px;
	font-weight:600;
}

.ing_ssl_check_icon{
	display:flex;
	align-items:center;
	justify-content:center;
	width:20px;
	height:20px;
	border-radius:50%;
	background:#dff4e8;
	color:var(--ssl-main-dark);
	font-size:12px;
	font-weight:900;
}

.ing_ssl_hero_buttons{
	display:flex;
	align-items:center;
	gap:12px;
	margin-top:42px;
}

.ing_ssl_button{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:21px;
	min-width:184px;
	height:58px;
	padding:0 25px;
	border:1px solid transparent;
	border-radius:8px;
	font-size:15px;
	font-weight:700;
	transition:all .25s ease;
}

.ing_ssl_button_primary{
	background:var(--ssl-main-dark);
	color:#ffffff !important;
	box-shadow:0 13px 30px rgba(37,134,90,.18);
}

.ing_ssl_button_primary:hover{
	transform:translateY(-3px);
	background:#1e734d;
	box-shadow:0 18px 35px rgba(37,134,90,.25);
}

.ing_ssl_button_primary span{
	font-size:20px;
	transition:transform .25s ease;
}

.ing_ssl_button_primary:hover span{
	transform:translateX(4px);
}

.ing_ssl_button_line{
	border-color:#b8d9c7;
	background:rgba(255,255,255,.56);
	color:#315e49 !important;
}

.ing_ssl_button_line:hover{
	border-color:var(--ssl-main);
	background:#ffffff;
}


/* 비주얼 */

.ing_ssl_hero_visual{
	position:relative;
	width:47%;
	min-height:525px;
}

.ing_ssl_visual_glow{
	position:absolute;
	border-radius:50%;
	filter:blur(1px);
}

.ing_ssl_visual_glow_1{
	top:2%;
	right:3%;
	width:260px;
	height:260px;
	background:rgba(91,190,133,.14);
}

.ing_ssl_visual_glow_2{
	left:1%;
	bottom:4%;
	width:190px;
	height:190px;
	background:rgba(184,230,201,.35);
}

.ing_ssl_browser{
	position:absolute;
	top:45px;
	right:0;
	width:530px;
	max-width:92%;
	border:1px solid rgba(49,128,85,.12);
	border-radius:22px;
	background:#ffffff;
	box-shadow:0 30px 80px rgba(31,92,63,.15);
	overflow:hidden;
}

.ing_ssl_browser_top{
	display:flex;
	align-items:center;
	gap:18px;
	height:67px;
	padding:0 19px;
	border-bottom:1px solid #e6f0e9;
	background:#fbfefc;
}

.ing_ssl_browser_dots{
	display:flex;
	gap:6px;
}

.ing_ssl_browser_dots span{
	width:8px;
	height:8px;
	border-radius:50%;
	background:#d7e6dc;
}

.ing_ssl_browser_dots span:first-child{
	background:#9bd2b3;
}

.ing_ssl_browser_address{
	display:flex;
	align-items:center;
	gap:9px;
	flex:1;
	height:37px;
	padding:0 15px;
	border:1px solid #e0ece4;
	border-radius:9px;
	background:#ffffff;
	color:#5c6f63;
	font-size:12px;
	font-weight:600;
}

.ing_ssl_address_lock{
	width:16px;
	height:16px;
	color:var(--ssl-main-dark);
}

.ing_ssl_browser_body{
	position:relative;
	min-height:390px;
	padding:35px 31px 32px;
	background:
		linear-gradient(180deg,#ffffff 0%,#f8fcf9 100%);
}

.ing_ssl_security_badge{
	display:flex;
	flex-direction:column;
	align-items:center;
	text-align:center;
}

.ing_ssl_shield{
	display:flex;
	align-items:center;
	justify-content:center;
	width:94px;
	height:104px;
	color:var(--ssl-main-dark);
}

.ing_ssl_shield svg{
	stroke-width:2.3;
}

.ing_ssl_badge_label{
	margin:12px 0 8px;
	color:var(--ssl-main);
	font-size:10px;
	font-weight:800;
	letter-spacing:2px;
}

.ing_ssl_security_badge strong{
	color:var(--ssl-deep);
	font-size:23px;
	font-weight:800;
	letter-spacing:-1px;
}

.ing_ssl_security_badge > span{
	margin-top:8px;
	color:#7a8b81;
	font-size:13px;
}

.ing_ssl_data_flow{
	display:flex;
	align-items:center;
	justify-content:center;
	margin-top:37px;
}

.ing_ssl_data_node{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:8px;
}

.ing_ssl_data_node p{
	margin:0;
	color:#52665a;
	font-size:12px;
	font-weight:700;
}

.ing_ssl_data_icon{
	display:flex;
	align-items:center;
	justify-content:center;
	width:51px;
	height:51px;
	padding:14px;
	border:1px solid #dceae1;
	border-radius:16px;
	background:#ffffff;
	color:#4c8064;
	box-shadow:0 8px 20px rgba(42,105,71,.06);
}

.ing_ssl_data_line{
	display:flex;
	align-items:center;
	gap:5px;
	width:77px;
	margin:0 9px;
}

.ing_ssl_data_line:before,
.ing_ssl_data_line:after,
.ing_ssl_data_line span{
	content:"";
	display:block;
	width:5px;
	height:5px;
	border-radius:50%;
	background:#9bd3b4;
}

.ing_ssl_data_line span:nth-child(2){
	background:#62ba8a;
}

.ing_ssl_data_lock{
	display:flex;
	align-items:center;
	justify-content:center;
	width:44px;
	height:44px;
	padding:11px;
	border-radius:50%;
	background:var(--ssl-main-dark);
	color:#ffffff;
	box-shadow:0 8px 20px rgba(37,134,90,.23);
}

.ing_ssl_float_card{
	position:absolute;
	z-index:3;
	display:flex;
	align-items:center;
	gap:12px;
	min-width:178px;
	padding:14px 16px;
	border:1px solid rgba(94,168,126,.18);
	border-radius:14px;
	background:rgba(255,255,255,.92);
	box-shadow:0 16px 35px rgba(28,92,60,.12);
	backdrop-filter:blur(10px);
}

.ing_ssl_float_card_left{
	left:-7px;
	top:92px;
}

.ing_ssl_float_card_right{
	right:-18px;
	bottom:22px;
}

.ing_ssl_float_icon{
	display:flex;
	align-items:center;
	justify-content:center;
	width:39px;
	height:39px;
	padding:9px;
	border-radius:12px;
	background:#e7f7ed;
	color:var(--ssl-main-dark);
}

.ing_ssl_float_card strong{
	display:block;
	color:#294b39;
	font-size:13px;
	font-weight:800;
}

.ing_ssl_float_card p{
	margin:4px 0 0;
	color:#829087;
	font-size:11px;
}


/* =========================================================
   SSL 필요성
========================================================= */

.ing_ssl_intro{
	padding:125px 0 130px;
	background:#ffffff;
}

.ing_ssl_intro_grid{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:20px;
	margin-top:65px;
}

.ing_ssl_intro_card{
	position:relative;
	min-height:310px;
	padding:37px 29px 33px;
	border:1px solid #e1ece5;
	border-radius:18px;
	background:#ffffff;
	transition:all .3s ease;
	overflow:hidden;
}

.ing_ssl_intro_card:after{
	content:"";
	position:absolute;
	right:-70px;
	bottom:-70px;
	width:150px;
	height:150px;
	border-radius:50%;
	background:#f0faf4;
	transition:all .3s ease;
}

.ing_ssl_intro_card:hover{
	transform:translateY(-8px);
	border-color:#b7dbc6;
	box-shadow:0 20px 45px rgba(34,98,64,.1);
}

.ing_ssl_intro_card:hover:after{
	transform:scale(1.25);
	background:#e6f6ed;
}

.ing_ssl_card_number{
	position:absolute;
	top:27px;
	right:28px;
	color:#d4e6db;
	font-size:13px;
	font-weight:800;
	letter-spacing:1px;
}

.ing_ssl_card_icon{
	position:relative;
	z-index:2;
	width:52px;
	height:52px;
	padding:12px;
	border-radius:15px;
	background:var(--ssl-soft);
	color:var(--ssl-main-dark);
}

.ing_ssl_intro_card h4{
	position:relative;
	z-index:2;
	margin:30px 0 14px;
	color:var(--ssl-deep);
	font-size:21px;
	font-weight:800;
	letter-spacing:-.7px;
}

.ing_ssl_intro_card p{
	position:relative;
	z-index:2;
	margin:0;
	color:#6f7d74;
	font-size:15px;
	font-weight:400;
	line-height:1.8;
	letter-spacing:-.35px;
}


/* =========================================================
   정보 보호
========================================================= */

.ing_ssl_protection{
	padding:130px 0;
	background:var(--ssl-soft-2);
}

.ing_ssl_protection_layout{
	display:flex;
	align-items:center;
	gap:100px;
}

.ing_ssl_protection_content{
	flex:1;
}

.ing_ssl_protection_visual{
	width:520px;
	flex-shrink:0;
}

.ing_ssl_protection_list{
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:14px;
	margin-top:45px;
}

.ing_ssl_protection_item{
	display:flex;
	gap:15px;
	padding:19px 18px;
	border:1px solid #dcebe2;
	border-radius:13px;
	background:rgba(255,255,255,.75);
}

.ing_ssl_protection_item > span{
	display:flex;
	align-items:center;
	justify-content:center;
	width:33px;
	height:33px;
	flex-shrink:0;
	border-radius:10px;
	background:#e3f5ea;
	color:var(--ssl-main-dark);
	font-size:11px;
	font-weight:800;
}

.ing_ssl_protection_item strong{
	display:block;
	margin:1px 0 6px;
	color:#2d4d3b;
	font-size:14px;
	font-weight:800;
}

.ing_ssl_protection_item p{
	margin:0;
	color:#7c8981;
	font-size:12px;
	line-height:1.55;
}

.ing_ssl_protection_panel{
	padding:29px;
	border:1px solid rgba(90,159,119,.17);
	border-radius:23px;
	background:#ffffff;
	box-shadow:0 25px 60px rgba(32,97,63,.11);
}

.ing_ssl_panel_header{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding-bottom:22px;
	border-bottom:1px solid #e5eee8;
}

.ing_ssl_panel_header > div{
	display:flex;
	align-items:center;
	gap:9px;
}

.ing_ssl_panel_status{
	width:8px;
	height:8px;
	border-radius:50%;
	background:#50b980;
	box-shadow:0 0 0 5px rgba(80,185,128,.12);
}

.ing_ssl_panel_header strong{
	color:#3b5446;
	font-size:13px;
}

.ing_ssl_panel_header > span{
	padding:6px 9px;
	border-radius:6px;
	background:#e7f7ed;
	color:var(--ssl-main-dark);
	font-size:9px;
	font-weight:800;
	letter-spacing:1.1px;
}

.ing_ssl_panel_score{
	display:flex;
	align-items:center;
	gap:25px;
	padding:31px 0 27px;
}

.ing_ssl_score_circle{
	display:flex;
	align-items:center;
	justify-content:center;
	width:108px;
	height:108px;
	flex-shrink:0;
	border-radius:50%;
	background:
		conic-gradient(var(--ssl-main) 0deg 330deg,#e4f0e8 330deg 360deg);
}

.ing_ssl_score_circle:before{
	content:"";
	position:absolute;
	width:84px;
	height:84px;
	border-radius:50%;
	background:#ffffff;
}

.ing_ssl_score_circle div{
	position:relative;
	z-index:2;
	text-align:center;
}

.ing_ssl_score_circle strong{
	display:block;
	color:var(--ssl-main-dark);
	font-size:24px;
	font-weight:900;
}

.ing_ssl_score_circle span{
	display:block;
	margin-top:3px;
	color:#81a18e;
	font-size:8px;
	font-weight:800;
	letter-spacing:1.3px;
}

.ing_ssl_score_text p{
	margin:0 0 7px;
	color:#86928b;
	font-size:12px;
}

.ing_ssl_score_text strong{
	display:block;
	color:#274936;
	font-size:20px;
	font-weight:800;
	letter-spacing:-.6px;
}

.ing_ssl_score_text span{
	display:block;
	margin-top:8px;
	color:#77867c;
	font-size:12px;
	line-height:1.55;
}

.ing_ssl_panel_rows{
	border-top:1px solid #edf2ee;
}

.ing_ssl_panel_row{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:16px 3px;
	border-bottom:1px solid #edf2ee;
}

.ing_ssl_panel_row > span{
	color:#718077;
	font-size:13px;
}

.ing_ssl_panel_row strong{
	display:flex;
	align-items:center;
	gap:7px;
	color:#377b56;
	font-size:12px;
	font-weight:800;
}

.ing_ssl_panel_row strong i{
	display:block;
	width:6px;
	height:6px;
	border-radius:50%;
	background:#57bd84;
}

.ing_ssl_panel_notice{
	display:flex;
	align-items:flex-start;
	gap:10px;
	margin-top:21px;
	padding:15px;
	border-radius:11px;
	background:#f3faf6;
}

.ing_ssl_panel_notice svg{
	width:17px;
	height:17px;
	flex-shrink:0;
	margin-top:2px;
	color:#5aa778;
}

.ing_ssl_panel_notice p{
	margin:0;
	color:#738079;
	font-size:11px;
	line-height:1.65;
}


/* =========================================================
   제공 서비스
========================================================= */

.ing_ssl_service{
	padding:130px 0;
	background:#ffffff;
}

.ing_ssl_service_grid{
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:20px;
	margin-top:62px;
}

.ing_ssl_service_card{
	display:flex;
	align-items:flex-start;
	gap:24px;
	min-height:195px;
	padding:35px 33px;
	border:1px solid #e0ebe4;
	border-radius:17px;
	background:#ffffff;
	transition:all .3s ease;
}

.ing_ssl_service_card:hover{
	transform:translateY(-5px);
	border-color:#acd5bd;
	box-shadow:0 18px 38px rgba(35,99,66,.09);
}

.ing_ssl_service_icon{
	display:flex;
	align-items:center;
	justify-content:center;
	width:64px;
	height:64px;
	flex-shrink:0;
	padding:16px;
	border-radius:18px;
	background:var(--ssl-soft);
	color:var(--ssl-main-dark);
}

.ing_ssl_service_text > span{
	color:#7ca58d;
	font-size:10px;
	font-weight:800;
	letter-spacing:1.5px;
}

.ing_ssl_service_text h4{
	margin:10px 0 13px;
	color:var(--ssl-deep);
	font-size:20px;
	font-weight:800;
	letter-spacing:-.6px;
}

.ing_ssl_service_text p{
	margin:0;
	color:#728078;
	font-size:14px;
	line-height:1.8;
	letter-spacing:-.3px;
}


/* =========================================================
   인증서 종류
========================================================= */

.ing_ssl_type{
	padding:130px 0;
	background:#f3faf6;
}

.ing_ssl_type_top{
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:50px;
}

.ing_ssl_type_description{
	width:400px;
	margin:0 0 4px;
	color:#728078;
	font-size:15px;
	line-height:1.8;
}

.ing_ssl_type_grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:20px;
	margin-top:60px;
}

.ing_ssl_type_card{
	position:relative;
	min-height:405px;
	padding:39px 34px;
	border:1px solid #dceae1;
	border-radius:19px;
	background:#ffffff;
}

.ing_ssl_type_card_featured{
	border-color:#8ac5a3;
	box-shadow:0 20px 48px rgba(39,119,76,.11);
}

.ing_ssl_type_recommend{
	position:absolute;
	top:0;
	right:25px;
	padding:9px 13px;
	border-radius:0 0 9px 9px;
	background:var(--ssl-main-dark);
	color:#ffffff;
	font-size:8px;
	font-weight:800;
	letter-spacing:1.2px;
}

.ing_ssl_type_badge{
	display:flex;
	align-items:center;
	justify-content:center;
	width:51px;
	height:51px;
	border-radius:14px;
	background:#e6f6ec;
	color:var(--ssl-main-dark);
	font-size:15px;
	font-weight:900;
}

.ing_ssl_type_card h4{
	margin:25px 0 5px;
	color:var(--ssl-deep);
	font-size:23px;
	font-weight:800;
	letter-spacing:-.8px;
}

.ing_ssl_type_en{
	margin:0;
	color:#90a198;
	font-size:10px;
	font-weight:800;
	letter-spacing:1.1px;
}

.ing_ssl_type_summary{
	min-height:78px;
	margin:24px 0 22px;
	padding-bottom:23px;
	border-bottom:1px solid #e6eee9;
	color:#718077;
	font-size:14px;
	line-height:1.75;
}

.ing_ssl_type_card ul{
	margin:0;
	padding:0;
	list-style:none;
}

.ing_ssl_type_card li{
	position:relative;
	margin-top:12px;
	padding-left:18px;
	color:#53645a;
	font-size:13px;
	font-weight:600;
}

.ing_ssl_type_card li:before{
	content:"";
	position:absolute;
	top:6px;
	left:0;
	width:6px;
	height:6px;
	border-radius:50%;
	background:#76c79a;
}

.ing_ssl_type_notice{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:10px;
	margin-top:29px;
}

.ing_ssl_type_notice_icon{
	display:flex;
	align-items:center;
	justify-content:center;
	width:20px;
	height:20px;
	border:1px solid #9cc7ad;
	border-radius:50%;
	color:#53836a;
	font-size:11px;
	font-weight:800;
}

.ing_ssl_type_notice p{
	margin:0;
	color:#728078;
	font-size:13px;
}


/* =========================================================
   진행 절차
========================================================= */

.ing_ssl_process{
	padding:130px 0;
	background:#ffffff;
}

.ing_ssl_process_list{
	position:relative;
	margin-top:68px;
}

.ing_ssl_process_list:before{
	content:"";
	position:absolute;
	top:55px;
	bottom:55px;
	left:84px;
	width:1px;
	background:#cfe5d8;
}

.ing_ssl_process_item{
	position:relative;
	display:grid;
	grid-template-columns:168px 80px 1fr;
	align-items:center;
	min-height:150px;
	padding:26px 38px 26px 0;
	border-bottom:1px solid #e5eee8;
}

.ing_ssl_process_item:first-child{
	border-top:1px solid #e5eee8;
}

.ing_ssl_process_number{
	position:relative;
	z-index:2;
	display:flex;
	align-items:baseline;
	gap:7px;
	width:168px;
	background:#ffffff;
}

.ing_ssl_process_number span{
	color:#8aa094;
	font-size:9px;
	font-weight:800;
	letter-spacing:1.3px;
}

.ing_ssl_process_number strong{
	color:#c8ded1;
	font-size:32px;
	font-weight:800;
}

.ing_ssl_process_icon{
	position:relative;
	z-index:2;
	display:flex;
	align-items:center;
	justify-content:center;
	width:58px;
	height:58px;
	padding:14px;
	border:1px solid #cce4d6;
	border-radius:17px;
	background:#f4fbf7;
	color:var(--ssl-main-dark);
}

.ing_ssl_process_content{
	padding-left:35px;
}

.ing_ssl_process_content h4{
	margin:0 0 12px;
	color:#284736;
	font-size:19px;
	font-weight:800;
	letter-spacing:-.55px;
}

.ing_ssl_process_content p{
	max-width:740px;
	margin:0;
	color:#738078;
	font-size:14px;
	line-height:1.75;
}


/* =========================================================
   잉컨설팅 강점
========================================================= */

.ing_ssl_strength{
	padding:0 0 130px;
	background:#ffffff;
}

.ing_ssl_strength_box{
	display:flex;
	gap:85px;
	padding:77px 75px;
	border-radius:26px;
	background:
		linear-gradient(130deg,#173e2e 0%,#1e583d 55%,#286d4b 100%);
	box-shadow:0 28px 60px rgba(22,68,45,.17);
}

.ing_ssl_strength_heading{
	width:43%;
	flex-shrink:0;
}

.ing_ssl_strength_heading .ing_ssl_section_label{
	color:#8ed4ac;
}

.ing_ssl_strength_heading h3{
	margin:0;
	color:#ffffff;
	font-size:37px;
	font-weight:500;
	line-height:1.42;
	letter-spacing:-1.8px;
}

.ing_ssl_strength_heading h3 strong{
	font-weight:800;
}

.ing_ssl_strength_heading > p:last-child{
	margin:23px 0 0;
	color:rgba(255,255,255,.68);
	font-size:15px;
	line-height:1.8;
}

.ing_ssl_strength_grid{
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:16px;
	flex:1;
}

.ing_ssl_strength_item{
	display:flex;
	gap:14px;
	padding:22px 20px;
	border:1px solid rgba(255,255,255,.13);
	border-radius:13px;
	background:rgba(255,255,255,.06);
}

.ing_ssl_strength_number{
	color:#8ed4ac;
	font-size:10px;
	font-weight:800;
}

.ing_ssl_strength_item strong{
	display:block;
	margin-bottom:8px;
	color:#ffffff;
	font-size:14px;
	font-weight:800;
}

.ing_ssl_strength_item p{
	margin:0;
	color:rgba(255,255,255,.62);
	font-size:12px;
	line-height:1.7;
}


/* =========================================================
   FAQ
========================================================= */

.ing_ssl_faq{
	padding:130px 0;
	background:#f7fbf8;
}

.ing_ssl_faq_layout{
	display:flex;
	align-items:flex-start;
	gap:100px;
}

.ing_ssl_faq_heading{
	position:sticky;
	top:130px;
	width:370px;
	flex-shrink:0;
}

.ing_ssl_faq_heading h3{
	margin:0;
	color:var(--ssl-deep);
	font-size:40px;
	font-weight:500;
	line-height:1.4;
	letter-spacing:-1.8px;
}

.ing_ssl_faq_heading h3 strong{
	font-weight:800;
}

.ing_ssl_faq_heading > p:last-child{
	margin:23px 0 0;
	color:#728078;
	font-size:15px;
	line-height:1.8;
}

.ing_ssl_faq_list{
	flex:1;
	border-top:1px solid #d7e6dc;
}

.ing_ssl_faq_item{
	border-bottom:1px solid #d7e6dc;
}

.ing_ssl_faq_question{
	display:grid;
	grid-template-columns:36px 1fr 28px;
	align-items:center;
	gap:10px;
	width:100%;
	min-height:91px;
	padding:0 12px;
	border:0;
	background:transparent;
	color:inherit;
	text-align:left;
	cursor:pointer;
}

.ing_ssl_faq_q,
.ing_ssl_faq_a{
	display:flex;
	align-items:center;
	justify-content:center;
	width:30px;
	height:30px;
	border-radius:9px;
	background:#e4f4ea;
	color:var(--ssl-main-dark);
	font-size:12px;
	font-weight:900;
}

.ing_ssl_faq_question strong{
	color:#2d4838;
	font-size:16px;
	font-weight:700;
	letter-spacing:-.35px;
}

.ing_ssl_faq_toggle{
	position:relative;
	display:block;
	width:25px;
	height:25px;
}

.ing_ssl_faq_toggle:before,
.ing_ssl_faq_toggle:after{
	content:"";
	position:absolute;
	top:12px;
	left:6px;
	width:13px;
	height:1px;
	background:#547362;
	transition:transform .25s ease;
}

.ing_ssl_faq_toggle:after{
	transform:rotate(90deg);
}

.ing_ssl_faq_item.active .ing_ssl_faq_toggle:after{
	transform:rotate(0deg);
}

.ing_ssl_faq_answer{
	max-height:0;
	overflow:hidden;
	transition:max-height .35s ease;
}

.ing_ssl_faq_answer_inner{
	display:grid;
	grid-template-columns:36px 1fr;
	gap:10px;
	padding:0 12px 29px;
}

.ing_ssl_faq_a{
	background:#ffffff;
	color:#7a8e82;
}

.ing_ssl_faq_answer p{
	margin:3px 0 0;
	padding-right:35px;
	color:#718078;
	font-size:14px;
	line-height:1.85;
}


/* =========================================================
   하단 상담
========================================================= */

.ing_ssl_contact{
	padding:130px 0;
	background:#ffffff;
}

.ing_ssl_contact_box{
	position:relative;
	padding:79px 40px;
	border:1px solid #cfe5d8;
	border-radius:27px;
	background:
		radial-gradient(circle at 15% 20%,rgba(155,218,181,.25),transparent 27%),
		radial-gradient(circle at 85% 80%,rgba(202,237,216,.45),transparent 28%),
		linear-gradient(135deg,#f5fcf8 0%,#edf9f2 100%);
	text-align:center;
	overflow:hidden;
}

.ing_ssl_contact_box:before,
.ing_ssl_contact_box:after{
	content:"";
	position:absolute;
	border:1px solid rgba(68,166,116,.11);
	border-radius:50%;
}

.ing_ssl_contact_box:before{
	top:-150px;
	left:-80px;
	width:350px;
	height:350px;
}

.ing_ssl_contact_box:after{
	right:-60px;
	bottom:-200px;
	width:440px;
	height:440px;
}

.ing_ssl_contact_symbol{
	position:relative;
	z-index:2;
	width:69px;
	height:75px;
	margin:0 auto 24px;
	color:var(--ssl-main-dark);
}

.ing_ssl_contact_symbol svg{
	stroke-width:2.1;
}

.ing_ssl_contact_label{
	position:relative;
	z-index:2;
	margin:0 0 15px;
	color:var(--ssl-main-dark);
	font-size:11px;
	font-weight:800;
	letter-spacing:2px;
}

.ing_ssl_contact_box h3{
	position:relative;
	z-index:2;
	margin:0;
	color:var(--ssl-deep);
	font-size:38px;
	font-weight:800;
	line-height:1.4;
	letter-spacing:-1.7px;
}

.ing_ssl_contact_box > p:not(.ing_ssl_contact_label){
	position:relative;
	z-index:2;
	margin:22px 0 0;
	color:#64756b;
	font-size:15px;
	line-height:1.8;
}

.ing_ssl_contact_button{
	position:relative;
	z-index:2;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:28px;
	min-width:220px;
	height:62px;
	margin-top:37px;
	padding:0 29px;
	border-radius:9px;
	background:var(--ssl-main-dark);
	color:#ffffff !important;
	font-size:15px;
	font-weight:800;
	box-shadow:0 15px 30px rgba(37,134,90,.2);
	transition:all .25s ease;
}

.ing_ssl_contact_button:hover{
	transform:translateY(-4px);
	background:#1f754e;
	box-shadow:0 20px 38px rgba(37,134,90,.27);
}

.ing_ssl_contact_button span{
	font-size:21px;
	transition:transform .25s ease;
}

.ing_ssl_contact_button:hover span{
	transform:translateX(5px);
}


/* =========================================================
   모바일
========================================================= */

@media screen and (max-width:768px){

	.ing_ssl_inner,
	.ing_ssl_hero_inner{
		width:auto;
		max-width:none;
		margin:0;
		padding-left:20px;
		padding-right:20px;
	}

	.ing_ssl_section_label{
		margin-bottom:13px;
		font-size:10px;
		letter-spacing:1.8px;
	}

	.ing_ssl_section_heading h3{
		font-size:29px;
		line-height:1.43;
		letter-spacing:-1.4px;
	}

	.ing_ssl_section_heading > p:last-child{
		margin-top:17px;
		font-size:14px;
		line-height:1.75;
	}

	/* 상단 */

	.ing_ssl_hero{
		padding:68px 0 76px;
	}

	.ing_ssl_hero:before{
		top:-100px;
		right:-180px;
		width:370px;
		height:370px;
	}

	.ing_ssl_hero:after{
		display:none;
	}

	.ing_ssl_hero_inner{
		display:block;
	}

	.ing_ssl_hero_content{
		width:100%;
		padding:0;
	}

	.ing_ssl_eyebrow{
		margin-bottom:19px;
		font-size:10px;
		letter-spacing:1.5px;
	}

	.ing_ssl_eyebrow_icon{
		width:21px;
		height:21px;
	}

	.ing_ssl_eyebrow_icon:before{
		top:5px;
		left:6px;
	}

	.ing_ssl_hero_title{
		font-size:37px;
		line-height:1.32;
		letter-spacing:-2px;
	}

	.ing_ssl_hero_title strong:after{
		bottom:1px;
		height:9px;
	}

	.ing_ssl_hero_description{
		margin-top:22px;
		font-size:15px;
		line-height:1.78;
	}

	.ing_ssl_hero_points{
		display:block;
		margin-top:24px;
	}

	.ing_ssl_hero_point{
		margin-top:9px;
	}

	.ing_ssl_hero_point p{
		font-size:13px;
	}

	.ing_ssl_hero_buttons{
		display:grid;
		grid-template-columns:1fr 1fr;
		gap:8px;
		margin-top:31px;
	}

	.ing_ssl_button{
		min-width:0;
		height:52px;
		padding:0 12px;
		gap:10px;
		font-size:13px;
	}

	.ing_ssl_hero_visual{
		width:100%;
		min-height:390px;
		margin-top:45px;
	}

	.ing_ssl_visual_glow_1{
		top:0;
		right:0;
		width:180px;
		height:180px;
	}

	.ing_ssl_visual_glow_2{
		width:130px;
		height:130px;
	}

	.ing_ssl_browser{
		top:25px;
		left:50%;
		right:auto;
		width:100%;
		max-width:100%;
		transform:translateX(-50%);
		border-radius:17px;
	}

	.ing_ssl_browser_top{
		height:52px;
		padding:0 12px;
		gap:10px;
	}

	.ing_ssl_browser_dots{
		gap:4px;
	}

	.ing_ssl_browser_dots span{
		width:6px;
		height:6px;
	}

	.ing_ssl_browser_address{
		height:32px;
		padding:0 10px;
		font-size:9px;
	}

	.ing_ssl_address_lock{
		width:13px;
		height:13px;
	}

	.ing_ssl_browser_body{
		min-height:291px;
		padding:24px 16px 20px;
	}

	.ing_ssl_shield{
		width:62px;
		height:70px;
	}

	.ing_ssl_badge_label{
		margin-top:8px;
		margin-bottom:5px;
		font-size:7px;
	}

	.ing_ssl_security_badge strong{
		font-size:17px;
	}

	.ing_ssl_security_badge > span{
		margin-top:5px;
		font-size:10px;
	}

	.ing_ssl_data_flow{
		margin-top:25px;
	}

	.ing_ssl_data_icon{
		width:40px;
		height:40px;
		padding:11px;
		border-radius:12px;
	}

	.ing_ssl_data_node p{
		font-size:10px;
	}

	.ing_ssl_data_line{
		width:38px;
		margin:0 4px;
		gap:3px;
	}

	.ing_ssl_data-line:before,
	.ing_ssl_data-line:after,
	.ing_ssl_data-line span{
		width:4px;
		height:4px;
	}

	.ing_ssl_data_lock{
		width:34px;
		height:34px;
		padding:9px;
	}

	.ing_ssl_float_card{
		min-width:0;
		padding:10px 11px;
		border-radius:11px;
	}

	.ing_ssl_float_card_left{
		left:-7px;
		top:13px;
	}

	.ing_ssl_float_card_right{
		right:-6px;
		bottom:1px;
	}

	.ing_ssl_float_icon{
		width:31px;
		height:31px;
		padding:7px;
		border-radius:9px;
	}

	.ing_ssl_float_card strong{
		font-size:10px;
	}

	.ing_ssl_float_card p{
		margin-top:2px;
		font-size:8px;
	}

	/* 필요성 */

	.ing_ssl_intro{
		padding:78px 0 82px;
	}

	.ing_ssl_intro_grid{
		grid-template-columns:1fr;
		gap:12px;
		margin-top:40px;
	}

	.ing_ssl_intro_card{
		min-height:0;
		padding:27px 24px;
		border-radius:15px;
	}

	.ing_ssl_card_number{
		top:24px;
		right:23px;
	}

	.ing_ssl_card_icon{
		width:46px;
		height:46px;
		padding:11px;
		border-radius:13px;
	}

	.ing_ssl_intro_card h4{
		margin:21px 0 10px;
		font-size:18px;
	}

	.ing_ssl_intro_card p{
		font-size:13px;
		line-height:1.75;
	}

	/* 보호 영역 */

	.ing_ssl_protection{
		padding:80px 0;
	}

	.ing_ssl_protection_layout{
		display:block;
	}

	.ing_ssl_protection_visual{
		width:100%;
		margin-top:43px;
	}

	.ing_ssl_protection_list{
		grid-template-columns:1fr;
		gap:9px;
		margin-top:31px;
	}

	.ing_ssl_protection_item{
		padding:15px;
	}

	.ing_ssl_protection-panel{
		padding:20px;
	}

	.ing_ssl_protection_panel{
		padding:20px;
		border-radius:17px;
	}

	.ing_ssl_panel_header{
		padding-bottom:17px;
	}

	.ing_ssl_panel_header strong{
		font-size:11px;
	}

	.ing_ssl_panel_score{
		gap:16px;
		padding:24px 0 21px;
	}

	.ing_ssl_score_circle{
		width:88px;
		height:88px;
	}

	.ing_ssl_score_circle:before{
		width:68px;
		height:68px;
	}

	.ing_ssl_score_circle strong{
		font-size:19px;
	}

	.ing_ssl_score_text strong{
		font-size:16px;
	}

	.ing_ssl_score_text span{
		font-size:10px;
	}

	/* 제공 서비스 */

	.ing_ssl_service{
		padding:80px 0;
	}

	.ing_ssl_service_grid{
		grid-template-columns:1fr;
		gap:10px;
		margin-top:40px;
	}

	.ing_ssl_service_card{
		gap:17px;
		min-height:0;
		padding:24px 20px;
		border-radius:14px;
	}

	.ing_ssl_service_icon{
		width:50px;
		height:50px;
		padding:12px;
		border-radius:14px;
	}

	.ing_ssl_service_text h4{
		margin:7px 0 9px;
		font-size:17px;
	}

	.ing_ssl_service_text p{
		font-size:13px;
		line-height:1.7;
	}

	/* 인증서 */

	.ing_ssl_type{
		padding:80px 0;
	}

	.ing_ssl_type_top{
		display:block;
	}

	.ing_ssl_type_description{
		width:auto;
		margin-top:20px;
		font-size:13px;
	}

	.ing_ssl_type_grid{
		grid-template-columns:1fr;
		gap:12px;
		margin-top:38px;
	}

	.ing_ssl_type_card{
		min-height:0;
		padding:29px 25px;
		border-radius:16px;
	}

	.ing_ssl_type_badge{
		width:45px;
		height:45px;
		font-size:13px;
	}

	.ing_ssl_type_card h4{
		margin-top:20px;
		font-size:20px;
	}

	.ing_ssl_type_summary{
		min-height:0;
		margin:18px 0;
		padding-bottom:18px;
		font-size:13px;
	}

	.ing_ssl_type_notice{
		align-items:flex-start;
		margin-top:22px;
		text-align:left;
	}

	.ing_ssl_type_notice_icon{
		flex-shrink:0;
	}

	.ing_ssl_type_notice p{
		font-size:11px;
		line-height:1.65;
	}

	/* 절차 */

	.ing_ssl_process{
		padding:80px 0;
	}

	.ing_ssl_process_list{
		margin-top:40px;
	}

	.ing_ssl_process_list:before{
		display:none;
	}

	.ing_ssl_process_item{
		display:grid;
		grid-template-columns:59px 1fr;
		min-height:0;
		padding:22px 0;
	}

	.ing_ssl_process_number{
		grid-column:1 / 3;
		width:auto;
		margin-bottom:12px;
	}

	.ing_ssl_process_number strong{
		font-size:24px;
	}

	.ing_ssl_process_icon{
		width:49px;
		height:49px;
		padding:12px;
		border-radius:14px;
	}

	.ing_ssl_process_content{
		padding-left:15px;
	}

	.ing_ssl_process_content h4{
		margin-bottom:8px;
		font-size:16px;
	}

	.ing_ssl_process_content p{
		font-size:12px;
		line-height:1.7;
	}

	/* 강점 */

	.ing_ssl_strength{
		padding-bottom:80px;
	}

	.ing_ssl_strength_box{
		display:block;
		padding:48px 23px;
		border-radius:20px;
	}

	.ing_ssl_strength_heading{
		width:100%;
	}

	.ing_ssl_strength_heading h3{
		font-size:27px;
		letter-spacing:-1.2px;
	}

	.ing_ssl_strength_heading > p:last-child{
		margin-top:17px;
		font-size:13px;
	}

	.ing_ssl_strength_grid{
		grid-template-columns:1fr;
		gap:9px;
		margin-top:32px;
	}

	.ing_ssl_strength_item{
		padding:18px 16px;
	}

	/* FAQ */

	.ing_ssl_faq{
		padding:80px 0;
	}

	.ing_ssl_faq_layout{
		display:block;
	}

	.ing_ssl_faq_heading{
		position:static;
		width:100%;
	}

	.ing_ssl_faq_heading h3{
		font-size:29px;
		letter-spacing:-1.3px;
	}

	.ing_ssl_faq-heading > p:last-child{
		font-size:13px;
	}

	.ing_ssl_faq_list{
		margin-top:36px;
	}

	.ing_ssl_faq_question{
		grid-template-columns:31px 1fr 24px;
		min-height:78px;
		padding:0;
		gap:7px;
	}

	.ing_ssl_faq_q,
	.ing_ssl_faq_a{
		width:27px;
		height:27px;
		border-radius:8px;
		font-size:10px;
	}

	.ing_ssl_faq_question strong{
		font-size:14px;
		line-height:1.5;
	}

	.ing_ssl_faq_answer_inner{
		grid-template-columns:31px 1fr;
		gap:7px;
		padding:0 0 24px;
	}

	.ing_ssl_faq_answer p{
		padding-right:5px;
		font-size:12px;
		line-height:1.75;
	}

	/* 하단 문의 */

	.ing_ssl_contact{
		padding:80px 0;
	}

	.ing_ssl_contact_box{
		padding:52px 22px;
		border-radius:20px;
	}

	.ing_ssl_contact_symbol{
		width:54px;
		height:60px;
		margin-bottom:20px;
	}

	.ing_ssl_contact_box h3{
		font-size:27px;
		line-height:1.45;
		letter-spacing:-1.2px;
	}

	.ing_ssl_contact_box > p:not(.ing_ssl_contact_label){
		margin-top:17px;
		font-size:13px;
		line-height:1.75;
	}

	.ing_ssl_contact_button{
		min-width:190px;
		height:55px;
		margin-top:28px;
		font-size:14px;
	}

}