@charset "utf-8"; 

.main{ position: relative; width: 100%; min-width: 1200px; }

/* 메인배너 */
.main .banner_area{ position: relative; width: 100%; height: 420px; }
#main_bn { width:1200px; height:420px; margin:0 auto; }
#main_bn img { width:100%; height:auto; }

/* 메인 콘텐츠 01*/
.main .m_conts01{ position: relative; display: block; width: 100%; padding-bottom: 90px; background: url(../../img/main/bg_m_conts01.jpg) repeat-x left top #f3f3f3; }
.main .m_conts01 .box_wrap{ position: relative; width: 600px; height: 520px; }
.main .m_conts01 .box_wrap:after{ position: relative; display: block; clear: both; content: ''; }

.main .m_conts01 .login{ float: left; width: 300px; height: 260px; padding: 38px 40px 30px 40px; background: #FF8200; color: #fff; }
.main .m_conts01 .login>h2{ margin-bottom: 16px; color: #fff; font-size: 22px; font-weight: 700; text-align: center; }
.main .m_conts01 .login>ul{ display: block; width: 100%; margin-bottom: 17px; }
.main .m_conts01 .login>ul>li{ height: 35px; border-bottom: 1px solid #fff; }
.main .m_conts01 .login>ul>li:first-child{ margin-bottom: 4px;}
.main .m_conts01 .login input{ width: 100%; height: 35px; padding: 0; border: none; background: none; color: #fff; font-weight: 300; }
.main .m_conts01 .login input::placeholder{color:#9db1e1;font-size: 14px;font-weight: 300; }
.main .m_conts01 .login .m_login_btn{ display: inline-block; width: 100%; height: 35px; margin-bottom: 10px; border-radius: 50px; background: #fff; color: #FF8200; font-size: 14px; font-weight: 900; line-height: 32px; text-align: center; }
.main .m_conts01 .login .m_login_btn:hover{ cursor: pointer; }
.main .m_conts01 .login .m_find{ width: 100%; text-align: center; }
.main .m_conts01 .login .m_find a{ color: #fff; font-size: 13px; }

.main .m_conts01 .m_myinfo01{ float: left; width: 300px; height: 260px; padding: 65px 40px 30px 40px; background: #FF8200;  color: #fff; text-align: center; }
.main .m_conts01 .m_myinfo01 .info_name{ margin-bottom: 14px; font-family: 'GmarketSans'; font-size: 22px; font-weight: 400; }
.main .m_conts01 .m_myinfo01 .info_txt{ margin-bottom: 12px; font-size: 18px; line-height: 30px; }
.main .m_conts01 .m_myinfo01 .info_txt .lv{ padding: 7px 14px 4px 14px; border: 1px solid #fff; border-radius: 50px; font-family: 'GmarketSans'; font-size: 17px; }
.main .m_conts01 .m_myinfo01 .info_link{ display: inline-block; height: 20px; margin-bottom: 22px; padding: 0 24px 0 0; background: url(../../img/main/icon_link.png) no-repeat right 1px; color: #fff; font-size: 15px; }
.main .m_conts01 .m_myinfo01 .info_logout{ display: inline-block; width: 90px; height: 30px; margin: 0 auto; background: #fff; border-radius: 4px; }
.main .m_conts01 .m_myinfo01 .info_logout span{ padding-right: 18px; background: url(../../img/main/icon_logout.png) no-repeat #fff right center; color: #FF8200; border-radius: 4px; font-size: 14px; line-height: 30px; }

.main .m_conts01 .m_myinfo01 .m_myinfo01_notuser{ text-align: center; }

.main .m_conts01 .m_myinfo01 .m_myinfo01_notuser .btn_login{ 
	text-align: center; 
	display: inline-block; 
	margin-top : 45px;
	height: 20px; 
	padding : 0; 
	color: #fff; 
	font-size : 35px; 
 }

.main .m_conts01 .m_myinfo02{ float: left; width: 300px; height: 260px; padding: 35px; background: #FFC846; color: #fff;  }
.main .m_conts01 .m_myinfo02 p{ margin-bottom: 16px; font-size: 18px; }
.main .m_conts01 .m_myinfo02 ul{ padding-bottom: 17px; border-bottom: 1px solid #FAFAD2; }
.main .m_conts01 .m_myinfo02 ul li{ margin-top: 10px; padding-left: 12px; background: url(../../img/main/info_bullet.gif) no-repeat left 8px; font-size: 16px; }
.main .m_conts01 .m_myinfo02 ul li:first-child{ margin-top: 0; }
.main .m_conts01 .m_myinfo02 ul + p{ margin-top: 15px; margin-bottom: 11px; }
.main .m_conts01 .m_myinfo02 .coin{ position: relative; width: 100%; height: 30px;}
.main .m_conts01 .m_myinfo02 .coin p{ width: calc(100% - 85px); font-size: 17px; line-height: 28px; }
.main .m_conts01 .m_myinfo02 .coin p em{ font-weight: 600; }
.main .m_conts01 .m_myinfo02 .coin .charge { position: absolute; top: 0; right: 0; display: inline-block; width: 85px; height: 30px; border-radius: 4px; background: #fff; text-align: center; } 
.main .m_conts01 .m_myinfo02 .coin .charge span{ padding-right: 18px; background: url(../../img/main/icon_coin.png) no-repeat right center; color: #FFC846; font-size: 14px; font-weight: 400; line-height: 30px; }

.main .m_conts01 .m_myinfo02 .m_myinfo02_notuser{ text-align: center; }

.main .m_conts01 .m_myinfo02 .m_myinfo02_notuser .btn_join{ 
	text-align: center; 
	display: inline-block; 
	height: 20px;
	margin-top : 75px;
	/* padding: 0 24px 0 0; */ 
	padding : 0;
	/* background: url(../../img/main/icon_link.png) no-repeat right 6px; */
	color: #fff; 
	/* font-size: 20px; */
	font-size : 35px;
}



.main .m_conts01 .join{ float: left; width: 300px; height: 260px; background: #FFC846; color: #fff; }
.main .m_conts01 .join a{ color: #fff; font-family: 'GmarketSans'; font-size: 28px; font-weight: 700; line-height: 260px; text-align: center; }

.main .m_conts01 .company{ overflow: hidden; float: left; width: 300px; height: 260px; padding: 55px 10px 47px 40px; border-left: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; background: #fff; }
.main .m_conts01 .company h2{ margin-bottom: 12px; font-family: 'GmarketSans'; font-size: 22px; font-weight: 400; letter-spacing: -1.5px; }
.main .m_conts01 .company p{ margin-bottom: 32px; font-size: 18px; color: #7d7e80; line-height: 24px; letter-spacing: -1.3px; }
.main .m_conts01 .company .m_btn_remote{ display: inline-block; width: 250px; height: 50px; border-radius: 50px; background: #FFC846; color: #fff; font-size: 16px; font-weight: 600; line-height: 50px; text-align: center; }
.main .m_conts01 .company .m_btn_remote span{ display: inline-block; height: 50px; padding-left: 48px; background: url(../../img/main/icon_support.png) no-repeat left 50%; }

.main .m_conts01 .call{ overflow: hidden; float: left; width: 300px; height: 260px; padding: 55px 45px 45px 47px; border-right: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; background: #fff; }
.main .m_conts01 .call h2{ margin-bottom: 15px; font-size: 18px; color: #003197; letter-spacing: -1px; }
.main .m_conts01 .call .m_numb{ margin-bottom: 20px; font-size: 31px; font-weight: 800; color: #003197; }
.main .m_conts01 .call .txt_work{ font-size: 19px; font-weight: 600; letter-spacing: -1.2px; line-height: 26px; }

/* 메인 콘텐츠 게시판 */
.main .m_conts01 .m_board{ position: absolute; top: 0; right: 0; width: 600px; height: 520px; padding: 40px  40px 45px 40px; border-top: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; background: #fff; }
.main .m_conts01 .m_board h2{ margin-bottom: 25px; color: #27364e; font-size: 24px; font-weight: 600; letter-spacing: -1.5px; }
.main .m_conts01 .m_board .m_board_more{ position: absolute; top: 40px; right: 40px; display: inline-block; width: 22px; height: 22px; background: url(../../img/main/m_board_more.png) no-repeat left top; font-size: 0; }
.main .m_conts01 .m_board .m_board_list {}
.main .m_conts01 .m_board .m_board_list li{ position: relative; height: 36px; line-height: 36px; }
.main .m_conts01 .m_board .m_board_list li a{ font-size: 16px; cursor: pointer; }
.main .m_conts01 .m_board .m_board_list li a:hover .txt{ text-decoration: underline; }
.main .m_conts01 .m_board .m_board_list li .txt{ display: block; width: 360px; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; }
.main .m_conts01 .m_board .m_board_list li .txt em{ margin-right: 6px; color: #eb3b43; font-weight: 500; }
.main .m_conts01 .m_board .m_board_list li .date{ position: absolute; right: 0; top: 0; color: #9e9e9e; }




/* 메인 콘텐츠 02*/
.main .m_conts02{ position: relative; width: 1200px; margin: 0 auto; padding: 85px 0 60px 0; }
.main .m_conts02 .adv_txt{ margin-bottom: 70px; font-family: "GmarketSans"; font-size: 26px; font-weight: 400; line-height: 41px; letter-spacing: -2px; text-align: center; }
.main .m_conts02 .adv_txt em{ color: #FF8200; }

.main .m_conts02 .adv li{ float: left; width: 600px; margin-bottom: 90px; padding-left: 90px; font-family: "GmarketSans"; font-size: 19px; letter-spacing: -1px; }
.main .m_conts02 .adv::after{ position: relative; display: block; clear: both; content: ''; }
.main .m_conts02 .adv li:nth-child(even){ margin-top: 60px; }


.main .m_conts02 .adv li .adv_list_wrap{ position: relative; width: 510px; height: 110px; padding: 32px 35px 0 77px; border: 2px solid #FF8200; border-radius: 10px; }

.main .m_conts02 .adv li p.m_talk_q{ margin-bottom: 8px; color: #959ba5; font-weight: 200; }
.main .m_conts02 .adv li p.m_talk_a{ color: #FF8200; font-weight: 400; }
.main .m_conts02 .adv li div.adv_bg01, .main .m_conts02 .adv li div.adv_bg02{ position: absolute; left: -52px; display: inline-block; width: 96px; height: 96px; }
.main .m_conts02 .adv li div.adv_bg01{ background: url(../../img/main/bg_talk_man.png) no-repeat center center; }
.main .m_conts02 .adv li div.adv_bg02{ background: url(../../img/main/bg_talk_woman.png) no-repeat center center; }


/* 메인 콘텐츠 03*/
.main .m_conts03{ width: 100%; padding: 100px 0; background: #f3f3f3; }
.main .m_conts03 h2{ margin-bottom: 65px; font-size: 28px; font-weight: 400; font-family: 'GmarketSans'; letter-spacing: -1.5px; text-align: center; }

.main .m_conts03 ul li{ float: left; width: 282px; height: 282px; margin: 0 0 0 24px; border-radius: 6px; text-align: center; }
.main .m_conts03 ul li a{ display: block; width: 282px; height: 282px; padding-top: 65px; color: #fff; }
.main .m_conts03 ul li a:hover em{ font-size: 24.5px; transition:All .2s ease; }
.main .m_conts03 ul li a span { color: #ddd; font-size: 16px; line-height: 21px; }
.main .m_conts03 ul li a em{ display: inline-block; width: 100%; margin-top: 23px; font-family: "GmarketSans"; font-size: 22px; font-weight: 700; letter-spacing: -0.5px; }
.main .m_conts03 ul li:first-child{ margin-left: 0; }
.main .m_conts03 ul li:nth-child(1){ background: url(../../img/main/bg_icon_map.png) no-repeat center 170px #FF8200; }
.main .m_conts03 ul li:nth-child(2){ background: url(../../img/main/bg_icon_faq.png) no-repeat center 178px #198296; }
.main .m_conts03 ul li:nth-child(3){ background: url(../../img/main/bg_icon_bill.png) no-repeat center 175px #5e5baa; }
.main .m_conts03 ul li:nth-child(4){ background: url(../../img/main/bg_icon_cash.png) no-repeat center 174px #473d97; }

.main .m_conts03 ul::after{ position: relative; display: block; clear: both; content: ''; }