@charset "utf-8";

html,body,section,article,header,footer,nav,
div,p,
h1,h2,h3,h4,h5,h6,
ul,ol,li,dl,dd,dt,
img,a,
form,input,select,option,fieldset,textarea,button,label,
figure,video {
    margin:0;
    padding:0;
    border:0;
    background-repeat:no-repeat;
    background-position:center;
    background-color:transparent;
    line-height:1;
    text-decoration:none;
    font-family:'Pretendard','맑은 고딕',돋움,'Apple SD Gothic Neo',sans-serif;
    font-size:15px;
    font-weight:regular;
    color:#444;
    box-sizing:border-box;
    text-size-adjust:none;
    list-style:none;
    word-break: keep-all;
}
a:link, a:visited,
a:hover, a:focus, a:active {
    text-decoration:none;
}
strong {font-weight: inherit;}
table {width:100%; border-spacing:0; border-collapse:collapse;}

/* 폼초기화 */
select,button,input[type=text],input[type=submit],textarea	{
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    /* border-radius:0; */
}

select	{	box-sizing:border-box;}
/*크롬사라피*/
@media screen and (-webkit-min-device-pixel-ratio:0){
    select	{	padding-right:22px !important;	background:url(/images/bg_select.svg) no-repeat right center; background-size:contain;}
}
/*파이어폭스*/
@-moz-document url-prefix(){
    select	{	padding-right:22px !important;	background:url(/images/bg_select.svg) no-repeat right center; background-size:contain;}
}

