@charset "UTF-8";

@font-face {
  font-family: "NEXON Lv2 Gothic OTF";
  src: url("/css/fonts/NEXON Lv2 Gothic.woff");
}

@font-face {
  font-family: "NEXON Lv2 Gothic OTF";
  src: url("/css/fonts/NexonLv2GothicMedium.woff");
  font-weight: 500;
}

@font-face {
  font-family: "NEXON Lv2 Gothic OTF";
  src: url("/css/fonts/NEXON Lv2 Gothic Bold.woff");
  font-weight: 700;
}

* {
	/* padding 또는 border 영역을 포함하여 크기를 width, weight를 결정 */
	box-sizing: border-box; 
}


a:link { text-decoration: none; color:#ffffff; }
a:visited { text-decoration: none; color:#ffffff; }
a:active { text-decoration: none; color:#ffffff; }
a:hover { text-decoration: none; color:#ffffff; }


body {
	/* body margin이 기본이 8 8 8 8이므로 0으로 설정 */
	background-color: #ffffff;
	margin: 0 auto;
	width:1920px;
}

.content_wrapper {
	background-color:#ffffff;
	height:100%;
}



.content_01 {
	background: url("/images/new/top_bg.jpg");
	background-repeat : no-repeat;
	background-size: 1920px 1606px;
	width:1920px;
	height:1020px;
}

.content_area_01 {
	position: relative;
	top:300px;
	left:410px;
	width:1300px;
	/*background-color:red;*/
	
}

.content_01 h1 {
	/* v2 H1 */
	font-family: 'NEXON Lv2 Gothic OTF';
	font-style: normal;
	font-weight: 700;
	font-size: 62px;
	line-height: 74px;
	/* or 119% */

	letter-spacing: -0.5px;
	color: #FFFFFF;
	margin:0px;
}

.content_01 .h1_desc {
	font-family: 'NEXON Lv2 Gothic OTF';
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 28px;
	/* identical to box height, or 140% */

	letter-spacing: -0.1px;
	color: #FFFFFF;
}

.content_01 h2 {
	font-family: 'NEXON Lv2 Gothic OTF';
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
	/* or 140% */

	letter-spacing: -0.5px;
	color: #FFFFFF;
	margin:0px;
}

.content_01 .h2_desc {
	font-family: 'NEXON Lv2 Gothic OTF';
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 28px;
	/* identical to box height, or 140% */

	letter-spacing: -0.4px;
	color: #FFFFFF;
}

.content_01 .area_01 {
	padding:0px 0px 0px 35px;
}
.content_01 .area_02 {
	padding-top:24px;
	padding-left:35px;
}

.content_01 .area_03 {
	padding-top:50px;
	padding-left:35px;
}

.content_01 .area_04 {
	padding-top:15px;
	padding-left:35px;
}

.content_01 .area_05 {
	padding-top:20px;
}


.content_01 .area_03 .box {
	float:left;
	width: 301px;
	height: 301px;

	border: 1px solid rgba(255, 255, 255, 0.75);
	border-radius: 10px;
	color:#ffffff;
	padding:20px;
	margin-right:30px;
	position:relative;

}
.content_01 .area_03 .box .title {
	font-family: 'NEXON Lv2 Gothic OTF';
	font-style: normal;
	font-weight: 700;
	font-size: 34px;
	line-height: 44px;
	/* or 129% */
	padding-bottom:10px;

	letter-spacing: -0.5px;
}
.content_01 .area_03 .box .desc {
	font-family: 'NEXON Lv2 Gothic OTF';
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 28px;
	/* or 140% */

	letter-spacing: -0.5px;
}
.content_01 .area_03 .box .more{
	font-family: 'NEXON Lv2 Gothic OTF';
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 28px;
	/* or 140% */

	letter-spacing: -0.5px;
	position:absolute;
	top:250px;

	cursor:pointer;

}


/*
	2022-06-17 추가
*/



.content_07 {
	width:1920px;
	height:1250px;
}

.content_area_07 {
	position: relative;
	top:150px;
	left:410px;
	width:1300px;
}

.content_07 .area_01 {
	padding:0px 0px 0px 35px;
	/*background-color:red;*/
}

.content_07 .area_02 {
	padding-top:20px;
	padding-left:35px;
	/*background-color:blue;*/
}

.content_07 .area_03 {
	padding-top:50px;
	padding-left:35px;
	/*background-color:blue;*/
}

.content_07 .area_04 {
	padding-top:50px;
	padding-left:35px;
	/*background-color:blue;*/
}



.content_07 h2 {
	font-family: 'NEXON Lv2 Gothic OTF';
	font-style: normal;
	font-weight: 700;
	font-size: 34px;
	/* identical to box height, or 129% */
	letter-spacing: -0.5px;
	color: #000000;
	margin:0px;
}

.content_07 .h2_desc {
	font-family: 'NEXON Lv2 Gothic OTF';
	font-style: normal;
	font-weight: 300;
	font-size: 34px;
	line-height: 44px;
	/* or 129% */

	letter-spacing: -0.5px;

	color: #000000;
}


.content_07 .area_03 .content {
	clear:both;
	font-family: 'NEXON Lv2 Gothic OTF';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	/* or 138% */


	color: #000000;
	height:150px;
}

.content_07 .area_03 .content .no {
	float:left;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 2px 0 0 0;
	margin-right:10px;
	width: 25px;
	height: 25px;

	background: #000000;
	border-radius: 3px;
	color:#ffffff;

	font-family: 'NEXON Lv2 Gothic OTF';
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
	/* identical to box height, or 140% */

	text-align: center;
	letter-spacing: -0.5px;
}

.content_07 .area_03 .content .title {
	font-family: 'NEXON Lv2 Gothic OTF';
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
	/* identical to box height, or 140% */

	letter-spacing: -0.5px;
}

.content_07 .area_03 .content .desc {
	padding-top:15px;
}



.content_08 {
	background-color:#4A4A4A;
	background-size: 1920px 1410px;
	width:1920px;
	height:1410px;
}

.content_area_08 {
	position: relative;
	top:150px;
	left:410px;
	width:1300px;
	/*background-color:red;*/
	
}

.content_08 h1 {
	/* v2 H1 */
	font-family: 'NEXON Lv2 Gothic OTF';
	font-style: normal;
	font-weight: 700;
	font-size: 62px;
	line-height: 74px;
	/* or 119% */

	letter-spacing: -0.5px;
	color: #FFFFFF;
	margin:0px;
}

.content_08 .h1_desc {
	font-family: 'NEXON Lv2 Gothic OTF';
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 28px;
	/* identical to box height, or 140% */

	letter-spacing: -0.4px;
	color: #FFFFFF;
}

.content_08 h2 {
	font-family: 'NEXON Lv2 Gothic OTF';
	font-style: normal;
	font-weight: 700;
	font-size: 34px;
	/* identical to box height, or 129% */
	letter-spacing: -0.5px;
	color: #ffffff;
	margin:0px;
}

.content_08 .h2_desc {
	font-family: 'NEXON Lv2 Gothic OTF';
	font-style: normal;
	font-weight: 300;
	font-size: 34px;
	line-height: 44px;
	/* or 129% */

	letter-spacing: -0.5px;

	color: #ffffff;
}


.content_08 .area_01 {
	padding:0px 0px 0px 35px;
}
.content_08 .area_02 {
	padding-top:24px;
	padding-left:35px;
}

.content_08 .area_03 {
	padding-top:50px;
	padding-left:35px;
	font-family: 'NEXON Lv2 Gothic OTF';
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 28px;
	/* identical to box height, or 140% */

	letter-spacing: -0.4px;
	color: #FFFFFF;
}

.content_08 .area_04 {
	padding-top:20px;
}

.content_08 .area_05 {
	padding-top:50px;
	padding-left:35px;
	/*background-color:blue;*/
}






.content_09 {
	width:1920px;
	height:1060px;
}

.content_area_09 {
	position: relative;
	top:150px;
	left:410px;
	width:1300px;
}

.content_09 .area_01 {
	padding:0px 0px 0px 35px;
	/*background-color:red;*/
}

.content_09 .area_02 {
	padding-top:15px;
	padding-left:35px;
	/*background-color:blue;*/
}

.content_09 .area_03 {
	padding-top:20px;
	padding-left:35px;
	/*background-color:blue;*/
}

.content_09 .area_04 {
	padding-top:50px;
	padding-left:35px;
	/*background-color:blue;*/
}

.content_09 .area_05 {
	padding-top:70px;
	padding-left:35px;
	clear:both;
	/*background-color:blue;*/
}


.content_09 .blog_content {
	float:left;
	width:253px;
	/*background-color:blue;*/
	margin-right:24px;
}

.content_09 .blog_content .title {
	border-top:2px solid #000000;
	border-bottom:1px solid #000000;
	padding:20px 0 20px 0;

	font-family: 'NEXON Lv2 Gothic OTF';
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
	/* identical to box height, or 140% */

	letter-spacing: -0.5px;

	color: #000000;
}

.content_09 .blog_content ol {
	padding:10px 0 0px 25px;
	font-family: 'NEXON Lv2 Gothic OTF';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	/* or 175% */

	letter-spacing: -0.4px;
	color: #666666;
}

.content_09 h2 {
	font-family: 'NEXON Lv2 Gothic OTF';
	font-style: normal;
	font-weight: 700;
	font-size: 34px;
	/* identical to box height, or 129% */
	letter-spacing: -0.5px;
	color: #000000;
	margin:0px;
}

.content_09 .h2_desc {
	font-family: 'NEXON Lv2 Gothic OTF';
	font-style: normal;
	font-weight: 300;
	font-size: 34px;
	line-height: 44px;
	/* or 129% */

	letter-spacing: -0.5px;

	color: #000000;
}


/******************************************************************************************************************************/


.content_02 {
	width:1920px;
	height:874px;
}

.content_area_02 {
	position: relative;
	top:150px;
	left:410px;
	width:1300px;
}

.content_02 .area_01 {
	padding:0px 0px 0px 35px;
	/*background-color:red;*/
}

.content_02 .area_02 {
	padding-top:15px;
	padding-left:35px;
	/*background-color:blue;*/
}

.content_02 .area_03 {
	padding-top:20px;
	padding-left:35px;
	/*background-color:blue;*/
}

.content_02 .area_04 {
	padding-top:50px;
	padding-left:35px;
	/*background-color:blue;*/
}

.content_02 .blog_content {
	float:left;
	width:253px;
	/*background-color:blue;*/
	margin-right:24px;
}

.content_02 .blog_content .title {
	border-top:2px solid #000000;
	border-bottom:1px solid #000000;
	padding:20px 0 20px 0;

	font-family: 'NEXON Lv2 Gothic OTF';
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 28px;
	/* or 140% */

	letter-spacing: -0.5px;

	color: #000000;
}

.content_02 .blog_content .content {
	padding:20px 0 20px 0;
	font-family: 'NEXON Lv2 Gothic OTF';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	/* or 175% */
	word-break: keep-all;
	letter-spacing: -0.4px;
	color: #666666;
}

.content_02 h2 {
	font-family: 'NEXON Lv2 Gothic OTF';
	font-style: normal;
	font-weight: 700;
	font-size: 34px;
	/* identical to box height, or 129% */
	letter-spacing: -0.5px;
	color: #000000;
	margin:0px;
}

.content_02 .h2_desc {
	font-family: 'NEXON Lv2 Gothic OTF';
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	/* identical to box height, or 140% */

	letter-spacing: -0.4px;
	color: #000000;
}


.content_03 {
	width:1920px;
	height:1156px;
	background-color:#4A4A4A;
}

.content_area_03 {
	position: relative;
	top:150px;
	left:410px;
	width:1300px;
	
}

.content_03 .area_01 {
	padding:0px 0px 0px 35px;
	/*background-color:red;*/
	float:left;
	width:440px;
}

.content_03 .area_02 {
	/*padding-top:15px;*/
	padding-left:35px;
	/*background-color:blue;*/
	float:left;
}

.content_03 .area_03 {
	clear:both;
	padding-top:20px;
}


.content_03 h2 {
	font-family: 'NEXON Lv2 Gothic OTF';
	font-style: normal;
	font-weight: 700;
	font-size: 34px;
	line-height: 44px;
	/* or 129% */

	letter-spacing: -0.5px;
	word-break: keep-all;
	color: #FFFFFF;
	margin:0px;
}

.content_03 .h2_desc {
	font-family: 'NEXON Lv2 Gothic OTF';
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 28px;
	/* or 140% */

	letter-spacing: -0.4px;
	color: #FFFFFF;
}




.content_04 {
	width:1920px;
	height:919px;
	background-color:#B1164D;
}

.content_area_04 {
	position: relative;
	top:150px;
	left:410px;
	width:1300px;
	
}

.content_04 .area_01 {
	padding:0px 0px 0px 35px;
	/*background-color:red;*/
	float:left;
	width:440px;
}

.content_04 .area_02 {
	/*padding-top:15px;*/
	padding-left:35px;
	/*background-color:blue;*/
	float:left;
}

.content_04 .area_03 {
	clear:both;
	padding-top:20px;
}


.content_04 h2 {
	font-family: 'NEXON Lv2 Gothic OTF';
	font-style: normal;
	font-weight: 700;
	font-size: 34px;
	line-height: 44px;
	/* or 129% */

	letter-spacing: -0.5px;

	color: #FFFFFF;
	margin:0px;
}

.content_04 .h2_desc {
	font-family: 'NEXON Lv2 Gothic OTF';
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 28px;
	/* or 140% */

	letter-spacing: -0.4px;
	color: #FFFFFF;
}







.content_05 {
	width:1920px;
	height:940px;
	background-color:#EFEFEF;
}

.content_area_05 {
	position: relative;
	top:150px;
	left:410px;
	width:1300px;
	
}

.content_05 .area_01 {
	padding:0px 0px 0px 35px;
	/*background-color:red;*/
	float:left;
	width:440px;
}

.content_05 .area_02 {
	/*padding-top:15px;*/
	padding-left:35px;
	/*background-color:blue;*/
	float:left;
}

.content_05 .area_03 {
	clear:both;
	padding-left:35px;
	padding-top:20px;
	width:1100px;
	/*background-color:red;*/
}

.content_05 .area_03 img {
	width:175px;
	margin:20px 20px 0 0;
}

.content_05 .area_04 {
	clear:both;
	padding-left:35px;
	padding-top:20px;
	width:1100px;
}

.content_05 .area_04 img {
	width:77px;
	margin:20px 20px 0 0;
}

.content_05 h2 {
	font-family: 'NEXON Lv2 Gothic OTF';
	font-style: normal;
	font-weight: 700;
	font-size: 34px;
	line-height: 44px;
	/* or 129% */

	letter-spacing: -0.5px;

	color: #000000;
	margin:0px;
}

.content_05 .h2_desc {
	font-family: 'NEXON Lv2 Gothic OTF';
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 28px;
	/* or 140% */

	letter-spacing: -0.4px;
	color: #000000;
}






.content_06 {
	width:1920px;
	height:1122px;
	background-color:#FFFFFF;
}

.content_area_06 {
	position: relative;
	top:150px;
	left:410px;
	width:1300px;
	
}

.content_06 .area_01 {
	padding:0px 0px 0px 35px;
	/*background-color:red;*/
	float:left;
	width:440px;
}

.content_06 .area_02 {
	/*padding-top:15px;*/
	padding-left:35px;
	/*background-color:blue;*/
	float:left;
}

.content_06 .area_03 {
	clear:both;
	padding-left:35px;
	padding-top:50px;
	width:1100px;
	/*background-color:red;*/
}



.content_06 .area_04 {
	clear:both;
	padding-left:35px;
	padding-top:20px;
	width:1100px;
}


.content_06 h2 {
	font-family: 'NEXON Lv2 Gothic OTF';
	font-style: normal;
	font-weight: 700;
	font-size: 34px;
	line-height: 44px;
	/* or 129% */

	letter-spacing: -0.5px;

	color: #000000;
	margin:0px;
}

.content_06 ol {
	font-family: 'NEXON Lv2 Gothic OTF';
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 28px;
	/* or 140% */

	letter-spacing: -0.4px;
	color: #000000;
	margin-top:1px;
}



#footer {
	background-color: #4A4A4A;
	color: #fdd1d1;
	width:1920px;
	height:132px;
	margin:0px;
}


#footer .redtoolbox_logo_address {
	float:left;
	padding:40px;
}

#footer .link_icon {
	float:right;
	padding:40px;
}


#logo_div {
	position: absolute;
	top: 310px;
	left:320px;
}


