@import url('base.css');
@import url('global.css');
@import url(https://fonts.googleapis.com/earlyaccess/jejugothic.css);

body.main {background:#fff url(../images/main/body_bg.gif) repeat-x 0 102px;}
div.renewal_mconts {padding-top:40px; width:100%; overflow:hidden;}
div.renewal_mconts1 {float:left; width: 360px; height: 413px;}
div.renewal_mconts1 .mconts_img1 {width: 360px; height: 413px; object-fit: contain;}
div.renewal_mconts2 {float:left; width:364px; height: 411px; margin-left:6px; overflow: hidden;}
div.renewal_mconts2 .sublayout1 {width: 364px; height: 58px; object-fit: contain;}
div.renewal_mconts2 .sublayout1 .img_on {float:left; width: 180px; height: 58px; object-fit: contain; font-weight: 500; text-align: center; line-height:58px; vertical-align: middle; background: #fff url(../images/main/renewal_main_mconts2_img1.png)}
div.renewal_mconts2 .sublayout1 .img_off {float:left; width: 180px; height: 58px; object-fit: contain; font-weight: 500; text-align: center; line-height:58px; vertical-align: middle; background:#fff url(../images/main/renewal_main_mconts2_img2.png)}
div.renewal_mconts2 .sublayout1 .text_on {width: 180px; height: 23px; font-family: 'Jeju Gothic', sans-serif; font-size: 24px; color: #e75151;}
div.renewal_mconts2 .sublayout1 .text_off {width: 180px; height: 23px; font-family: 'Jeju Gothic', sans-serif; font-size: 24px; color: #f8f8f8;}

div.renewal_mconts2 .sublayout2 {width: 364px; height: 353px; object-fit: contain; background:#fff url(../images/main/renewal_main_mconts2_img3.png);background-size:100%; }
div.renewal_mconts2 .sublayout2 .subcontent {width: 320px; padding:18px 0px 0px 40px;}
div.renewal_mconts2 .sublayout2 .subcontent input{border: 0;}
div.renewal_mconts2 .sublayout2 .subcontent .terminal {line-height:20px; }
div.renewal_mconts2 .sublayout2 .subcontent .terminal .select_on {display:inline-block; height: 23px; font-family: 'Jeju Gothic', sans-serif; font-size: 15px; font-weight: 500; text-align: left; color: #000000; vertical-align: middle; }
div.renewal_mconts2 .sublayout2 .subcontent .terminal .select_off {display:inline-block; height: 23px; font-family: 'Jeju Gothic', sans-serif; font-size: 15px; font-weight: 500; text-align: left; color: #5f5f5f; vertical-align: middle; }
div.renewal_mconts2 .sublayout2 .subcontent .terminal .search_img {display:inline-block; vertical-align: middle; width: 18px; height: 20px; object-fit: contain;}

div.renewal_mconts2 .sublayout2 .subcontent .renewal_date {line-height: 20px; }
div.renewal_mconts2 .sublayout2 .subcontent .renewal_date .date_select_on {display:inline-block;height: 20px; font-family: 'Jeju Gothic', sans-serif; font-size: 15px; font-weight: 500; text-align: left; color: #000000; vertical-align: middle;}
div.renewal_mconts2 .sublayout2 .subcontent .renewal_date .date_select_off {display:inline-block;height: 20px; font-family: 'Jeju Gothic', sans-serif; font-size: 15px; font-weight: 500; text-align: left; color: #5f5f5f; vertical-align: middle;}
div.renewal_mconts2 .sublayout2 .subcontent .renewal_date .date_select_off_disable {display:inline-block;height: 20px; font-family: 'Jeju Gothic', sans-serif; font-size: 15px; font-weight: 500; text-align: left; color: #c9c9c9; vertical-align: middle;}
div.renewal_mconts2 .sublayout2 .subcontent .renewal_date .date_search_img {display:inline-block; width: 17px; height: 16px; object-fit: contain; vertical-align: middle; }
div.renewal_mconts2 .sublayout2 .subcontent .renewal_date .date_divider {display:inline-block; margin: 0px 12px 0px 13px; width: 1px; height: 17px; background-color: #e8e8e8; vertical-align: middle;}
div.renewal_mconts2 .sublayout2 .subcontent .renewal_date .time_select_on {display:inline-block;width: 90px; height: 20px; font-family: 'Jeju Gothic', sans-serif; font-size: 15px; font-weight: 500; text-align: left; color: #000000; vertical-align: middle;}
div.renewal_mconts2 .sublayout2 .subcontent .renewal_date .time_select_off {display:inline-block;width: 90px; height: 20px; font-family: 'Jeju Gothic', sans-serif; font-size: 15px; font-weight: 500; text-align: left; color: #5f5f5f; vertical-align: middle;}
div.renewal_mconts2 .sublayout2 .subcontent .renewal_date .time_select_off_disable {display:inline-block;width: 90px; height: 20px; font-family: 'Jeju Gothic', sans-serif; font-size: 15px; font-weight: 500; text-align: left; color: #c9c9c9; vertical-align: middle;}
div.renewal_mconts2 .sublayout2 .subcontent .renewal_date .time_search_img {display:inline-block; width: 17px; height: 16px; object-fit: contain; vertical-align: middle; }

div.renewal_mconts2 .sublayout2 .subcontent .renewal_number {line-height: 20px; padding-top:15px;}
div.renewal_mconts2 .sublayout2 .subcontent .renewal_number li{display:inline-block; float:left; text-align:center; margin-left:8px;}
div.renewal_mconts2 .sublayout2 .subcontent .renewal_number li select {margin-top:5px;}
div.renewal_mconts2 .sublayout2 .subcontent .renewal_number .number_title {display:inline-block;width: 60px; height: 20px; font-family: 'Jeju Gothic', sans-serif; font-size: 15px; font-weight: 500; text-align: left; color: #5f5f5f; vertical-align: middle;}
div.renewal_mconts2 .sublayout2 .subcontent .renewal_number .number_kind {display:inline-block;width: 45px; height: 20px; font-family: 'Jeju Gothic', sans-serif; font-size: 15px; font-weight: 500; color: #5f5f5f; vertical-align: middle;}
div.renewal_mconts2 .sublayout2 .subcontent .renewal_number_dumy {line-height: 20px; margin-top:5px;}
div.renewal_mconts2 .sublayout2 .subcontent .renewal_number_dumy .number_dumy_title {display:inline-block;width: 60px; height: 20px; font-family: 'Jeju Gothic', sans-serif; font-size: 15px; font-weight: 500; text-align: left; color: #5f5f5f; vertical-align: middle;}
div.renewal_mconts2 .sublayout2 .subcontent .renewal_number_dumy .number_dumy_select_kind {display:inline-block;width: 75px; height: 20px; font-family: 'Jeju Gothic', sans-serif; font-size: 15px; font-weight: 500; text-align: right; color: #5f5f5f; vertical-align: middle;}
div.renewal_mconts2 .sublayout2 .subcontent .renewal_number_dumy .number_dumy_select_kind select {border: 1px solid #ccc; font-size: 13px; height: 20px; width: 45px;}
div.renewal_mconts2 .sublayout2 .subcontent .subline {margin:9px 0px 18px 0px; width: 298px; height: 1px; background-color: #e8e8e8;}
div.renewal_mconts2 .sublayout2 .subcontent .depTerminal {border-bottom:1px solid #e8e8e8;}
div.renewal_mconts2 .sublayout2 .subcontent input.txts{height:20px; width:190px; padding-left:0px; height:25px;}
div.renewal_mconts2 .sublayout2 .subcontent .arrTerminal {padding-top:19px;border-bottom:1px solid #e8e8e8;}
div.renewal_mconts2 .sublayout2 .subcontent .goDate {padding-top:15px;padding-bottom:5px;border-bottom:1px solid #e8e8e8;}
div.renewal_mconts2 .sublayout2 .subcontent .goBackDate {padding-top:15px;padding-bottom:5px;border-bottom:1px solid #e8e8e8;}
div.renewal_mconts2 .sublayout2 .subcontent th {width:60px; text-align:left;}
div.renewal_mconts2 .sublayout2 .subcontent th span{padding-bottom:6px; height:23px;}
div.renewal_mconts2 .sublayout2 .subcontent td {width:230px;}

div.renewal_mconts2 .sublayout2 .renewal_reserve {width:100%; height: 59px; text-align:center; overflow: hidden;}
div.renewal_mconts2 .sublayout2 .renewal_reserve .reserve_btn {display:inline-block;padding-top:18px;border:none ; width:308px; height:59px; font-family: 'Jeju Gothic', sans-serif; font-size: 20px; text-align: center; color: #ffffff;  text-shadow: 0.5px 0.9px 2px #000000; background:#fff url(../images/main/renewal_main_mconts2_reserve.png)}

div.renewal_mconts3 {float:left; width:352px; height: 413px; margin-left:6px;}
div.renewal_mconts3 .sublayout1 {width: 352px; height: 144px;}
div.renewal_mconts3 .sublayout1 .mconts_img2 {width: 352px; height: 144px; object-fit: contain;}
div.renewal_mconts3 .sublayout2 {width: 327px; height: 413px; border-radius: 10px; background-color: #ffffff; padding-left:25px;} /*원래 배경색 흰색 #ffffff  */
div.renewal_mconts3 .sublayout2 .notice_title {width:326px; height: 27px; padding-top:29px;}
div.renewal_mconts3 .sublayout2 .notice_title span.notice_text {display:inline-block; width:241px;font-family: 'Jeju Gothic', sans-serif; font-weight: 700; font-size: 18px; text-align: left; color: #000000;}
div.renewal_mconts3 .sublayout2 .notice_title a{font-family: 'Jeju Gothic', sans-serif; font-weight: 700; font-size: 10px; text-align: left; color: #797979; float: right;}
div.renewal_mconts3 .sublayout2 .notice_content {width:326px; padding-top:18px; height:100px; overflow:hidden; position: relative;}
div.renewal_mconts3 .sublayout2 .notice_content a.up {top:30px; cursor: pointer;}
div.renewal_mconts3 .sublayout2 .notice_content a.down {position: absolute; top:45px; right:15px; cursor: pointer;}
div.renewal_mconts3 .sublayout2 .notice_content ul li{width:280px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family: 'Jeju Gothic', sans-serif; font-size: 14px; letter-spacing: -0.6px; text-align: left; line-height: 25px; color: #626262;}
div.renewal_mconts3 .sublayout2 .notice_content ul li a{color: #626262;}
div.renewal_mconts3 .sublayout2 .line {width: 305px; height: 1px; margin-top:150px; margin-bottom:21px; background-color: #efefef;}
div.renewal_mconts3 .sublayout2 .faq_title {width:326px; height: 27px;}
div.renewal_mconts3 .sublayout2 .faq_title span.faq_text {display:inline-block;  width:241px; font-family: 'Jeju Gothic', sans-serif; font-weight: 700; font-size: 18px; text-align: left; color: #000000;}
div.renewal_mconts3 .sublayout2 .faq_title a{font-family: 'Jeju Gothic', sans-serif; font-weight: 700; font-size: 10px; text-align: left; color: #797979; float: right;}
div.renewal_mconts3 .sublayout2 .faq_content {width:326px; padding-top:18px; height:118px; overflow: hidden; margin-left:6px;}
div.renewal_mconts3 .sublayout2 .faq_content ul li{width:280px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family: 'Jeju Gothic', sans-serif; font-size: 14px; letter-spacing: -0.6px; text-align: left; line-height: 25px; color: #626262;}
div.renewal_mconts3 .sublayout2 .faq_content ul li a{color: #626262;}
div.renewal_mconts3 .sublayout2 .faq_content a.up {top:30px; cursor: pointer;}
div.renewal_mconts3 .sublayout2 .faq_content a.down {position: absolute; top:45px; right:15px; cursor: pointer;}

div.renewal_bottom {padding-top:18px; width:100%; overflow:hidden;}
div.renewal_bottom .sublayout1 {float:left; width: 266px; height: 127px;}
div.renewal_bottom .sublayout1 .bottom_img1 {width: 266px; height: 127px; object-fit: contain;}
div.renewal_bottom .sublayout2 {float:left; width: 266px; height: 127px;margin-left:8px}
div.renewal_bottom .sublayout2 .bottom_img2 {width: 266px; height: 127px; object-fit: contain;}
div.renewal_bottom .sublayout3 {float:left; width: 266px; height: 127px;margin-left:8px}
div.renewal_bottom .sublayout3 .bottom_img3 {width: 266px; height: 127px; object-fit: contain;}
div.renewal_bottom .sublayout4 {float:left; width: 266px; height: 127px;margin-left:8px}
div.renewal_bottom .sublayout4 .bottom_img4 {width: 266px; height: 127px; object-fit: contain;}