@charset "utf-8";

html{font-size:62.5%}
html, body {position:relative;height:100%}
body{background:#fff;-webkit-touch-callout: none;}
*{-webkit-touch-callout: none;}
.mask {display:block;position:fixed;top:0;left:0;z-index:900;width:100%;height:120%;background-color:#000;opacity:0.7;cursor:pointer}
.layout {overflow:hidden;position:relative;top:0;width:100%;min-height:100%;background-color:#fff;padding-bottom:0px;-webkit-overflow-scrolling:touch}
.section {overflow:hidden;width:100%;min-height:100%;padding-bottom:58px;box-sizing:border-box}
.inner_sub{width:100%;box-sizing:border-box;padding:0 17px;}
a { -webkit-tap-highlight-color:transparent;}

/*로딩*/
.loading-box {position: fixed;width: 100%;height: 100%;top: 0;left: 0;background:#fff url(../images/loading_icon.gif) 50% 40% no-repeat;z-index:9999;opacity:0.9;background-size:100px 100px}
.txt-area{position:absolute;left:0;top:50%;text-align:center;width:100%}
.txt-area > .small-text{color:#575656;font-weight:200;font-size:2.0rem;line-height:1.2}

/*top title 공통*/
/*.tit_top{width:100%;height:70px;text-align:center;box-sizing:border-box;position:relative;}*/
.tit_top{width:100%;height:52px;text-align:center;box-sizing:border-box;position:relative;display:flex;justify-content:center;}
.tit_top .btn_back{width:30px;height:52px;background:url(../Images/login/ico_arrow_back.png) 0 50% no-repeat;background-size:30px 13px;position:absolute;left:0;top:0;text-indent:-9999px;}
/*.tit_top h3{font-size:2.2rem;font-weight:700;color:#575656;text-align:center;display:inline-block;vertical-align:middle;line-height: normal;padding: 1.9rem 0;}*/
.tit_top h3{font-size:2.2rem;font-weight:700;color:#575656;text-align:center;display:inline-block;line-height:54px;}
.tit_sub{text-align:left;font-weight:400;font-size:2.0rem;color:#575656;line-height:1.2;box-sizing:border-box;margin:25px auto}
.tit_sub span{color:#007CAA;font-weight:500;}
.tit_sub strong{font-weight:500;}
.btn_next{width:100%;position:absolute;bottom:0px;left:0;color:#fff;background:#007CAA;font-weight:500;font-size:1.6rem;text-align:center;height:58px;line-height:58px;}
.test_tit {font-size:1.7rem;font-weight:700;color:#575656;text-align:center;border-top:1px solid #E5E5E5;padding-top:20px; }

/*임시 하단메뉴*/
.nav{width:100%;height:60px;position:fixed;bottom:0;left:0;background:#fff;z-index:10;box-sizing:border-box;border-top:1px solid #e5e5e5;}
.nav ul::after{clear:both;display:block;content:''}
.nav ul li{width:25%;float:left;box-sizing:border-box;text-align:center;border-top:4px solid #fff}
.nav ul li a{display:block;text-align:center;width:100%;color:#575656;font-weight:500;font-size:1.0rem;box-sizing:border-box;padding:10px 0 9px 0}
.nav ul li:nth-child(1) a em{display:block;width:24px;height:20px;background:url(../Images/index/ico_info.png?ver=210203) 50% 50% no-repeat;margin:0 auto 2px;background-size:20.5px 20px;}
.nav ul li:nth-child(4) a em{display:block;width:24px;height:20px;background:url(../Images/index/ico_profile.png?ver=210203) 50% 50% no-repeat;margin:0 auto 2px;background-size:18px 20px;}
.nav ul li:nth-child(3) a em{display:block;width:24px;height:20px;background:url(../Images/index/ico_content.png?ver=210203) 50% 50% no-repeat;margin:0 auto 2px;background-size:23.5px 15px;}
.nav ul li:nth-child(2) a em{display:block;width:24px;height:20px;background:url(../Images/index/ico_center.png?ver=210203) 50% 50% no-repeat;margin:0 auto 2px;background-size:20.5px 20px;}
.nav ul li:nth-child(1).on a em{background:url(../Images/index/ico_info_on.png?ver=210203) 50% 50% no-repeat;background-size:20.5px 20px;}
.nav ul li:nth-child(4).on a em{background:url(../Images/index/ico_profile_on.png?ver=210203) 50% 50% no-repeat;background-size:18px 20px;}
.nav ul li:nth-child(3).on a em{background:url(../Images/index/ico_content_on.png?ver=210203) 50% 50% no-repeat;background-size:23.5px 15px;}
.nav ul li:nth-child(2).on a em{background:url(../Images/index/ico_center_on.png?ver=210203) 50% 50% no-repeat;background-size:20.5px 20px;}
.nav ul li.on{border-top:4px solid #007CAA;}
.nav ul li.on a{color:#007CAA;}



/*로그인*/
.login{width:100%;height:100%;background:#007CAA;padding-bottom:0}
.login .inner_wrap{width:100%;padding:0 17px 20px 17px;box-sizing:border-box}
.login .cont_top{margin-top:70px}
.login .cont_top .logo{width:60.5px;height:60.5px;background:url(../Images/login/logo.png) 0 0 no-repeat;background-size:cover;margin-bottom:10px;}
.login .cont_top p{color:#fff;text-align:left;line-height:1.1;font-size:3.5rem;font-weight:200;}
.login .cont_top p > span{font-weight:400;}
.login .cont_input{margin-top:90px;}
.login .cont_input dt{color:#fff;font-weight:400;font-size:1.2rem;}
.login .cont_input dd{margin-bottom:10px;}
.login .cont_input .ipt_full{width:100%;border:0;border-bottom:1px solid #fff;font-size:1.6rem;font-weight:500;text-align:left;padding:5px 10px;box-sizing:border-box;background:transparent;color:#fff}
.login .cont_input input[type="text"]:focus{border:0;border-bottom:1px solid #72BF44;outline:none;}
.login .cont_input input[type="password"]:focus{border:0;border-bottom:1px solid #72BF44;outline:none;}
.login .cont_input dd label{color:#fff;font-size:1.2rem;font-weight:400;margin-left:5px;vertical-align:middle;display:inline-block}
.login .cont_input .ipt_chk{width:20px;height:20px;display:inline-block;vertical-align:middle}
.login .cont_bottom{margin-top:50px;}
.login .cont_bottom .btn_login{width:100%;color:#fff;font-weight:500;font-size:1.6rem;text-align:center;background:#72BF44;border-radius:5px;height:48px;line-height:48px;margin-bottom:10px;}
.login .cont_bottom .btn_register{width:100%;color:#fff;font-weight:500;font-size:1.6rem;text-align:center;background:#164B5E;border-radius:5px;height:48px;line-height:48px;margin-bottom:20px;}
.login .cont_bottom .search_info{width:100%;text-align:center}
.login .cont_bottom .search_info li{display:inline-block;vertical-align:middle}
.login .cont_bottom .search_info li a{display:block;line-height:1;color:#fff;font-weight:500;font-size:1.2rem;}
.login .cont_bottom .search_info li:first-child{border-right:1px solid rgba(255,255,255,0.35);margin-right:10px;padding-right:10px;}
.rcbox p{position:relative;display:inline-block;vertical-align:middle}
.rcbox p>input[type="checkbox"]{ position:relative; top:-1px; vertical-align:middle; }
.rcbox p >input[type="checkbox"]{ position:absolute; left:5px; top:50%; width:20px; height:20px; margin:0; opacity:0;margin-top:-10px; }
.rcbox p >input[type="checkbox"] + label{padding-left:25px; display:inline-block;width:100%; height:20px; display:block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.rcbox p >input[type="checkbox"] + label {background: url(../images/login/ico_chk.png) 0 50% no-repeat;background-size:20px }
.rcbox p>input[type="checkbox"]:checked + label { background:url(../images/login/ico_chk_on.png) 0 50% no-repeat;background-size:20px }

/*약관동의*/
.rcbox_blue{display:inline-block;vertical-align:middle;}
.rcbox_blue p{position:relative;display:inline-block;vertical-align:middle}
.rcbox_blue p>input[type="checkbox"]{ position:relative; top:-1px; vertical-align:middle; }
.rcbox_blue p >input[type="checkbox"]{ position:absolute; left:0; top:50%; width:20px; height:20px; margin:0; opacity:0;margin-top:-10px; }
.rcbox_blue p >input[type="checkbox"] + label{padding-left:30px; display:inline-block;width:100%; height:20px; display:block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;line-height:20px;}
.rcbox_blue p >input[type="checkbox"] + label {background: url(../images/login/ico_chk_blue.png) 0 50% no-repeat;background-size:20px }
.rcbox_blue p>input[type="checkbox"]:checked + label { background:url(../images/login/ico_chk_blue_on.png) 0 50% no-repeat;background-size:20px }
.rcbox_blue p>input[type="radio"]{ position:relative; top:-1px; vertical-align:middle; }
.rcbox_blue p >input[type="radio"]{ position:absolute; left:0; top:50%; width:20px; height:20px; margin:0; opacity:0;margin-top:-10px; }
.rcbox_blue p >input[type="radio"] + label{padding-left:30px; display:inline-block;width:100%; height:20px; display:block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;line-height:20px;}
.rcbox_blue p >input[type="radio"] + label {background: url(../images/login/ico_chk_blue.png) 0 50% no-repeat;background-size:20px }
.rcbox_blue p>input[type="radio"]:checked + label { background:url(../images/login/ico_chk_blue_on.png) 0 50% no-repeat;background-size:20px }

.terms .cont_wrap li{width:100%;margin-bottom:5px;padding:10px 18px;box-sizing:border-box}
.terms .cont_wrap li::after{clear:both}
.terms .cont_wrap li label{color:#575656;font-weight:500;font-size:1.4rem;}
.terms .cont_wrap li .btn_detail{color:#575656;font-weight:500;font-size:1.2rem;text-decoration:underline;display:inline-block;vertical-align:middle;float:right;line-height:20px;}
.terms .cont_wrap li:first-child{border:1px solid #E5E5E5;border-radius:5px;margin-bottom:10px;padding:15px 18px !important;}
.terms .cont_wrap li:first-child label{font-weight:700;font-size:1.6rem;}

/*회원가입*/
.register .ipt_tit{font-weight:700;font-size:1.4rem;color:#575656}
.register .cont_input{margin-top:10px;}
.register .cont_input dt{color:#575656;font-weight:400;font-size:1.2rem;}
.register .cont_input dd{margin-bottom:10px;}
.register .cont_input dd .lbl_blue{display:inline-block;vertical-align:baseline;color:#007CAA;font-weight:400;font-size:1.4rem;}
.register .cont_input .ipt_line_wrap{border-bottom:1px solid #E5E5E5;width:100%;}
.register .cont_input .ipt_line{width:40px;border:0;font-size:1.6rem;font-weight:500;text-align:left;padding:5px 0;background:transparent;color:#575656;display:inline-block;vertical-align:baseline}
.register .cont_input .ipt_full{width:100%;border:0;border-bottom:1px solid #E5E5E5;font-size:1.6rem;font-weight:500;text-align:left;padding:5px 10px;background:transparent;color:#575656;box-sizing:border-box}
.register .cont_input input[type="password"].active{border:0;border-bottom:1px solid #FF3939;outline:none;color:#FF3939;font-weight:500;font-size:1.6rem;}
.register .cont_input dd label{color:#fff;font-size:1.2rem;font-weight:400;margin-left:5px;vertical-align:middle;display:inline-block}
.register input.active::-webkit-input-placeholder {color:#FF3939;font-weight:400}
.register input.active:-ms-input-placeholder.active {color:#FF3939;font-weight:400}
.register inputactive::placeholder {color:#FF3939;font-weight:400;opacity: 1;}
.register .sel_wrap{width:100%;border:0;border-bottom:1px solid #E5E5E5;padding:5px 0;box-sizing:border-box;color:#575656;font-weight:400;font-size:1.6rem;}


/*아이디 찾기*/
.register .lbl_common{display:inline-block;vertical-align:baseline;color:#575656;font-weight:400;font-size:1.6rem;}
.register .sel_inline80{width:65px;border:0;font-size:1.6rem;font-weight:500;text-align:right;background:transparent;color:#575656;display:inline-block;vertical-align:baseline;box-sizing:border-box;padding:5px 10px}
.register .sel_inline40{width:40px;border:0;font-size:1.6rem;font-weight:500;text-align:right;background:transparent;color:#575656;display:inline-block;vertical-align:baseline;box-sizing:border-box;padding:5px 10px}
.register .id_wrap{color:#007CAA;font-weight:500;font-size:2.0rem;text-align:left;margin:30px 0;}
.register .notice_tit{color:#575656;font-weight:400;font-size:1.6rem;text-align:left}
.register .tit_sub .ico_search{width:32px;height:32px;display:block;background:url(../Images/login/ico_search.png) 0 0 no-repeat;background-size:cover;margin-bottom:15px}
.register .sel_40{width:40px;border:0;font-size:1.6rem;font-weight:500;text-align:right;background:transparent;color:#575656;display:inline-block;vertical-align:baseline;box-sizing:border-box;padding:5px 0 5px 10px}
.register .sel_30{width:21px;border:0;font-size:1.6rem;font-weight:500;text-align:right;background:transparent;color:#575656;display:inline-block;vertical-align:baseline;box-sizing:border-box;padding:5px}

/*실명인증*/
.register .rcbox_blue label{color:#575656 !important;font-size:1.6rem !important;font-weight:400 !important;margin-left:0 !important}
.register .rcbox_blue p > input[type="radio"] + label{padding-left:25px}
.register .dd_area dd{margin-bottom:20px}
.register .cont_input .ipt_full2{width:100%;border:0;border-bottom:1px solid #E5E5E5;font-size:1.6rem;font-weight:500;text-align:left;padding:5px 0;background:transparent;color:#575656;box-sizing:border-box}

/*head*/
.head_fix{width:100%;box-sizing:border-box;padding:15px 17px;background:#007CAA;}
.head_fix::after{clear:both;display:block;content:''}
.head_fix .main_tit{display:inline-block;vertical-align:middle;color:#fff;font-size:1.6rem;font-weight:500;}
.head_fix .main_tit em{display:inline-block;vertical-align:middle;margin-right:5px;width:23px;height:23px;background:url(../Images/index/ico_maintit.png) 0 0 no-repeat;background-size:cover;}
.head_fix .btn_setting{text-indent:-9999px;width:18px;height:18px;background:url(../Images/index/ico_set.png) 0 0 no-repeat;float:right;margin-top:3.5px;background-size:cover;}