@charset "utf-8";
*:focus {outline:none; box-shadow: none;}
* {box-sizing:border-box;}
a {text-decoration:none;}
.comnHeader {width: var(--width); height:104px; overflow:hidden; position:relative; margin:0 auto;}
.comnHeader .logo {position:absolute; left:0; top:50%; transform:translate(0, -50%);}
.comnHeader .logo img {width:214px; height:70px;}
.comnSchForm {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:330px; height:38px; border:2px solid #212139; padding-right:40px; border-radius:38px; overflow:hidden;}
.comnSchForm input[type="text"] {display:inline-block; width:100%; height:34px; line-height:34px; font-size:16px; font-weight:600; color:#333; border:0; background:#FFF; padding:0 15px; box-sizing:border-box;}
.comnSchForm a {position:absolute; right:10px; top:50%; transform:translate(0, -50%); width:40px; height:38px; background:url(/img/ico_search.png) no-repeat 50% 50%;}

.headUtil {float:right; height:100%; display:flex; justify-content:flex-end; align-items:center;}
.headUtil .innerUtil {display:block; height:auto; overflow:hidden;}
.headUtil .innerUtil li {float:left; margin-right:20px;}
.headUtil .innerUtil li.single {float:none; display:block; margin-bottom:7px; text-align:right; margin-right:0;}
.headUtil .innerUtil li a {display:block; color:#333; font-size:14px;}
.headUtil .innerUtil li:last-child {margin-right:0;}
.headUtil .innerUtil li a .ico {display:inline-block; width:18px; height:18px; margin-right:3px; vertical-align:middle;}
.headUtil .innerUtil li a .ico.my {background:url(/img/ico_user.png) no-repeat 50% 50%;}
.headUtil .innerUtil li a .ico.lock {background:url(/img/ico_lock.png) no-repeat 50% 50%;}
.headUtil .innerUtil li a .ico.cart {background:url(/img/ico_cart.png) no-repeat 50% 50%;}
.headUtil .innerUtil li a .ico.pay {background:url(/img/ico_pay.png) no-repeat 50% 50%;}

#cart_count_num {color:#8700ff;}

.header {background:#1B1464; height:56px;}

.mainNotice {position:absolute; right:0; top:0; width:540px; height:56px; padding-left:56px;}
.mainNotice .ico {position:absolute; left:0; top:0; width:56px; height:56px; background:url(/img/ico_notice.png) no-repeat 50% 50%;}
.mainNotice .noticeArticle {line-height:56px; color:#FFF; font-size:16px; font-weight:500; position:relative; display:block;}
.mainNotice .noticeArticle .date {position:absolute; right:0; top:50%; transform:translate(0, -50%); text-align:right; font-size:14px;}
.mainNotice .noticeArticle a {display:block; color:#FFF; opacity:0.6;}
.mainNotice .noticeArticle a:hover {opacity:1.0;}

.serviceBox {display:block; height:auto; overflow:hidden; margin-top:10px; clear:both;}
.serviceBox .serBox {float:left; width:32%; height:214px; overflow:hidden; margin-right:2%; border:1px solid #ccc; border-radius:0; padding:30px; box-sizing:border-box;}
.serviceBox .serBox.goPay {padding:0px;}
.serviceBox .serBox.goPay a {display:block; padding:30px; box-sizing:border-box; color:#333;}
.serviceBox .serBox:last-child {margin-right:0;}
.serviceBox .serBox .serTitle {font-weight:700; color:#333; font-size:20px; margin-bottom:20px; letter-spacing:-1px;}
.serviceBox .serBox .cusTel {font-size:36px; font-weight:700; margin-bottom:20px;}
.serviceBox .serBox .etcInfo {font-size:16px; line-height:1.4; color:#333;}
.serviceBox .serBox .banking {font-size:30px; margin-bottom:10px; font-weight:700; margin-left:50px;}
.serviceBox .serBox .etcInfo.marSet {margin-left:50px;}
.serviceBox .serBox ul {display:block; height:auto; overflow:hidden; background:url(../img/bg_pay.png) no-repeat right top;}
.serviceBox .serBox ul li {display:block; font-size:16px; line-height:1.6; padding-left:12px; position:relative;}
.serviceBox .serBox ul li:after {content:''; position:absolute; left:0; top:10px; width:3px; height:3px; background:#333;}
.serviceBox .serBox ul li.caution {color:#8700ff; font-size:14px; line-height:1.4; margin-top:10px;}
.serviceBox .serBox ul li.caution:after {display:none;}

.serviceBox ul {display:flex; justify-content:space-between; align-items:stretch;}

.luncherBox {display:flex; justify-content:space-evenly; align-items:center; background:#f0f0f0; border-radius:15px; margin-top:40px;}

.luncherBox .qtSec {float:left; width:25%; height:auto; overflow:hidden; text-align:center; position:relative;}
.luncherBox .qtSec.mail {color:#8700ff; font-size:20px; font-weight:500;}
.luncherBox .qtSec.mail:before {content:''; display:inline-block; width:36px; height:36px; background:url(../img/ico_mail.png) no-repeat 50% 50%; margin-right:5px; vertical-align:-36px;}
.luncherBox .qtSec.mail a {display:inline-block; padding:25px 0; color:#8700ff;}
.luncherBox .qtSec.kakao {color:#000; font-size:18px; font-weight:500;}
.luncherBox .qtSec.kakao:before {content:''; display:inline-block; width:36px; height:36px; background:url(../img/ico_kakao.png) no-repeat 50% 50%; margin-right:5px; vertical-align:-36px;}
.luncherBox .qtSec.kakao a {display:inline-block; padding:25px 0; color:#000;}
.luncherBox .halfSec {float:left; width:50%; height:auto; position:relative;}
.luncherBox .halfSec .webhard {display:inline-block; margin:0 40px 0 20px;}
.luncherBox .halfSec .whAcc {padding-right:20px; font-size:16px; color:#333;}
.luncherBox .halfSec .whGo {position:absolute; right:30px; top:50%; transform:translate(0, -50%); padding:8px 20px; background:#0e005d; color:#FFF; font-weight:600; font-size:14px; border-radius:30px;}

#tabs_main2 ul.de_butn {float:none; display:flex; justify-content:center;}
#tabs_main2 ul.de_butn li.cho_btn2:last-child {display:none;}

.midBnr {display:block; text-align:center; padding:20px 0 0 0;}
.inner {display:block; height:auto; overflow:hidden; width:1220px; margin:0 auto;}

.topLongBnr {position:relative;}
.topLongBnr:before {content:''; position:absolute; left:0; top:0; width:50%; height:100%; background:#b59fcc;}
.topLongBnr:after {content:''; position:absolute; right:0; top:0; width:50%; height:100%; background:#7d559f;}
.topLongBnr .topBnr {position:relative; z-index:10; display:flex; justify-content:center; align-items:center; margin:0 auto;}
.topLongBnr .topBnr img {height:60px;}

.gloUtil {display:block; clear:both; height:auto; overflow:hidden; background:#f0f0f0;}
.gloUtil .inner {display:flex; justify-content:space-between; align-items:center; width:100%; max-width:1220px; margin:0 auto; padding:10px 0; position:relative;}
.gloUtil .inner .leftCon {display:flex; align-items:center; font-size:12px; color:#999;}
.gloUtil .inner .leftCon img {height:20px; vertical-align:middle; margin:0 5px;}
.gloUtil .inner .leftCon .comportChrome {padding:10px 0 10px 25px; background:url(../img/ico_chrome.svg) no-repeat left 50%; background-size:auto 20px; margin-left:90px;}
.gloUtil .inner .leftCon .comportChrome a {color:#999;}
.gloUtil .inner .rightCon {text-align:right;}
.gloUtil .inner .rightCon .txtMenu a {display:inline-block; color:#333; font-size:13px; padding:0 10px 0 5px; position:relative; font-weight:500;}
.gloUtil .inner .rightCon .txtMenu a:after {content:''; position:absolute; right:0; top:50%; transform:translate(0, -50%); width:1px; height:70%; background:#ccc;}
.gloUtil .inner .rightCon .txtMenu:last-child a:after {display:none;}

.btmBnr {clear:both; display:block; height:auto; overflow:hidden; margin:40px 0 20px;}
.btmBnr .btmInner {width:100%; max-width:1220px; margin:0 auto; display:flex; justify-content:space-between; align-items:stretch;}
.btmBnr .btmInner .bnrBox {display:block; width:24%; border:1px solid #ccc; background:#F6F7FB;}
.btmBnr .btmInner .bnrBox a {display:flex; justify-content:flex-start; align-items:center; padding:10px 20px;}
.btmBnr .btmInner .bnrBox a .ico {display:block; width:70px; height:70px;}
.btmBnr .btmInner .bnrBox a .ico.guide {background:url(/img/ico_guide.png) no-repeat 50% 50%; background-size:100%;}
.btmBnr .btmInner .bnrBox a .ico.consult {background:url(/img/ico_consult.png) no-repeat 50% 50%; background-size:100%;}
.btmBnr .btmInner .bnrBox a .ico.tax {background:url(/img/ico_tax.png) no-repeat 50% 50%; background-size:100%;}
.btmBnr .btmInner .bnrBox a .ico.draft {background:url(/img/ico_draft.png) no-repeat 50% 50%; background-size:100%;}
.btmBnr .btmInner .bnrBox a div {padding-left:20px; text-align:left;}
.btmBnr .btmInner .bnrBox a div .title {color:#333; font-size:20px; font-weight:600; margin-bottom:5px;}
.btmBnr .btmInner .bnrBox a div .desc {color:#999; font-size:14px;}

.mBbsSec {clear:both; display:block; height:auto; overflow:hidden;}
.mBbsSec .bbsInner {width:100%; max-width:1220px; margin:0 auto; display:flex; justify-content:space-between; align-items:stretch;}
.mBbsSec .bbsInner .mBbsBox {display:block; width:32%; border:1px solid #ccc; padding:20px;}
.mBbsSec .bbsInner .mBbsBox .title {color:#333; font-size:18px; padding-bottom:10px; border-bottom:1px solid #eee; text-align:left; font-weight:600; position:relative;}
.mBbsSec .bbsInner .mBbsBox .title .bbsMore a {position:absolute; right:5px; top:0px; color:#999; font-size:12px;}
.mBbsSec .bbsInner .mBbsBox ul {padding-top:15px;}
.mBbsSec .bbsInner .mBbsBox ul li {display:block; line-height:1.4; color:#333; font-size:14px; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:10px; cursor:pointer; position:relative; padding-right:90px; box-sizing:border-box}
.mBbsSec .bbsInner .mBbsBox ul li:last-child {margin-bottom:0;}
.mBbsSec .bbsInner .mBbsBox ul li.empty {text-align:center; padding:46px 0; color:#999; font-size:12px;}
.mBbsSec .bbsInner .mBbsBox ul li .date {position:absolute; right:0; top:0; text-align:right; font-size:12px; color:#999;}

.foot_copy {margin-top:60px;}
.foot_copy2 ul.copy_adr {padding-left:220px; box-sizing:border-box; position:relative;}
.foot_copy2 ul.copy_adr .btmLogo {position:absolute; left:10px; top:50%; transform:translate(0, -50%); width:160px; height:50px; background:url(../img/logo.svg) no-repeat 50% 50%; background-size:100%;}

.bp_con {padding:15px 0 0 0; display:block; height:auto; overflow:hidden;}

.noMail {position:fixed; left:50%; bottom:50px; transform:translate(-50%, 0); width:90%; max-width:500px; height:auto; border:8px solid #1B1464; background:#FFF; padding:20px; display:none;}
.noMail .noMailCon {display:block;}
.noMail .noMailCon .title {color:#333; font-size:18px; font-weight:700; margin-bottom:15px;}
.noMail .closeNomail a {position:absolute; right:8px; top:8px; width:40px; height:40px; z-index:10;}
.noMail .closeNomail a:after {content:''; position:absolute; left:20px; top:50%; width:2px; height:14px; background:#999; transform:translate(0, -50%) rotate(45deg);}
.noMail .closeNomail a:before {content:''; position:absolute; left:20px; top:50%; width:2px; height:14px; background:#999; transform:translate(0, -50%) rotate(-45deg);}
.noMail .noMailCon .cont {color:#999; font-size:16px; line-height:1.4; word-break:keep-all;}

.list_tit_top {clear:both; display:block; height:auto; overflow:hidden; margin-bottom:30px;}
.boardCau {clear:both; display:block; height:auto; overflow:hidden; background:#f9f9f9; border:1px solid #ccc; padding:30px; margin:0;}
.boardCau.white {background:#FFF; border:0;}
.boardCau .pageTitle {color:#000; font-size:24px; font-weight:700; margin-bottom:20px;}
.boardCau .bcTitle {color:#0D72B9; font-size:18px; line-height:1.0; font-weight:700; margin-bottom:5px;}
.boardCau .bcSub {color:#333; font-size:16px;}
.boardCau ul {display:block; height:auto; overflow:hidden; margin-top:25px;}
.boardCau ul li {display:block; position:relative; padding-left:28px; font-size:14px; line-height:1.3; margin-bottom:10px; font-weight:500; word-break:keep-all;}
.boardCau ul li:last-child {margin-bottom:0;}
.boardCau ul li span {position:absolute; left:0; top:0; line-height:1.3;}
.boardCau ul li em {font-style:normal; color:#EC2024;}

.cauBlock {display:flex; justify-content:flex-start; align-items:center;}
.cauBlock .blockTitle {width:100px; height:100px; background:#009FBE; color:#FFF; display:flex; justify-content:center; align-items:center; font-size:18px; font-weight:700; border-radius:50%; margin-right:30px;}
.cauBlock ul {display:block; width:calc(100% - 130px); border:1px solid #ccc; background:#f9f9f9; padding:30px;}
.cauBlock ul li {line-height:1.4;}

.foscreen4 {float:none !important; display:block; height:auto; overflow:hidden;}