/*메인 콘텐즈 01*/
.main_con01_wrap {width:100%; padding-bottom:50px;background:#fff url("../images/main/m_sell_bg.jpg") no-repeat 50% 50% / cover; height:auto; overflow:hidden;}
.main_con01 {width:1400px; margin:0 auto;}
.main_con01 h2 {color:#fff;padding-top:240px; font-size:24px; font-weight:normal; font-family: 'GmarketSansMedium'; text-align:center; }
.main_con01 h2 b {font-size:50px;font-family: 'GmarketSansbold'; }

/*m_quicik*/
.m_sell ul {display:flex;}
.m_sell li a {display:block; transition:0.2s; width:49%; height:180px;margin:30px 0; float:left; text-align:left; box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.3); }


.m_sell li:nth-child(2) a{margin-left: 2%;}
/* .m_sell li:nth-child(3) a{  margin-right: 1.33%;} */
.m_sell li a p {position:relative; font-family: 'GmarketSansMedium'; line-height:120%;color:#111; font-size:26px; margin-left: 60px; }
.m_sell li a p b { font-family: 'GmarketSansbold'; font-size:26px;}

.m_sell li.ico_01 a{background:#fff url("../images/main/m_sell_ico01.gif") no-repeat 85% 50%; background-size:100px;}
.m_sell li.ico_01 a:hover{background-position: 90% 50%;}
.m_sell li.ico_02 a{background:#fff url("../images/main/m_sell_ico02.gif") no-repeat 85% 50% ;background-size:100px;}
.m_sell li.ico_02 a:hover{background-position: 90% 50%;}
/* .m_sell li.ico_03 a{background:#fff url("../images/main/m_sell_ico03.gif") no-repeat 50% 85% ;background-size:100px;}
.m_sell li.ico_03 a:hover{background-position: 50% 80%;}
.m_sell li.ico_04 a{background:#fff url("../images/main/m_sell_ico04.gif") no-repeat 50% 85% ;background-size:100px;}
.m_sell li.ico_04 a:hover{background-position: 50% 80%;} */


a .screen {position:relative;overflow:hidden;  height:180px;padding-top:60px;}
a .screen span {display:block;position:absolute;transition:all .2s;background:#f2a015;z-index:2;}
a .screen span:nth-child(1) {top:0;height:5px;width:0;}
a .screen span:nth-child(2) {top:0;right:0;width:5px;height:0;}
a .screen span:nth-child(3) {bottom:0;right:0;height:5px;width:0;}
a .screen span:nth-child(4) {bottom:0;left:0;width:5px;height:0;}
a:hover .screen span:nth-child(1) {width:100%;}
a:hover .screen span:nth-child(2) {height:100%;transition-delay:.1s;}
a:hover .screen span:nth-child(3) {width:100%;transition-delay:.2s;}
a:hover .screen span:nth-child(4) {height:100%;transition-delay:.3s;}

 

/* search_warp */
.main_con01 .search_warp { clear:both;  background: #fff; padding: 24px 30px 30px; margin-bottom:30px;box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.3);}
.main_con01 .search_warp .radio_inner {margin-bottom: 12px;}
.main_con01 .search_warp .radio_inner ul li label {color: #555; font-size: 15px;}
.main_con01 .search_warp .radio_inner .list_radio {float: left;}
.main_con01 .search_warp .radio_inner .list_radio li {display: inline-block; margin-right: 30px;}
.main_con01 .search_warp .radio_inner .list_radio li:last-child {margin-right: 0;}
.main_con01 .search_warp .radio_inner .list_check {float: right;}
.main_con01 .search_warp .radio_inner:after {content: ''; display: block; clear: both;}
.main_con01 .search_warp .input_inner ul:after {content: ''; display: block; clear: both;} 
.main_con01 .search_warp .input_inner ul li {float: left; margin-right: .5%;}
.main_con01 .search_warp .input_inner ul li:last-child {margin-right: 0;}
.main_con01 .search_warp .input_inner ul li select {width: 100%; height: 48px; border-radius: 2px; padding-left: 20px; border-radius:5px;}
.main_con01 .search_warp .input_inner ul li input {width: 100%; height: 48px; border-radius: 2px; padding-left: 26px; border-radius:5px;}
.main_con01 .search_warp .input_inner ul li .search_input input {text-indent: 18px; background: #fff url(../images/main/icon_search_s.gif) no-repeat 16px 50%;}
.main_con01 .search_warp .input_inner ul li .btn_search {width: 100%; height: 48px; border-radius: 2px; background: #471986; color: #fff; vertical-align: middle; word-break: keep-all; border-radius:5px;}
.main_con01 .search_warp .input_inner ul .col_select {width: 18%;}
.main_con01 .search_warp .input_inner ul .col_search {width: 47%;}
.main_con01 .search_warp .input_inner ul .col_button {width: 15.5%;}
 


 /*메인 콘텐즈 02*/
.main_con02_wrap {width:100%; padding:80px 0;background:#fff url("../images/main/m_notice_bg.jpg") no-repeat 50% 50% / cover; height:auto; overflow:hidden;}
.main_con02 {width:1400px; margin:0 auto;}
.main_con02 h2 {color:#222; font-size:45px; font-weight:normal; font-family: 'GmarketSansbold';  }
.main_con02 p {font-size:19px; line-height:130%; }

.mc_left {width:35%; float:left;}

 .search-input {position:relative; display:inline-block; width:380px; margin:20px 0 40px 0; }
 .search-input label {display:none}
 .search-input input[type="text"] {width:320px; border:1px solid #ddd; height:50px; padding:8px 8px 6px; border-radius:10px 0 0 10px;}
 .search-input .btn-search {position:absolute; top:0; right:0px}
 .search-input .btn-search a {color:#fff;}

.btn-search {width:70px; height:50px; line-height:50px; margin:0px 0 50px 0; border:0; background:#333; color:#fff; border-radius:0 10px 10px 0;}
.btn-search:hover,.btn-search:active,.btn-search:focus {background-color:#000; color:#fff;}


/* banner_warp */
.banner_warp {margin-bottom: 20px; width:380px;  }
.banner_warp .banner_header1 {height: 59px; border-radius:10px 10px 0 0;background: #fff; padding: 3px 14px; overflow: hidden;}

.banner_warp .banner_header1 .tit {float: left; font-family: 'TmonMonsori'; font-size: 20px; color: #111; line-height: 58px;}
.banner_warp .banner_ctrl {float: right;}
.banner_warp .banner_header1:after {content: ''; display: block; clear: both;} 
.banner_warp .banner_ctrl .num_page {float: left; font-family: 'TmonMonsori'; font-size: 18px; margin-right: 12px; line-height: 58px}
.banner_warp .banner_ctrl em {color: #0070c5; font-weight:bold;}
.banner_warp .banner_ctrl .ctrl_list {float: left; margin-top: 5px; border: 1px solid #ddd;}
.banner_warp .banner_ctrl .ctrl_list li {float: left;  border-left: 1px solid #ddd;}
.banner_warp .banner_ctrl .ctrl_list li:first-child,
.banner_warp .banner_ctrl .ctrl_list li:nth-child(2) {border-left: none;}
.banner_warp .banner_ctrl .ctrl_list li button {width: 40px; height: 40px; display: inline-block; vertical-align: middle; background: url(../images/main/icon_bannerStop.png) no-repeat center}
.banner_warp .banner_ctrl .ctrl_list li button.play {background-image: url(../images/main/icon_bannerPlay.png); display: none;}
.banner_warp .banner_ctrl .ctrl_list li button.prev {background-image: url(../images/main/icon_bannerL.png);}
.banner_warp .banner_ctrl .ctrl_list li button.next {background-image: url(../images/main/icon_bannerR.png);}
.banner_warp .banner_img {width: 100%;}
.banner_warp .banner_img ul {width: 10000px;}
.banner_warp .banner_img ul li {width: 380px; float: left;  background: #ddd;}
.banner_warp .banner_img ul li img {width: 100%; height: 100%;  border-radius:0 0 10px 10px;}

 /* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .banner_warp .banner_header1 {padding: 10px 14px;}
  .banner_warp .banner_ctrl .num_page {line-height: 54px;}
  .banner_warp .banner_ctrl .ctrl_list {margin-top: -5px;}
 }




.mc_right {width:65%;float:left; margin-top:20px; }
.mc_right li a{float:left; transition:0.2s; background-color:#fff;border-radius:20px; padding:20px;  height:210px;width:31.3%; margin:20px 1%;box-shadow: 1px 3px 3px 0px rgba(0,0,0,0.1);}
.mc_right li a:hover { background-color:#471986;}
.mc_right li a:hover h3{  color:#fff;}
.mc_right li a:hover p{  color:#fff;}
.mc_right li a h3 {  line-height:130%;font-weight:600; color:#222; font-size:21px;}
.mc_right li a p {  color:#777; font-size:16px; line-height:130%; margin-top:15px;}

.mc_right li:nth-child(1) a{color:#fff;background:#471986 url("../images/main/mr_ico_01_o.png") no-repeat 90% 90% ; }
.mc_right li:nth-child(1) a h3 {color:#fff;}

.mc_right li:nth-child(2) a{ background:#fff url("../images/main/mr_ico_02.png") no-repeat 90% 90% ; }
.mc_right li:nth-child(2) a:hover {color:#fff;background:#471986 url("../images/main/mr_ico_02_o.png") no-repeat 90% 90% ; }

.mc_right li:nth-child(3) a{ background:#fff url("../images/main/mr_ico_03.png") no-repeat 90% 90% ; }
.mc_right li:nth-child(3) a:hover {color:#fff;background:#471986 url("../images/main/mr_ico_03_o.png") no-repeat 90% 90% ; }

.mc_right li:nth-child(4) a{ background:#fff url("../images/main/mr_ico_04.png") no-repeat 90% 90% ; }
.mc_right li:nth-child(4) a:hover {color:#fff;background:#471986 url("../images/main/mr_ico_04_o.png") no-repeat 90% 90% ; }


.mc_right li:nth-child(5) a{ background:#fff url("../images/main/mr_ico_05.png") no-repeat 90% 90% ; }
.mc_right li:nth-child(5) a:hover {color:#fff;background:#471986 url("../images/main/mr_ico_05_o.png") no-repeat 90% 90% ; }


.mc_right li:nth-child(6) a{ background:#fff url("../images/main/mr_ico_06.png") no-repeat 90% 90% ; }
.mc_right li:nth-child(6) a:hover {color:#fff;background:#471986 url("../images/main/mr_ico_06_o.png") no-repeat 90% 90% ; }


/* Tablet Device 최대 1400  */
@media (max-width:1400px) {
.main_con01 {width:96%;}
.main_con02 {width:96%;}
.m_sell {width:100%; }


}





@media all and (max-width:1366px) {
  .banner_warp {float: left; width: 350px; height: 274px; margin-bottom: 0; overflow: hidden;}
  .banner_warp .banner_img ul li {width: 350px;}
}



/* Tablet Device 최대 1200  */
@media (max-width:1200px) {

.main_con02 h2 {font-size: 40px; padding-top:20px;}
.main_con02 p {font-size: 18px;}

.search-input {width: 320px;}
.search-input input[type="text"] {width: 300px;}
.banner_warp {width: 320px;}
.mc_right li a h3 {font-size: 20px;}


.m_sell li.ico_01 a { background-size: 80px;}
.m_sell li.ico_02 a { background-size: 80px;}
/* .m_sell li.ico_03 a { background-size: 80px;}
.m_sell li.ico_04 a { background-size: 80px;} */

}




 



@media all and (max-width:1024px) {
.main_con01 .search_warp {width: 100%; }
.main_con01 h2 {  padding-top: 110px;font-size: 18px;}
.main_con01 h2 b {font-size: 40px;}
.main_con01_wrap { padding-bottom: 20px;}
.main_con02_wrap { padding: 40px 0px; }

.m_sell li a p {font-size: 23px;}
.m_sell li a p b {font-size: 23px;}
.m_sell li a { height:230px;   }
a .screen { height: 230px;}

.search-input {width: 95%; max-width:350px;}
.search-input input[type="text"] {width: 90%;}

.mc_left { width: 98%; display:flex;}
.mc_right { width: 100%;}

.mc_m_left {width:55%}
.banner_warp {width:45%;  }
.banner_warp .banner_img ul li {width: 100%;    }

}

@media (max-width:900px) {
.main_con01 .search_warp .input_inner ul .col_search {width: 45%;}
.main_con01 .search_warp .input_inner ul .col_button {width: 17.5%;}
}


/* Tablet Device 최대 899  */
@media (max-width:799px) {
/*m_quicik*/
.m_sell {padding: 20px 0; overflow:hidden;}
.m_sell li a { width:49%; height:230px;  margin:10px 2% 1%  0;  text-align: center; }
.m_sell li:nth-child(1) a {  margin-right:2%;}
.m_sell li:nth-child(2) a {margin-left:0;margin-right:0;}
.m_sell li:nth-child(3) a {  margin-right:2%;}
.m_sell li:nth-child(4) a {margin-left:0;margin-right:0;}
.m_sell li.ico_01 a{background-position:50% 85%;}
.m_sell li.ico_01 a:hover{background-position: 50% 80%;}
.m_sell li.ico_02 a{background-position:50% 85%;}
.m_sell li.ico_02 a:hover{background-position: 50% 80%;}
.m_sell li a img {margin-top:20px; width:70px; }
.m_sell li a:hover img {margin-top:0px; transition:0.5s;}
.m_sell li .qspan_02 {font-size:14px; }
.m_sell li a p {  font-size:20px; margin-left: 0;}
.m_sell li a p:after { margin:10px auto;   }
 a .screen { height: 230px;}

.m_business li i {  width:90px; height:90px; margin:10px auto; background-size:50px;}
}

 





@media all and (max-width:767px) {

.main_con01 .search_warp .input_inner ul li select {padding-left: 10px;}
.main_con01 .search_warp .input_inner ul .col_select {width: 49.5%; margin-bottom: 2%;}
.main_con01 .search_warp .input_inner ul li:nth-child(2) {margin-right: 0;}
.main_con01 .search_warp .input_inner ul .col_search {width: 70%;}
.main_con01 .search_warp .input_inner ul .col_button {width: 29%;}
.main_con01 .search_warp .input_inner ul li .search_input input {text-indent: 10px; background: #fff url(../images/main/icon_search_s.gif) no-repeat 10px 50% / 20px;}

.banner_warp {width: 300px;}
.banner_warp .banner_img {height: auto;}
.banner_warp .banner_img ul li {width: 300px;}

.main_con01 .search_warp .radio_inner ul li label {font-size: 13px;}
.main_con01 .search_warp .input_inner ul li select {font-size: 13px;}
.main_con01 .search_warp .input_inner ul li .search_input input{font-size: 13px;}
.main_con01 .search_warp .input_inner ul li .btn_search { font-size: 13px;}

}



@media all and (max-width:640px) {
.banner_warp .banner_img {height: 198px;}

.main_con02_wrap {padding: 30px 0px 50px 0; overflow:hidden;}
.mc_right li a {padding: 16px;height: 160px;width: 48%;margin: 6px 1%;}
.mc_right li a h3 {font-size: 18px;}
.mc_right li a p {font-size: 13px; margin-top:3px;}

.main_con01 h2 {padding-top: 100px;font-size: 16px;}
.main_con01 h2 b {font-size: 30px;}

.main_con02 h2 {font-size: 30px;}

.banner_warp .banner_header1 .tit {font-size: 16px;line-height: 56px;}

}


/* Tablet Device 최대 589  */
@media (max-width:589px) {
 
.main_con01 h2 {  padding-top: 94px;font-size: 14px;}
.main_con01 h2 b {font-size: 25px;}
.m_sell {padding: 0;}

.m_sell li a {  height:200px; }
a .screen { height: 200px; padding-top:20px;}

.m_sell li a p {font-size: 20px;}
.m_sell li a p b {font-size: 20px;}

.main_con01 .search_warp {margin-top:15px;}

.main_con02 h2 {font-size: 25px;padding-top: 10px;}
.main_con02 p { font-size: 15px;}
}


@media all and (max-width:480px) {
.banner_warp {float: none; width: 100%; height: auto; margin-bottom: 20px;}
.banner_warp .banner_img  {height: auto;}
.banner_warp .banner_img ul li {width: 460px;}

.main_con01 .search_warp .input_inner ul li .btn_search {font-size: 14px;}

.mc_m_left {width:100%}
.banner_warp {width:100%;  }
.mc_left { flex-direction: column;}

.search-input {width: 100%; max-width:100%; margin: 10px 0 30px 0;}

 }



 @media all and (max-width:414px) {
.main_con01 .search_warp {padding: 16px 16px}
.main_con01 .search_warp .input_inner ul .col_search {width: 100%; margin-bottom: 2%;}
.main_con01 .search_warp .input_inner ul .col_button {width: 100%;}
.banner_warp .banner_img ul li {width: 400px;}

.m_sell li a {  height:160px; }
a .screen { height: 160px; padding-top:20px;}

.m_sell li a p {font-size: 18px;}
.m_sell li a p b {font-size: 18px;}


.m_sell li.ico_01 a { background-size: 60px;}
.m_sell li.ico_02 a { background-size: 60px;}
.m_sell li.ico_03 a { background-size: 60px;}
.m_sell li.ico_04 a { background-size: 60px;}

.main_con01 {width: 94%;}
.main_con02 {width: 94%;}

.mc_right li a h3 {font-size: 17px;}


}



 

@media all and (max-width:375px) {
.main_con01 .search_warp .radio_inner .list_radio li {margin-right: 5px;}
.search-input {width: 100%;}
.search-input input[type="text"] {width: 95%;}
}