132 lines
7.2 KiB
CSS
132 lines
7.2 KiB
CSS
@charset "utf-8";
|
|
/* doc.css는 디자인페이지 스타일을 정의합니다. */
|
|
|
|
.table {display:table; table-layout:fixed; width:100%;}
|
|
.cell {display:table-cell; vertical-align:middle;}
|
|
|
|
.indent {margin-left:30px;}
|
|
.indent20 {margin-left:20px;}
|
|
|
|
.doc-tit {font-size:18px;line-height:1.4em;font-weight:500; color:#454545; padding-bottom:15px; margin:0 auto 40px; border-bottom:1px solid #ddd; max-width:1200px;}
|
|
.doc-tit:before {content:""; display:inline-block;vertical-align:middle;margin:-.2em 8px 0 0; width:22px;height:22px; background:url('../images/sub/blt.png') 0 0 no-repeat;}
|
|
|
|
.doc-cnt {margin-bottom:50px;}
|
|
.doc-cnt:last-child {margin-bottom:0;}
|
|
.doc-cnt.bg-gr {padding:40px 0; background:#f5f5f5;}
|
|
|
|
.hpn-list > li {padding-left:.6em; text-indent:-.6em;}
|
|
.num-list > li {padding-left:1.0em; text-indent:-1.0em;}
|
|
.cir-list > li {padding-left:1.2em; text-indent:-1.2em;}
|
|
.dot-txt {padding-left:.9em; text-indent:-.9em;}
|
|
.dot-txt:before {content:"";display:inline-block; margin:-.2em 8px 0 0; width:7px; height:7px; background:#107ada; border-radius:50%; vertical-align:middle;}
|
|
|
|
.table01 {width:100%; border-collapse:collapse; border-spacing:0px; letter-spacing:-.02em; text-align:center;}
|
|
.table01 thead th {padding:10px 10px; font-size:17px; font-weight:400; line-height:25px; color:#686868; border:1px solid #ddd; background:#fcf5ea;}
|
|
.table01 tbody th {padding:10px 10px; font-size:17px; font-weight:400; line-height:25px; color:#686868; border:1px solid #ddd; background:#fcf5ea;}
|
|
.table01 tbody td {padding:10px 10px; font-size:16px; font-weight:300; line-height:25px; color:#686868; border:1px solid #ddd;}
|
|
|
|
.greeting:after {content:"";display:block;clear:both;}
|
|
.greeting .img {float:left;}
|
|
.greeting .text {margin-left:655px; padding-top:50px;}
|
|
.greeting h3 {position:relative; color:#107ada; font-size:25px; font-weight:500; line-height:1.6em; margin-bottom:40px;}
|
|
.greeting h3:after {content:"";position:absolute;top:20px;left:-215px; width:200px; height:2px; background:#107ada;}
|
|
.greeting p {line-height:1.6em; margin-bottom:25px;}
|
|
|
|
.corevalue {text-align:center; overflow:hidden;}
|
|
.corevalue .row {margin:0 -15px;}
|
|
.corevalue .row:after {content:"";display:block;clear:both;}
|
|
.corevalue .col {float:left; width:25%; padding:0 15px;}
|
|
.corevalue .col .box {position:relative; padding:30px 0; border:1px solid;}
|
|
.corevalue .col .box:after {content:"";position:absolute;top:-1px;left:65px;right:65px; height:2px;}
|
|
.corevalue .col .tit {font-size:20px; line-height:1.3em; font-weight:400; margin:15px 0 10px;}
|
|
.corevalue .col .txt {font-size:15px; line-height:1.5em;}
|
|
.corevalue .col:nth-child(odd) .box {border-color:#8ea6d7;}
|
|
.corevalue .col:nth-child(even) .box {border-color:#8ec0ed;}
|
|
.corevalue .col:nth-child(odd) .box:after {background:#0f42aa;}
|
|
.corevalue .col:nth-child(even) .box:after {background:#107ada;}
|
|
.corevalue .col:nth-child(odd) .tit {color:#0f42aa;}
|
|
.corevalue .col:nth-child(even) .tit {color:#107ada;}
|
|
|
|
.org {text-align:center;}
|
|
|
|
.serv {text-align:center; overflow:hidden;}
|
|
.serv .row {max-width:1020px; margin:0 auto;}
|
|
.serv .row:after {content:"";display:block;clear:both;}
|
|
.serv .col {float:left; width:33.333333%;}
|
|
.serv .col .txt {margin-top:5px;}
|
|
|
|
.s-hosting {overflow:hidden;}
|
|
.s-hosting:after {content:"";display:block;clear:both;}
|
|
.s-hosting .text {float:left; width:520px;}
|
|
.s-hosting .img {margin-left:600px; overflow:hidden;}
|
|
|
|
.cs-center {padding:230px 0 0 520px; background:url('../images/sub/sub2_1_4.jpg') 0 0 no-repeat;}
|
|
.cs-center .bg-box {padding:40px 50px 40px 70px; background:#fff;}
|
|
.cs-center .tit {font-size:30px;line-height:1.3em;font-weight:500; color:#454545; margin-bottom:15px; padding-bottom:18px; border-bottom:2px solid #ddd;}
|
|
.cs-center .s-tt {font-size:18px;line-height:1.3em;font-weight:500; margin-bottom:15px;}
|
|
.cs-center .cell {height:52px;text-align:center;}
|
|
.cs-center .cell p {line-height:1.5em;}
|
|
.cs-center .tel {padding-top:50px; background:url('../images/sub/ico_cs.png') 50% 0 no-repeat;}
|
|
.cs-center .tel .num {font-size:30px;line-height:1.2em;font-weight:500;letter-spacing:-.03em;}
|
|
.cs-center .skype {padding-top:50px; background:url('../images/sub/ico_skype.png') 50% 0 no-repeat; border-left:2px solid #ebebeb;}
|
|
.cs-center .telegram {padding-top:50px; background:url('../images/sub/ico_telegram.png') 50% 0 no-repeat; border-left:2px solid #ebebeb;}
|
|
|
|
.pro-list {overflow:hidden;}
|
|
.pro-list .row {*zoom:1; margin:0 -20px}
|
|
.pro-list .row:after {content:" "; display:block; clear:both;}
|
|
.pro-list .col {float:left; padding:0 20px; margin-bottom:50px; width:50%; line-height:0; overflow:hidden;}
|
|
.pro-list .col:nth-child(2n+1) {clear:left;}
|
|
.pro-list .col .img {position:relative;}
|
|
.pro-list .col .img:after {content:" ";position:absolute;top:0;left:0;width:100%;height:100%; border:1px solid rgba(0,0,0,.14);z-index:1;}
|
|
|
|
.pro-tb {width:100%; border-collapse:collapse; border-spacing:0px;}
|
|
.pro-tb th, .pro-tb td {line-height:26px; padding:17px 5px; text-align:center; border:1px solid #ddd; border-top:0; background:#f3f9fd; color:#454545;}
|
|
.pro-tb tbody th {font-size:18px;font-weight:500;}
|
|
.pro-tb tbody td {font-size:16px;}
|
|
.pro-tb th:first-child, .pro-tb td:first-child {border-left:0;}
|
|
.pro-tb th:last-child, .pro-tb td:last-child {border-right:0;}
|
|
|
|
.line-service {overflow:hidden;}
|
|
.line-service .row {margin:0 -15px;}
|
|
.line-service .col {float:left; width:33.333333%; padding:0 15px;}
|
|
.line-service .col .txt {padding:28px; border:1px solid #ddd; border-top:0;}
|
|
.line-service .col h3 {font-size:20px;line-height:1.3em;font-weight:500; color:#454545; margin-bottom:6px;}
|
|
.line-service .col li {line-height:1.6em;}
|
|
|
|
.line-info {display:table;table-layout:fixed;width:100%;}
|
|
.line-info .img {vertical-align:top;width:700px;}
|
|
.line-info .txt {vertical-align:top; padding:70px 20px 20px 30px; background:url('../images/sub/bg_lineinfo.jpg') 0 0 no-repeat;}
|
|
.line-info .txt .tit {font-size:25px;line-height:1.3em;font-weight:700; color:#454545; margin-bottom:15px;}
|
|
.line-info .txt .desc {}
|
|
.line-info .txt .hpn-list {margin-top:20px;}
|
|
|
|
/* 이용약관,개인정보처리방침 */
|
|
.agree .doc-tit {margin-bottom:18px;}
|
|
.agree h4 {font-size:14px; font-weight:400; color:#444; margin:0 0 10px 0;}
|
|
.agree p {text-align:left; margin:4px 0 7px;}
|
|
.agree dl {margin-bottom:25px;}
|
|
.agree dl:last-child {margin-bottom:0;}
|
|
.agree dt {font-weight:400; color:#333; margin-bottom:4px;}
|
|
.agree dd {font-weight:300;}
|
|
.agree li {padding-bottom:4px;}
|
|
.agree strong {font-weight:500;}
|
|
.agree .cir-list > li ul {margin-top:5px; line-height:1.6em;}
|
|
|
|
.agree .desc {font-size:15px; color:#888;}
|
|
|
|
.agree .sub-law {font-weight:normal;}
|
|
|
|
.agree .policy-list {*zoom:1;}
|
|
.agree .policy-list:after {content:" "; display:block; clear:both;}
|
|
.agree .policy-list {padding:10px; background:#f9f9f9; border-top:1px solid #ddd; margin: 0 0 20px 0;}
|
|
.agree .policy-list li {float:left; width:50%; padding: 5px 15px 5px 15px; line-height:22px; box-sizing:border-box;}
|
|
.agree .policy-list span {color:#999999; font-size:14px;}
|
|
.agree .policy-list a {color:#666; font-size:14px;}
|
|
.agree .contact-info {*zoom:1; margin:20px 0;}
|
|
.agree .contact-info:after {content:" "; display:block; clear:both;}
|
|
.agree .contact-info p {margin: 5px 0; font-size:14px; line-height:1.8em;}
|
|
.agree .contact-info li {float:left; width:270px; border:1px solid #aaa; padding:5px 15px; margin:0 10px 0 0; text-indent:0;}
|
|
|
|
|
|
.c-wh {color:#fff !important;}
|
|
.c-dk {color:#454545;} |