@charset "euc-kr";

#header{position:relative; width:100%; line-height:2.5rem; box-shadow:0px 1.5px 6px rgba(225, 225, 225, 1); -webkit-transition:all 0.1s; -moz-transition:all 0.1s; -o-transition:all 0.1s; transition:all 0.1s; background:#ffffff; z-index:21}
#header > h1.title{font-size:0.9rem; font-weight:500; text-align:center; padding-top:0.1rem} /* 2021-12-21 */
#header > button{position:absolute; top:0; left:0; width:2rem; height:2.6rem; background:transparent no-repeat center; text-indent:-9999px}
#header > button.back{background-image:url('/image/btn_back.png'); background-size:0.5rem}
#header > button.big_font {font-size:0.7rem; color:#fff; background:#3D7CF1; border-radius:1rem; right:1rem; left:auto; text-indent:0; min-width:3rem; width:auto; height:1.35rem; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); padding:0 0.5rem; box-sizing:border-box;}
.font_large #header > button.big_font {background:#666666;}
#header.type2{background:transparent; box-shadow:none}
#header.type2 > h1.title{color:#ffffff !important}
#header.type2 > button.back{background-image:url('/image/btn_back02.png');}
#header.type2 > button.big_font {border:1px solid #fff; background:none;}
#header.inquiry{background:-webkit-linear-gradient(0deg, #20B3FF, #424BFE); background:-moz-linear-gradient(90deg, #20B3FF, #424BFE); background:-o-linear-gradient(90deg, #20B3FF, #424BFE); background:linear-gradient(90deg, #20B3FF, #424BFE); box-shadow:none}

#content{padding:1.4rem 1rem 0; background:#ffffff; min-height:100%}
#content.transfer, #content.bgGray, .bgGray{background:#F9F9FB}
#content.inquiry{padding-top:0 !important}
#content div.none {position:absolute; width:100%; top:50%; left:0; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%)}
#content div.none.ps {-ms-transform:none; -webkit-transform:none; -moz-transform:none; -o-transform:none; transform:none; padding:5rem 0}
.lp_wrap .lp_content > div.none.ps {-ms-transform:none; -webkit-transform:none; -moz-transform:none; -o-transform:none; transform:none; padding:2.75rem 0 4rem} /* 2022-01-21 */
#content div.none > p { background: url('/image/bg_none.png') no-repeat center top; background-size: 1.7rem auto; padding-top: 2.5rem; text-align: center; color: #888888; font-size: 0.8rem;}
#content div.com_error {position:absolute; width:100%; top:calc(50% - 1.4rem); left:0; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); padding:0 1rem} /* 2022-01-11 */
#content div.com_error.ps {-webkit-transform:none; -moz-transform:none; -o-transform:none; transform:none; padding:0} /* 2022-01-11 */
#content div.com_error:only-child {top:50%} /* 2022-01-11 */
#content div.com_error > p:first-child { background: url('/image/bg_error.png') no-repeat center top; padding-top: 3.25rem; background-size:2.8rem;}
#content div.com_error > p {text-align: center; color: #888888; font-size: 0.7rem; line-height:1rem;}
#content div.com_error > p + .bgGray {text-align: center; padding:1rem;}
#content div.com_error > p + .bgGray > ul li {font-size:0.7rem; line-height:1rem;}
#content > h2.fs16.fb{line-height:1.1rem}

#footer{width:100%; box-shadow:0px -1.5px 6px rgba(235, 235, 235, 1); background:#ffffff; z-index:51}
#footer .quick{display:-webkit-box; display:flex}
#footer .quick > li{-webkit-box-flex:1; flex-grow:1; width:100%}
#footer .quick > li > a, #footer .quick > li > button{display:block; width:100%; text-align:center; font-size:0.6rem; color:#000000; background:url('/image/img_quick01.png') no-repeat center 0.286rem; background-size:1.25rem auto; padding-top:1.75rem; padding-bottom:0.425rem}
#footer .quick > li > a{height:100%}
#footer .quick > li.refer > * {background-image:url('/image/img_quick01.png')}
#footer .quick > li.account > * {background-image:url('/image/img_quick02.png')}
#footer .quick > li.mall > * {background-image:url('/image/img_quick03.png')}
#footer .quick > li.bank > * {background-image:url('/image/img_quick05.png')}
#footer .quick > li.menu > * {background-image:url('/image/img_quick04.png')}
#footer .quick > li.home > a {background-image:url('/image/img_quick_home.png');}
#footer .quick > li.refer.on > a {background-image:url('/image/img_onquick01.png')}
#footer .quick > li.account.on > * {background-image:url('/image/img_onquick02.png')}
#footer .quick > li.mall.on > * {background-image:url('/image/img_onquick03.png')}
#footer .quick > li.bank.on > * {background-image:url('/image/img_onquick05.png')}
#footer .quick > li.home.on > a {background-image:url('/image/img_onquick_home.png');}

