@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;
}


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, h1, h2, h3, h4, h5, h6, input, textarea, select { font-family: 'NEXON Lv2 Gothic OTF'; }


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


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

.content_01 {
	background: url("/images/new/top_bg.png");
	background-repeat : no-repeat;
	background-size : cover;
	width:100%;
	height:1210px;

}

.content_area_01 {
	padding-top:94px;
	/*padding-left:9vw;	*/
}

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

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

.content_01 .h1_desc {
	font-family: 'NEXON Lv2 Gothic OTF';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 26px;

	color: #FFFFFF;
}

.content_01 h2 {
	font-family: 'NEXON Lv2 Gothic OTF';
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	line-height: 30px;
	/* or 136% */

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

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

	color: #FFFFFF;
}

.content_01 .logo {
	padding-left:35px;
}

.content_01 .area_01 {
	padding-top:100px;
	padding-left:30px;
}
.content_01 .area_02 {
	padding-top:24px;
	padding-left:30px;

}
.content_01 .area_03 {
	padding-top:24px;
	padding-left:30px;
	padding-right:30px;
	/** background-color:red; **/
}


.content_01 .area_03 .box {
	position:relative;
	width: 100%;
	height: 190px;

	border: 1px solid rgba(255, 255, 255, 0.75);
	border-radius: 10px;
	color:#ffffff;
	margin-bottom:20px;


}
.content_01 .area_03 .box .title {
	font-family: 'NEXON Lv2 Gothic OTF';
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 28px;
	/* or 117% */

	letter-spacing: -1px;


	padding:20px 0 10px 20px;

}
.content_01 .area_03 .box .desc {
	font-family: 'NEXON Lv2 Gothic OTF';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	/* or 140% */
	padding:0px 0 10px 20px;

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

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

	cursor:pointer;
	padding:0px 0 0px 20px;
}




/*
	2022-06-17 추가
*/



.content_07 {
	width:100%;
	height:1150px;
}

.content_area_07 {
	padding-top:100px;
}

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

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

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

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



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

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

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

	letter-spacing: -1px;

	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: 0px 0 0 0;
	margin-right:5px;
	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: 18px;
	line-height: 26px;
	/* identical to box height, or 140% */

	text-align: center;

}

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

.content_07 .area_03 .content .desc {
	font-family: 'NEXON Lv2 Gothic OTF';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	padding-top:10px;
	word-break: keep-all;
}



.content_08 {
	background-color:#4A4A4A;
	width:100%;
	height:1350px;
}

.content_area_08 {
	position: relative;
	top:100px;
	width:100%;
	/*background-color:red;*/
	
}

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

	letter-spacing: -1px;

	color: #FFFFFF;
	margin:0px;
}

.content_08 .h1_desc {
	font-family: 'NEXON Lv2 Gothic OTF';
	font-style: normal;
	font-weight: 300;
	font-size: 24px;
	line-height: 33px;
	/* or 138% */

	letter-spacing: -1px;

	color: #FFFFFF;
}

.content_08 h2 {
	font-family: 'NEXON Lv2 Gothic OTF';
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 30px;
	/* or 125% */

	letter-spacing: -1px;

	color: #FFFFFF;
	margin:0px;
}

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

	letter-spacing: -1px;

	color: #FFFFFF;
}


.content_08 .area_01 {
	padding:0px 0px 0px 35px;
}
.content_08 .area_02 {
	padding-top:24px;
	padding-left:30px;
	padding-right:30px;
	word-break: keep-all;
}

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

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

.content_08 .area_04 {
	padding-top:100px;
	padding-left:30px;
	padding-right:30px;
}




.content_09 {
	width:100%;
	height:1000px;
}

.content_area_09 {
	position: relative;
	top:100px;
}

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

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

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

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

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


.content_09 .blog_content {
	float:left;
	width:230px;
	/*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: 24px;
	line-height: 30px;
	/* or 125% */
	color: #000000;
	letter-spacing: -1px;
	margin:0px;
}

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

	letter-spacing: -1px;

	color: #000000;
}


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


.content_02 {
	width:100vw;
}

.content_area_02 {
	padding-top:100px;
}

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

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

.content_02 .area_03 {
	padding:20px 30px 50px 30px;
	/*background-color:blue;*/
}

.content_02 .area_04 {
	padding-top:100px;
	padding-left:30px;
	/*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: 28px;
	/* identical to box height, or 129% */
	letter-spacing: -1px;
	color: #000000;
	margin:0px;
}

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

	color: #000000;
}



