@charset "utf-8";

#wrap {float:left; width:100%; overflow-x:hidden;}

/*-------------------------------------------------------------------------------------*
 *  2021년12월추가                                                                     *
 *-------------------------------------------------------------------------------------*/
/* 4개국어 */
.language_wrap  {float:left; position:absolute; top:5px; right:40px;}
.language {float:left;}
.language ul li{float:left; margin:0 0 0 10px; filter:grayscale(80%);}
.language ul li:hover{filter:grayscale(0%);}


/*-------------------------------------------------------------------------------------*
 *  2021년10월추가                                                                     *
 *-------------------------------------------------------------------------------------*/
/* 매칭 휴식 버튼 */
.btn_on  {display:inline-block; text-align:center; color:#ffffff; font-size:16px; letter-spacing:0pt; font-weight:500; padding:0 0 0 50px; background:url("../images/btn_on.png") center top no-repeat; min-width:130px; height:42px; line-height:42px;}
.btn_off {display:inline-block; text-align:center; color:#b3b3b3; font-size:16px; letter-spacing:0pt; font-weight:500; padding:0 50px 0 0; background:url("../images/btn_off.png") center top no-repeat; min-width:130px; height:42px; line-height:42px;}


/*-------------------------------------------------------------------------------------*
 *  Header                                                                             *
 *-------------------------------------------------------------------------------------*/
#header_wrap {float:left; width:100%;}

.top_wrap {float:left; width:100%; height:140px;}
.top_box {width:98%; margin:0px auto;}

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

    .top_box{width:1800px}
}

.logo {float:left; margin:37px 0 0 40px;}

.gnb {float:right; margin:53px 0 0 0;}
.gnb ul li {float:left; margin:0 20px 0 0;}
.gnb ul li a {font-size:20px; font-weight:400; color:#2c2c2c; letter-spacing:-1pt;}
.gnb ul li a:hover {color:#993bff;}

.snb {float:left; margin:55px 0 0 100px;}
.snb ul li {float:left; margin:0 70px 0 0;}
.snb ul li a {font-size:22px; font-weight:400; color:#2c2c2c; letter-spacing:-1pt;}
.snb ul li a:hover {color:#ff16b1;}

.util {float:right; margin:48px 0 0 0;}
.util ul li {float:left; margin:0 0 0 5px; line-height:40px; font-weight:400; font-size:16px; color:#444444; letter-spacing:0pt;}
.util_btn1 {background:#9045c5; border:1px solid #9045c5; display:inline-block; text-align:center; border-radius:42px; height:42px; line-height:38px; color:#ffffff; font-size:16px; letter-spacing:0pt; font-weight:400; padding:0 20px 0 20px; min-width:130px;}
.util_btn1:hover {background:#7432a3;}

.util_btn2 {background:#696969; border:1px solid #696969; display:inline-block; text-align:center; border-radius:42px; height:42px; line-height:38px; color:#ffffff; font-size:16px; letter-spacing:0pt; font-weight:400; padding:0 20px 0 20px; min-width:130px;}
.util_btn2:hover {background:#444444;}

.title_wrap {float:left; width:100%; height:110px; line-height:110px; text-align:center; background:url(../images/bg_title.jpg) center top no-repeat; background-size:cover;}
.title {font-family:'rocket'; font-size:36px; color:#ffffff; letter-spacing:1px;}

.s_title1 {float:left; width:100%; line-height:50px; font-weight:700; color:#222222; font-size:21px; letter-spacing:-1pt;}
.s_title2 {float:left; width:100%; line-height:50px; font-weight:700; color:#3a6ef9; font-size:24px; letter-spacing:-1pt;}


/*-------------------------------------------------------------------------------------*
 *  Contents                                                                           *
 *-------------------------------------------------------------------------------------*/
.contents_wrap {float:left; width:100%;}
.contents_box {margin:0px auto; width:1440px;}
/* 확인 */

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

    .contents_box{width:96%}
}

.con_box00 {float:left; width:100%; margin:0 0 0 0;}
.con_box10 {float:left; width:100%; margin:10px 0 0 0;}
.con_box20 {float:left; width:100%; margin:20px 0 0 0;}
.con_box30 {float:left; width:100%; margin:30px 0 0 0;}
.con_box40 {float:left; width:100%; margin:40px 0 0 0;}
.con_box50 {float:left; width:100%; margin:50px 0 0 0;}
.con_box60 {float:left; width:100%; margin:60px 0 0 0;}


/*-------------------------------------------------------------------------------------*
 *  Footer                                                                             *
 *-------------------------------------------------------------------------------------*/
.footer_wrap {float:left; width:100%; margin:0 0 0 0; background:#e9e9e9;}
.footer_box {margin:0px auto; width:1440px;}
.footer_logo {float:left; padding:30px 0 25px 0; color:#545454; letter-spacing:0px; line-height:43px; font-size:16px; font-weight:400;}
.footer_customer {float:right; text-align:center; color:#616161; font-size:18px; letter-spacing:0pt; font-weight:900; line-height:43px; padding:30px 0 25px 0;}


/*-------------------------------------------------------------------------------------*
 *  Main                                                                               *
 *-------------------------------------------------------------------------------------*/
.main_visual{float:left; width:100%; text-align:center;}

.main_con1{float:left; width:100%; margin:50px 0 0 0; padding:0 0 80px 0; border-bottom:1px solid #e4e4e4;}
.main_con1_left{float:left;}
.main_con1_right{float:right; width:786px; margin:7px 0 0 0;}

.left_1{float:left; display:flex; align-items:center;}
.left1_1{float:left; margin:0 30px 0 0;}
.left1_2{float:right; color:#2c2c2c; font-size:30px; font-weight:600; letter-spacing:-1pt; line-height:1.2;}
.left1_2 span{color:#545454; font-size:18px; font-weight:400;}

.left_2{margin:40px 0 0 0; float:left; clear:left; width:560px; height:140px; overflow:hidden; background:#ffffff; border:2px solid #3a6ef9; position:relative; line-height:1.5; padding:30px 0 0 50px;}
.left_2 a{display:block;}
.left_font3{font-family:'rocket'; color:#3a6ef9; font-size:36px;}
.left_font4{font-family:arial; color:#545454; font-size:18px;}
.left_arrow{position:absolute; right:50px; top:40px;}
.left_2:hover{background:#3a6ef9;}
.left_2:hover .left_font3{color:#ffffff;}
.left_2:hover .left_font4{color:#c1d2ff;}

.right_con{display:flex; align-items:center; width:50%; float:left; margin:0 0 30px 0;}
.r_con_img{margin:0 18px 0 0;}
.con_title{color:#2c2c2c; font-size:24px; font-weight:600; letter-spacing:-1pt; line-height:1.8;}
.con_text{color:#545454; font-size:16px; font-weight:400; letter-spacing:-1pt; line-height:1.8;}

.main_con2{float:left; width:100%; margin:80px 0 0 0; padding:0 0 80px 0; border-bottom:1px solid #e4e4e4;}
.main_con2_box{width:330px; margin:0 40px 0 0; float:left;}
.main_con2_box:last-child{margin:0;}
.main_con2_title{color:#2c2c2c; font-size:24px; font-weight:600; letter-spacing:-1pt; line-height:1.8; padding:15px 0 0 10px;}
.main_con2_text{color:#545454; font-size:16px; font-weight:300; letter-spacing:-1pt; line-height:1.5; padding:10px 0 0 10px;}



/* 마켓리스트 */
.main_wrap_wrap {float:left; width:1440px; margin:50px 0 0 0;}

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

    .main_wrap_wrap{width:100%}
}

.main_wrap {float:left; width:450px; height:140px; background:#ffffff; margin:0 45px 40px 0; border:1px solid #dedede;}
.main_wrap:nth-child(3n){margin:0 0 40px 0;}

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

    .main_wrap{width:100%}
}

.main1_wrap {float:left; width:100%; height:28px; position:relative;}
.main1 {float:right; width:46px; height:46px; line-height:46px; border-radius:46px; background:#3e3e3e; font-family: 'Noto Sans KR', sans-serif; color:#ffffff; font-size:14px; text-align:center; position:absolute; right:-20px; top:-20px;}

.main2_wrap {float:left; width:100%; height:28px;}
.main2 {float:left; height:28px; line-height:28px; font-family: 'Noto Sans KR', sans-serif; color:#717171; font-size:16px; letter-spacing:0pt; text-align:center; padding:5px 0 0 30px;}
.main2_font {font-size:21px; color:#222222; font-weight:700;}

.main3_wrap {float:left; width:100%; height:42px; line-height:42px; padding:15px 30px 0 30px;}
.main3 {float:left; height:28px; line-height:28px; color:#717171; font-size:16px; letter-spacing:0pt; text-align:center;}
.main3_font {font-size:28px; color:#3a6ef9;font-weight:900; letter-spacing:-1pt; font-style:italic;}
.main3_right {float:right; width:100px;}
.main3_btn1 {float:right; width:150px;}


/*-------------------------------------------------------------------------------------*
 *  login                                                                              *
 *-------------------------------------------------------------------------------------*/
.login_text {float:left; width:100%; line-height:70px; color:#ffffff; font-family: 'GmarketSans'; font-size:36px; font-weight:700; letter-spacing:-1pt; text-align:center;}

.login_box {margin:0px auto; width:620px;}
.login_title{text-align:center;}
.login {float:left; width:100%; margin:34px 0 0 0; padding:80px 50px 63px 50px; background:url(../images/bg_login.png) center top no-repeat; text-align:center;}
.input_login  {background-color:#ffffff; border:1px solid #ffffff; width:300px; height:50px; color:#2c2c2c; padding:0 0 0 10px; font-size:14px; font-weight:400;}

.login_btn1         {background:linear-gradient(#45b7ff 0%, #0d5cff 100%); width:300px; height:60px; line-height:64px; display:inline-block; text-align:center; color:#ffffff; font-size:20px; letter-spacing:0pt; font-family:'rocket'; margin:5px 0 0 0;}
.login_btn1:hover   {background:linear-gradient(to top, #45b7ff 0%, #0d5cff 100%);}

.login_btn2         {background:linear-gradient(#a2a2a2 0%, #868686 100%); width:300px; height:60px; line-height:64px; display:inline-block; text-align:center; color:#ffffff; font-size:20px; letter-spacing:0pt; font-family:'rocket'; margin:5px 0 0 0;}
.login_btn2:hover   {background:linear-gradient(to top, #a2a2a2 0%, #868686 100%);}


/*-------------------------------------------------------------------------------------*
 *  특별한                                                                             *
 *-------------------------------------------------------------------------------------*/