.btn_blog {
	border: 1px solid #A9A9A9;
	box-sizing: border-box;
	border-radius: 140px;
	height:48px;
	font-family: 'NEXON Lv2 Gothic OTF';
	font-style: normal;
	font-weight: 700;
	font-size: 17px;
	line-height: 28px;
	/* identical to box height, or 175% */

	letter-spacing: -0.4px;

	/* dark gray */
	color: #4A4A4A;
	background-color:#ffffff;
	padding:10px 50px;
	cursor:pointer;
}


.btn_redtoolbox {
	border: 1px solid #FFFFFF;
	box-sizing: border-box;
	border-radius: 140px;
	height:48px;
	font-family: 'NEXON Lv2 Gothic OTF';
	font-style: normal;
	font-weight: 700;
	font-size: 17px;
	line-height: 28px;
	/* identical to box height, or 175% */

	letter-spacing: -0.4px;

	margin-top: 20px;
	color: #FFFFFF;
	padding:10px 30px;
	background-color:#B1164D;
	cursor:pointer;
}


.btn_more {
	border: 1px solid #B3B3B3;
	box-sizing: border-box;
	border-radius: 140px;
	height:34px;
	font-family: 'NEXON Lv2 Gothic OTF';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	/* identical to box height, or 24px */

	color: #000000;

	/* dark gray */
	background-color:#ffffff;
	padding:5px 15px;
	cursor:pointer;
}

