.slide-page { display: none; }

/* a{
    font-family:'Nanum Barun Gothic';
} */
body{
    background: #eeeeee;
}
body[data-scroll="disable"] { overflow: hidden; }


.wrap { min-width: 320px; height:100%; }

.container10 { padding: 0 10px; }
.container { padding: 0 15px; }

.clearfix:after { content: ''; display: table; clear: both; }

.nbg { font-family: 'Nanum Barun Gothic'; letter-spacing: -0.05em; }

.blind{
    overflow: hidden;
    display: block;
    position: absolute;
    top: -99999px;
    left: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
}


.float:after { content: ''; display: block; clear: both; }
.float .f-left { float: left; }
.float .f-right { float: right; }


.pv0 { padding-top: 0px !important; padding-bottom: 0px !important; }
.pv15 { padding-top: 15px !important; padding-bottom: 15px !important; }
.pv20 { padding-top: 20px !important; padding-bottom: 20px !important; }
.pv25 { padding-top: 25px !important; padding-bottom: 25px !important; }

.mv0 { margin-top: 0px !important; margin-bottom: 0px !important; }
.mv10 { margin-top: 10px !important; margin-bottom: 10px !important; }
.mv15 { margin-top: 15px !important; margin-bottom: 15px !important; }
.mv20 { margin-top: 20px !important; margin-bottom: 20px !important; }
.mv25 { margin-top: 25px !important; margin-bottom: 25px !important; }


/*
    Font
*/
.fz11 { font-size: 11px; }
.fz12 { font-size: 12px; }
.fz13 { font-size: 13px; }
.fz14 { font-size: 14px; }
.fz15 { font-size: 15px; }
.fz16 { font-size: 16px; }
.fz17 { font-size: 17px; }
.fz18 { font-size: 18px; }

