@charset "utf-8";

/* --------------------------------------------
 * HanbitSoft Service Development Team
 * Hanbitsoft Mobile Platform Stylesheet
 * Author - shs0224@hanbitsoft.co.kr 20130514
----------------------------------------------- */

/* CSS Reset
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, img, strong, small, dl, dt, dd, ol, ul, li, fieldset, form, select, input, button, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure, figcaption{margin:0; padding:0; font-size:100%;}
img, fieldset, button{border:0;}
article, aside, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
body, input, button, textarea, select, table, kbd{line-height:1; font-family:"Malgun Gothic", "맑은 고딕", '돋움', dotum, Helvetica, sans-serif; font-size:12px; letter-spacing:-1px; color:#747474;}
input, button, select{font-weight:bold;}
html, body{width:100%; height:100%;}
body{-webkit-text-size-adjust:none;}
ol, ul{list-style:none;}
a{text-decoration:none; color:#747474;}
a:hover, a:focus, a:active{text-decoration:underline; color:#747474}
button, label{cursor:pointer;}
button::-moz-focus-inner, input::-moz-focus-inner{padding:0; border:0;}
input[type='text'], input[type='password'], input[type='submit'], input[type='search'], input[type='email']{-webkit-appearance:none; border-radius:0;}
input:checked[type='checkbox']{-webkit-appearance:checkbox;}
button ,input[type='button'], input[type='submit'], input[type='reset'], input[type='file']{-webkit-appearance:button; border-radius:0;}
table{border-collapse:collapse; border-spacing:0;}
caption, legend{width:0; height:0; font-size:0; line-height:0; text-indent:-9999px; visibility:hidden;}

/* Reserved Class
-------------------------------------------------------------- */
.irPm{display:block; overflow:hidden; font-size:0px; line-height:0; text-indent:-9999px;}
.irWa{display:block; overflow:hidden; position:relative; width:100%; height:100%; z-index:-1;}
.blind{width:1px; height:1px; font-size:0; line-height:0; position:absolute; top:0; left:-1000%; overflow:hidden;}
.show{display:block;}
.hide{display:none;}
.fL{float:left;}
.fR{float:right;}
.fClear{zoom:1;}
.fClear:after{clear:both; display:block; content:'';}

/* Styles

/* 헤더 */
#header{width:100%; height:38px; background:url(../images/bgHeader.gif) repeat-x; border-bottom:2px solid #ff0000; position:relative;}
/*#header, #header2{width:100%; position:fixed; left:0; top:0; z-index:100;}*/
#header h1{line-height:38px; font-size:16px; text-align:center; color:#fff;}
#header img{width:61px; height:11px; vertical-align:baseline;}
#header .btn{position:absolute; top:7px;}
#header .btnPrev{left:10px;}
#header .btnClose{right:10px;}
#header .btn button, #header .btn a{height:22px; line-height:22px; background:#383838; border:1px solid #191919; font-size:12px; font-weight:bold; color:#dadada; border-radius:3px; box-shadow:inset 0 0 3px #2c2c2c; box-sizing:content-box; padding:0 6px; display:inline-block;}
#header .btn a:hover{text-decoration:none;}

/* 메인 */