.content_03 {
	width:100vw;
	background-color:#4A4A4A;
}

.content_area_03 {
	padding-top:100px;	
}


.content_03 .area_01 {
	padding:0px 30px 0px 30px;
}

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

.content_03 .area_03 {
	clear:both;
	padding-bottom:100px;
}


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

	letter-spacing: -1px;
	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: 18px;
	line-height: 26px;
	/* or 140% */
	word-break: keep-all;
	color: #FFFFFF;
}




.content_04 {
	width:100vw;
	background-color:#B1164D;
}

.content_area_04 {
	padding-top:100px;
}

.content_04 .area_01 {
	padding:0px 30px 0px 30px;
	/*background-color:red;*/
}

.content_04 .area_02 {

	padding:15px 30px 30px 30px;
	/*background-color:blue;*/
	float:left;
}

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


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

	letter-spacing: -1px;

	color: #FFFFFF;
	margin:0px;
}

.content_04 .h2_desc {
	font-family: 'NEXON Lv2 Gothic OTF';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 26px;

	color: #FFFFFF;
}




.content_05 {
	width:100vw;
	background-color:#EFEFEF;
}

.content_area_05 {
	padding-top:100px;
}

.content_05 .area_01 {
	padding:0px 30px 30px 30px;
}

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

.content_05 .area_03 {
	clear:both;
	padding:30px 30px 20px 30px;
}

.content_05 .area_03 img {
	width:25vw;
	margin:20px 2vw 0 0;
}

.content_05 .area_04 {
	clear:both;
	padding:0px 30px 30px 30px;
}

.content_05 .area_04 img {
	width:15vw;
	margin:20px 0.9vw 0 0;
}

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

	letter-spacing: -1px;

	color: #000000;
	margin:0px;
}

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

	color: #000000;
}





.content_06 {
	width:100vw;
	background-color:#FFFFFF;
}

.content_area_06 {
	padding-top:100px;	
}

.content_06 .area_01 {
	padding:0px 30px 0px 30px;
}

.content_06 .area_02 {
	clear:both;
	padding:0px 30px 50px 30px;
	/*background-color:red;*/
}

.content_06 .area_03 {
	clear:both;
	padding:0px 30px 0px 30px;
	/*background-color:red;*/
}



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


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

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

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

	color: #000000;
	list-style: none;
    margin: 0px;
    padding: 0px;
}









#footer {
	background-color: #4A4A4A;
	color: #fdd1d1;
	width:100vw;
	height:270px;
	margin:0px;
}

#footer .footer_logo {
	padding:30px 0px 0px 30px;
}


#footer .address {
	font-family: 'NEXON Lv2 Gothic OTF';
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 170%;
	/* or 20px */

	color: #929292;
	padding:26px 0px 0px 30px;
}


#footer .link_icon {
	float:left;
	padding:30px 0px 0px 30px;
}




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







.scroll_div {
	overflow-x:scroll;
	overflow-y:hidden; 
	width:100%; 
	padding-bottom:0px;

}

.scroll_div::-webkit-scrollbar {
	height:15px;
}
.scroll_div::-webkit-scrollbar-track {
	border-radius: 10px;
	background-color: rgba(0, 0, 0, 0.25);
}

.scroll_div::-webkit-scrollbar-thumb {
	background-color: #FFFFFF;
    border: 5px solid transparent;
    border-radius: 9px;
    background-clip: content-box;
}

::-webkit-scrollbar-button:start:decrement, 
::-webkit-scrollbar-button:end:increment {
	/*  스크롤의 화살표가 포함된 영역   */
	display:block;
	width:30px;
} 



.btn_blog {
	border: 1px solid #A9A9A9;
	box-sizing: border-box;
	border-radius: 140px;
	height:48px;
	width: 100%;
	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;
	width: 100%;
	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;
	margin-bottom:50px;
}

.btn_contact {
	border: 1px solid #B1164D;
	box-sizing: border-box;
	border-radius: 140px;
	height:48px;
	width:100%;
	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:100%;
	font-family: 'NEXON Lv2 Gothic OTF';
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height:48px;
	/* identical to box height, or 24px */
	
	letter-spacing: -0.5px;
	color: #FFFFFF;

	/* dark gray */
	background-color:#B1164D;
	padding:0px 0 0px 0;
	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:100%;
	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
{
	outline-width: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none; 
}

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

	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;
}