.ca { color: #aaa; }
.c3 { color: #333; }
.c5 { color: #555; }
.c7 { color: #777; }
.c8 { color: #777; }
.c-point { color: #da281f; }
.c-b { color: #926d49; }

.lh14 { line-height:14px; }
.lh16 { line-height:16px; }
.lh18 { line-height:18px; }
.lh20 { line-height:20px; }
.lh22 { line-height:22px; }

.tal { text-align:left;}
.tar { text-align:right;}
.tac { text-align:center;}

.w-normal { font-weight: normal; }



/* List Style */
.ul { list-style: disc; }
.ul li:last-child { padding-bottom: 0; }
.ul-square { list-style: square; }
.ul-square-type { list-style: square; margin-left: 4px; padding-left: 12px; }
.ul-square-type li { list-style: square; }








/*
    table
*/
.table { display: table; width: 100%; }
.tr { display: table-row; }
.th, .td { display: table-cell; vertical-align: middle; }


/*
    Form
*/
.disabled { color: #888; background: #f5f5f5; }


/* 선택 탭 */
.select-tab:after { content: ''; display: block; clear: both; }
.t-item2 li { width: 50%; }
.t-item3 li { width: 33.33333%; }
.t-item4 li { width: 25%; }
.t-item5 li { width: 20%; }
.select-tab li { float: left; position: relative; }
.select-tab li label{ display: block; position: relative; width: 100%; height: 100%; }
.select-tab li label span{
    display: block;
    position: relative;
    top: 0;
    left: 0;
    margin-bottom: -1px;
    margin-right: -1px;
    height: 44px;
    line-height: 44px;
    font-family:'Nanum Barun Gothic';
    letter-spacing: -0.05em;
    text-align: center;
    font-size: 14px;
    color: #888888;
    font-weight: bold;
    background: #f5f5f5;
    border: 1px solid #cccccc;
    z-index: 1;
}
.select-tab li label input{ position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; }
.select-tab li label input:checked + span{ color: #da281f; background: #fff; border: 1px solid #da281f; z-index: 2; }



/* ------- checkbox ------- */
.checkbox{ display: inline-block; position: relative; height: 22px; line-height: 22px; }
.check-right{ padding-right: 33px; }
.check-left{ padding-left: 33px; }
.check-left-1{ padding-left: 28px; padding-top:2px; }

.checkbox input[type="checkbox"] { position: absolute; top: 0; opacity: 0; }
.check-right input[type="checkbox"] { right: 0; }
.check-left input[type="checkbox"] { left: 0; }

.checkbox .chk{
    display: block;
    position: absolute;
    top: 0;
    width: 22px;
    height: 22px;
    background: url('/webPub/sc_2018_mobile/images/common/check.png') no-repeat center / auto 22px;
}
.check-left .chk { left: 0; }
.check-left-1 .chk { left: 0; }
.check-right .chk { right: 0; }

.checkbox .chk-disabled{ background: url('/webPub/sc_2018_mobile/images/common/checkbox-disabled.png') no-repeat center / auto 22px;}
label.checkbox span{
    line-height: 20px;
    font-size: 15px;
    font-weight: bold;
    font-family: 'NanumSquare';
    letter-spacing: -0.04em;
    color: #333;
}
.checkbox input[type=checkbox]:checked ~ .chk{
    background: url('/webPub/sc_2018_mobile/images/common/checked.png') no-repeat center / auto 22px;
}

.agree-row .check-option-list { margin-top: -10px; }
.check-option-list label.checkbox span{
    display: inline-block;
    vertical-align: 2px;
    font-size: 13px;
    color: #777777;
}
.check-option-list .checkbox .chk{
    display: block;
    position: absolute;
    top: 0;
    width: 20px;
    height: 20px;
    background: url('/webPub/sc_2018_mobile/images/common/check-option.png') no-repeat center / auto 20px;
}
.check-option-list .checkbox input[type=checkbox]:checked ~ .chk{
    background: url('/webPub/sc_2018_mobile/images/common/checked-option.png') no-repeat center / auto 20px;
}


/* ------- checkbox 2 ------- */
.checkbox2{ display: inline-block; position: relative; height: 22px; float:right; }
.check-right{ padding-right: 33px; }
.check-left{ padding-left: 33px; }
.check-left-1{ padding-left: 28px; padding-top:2px; }

.checkbox2 input[type="checkbox"] { position: absolute; top: 0; opacity: 0; }
.check-right input[type="checkbox"] { right: 0; }
.check-left input[type="checkbox"] { left: 0; }

.checkbox2 .chk{
    display: block;
    position: absolute;
    top: 0;
    width: 22px;
    height: 22px;
    background: url('/webPub/sc_2018_mobile/images/common/check.png') no-repeat center / auto 22px;
}
.check-left .chk { left: 0; }
.check-left-1 .chk { left: 0; }
.check-right .chk { right: 0; }

.checkbox2 .chk-disabled{ background: url('/webPub/sc_2018_mobile/images/common/checkbox-disabled.png') no-repeat center / auto 22px;}
label.checkbox span{
    line-height: 20px;
    font-size: 15px;
    font-weight: bold;
    font-family: 'NanumSquare';
    letter-spacing: -0.04em;
    color: #333;
}
.checkbox2 input[type=checkbox]:checked ~ .chk{
    background: url('/webPub/sc_2018_mobile/images/common/checked.png') no-repeat center / auto 22px;
}

.checkbox-another input[type=checkbox]:checked ~ .chk{
    background: url('/webPub/sc_2018_mobile/images/login/check2.png') no-repeat center / auto 22px;
}

.agree-row .check-option-list { margin-top: -10px; }
.check-option-list label.checkbox span{
    font-size: 13px;
    color: #777777;
}
.check-option-list .checkbox .chk{
    display: block;
    position: absolute;
    top: 0;
    width: 20px;
    height: 20px;
    background: url('/webPub/sc_2018_mobile/images/common/check-option.png') no-repeat center / auto 20px;
}
.check-option-list .checkbox input[type=checkbox]:checked ~ .chk{
    background: url('/webPub/sc_2018_mobile/images/common/checked-option.png') no-repeat center / auto 20px;
}

/*
.checkbox-another .chk{
    display: block;
    position: absolute;
    top: 0;
    width: 22px;
    height: 22px;
    background: url('/webPub/sc_2018_mobile/images/login/check2.png') no-repeat center / auto 22px;
}
*/

/* ------- Select -------*/
.select { position: relative; }
.select-bor { position: relative; border: 1px solid #e5e5e5; }
.select:after,
.select-bor:after{
    content: '';
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    margin: auto;
    width: 14px;
    height: 7px;
    background: url('/webPub/sc_2018_mobile/images/common/select.png') no-repeat center / 14px auto;
    pointer-events: none;
}
.select select,
.select-bor select { padding-right: 35px; width: 100%; height: inherit; }

select::-ms-expand { display: none; }
input[type=text]::-ms-clear { display:none; }
input[type=text]:-ms-clear { display:none; }
select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  border: none;
  width: inherit;
  height: inherit;
  z-index: 2;
  background: transparent;
}






/* Box Layout */
.box-area { padding: 0 20px; }
.box-area2 { padding: 0 10px; }
.box{
    margin-bottom: 10px;
    padding-bottom: 25px;
    background: #fff;
    border-bottom: 1px solid #dddddd;
}
.boxn{
    margin-bottom: 10px;
    padding-bottom: 25px;
    background: #fff;
}
.box2{
    margin-bottom: 10px;
    background: #fff;
    border-bottom: 1px solid #dddddd;
}
.box3{
    background: #fff;
    border-bottom: 1px solid #dddddd;
}
.gray-box{
    margin-bottom: 10px;
    padding-bottom: 25px;
    background: #fafafa;
    border-bottom: 1px solid #dddddd;
}
.layer{
    margin-top: 20px;
    padding-bottom: 20px;
}
.layer2 { }
.layer3 { margin-top: 15px; }
.bottom-box{
    padding-bottom: 25px;
    background: #fff;
}





/* 휴대폰 번호 */
.input-phone{
    position: relative;
    margin-bottom: 0px;
    width: 100%;
    height: 50px;
    border: 1px solid #dddddd;
    font-size: 0;
}
.input-phone:after{
    content: '';
    position: absolute;
    top: 0;
    left: 31%;
    bottom: 0;
    margin: auto;
    width: 1px;
    height: 27px;
    background: #e5e5e5;
}
.input-phone .select{
    float: left;
    position: relative;
    width: 31%;
    height: 48px;
}
.input-phone input{
    float: left;
    margin-left: 1px;
    padding-left: 20px;
    width: 68%;
    height: 48px;
    border: none;
}
.input-phone select { border: none; }


/* 이메일, 영문 이름 */
.input-email,
.input-eng { border: 1px solid #e5e5e5; }

.input-email:after,
.input-eng:after { content: ''; display: block; clear: both; }

.input-email .email1 { float: left; width: 55%; height: 44px; }
.input-email .email2 { float: left; width: 5%; height: 44px; line-height: 44px; }
.input-email .email3 { float: left; width: 40%; height: 44px; }
.input-email input,
.input-email select { border: none; }
.input-email .email3 .select { width: 100%; height: inherit; }
.input-email .email3 select { padding-right: 35px; width: 100%; }
.disabled input,
.disabled select { color: #888; background: #f5f5f5; }

.input-eng .eng1,
.input-eng .eng2  { float: left; width: 50%; border: none; }


/* 주소 */
.input-address:after { content: ''; display: block; clear: both; }
.input-address .address1 { float: left; padding-right: 5px; width: 58.6%; }
.input-address .address2 { float: left; width: 41.4%; }
.input-address .address3 { float: left; margin-top: 5px; width: 100%; }
.input-address .address2 button { width: 100%; height: 44px; }
.row .address_p{margin:5px 0 15px; font-size: 12px; color: #555555;}


/* 주민등록 */
.issuance-indentify { display: none; margin-top: 14px; border-top: 1px solid #e5e5e5; }
.input-rrn:after { content: ''; display: block; clear: both; }
.rrn-left { float: left; width: 74%; border: 1px solid #dddddd; }
.rrn-right { float: left; width: 26%; }
.rrn-left:after { content: ''; display: block; clear: both; }
.rrn1 { float: left; width: 47.6%; }
.rrn2 { float: left; width: 3.4%; line-height: 44px; }
.rrn3 { float: left; width: 49%; }
.rrn1 input,
.rrn3 input { border: none; }
.rrn-right { padding-left: 5px; }
.rrn-right button { width: 100%; height: 46px; }
.input-rrn p { float: left; margin-top: 15px; line-height: 16px; font-size: 14px; color: #aaa; }
.rrn-info-wrap { margin-top: 20px; }
.rrn-info-wrap span { float: left; }
.rrn-info-wrap span:first-child { display: inline-block; vertical-align: middle; margin-right: 12px; padding-right: 12px; font-size: 15px; font-weight: bold; color: #777777; border-right: 1px solid #e5e5e5; }

/* 약관 동의 */
.agree-list-wrap .checkbox { width: 22px; }
.agree-all button i { display: inline-block; margin-left: 10px; width: 20px; height: 10px; }
.agree-all button[aria-pressed="false"] { /*background: url('/webPub/sc_2018_mobile/images/support/agree-arrow.png') no-repeat center / 20px auto; 210112 주석*/ background: url('/webPub/sc_2018_mobile/images/support/agree-on-arrow.png') no-repeat center / 20px auto;}
.agree-all button[aria-pressed="true"] { background: url('/webPub/sc_2018_mobile/images/support/agree-on-arrow.png') no-repeat center / 20px auto; }
.agree-list-wrap span { font-family: 'Nanum Barun Gothic'; letter-spacing: -0.05em; font-size: 14px; color: #555555; }
.agree-detail { /*210112 주석 display: block; */display: block; margin-top: 10px; padding-top: 25px; border-top: 1px solid #e5e5e5; }
.agree-row { padding-bottom: 16px; }
.agree-row:last-child { padding-bottom: 0; }
.agree-row a { display: inline-block; vertical-align: middle; position: relative; margin-left: 8px; font-family: 'Nanum Barun Gothic'; letter-spacing: -0.05em; font-size: 13px; color: #777777; }
.agree-row a:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #777; }
.check-option-list { position: relative; padding-left: 20px; }
.check-option-list:after {
    content: '';
    position: absolute;
    top: 0; left: 0;
    margin: auto;
    width: 10px; height: 10px;
    background: url('/webPub/sc_2018_mobile/images/support/check-option-icon.png') no-repeat center / 10px auto;
}
.check-option-list .checkbox { margin-right: 18px; width: auto; }



/* Button */
.btn-group { margin-top: 14px; }
.btn-group2 { margin-top: 10px; }

.btn { width: 100%; height: 46px; line-height: 47px; text-align: center; font-size: 17px; font-weight: bold; cursor:pointer; }
.btn2 { height: 46px; line-height: 46px; text-align: center; font-size: 18px; font-weight: bold; cursor:pointer; }
.btn3 { width: 100%; height: 46px; line-height: 46px; text-align: center; font-size: 14px; font-weight: bold; cursor:pointer; font-family: 'Nanum Barun Gothic';}
.btn4 { height: 46px; line-height: 46px; text-align: center; font-size: 15px; font-weight: bold; cursor:pointer; }
.btn5 { width: 100%; height: 46px; line-height: 47px; text-align: center; font-size: 17px; font-weight: bold; cursor:pointer; }
.btn40 { display: inline-block; vertical-align: middle; height: 40px; line-height: 40px; text-align: center; font-size: 13px; color: #333333; font-weight: bold; font-family: 'NanumSquare'; letter-spacing: -0.04em; }
.btn44 { display: inline-block; vertical-align: middle; height: 44px; line-height: 44px; text-align: center; font-size: 13px; color: #333333; font-weight: bold; font-family: 'NanumSquare'; letter-spacing: -0.04em; }
.btn span { display: inline-block; vertical-align: middle; }
.btn i { display: inline-block; vertical-align: middle; margin-left: 14px; width: 7px; height: 14px; background: url('/webPub/sc_2018_mobile/images/common/btn-arrow.png') no-repeat center / auto 14px; }

.btn-a i { display: inline-block; vertical-align: middle; margin-left: 14px; width: 6px; height: 11.5px; background: url('/webPub/sc_2018_mobile/images/common/btn-a.png') no-repeat center / 6px auto; }
.btn-s i { display: inline-block; vertical-align: middle; margin-left: 10px; width: 6px; height: 11.5px; background: url('/webPub/sc_2018_mobile/images/common/btn-a.png') no-repeat center / 6px auto; }
.btn-m { display: inline-block; padding-right:25px; vertical-align: middle;  background: url('/webPub/sc_2018_mobile/images/main/btn-arrow2.png') no-repeat right / 7px auto; }

.btn-border { background: #fff; border: 1px solid #cccccc; }

.btn-point { color: #fff; background: #da281f; }
.btn-cert { color: #fff; background: #7a6654; }
.btn-b { color: #fff; background: #7a6654; }


.btn-ide{
    position: relative;
    padding-left: 44px;
    width: 100%;
    height: 50px;
    text-align: center;
    font-family: 'Nanum Barun Gothic';
    letter-spacing: -0.05em;
    font-size: 14px;
    font-weight: bold;
    color: #666666;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
}
.btn-ide:before{
    content: '';
    position: absolute;
    top: 0;
    left: 45px;
    width: 1px;
    height: 100%;
    background: #f8f8f8;
}
.btn-ide:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 44px;
    height: 44px;
    border-right: 1px solid #e5e5e5;
}
.btn-support{color: #fff; background: #61564b; border-color: #4f453b;}
.btn-support:before { background: rgba(255,255,255,.3); }
.btn-support:after { background: url('/webPub/sc_2018_mobile/images/support/login.png') no-repeat center / 50% auto; border-right-color: #574d43; }
.btn-support-type02{padding-left:0; height:44px; color: #898987; background: #f5f5f5; border-color: #cccccc;}
.btn-support-type02:before { width:0; }
.btn-support-type02:after { width:0; border-right:none;}

.btn-naver-login:after { background: url('/webPub/sc_2018_mobile/images/support/n.png') no-repeat center / 50% auto; }
.btn-phone:after { background: url('/webPub/sc_2018_mobile/images/support/phone.png') no-repeat center / 50% auto; }
.btn-rate14:after { background: url('/webPub/sc_2018_mobile/images/support/rate14.png') no-repeat center / 50% auto; }

.btn-over14{padding-right:40px; width:100%; height:44px; color: #da281f; background: #fff; border-color: #da281f;}
.btn-over14:before {width:0}
.btn-over14:after {height:42px; background: url('/webPub/sc_2018_mobile/images/support/mo_over14.png') no-repeat center / 26px auto; border-right-color: #f8d4d2;}

.btn-under14{height:44px;}
.i-login .btn-under14{padding-right:40px;}
.btn-under14:after {height:42px; background: url('/webPub/sc_2018_mobile/images/support/mo_under14.png') no-repeat center / 26px auto; }

.btn-anonymous{padding-left:0; height:44px;}
.btn-anonymous:before {width:0}
.btn-anonymous:after {background:none; width: 0; border-right: 0;}

/* ------- radio ------- */
.radio{
    position: relative;
    padding-left: 30px;
	/* padding-top: 3px; */
    height: 20px;
}
.radio input[type=radio]{
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    opacity: 0;
}
.radio .chk{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    /* background: url('/webPub/sc_2018/images/member/radio.png') no-repeat; */
	background: url('/webPub/sc_2018_mobile/images/member/radio.png') no-repeat;
	background-size:100%;
}
.radio input[type=radio]:checked ~ .chk{
    /* background: url('/webPub/sc_2018/images/member/radio_checked.png') no-repeat; */
	background: url('/webPub/sc_2018_mobile/images/member/radio_checked.png') no-repeat;
	background-size:100%;
}
.radio span { font-size: 15px; color: #333333; }








/*
    Header
*/
#header{
    position: relative;
    background: #fff;
    box-shadow: 0px 3px 9px 0px rgba(0,0,0,.07);
}
.logo{
    position: relative;
}
.logo a{
    display: block;
    padding: 0 5px 0 15px;
    width: 155px;
    height: 55px;
    background: url('/webPub/sc_2018_mobile/images/logo/logo.png') no-repeat left 15px center / 140px auto;
}
.logo a span{
    overflow: hidden;
    display: block;
    text-indent: 101%;
    white-space: nowrap;
}

/* ---- top support & menu ---- */
.mts { position:absolute; right:60px; top:0; padding:18px 12px 15px; }
.mts a { font-size:14px; color:#151515; font-family: 'Nanum Barun Gothic'; font-weight:bold; }

.gnb-menu { position:absolute; right:0; top:0;  z-index:9; border-left:1px solid #e5e5e5;}
.gnb-menu a { display:block; height:55px;width:55px;}
.gnb-menu a { background:url('/webPub/sc_2018_mobile/images/common/ico-menu.png') no-repeat center / 55px auto; }

ul,ol,li {list-style:none;}

/* ------- Sticky Header ------- */
.sticky-header{
    position: fixed;
    top: 0;
    left: 0;
    transform: translateY(-50px);
    padding: 0 40px;
    width: 100%;
    text-align: center;
    background: #fff;
    z-index: 99999;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,.1);
    -webkit-transition: ease-out .5s;
    -o-transition: ease-out .5s;
    transition: ease-out .5s;
}
.sticky-left{
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
}
.sticky-right{
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
}
.btn-prev-page{
    display: block;
    height: 100%;
    background: url('/webPub/sc_2018_mobile/images/common/btn-prev-page.png') no-repeat center / auto 11px;
}
.btn-home{
    display: block;
    height: 100%;
    background: url('/webPub/sc_2018_mobile/images/common/btn-home.png') no-repeat center / auto 16px;
}
.sticky-center span{
    display: inline-block;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #333333;
}
.sticky-header[data-sticky="off"] { transform: translateY(-50px); }
.sticky-header[data-sticky="on"] { transform: translateY(0px); }
.btn-menu{
    display: block;
    height: 100%;
    background: url('/webPub/sc_2018_mobile/images/common/btn-menu.png') no-repeat center / 16px 14px;
}


/*
    Footer
*/
#footer{
    background: #fff;
}
.sns-link-wrap{
    padding: 10px 0;
    text-align: center;
}
.sns-link-wrap a{
    display: inline-block;
    vertical-align: top;
    margin: 0 5.5px;
}
.menu-link-wrap{
    border-top: 1px solid #e5e5e5;
}
.menu-link-list li{
    float: left;
    width: 33.33333%;
    height: 42px;
    line-height: 42px;
    text-align: center;
    border-right: 1px solid #e5e5e5;
}
.menu-link-list li:last-child{
    border-right: none;
}
.menu-link-list li a{
    display: block;
    font-size: 13px;
    color: #333333;
    font-family: 'Nanum Barun Gothic';
    letter-spacing: -0.05em;
}
.bottom-info-wrap{
    border-top: 1px solid #e5e5e5;
    text-align: center;
}
.f-link-list{
    padding-top: 20px;
    font-size: 0;
}
.f-link-list li{
    display: inline-block;
    vertical-align: top;
}
.f-link-list li:last-child a{
    border-right: none;
}
.f-link-list li a{
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
    font-family: 'Nanum Barun Gothic';
    letter-spacing: -0.05em;
    font-size: 13px;
    color: #555555;
}
.f-link-list li a:after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 1px;
    height: 12px;
    background: #e5e5e5;
}
.f-link-list li:last-child a:after { content: none; }
.f-info{
    padding-top: 14px;
}
.f-info li{
    display: inline-block;
    vertical-align: top;
    padding: 0 3.5px;
    line-height: 21px;
    font-family: 'Nanum Barun Gothic';
    letter-spacing: -0.05em;
    font-size: 10px;
    color: #777777;
}
.f-info li.d-block { display: block; }
.copyright{
    padding: 13px 0 20px;
    font-family: 'Nanum Barun Gothic';
    letter-spacing: -0.03em;
    font-size: 11px;
    color: #aaaaaa;
}
.sns-i { display: inline-block; vertical-align: top; width: 33px; height: 33px; background-size: 33px auto; }
.sns1 { background-image: url('/webPub/sc_2018_mobile/images/common/sns1.png'); }
.sns2 { background-image: url('/webPub/sc_2018_mobile/images/common/sns2.png'); }
.sns3 { background-image: url('/webPub/sc_2018_mobile/images/common/sns3.png'); }
.sns4 { background-image: url('/webPub/sc_2018_mobile/images/common/sns4.png'); }






/* underline 탭 링크  */
.tab-cat li { float: left; }
.tab-cat:after { content: ''; display: block; clear: both; }
.t-cat1 li { width: 100%; }
.t-cat2 li { width: 50%; }
.t-cat3 li { width: 33.33333%; }
.t-cat4 li { width: 25%; }
.t-cat5 li { width: 20%; }
.tab-cat li a { display: block; height: 48px; line-height: 48px; text-align: center; font-family: 'NanumSquare'; font-size: 16px; font-weight: bold; color: #777777; border-bottom: 1px solid #e5e5e5; }
.tab-cat li.on a { color: #da281f; border-bottom: 2px solid #da281f; }


/* brown button 탭 링크  */
.tab-btn li { overflow: hidden; float: left; }
.tab-btn:after { content: ''; display: block; clear: both; }
.t-btn1 li { width: 100%; }
.t-btn2 li { width: 50%; }
.t-btn3 li { width: 33.33333%; }
.t-btn4 li { width: 25%; }
.t-btn5 li { width: 20%; }
.tab-btn li button { display: block; position: relative; /*margin-left: -1px;*/ width: 100%; height: 46px; text-align: center; font-size: 14px; font-weight: bold; }
.tab-btn li button[aria-pressed="false"] { color: #555555; background: #fff; border: 1px solid #e5e5e5; z-index: 1; }
.tab-btn li button[aria-pressed="true"] { height: 44px; color: #fff; background: #926d49; border: 1px solid #926d49; z-index: 2; box-sizing: content-box; }



/* Pager */

.pager { position: relative; margin: auto; padding: 0 69px; width: 100%; font-size: 0; }
.pager tr { text-align: center; font-size: 0; }
.pager tr td { width: 30px; height: 33px; line-height: 33px; text-align: center; }
.pager tr td a,
.pager tr td button { display: block; width: 100%; height: inherit; line-height: 36px; font-family: 'Nanum Barun Gothic'; letter-spacing: -0.05em; font-size: 14px; color: #777777; }
.pager tr td.current_page a,
.pager tr td.current_page button { font-weight: bold; color: #333333; }
.pager-l { display: inline-block; vertical-align: top; position: absolute; top: 0; left: 0; }
.pager-r { display: inline-block; vertical-align: top; position: absolute; top: 0; right: 0; }
.pager-l .backward { display: inline-block; vertical-align: top; width: 35px; height: 35px; border: 1px solid #dbdbdb; background: #fff url('/webPub/sc_2018_mobile/images/common/backward.png') no-repeat center / auto 10px; }
.pager-l .prev { display: inline-block; vertical-align: top; margin-left: -1px; width: 35px; height: 35px; border: 1px solid #dbdbdb; background: #fff url('/webPub/sc_2018_mobile/images/common/prev.png') no-repeat center / auto 10px; }
.pager-r .next { display: inline-block; vertical-align: top; margin-right: -1px; width: 35px; height: 35px; border: 1px solid #dbdbdb; background: #fff url('/webPub/sc_2018_mobile/images/common/next.png') no-repeat center / auto 10px; }
.pager-r .forward { display: inline-block; vertical-align: top; width: 35px; height: 35px; border: 1px solid #dbdbdb; background: #fff url('/webPub/sc_2018_mobile/images/common/forward.png') no-repeat center / auto 10px; }


/* 전체메뉴 */
.menu-wrap { position:absolute; left:0; top:0; width:100%; height:100%; z-index:9999; background:#fff; }
.ins-menu { position:relative; left:-100%; width:100%; height:100%; background:#fff; }
.ins-topset { background:#da281f; text-align:center; height:125px; padding:25px 0 30px; position:relative; }

.pl-txt { text-align:center; font-size:14px; color:#fff; padding:0 0 10px; }
a.btn-spon {
	display:block; width:208px; height:46px; border:1px solid #fff; text-align:center; color:#fff; font-size:16px;
	padding:13px 0; margin:0 auto;
}
.btn-p-close { position:absolute; right:17px; top:17px;
	display:block; width:21px; height:21px; text-indent:-9999px;
	background:#fff url('/webPub/sc_2018_mobile/images/common/pop-close.png') no-repeat center / 21px auto;
}

/* 20180914 수정 : s */
.m-nav { height:auto; }
.m-nav > li { position:relative; height:auto;}
.m-nav > li > div.ma { padding:18px 0 18px 18px; display:block; width:100%; font-size:16px; font-weight:bold; color:#000; position:relative; position:relative; background:#fff url('/webPub/sc_2018_mobile/images/common/ico-down.png') no-repeat right 15px center / 16px auto; height:60px;
}
.m-nav > li > div.ma strong { float:left; padding:3px 0;  transition:all 0.5s ease; }
.m-nav > li > div.ma span { float:left; margin-left:12px; transition:all 0.5s ease; }
.m-nav > li > div.ma strong.on { color:#da281f; display:inline-block; }
.m-nav > li > div.open {
	position:relative; background:#fff url('/webPub/sc_2018_mobile/images/common/ico-up.png') no-repeat right 15px center / 16px auto;
}

.m-nav > li > div.ma strong.n-hide { display:none; }
.m-nav > li > ul {
	background:#f7f7f7; padding:10px 0; display:none; height:auto;
	border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;
}
.m-nav > li > ul li a {
	padding:15px 0 15px 18px; display:block; width:100%; font-size:14px; font-weight:500; color:#666666; color:#fff;
}

.m-nav > li > a.mb { display:none;  }
.m-nav > li > a.mb-on { position:absolute; left:18px; top:18px;  display:inline-block; font-size:16px; font-weight:bold; color:#da281f; background:#000; z-index:100;
	width:auto; height:30px; padding:3px 37px 0 0;  background: #fff url('/webPub/sc_2018_mobile/images/common/ico-nav-on.png') no-repeat right top / 25px auto;
}

.m-nav > li > ul {
	background:#f7f7f7; padding:10px 0; display:none;
	border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;
}
.m-nav > li > ul li a {
	padding:15px 0 15px 18px; display:block; width:100%; font-size:14px; font-weight:500; color:#666666;

}
/* 20180914 수정 : e */


.set-list { height:54px; background:#eeeeee; padding:0 20px; }
.set-list li { float:left; margin-left:25px; }
.set-list li:first-child{ margin-left:0; }
.set-list li a { color:#666666; font-size:14px; display:inline-block; padding-top:20px; padding-bottom:20px;}
a.ico-m-login { background:url('/webPub/sc_2018_mobile/images/common/ico-m-login.png') no-repeat left / 15px auto; padding:20px 0 20px 24px; }
a.ico-m-logout { background:url('/webPub/sc_2018_mobile/images/common/ico-m-logout.png') no-repeat left / 16px auto;padding:20px 0 20px 24px; }



/*
	전체메뉴
*/
.menu-wrap { position:absolute; left:0; top:0; width:100%; height:100%; z-index:9999; background:#fff; display:none; }
.ins-menu { position:relative; left:-100%; width:100%; height:100%; background:#fff; }
.mnb-box { position:relative; padding:0 0 54px; overflow-y:auto; height:100%;}
.ins-topset { background:#da281f; text-align:center; height:125px; padding:25px 0 30px;   }
.pl-txt { text-align:center; font-size:14px; color:#fff; padding:0 0 10px; }
a.btn-spon {
	display:block; width:208px; height:46px; border:1px solid #fff; text-align:center; color:#fff; font-size:16px;
	padding:13px 0; margin:0 auto;
}
.btn-p-close { position:absolute; right:0px; top:0px;
	display:block; width:55px; height:55px; text-indent:-9999px;
	background:url('/webPub/sc_2018_mobile/images/common/pop-close.png') no-repeat center / 21px auto;
	z-index:9999;
}

.menu-box { position:relative; padding:0 0 0;  }
.m-nav > li > a { padding:18px 0 18px 18px; display:block; width:100%; font-size:16zpx; font-weight:bold; color:#333; position:relative; position:relative; background:#fff url('/webPub/sc_2018_mobile/images/common/ico-down.png') no-repeat right 15px center / 16px auto; height:60px;
}
.m-nav > li > a strong { float:left; padding:3px 0;  transition:all 0.5s ease; }
.m-nav > li > a span { float:left; margin-left:12px; transition:all 0.5s ease; }
.m-nav > li > a strong.on { color:#da281f; display:inline-block; }
.m-nav > li > a span.on { display:inline-block; background:url('/webPub/sc_2018_mobile/images/common/ico-nav-on.png') no-repeat top / 25px auto; width:25px; height:25px;}
.m-nav > li > a.open {
	position:relative; background:#fff url('/webPub/sc_2018_mobile/images/common/ico-up.png') no-repeat right 15px center / 16px auto;
}
.m-nav > li > a span.down {
	background:url('/webPub/sc_2018_mobile/images/common/ico-more.png') no-repeat / 20px auto; display:block; width:20px; height:20px;
	position:absolute; right:15px; top:15px;
}
.m-nav > li > ul {
	background:#f7f7f7; padding:10px 0; display:none;
	border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;
}
.m-nav > li > ul li a {
	padding:15px 0 15px 18px; display:block; width:100%; font-size:14px; font-weight:500; color:#666666;
}

/* 20181001 추가 */
.m-nav > li > ul li:last-child a { padding:15px 0 0 18px;}
.blank-input {width:0; height:1px; background:transparent; border:0; position:relative; z-index:1; }
/* //20181001 추가 */

.set-list { height:54px; background:#eeeeee; padding:0 20px; position:fixed; left:0; right:0; bottom:0; z-index:100; width:100%; }
.set-list li { float:left; margin-left:25px; }
.set-list li:first-child{ margin-left:0; }
.set-list li a { color:#F62B52; font-weight: bold; font-size:14px; display:inline-block; padding-top:20px; padding-bottom:20px;}
a.ico-m-login { background:url('/webPub/sc_2018_mobile/images/common/ico-m-login.png') no-repeat left / 15px auto; padding:20px 0 20px 24px; }
a.ico-m-logout { background:url('/webPub/sc_2018_mobile/images/common/ico-m-logout.png') no-repeat left / 16px auto;padding:20px 0 20px 24px; }

.no-scroll { overflow:hidden; }

a[href^="tel"]{
    color:inherit;
    text-decoration:none;
}

/**/

/*kakao-btn-left*/
.kakao-login-btn-left{
    position: relative;
	background: #fee500;
}
.kakao-login-btn-left span.kakao-txt{
	display:block;
	float:left;
	width:calc( 100% - 28px ); /*100% - before width*/
	padding:0 10px;
	font-family: 맑은 고딕, malgun gothic, "Apple SD Gothic Neo", AppleGothicNeoSD, Apple SD 산돌고딕 Neo, Microsoft NeoGothic, Droid sans, sans-serif;
    font-weight: bold;
    font-size: 14px;
	color: #000;
	letter-spacing: -0.05em;
}
.kakao-login-btn-left:before{
    content: '';
	display:block;
	float:left;
	padding-left:10px;
    width: 18px;
    background: url(/webPub/sc_2018_mobile/images/login/kakao-icon.png) no-repeat center right;
	background-size:18px 17px;
}