/* 약관 */
.terms{padding:20px;}
.terms ol li{margin:0 0 16px 0;}
.terms ol li h2{font-size:14px; color:#383838; margin:0 0 16px 0;}
.terms ol li p{line-height:22px; font-size:14px;}
.terms table{width:100%; margin:10px 0;}
.terms table th, .terms table td{font-size:14px; text-align:center; border:1px solid #383838; padding:10px 0;}
.terms table th{color:#383838;}
.terms table.type2 td{text-align:left; padding-left:10px;}
/* S : 2014-12-05 추가 */
.terms strong {color:#383838;}
.terms .notice {font-weight:normal;}
/* E : 2014-12-05 추가 */
.selTerms{border-top:1px solid #999; padding:26px 0;}
.selTerms .inner{position:relative;}
.selTerms label{width:90px; text-align:center; font-weight:bold; color:#747474; position:absolute; left:0; top:5px;}
.selTerms .select{margin-left:90px; margin-right:10px;}
.selTerms .select select{width:100%; height:27px; line-height:1.2; border:1px solid #cecece; background:#f4f4f4 url(../images/bgSel.gif) right 0 no-repeat; color:#383838; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; appearance:none; -webkit-appearance:none; -moz-appearance:none; display:block;}



/* GNB */
.gnb h2{height:38px; line-height:38px; background:#e1e1e1; border-top:1px solid #999; border-bottom:1px solid #999; font-size:16px; color:#383838; padding:0 20px;}
.gnb h2 .secession{width:40px; height:20px; line-height:20px; font-size:14px; text-align:center; text-decoration:none; color:#fff; background:#383838; margin:8px 0 0 0; overflow:hidden;}
.gnb ul li{height:38px; line-height:38px; border-bottom:1px solid #cbcbcb; font-size:14px; font-weight:bold;}
.gnb ul li a{background:url(../images/app/bulType1.gif) right 16px no-repeat; padding:0 20px; display:block;}
.gnb ul li span{width:172px; padding:0 15px 0 0; overflow:hidden; text-overflow:ellipsis; white-spce:no-wrap;}
.gnb ul li:last-child{border-bottom:0 none;}
.gnb ul li.ver{padding:0 20px;}
.gnb ul li.ver span{width:177px; float:left;}
.gnb ul li.ver strong{font-size:12px; float:right;}
.gnb ul.type2{border-top:1px solid #999;}
.gnb ul.type2 li{height:38px; line-height:38px; background:#e1e1e1; border-bottom:1px solid #999; font-size:16px;}
.gnb ul.type2 li a{color:#383838; background:url(../images/app/bulType6.gif) right 16px no-repeat; background-size:25px 7px;}
.gnb dl{line-height:14px; font-weight:bold; border-bottom:1px solid #cbcbcb; padding:11px 0 0 20px;}
.gnb dl:after{clear:both; display:block; content:'';}
.gnb dl dt{width:53px; margin:0 0 11px 0; float:left;}
.gnb dl dd{margin:0 0 11px 0;}
.gnb dl.etc{border-bottom:0 none;}
.gnb dl.etc dt{width:auto;}


/* 멤버쉽 */
.fixHeader #container{padding:0 0 0 0;}
.membership #header2 ul{border-top:2px solid #ff0000;}
.membership #header2 li{width:50%; float:left;}
.membership #header2 li a{height:40px; line-height:40px; font-size:16px; text-align:center; font-weight:bold; text-decoration:none; color:#c3c3c3; border-left:1px solid #626262; background:#464646; display:block;}
.membership #header2 li.on a{color:#000; background:#fff; border-left:0 none;}
.membership #header2 .single{height:39px; border-bottom:1px solid #ccc; position:relative; }
.membership #header2 .single li{border:1px solid #ccc; border-top:0 none; border-bottom:0 none; position:absolute; left:0; top:0;}
.membership input.input1{width:100%; height:30px; background:#f6f6f6; font-size:14px; text-indent:8px; color:#383838; border:1px solid #d8d8d8; border-radius:5px; -webkit-box-shadow: inset 0px 1px #ebebeb; -moz-box-shadow: inset 0px 1px #ebebeb; box-shadow: inset 0px 1px #ebebeb; display:block;}
.membership input.input1::-webkit-input-placeholder{color:#aeaeae;}
.membership input.input1:-moz-placeholder{color:#aeaeae;}
.membership input.input1::-moz-placeholder{color:#aeaeae;}
.membership input.input1:-ms-input-placeholder{color:#aeaeae;}
.membership strong.error{font-size:13px; color:#d30000 !important; display:block;}
.membership .btn{text-align:center;}
.membership .btn button{margin-right:3px;}
.membership .btn button:last-child{margin-right:0;}
.membership .btn .google{width:99px; height:33px; background:url(../images/app/btnGoogle.png) no-repeat; background-size:99px 33px; text-indent:-9999px; vertical-align:top; margin:1px 0 0 0;}
.membership .btn1{height:34px; font-size:14px; font-weight:bold; color:#fff; background:#d30000; border:0; padding:0 24px;}
.membership .btn1-1{width:100px; padding:0;}
.membership .btn1-2{width:90px; padding:0;}
/*S:2015-06-24 추가*/
.membership .btn1-3{background:#383838}
/*E:2015-06-24 추가*/
.membership .btn2{height:29px; font-size:13px; font-weight:bold; color:#e1e1e1; background:#383838; padding:0 14px;}
.membership .btn2-1{height:34px; font-size:14px;}
.membership .btn2-2{width:100px; height:34px; padding:0;}
.membership .btn2-3{width:78px; height:74px; font-size:15px; color:#fff; padding:0; border-radius:3px; border:0;}
.membership .txt{font-size:13px; font-weight:bold;}
.membership .txt1{color:#999; padding:0 20px;}
.membership .txt a, .membership .txt1 a, .membership .txt3 a{text-decoration:underline; color:#d30000;}
.membership .txt2{line-height:24px; font-size:16px; text-align:center; color:#383838; border-bottom:1px solid #999; margin:0 0 15px 0; padding:43px 0 54px;}
.membership .txt3{line-height:16px; font-size:13px; font-weight:bold; color:#999; border-bottom:1px solid #cbcbcb; margin:0 0 5px 0; padding:10px 0 15px 20px;}
.membership .txt3 strong{color:#4d4d4d;}
/* 2014-11-11 */
.membership .txt4{line-height:16px; font-size:14px; font-weight:bold; color:#595959; border-bottom:1px solid #cbcbcb; margin:0 0 15px 0; padding:20px;}
.membership .complete{line-height:23px; background:#f6f6f6; font-size:16px; text-align:center; font-weight:bold; color:#383838; border-bottom:1px solid #999; margin:0 0 15px 0; padding:56px 0 77px;}
.membership .complete span{font-size:25px;  color:#d30000; margin:0 0 17px 0; display:block;}
.membership .complete strong{text-decoration:underline;}
.membership .tab li{width:50%; float:left;}
.membership .tab li a{width:100%; height:39px; line-height:39px; font-size:16px; text-align:center; font-weight:bold; text-decoration:none; color:#848484; background:#f6f6f6; border-bottom:1px solid #e2e2e2; float:left; box-sizing:border-box; overflow:hidden;}
.membership .tab li.on a{color:#565656; background:#fff; border:1px solid #e2e2e2; border-bottom:1px solid #fff;}
.membership .joinForm{padding:10px 0;}
.membership .joinForm .table{padding:0 20px;}
.membership .joinForm table{width:100%;}
.membership .joinForm table th{font-size:16px; text-align:left; color:#383838; vertical-align:top; padding:17px 0 0 0;}
.membership .joinForm table td{padding:10px 0;}
.membership .joinForm table td .error{margin:0 0 -10px 0; padding:8px 0 0 0; display:block;}
.membership .joinForm .chkAgree{background:#f6f6f6; border-top:1px solid #cbcbcb; border-bottom:1px solid #999; margin:20px 0 0 0; padding:10px 20px;}
.membership .joinForm .chkAgree input{vertical-align:middle;}
.membership .joinForm .chkAgree label{font-size:14px; font-weight:bold; color:#999; vertical-align:middle;}
.membership .joinForm .chkAgree label a{text-decoration:underline; color:#272727;}
.membership .joinForm .chkAgree .error{padding:8px 0 5px 17px;}
.membership .joinForm .chkAgree .notes{color:#999; padding:8px 0 0 0; display:block;}
.membership .joinForm .btn{height:34px; padding:15px 20px 0 20px; position:relative;}
.membership .joinForm .btn1{position:absolute; left:50%; top:15px; margin-left:-50px;}
.membership .joinForm .btn3{font-size:13px; text-decoration:underline; color:#585858; background:none; margin:19px 0 0 0; float:right;}
.membership .joinForm .notes{font-size:13px; font-weight:bold; padding:0 20px;}
.membership .joinForm .notes a{text-align:center; display:block; margin:15px 0 25px;}
.membership .joinForm .notes a strong{text-decoration:underline;}
.membership .joinForm .notes li{color:#999; margin:0 0 15px 0; list-style:square; list-style-position:inside;}
.membership .joinForm .notes li.type2{color:#464646;}
.membership .findForm{margin:0 0 15px 0;}
.membership .findForm .top{border-bottom:1px solid #cbcbcb; margin:0 0 15px 0; padding:20px;}
.membership .findForm .top .input{margin:0 0 17px 0; position:relative;}
.membership .findForm .top .input span{display:block;}
.membership .findForm .top .input button{position:absolute; right:0; top:0;}
.membership .findForm .btm{background:#f6f6f6; border-bottom:1px solid #999; margin:0 0 15px 0; padding:17px 20px;}
.membership .findForm .txt{line-height:20px; font-size:13px; color:#7a7979;}
/* // 2014-11-11 */
.membership .findForm .txt strong{color:#2c2c2c;}
.membership .findForm .txt strong.error{padding:15px 0 22px;}
.membership .editForm .tab{padding:10px 10px 0 10px;}
.membership .editForm .input{border-bottom:1px solid #999; margin:0 0 15px 0; padding:20px 20px 78px 20px;}
.membership .editForm .input .input1{margin:0 0 10px 0;}
.membership .editForm .input .error{margin:-2px 0 9px;}
.membership.trans #header{border-bottom:0 none;}
.membership .transfer{background:#c2c2c2; border:1px solid #e9e9e9; position:relative;}
.membership .transfer .bg{width:37px; height:18px; background:#c2c2c2; border:1px solid #e9e9e9; border-bottom:0 none; margin-left:-18px; position:absolute; left:50%; top:-19px;}
.membership .transfer .bg span{width:16px; height:10px; background:url(../images/app/bgTrans.png) no-repeat; background-size:16px 10px; margin:5px 0 0 11px; display:block;}
.membership .transfer .txt{line-height:21px; font-size:14px; text-align:center; color:#383838;}
.membership .transfer .case{height:270px;}
.membership .transfer .case1 .txt{padding:67px 0 45px 0;}
.membership .transfer .case2 .txt{padding:101px 0 18px 0;}
.membership .transfer .case3 .txt{padding:91px 0 17px 0;}
.membership .transfer .case4 .txt{padding:85px 0 27px 0;}
.membership .transfer .case input, .transfer .case label{vertical-align:middle;}
.membership .transfer .case label{line-height:15px;}
.membership .login{border-bottom:1px solid #999; margin:0 0 15px 0; padding:10px 0 15px;}
.membership .login .inner{padding:0 20px;}
.membership .login .type{margin:0 0 15px 0; padding:10px 0;}
.membership .login .type input[type='radio']{width:25px; height:25px; margin:0 4px 0 0; float:left; opacity:0;}
.membership .login .type input[type='radio'] + label{height:25px; line-height:25px; background:url(../images/app/bgRadio.gif) left top no-repeat; background-size:25px 25px; font-size:15px; font-weight:bold; margin:0 0 0 -30px; padding:0 0 0 30px; float:left;}
.membership .login .type input[type='radio']:checked + label{background:url(../images/app/bgRadio_sel.gif) left top no-repeat; background-size:25px 25px;}
.membership .login .type input[type='radio'] + label:first-of-type{margin-right:25px;}
.membership .login .input{margin:0 0 15px 0; position:relative;}
.membership .login .input .idpw{margin-right:87px;}
.membership .login .input .idpw .input1:first-child{margin-bottom:10px;}
.membership .login .input .btnLogin{position:absolute; right:0; bottom:0;}
.membership .login .guest{margin:0 0 14px 0;}
.membership .login .guest a{font-size:13px; font-weight:bold; color:#999; text-decoration:underline;}
.membership .login .tab{margin:0 0 22px 0;}
.membership .transArea .tab{height:39px; border-bottom:1px solid #e2e2e2; margin:0 0 10px 0; position:relative;}
.membership .transArea .tab li{width:40%; position:absolute; left:0; top:1px;}
.membership div.error{text-align:center; padding:50px 0 0 0;}
.membership .error .inner{height:128px; background:url(../images/app/imgError.png) no-repeat; background-size:117px 128px; display:inline-block;}
.membership .error .inner p{line-height:16px; font-size:14px; text-align:left; color:#5f5f5f; padding:62px 0 0 87px;}
.membership .error .inner p strong{font-weight:normal; color:#d70000;}

/* 푸터 */
#footer{text-align:center; color:#666; padding:100px 0 0 0; position:relative;}
/* 2014-11-11 */
#footer .btnTop{position:fixed; right:20px; bottom:20px; display:none;}
/* // 2014-11-11 */
#footer .btnTop a{width:40px; height:18px; line-height:18px; font-size:11px; text-align:left; text-indent:14px; text-decoration:none; color:#666; background:url(../images/app/bulType5.gif) 4px 7px no-repeat; background-size:7px 4px; border:1px solid #dbdbdb; display:block;}
#footer .innerWrap{background:#f4f4f4; border-top:1px solid #dbdbdb; padding:20px 0 30px; clear:both;}
#footer .menu{margin:0 0 12px 0;}
#footer .menu li{font-size:13px; border-right:1px solid #666; margin:0 6px 0 0; padding:0 6px 0 0; display:inline-block;}
#footer .menu li:last-child{margin-right:0; padding-right:0; border-right:0 none;}
#footer .copy{font-size:11px;}

pre {
    white-space: pre-wrap; /* 줄바꿈 활성화 */
    word-wrap: break-word; /* 단어가 너무 길면 강제 줄바꿈 */
    overflow-wrap: break-word; /* 긴 단어도 줄바꿈 */
    line-height: 1.5;
    font-size: 15px;
}