@charset "UTF-8";


.modules_fmcs_member input[type="text"],
.modules_fmcs_member input[type="password"],
.modules_fmcs_member select	{ height: 2em; padding: 0 1em; font-size: inherit; }
.modules_fmcs_member .button	{ height: 2.5em; line-height: 2.5em; padding: 0 1em; border-radius: 0; box-sizing: border-box; font-size: inherit; }
.modules_fmcs_member .button.small	{ height: 2em; line-height: 2em; padding: 0 0.5em; }


.modules_fmcs_member .proc_alert_sms .table th	{ line-height: 30px; }
.modules_fmcs_member .proc_alert_sms .table td	{ line-height: 30px; padding-left: 20px; }
.modules_fmcs_member .proc_alert_sms .table td[colspan]	{ padding-top: 30px; padding-bottom: 30px; }
.modules_fmcs_member .proc_alert_sms .order button	{ min-width: 200px }

@media all and (max-width: 1200px) and (min-width: 320px)
{
	.modules_fmcs_member .proc_alert_sms .table colgroup col:first-child	{ width: 50% !important; }
}


#memberForm select::-ms-expand	{ display: none; }
#memberForm select	{ position: relative; width: 100%; height: 45px; padding: 0 0 0 15px; border: 1px solid #e1e1e1; box-sizing: border-box; box-shadow: none; background: #f9f9f9 url(../image/selectbg.png) no-repeat 95% center; color: #5e5e5e; }

