@charset "utf-8"; 

.main{ position: relative; width: 100%; margin: 0 auto; }

/* 메인배너 */
.main .visual{ position: relative; width: 100%; height: 548px; padding: 35px 0; border-bottom: 1px solid #ececec; }
.main .visual .inner{ width: 1280px; }
/*#main_bn { width:1200px; height:420px; margin:0 auto; }
#main_bn img { width:100%; height:auto; }*/

.main .m_conts{ position: relative; width: 1280px; margin: 0 auto; padding: 0; box-sizing: border-box; }

/*왼쪽 콘텐츠*/
.main .m_conts .left_wrap{ width: 905px; padding: 60px 49px 120px 0; border-right: 1px solid #ececec; }
.main .m_conts .left_wrap .quick{ display: inline-block; width: 100%; margin-bottom: 68px; }
.main .m_conts .left_wrap .quick:after{ content: ''; display: block; clear: both; }
.main .m_conts .left_wrap .quick li{ float: left; margin-left: 25px; text-align: center; }
.main .m_conts .left_wrap .quick li:first-child{ margin-left: 0; }
.main .m_conts .left_wrap .quick li a{ display: inline-block; width: 195px; height: 159px; padding-top: 105px; box-sizing: border-box; border-radius: 10px; border: 1px solid #ececec; background-color: #fafafa; background-repeat: no-repeat; background-position-x: center; font-size: 16px; }
.main .m_conts .left_wrap .quick li:nth-child(1) a{ background-image: url(../../img/main/icon_send.png);  background-position-y: 45px; }
.main .m_conts .left_wrap .quick li:nth-child(2) a{ background-image: url(../../img/main/icon_adv.png);  background-position-y: 45px; }
.main .m_conts .left_wrap .quick li:nth-child(3) a{ background-image: url(../../img/main/icon_list.png);  background-position-y: 44px; }
.main .m_conts .left_wrap .quick li:nth-child(4) a{ background-image: url(../../img/main/icon_adr.png);  background-position-y: 47px; }
.main .m_conts .left_wrap .quick li a:hover{ border: 2px solid #339a6b; box-shadow: 8px 8px 10px rgba(0,0,0,0.12); transition: box-shadow 0.3s ease-out; }

.main .m_conts .left_wrap .service{ display: inline-block; width: 100%; margin-bottom: 62px; }
.main .m_conts .left_wrap .service h2{ margin-bottom: 24px; font-size: 26px; }
.main .m_conts .left_wrap .service h2 strong{ font-weight: 700; }
.main .m_conts .left_wrap .service>li{ float: left; width: 415px; }
.main .m_conts .left_wrap .service>li:nth-child(1){  }
.main .m_conts .left_wrap .service>li:nth-child(2){ margin-left: 25px; }
.main .m_conts .left_wrap .service>li:nth-child(2)>ul>li { margin-top: 15px; }
.main .m_conts .left_wrap .service>li:nth-child(2)>ul>li:first-child{ margin-top: 0; }
.main .m_conts .left_wrap .service>li:nth-child(2)>ul>li a{ display: inline-block; width: 415px; height: 105px; padding: 28px 0 0 43px; border: 1px solid #eaeaea; border-radius: 10px; background-repeat: no-repeat; background-position: 326px 50%; }
.main .m_conts .left_wrap .service>li:nth-child(2)>ul>li:nth-child(1) a{ background-image: url(../../img/main/icon_q.png); }
.main .m_conts .left_wrap .service>li:nth-child(2)>ul>li:nth-child(2) a{ background-image: url(../../img/main/icon_guide.png); }
.main .m_conts .left_wrap .service>li:nth-child(2)>ul>li:nth-child(3) a{ background-image: url(../../img/main/icon_bill.png); }
.main .m_conts .left_wrap .service>li:nth-child(2)>ul>li:nth-child(4) a{ background-image: url(../../img/main/icon_cash.png); }
.main .m_conts .left_wrap .service>li:nth-child(2)>ul>li em{ font-size: 19px; }
.main .m_conts .left_wrap .service>li:nth-child(2)>ul>li p{ margin-top: 12px; font-size: 13px; color: #888; }
.main .m_conts .left_wrap .service>li:nth-child(2)>ul>li a:hover{ border: 1px solid #3b5b79; box-shadow: 5px 6px 8px rgba(0,0,0,0.09); transition: box-shadow 0.3s ease-out; }

.main .m_conts .left_wrap .go_join{ position: relative; width: 100%; height: 100px; margin-bottom: 60px; background: #f8f5eb; text-align: center; }
.main .m_conts .left_wrap .go_join:before{ display: inline-block; bottom: 0; right: 75px;  width: 203px; height: 117px; background: url(../../img/main/bg_qbtn.png) no-repeat center center; }
.main .m_conts .left_wrap .go_join a{ position: relative; display: inline-block; width: 100%; font-size: 30px; line-height: 100px; }
.main .m_conts .left_wrap .go_join span{ color: #339a6b; font-weight: 700; }

.main .m_conts .left_wrap .notice{ position: relative; width: 100%; }
.main .m_conts .left_wrap .notice h2{ font-size: 28px; font-weight: 700; }
.main .m_conts .left_wrap .notice .more{ position: absolute; top: 2px; right: 0; height: 22px; padding-right: 32px; line-height: 20px; }
.main .m_conts .left_wrap .notice .more::before{ display: inline-block; right: 0; width: 22px; height: 22px; background: url(../../img/main/icon_more.jpg) no-repeat; }
.main .m_conts .left_wrap .notice .more:hover{ font-weight: 500; }
.main .m_conts .left_wrap .notice ul{ margin-top: 24px; padding-top: 19px; border-top: 1px solid #ececec; }
.main .m_conts .left_wrap .notice ul li{ position: relative; height: 38px; line-height: 38px; }
.main .m_conts .left_wrap .notice ul li a{ font-size: 16px; cursor: pointer; }
.main .m_conts .left_wrap .notice ul li a .txt{ display: block; width: 550px; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; }
.main .m_conts .left_wrap .notice ul li a .txt:hover{ text-decoration: underline; }
.main .m_conts .left_wrap .notice ul li a .txt em{ margin-right: 4px; color: #d33834; }
.main .m_conts .left_wrap .notice ul li a .date{ position: absolute; right: 0; top: 0; }


/*오른쪽 콘텐츠*/
/*
.main .m_conts .right_wrap{ position: absolute; top: 60px; right: 0; width: 375px; height: 805px; padding: 0; vertical-align: top; }
.main .m_conts .right_wrap .inner{ position: sticky; width: 375px; padding-left: 50px; }
.main .m_conts .right_wrap .inner .login_box{  margin-bottom: 65px; }
.main .m_conts .right_wrap .inner .login_box .before_login{ padding: 6px 0 40px 0; border-bottom: 1px solid #ececec; font-size: 18px; text-align: center; }
.main .m_conts .right_wrap .inner .login_box .before_login a.btn_login{ display: inline-block; width: 225px; height: 46px; border-radius: 50px; background: #339a6b; color: #fff; font-size: 18px; line-height: 46px; text-align: center; }
.main .m_conts .right_wrap .inner .login_box .before_login p{ margin-bottom: 16px }
.main .m_conts .right_wrap .inner .login_box .before_login p strong{ font-weight: 700; }
.main .m_conts .right_wrap .inner .login_box .after_login{ width: 100%; padding: 32px 30px; border-radius: 6px; background: #f8f5ec; font-size: 15px; text-align: center; }
.main .m_conts .right_wrap .inner .login_box .after_login .user{ margin-bottom: 8px; font-size: 17px; font-weight: 700; }
.main .m_conts .right_wrap .inner .login_box .after_login .cash{ margin-bottom: 10px; font-size: 18px; }
.main .m_conts .right_wrap .inner .login_box .after_login .cash span{ margin-right: 8px; font-weight: 500; }
.main .m_conts .right_wrap .inner .login_box .after_login .btn_cash{ display: inline-block; width: 135px; height: 36px; border-radius: 50px; background: #d19061; color: #fff; font-weight: 700; line-height: 36px; text-align: center; }
.main .m_conts .right_wrap .inner .login_box .after_login ul{ margin-top: 22px; padding: 24px 0 0 8px; border-top: 1px solid #ebe9e0; text-align: left;}
.main .m_conts .right_wrap .inner .login_box .after_login ul li{ margin-top: 4px; }
.main .m_conts .right_wrap .inner .customer{ margin-bottom: 35px; }
.main .m_conts .right_wrap .inner .customer h2{ font-size: 17px; font-weight: 500; margin-bottom: 3px; }
.main .m_conts .right_wrap .inner .customer em{ font-family: 'Roboto'; font-size: 36px; font-weight: 700; }
.main .m_conts .right_wrap .inner .customer ul{ margin-top: 10px; }
.main .m_conts .right_wrap .inner .customer ul li{ color: #343434; font-size: 15px; line-height: 22px; }
.main .m_conts .right_wrap .inner .support{ position: relative; width: 100%; height: 110px; border-radius: 6px; border: 1px solid #ececec; background: url(../img/main/bg_support.png) #fdfdfd no-repeat 203px center; font-size: 24px; }
.main .m_conts .right_wrap .inner .support a{ display: inline-block; width: 100%; height: 110px; padding: 43px 0 43px 40px; }
.main .m_conts .right_wrap .inner .support a strong{ font-weight: 700; }
.main .m_conts .right_wrap .inner .support a:hover strong{ color: #339a6b; transition: all .2s; }
*/