html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;}
body{font-size:1em; font-family:'나눔고딕','Nanum Gothic','NanumBarunGothic',"Apple SD Gothic Neo","AppleGothic","돋움", Dotum,"굴림", Gulim, Sans-serif; color:#2a2a2a;line-height:160%;}
a, a:link,a:visited{color:#2a2a2a;text-decoration:none;}
a:hover{text-decoration:underline; transition:all 0.2s ease-in 0s; color:#04aceb;}
ul,ol,li{list-style:none}
address,em{font-style:normal}
table{border-spacing:0px;border-collapse:collapse;}
table,fieldset,th,td,img{border:none}
td{word-break:break-all;}
img,input,select{vertical-align:middle;}
caption{width:0px;height:0px;line-height:0px;visibility:hidden;overflow:hidden}
legend{position:absolute;width:0px;height:0px;line-height:0px;visibility:hidden;overflow:hidden}
hr{display:none;}
button{border:0; cursor:pointer; font-family:'Nanum Gothic', sans-serif;}
input, textarea, select{font-family:'Nanum Gothic', sans-serif; border:1px solid #9e9e9e;}
input[type="text"]{padding-left:10px;}
input[type="password"]{padding-left:10px;}
input[type="button"], input[type="summit"]{border:0;}
select:focus, textarea:focus, input:focus{outline:none;}
img {width:100%;}

/*placeholde*/
::-webkit-input-placeholder { color:#aaa; font-size:14px; letter-spacing:-2px; }
:-moz-placeholder { color:#aaa; font-size:14px; letter-spacing:-2px; /* Firefox 18- */}
::-moz-placeholder { color:#aaa; font-size:14px; letter-spacing:-2px; /* Firefox 19+ */}
:-ms-input-placeholder { color:#aaa; font-size:14px; letter-spacing:-2px; }

.f_left{float:left;}
.f_right{float:right;}
.txt_ct{text-align:center;}
.clear_bt{ clear:both;}
.hidden{overflow:hidden;}

.wrap {margin:0 auto; max-width:900px;}
/* 헤더 */
.header {background:#ec022b; text-align:center; position:relative; height:50px;}
.header h1 img {width:127px;}
.header h1 {font-size:20px; color:#ffffff; padding-top:12px;}
.header .topmenu {position:absolute; top:23%; left:15px; width:20px;}
.header .topclose {position:absolute; top:21%; right:15px; width:20px;}

.header .inboxLeft{color:#ffffff; line-height:50px; text-align:left;}
.header .inboxLeft img{width:10px; padding:0 5px 0 20px; vertical-align:middle; padding-bottom:3px;}
.header .inboxLeft .write img{float:right; width:23px; padding:14px 20px 0 0;}

/* 메인 메뉴 */
.mainNav {border-bottom:1px solid #282a2d !important; overflow:hidden;}
.mainNav ul li{float:left; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; text-align:center; width:24.8%;}
.mainNav ul li a{display:block; padding:10% 0;}
.mainNav ul li a img{width:50%;}
.mainNav ul .last {border-right:0;}
.mjoinBox {background:#e8e8e8; padding:4% 4%; overflow:hidden;}
.mjoinBox div {width:49%; margin-top:2%;}
.bottomMenu {background:#282a2d; overflow:hidden; text-align:center; position:fixed; bottom:0; left:0; right:0;}
.bottomMenu ul li {float:left; width:20%;}
.bottomMenu ul li a {display:block; padding:7% 0 4% 0; color:#ffffff; font-size:10px;}
.bottomMenu ul li img{width:33%; vertical-align:bottom;}
.bottomMenu .active a{color:#ec022b; background:#000000;}

/* 로그인.회원가입 */
.loginBox {background:#e8e8e8; padding:4% 3% 0 3%; overflow:hidden;}
.loginBox .loginformBox {border:1px solid #9e9e9e; background:#ffffff; margin-bottom:2%;}
.loginBox .loginformBox img {width:13px; padding:4%;}
.loginBox .loginformBox input{font-size:20px; border:0 !important;}
.loginBox .loginauto {padding:0 0 3% 0;}
.loginBox .loginauto img {width:10%; vertical-align:middle; margin-top:-3px; padding-right:5px;}
.loginBox .loginauto .f_right {text-align:right;}
.loginBox .loginauto input[type="checkbox"], .loginBox .loginauto input.checkbox {display:inline-block; width:23px; height:23px; vertical-align:top; background:url(../images/ic_checkbox.png) no-repeat 0 0; -webkit-appearance:none; background-size:100%; cursor:pointer; margin:2px 5px 0 0;}
.loginBox .loginauto input[type="checkbox"]:checked {display:inline-block; width:23px; height:23px; vertical-align:top; background:url(../images/ic_checkbox_on.png) no-repeat 0 0; background-size:100%; -webkit-appearance:none; cursor:pointer; margin:2px 5px 0 0;}

.yellowBtn {text-align:center; margin-bottom:2%;}
.yellowBtn a {display:block; border-bottom:4px solid #d9b400; background:#ffd400; color:#000000; font-weight:bold; padding:3% 0 2.5% 0; font-size:17px; border-radius:5px; margin:5% 3% 2% 3%;}
.yellowBtn2 a {display:block; border-bottom:4px solid #d9b400; background:#ffd400; color:#000000; font-weight:bold; padding:3% 0 2.5% 0; font-size:17px; border-radius:5px; margin:5% 0 2% 0; text-align:center;}
.loginBox .loginjoinBtn {background:#ffffff; display:block; text-align:center; border:3px solid #ffd400; border-radius:5px; padding:3% 0 2.5% 0; margin-bottom:8%;}
.loginBox .loginjoinBtn a {color:#333333; font-weight:bold; font-size:17px;}
.loginsnsBox {background:#ffffff; text-align:center; padding:5% 0;}
.loginsnsBox p {font-weight:bold; padding-bottom:4%; font-size:15px; color:#666666;}
.loginsnsBox img {width:10%; padding:0 1.3%;}
.info_botlink a {font-weight:bold; display:block; width:50%; float:left; background:#e8e8e8; text-align:center; padding:3% 0 2.5% 0; color:#333333; font-size:15px;}
.info_botlink2 a {width:100% !important;}

/* 기본 팝업 */
.basicpup {text-align:center; margin:0 auto; width:320px;}
.basicpup .puptitle {background:#ec022b; padding:4% 0 4% 0; color:#ffffff; font-weight:bold; position:relative;}
.puptitle a img{position:absolute; right:5%; top:27%; width:18px;}
.basicpup .pupbutton {background:#ffffff; padding:6% 0 6% 0;}
.basicpup .pupbutton p {padding:0 0 7px 0; font-size:13px; font-weight:700; line-height:150%;}
.basicpup .pupbutton .yellowBtn {width:80%; margin:10px auto;}
.basicpup .pupbutton input[type="text"]{width:80%; line-height:30px; height:30px; margin-bottom:6%;}

#mask{position:fixed; filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;background-color:#000000;left:0;top:0; width:100%; height:100%;}
.modalpup{position:absolute; top:20%; z-index:9999; width:320px;}

.basicpup .pupbutton .pupbuttonBox a {font-weight:bold; display:block; width:50%; float:left; background:#7a7a7a; text-align:center; padding:3% 0 2.5% 0; color:#333333; font-size:15px; color:#ffffff;}
.basicpup .pupbutton .pupbuttonBox .button_yellow a {background:#ffd400; color:#000000;}

/* 비밀번호 찾기 */
.pwlnquiryBox {padding:4%;}
.pwlnquiryBox div {border:2px solid #ec022b; width:20px;}
.pwlnquiryBox p {font-weight:bold; font-size:18px; padding-top:6px; padding-bottom:3px; line-height:110%;}
.pwlnquiryBox .pwlnquirytxt {font-size:14px; line-height:140%; padding-top:2%; color:#666666;}
.pwlnquiryBox .pwlnquirytxt span {color:#ec022b;}
.pwlnquiryBox input[type="text"] {border:1px solid #cccccc; width:94%; padding:2% 3% 2% 3%; font-size:16px; margin-top:3%;}
.pw_botlink a {font-weight:bold; display:block; width:100%; background:#ffd400; text-align:center; padding:3% 0 2.5% 0; color:#333333; font-size:15px; position:fixed; bottom:0; left:0;}
.pw_botlink2 a {font-weight:bold; display:block; width:50%; float:left; background:#e8e8e8; text-align:center; padding:3% 0 2.5% 0; color:#333333; font-size:15px;}
.pw_botlink2 {position:fixed; bottom:0; left:0; width:100%;}
.pw_botlink2 .pw_yellow a {background:#ffd400;}

/* 슬라이드 메뉴 */
.topMenu {height:100%; width:80%;background-color:#ffffff; left:0; top:0;z-index:9999; position:fixed;overflow-y: auto;overflow-x: visible; transform: translate(-100%,0);}
.ssm-overlay {position:fixed; top:0; right:0;
 bottom:0; left:0; background-color: rgba(0,0,0,0.5); display:none; z-index:999;}
.topMenu .titlered{background:#ec022b; overflow:hidden; padding:10px 5% 10px 5%;}	
.topMenu .titlered .logo img{width:140px;padding-top:3px;}
.topMenu .titlered .close img{width:20px; padding-top:4px;}
.topMenu .graybox{background:#515459; color:#ffffff; padding:12px 0 13px 20px; font-weight:700; font-size:18px;}	
.topMenu .graybox2{background:#dadada; padding:2% 0; border-bottom:1px solid #b1b1b1;}	
.mainNav .logobg{background:#f6f6f6; padding:0.999999% 0;}
.mainNav ul li{border-bottom:1px solid #e5e5e5;}
.mMenutwo {border-bottom:1px solid #b1b1b1 !important; overflow:hidden;}
.mMenutwo ul li{float:left; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; text-align:center; width:33.1%;}
.mMenutwo ul li a{display:block; padding:15px 0;}
.mMenutwo ul li a img{width:50%;}
.mMenutwo ul .last {border-right:0;}
.mMenutwo .logobg{background:#f6f6f6;}
.mMenuthree ul li{width:49%;}
.mMenufour ul li{width:100%;}

.bothside{width:90%; margin:0 auto;}
.summary_txt{color:#666666 !important; font-size:12px; padding:10px 0; line-height:150%;}

/* 회원가입 */
.join_one .intable{line-height:40px; width:100%; margin-top:20px;}
.join_one .thti{color:#000000; width:87px; font-size:13px; font-weight:700;}
.join_one .intable input[type="button"]{background:#ffffff; color:#ec022b; border:1px solid #ec022b; border-radius:3px; letter-spacing:-1px; font-size:12px; line-height:30px;}
.join_one .intable input[type="text"]{line-height:30px; height:30px; width:90%;}
.join_one .intable input[type="password"]{line-height:30px; height:30px; width:95%;}
.join_agree{background:#f3f3f3; padding:20px 5% 20px 5%; font-size:12px; letter-spacing:-1px; overflow:hidden;}
.join_agree ul li{margin-bottom:3px;}
.join_agree a > img{width:60px; padding-left:3px;}
.join_agree input[type="checkbox"], .loginBox .loginauto input.checkbox {display:inline-block; width:19px; height:19px; vertical-align:top; background:url(../images/ic_checkbox.png) no-repeat 0 0; -webkit-appearance:none; background-size:100%; cursor:pointer; margin:2px 5px 0 0;}
.join_agree input[type="checkbox"]:checked {display:inline-block; width:19px; height:19px; vertical-align:top; background:url(../images/ic_checkbox_on.png) no-repeat 0 0; background-size:100%; -webkit-appearance:none; cursor:pointer; margin:2px 5px 0 0;}
.joinsmpd{padding:20px 5% 0 5%;}

/* 마이론팡 */
.myloanpang .firstbox{background:#ffd400; padding:15px 3% 15px 4%; letter-spacing:-1px;  line-height:90%;}
.myloanpang .firstbox table{width:100%;}
.myloanpang .firstbox .picbox img{border-radius:100px; width:50px; margin-right:10px;}
.myloanpang .firstbox .button img{width:100px; float:right; margin-left:3%; margin-top:3px;}
.myloanpang .firstbox p{font-weight:700; font-size:17px; padding-bottom:5px;}
.myloanpang .firstbox span{font-size:12px;}
.myloanctgy img{width:63% !important}
.myloanpang .twobox{background:#e8e8e8; padding:4% 4% 1% 4%; overflow:hidden; letter-spacing:-1px; font-size:14px;}
.myloanpang .twobox ul li{width:47%; text-align:center; background:#ffffff; border:1px solid #9a9a9a; padding:13px 0; margin-bottom:4%; font-weight:800;}
.myloanpang .twobox ul li img{width:40%;}
.myloanpang .threebox{padding:4% 0; text-align:center;}
.myloanpang .threebox img{width:65%;}

#footer{background:#e8e8e8; text-align:center; padding:4% 3% 4% 3%; font-size:12px; line-height:140%; letter-spacing:-1.5px;}

/* 프로필 */
.profinebox input[type="text"]{line-height:30px; height:30px; width:95% !important;}
.myconfirm{border-bottom:2px solid #dddddd; padding:10px 0; overflow:hidden;}
.myconfirm p{float:left; line-height:45px; font-weight:700;}
.myconfirm a{background:#ec022b; color:#ffffff; text-align:center; display:block; width:100px; float:right; border-bottom:2px solid #900e0e; padding:2% 0; border-radius:4px;}
/* 비밀번호 찾기 */
.password_change p{color:#000000; font-size:13px; font-weight:700; margin-top:20px;}
.password_change .summary{color:#666666; font-size:12px;}
.password_change input[type="text"]{line-height:30px; height:30px; width:97%;}
.password_change .first{border-bottom:2px solid #dddddd; padding-bottom:20px;}
.centericbox{text-align:center;}
.centericbox img{width:80px; padding-top:30%;}

/* 포인트현황 */
.pointBox .pointTop{background:url(../images/point_bg.png) no-repeat; overflow:hidden; text-align:center; color:#ffffff; font-weight:700; background-size:cover; border-top:1px solid #bb0e1e;}
.pointBox .pointTop ul li{float:left; padding:5% 0 2% 0; width:49%;}
.pointBox .pointTop ul .leftB{border-right:1px solid #f5526a;}
.pointBox .pointTop ul li .textone{font-size:20px;}
.pointBox .pointTop ul li .texttwo{font-size:22px; padding-top:5px;}
.pointBox .pointTop ul li img{width:64px; padding-top:2px;}
.pointBox .pointTop ul li a{width:70%; margin:18px auto; font-size:14px;}
.pointBox .summarymid{text-align:center; font-size:14px; letter-spacing:-1px; padding:18px 0;}
.pointBox table{width:100%; text-align:center; border-bottom:1px solid #b7b7b7;}
.pointBox table th{background:#f5f5f5; border-top:1px solid #b7b7b7; border-left:1px solid #b7b7b7; padding:10px 0;}
.pointBox table td{border-top:1px solid #b7b7b7; border-left:1px solid #b7b7b7; padding:10px 0;}
.pointBox table .red{color:#ec022b;}

/* 대출 계산기*/
.basictab2 .toptab {padding:0 2%; width:96%; border-bottom:1px solid #c8c8c8; overflow:hidden;}
.basictab2 .toptab li {float:left; text-align:center; width:33%;}
.basictab2 .toptab li a {display:block; font-weight:bold; color:#666666; padding:10% 4% 10% 4%; border-bottom:3px solid #ffffff;}
.basictab2 .toptab .on a{border-bottom:3px solid #ec022b; color:#000000;}
.loantitle {float:left; width:100%;}
.loantable {width:100%; text-align:left; margin:0 auto; border-top:1px solid #dddddd;}
.loantable th {width:56px; letter-spacing:-1px; padding:0 0 0 3%; border-bottom:1px solid #dddddd; font-size:13px;}
.loantable td {padding:2% 0; border-bottom:1px solid #dddddd;}
.loantable td input[type="text"]{line-height:30px; width:94%; padding:1%;}
.loantable .loaninput[type="text"]{line-height:30px; width:30%; padding:1%;}
.loanBox .yellowBtn {margin-top:3%; font-weight:bold;}
.loanBox .loanchart {float:left; border-top:1px solid #b7b7b7; border-left:1px solid #b7b7b7;  border-right:1px solid #b7b7b7;width:92%; margin:0 4%;}
.loanBox .loanchart ul {float:left; width:50%;}
.loanBox .loanchart ul li {text-align:center; padding:3%; border-bottom:1px solid #b7b7b7; font-size:14px; font-weight:bold;}
.loanBox .loanchart .chartbg li {border-right:1px solid #b7b7b7; background:#f5f5f5;}
.loanchart2 table {margin:0 auto; width:92%; text-align:center; border-top:1px solid #b7b7b7; border-left:1px solid #b7b7b7;}
.loanchart2 th {border-right:1px solid #b7b7b7; border-bottom:1px solid #b7b7b7; padding:1.4% 0 1% 0; background:#f5f5f5; font-size:14px;}
.loanchart2 td {border-right:1px solid #b7b7b7; border-bottom:1px solid #b7b7b7; padding:1% 0; font-weight:bold; font-size:14px;}
.loanchart2 .chartbg2 {background:#f2eaea;}

/* 설정 */
.setupBox {width:100%; overflow:hidden;}
.setupBox li {float:left; width:92%; padding:3% 4%; border-bottom:1px solid #b1b1b1; font-weight:bold;}
.setupBox li img {width:37px; float:right;}

/* 버전정보 */
.versionBox {text-align:center; padding:6% 0 5% 0;}
.versionBox img {width:15%;}
.versionBox p {padding:1% 0 5% 0; font-weight:bold;}
.versionBox .yellowBtn {width:94%; margin:0 auto; margin-bottom:7%;}
.grayBtn {border:2px solid #cccccc; width:94%; margin:0 auto; border-radius:5px; padding:2.5% 0 2.5% 0; font-weight:bold;}
.codeBox {text-align:center; width:100%; overflow:hidden; padding:5% 0 9%; border-bottom:1px solid #e8e8e8; line-height:130% !important;}
.codeBox p {font-weight:bold; padding:30px 0 20px; font-size:18px;}
.codeBox input[type="password"]{padding:2% 3%; width:40px; height:40px; border:2px solid #f03b5a; line-height:40px; font-size:25px; text-align:center; margin-right:2%;}
.codecaution {text-align:center; width:100%; padding:4% 0;}
.codecaution p {font-weight:bold; color:#ec022b;}
.codecaution span {font-size:13px; color:#ec022b;}
.codecaution table {margin-top:3%; width:100%; border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0;}
.codecaution tr{border-bottom:1px solid #e1e1e1;}
.codecaution td{width:33%; border-right:1px solid #e1e1e1; height:70px; background:#f5f5f5; border-bottom:1px solid #d0d0d0;}
.codecaution td input[type="button"]{padding:7% 0; font-size:20px; font-weight:bold; background:#f5f5f5; width:100%; height:70px;}
.codecaution .noline {border:none;}
.codecaution img {width:30px;}

/* 이용약관 */
.termsBox .toptab2 {float:left; padding:0 7%; width:86%; border-bottom:1px solid #c8c8c8;}
.termsBox .toptab2 li {float:left; width:50%; text-align:center;}
.termsBox .toptab2 li a {display:block; font-weight:bold; color:#666666; line-height:130%; padding:3% 0;}
.termsBox .toptab2 .toptab2_on {border-bottom:3px solid #ec022b;}
.termsBox .toptab2 .toptab2_on a {color:#000000;}

/* 포인트적립방법 */
.pointsave{margin:0 auto; width:90%; }
.pointsave .titopb{background:#ec022b; position:relative; height:46px; line-height:46px; text-align:center; }
.pointsave .titopb a{position:absolute; right:10px;}
.modalpup2{position:absolute; top:10%; width:90%;z-index:9999; background:#ffffff;}
.pointsave .titopb a img{width:23px;}
.pointsave .titopb span img{width:150px;}
.pointsave .pinmidline{text-align:center; padding:15px 20px 15px 20px; border-bottom:1px solid #dddddd; letter-spacing:-1px; font-size:14px; line-height:140%;}
.pointsave .poinbottxt{padding:0 20px 20px 30px; line-height:140%; font-size:14px; color:#666666;}
.pointsave .poinbottxt .linered{background:#ec022b; height:3px; width:30px; margin-top:25px;}
.pointsave .poinbottxt p{font-weight:700; font-size:18px; padding:7px 0 12px; color:#000000;}

/* 친구초대 */
.inviteBox .inboxline{border-bottom:1px solid #dddddd; padding:25px 20px 20px 17px; color:#666666; line-height:140%; font-size:14px;}
.inviteBox .linered{background:#ec022b; height:3px; width:30px;}
.inviteBox .inboxline p{font-weight:700; font-size:18px; padding:7px 0 12px; color:#000000;}
.inviteBox .inboxline ul li{background:url(../images/linklisrtdig.png) no-repeat left; background-size:3px; padding-left:10px; margin-bottom:5px;}
.inviteBox .codein input[type="text"]{line-height:40px; height:40px; text-align:center; font-weight:700; font-size:21px; width:66%; float:left;}
.inviteBox .codein input[type="button"]{background:#383838; color:#ffffff; height:44px; width:30%; float:right;}
.inviteBox .snssendbut{overflow:hidden; text-align:center; margin:12px 0 0; letter-spacing:-1px;}
.inviteBox .snssendbut .katalk a{float:left; display:block; width:49%; background:#ffd400; border-radius:5px; border-bottom:3px solid #d9b400; padding:12px 0;}
.inviteBox .snssendbut .sms a{float:right; display:block; width:49%; background:#ec022b; border-radius:5px; border-bottom:3px solid #c90225; color:#ffffff;  padding:12px 0;}

/* 찜목록 */
.graybody{background:#e8e8e8;}
.savelistBox .smailic{text-align:center; line-height:130%; font-size:15px;}
.savelistBox .smailic img{padding:20% 0 10px; width:50px;}

.savelistBox .userList li{padding:4.5%; position:relative; border-bottom:1px solid #cccccc; overflow:hidden;}
.userList .picmap{float:left; width:28%; margin-right:4%; border:1px solid #c8c8c8;}
.userList .picmap p {text-align:center; background:#c8c8c8; padding:8px 0;}
.userList .picmap p > img{width:13px; padding-right:5px;}
.userList .picmap2{float:left; width:20%; margin-right:4%; border:1px solid #c8c8c8; padding:7% 2%;}
.userList .listcont h3{color:#000000; letter-spacing:-1px; font-size:17px; font-weight:700;}
.userList .listcont table{margin:2px 0 0;}
.userList .listcont th{width:73px; vertical-align:top; color:#aaaaaa; font-size:14px; letter-spacing:-1px;}
.userList .listcont td{line-height:130%; font-size:14px; color:#666666; letter-spacing:-1px;}
.userList .listcont3 h3{color:#000000; letter-spacing:-1px; font-size:17px; font-weight:700;}
.userList .listcont3 table{margin:2px 0 0; line-height:120%;}
.userList .listcont3 th{width:65px; vertical-align:top; color:#aaaaaa; font-size:13px; letter-spacing:-1px;}
.userList .listcont3 td{line-height:130%; font-size:13px; color:#666666; letter-spacing:-1px;}
.userList .comment .review{float:left; font-size:14px; color:#666666;}
.userList .comment .review img{width:11px; vertical-align:top; padding:5px 5px 0;}
.userList .comment .review span{color:#000000;}
.userList .comment .staric span{float:right; padding-left:3px; width:13px;}
.userList .butlist{margin-top:2px; text-align:right;}
.userList .butlist a > img{width:31.7%;}
.userList .close{position:absolute; top:8%; right:4%; width:18px;}

/* 이벤트 */
.eventBox .first{padding:0;}
.eventBox li{padding:4.5%; border-bottom:1px solid #b1b1b1;}
.eventBox li h4{font-size:17px; font-weight:700; color:#000000; line-height:130%;}
.eventBox li p{color:#666666; font-size:13px; padding-bottom:3px;}
.eventBox .viewin{padding:4.5%; color:#666666;}
.eventBox .viewin img{padding:15px 0;}

/* FAQ */
.basictab .toptab {padding:0 2%; width:96%; border-bottom:1px solid #c8c8c8; overflow:hidden;}
.basictab .toptab li {float:left; text-align:center; width:25%;}
.basictab .toptab li a {display:block; font-weight:bold; color:#666666; padding:10% 8% 10% 8%; border-bottom:3px solid #ffffff;}
.basictab .toptab .on a{border-bottom:3px solid #ec022b; color:#000000;}
/* 아코디언 */
.ac-pane {background-color:#16A085; color:#ffffff; }
.ac-pane a{overflow:hidden;}
.ac-pane .section{float:left; background:#282a2d; color:#ffffff; font-size:13px; padding:0 3px; margin-right:10px;}
.ac-pane .answer{background:#999999;}
.ac-pane .answerdone{background:#ec022b;}
.ac-pane .date{color:#666666; font-size:14px;}
.ac-pane .date i{float:right; padding:2px 0 0 10px;}
.ac-pane .titlet{padding-top:1%; float:left;}
.ac-pane:last-child { margin-bottom: 0; }
.ac-content {display: none; }
.ac-title {color: #ffffff;display: block; padding: 12px;background-color:#ffffff; border-bottom:1px solid #b1b1b1;}
.ac-title i {float: right;font-size: 20px;}
.ac-title i:before { content: "\f107"; }
.active .ac-title i:before { content: "\f106"; }
.ac-content {background:#f1f1f1 !important;border:1px solid #ffffff;margin-top: -1px;padding: 15px; color:#666666;}

/* 1:1문의 */
.inquiryBox .firstb{padding:4% 3% 3% 3%; border-bottom:1px solid #dddddd;}
.inquiryBox .firstb .chos{border-bottom:1px solid #dddddd; padding-bottom:4%;}
.inquiryBox .firstb .chos select{border:1px solid #9e9e9e !important; margin-left:2%; height:40px; padding-left:2%; width:79%;}
.inquiryBox .firstb .write{color:#666666; line-height:130%; font-size:14px; border-bottom:1px solid #dddddd; padding-bottom:3%; margin-bottom:3%;}
.inquiryBox .firstb .write textarea{border:1px solid #9e9e9e !important; width:96%; padding:2%; margin:4% 0; }
.inquiryBox .firstb .phone input[type="text"]{line-height:40px; height:40px;margin-left:2%; width:80%;}

/* 이용약관 */
.basictab3 .toptab {padding:0 4%; width:92%; border-bottom:1px solid #c8c8c8; overflow:hidden; position:relative;}
.basictab3 .toptab li {float:left; text-align:center; width:50%;}
.basictab3 .toptab li a {display:block; font-weight:bold; color:#666666; padding:6% 4% 5% 4%; border-bottom:3px solid #ffffff;}
.basictab3 .toptab .on a{border-bottom:3px solid #ec022b; color:#000000;}
.termsbox{border-top:1px solid #dddddd;}
.termsbox .tinbox{padding:5% 4% 2% 4%; color:#666666; font-size:14px; line-height:150%;}
.termsbox .tinbox p{color:#000000; padding-bottom:20px;}

/* 신용 */
.location {background:#e7e7ed; padding:10px 2% 10px 4%; overflow:hidden; letter-spacing:-1px; font-size:13px;}
.location .leftinbox img{width:15px; padding-right:8px;}
.location span{float:right;}
.location span img{width:87px;}
.basictab4 .toptab {padding:0 4%; width:92%; border-bottom:1px solid #c8c8c8; overflow:hidden; line-height:100%; position:relative;}
.basictab4 .toptab li {float:left; text-align:center; width:30%;}
.basictab4 .toptab li a {display:block; font-weight:bold; color:#666666; padding:15% 4% 13% 4%; border-bottom:3px solid #ffffff;}
.basictab4 .toptab .on a{border-bottom:3px solid #ec022b; color:#000000;}

.mapinbox{position:relative;}
.mapinbox img{position:relative;}
.mapinbox .number{background:#ec022b; width:47px; height:47px; line-height:47px; color:#ffffff; font-weight:700; font-size:20px; text-align:center; border-radius:50px; position:absolute; filter:alpha(opacity=60);opacity:0.6;-moz-opacity:0.6; letter-spacing:-1px;}
.mapinbox .one1{top:10%; left:15%;}
.mapinbox .one2{top:20%; left:30%;}

/* 상담사정보 */
.cunsname{border-bottom:1px solid #dddddd; width:92%; margin:0 auto; font-size:16px; font-weight:700; padding:3% 0;}
.cunsname span{float:right;}
.cunsname span img{width:23px; vertical-align:top; padding:1px 5px 0;}

.userList .listcont2 table{margin:2px 0 0; line-height:140%;}
.userList .listcont2 th{width:94px; vertical-align:top; color:#aaaaaa; font-size:14px; letter-spacing:-1px;}
.userList .listcont2 td{line-height:130%; font-size:14px; color:#666666; letter-spacing:-1px;}

.linegray{background:#e8e8e8; width:100%; height:20px;}
.detailinBox .tabs {width:100%; border-bottom:1px solid #dddddd; overflow:hidden;}
.detailinBox .tabs li {float: left; text-align:center; cursor:pointer; padding:2.5% 0 2%; border-left: none; border-bottom:3px solid #ffffff; border-left:1px solid #dddddd; position: relative; margin:0 !important; width:19.7%;}
.detailinBox .tabs .first {border-left:0;}
.detailinBox .tabs li.active {background:#ffffff; border-bottom:3px solid #ec022b;}
.tab_container {width:100%; overflow:hidden;}
.tab_container .tab_content ul {width:100%;}
 #container {width:100%;margin: 0 auto;}
 .summarycout{color:#666666; background:#f9f9f9; border-top:1px solid #b1b1b1; padding:3%; font-size:13px; line-height:130%; margin-bottom:17%;}

 /* 상품정보 */
.detailinBox #tab2{padding:2% 0 4%;}
.detailinBox #tab2 p{padding-left:5%; padding-bottom:10px;}
.detailinBox #tab2 table{border:1px solid #b7b7b7; width:92%; margin:0 auto; font-size:13px; line-height:135%;}
.detailinBox #tab2 th{text-align:left; border-bottom:1px solid #b7b7b7; border-right:1px solid #b7b7b7; background:#f5f5f5; padding:7px 3% 7px 3%;}
.detailinBox #tab2 td{border-bottom:1px solid #b7b7b7; padding:7px 3% 7px 3%; color:#666666;}
.detailinBox #tab2 td .redtxt{color:#ec022b;}
/* 후기 */
.detailinBox #tab3 .firstcomt{padding:4%; border-bottom:1px solid #dddddd;}
.detailinBox #tab3 .firstcomt .icone > img{width:12px; vertical-align:top; padding:3px 5px 0;}
.detailinBox #tab3 .firstcomt .staric > img{width:14px; vertical-align:top; padding:5px 2px 0;}
.detailinBox #tab3 .firstcomt a > img{width:26%; float:right;}
.detailinBox #tab3 ul{width:94%; margin:0 auto;}
.detailinBox #tab3 ul li{padding:5% 0; position:relative; border-bottom:1px solid #dddddd; overflow:hidden;}
.detailinBox #tab3 ul li .delete{position:absolute; top:15%; right:0; width:15px;}
.detailinBox #tab3 ul li .personic{float:left; width:10%;}
.detailinBox #tab3 ul li .personic img{width:25px;}
.detailinBox #tab3 ul li .insum{float:left; width:84%;}
.detailinBox #tab3 ul li .insum p > span{padding-left:10px; color:#666666; font-size:13px;}
.detailinBox #tab3 ul li .insum p > span > img{width:14px; vertical-align:top; padding:5px 2px 0;}
.detailinBox #tab3 ul li .summarytxt{color:#666666; line-height:130%; padding-top:3px; font-size:14px;}
 /* 공지 */
.detailinBox #tab4 ul{width:92%; margin:0 auto;}
.detailinBox #tab4 ul li{border-bottom:1px solid #e5e5e5; padding:2% 0; font-size:14px;}
.detailinBox #tab4 ul li span{float:right; color:#6a6a6a; font-size:14px;}
.detailinBox #tab4 ul li a{font-weight:700;}
/* 위치보기 */
.detailinBox #tab5 .map{position:relative;}
.detailinBox #tab5 .locicred{position:absolute; width:20px; top:10%; left:30%;}

.deleteloctic{position:absolute; top:10%; right:5%; width:15px;}

.simpleshbox{border-bottom:1px solid #dedede; padding:4%;}
.simpleshbox input[type="text"]{width:98%; line-height:40px; height:40px;}
/* 상담신청 */
.mediationBox{padding:4%; line-height:130%; font-size:14px;}
.mediationBox .telnumber input[type="text"]{line-height:40px; height:40px; width:96%; margin:15px 0;}
.mediationBox .agreebox {font-size:13px; letter-spacing:-1px; line-height:25px;}
.mediationBox .agreebox a{float:right; display:block; width:60px; border:1px solid #dddddd; text-align:center;}
.mediationBox .agreebox input[type="checkbox"], .mediationBox .agreebox input.checkbox {display:inline-block; width:23px; height:23px; vertical-align:top; background:url(../images/ic_checkbox.png) no-repeat 0 0; -webkit-appearance:none; background-size:100%; cursor:pointer; margin:2px 5px 0 0;}
.mediationBox .agreebox input[type="checkbox"]:checked {display:inline-block; width:23px; height:23px; vertical-align:top; background:url(../images/ic_checkbox_on.png) no-repeat 0 0; background-size:100%; -webkit-appearance:none; cursor:pointer; margin:2px 5px 0 0;}
.mediationBox .yellowBtn a{position:fixed; bottom:0; left:0; margin:0; border-radius:0; width:100%; border-bottom:0;}

.scorereview{border-bottom:1px solid #dddddd; padding-bottom:4.5%;}
.scorereview img{width:14px; vertical-align:top; padding:2px 0 0 3px;}
.reviewWrite {padding:4% 0;}
.reviewWrite textarea{border:1px solid #9e9e9e; padding:2%; width:96%; height:420px;}

.notify{padding:4%;}
.notify div {border:2px solid #ec022b; width:20px;}
.notify p {font-weight:bold; font-size:18px; padding-top:6px; padding-bottom:3px; line-height:110%;}
.notify .notifytxt {font-size:14px; line-height:140%; padding-top:2%; color:#666666;}
.notifysummry{overflow-y:scroll; height:150px; background:#f8f8f8; border-bottom:1px solid #b1b1b1; border-top:1px solid #b1b1b1; padding:3%; line-height:130%; font-size:14px; color:#666666;}
.notifysummry p{color:#000000; font-weight:700;}
.notifybut a{position:fixed; bottom:0; left:0; margin:0; border-radius:0; width:100%; border-bottom:0;}
.agreebotbox{text-align:center; padding:20px 0 30px;}
.agreebotbox input[type="radio"], .agreebotbox input.checkbox {display:inline-block; width:20px; height:20px; vertical-align:top; background:url(../images/radio_off.png) no-repeat 0 0; -webkit-appearance:none; background-size:100%; cursor:pointer; margin:2px 5px 0 0; border:0;}
.agreebotbox input[type="radio"]:checked {display:inline-block; width:20px; height:20px; vertical-align:top; background:url(../images/radio_on.png) no-repeat 0 0; background-size:100%; -webkit-appearance:none; cursor:pointer; margin:2px 5px 0 0; border:0;}
.notifyred{text-align:right; color:#ec022b; padding:0 4% 15px 0; border-bottom:1px solid #dedede;}

.notifyenter{width:90%; margin:20px auto 15%;}
.notifyenter th{text-align:left;}
.notifyenter th span{color:#ec022b;}
.notifyenter td input[type="text"]{border:1px solid #9e9e9e; line-height:40px; height:40px; margin-bottom:10px; width:97%;}
.notifyenter td textarea{border:1px solid #9e9e9e; width:99%;}
.notifyenter .toptxt{vertical-align:top; padding-top:3px;}

/* 검색 */
.searchselBox{border-bottom:1px solid #dddddd; padding:0 4% 4% 4%;}
.searchselBox .selthree select{border:1px solid #9e9e9e; height:40px; width:32.4%;}
.searchselBox .titletop{color:#000000; padding-top:4%; font-weight:700; font-size:14px;}
.searchselBox .titletop span{color:#666666;}
.searchselBox .selone select{border:1px solid #9e9e9e; height:40px; width:100%}
.searchselBox input[type="text"]{border:1px solid #9e9e9e; line-height:40px; height:40px; width:98%;}
/* 검색 지역선택 */
.selpuplistpup{width:70%; margin:0 auto;}
.selpuplistpup .modalpup{width:70%; top:13%;}
.selpuplist{background:#ffffff; padding:3% 0; overflow-y:scroll; height:400px;}
.selpuplist ul li{border-bottom:1px solid #dedede; padding:7px 12% 7px 12%; text-align:left;}
.selpuplist input[type="radio"], .agreebotbox input.checkbox {display:inline-block; width:20px; height:20px; vertical-align:top; background:url(../images/radio_off.png) no-repeat 0 0; -webkit-appearance:none; background-size:100%; cursor:pointer; margin:2px 5px 0 0; border:0; float:right;}
.selpuplist input[type="radio"]:checked {display:inline-block; width:20px; height:20px; vertical-align:top; background:url(../images/radio_on.png) no-repeat 0 0; background-size:100%; -webkit-appearance:none; cursor:pointer; margin:2px 5px 0 0; border:0;}

/* Menu slide */
.nbs-flexisel-container {position:relative;max-width:100%;}
.nbs-flexisel-ul {position:relative; width:99999px; margin:0px; padding:0px; list-style-type:none; text-align:center;  }
.nbs-flexisel-inner {position: relative; overflow: hidden; float:left; width:100%; }
.nbs-flexisel-item {float:left; margin:0px; padding:0px; cursor:pointer; position:relative; line-height:0px;}
.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right{padding:5px 10px; position: absolute; cursor: pointer; z-index: 4; top:25%;  }
.nbs-flexisel-nav-left {background:url(../images/arrow_left.png) no-repeat left; background-size:11px; height:8px; left:0;}
.nbs-flexisel-nav-right {background:url(../images/arrow_right.png) no-repeat right; background-size:11px; height:8px;right:0;}

@media only screen and (max-width:380px){
.mainNav ul li{width:24.5%;}
.loginBox .loginformBox img {width:11px;}
.inviteBox .codein input[type="text"]{width:63%;}
.inquiryBox .firstb .chos select{width:75%;}
.inquiryBox .firstb .phone input[type="text"]{width:75%;}
.location {font-size:12px;}
.location span img{width:74px;}
.searchselBox .selthree select{width:32.3%;}
}