/*========= input ===========*/
.unit {position: absolute; right:10px; top:50%; transform:translateY(-50%);}
.ip_comm	{display:block; width:100%; height:44px; padding:0 10px; border:0; background-color:transparent; border-radius:0; box-sizing:border-box; outline:none;}
.ip_comm:focus	{background-color: #ffffee;}
.ip_comm.tel	{float:left; width:30%;}
.ip_comm.tel+.bar	{float:left; width:5%; text-align:center; line-height:44px; }
.set_tel	{overflow:hidden;}
select.ip_comm	{padding-right:0;}
textarea.ip_comm	{height:100px; padding:10px; line-height:1.5;}
.btn_sm	{display:flex; align-items: center; justify-content: center; text-align: center; width: 140px; height:50px; background-color: #28499a; border-radius:50px; font-size: 16px; font-weight: 500; color:#fff;}

.center	{width:1280px; margin:0 auto;}
.clear::after	{content:""; display:block; clear:both;}
.hidden {position:absolute; left:-100%; top:0%; overflow:hidden; width:0; height:0; font-size:0; text-indent:-9999%; line-height:0;}

.btn_nav {display:flex; align-items: center ;justify-content:center; width:30px; cursor: pointer}
.on .btn_nav {position: fixed; right:3%; top:28px; z-index: 101;}
.on .fixed .btn_nav {}
.btn_hbg {position: relative; display:flex; flex-direction: column; justify-content: space-between; width:100%; height:15px;}
.btn_hbg div,
.btn_hbg:before,
.btn_hbg:after {content:""; position:relative; display:block; width:100%; height:1px; background-color:var(--white); transition:all 0.3s}
.sub .btn_hbg div,
.sub .btn_hbg:before,
.sub .btn_hbg:after {background-color:var(--main-color); }
.fixed .btn_hbg div,
.fixed .btn_hbg:before,
.fixed .btn_hbg:after {background-color:var(--main-color); }
.on .btn_hbg div {background-color:transparent;}
.on .btn_hbg:before,
.on .btn_hbg:after {position: relative; transform-origin: center; background-color:#fff!important}
.on .btn_hbg:before {top:50%; transform:rotate(45deg);}
.on .btn_hbg:after {top:-50%; transform:rotate(-45deg);}


:root {
    --main-color:#133582;
    --sub-color:#001441;
    --point-color:#ff8a00;
    --black:#000;
    --white:#fff;
    --kakao-y:#fff600;
    --kakao-b:#3b1e1e;
}

#wrapper {background-color:#fff;}
#wrapper.on  {position: fixed; left:0; top:0; width:100%; height:100%; overflow:hidden;}

/*========= header ===========*/
#header {position: absolute; left:0; top:0; width:100%; z-index: 12;}
.on #header {position:static; }
#header .center {display:flex; align-items: center; }

.hd_top {padding:10px 0; background-color:var(--sub-color);}
.hd_top .center {position: relative; justify-content: center; font-size: 16px; color:var(--white);}
.hd_top a {display:inline-flex; margin-left:10px; padding:6px 15px; border-radius:100px; border:1px solid var(--white); color:var(--white); font-size: 12px;}
.hd_top .close {position: absolute; right:0; top:50%; width: 16px; height: 16px; transform:translateY(-50%); background-image:url(/images/btn_close_w.png); background-size:auto}

.hd_btm {}
.hd_btm .center {justify-content:space-between; }
.hd_btm h1 svg {width:93px; height:auto;}
.hd_btm h1 svg .st0 {fill:var(--white);}

.set_nav,
#nav {display:flex; align-items: center; justify-content: flex-end;}
#nav {margin-right:40px;}
#nav > div {position: relative; z-index: 99;}
#nav .dep1 {display:flex; align-items: center; justify-content: center; height:80px; padding:0 50px; font-size: 16px; font-weight: 500; color: var(--white);}
#nav > div:hover .dep1 {background-color: #fff; font-weight: 700; color: var(--main-color);}
#nav .dep2 {overflow:hidden; position: absolute; left:0; top:80px; width:100%; padding:0 0 10px 0; background-color: #fff; display: none;}
#nav > div:hover .dep2 {display: block;}
#nav .dep2 li a {display: block; text-align: center; font-size: 14px; padding:10px 0; transition:0.3s}
#nav .dep2 li a:hover {background-color: #f9f9f9; color: var(--main-color);}


    /* sub */
    .sub #header {position: static; border-bottom:1px solid #eee;}

    .sub .hd_btm h1 svg .st0{fill:var(--main-color);}
    .sub .hd_btm h1 svg .st0.en {fill:#888;}
    .sub #nav .dep1 {color:#222;}
    .sub #nav > div:hover .dep1 {background-color: var(--main-color); font-weight: 700; color:var(--white) ;}
    .sub #nav .dep2 {background-color: var(--main-color); }
    .sub #nav .dep2 li a {color:var(--white)}
    .sub #nav .dep2 li a:hover {background-color: var(--sub-color); color:var(--white);  }

    /* fixed */
    #header.fixed {position: fixed; background-color: #fff;}
    .on #header.fixed {position: static;}

    .fixed .hd_btm h1 svg .st0{fill:var(--main-color);}
    .fixed .hd_btm h1 svg .st0.en {fill:#888;}
    .fixed #nav .dep1 {color:#222;}
    .fixed #nav > div:hover .dep1 {background-color: var(--main-color); font-weight: 700; color:var(--white) ;}
    .fixed #nav .dep2 {background-color: var(--main-color); }
    .fixed #nav .dep2 li a {color:var(--white)}
    .fixed #nav .dep2 li a:hover {background-color: var(--sub-color); color:var(--white);  }


/*========= footer ===========*/
#footer {background-color:#222; }
#footer section {border-top:1px solid #333;}

.ft_top {padding:40px 0;}
.ft_top .center {display:flex; justify-content: space-between; }
.ft_top .center > div {width:calc(100% / 5); }
.ft_top a {color: var(--white);}
.ft_top .dep1 {font-weight: 700; text-decoration: underline}
.ft_top .dep2 {margin-top:10px;}
.ft_top .dep2 li a {line-height:24px; font-size: 14px; font-weight: 300;}

.ft_mid {padding:50px 0;}
.ft_mid .st0 {fill:#888}
.ft_mid svg {width: 77px; height: auto;}
.ft_mid .loss {margin-top:10px; font-size: 14px; line-height:20px; color: #888;}
.ft_mid .precaution {margin-top:40px;}
.ft_mid .precaution dt,
.ft_mid .precaution dd {color: var(--white);}
.ft_mid .precaution dt {font-size: 16px; font-weight: 700;}
.ft_mid .precaution dd {margin-top:15px; line-height:24px; font-size: 14px; font-weight: 300;}

.ft_btm {padding:12px 0; border-bottom:0;}
.ft_btm .center {display:flex; align-items: center; justify-content: space-between}
.ft_btm .partners {display:flex; align-items: center; justify-content: flex-start}
.ft_btm .partners a {margin-right:60px;}
.ft_btm .copyright {font-size: 13px; font-weight: 300; color: #888;}







/* quick */
#quick {position: fixed; right:10px; bottom:10px; z-index: 99;}
#quick a {overflow:hidden; display:flex; align-items: center; justify-content: center; width: 160px; height: 60px; background-color:var(--kakao-y); border-radius:10px; }
#quick a img {width:30px; height:auto;}
#quick a dl {margin-left:5px;}
#quick a dt {font-size: 12px; font-weight: 300;}
#quick a dd {margin-top:3px; font-size: 14px; font-weight: 700; color: var(--kakao-b);}




/* sub common */
#contents.sub {padding-bottom:150px;}

.p_comm {margin-top:15px; font-size: 17px; line-height:1.5;}
.p_comm:first-child {margin-top:0;}

/* page_title */
.page_title {padding:80px 0 40px 0; display:flex; align-items: flex-end; justify-content: flex-start}
.page_title h2 { font-size: 34px; font-weight: 800; color: #000;}

.sub_menu {display:flex; align-items: center; justify-content: flex-start; margin-left:40px;}
.sub_menu a {display:flex; font-size: 18px; color: #666;}
.sub_menu a::after {content:""; display: block; width:1px; height:16px; margin:0 20px; background-color: #aaa;}
.sub_menu a:last-child::after {display: none;}
.sub_menu a.on {font-weight: 700; color: var(--main-color);}





.sub figure img {display: block; width:100%; height:auto;}

/* sub title */
.sub_title {margin-top:80px; margin-bottom:30px;}
.sub_title:first-child {margin-top: 0;}
.sub_title h4 {line-height:1.2; font-size: 24px; font-weight: 800; color: var(--black);}

.sub h5 {margin-top:30px; margin-bottom:15px; font-size: 18px; font-weight: 700;}
.sub h5:first-child{margin-top:0;}


.btn_account {position: relative; left:0; top:0; display:inline-block; padding:20px 30px; border-radius:100px; background-color:#fff;  font-size: 17px; font-weight: 700; color:var(--main-color); transition:0.3s}
.btn_account:hover {left:-2px; top:-2px; box-shadow:5px 5px 10px rgba(0,0,0,0.3) }

/* cont */
.cont {display:flex; justify-content: space-between; margin-bottom:100px;}
.cont:last-child {margin-bottom:0;}
.cont .sub_title {width:300px; margin-bottom:0;}
.cont article {width:calc(100% - 300px);}



.sub_visual {margin-bottom:100px; padding:140px 0;}
    .sub_visual.type2 {padding:110px 0;}
.sub_visual .center {text-align: center;}
.sub_visual h4,
.sub_visual h5 {color: var(--white);}
.sub_visual h4 {font-size: 30px; font-weight: 700;}
.sub_visual h5 {margin-top:20px; line-height:1.5; font-size: 17px; font-weight: 500;}
.sub_visual h5 span {margin:0 15px; font-size: 15px; font-weight: 300; color: #ddd;}
.sub_visual .btn_account {margin-top:40px;}

/* tab menu */
.tab_menu {overflow:hidden; background-color:#f4f4f4; margin-bottom:50px; padding-top:10px;}
.tab_menu .center {display:flex; justify-content: space-between;}
.tab_menu .center a {display:flex; align-items: center; justify-content: center; width:50%; height:60px; font-size: 18px; font-weight: 700; color: #aaa;}
.tab_menu .center a.on {background-color:#fff; border-radius:20px 20px 0 0; color:#222; box-shadow: 0 0 10px rgba(0,0,0,0.2)}


.products {}
.products dt {font-size: 18px; font-weight:800; color: var(--main-color);}
.products dd {margin-top:10px; margin-bottom:25px; }
.products dd:last-child {margin-bottom:0;}

@keyframes click {
    0% {left:0; top:0;}
    100% {left:-5px; top:-5px; box-shadow: 20px 20px 30px rgba(0,0,0,0.3)}
}

.merit {display:flex; flex-wrap:wrap; }
.merit .ban {position: relative; display: block; width:calc((100% - 20px)/3); margin-right:10px; margin-bottom:10px; padding:40px; padding-bottom:115px; background-color:#fff; border:1px solid #c9d8fa; border-radius:20px; transition:0.3s;}
.merit .ban:hover {border-color:var(--main-color); box-shadow: 10px 10px 20px rgba(0,0,0,0.2)}
.merit .ban:nth-child(3n) {margin-right:0;}
    .merit a.ban {background-color: var(--main-color); border-color:var(--main-color); animation-name: click; animation-direction: alternate; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-duration: 1s}
.merit dt {font-size: 20px; font-weight: 800;}
.merit dt .point {margin-bottom:15px; font-size: 16px; font-weight: 600; color:var(--main-color)}
.merit dt strong {color:var(--main-color)}
.merit dd {margin-top:10px; font-size: 14px; line-height:20px; color: #666;}
    .merit a.ban dt {color: #fff;}
    .merit a.ban dt .point {color:var(--point-color)}
    .merit a.ban dt strong {color:var(--point-color)}
    .merit a.ban dd {color: #fff;}
    .merit a.ban p {font-size: 13px; margin-top:20px; text-decoration: underline; color: #fff;}
        .merit a.ban:hover dt {color: var(--point-color);}
        .merit a.ban:hover dt .point {color:var(--white)}
        .merit a.ban:hover dt strong {color:var(--white)}
        .merit a.ban:hover dd {color: var(--point-color);}
        .merit a.ban:hover p {color: var(--point-color);}
.merit img {position: absolute; right:35px; bottom:30px;}

.account {margin: 90px 0 80px 0; background-image:url(/images/bg_accont.png);}
.account .center {display:flex; flex-direction: column; justify-content: center; align-items: flex-start; height:366px;}
.account h4,
.account p {color: var(--white);}
.account h4 {font-size: 26px; font-weight: 800}
.account .btn_account {margin-top:45px}

.cautions {}
.cautions h4 {margin-bottom:15px; font-size: 17px; font-weight: 800; color:var(--main-color);}
.cautions h4::before {content:"!"; display:inline-flex; align-items: center; justify-content: center; width:21px; height:21px; margin-right:5px; background-color:var(--main-color); border-radius:50px; font-size: 16px; font-weight: 400; color: var(--white);}
.cautions h5 {margin-bottom:15px; font-weight: 700;}
.cautions ul {margin-bottom:40px;}
    .cautions ul:last-child {margin-bottom:0px;}
.cautions ul li {position: relative; padding:5px 0; padding-left:10px; font-size: 14px; color: #666;}
.cautions ul li::before {content:"-"; position: absolute; left:0; top:5px;}


.btn_detail {position: absolute; left:50px; bottom:50px; display:flex; align-items: center; justify-content:space-between; width:145px; height:50px; padding:0 20px; border:1px solid #fff; color:var(--white); transition:0.3s}
.btn_detail:hover {background-color:var(--white);}
.btn_detail::before {content:"자세히 보기"; color: inherit;}
.btn_detail::after {content:"\f107"; font-family: 'FontAwesome'; font-size: 17px;}
.btn_detail:hover::before {color: #222;}
.btn_detail:hover::after {color: #222;}

.btn_detail.off {border:1px solid #aaa; color: #888; transition:0.3s}
.btn_detail.off:hover {background-color: #aaa;}
.btn_detail.off::before {content:"닫기";color:inherit}
.btn_detail.off::after {content:"\f106"}
.btn_detail.off:hover::before {color: #fff;}
.btn_detail.off:hover::after {color:#fff;}


.core {display:flex; align-items: center; justify-content:space-between}
.core .item {display:flex; flex-direction: column; justify-content: center; align-items: center; width: 200px; height: 200px; font-size: 18px; background-color:#fafafa; border:1px solid #ddd; border-radius:10px; }
.core .item figure {margin-bottom:20px;}
.core .item figure img {width:44px; height:auto;}
.core .plus {width:40px; text-align: center; font-size: 20px; font-weight: 700; color: #222;}

.btn_install {display:inline-block; padding:15px; background-color:var(--main-color); border-radius:100px; font-size: 14px; color: var(--white);}
.btn_install::after {content:"\f105"; margin-left:20px; font-family:"FontAwesome";}

.process {}
.process > li {margin-bottom:40px;}
    .process > li:last-child {margin-bottom:0px;}
.process >li >dl {position: relative;}
.process >li >dl > dt {height:300px; padding:50px;}
.process >li >dl > dt h4 {font-size: 24px; font-weight: 800; color:var(--white);}
.process .detail {padding:50px; padding-bottom:150px; background-color:#f6f6f6; display: none;}

.refer {position: relative; padding-left:20px; margin-top:10px; line-height:1.3; font-size: 14px; font-weight: 500; color: var(--main-color);}
.refer::before {position: absolute; left:0; top:2px; content:"!"; display:inline-flex; align-items: center; justify-content: center; width:15px; height:15px; background-color:var(--main-color); border-radius:50px; line-height:1; font-size: 12px; font-weight: 400; color: var(--white);}

.li_comm li {position: relative; margin-bottom:10px; padding-left:12px; line-height:1.3;}
.li_comm li::before {content:""; position: absolute; left:0; top:7px; width:4px; height:4px; border-radius:100%; background-color:#666;}
.li_comm li:last-child {margin-bottom:0;}

.ol_comm {}
.ol_comm>li {position: relative; margin-bottom:5px; padding-left:37px; line-height:30px; font-size: 16px; font-weight: 500;}
.ol_comm>li::before {position: absolute; left:0; top:0; display:flex; align-items: center; justify-content: center; width:30px; height:30px; border-radius:100px; background-color:var(--point-color); font-weight: 700; color: #fff;}
.ol_comm>li:nth-child(1)::before {content:"1"}
.ol_comm>li:nth-child(2)::before {content:"2"}
.ol_comm>li:nth-child(3)::before {content:"3"}
.ol_comm>li:nth-child(4)::before {content:"4"}
.ol_comm>li:nth-child(5)::before {content:"5"}
.ol_comm>li:nth-child(6)::before {content:"6"}
.ol_comm>li:nth-child(7)::before {content:"7"}
.ol_comm>li:nth-child(8)::before {content:"8"}
.ol_comm>li:nth-child(9)::before {content:"9"}
.ol_comm>li:nth-child(10)::before {content:"10"}

.tbl {background-color:var(--white)}
.tbl th,
.tbl td {padding:20px; border:1px solid #ddd; text-align: center; line-height:1.2; font-size: 14px; font-weight: 400;}
.tbl th {font-weight: 700; color: #222;}
.tbl span {font-size: 0.9em;}

.tbl thead th,
.tbl thead td {padding:10px;}
.tbl thead th {background-color:#f4f4f4}
.tbl thead td {background-color:#fcfbf1}

.tbl tbody th {background-color: #f1f2fc; font-weight: 500;}
.tbl tbody td.empty {background-color: #efefef;}

.detail {padding:30px; background-color: #f6f6f6;}
.detail h5 {margin-top:40px; margin-bottom:15px; font-size: 18px; font-weight: 800; color:var(--black)}
    .detail h5:first-child {margin-top:0;}
.detail h6 {margin-top:30px; margin-bottom:10px; font-size: 16px; font-weight: 800; color: var(--main-color);}
.detail h6:first-child {margin-top:0;}
.detail h5 + h6 {margin-top:0;}
.detail .p_comm {font-size: 15px; }
.detail .how {margin-top:15px; padding:20px 25px; background-color:#fafafa; border:1px solid #ddd;}
.detail .how dl dt,
.detail .how dl dd,
.detail p.how,
.detail .how p {line-height:1.5; font-size: 14px; color: #666;}
.detail .how dl dd {margin-bottom:15px;}
.detail .how dl dd:last-child {display:flex; margin-bottom:0px;}
.detail .how dl dd:last-child p {width: 50%;}

.tbl_date {margin-top:15px; margin-bottom:10px; text-align: right; font-size: 13px; color: #666;}

.tbl_item {background-color:var(--white)}
.tbl_item th,
.tbl_item td {padding:20px; border:1px solid #ddd; text-align: center; line-height:1.3;}
.tbl_item thead th {background-color: #f0f4f8;}
.tbl_item tbody th {background-color: #fff7ef;}
.tbl_item .o {color: #448ccb;}
.tbl_item .x {color: #f26c4f;}

.cal {display:flex; align-items: stretch; justify-content: center; margin-top:10px;}
.cal dl {width:200px; background-color:#fff; text-align: center;}
    .cal dl.in {border:1px solid #f26c4f}
    .cal dl.out {border:1px solid #448ccb}
.cal dl dt {padding:10px 0; font-weight: 600; color: #fff;}
    .cal dl.in dt {background-color:#f26c4f}
    .cal dl.out dt {background-color:#448ccb}
.cal dl dd {padding:10px; line-height:1.5; }
.cal dl dd strong {display: block; font-size: 18px; font-weight: 700;}
    .cal dl.in dd strong {color: #f26c4f;}
    .cal dl.out dd strong {color: #448ccb;}
.cal .result {display:flex; flex-direction: column; justify-content: center; align-items: center; width:300px; padding:20px; background-color:#fff; border:1px solid #aaa; text-align: center;}
.cal .result .math { line-height:1.3;}
.cal .result .math span {font-size: 0.8em;}
.cal .result .earn {margin-top:10px; font-size: 17px; font-weight: 700; color: #000;}
.cal .arr {display:flex; align-items: center; justify-content: center; padding:0 10px; font-size: 17px; font-weight: 700;}


#sitemap {overflow-y:auto; position: fixed; left:0; top:0; width:100%; height:100%; background-color:#fff; z-index: 100; display: none;}
.on #sitemap {display: block;}
#sitemap hgroup { padding:20px 0; background-color: var(--main-color);}
#sitemap hgroup .center { display:flex; align-items: center; justify-content:space-between; height:auto;}
#sitemap hgroup svg {height:32px; width:auto; margin-right:6px;}
#sitemap hgroup svg .st0 {fill:#fff}
#sitemap hgroup h2 {display:flex; align-items: center;  font-size: 22px; font-weight: 600; color: #fff;}
#sitemap hgroup .btn_x {width:26px; height:26px; background-image: url(/images/btn_close_w.png);cursor: pointer}
.sub #sitemap hgroup .btn_x {display: none;}
#sitemap .nav_list { padding:40px 0;}
#sitemap .nav_list > div {display:flex; align-items: center; padding:60px 0; border-bottom:1px solid #ddd;}
#sitemap .nav_list .dep1 {display: block; width:200px; font-size: 30px; font-weight: 700; color: var(--black);}
#sitemap .nav_list .dep2 {}
#sitemap .nav_list .dep2 li {display:inline-block; margin-right:30px;}
#sitemap .nav_list .dep2 li a {font-size: 18px; font-weight: 500; color: #222;}












/* 모달팝업 */
#modal-content {display:none;width:600px;max-width:90%;height:500px;box-shadow:0 5px 15px rgba(0, 0, 0, 0.5);background-color: #fff;border: 1px solid rgba(0, 0, 0, 0.2);border-radius: 0;outline: 0 none}
#modal-content .modal-header {height:20px;border-bottom:1px solid #e5e5e5;padding:15px}
#modal-content .modal-header h4 {margin:0;font:bold 18px 'Malgun Gothic';color:#5d5d5d}
#modal-content .modal-body {padding:15px}
#modal-content .modal-body .b-iframe {width:570px;max-width:100%;height:430px}
#modal-content .b-close{float:right;font:bold 21px Arial;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20);padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}
#modal-content .b-close:hover, #modal-content .b-close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}
p.modal-frame-content{width:550px;max-width:100%;height:400px;padding-right:5px;overflow-x:hidden;overflow-y:auto;font:normal 12px 'Malgun Gothic';color:#555;line-height:1.65em}
/*.popbtn {text-decoration:none;cursor:pointer;margin:0 5px}*/
.b-modal __b-popup1__ {max-width:100%}
#modal-content .modal-header,#modal-content .modal-body{box-sizing:content-box !important}

#modal-content2 {display:none; width:400px; height:560px; background:rgba(54,54,54,0.9); border-radius:4px; border:0px;}
#modal-content2 .modal-header {position:relative; height:28px;}
#modal-content2 .modal-body2 {padding:0;}
#modal-content2 .b-close{position:absolute;top:0;right:16px;font-size:40px;font-weight:900;font-family:Tahoma;color:#fff;opacity:.5;filter:alpha(opacity=50);padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}
#modal-content2 .b-close:hover, #modal-content .b-close:focus{cursor:pointer;opacity:1;filter:alpha(opacity=100)}
#modal-content2 .modal-body2 .b-iframe {width:400px;height:560px;}