@charset "utf-8";

.mypage-visual {height:160px; background:#f5fafd url('../../../images/mypage/mypage_visual.jpg') 100% 50% no-repeat; background-size:cover; width:100%; display:table;}
.mypage-visual .cell {width:100%; height:100%; display:table-cell ;vertical-align:middle; padding:0 20px;}
.mypage-visual .name {font-size:1em; line-height:1.6em; color:#8a8a8a; margin-bottom:5px;}
.mypage-visual .name strong {color:#25b7c7;font-weight:700;}
.mypage-visual .title {font-size:1.6em; line-height:1.6em; color:#071b4a; font-weight:700;font-family: 'JSDongkang';}
.mypage-visual .path {color:#8a8a8a; font-size:15px; line-height:1.4em; margin-bottom:20px;}
.mypage-visual .path .arrow {border: solid #8a8a8a; border-width: 0 1px 1px 0; display: inline-block; vertical-align:middle; padding: 3px; transform: rotate(-45deg); margin:0 10px;}
.mypage-visual .path .last {color:#25b7c7;}

.mypage-menu {margin:25px 0 ;}
.mypage-menu ul {display:flex; border-bottom:1px solid #ddd;}
.mypage-menu ul li {width:25%; text-align:center; font-size:1.1em; line-height:40px;}
.mypage-menu ul li a {display:block; position:relative; color:#2f363c}
.mypage-menu ul li a:after {content:"";position:absolute; bottom:-1px; left:0; width:100%; height:2px; background:#25b7c7; opacity:0;}
.mypage-menu ul li.active a {color:#25b7c7;font-weight:500;}
.mypage-menu ul li.active a:after {opacity:1;}

.mypage-search {position:relative; max-width:1400px; margin:0 auto 15px;}
.mypage-search:after {content:"";display:block;clear:both;}
.mypage-search .btn-wrap {margin-bottom:10px;}
.mypage-search .btn-wrap .bar {padding:0 10px;}
.mypage-search .btn-wrap .mypage-btn-wrap {height:35px; font-size:.9em; line-height:33px;}
.mypage-search .search-wrap {position:relative;}
.mypage-search .select2 {width:80px; height:35px; line-height:33px; font-size:.9em;font-weight:200; color:#2f363c;}
.mypage-search .input {width:calc(100% - 85px); height:35px; line-height:33px; background:#fff; padding-left:15px; border-radius:5px; border:1px solid #ddd}
.mypage-search :not(.button-wrap) button,
.mypage-search :not(.button-wrap) input[type=button] {position:absolute; top:0; right:0; width:35px; height:35px; border:0;border-radius:0; background:#25b7c7 url('../../../images/mypage/bt_search.png') 50% 50% no-repeat; background-size:18px; font-size:0; border-radius:0 5px 5px 0}

.mypage-notice-list {max-width:1400px; margin:0 auto; border-radius:5px; border:1px solid #ddd; border-bottom:0; overflow:hidden;}
.mypage-notice-list table {width:100%; border-collapse:collapse; border-spacing:0px; }
.mypage-notice-list table thead th {padding:10px 8px 10px 20px;height:30px; text-align:left; border-bottom:1px solid #ddd;background:#fafafa; color:#2f363c; font-size:16px; line-height:22px; font-weight:500;}
.mypage-notice-list table tbody tr {color:#666; transition: all 0.2s ease-in-out;}
.mypage-notice-list table tbody td {padding:10px 7px 10px 20px; border-bottom:1px solid #ddd; font-size:16px; font-weight:400; line-height:22px; }
.mypage-notice-list table tbody tr.active {background:#f4fbfc;}
.mypage-notice-list table tbody tr:hover{background:#f4fbfc; color:#25b7c7}
.mypage-notice-list ul li {position:relative; padding:15px 10px; border-bottom:1px solid #ddd; color:#2f363c; font-size:1em;}
.mypage-notice-list ul li .check-group {display:flex; align-items:center;}
.mypage-notice-list ul li .check-group .ch {flex:1 1 30px; max-width:30px;}
.mypage-notice-list ul li .check-group .text {flex:2}
.mypage-notice-list ul li .tit {font-size:1em; line-height:1.4em; font-weight:500; margin-bottom:5px;}
.mypage-notice-list ul li .info {font-size:.9em; line-height:1.4em; color:#666}
.mypage-notice-list ul li.active {background:#f4fbfc; color:#25b7c7}
.mypage-notice-list ul li.first {background:#f5f5f5}
.mypage-notice-list ul li.none {padding:30px 0; font-size:.9em; color:#999; text-align:center;}
.mypage-notice-list .btn-info {display:flex; align-items:center; font-size:.9em; line-height:1.4em; color:#666}
.mypage-notice-list .price {display:flex; align-items:center;}
.mypage-notice-list .bar {padding:0 5px;}
.mypage-notice-list .mypage-btn-wrap.medium {height:25px; line-height:23px;}
.mypage-notice-list .mypage-btn-wrap.medium:hover {background:#25b7c7; color:#fff; border-color:#25b7c7}
.mypage-notice-list .mypage-btn-wrap.medium_new:hover {background: url('/images/mypage/mypage_setting_hover.png') 50% 50% no-repeat; background-size: cover; width: 22px;}
.mypage-notice-list .mypage-btn-wrap.medium_new2:hover {background: url('/images/mypage/mypage_file_hover.png') 50% 50% no-repeat; background-size: cover; width: 22px;}
.mypage-notice-list .input.round {border-radius:5px;}
.mypage-notice-list.type2 ul li {padding:15px 10px 15px 23px;}
.mypage-notice-list .select2 {background-position:97% 50%; height:35px; line-height:33px; font-size:.9em}

.mypage-board-write {max-width:1400px; margin:0 auto;}
.mypage-board-write .group {margin-bottom:10px; display:table; table-layout:fixed; width:100%; }
.mypage-board-write .group .title,
.mypage-board-write .group .info {display:table-cell; vertical-align:middle;}
.mypage-board-write .group .title {width:60px; font-size:.9em ;line-height:1.6em; color:#2f363c}
.mypage-board-write .textarea, .input {color:#2f363c; border-radius:5px;}
.mypage-board-write .textarea {padding:15px; line-height:1.7em;}

.mypage-board-view {max-width:1400px; margin:0 auto;}
.mypage-board-view .box {border-radius:5px; border:1px solid #ddd; overflow:hidden; margin-bottom:30px;}
.mypage-board-view .title {color:#2f363c; font-size:1em; line-height:1.4em;font-weight:700; padding:10px;border-bottom:1px solid #ddd;}
.mypage-board-view .info {background:#fafafa; padding:10px; border-bottom:1px solid #ddd;}
.mypage-board-view .info .row {margin-bottom:10px; display:table; table-layout:fixed; width:100%; font-size:.9em; line-height:1.4em; color:#666;}
.mypage-board-view .info .row .tit,
.mypage-board-view .info .row .cnt {display:table-cell;vertical-align:top;}
.mypage-board-view .info .row .tit {width:80px; padding-right:15px;}
.mypage-board-view .info .row a:hover {color:#25b7c7}
.mypage-board-view .body {padding:10px; font-size:.9em; line-height:1.6em; color:#2f363c;}
.mypage-board-view .answer {background:#fafafa; border:1px solid #ddd; border-radius:5px;}
.mypage-board-view .answer .title {border-bottom:0; padding:10px 10px 5px;}


.notice-paginate {margin:25px 0; text-align:center;}
.notice-paginate a,
.notice-paginate strong{display:inline-block;text-align:center; zoom:1;*display:inline;position:relative;width:30px;height:30px;border:1px solid #ccc;margin:0 1px;padding:0; border-radius:5px; font-size:14px;line-height:28px;color:#2f363c;background-color:#fff;text-decoration:none;vertical-align:middle;}  
.notice-paginate strong{color:#fff;border-color:#25b7c7;background:#25b7c7; font-weight:500}  
.notice-paginate a.direction{padding:0; background-position:50% 50%; background-repeat:no-repeat;}
.notice-paginate a.direction span {font-size:0;line-height:0;text-indent:-999px;}
.notice-paginate a.direction.first {background-image:url("../../../images/bbs/btn_first.png");}
.notice-paginate a.direction.prev {background-image:url("../../../images/bbs/btn_prev.png");}
.notice-paginate a.direction.next {background-image:url("../../../images/bbs/btn_next.png");}
.notice-paginate a.direction.last {background-image:url("../../../images/bbs/btn_last.png");}

.notice-paginate2 {margin:30px 0; display:flex; justify-content: center; text-align:center;}
.notice-paginate2 a,
.notice-paginate2 strong{display:inline-block;text-align:center; zoom:1;*display:inline;position:relative;width:30px;height:30px;border:1px solid #ccc;margin:0 1px;padding:0; border-radius:5px; font-size:14px;line-height:28px;color:#2f363c;background-color:#fff;text-decoration:none;vertical-align:middle;}  
.notice-paginate2 strong{color:#25b7c7;border-color:#25b7c7;background:#fff; font-weight:500}  
.notice-paginate2 .direction{padding:0; background-position:50% 50%; background-repeat:no-repeat;}
.notice-paginate2 .direction span {font-size:0;line-height:0;text-indent:-999px;}
.notice-paginate2 .first {width:50px; background-image:url("/images/bbs/btn_first.png");}
.notice-paginate2 .prev {background-image:url("../../../images/bbs/btn_prev.png"); margin-right:10px;}
.notice-paginate2 .next {background-image:url("../../../images/bbs/btn_next.png"); margin-left:10px;}
.notice-paginate2 .last {width:50px; background-image:url("/images/bbs/btn_last.png");}

.mypage-index-tit {font-size:20px; line-height:1.4em; color:#000;font-weight:500; margin-bottom:20px;}

.mypage-link-box {}
.mypage-link-box .row {display:flex; flex-wrap:wrap; margin-left:-5px; margin-bottom:-5px;}
.mypage-link-box .col {position:relative; width:calc(50% - 5px);  padding:20px 0;margin-left:5px; margin-bottom:5px; text-align:center; border:1px solid #ddd; border-radius:5px;  transition: all 0.2s ease-in-out;}
.mypage-link-box .col .icon {width:70px; height:70px; border:1px solid #ddd; border-radius:50%; background-repeat:no-repeat; background-position:50% 50% ; margin:0 auto 10px;}
.mypage-link-box .col .tit {font-size:1.1em; line-height:1.4em; color:#000;font-weight:500; transition: all 0.2s ease-in-out;}
.mypage-link-box .col:nth-child(8) {border:0}
.mypage-link-box .col:hover {border-color:#25b7c7}
.mypage-link-box .col:hover .tit {color:#25b7c7}
.mypage-link-box .col .link {display:none;}
.mypage-link-box .col.active .link {display:block;}
.mypage-link-box .col .web-link {position:absolute; top:0; left:0; width:100%; height:100%; border-radius:5px; overflow:hidden; background:#f4fbfc;}
.mypage-link-box .col .web-link .group {height:33.3333%; width:100%; display:table; table-layout:fixed; border-bottom:1px solid #ddd;}
.mypage-link-box .col .web-link .group:last-child {border-bottom:0;}
.mypage-link-box .col .web-link .group a {display:table-cell; display:flex; align-items:center; vertical-align:middle;  width:100%; height:100%;}
.mypage-link-box .col .web-link .group .ico {width:50%;  padding-right:15px;height:50%; background-repeat:no-repeat; background-position:20px 50%;transition: all 0.2s ease-in-out;}
.mypage-link-box .col .web-link .group:nth-child(1) .ico {background-image:url('../../../images/mypage/web_icon1.png');  background-size:40px;}
.mypage-link-box .col .web-link .group:nth-child(2) .ico {background-image:url('../../../images/mypage/web_icon2.png');  background-size:25px;}
.mypage-link-box .col .web-link .group:nth-child(3) .ico {background-image:url('../../../images/mypage/web_icon3.png');  background-size:25px;}
.mypage-link-box .col .web-link .group:nth-child(1) a:hover .ico {background-image:url('../../../images/mypage/web_icon1_hover.png');}
.mypage-link-box .col .web-link .group:nth-child(2) a:hover .ico {background-image:url('../../../images/mypage/web_icon2_hover.png');}
.mypage-link-box .col .web-link .group:nth-child(3) a:hover .ico {background-image:url('../../../images/mypage/web_icon3_hover.png');}
.mypage-link-box .col .web-link .group .tt {width:50%; font-size:.9em; line-height:1.4em; color:#25b7c7; text-align:right;font-weight:400; transition: all 0.2s ease-in-out; padding-right:70px;}
.mypage-link-box .col .web-link .group:hover {background:#25b7c7}
.mypage-link-box .col .web-link .group:hover .tt {color:#fff}
.mypage-link-box .col .ssl-link {position:absolute; top:0; left:0; width:100%; height:100%; border-radius:5px; overflow:hidden; background:#f4fbfc;}
.mypage-link-box .col .ssl-link .group {height:25%; width:100%; display:table; table-layout:fixed; border-bottom:1px solid #ddd;}
.mypage-link-box .col .ssl-link .group:last-child {border-bottom:0;}
.mypage-link-box .col .ssl-link .group a {display:table-cell; display:flex; align-items:center; vertical-align:middle;  width:100%; height:100%;}
.mypage-link-box .col .ssl-link .group .ico {width:25px; margin-left:30px; height:25px; font-size:0; line-height:0; color:#fff;font-weight:700; background-size:25px; padding-top:18px; letter-spacing:0; background-repeat:no-repeat; background-position:0 50%;  transition: all 0.2s ease-in-out;}
.mypage-link-box .col .ssl-link .group:nth-child(1) .ico {background-image:url('../../../images/mypage/ssl_icon1.png');}
.mypage-link-box .col .ssl-link .group:nth-child(2) .ico{background-image:url('../../../images/mypage/waf_icon.png');}
.mypage-link-box .col .ssl-link .group:nth-child(3) .ico{background-image:url('../../../images/mypage/vpn_icon.png');}
.mypage-link-box .col .ssl-link .group:nth-child(4) .ico{background-image:url('../../../images/mypage/nms_icon.png');}
.mypage-link-box .col .ssl-link .group:hover:nth-child(1) .ico{background-image:url('../../../images/mypage/ssl_icon1_on.png');}
.mypage-link-box .col .ssl-link .group:hover:nth-child(2) .ico{background-image:url('../../../images/mypage/waf_icon_on.png');}
.mypage-link-box .col .ssl-link .group:hover:nth-child(3) .ico{background-image:url('../../../images/mypage/vpn_icon_on.png');}
.mypage-link-box .col .ssl-link .group:hover:nth-child(4) .ico{background-image:url('../../../images/mypage/nms_icon_on.png');}
.mypage-link-box .col .ssl-link .group .tt {width:calc(100% - 80px); font-size:.9em; line-height:1.4em; color:#25b7c7; text-align:right;font-weight:400; transition: all 0.2s ease-in-out; padding-right:20px;}
.mypage-link-box .col .ssl-link .group:hover {background:#25b7c7}
.mypage-link-box .col .ssl-link .group:hover .ico {color:#25b7c7;}
.mypage-link-box .col .ssl-link .group:hover .tt {color:#fff}
.mypage-link-box .col .sol-link {position:absolute; top:0; left:0; width:100%; height:100%; border-radius:5px; overflow:hidden; background:#f4fbfc;}
.mypage-link-box .col .sol-link .group {height:50%; width:100%; display:table; table-layout:fixed; border-bottom:1px solid #ddd; border-bottom:1px solid #ddd;}
.mypage-link-box .col .sol-link .group:last-child {border-bottom:0;}
.mypage-link-box .col .sol-link .group a {display:table-cell; display:flex; align-items:center; vertical-align:middle;  width:100%; height:100%;}
.mypage-link-box .col .sol-link .group .ico {width:50%;  height:50%; background-repeat:no-repeat; background-position:20px 50%; transition: all 0.2s ease-in-out;}
.mypage-link-box .col .sol-link .group:nth-child(1) .ico {background-image:url('../../../images/mypage/sol_icon1.png'); background-size:30px;}
.mypage-link-box .col .sol-link .group:nth-child(2) .ico {background-image:url('../../../images/mypage/sol_icon2.png'); background-size:50px;}
.mypage-link-box .col .sol-link .group:nth-child(1) a:hover .ico {background-image:url('../../../images/mypage/sol_icon1_hover.png');}
.mypage-link-box .col .sol-link .group:nth-child(2) a:hover .ico {background-image:url('../../../images/mypage/sol_icon2_hover.png');}
.mypage-link-box .col .sol-link .group .tt {width:50%; font-size:.9em; line-height:1.4em; color:#25b7c7; text-align:right;font-weight:400; transition: all 0.2s ease-in-out; padding-right:20px;}
.mypage-link-box .col .sol-link .group:hover {background:#25b7c7}
.mypage-link-box .col .sol-link .group:hover .tt {color:#fff}
.mypage-link-box .col .pic img {height:80px;}
/* .mypage-link-box .col:nth-child(3):hover .web-link {opacity:1;}
.mypage-link-box .col:nth-child(6):hover .ssl-link {opacity:1;}
.mypage-link-box .col:nth-child(7):hover .sol-link {opacity:1;} */

.mypage-nav {margin-bottom:20px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.mypage-nav ul {display:flex; padding:0 10px;}
.mypage-nav ul li {text-align:center; width:auto; padding:0 10px;font-size:16px; line-height:50px;}
.mypage-nav ul li:first-child {padding-left:0;}
.mypage-nav ul li a {display:block; padding:0 10px; position:relative; color:#666}
.mypage-nav ul li a:after {content:"";position:absolute; bottom:-1px; left:0; width:100%; height:3px; background:#25b7c7; opacity:0;}
.mypage-nav ul li.active a {color:#25b7c7;font-weight:500;}
.mypage-nav ul li.active a:after {opacity:1;}

.mypage-title {text-align:center; margin-bottom:20px;}
.mypage-title h2 {font-size:1.1em; line-height:1.4em;font-weight:700; font-family: 'JSDongkang';}
.mypage-title p {font-size:.9em; line-height:1.4em; color:#666; padding-top:10px;}

.mypage-contain {max-width:880px; margin:0 auto;}
.mypage-contain.w1000 {max-width:1000px;}
.mypage-contain.w1100 {max-width:1100px;}

.mypage-btn-wrap {display:inline-block;overflow:visible;position:relative;margin:0 2px;padding:0 10px;background:#fff;color:#505050;border:1px solid #ddd;text-align:center;-webkit-border-radius:0;border-radius:0;text-decoration:none !important;vertical-align:top;white-space:nowrap;cursor:pointer;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.mypage-btn-wrap.focus {background:#25b7c7; border:1px solid #25b7c7; color:#fff;}
.mypage-btn-wrap.dark {background:#505050; border:1px solid #505050; color:#fff;}
.mypage-btn-wrap.blue {background:#fff; border:1px solid #ddd; color:#25b7c7;}
.mypage-btn-wrap.blue_new {background:none;border:0;}
.mypage-btn-wrap.medium {height:30px;padding:0 10px;line-height:28px;font-size:1em;font-weight:400;letter-spacing:-.04em;}
.mypage-btn-wrap.medium_new {width:22px;height:22px;padding:0;line-height:28px;font-size:1em;font-weight:400;letter-spacing:-.04em;}
.mypage-btn-wrap.medium_new2 {width:22px;height:22px;padding:0;line-height:28px;font-size:1em;font-weight:400;letter-spacing:-.04em;}*/
.mypage-btn-wrap.medium2 {height:40px;padding:0 15px;  line-height:38px;font-size:1em;font-weight:400;letter-spacing:-.04em;}
.mypage-btn-wrap.large {height:40px;width:80px; line-height:38px;font-size:.9em;font-weight:300;letter-spacing:-.06em;}
.mypage-btn-wrap.xlarge {height:40px; padding:0 15px;line-height:38px;font-size:1em;font-weight:300;}
.mypage-btn-wrap.small {height:30px;padding:0 10px;line-height:28px;font-size:14px;}
.mypage-btn-wrap.comment {width:110px; height:62px;padding:0;line-height:60px;font-size:18px;font-weight:400;}
.mypage-btn-wrap.submit {width:130px;height:50px;line-height:48px;border:1px solid #25b7c7;background:#25b7c7;color:#fff;font-size:16px;font-weight:500;}
.mypage-btn-wrap.cancel {width:130px;height:50px;line-height:48px;border:1px solid #a6a7a7;background:#fff;color:#4d4d4d;font-size:16px;font-weight:500;}
.mypage-btn-wrap.round {border-radius:5px;}

.mypage-form {}
.mypage-form .group {display:table; table-layout:fixed; width:100%; margin-bottom:10px;}
.mypage-form .group:last-child {margin-bottom:0;}
.mypage-form .group .input-cell,
.mypage-form .group .input-btn {display:table-cell ;vertical-align:middle;}
.mypage-form .group .input-cell {padding-right:5px;}
.mypage-form .group .input-btn {width:90px; text-align:right;}
.mypage-form .group .input {width:100%; height:40px; border-radius:5px; line-height:43px; font-size:.9em; color:#9d9d9d; padding:0 10px;}

.my-domain-form {}
.my-domain-form .group {margin-bottom:10px;}
.my-domain-form .group:last-child {margin-bottom:0;}
.my-domain-form .input-cell {position:relative;}
.my-domain-form .btn {text-align:right; width:200px}
.my-domain-form .title {width:100px;font-size:1em; line-height:1.4em; color:#2f363c; margin-bottom:5px;}
.my-domain-form .point {color:#ff0000}
.my-domain-form .input {height:40px; border-radius:5px; line-height:38px; font-size:1em; color:#2f363c; padding:0 10px;}
.my-domain-form .input-domain {position:absolute; top:0; right:0; border:1px solid #ddd; background:#fafafa; padding:0 15px; line-height:38px; font-size:.9em; color:#9d9d9d; border-radius:0 5px 5px 0; }
.my-domain-form .input-del {position:absolute; top:0; right:0; border:1px solid #ddd; background:#25b7c7; padding:0 15px; line-height:38px; font-size:.9em; color:#fff; border-radius:0 5px 5px 0;}
.my-domain-form .mypage-btn-wrap.large {width:auto; padding:0 10px; border:1px solid #25b7c7; color:#25b7c7;}
.my-domain-form .mypage-btn-wrap.large.focus {color:#fff;}
.my-domain-form.type2 .title {padding-left:0; width:120px;}
.my-domain-form .textarea {font-size:1em; line-height:1.6em; color:#2f363c; padding:15px; border-radius:5px;}
.my-domain-form .input-tt {font-size:1.1em; line-height:1.4em;  color:#25b7c7;}

.filebox label {display: inline-block; color:#2f363c; font-size:17px; line-height:37px; vertical-align: middle; padding:0 10px 0 30px;background:#f2f2f2 url('../../../images/mypage/icon_file.png') 10px 50% no-repeat;cursor: pointer; border: 1px solid #ddd; border-radius:5px; } 
.filebox input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }

.server-btn {display:inline-block; vertical-align:top; padding:0 20px; border-radius:5px; font-size:1.2em; line-height:50px; font-weight:700;text-align:center;background:#fff; border:1px solid #25b7c7; color:#25b7c7;font-family: 'JSDongkang';}
.server-btn:hover {background:#25b7c7; color:#fff;}

.accunt-db {}
.accunt-db .group {margin-bottom:45px;}
.accunt-db .group:last-child {margin-bottom:0;}
.accunt-db .tit {font-size:1.1em; line-height:1.4em; color:#2f363c; font-weight:500; margin-bottom:5px;}
.accunt-db .row {border-top:2px solid #2f363c;}
.accunt-db .col {border-bottom:1px solid #ddd; padding:10px; display:flex; font-size:.9em;line-height:1.6em; color:#666}
.accunt-db .col .col-2 {padding-right:20px;}

.pop-tax {position:relative; max-width:750px; margin:0 auto; background:#fff; border-radius:10px; overflow:hidden;}
.pop-tax h1 {font-size:1.1em; line-height:50px; background:#fafafa; border-bottom:1px solid #ddd;color:#2f363c; font-weight:700;text-align:center; font-family: 'JSDongkang';}
.pop-tax .box {padding:20px;}
.pop-tax .group {margin-bottom:10px;}
.pop-tax .group:last-child {margin-bottom:0;}
.pop-tax .group .title {font-size:1em; line-height:1.4em; color:#2f363c; margin-bottom:5px;}
.pop-tax .group .input {width:100%; border-radius:5px; height:35px; line-height:33px; color:#2f363c}
.pop-tax .close {position:absolute; top:10px; right:10px; width:30px; height:30px; border-radius:50%; background:#666; z-index:10;}
.pop-tax .close span {font-size:0; line-height:0; text-indent:-9999;}
.pop-tax .close:before, .pop-tax .close:after {content:'';position:absolute; left:15px; top:7px;height:16px; width:2px;background-color:#fff;}
.pop-tax .close:before {transform: rotate(45deg);}
.pop-tax .close:after {transform: rotate(-45deg);}
.pop-tax .close:hover {background:#25b7c7}

.pay-price-box {border:1px solid #ddd; border-radius:10px; background:#fafafa; padding:20px 10px; margin-top:30px;}
.pay-price-box .row {display:flex; justify-content:center; margin-bottom:-15px;flex-wrap:wrap; align-items:center; color:#000;}
.pay-price-box .col {text-align:center; margin-bottom:15px;}
.pay-price-box .col:nth-child(8) {width:100%;}
.pay-price-box .tit {font-size:1em; line-height:1.4em;  font-weight:500; margin-bottom:5px;}
.pay-price-box .price {font-size:1.1em; line-height:1.4em; font-weight:500;}
.pay-price-box .price span {font-size:1em; color:#000}
.pay-price-box .price.last {color:#25b7c7;}
.pay-price-box .plus {font-size:1em; line-height:1.4em; padding:0 10px;}
.pay-price-box .btn-col {margin-bottom:5px;}
.pay-price-box .btn-col:last-child {margin-bottom:0;}
.pay-price-box .btn-col .mypage-btn-wrap.focus,
.pay-price-box .btn-col .mypage-btn-wrap.blue {width:150px; margin:0 auto; height:40px; line-height:38px; font-size:1.1em;font-weight:500;}
 
.pay-payment-wrap {max-width:1300px; margin:0 auto 30px; overflow:hidden;}
.pay-payment-wrap .info .title {font-size:1.2em; line-height:1.4em;  color:#2f363c;font-weight:500; margin-bottom:5px;}
.pay-payment-wrap .info .row {border-top:2px solid #2f363c; display:flex; align-items:center; border-bottom:1px solid #ddd; margin-bottom:20px;}
.pay-payment-wrap .info .row:last-child {margin-bottom:0;}
.pay-payment-wrap .info .row.domain {justify-content: space-between;}
.pay-payment-wrap .info .row.domain .col {font-size:1.1em; line-height:1.4em; color:#2f363c; font-weight:500; }
.pay-payment-wrap .info .row.domain .most {font-family: 'Montserrat', sans-serif; font-weight:600;}
.pay-payment-wrap .info .row.domain .price {color:#25b7c7}
.pay-payment-wrap .info .row.domain .bar {padding:0 5px;}
.pay-payment-wrap .info .row .col {padding:15px 10px; font-size:1em; line-height:1.4em; color:#666}
.pay-payment-wrap .info .checkbox {vertical-align:middle;}
.pay-payment-wrap .info .mypage-btn-wrap {vertical-align:middle; margin-left:10px;}
.pay-payment-wrap .info .radio-bar {padding:0 10px;}

.pay-payment-wrap .price-box {width:100%; margin-top:20px;}
.pay-payment-wrap .price-box .box {border:1px solid #ddd; border-radius:10px; overflow:hidden;}
.pay-payment-wrap .price-box .title {font-size:20px; line-height:60px;font-weight:500; background:#fafafa; padding-left:15px; border-bottom:1px solid #ddd;}
.pay-payment-wrap .price-box .wrap {padding:20px;}
.pay-payment-wrap .price-box .tit {font-size:16px; line-height:1.6em;font-weight:500; color:#666; margin-bottom:5px;}
.pay-payment-wrap .price-box .row {display:flex; justify-content: space-between; margin-bottom:10px;}
.pay-payment-wrap .price-box .row .tt {position:relative; font-size:15px; line-height:1.4em; color:#666; padding-left:15px;}
.pay-payment-wrap .price-box .row .tt:before {content:"";position:absolute; top:3px; left:0; width:8px; height:8px; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.pay-payment-wrap .price-box .row .price {font-size:18px; line-height:1.4em; color:#000; }
.pay-payment-wrap .price-box .most {font-family: 'Montserrat', sans-serif; font-weight:600;}
.pay-payment-wrap .price-box .total {border-top:1px solid #ddd; padding-top:20px; display:flex; justify-content: flex-end; font-size:20px; line-height:1.4em;}
.pay-payment-wrap .price-box .total .tt {padding-right:20px;}
.pay-payment-wrap .price-box .total .price {font-weight:500;}
.pay-payment-wrap .ch-group {display:flex;  justify-content: space-between; align-items:center;}


.pop-mypage {max-width:750px; margin:0 auto; position:relative;}
.pop-mypage .box {padding:20px;}
.pop-mypage .group {margin-bottom:10px; color:#2f363c;}
.pop-mypage .tit {margin-bottom:5px; font-size:1em ;line-height:1.4em;}
.pop-mypage .point {color:#ff0000;}
.pop-mypage .mypage-btn-wrap.blue {border-color:#25b7c7; width:auto; padding:0 20px; margin-right:0; height:35px; line-height:33px;}
.pop-mypage .close {position:absolute; top:10px; right:10px; width:30px; height:30px; border-radius:50%; background:#666; z-index:10;}
.pop-mypage .close span {font-size:0; line-height:0; text-indent:-9999;}
.pop-mypage .close:before, .pop-mypage .close:after {content:'';position:absolute; left:15px; top:7px;height:16px; width:2px;background-color:#fff;}
.pop-mypage .close:before {transform: rotate(45deg);}
.pop-mypage .close:after {transform: rotate(-45deg);}
.pop-mypage .close:hover {background:#25b7c7}

/* 추가 */
//.notice-paginate2 .is-current {display:inline-block;text-align:center; zoom:1;*display:inline;position:relative;width:36px;height:36px;border:1px solid #ccc;margin:0 1px;padding:0; border-radius:5px; font-size:14px;line-height:34px;color:#2f363c;background-color:#fff;text-decoration:none;vertical-align:middle;}
.notice-paginate2 .is-current {color:#25b7c7;border-color:#25b7c7;background:#fff; font-weight:500}
.owner-area,
.dbpw-area {
  display: none;
}
.my-domain-form .org-area .group {display:table; table-layout:fixed; width:100%; margin-bottom:20px;}
#mypage .my-domain-form input,
#mypage .my-domain-form .select2 {
  width: 100%;
}
#mypage .account-forward-area input {width:calc(100% - 172px);}
#mypage .input-cell,
.pop .info {
  position: relative;
}
#mypage .email-countdown,
.pop .email-countdown {
  width:60px; line-height:48px; text-align:center; position:absolute; right:2rem; top:0;
}
#mypage .myinfo-input-area {display: none;}
#mypage .col-input {display:table-cell; vertical-align: middle;}
#mypage .col-bar {display: table-cell; width: 26px; vertical-align: middle; text-align: center;}
#mypage .col-bar .bar {display:block; width:8px; height:2px; background: #282828; margin:0 auto;}
.work-new-area .mypage-btn-wrap.middle {width:70px; height:33px; line-height:24px; font-size:16px; font-weight:300; border:1px solid #a6a7a7; color:#4d4d4d;}
.mypage-search .button-wrap button {width:68px; height:35px; border-radius:5px;}
.ck-editor__editable {min-height:400px; margin-bottom:12px;}
.fileupload-progress {height:40px;}
.fileupload-progress .progress {margin:0; width:0%;}
.is-hidden {display: none!important;}