@charset "utf-8";
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0}
fieldset,img{border:0 none}
dl,ul,ol,menu,li{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none}
input,select,textarea,button{vertical-align:middle;font-size:100%}
button{border:0 none;background-color:transparent;cursor:pointer}
table{border-collapse:collapse;border-spacing:0}
body{-webkit-text-size-adjust:none}
input:checked[type='checkbox']{background-color:#666; -webkit-appearance:checkbox}
input[type='text'],input[type='password'],input[type='submit'],input[type='search'],input[type='tel'],input[type='email'],html input[type='button'],input[type='reset']{-webkit-appearance:none;border-radius:0}
input[type='search']::-webkit-search-cancel-button{-webkit-appearance:none}
body{background:#fff}
body,th,td,input,select,textarea,button{font-size:14px;line-height:1.5;font-family:'Apple SD Gothic Neo','Malgun Gothic', '맑은 고딕', sans-serif;color:#111}
a{color:#333;text-decoration:none}
a:active, a:hover{text-decoration:none}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
/* global */
.ir_pm{display:block;overflow:hidden;font-size:0px;line-height:0;text-indent:-9999px}
.screen_out{overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}
.show{display:block}
.hide{display:none}
/* bridge */
.img_bridge{display:block;overflow:hidden;font-size:0;line-height:0;background:url(//t1.daumcdn.net/kakaopay/20161031103818/img_bridge_pc.png) no-repeat 0 0;text-indent:-9999px}
.wrap_bridge{min-width:320px}
.wrap_bridge .head_bridge{padding:39px 0 47px 40px} /* 2017-01-05 수정 */
.wrap_bridge .head_bridge .img_bridge{width:64px;height:21px;background-position:0 0}
/* 2016-10-28 삭제 시작
.wrap_bridge .area_title{overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}
.wrap_bridge .btn_back{display:none}
.wrap_bridge .btn_close{display:none}
2016-10-28 삭제 끝 */
.wrap_bridge .img_character{display:block;width:160px;height:160px;margin:0 auto} /* 2017-01-05 수정 */
/* .wrap_bridge .article_end .img_character{width:154px;background-position:0 -30px}
.wrap_bridge .article_temporary .img_character{width:123px;background-position:-160px -30px}
.wrap_bridge .article_url .img_character{width:100px;background-position:0 -170px}
.wrap_bridge .article_transfer .img_character{width:137px;background-position:-110px -170px} 2017-01-05 삭제 */
.wrap_bridge .tit_bridge{padding:0 20px;font-size:26px;line-height:31px;color:#000;font-weight:normal;text-align:center} /* 2017-01-05 수정 */
.wrap_bridge .desc_info{padding:6px 20px 0;font-size:18px;line-height:21px;color:#7F7F7F;text-align:center} /* 2017-01-05 수정 */
.wrap_bridge .link_bridge{display:none}
.wrap_bridge .link_intro{display:block;width:240px;height:60px;margin:54px auto 0;line-height:60px;font-size:20px;color:#000;text-align:center;background:#ffcd00} /* 2017-01-05 수정 */
.wrap_bridge .link_intro .emph_text{font-weight:bold}
.wrap_bridge .btn_refresh{display:block;width:240px;height:60px;margin:54px auto 0;line-height:60px;font-size:20px;color:#000;text-align:center;background:#ffcd00;vertical-align:top} /* 2017-01-05 수정 */
.wrap_bridge .desc_append{padding:12px 20px 0;font-size:12px;color:#b2b2b2;line-height:14px;text-align:center;word-break:keep-all}
.wrap_bridge .link_append{display:inline-block;color:#b2b2b2;vertical-align:top;zoom:1}
.wrap_bridge .link_append .txt_link{display:block;border-bottom:1px solid #b2b2b2}
/* .wrap_bridge .article_mobile .img_character{display:block;width:123px;background:url(../images/img_mobile.png) no-repeat 0 0} 2017-01-05 삭제 */
.wrap_bridge .article_mobile .tit_bridge{padding-top:10px} /* 2017-01-05 수정 */
.wrap_bridge .article_mobile .link_intro{margin-top:40px} /* 2017-01-05 수정 */

@media
only all and (-webkit-min-device-pixel-ratio: 1.5),
only all and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx){
    .img_bridge{background-image:url(//t1.daumcdn.net/kakaopay/20161110193740/img_bridge_pc_rtn.png);-webkit-background-size:290px 310px;background-size:290px 310px}
    .wrap_bridge .article_mobile .img_character{background-image:url(//t1.daumcdn.net/kakaopay/20161031103923/img_mobile_rtn.png);-webkit-background-size:123px 140px;background-size:123px 140px}
}

@media
screen and (max-width:767px) {
    .wrap_mbridge .img_bridge{background-image:url(//t1.daumcdn.net/kakaopay/20161031103947/img_bridge.png)}
    html, body{height:100%;min-height:510px}
    .wrap_mbridge, .cont_bridge, .article_end, .article_temporary, .article_url, .article_transfer{position:relative;height:100%}
    .wrap_mbridge{box-sizing:border-box;padding-top:76px} /* 2016-10-28 추가 *//* 2017-01-05 수정 */
    .wrap_mbridge .head_bridge{overflow:hidden;position:absolute;width:0;height:0;padding:0;line-height:0;text-indent:-9999px} /* 2016-10-28 수정 *//* 2017-01-05 수정 */
    /* .wrap_mbridge .head_bridge .img_bridge{width:57px;height:18px} 2017-01-05 삭제 */
    /* 2016-10-28 삭제 시작
    .wrap_mbridge .area_title{position:relative;width:100%;height:44px;line-height:45px;text-indent:0;background:#f7f7f7}
    .wrap_mbridge .tit_service{padding:0 53px;font-family:'AppleSDGothicNeo-Medium',sans-serif;font-weight:normal;font-size:17px;color:#000;text-align:center}
    .wrap_mbridge .btn_back{display:block;position:absolute;left:0;top:0;height:33px;padding:11px 16px 0}
    .wrap_mbridge .btn_back .img_bridge{width:12px;height:22px;background-position:-60px 0}
    .wrap_mbridge .btn_close{display:block;position:absolute;right:0;top:0;padding:14px 18px 13px}
    .wrap_mbridge .btn_close .img_bridge{width:17px;height:17px;background-position:-80px 0}
    2016-10-28 삭제 */
    .wrap_mbridge .img_character{width:120px;height:120px} /* 2016-10-28 수정 *//* 2017-01-05 수정 */
    /* .wrap_mbridge .article_end .img_character{width:144px;background-position:0 -30px}
    .wrap_mbridge .article_temporary .img_character{width:123px;background-position:-150px -30px}
    .wrap_mbridge .article_url .img_character{width:109px;background-position:0 -170px}
    .wrap_mbridge .article_transfer .img_character{width:144px;background-position:-120px -170px} 2017-01-05 삭제 */
    .wrap_mbridge .tit_bridge{padding-top:24px;font-size:22px;line-height:26px} /* 2017-01-05 수정 */
    .wrap_mbridge .desc_info{padding-top:5px;font-size:16px;line-height:19px}/* 2017-01-05 수정 */
    .wrap_mbridge .link_bridge{display:block;position:fixed;left:0;right:0;bottom:0;z-index:1;height:60px;line-height:60px;font-size:20px;color:#000;text-align:center;background:#ffcd00}
    .wrap_mbridge .link_intro{display:none}
    .wrap_mbridge .btn_refresh{position:fixed;left:0;bottom:0;z-index:1;width:100%;margin:0}
    .wrap_mbridge .desc_append{position:absolute;left:0;right:0;bottom:80px;padding:0;font-size:14px;line-height:14px}
    .wrap_mbridge .article_url .link_bridge{display:none} /* 2017-01-05 추가 */
    .wrap_mbridge .article_url .desc_append{bottom:30px} /* 2017-01-05 추가 */
    .wrap_mbridge .article_url .desc_append, .wrap_mbridge .article_transfer .desc_append{bottom:30px} /* 2017-02-07 ìˆ˜ì • */
}

@media
only all and (-webkit-min-device-pixel-ratio: 1.5) and (max-width:767px),
only all and (min-device-pixel-ratio: 1.5) and (max-width:767px),
only screen and (min-resolution: 1.5dppx) and (max-width:767px){
    .wrap_mbridge .img_bridge{background-image:url(//t1.daumcdn.net/kakaopay/20161031104017/img_bridge.png);-webkit-background-size:310px 310px;background-size:310px 310px}
}