.btn_contact {
	border: 1px solid #B1164D;
	box-sizing: border-box;
	border-radius: 140px;
	height:48px;
	width:160px;
	font-family: 'NEXON Lv2 Gothic OTF';
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height:48px;
	/* identical to box height, or 24px */

	color: #FFFFFF;

	/* dark gray */
	background-color:#B1164D;
	padding:0px 25px;
	text-align:center;
	cursor:pointer;
}


.btn_apply {
	border: 1px solid #B1164D;
	box-sizing: border-box;
	border-radius: 140px;
	height:48px;
	width:320px;
	font-family: 'NEXON Lv2 Gothic OTF';
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height:48px;
	/* identical to box height, or 24px */

	color: #FFFFFF;

	/* dark gray */
	background-color:#B1164D;
	padding:0px 25px;
	text-align:center;
	cursor:pointer;
}

.yellow_text {
	color:#FFD600;
}

input[type="text"],
input[type="password"],
input[type="email"]
{
	/*background: rgba(144, 144, 144, 0.075);*/
	border: 1px solid #D0D0D0;
	box-sizing: border-box;
	border-radius: 80px;

	width:420px;
	height:56px;

	font-family: 'NEXON Lv2 Gothic OTF';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 26px;
	/* identical to box height, or 144% */


	color: #000000;
	margin-bottom:20px;
	padding-left:30px;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus
{
	border: 1px solid #D0D0D0;
}

textarea {
	border: 1px solid #D0D0D0;
	box-sizing: border-box;
	border-radius: 20px;

	width:960px;
	height:300px;

	font-family: 'NEXON Lv2 Gothic OTF';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 26px;
	/* identical to box height, or 144% */


	color: #000000;
	margin-bottom:20px;
	padding:30px;
}

textarea:focus {
	border: 1px solid #D0D0D0;
}

input.check_value {
	border: 2px solid #B1164D;
}

textarea.check_value {
	border: 2px solid #B1164D;
}



#cover-spin {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    background-color: rgba(255,255,255,0.7);
    z-index:9999;
    display:none;
}

@-webkit-keyframes spin {
	from {-webkit-transform:rotate(0deg);}
	to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}

#cover-spin::after {
    content:'';
    display:block;
    position:absolute;
    left:48%;top:40%;
    width:40px;height:40px;
    border-style:solid;
    border-color:black;
    border-top-color:transparent;
    border-width: 4px;
    border-radius:50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}