@charset "utf-8";

/*-----------------------------------------------------------------------------------------------
   공통
------------------------------------------------------------------------------------------------- */
/*h2.tit span { padding:10px; border-bottom:3px solid #49a8f1;font-weight: 700; color:#49a8f1;  }*/
.main_white{background: #fff; padding: 50px 0; overflow: hidden; text-align: center;}
.main_grey{background: #f1f1f1; padding: 50px 0; overflow: hidden; text-align: center;}
.main_img{text-align: center;}


/*-----------------------------------------------------------------------------------------------
   bxslider 설정
------------------------------------------------------------------------------------------------- */

/*.bx-wrapper .bx-prev {left: 10px; background: url(/wontalk/images/main/arr01_prev32.png) no-repeat !important; }*/
/*.bx-wrapper .bx-next {right: 10px;background: url(/wontalk/images/main/arr01_next32.png) no-repeat !important; }*/

/*-----------------------------------------------------------------------------------------------
   킬러배너
------------------------------------------------------------------------------------------------- */

#main_new{ position: relative; top:80px; margin: 0 auto;}
.killer_wrap .main_slide{ height:467px; overflow:hidden;  text-align: center; padding: 103px 0; }
.killer_wrap .main_slide .txt_wrap { position: absolute; width:80%; left:50%; top:45%; transform:  translate( -50%, -50%); color:#fff; text-align: center; }
.killer_wrap .main_slide .txt_wrap h2{ margin-bottom:20px; color:#fff; }
.killer_wrap .main_slide .txt_wrap p{ font-size: 18px; color:#fff; }
.killer_wrap .main_slide .txt_wrap button { background: none; border:2px solid #fff; color:#fff; padding: 15px 40px; margin-top:30px; font-size:18px; transition: all .4s; cursor: pointer; border-radius: 10px; }
.killer_wrap .main_slide .txt_wrap button:hover { background-color: #fff; color:#000; }

/* bxslide pager 처리 */
.killer_wrap { height: 467px;}
.killer_wrap .bx-wrapper .bx-pager.bx-default-pager a { width:15px; height:15px; }
.killer_wrap .bx-wrapper .bx-pager { bottom:25px; padding-top:20px; }


.main_slide a.more_btn{border:1px solid #fff; padding: 12px 57px; border-radius: 5px;
    display: inline-block; *display:inline; *zoom:1; color: #fff; font-size:20px; margin-top: 50px; text-decoration: none;
}
.main_slide a.more_btn:hover{background: #fff; color: #555; text-decoration: none}

/* .main_slide .center{padding-bottom: 1px} */
.main_slide h1 { font-weight: 400; color:#fff !important}
.m_s_01{background: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)),url("../images/renewal/main/main.jpg") top center no-repeat; text-align: center; padding: 103px 0}
.m_s_02{background: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)),url("../images/renewal/main/main_02.jpg") top center no-repeat; text-align: center; padding: 103px 0}
.m_s_03{background: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)),url("../images/renewal/main/main_03.jpg") top center no-repeat; text-align: center; padding: 103px 0}

.main_slide .main_img img { display: none;}
.o_mobile {letter-spacing: -0.07em;display: block;    font-size: 42px;color: #fff;}
.o_mobile, .o_mobile strong, .o_mobile span {font-size: 36px;color: #fff; }
.o_mobile strong { font-weight: bold;  }
.o_mobile li {font-size: 20px;margin-top: 30px;color: #fff;  font-weight: 400}

/*.o_mobile { display: none}*/
@media screen and (max-width:740px){
	#main_new { top:60px}
	.killer_wrap .main_slide
	, .killer_wrap { height:340px;}
	.killer_wrap .main_slide { padding: 40px 0;}
	.killer_wrap .main_slide .txt_wrap h2{ font-size: 24px;}
	.killer_wrap .main_slide .txt_wrap p{ font-size: 14px;}

	.killer_wrap .main_slide .txt_wrap button{  padding:10px 30px; font-size:15px  }
    .main_slide a.more_btn { margin-top:30px;}
    .o_mobile, .o_mobile strong, .o_mobile span { font-size:28px;}
    .o_mobile li {font-size: 18px; }


}



/*-----------------------------------------------------------------------------------------------
   앱다운
.------------------------------------------------------------------------------------------------- */
.appdown {  margin:0 auto; display: inline-block; padding:20px 0}
.appdown li { font-size:18px; line-height: 20px; float:left; margin-right:20px;}
.appdown li img { height:40px; }



/*-----------------------------------------------------------------------------------------------
   main_01 :: icons
.------------------------------------------------------------------------------------------------- */

.main_01{overflow: hidden;padding:45px 0; }
.main_01 ul  { margin-top:30px;}
.main_01 ul li{width: 33.3%; float: left; text-align: center;}
.main_01 ul li p { margin : 0 auto; height:120px; padding-bottom:20px; margin-bottom:20px; background-size:20px 20px}
.main_01 ul li p:hover { background-color: #fbdbd9; transition: all 0.3s linear;transform: scale(1.1);}


.main_01 ul li:nth-child(1) p { background: url('../images/main/main01_icon01.png') no-repeat 50% 100%;}
.main_01 ul li p.icon01:hover { background: url('../images/main/main_icon01_on.png') no-repeat 50% 100%;}
.main_01 ul li:nth-child(2) p  { background: url('../images/main/main01_icon02.png?v=1') no-repeat 46% 100%;  }
.main_01 ul li p.icon02:hover { background: url('../images/main/main_icon02_on.png') no-repeat 50% 100%;}
.main_01 ul li:nth-child(3) p { background: url('../images/main/main01_icon03.png?v=1') no-repeat 50% 100%;}
.main_01 ul li p.icon03:hover { background: url('../images/main/main_icon03_on.png') no-repeat 50% 100%;}

/* .main_01 ul li h3{display: block; font-size:22px; margin-top:17px} */
.main_01 ul li span{display: block; line-height: 22px; margin-top: 12px; color: #666; }
.main_01 ul li img{display: inline-block; text-align: center; }

@media screen and (max-width:740px){
	.appdown { padding:15px 0; text-align: center;  }
	.appdown li {margin-right:5px;  float:left; line-height: 10px;}

	.appdown li:last-child {margin-right:0px;}
	.appdown li img { height:30px;}
	.appdown li img.app_icon  { height:40px; margin-top:-5px;}

    .main_01 ul li:nth-child(2) { margin-left:-10px;}
    .main_01 ul li p { background-size: 90px auto !important; }
    .main_01 ul li span { letter-spacing: -1px; font-size:13px;}
}

.main_02 .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom:-25px}

/*-----------------------------------------------------------------------------------------------
   main_02 ::원매니저 / 원톡
-------------------------------------------------------------------------------------------------*/
.main_02 .phone{float: right;}
.main_02 .tit {font-size: 26px;}
.main_02 .tit font { padding: 5px 5px;}

.main_02 .slide{text-align: center; margin: 0 auto; top:0; position: relative;}
.main_02 .slide h1{box-sizing: border-box; display:inline-block; width:360px; height: 320px;  line-height: 380px;
    overflow: hidden; background: url("../images/renewal/main/tablet/bg.png") center 37px no-repeat;  margin:0 auto;}
.main_02 .slide h1 img { margin-top:53px;}
.phone_title{margin-top: 53px}
.remainder{height: 60px}

.main_02 .talk_wrap .slide  h1{ background: url("../images/renewal/main/mobile/bg.png") center 0 no-repeat;}

/*슬라이더*/
.main_02{width: 980px; margin: 0 auto;}
.main_02 ul{float: left; width: 47%; margin-bottom:80px;}
.main_02 ul:FIRST-CHILD{margin-right: 6%}
.main_02 h3{margin-bottom: 10px}
.main_02 .slide{display: block; width: 100%}

.main_02 .slide span{display: block; margin-top: 10px; text-align: right; padding-right: 80px}

.main_02 .slide ul{display: block; width: 100%; margin-top: 15px; min-width:360px;}
.main_02 .slide ul .tit{font-size:22px; color: #222; margin-bottom: 14px}
.main_02 .slide ul li{font-size:15px; color: #666; line-height: 20px}
.main_02 .slide ul li .point{color: #c50b0b;}

@media screen and (max-width:999px){
    .main_02{width: 100%;}
}

@media screen and (max-width:640px){
    .main_02 ul { width:100% ; }
}


/* .main_03{width: 980px; margin: 0 auto; text-align: left; margin-bottom: 50px; overflow: hidden;} */
.main_03 h2 { margin-bottom:20px;}

.main_03 ul{ width:100%}
.main_03 ul li { display:inline-block; width: 32%;height: 280px; float: left; border:1px solid #ddd; padding: 30px 0; text-align: left; padding: 25px; margin-left: 2%; cursor: pointer; overflow: hidden}
.main_03 ul li:first-child { margin-left:0;}
.main_03 ul li:hover { border:1px solid #666;}
.main_03 ul li h4 { height:58px; overflow: hidden;}
.main_03 p{display: inline-block; margin-bottom:7px; width:100%;color: #555; font-size:16px;}
.main_03 p.info { font-weight: normal; font-size: 12px; color: #aaa; text-align: right;}
.main_03 p.content { max-height:152px; overflow: hidden}

.main_03 .main_more{float: right; font-size:30px}
.main_03 .main_more a{color: #333; font-size:30px; text-decoration: none}

@media screen and (max-width:740px){
    .main_03{ padding:10px;}
    .main_03 h2 { padding-left:10px;}
    .main_03 ul li { float:none; width:100%; margin:0 0 10px 0;}
}

#mobile_gnb,.m_user{display: none}
/* .o_mobile{display: none} */
/* #m_footer{display: none} */
.gotop{
	position: fixed;
	bottom: 30px;
	right:30px;
	background: #111;
	color: #fff;
	opacity:0.9;

	width:60px; text-align:center;
	height:60px; line-height:60px;
	border-radius:50%;
	font-size: 15px;
	z-index: 99999;
	display: inline-block; *display:inline; *zoom:1;
}

@media screen and (max-width:1000px){
	.gotop{
		right:12px; bottom: 10px;
		width:50px; text-align:center;
		height:50px; line-height:50px;
	}
}