.login_btn button {display:block; width:130px; height:124px; text-align:center; line-height:124px; background:#274081; color:#fff; font-weight:700;}



.modules_member .proc_tel_check	{}
.modules_member .proc_tel_check div.box	{ padding: 10px; margin: 10px 0; border: 1px solid #d3d3d3; background-color: #f6f6f6; }
.modules_member .proc_tel_check div.box p	{ margin: 10px; }


@media all and (max-width: 1200px) and (min-width: 320px)
{
	.login_btn button	{ width: 90px; height: 85px; line-height: 85px; }
}





.login_box .login ul li	{ background: none; }

.con_tab ul:after {clear:both; content:''; display:block;}
.con_tab ul li { float:left; padding: 0; box-sizing:border-box;}
.con_tab ul li a {display:block; height:50px; line-height:50px; text-align:center; font-size:18px; color:#6e6e6e; border:1px solid #e1e1e1; cursor:pointer; font-weight:700; box-sizing:border-box;}
.con_tab ul li a.on {color:#274081; font-weight:700; background:#edf0f6; border:1px solid #274081;}

.sec {display:none;}
.sec.on {display:block;}


.login_box p	{ margin: 0; }

.blind	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }



/** 로그인 **/
.login_box .login {border:1px solid #d7d7d7; border-top:2px solid #6f80ab;}
.login_box .login ul:after {clear:both; content:''; display:block;}
.login_box .login > ul {padding:40px 0;}
.login_box .login > ul > li {float:left; width:50%; padding:0 50px; box-sizing:border-box; position:relative; height:261px;}
.login_box .login > ul > li:first-child:after {content:''; display:block; width:1px; height:100%; background:#d7d7d7; position:absolute; right:0; top:0;}
.login_box .login ul li .title {font-size:25px; font-weight:700; color:#000; text-align:center; padding-bottom:30px;}
.login_box .login ul li .login_form {position:relative;}
.login_box .login ul li .login_area {padding-right:150px;}
.login_box .login ul li .login_area p.id {padding-bottom:24px;}
.login_box .login ul li .login_area p input {height:50px; border:1px solid #dcdcdc; border-width:0 0 1px 0; width:100%; box-sizing:border-box; padding-left:25px;}
.login_box .login ul li .login_area p.id input {background:url(../image/idbg.png) no-repeat left center;}
.login_box .login ul li .login_area p.psw input {background:url(../image/pswbg.png) no-repeat left center;}
.login_btn {display:block; position:absolute; right:0; top:0;}
.login_btn a {display:block; width:130px; height:124px; text-align:center; line-height:124px; background:#274081; color:#fff; font-weight:700;}
.click_menu {padding-top:30px; text-align:center;}
.click_menu span {display:inline-block;}
.click_menu span a {display:block; padding:0 15px; color:#5e5e5e; transition: all .5s; -webkit-transition: all .5s; position:relative;}
.click_menu span a:before {content:''; display:block; position:absolute; width:2px; height:2px; background:#5e5e5e; left:0; top:50%; margin-top:-1px;}
.click_menu span:first-child a:before {width:0;}
.click_menu span a:hover {color:#274081;}
.con_tab.in {padding-bottom:24px;}
.con_tab.in ul li {width:50%;}
.con_tab.in ul li a {border-left:1px solid #fff;}
.con_tab.in ul li:first-child a {border-left:1px solid #e1e1e1;}
.con_tab.in ul li a.on {border-left:1px solid #4075bd;}
.rollbtn_area a {display:block; background:#4a4a4a; height:50px; line-height:50px; font-size:17px; color:#fff; font-weight:700; text-align:center;}
.in_text {padding-top:30px; text-align:center; font-size:16px; color:#111; line-height:26px;}
.social {text-align:center;}
.social span {padding:0 15px; display:inline-block;}
.social span a {display:block;}
.login_box .login .text_box {margin-top:0; border-top:1px solid #d7d7d7;}
.login_box .login .text_box p.mt {color:#274081; font-weight:700;}
.login_box .login .text_box p.st {color:#5e5e5e; font-weight:400; padding-left:15px;}




@media all and (max-width: 1200px) and (min-width: 320px)
{
	.login_box .login > ul {padding:20px 0;}
	.login_box .login > ul > li {width:100%; padding:0 15px; height:inherit; margin-bottom:30px;}
	.login_box .login > ul > li:last-child {margin-bottom:0;}
	.login_box .login > ul > li:first-child:after {width:0px;}
	.login_box .login ul li .title {font-size:20px; padding-bottom:20px;}
	.login_box .login ul li .login_form {position:relative;}
	.login_box .login ul li .login_area {padding-right:105px;}
	.login_box .login ul li .login_area p.id {padding-bottom:15px;}
	.login_box .login ul li .login_area p input {height:35px; padding-left:20px; font-size:13px;}
	.login_box .login ul li .login_area p.id input {background:url(../images/sub/idbg.png) no-repeat left center; background-size:10px;}
	.login_box .login ul li .login_area p.psw input {background:url(../images/sub/pswbg.png) no-repeat left center; background-size:10px;}
	.login_btn a {width:90px; height:85px; line-height:85px;}
	.click_menu {padding-top:20px;}
	.click_menu span a {padding:0 10px; font-size:13px;}
	.con_tab.in {padding-bottom:20px;}
	.con_tab.in ul li a {font-size:12px;}
	.rollbtn_area a {height:40px; line-height:40px; font-size:13px;}
	.in_text {padding-top:20px; font-size:13px; line-height:20px;}
	.in_text br {display:none;}
	.social span {padding:0 10px;}
	.social span a {width:40px;}
	.social span a img {width:100%;}
	.login_box .login .text_box p.st {padding-left:10px;}
}



 /** 회원카드 **/
.card ul:after {clear:both; content:''; display:block;}
.card ul li {width:285px; padding: 0; margin: 0 20px 20px 0; list-style: none; backgroundnone; float:left;}
.card ul li.mr {margin-right:0;}
.card ul li a {display:block; width:285px; text-align:center; border:1px solid #e1e1e1; border-radius:10px; overflow:hidden;}
.card ul li a span {display:block;}
.card ul li a .card_tt {height:70px; line-height:70px; font-size:18px; font-weight:700; border-bottom:1px solid #e1e1e1; background:#fafafa;}
.card ul li a .card_con {padding:30px; box-sizing:border-box;}
.card ul li a .card_num {padding-top:20px; font-size:17px; font-weight:700;}
 /** 회원카드팝업 **/
.bacordpop_wrap {width:405px; margin:0 auto; background:#fff;}
.bacordpop_top {height:75px; line-height:75px; position:relative; text-align:center; font-size:25px; color:#fefefe; font-weight:700; background:#274081;}
.bacordpop_top .pop_close {position:absolute; width:25px; height:25px; top:23px; right:15px;}
.basic_close {cursor:pointer; text-indent:-9999px; background:url(../image/bacordpop_close.png) no-repeat center; background-size:25px; width:25px; height:25px; display:block;}
.bacord_con {padding:30px; box-sizing:border-box; text-align:center;}
.bacord_con dl dt {font-size:30px; font-weight:700; color:#274081; padding-bottom:20px;}
.bacord_con dl dd.tt {font-size:20px; font-weight:700; padding-bottom:20px;}
.bacord_con dl dd.img {padding-bottom:20px; font-size:40px;}
.bacord_con dl dd.num {font-size:20px; font-weight:700;}


@media all and (max-width: 1200px) and (min-width: 320px)
{
	.card ul li {width:100%; margin-right:0px; margin-bottom:20px;}
	.card ul li a {width:100%;}
	.card ul li a .card_tt {height:50px; line-height:50px; font-size:15px;}
	.card ul li a .card_con {padding:20px 15px;}
	.card ul li a .card_con img {width:160px;}
	.card ul li a .card_num {padding-top:15px; font-size:13px;}
	 /** 회원카드팝업 **/
	.bacordpop_wrap {width:345px;}
	.bacordpop_top {height:50px; line-height:50px; font-size:20px;}
	.bacordpop_top .pop_close {position:absolute; width:20px; height:20px; top:13px; right:15px;}
	.basic_close {background-size:20px; width:20px; height:20px;}
	.bacord_con {padding:20px 15px;}
	.bacord_con dl dt {font-size:22px; padding-bottom:15px;}
	.bacord_con dl dd.tt {font-size:18px; padding-bottom:15px;}
	.bacord_con dl dd.img {padding-bottom:15px; font-size:30px;}
	.bacord_con dl dd.num {font-size:15px; font-weight:700;}
}

/* 거주지인증 팝업 디자인 */
.gov_discount	{ line-height: 30px; font-size: 17px; }
.gov_discount h3	{ margin: 1em 0 5px 0; font-size: 1.2em; font-weight: 500; }
.gov_discount table	{ table-layout: fixed; clear: both; width: 100%; border-collapse: collapse; border-width: 2px 0 0 0; border-style: solid; border-color: #0b4da1; text-align: left; }
.gov_discount table caption	{ width: 0; height: 0; line-height: 0; overflow: hidden; font-size: 0; }
.gov_discount table tbody tr	{ border-bottom: 1px solid #dedede; }
.gov_discount table tbody tr th	{ background-color: #fafafa; color: #4e4e4e; text-align: center; }
.gov_discount table tbody tr td	{ line-height: 35px; padding: 5px; font-size: 1em; }
.gov_discount table tbody tr td input	{ float: left; height: 35px; box-sizing: border-box; }
.gov_discount table tbody tr td input[name="person_name"]	{ width: 100%; }
.gov_discount table tbody tr td input[name="person_no_1"],
.gov_discount table tbody tr td input[name="person_no_2"]	{ width: 45%; }
.gov_discount table tbody tr td span.split	{ float: left; display: inline-block; width: 10%; text-align: center; }
.gov_discount ul	{ padding: 10px; margin: 0; list-style: none; border: 1px solid #c8c8c8; background-color: #fafafa; font-size: 0.9em; }
.gov_discount ul li	{ position: relative; line-height: 1.6em; padding: 0 0 0 10px; margin: 0; list-style: none; }
.gov_discount ul li:before	{ position: absolute; left: 0; top: 0.8em; width: 3px; height: 3px; margin-top: -2px; background-color: #0b4da1; content: ""; }
.gov_discount p	{ margin: 0; }
.gov_discount p input[type="checkbox"]	{ width: 20px; height: 20px; }
.gov_discount em	{ color: #f00; font-style: normal; }
.gov_discount .order_r	{ margin-top: 2em; margin-bottom: 0; text-align: center; }
.gov_discount .button	{ width: 150px; height: 55px; line-height: 55px; border: 0 none; border-radius: 0; font-size: 1em; }
/* END */