#container{position:fixed; top:0; bottom:0; width:100%; height:100%; overflow:auto} /* 2022-01-05 */
#header{position:fixed; top:0}
#content{}
#content .btn_wrap.fixed{position:fixed;}
#footer{position:fixed; bottom:0}

.focus #content{position:relative}
.focus #content .btn_wrap.fixed{position:absolute; bottom:0 !important}
.focus #footer{position:relative}

.ios.focus, .ios.focus body{height:auto; overflow:auto}
.ios.focus #container{position:relative; overflow:initial; height:auto}

.popup_wrap{display:none; position:fixed; left:0; top:0; z-index:1000; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); align-items:center; justify-content:center}
.popup_wrap.active{display:block !important}
.popup_wrap .popup{position:relative; width:calc(100% - 2rem); -webkit-border-radius:0.5rem; -moz-border-radius:0.5rem; -o-border-radius:0.5rem; border-radius:0.5rem; overflow:hidden}
.popup_wrap .popup .btn_wrap > .otp_box {display:block; top:-1.1rem}
.popup_wrap .popup .btn_wrap button{height:2.5rem; font-size:0.8rem; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0}
.popup_wrap .popup .btn_wrap:not(.half) button{width:100%; background:#386CFF}

/* bottom popup */
.popup_wrap.bottom{display:none}
.popup_wrap.bottom .popup{display:-wekbit-flex; display:flex; flex-direction:column; position:absolute; width:100%; max-height:90%; background:#ffffff; -webkit-border-radius:1.2rem 1.2rem 0 0; -moz-border-radius:1.2rem 1.2rem 0 0; -o-border-radius:1.2rem 1.2rem 0 0; border-radius:1.2rem 1.2rem 0 0; }
.popup_wrap.bottom .popup .popup_header{text-align:center; padding:1rem 0 1rem}
.popup_wrap.bottom .popup .popup_header.select{background:#F9F9FB; height:2.75rem; line-height:2.75rem; padding:0}
.popup_wrap.bottom .popup .popup_header h2{display:inline-block; font-size:0.9rem; font-weight:500;}
.popup_wrap.bottom .popup .popup_header ul{padding: 0 1rem; } /*20221221*/
.popup_wrap.bottom .popup .popup_header ul li{display:inline-block; font-size:0.7rem; } /*20221221*/
.popup_wrap.bottom .popup .popup_header ul li:first-child{padding-top: 2rem; margin-bottom: 10px;}/*20221221*/
.popup_wrap.bottom .popup .popup_content{overflow-y:auto; padding:0 1rem 1.25rem; min-height:inherit; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.popup_wrap.bottom .popup .popup_content > p {font-size:0.8rem; line-height:1.2rem; word-break:keep-all}
.popup_wrap.bottom .popup .popup_content .offer_li {margin-top:0.75rem;}
.popup_wrap.bottom .popup .popup_content .offer_li > li {background:#F9F9FB url('/image/img_offer01.png')no-repeat; font-size:0.8rem; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px; padding:0.75rem 0 0.75rem 3.875rem; background-size:1.25rem; background-position:1.5rem center;}
.popup_wrap.bottom .popup .popup_content .offer_li > li:nth-child(2) {background:#F9F9FB url('/image/img_offer02.png')no-repeat; background-size:1.25rem; background-position:1.5rem center;}
.popup_wrap.bottom .popup .popup_content .offer_li > li:last-child {background:#F9F9FB url('/image/img_offer03.png')no-repeat; background-size:1.3rem; background-position:1.5rem center;}
.popup_wrap.bottom .popup .popup_content .offer_li > li > strong {color:#3D7CF1;}
.popup_wrap.bottom .popup .popup_content .offer_li > li + li {margin-top:0.5rem;}
.popup_wrap.bottom .popup .popup_content > .tab_wrap > .tab_btn{position:absolute; z-index:10; width:100%; background:#fff; left:0;}
.popup_wrap.bottom .popup .popup_content > .tab_wrap > .tab_cnt{padding:2.25rem 1rem 1rem}
.popup_wrap.bottom .popup .popup_content .tab_cnt > div > *:first-child{margin-top:1rem}
.popup_wrap.bottom .popup .popup_content > .table_wrap:first-child {margin-top:0.25rem}
.popup_wrap.bottom .popup .popup_content .select_list > li.check{padding:0.7rem 1rem}
.popup_wrap.bottom .popup .popup_content .select_list > li > input + label{display:inline-block; border:1px solid #cccccc; -webkit-border-radius:0.3rem; -moz-border-radius:0.3rem; border-radius:0.3rem; font-size:0.7rem; color:#666666; line-height:1.5rem; padding:0 .75rem 0 1.65rem; background:url('/image/ico_check_type2_off.png') no-repeat 0.65rem 40%; background-size:0.7rem auto}
.popup_wrap.bottom .popup .popup_content .select_list > li > input:checked + label{color:#ffffff; border-color:#386CFF; background-color:#386CFF; background-image:url('/image/ico_check_type2_on2.png')}
.popup_wrap.bottom .popup .popup_content .select_list > li > button{display:block; width:100%; height:2.375rem; color:#000000; text-align:left; font-size:0.8rem; padding:0 1rem}
.popup_wrap.bottom .popup button.btn_close{position:absolute; top:0.5rem; right:0; z-index:1; width:2.75rem; height:2rem; text-indent:-9999px; background:url('/image/btn_popup_close.png') 50% 50% no-repeat; background-size:0.775rem auto}
.popup_wrap.bottom .popup .select ~ .btn_close{top:0; height:2.75rem}

.popup_main{}
.popup_main .popup .popup_content.swiper-container .swiper-slide a{display:block; width:100%; height:100%}
.popup_main .popup .popup_content.swiper-container .swiper-slide img{display:inline-block; position:absolute; width:5.5rem; top:80%; right:0rem; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%)}
.popup_main .popup .popup_content.swiper-container .swiper-pagination{position:absolute; font-size:0.6rem; top:1.25rem; right:1rem; color:#666666}
.popup_main .popup .popup_content.swiper-container .swiper-pagination .swiper-pagination-current{color:#000000}

/* select popup */
#selectPopup.popup_wrap.bottom .popup .popup_header{background:#F9F9FB; height:2.75rem; line-height:2.75rem; padding:0}
#selectPopup.popup_wrap.bottom .popup .popup_content{padding:0.75rem 0; height:calc(100% - 2.75rem)}
#selectPopup.popup_wrap.bottom .popup .popup_content .select_option_list{}
#selectPopup.popup_wrap.bottom .popup .popup_content .select_option_list > li:first-child{border-top:none}
#selectPopup.popup_wrap.bottom .popup .popup_content .select_option_list > li > button{display:block; width:100%; height:2.375rem; font-size:0.8rem; text-align:left; padding:0 1rem}
#selectPopup.popup_wrap.bottom .popup button.btn_close{top:0rem; width:2.75rem; height:2.75rem}
#selectPopup.popup_wrap.bottom .popup img.arrow{position:absolute; left:50%; bottom:1rem; width:1rem; height:1rem; margin-left:-0.5rem; z-index:5}

/* layer popup */
.lp_wrap{position:fixed; left:0; top:0; bottom:0; z-index:1000; width:100%; height:100%; background:#ffffff}
.lp_wrap.show{display:-webkit-flex !important; display:flex !important; flex-direction:column} /* 2022-01-21 */
.lp_wrap .lp_header{padding:1rem 0 1rem; text-align:center}
.lp_wrap .lp_header h2{display:inline-block; font-size:0.9rem; font-weight:500}
.lp_wrap .lp_header button.btn_close{position:absolute; top:0.5rem; right:0.5rem; width:2rem; height:2rem; background:url('/image/btn_popup_close.png') 50% 50% no-repeat; background-size:0.775rem auto; font-size:0;}
.lp_wrap .lp_content{position:relative; padding:0 1rem 1rem; overflow:auto; height:100%; flex:1} /* 2022-01-21 */
.lp_wrap .lp_content.has_btn {padding:0 1rem 4.75rem}
.lp_wrap .lp_content.has_btn .btn_wrap.fixed{position:fixed}
.focus .lp_wrap .lp_content.has_btn .btn_wrap.fixed{position:absolute; bottom:auto} /* 2022-01-04 */
.lp_wrap .lp_content > .table_wrap ~ .table_wrap {margin-top:0.75rem;}
.lp_wrap .lp_content > .lp_tit{font-size:0.9rem; font-weight:500; margin-bottom:1rem}
.lp_wrap .lp_content > h2 + p{font-size:0.9rem; font-weight:500; line-height:1.4rem}
.lp_wrap .lp_content > dl > dt{font-size:0.8rem; font-weight:500; margin-bottom:0.5rem}
.lp_wrap .lp_content > dl > dt ~ dt{margin-top:1rem}
.lp_wrap .lp_content > dl > dd{font-size:0.7rem; line-height:1.05rem}
.lp_wrap .lp_content > dl > dd ~ dd{margin-top:0.5rem}
.lp_wrap .lp_content > dl > dd > span{margin-right:0.25rem}
.lp_wrap .lp_content .tab_wrap .tab_btn.pf{width:calc(100% - 2rem)}
.lp_wrap .lp_content .tab_wrap .tab_btn.pf + .tab_cnt{padding-top:3.5rem}
.lp_wrap .lp_content > div.btn_wrap{bottom:0}
.lp_wrap.type2{}
.lp_wrap.type2 .lp_header{background:#ffffff; line-height:2.5rem; position:fixed; width:100%; box-shadow:0px 1.5px 6px rgba(225, 225, 225, 1); z-index:50; padding:0;}
.lp_wrap.type2 .lp_header h2 {font-size: 0.8rem; padding-top: 0.1rem}
.lp_wrap.type2 .lp_content {padding: 4rem 1rem 4.75rem;}
.lp_wrap .lp_content > div.none{position:absolute; top:50%; width:100%; left:0; -webkit-transform:translate(0, -40%); -moz-transform:translate(0, -40%); -o-transform:translate(0, -40%); transform:translate(0, -40%)}
.lp_wrap .lp_content .menu_list > div.none {padding:2rem 0}
.lp_wrap .lp_content > div.none > p, .lp_wrap .lp_content .menu_list > div.none > p {background:url('/image/bg_none.png') no-repeat center top; background-size:1.7rem auto; padding-top:2.5rem; text-align:center; color:#888888; font-size:0.8rem;}

.android.focus .lp_wrap{position:absolute; overflow:auto} /* 2022-01-05 */
.android.focus .lp_wrap .lp_content{overflow:initial} /* 2022-01-04 */

.ios.focus .lp_wrap{position:absolute; height:auto} /* 2022-01-05 */
.ios.focus .lp_wrap .lp_content{height:auto !important; overflow:initial} /* 2022-01-05 */

/* menu popup */
#menuPopup{display:none; position:fixed; top:0; right:-100%; width:100%; height:100%; background:#ffffff; z-index:500}
#menuPopup .popup{display:-webkit-flex; display:flex; flex-direction:column; height:100%}
#menuPopup .popup .popup_top{position:relative; padding:3.04rem 0.9rem .837rem; box-shadow:0px 2px 6px rgba(0, 0, 0, .08); z-index:1}
#menuPopup .popup .popup_top button.home{position:absolute; top:1.07rem; left:1.395rem; width:0.977rem; height:0.977rem; background:url('/image/ico_home.png') no-repeat center; background-size:contain; text-indent:-9999px}
#menuPopup .popup .popup_top > strong{font-size:0.8rem; margin-left:0.465rem}
#menuPopup .popup .popup_top > p.gray{font-size:0.7rem; margin-left:0.465rem; margin-top:0.286rem}
#menuPopup .popup .popup_top > a{background:url('/image/img_arrow01.png') no-repeat right center; background-size:0.375rem auto; padding-right:0.814rem; font-size:0.8rem; margin-left:0.465rem}
#menuPopup .popup .popup_top > button.login, #menuPopup .popup .popup_top > button.logout{background:#E8E8E8; color:#000000; font-size:0.667rem; width:3.571rem; height:1.333rem; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; margin-left:0.714rem}
#menuPopup .popup .popup_top > button.login{position:absolute; top:0.952rem; right:2.429rem}
#menuPopup .popup .popup_top > button.logout{right:4.025rem}
#menuPopup .popup .popup_top > button.setting{position:absolute; top:1.095rem; right:2.525rem; width:0.952rem; height:0.952rem; text-indent:-9999px; background:url('/image/ico_setting.png') no-repeat center; background-size:contain}
#menuPopup .popup .popup_top ul{margin:1.396rem 0 1.163rem}
#menuPopup .popup .popup_top ul > li{float:left; text-align:center; width:25%}
#menuPopup .popup .popup_top ul > li > *{display:block; width:100%; font-size:0.7rem; background:url('/image/img_menu_top01.png') no-repeat top center; background-size:0.975rem auto; padding-top:1.5rem}
#menuPopup .popup .popup_top ul > li:nth-child(2) > *{display:block; width:100%; font-size:0.7rem; background:url('/image/img_menu_top02.png') no-repeat top center; background-size:0.975rem auto; padding-top:1.5rem}
#menuPopup .popup .popup_top ul > li:nth-child(3) > *{display:block; width:100%; font-size:0.7rem; background:url('/image/img_menu_top03.png') no-repeat top center; background-size:0.975rem auto; padding-top:1.5rem}
#menuPopup .popup .popup_top ul > li:nth-child(4) > *{display:block; width:100%; font-size:0.7rem; background:url('/image/img_menu_top04.png') no-repeat top center; background-size:0.975rem auto; padding-top:1.5rem}
#menuPopup .popup .popup_top > button.menu_search{font-size:0.7rem; width:100%; height:2rem; background:#F8F8F8 url('/image/btn_search.png') no-repeat calc(100% - 1rem) center; background-size:0.698rem auto; box-shadow:0.1rem 0.1rem 0.4rem rgba(0, 0, 0, .2) inset; -webkit-border-radius:1rem; -moz-border-radius:1rem; border-radius:1rem; padding-left:1rem; text-align:left}
#menuPopup .popup .popup_cnt{display:-webkit-flex; display:flex; overflow:hidden; flex-grow:1}
#menuPopup .popup .popup_cnt .left, #menuPopup .popup .popup_cnt .right{flex-grow:1}
#menuPopup .popup .popup_cnt .left{position:relative; background:#F2F3F8; width:36%; padding-top:1rem}
#menuPopup .popup .popup_cnt .left > ul{width:calc(100% + 0.5rem); padding-right:0.5rem; overflow:auto; max-height:calc(100% - 2.25rem)}
#menuPopup .popup .popup_cnt .left ul li + li{margin-top:0.465rem}
#menuPopup .popup .popup_cnt .left ul li *{display:inline-block; width:100%; padding-left:1rem; font-size:0.8rem; height:2rem; line-height:2rem; text-align:left}
#menuPopup .popup .popup_cnt .left ul li.active button{position:relative; left:0.75rem; top:0; padding-left:0.75rem; width:calc(100% - 0.25rem); font-weight:500; color:#ffffff; background:-webkit-linear-gradient(0deg, #20B3FF, #424BFE); background:-moz-linear-gradient(90deg, #20B3FF, #424BFE); background:-o-linear-gradient(90deg, #20B3FF, #424BFE); background:linear-gradient(90deg, #20B3FF, #424BFE); -webkit-border-radius:25rem; -moz-border-radius:25rem; border-radius:25rem}
#menuPopup .popup .popup_cnt .left > button:last-child{position:absolute; bottom:0.5rem; left:0; width:100%; height:2rem; padding:0 0.857rem; text-align:left}
#menuPopup .popup .popup_cnt .left > button:last-child > img {width:100%; max-width:5rem}
#menuPopup .popup .popup_cnt .right{width:64%; overflow:auto; padding:1.25rem 1.15rem 0.85rem}
#menuPopup .popup .popup_cnt .right div{display:none}
#menuPopup .popup .popup_cnt .right div:first-child{display:block}
#menuPopup .popup .popup_cnt .right div > ul > li > *{display:block; width:100%; font-size:0.8rem; color:#666666; text-align:left; padding:0.4rem 0; padding-right:1rem; line-height:1.2rem}
#menuPopup .popup .popup_cnt .right div > ul > li + li{margin-top:0.465rem}
#menuPopup .popup .popup_cnt .right div > ul > li > a{background:url('/image/img_arrow02.png') no-repeat right center; background-size:0.375rem auto}
#menuPopup .popup .popup_cnt .right div > ul > li > button{position:relative}
#menuPopup .popup .popup_cnt .right div > ul > li > button:after{position:absolute; top:50%; margin-top:-0.337rem; right:0; display:block; content:""; clear:both; background:url('/image/btn_select02.png') no-repeat right center; background-size:0.675rem auto; width:0.675rem; height:0.675rem; -ms-transform:rotateX(180deg); -webkit-transform:rotateX(180deg); -moz-transform:rotateX(180deg); -o-transform:rotateX(180deg); transform:rotateX(180deg)}
#menuPopup .popup .popup_cnt .right div > ul > li > button.active:after{-ms-transform:rotateX(0); -webkit-transform:rotateX(0); -moz-transform:rotateX(0); -o-transform:rotateX(0); transform:rotateX(0)}
#menuPopup .popup .popup_cnt .right div > ul > li > .depth2{display:none; margin-top:0.2rem}
#menuPopup .popup .popup_cnt .right div > ul > li > .depth2 > li{position:relative; padding-left:0.5rem}
#menuPopup .popup .popup_cnt .right div > ul > li > .depth2 > li + li{margin-top:0.5rem}
#menuPopup .popup .popup_cnt .right div > ul > li > .depth2 > li:before{position:absolute; display:block; content:"-"; clear:both; left:0; top:0; line-height:1.2rem; color:#666666}
#menuPopup .popup .popup_cnt .right div > ul > li > .depth2 > li > a{color:#666666; line-height:1.2rem}
#menuPopup .popup .btn_close{position:absolute; top:1.209rem; right:0.930rem; width:0.698rem; height:0.698rem; background:url('/image/btn_popup_close.png') no-repeat center; background-size:contain; font-size:0; z-index:10}

/* alert popup */
.popup_wrap.alert > .popup {display:-webkit-flex; display:flex; flex-direction:column; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -webkit-border-radius:1rem; -moz-border-radius:1rem; -o-border-radius:1rem; border-radius:1rem; overflow:hidden; width:calc(100% - 2rem); max-height:80%}
.popup_wrap.alert > .popup > .popup_content {background:#fff; text-align:center; padding:1.25rem 0.93rem; overflow:auto}
.popup_wrap.alert > .popup > .popup_content > h2 {font-size:0.9rem; font-weight:bold; line-height:1.2rem}
.popup_wrap.alert > .popup > .popup_content > h2 + p {margin-top:1.25rem;}
.popup_wrap.alert > .popup > .popup_content > p {font-size:0.8rem; line-height:1.1rem;}
.popup_wrap.alert > .popup > .popup_content > p:only-child {padding:0.75rem 0}
.popup_wrap.alert > .popup .btn_wrap button:only-child {-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0; background:#386CFF;}

/* main notice popup */
.popup_wrap.notice > .popup {display:-webkit-flex; display:flex; flex-direction:column; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0; overflow:hidden; width:calc(100% - 2rem); max-height:80%}
.popup_wrap.notice > .popup > .popup_header > h2 {font-size:0.9rem; font-weight:bold; line-height:1.2rem; background:#F9F9FB; padding:1.163rem 0.93rem; left:0; top:0}
.popup_wrap.notice > .popup > .popup_content {background:#ffffff; padding:0.93rem 0.93rem 1.395rem; overflow:auto}
.popup_wrap.notice > .popup > .popup_content > p {font-size:0.8rem; line-height:1.1rem;}
.popup_wrap.notice > .popup > .popup_content > dl{margin-top:0.93rem}
.popup_wrap.notice > .popup > .popup_content > dl > dt{font-size:0.8rem; font-weight:500}
.popup_wrap.notice > .popup > .popup_content > dl > dt ~ dt{margin-top:0.93rem}
.popup_wrap.notice > .popup > .popup_content > dl > dd{font-size:0.8rem; margin-top:0.466rem; line-height:1rem; text-align:justify}
.popup_wrap.notice > .popup .btn_wrap button:only-child {-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0; background:#386CFF;}