@charset "utf-8";
@import url('//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css');
@import url('//fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

/******************************************
Author : 퍼스트몰(firstmall)
Author URL : http://firstmall.kr
Creation Date : 2018-08-01
Modify Date : 2019-05-22
*******************************************/

/*-----------------------------------------------------------------*/
/* font
/*-----------------------------------------------------------------*/

@font-face {
    font-family: "Pretendard";
    font-weight: 45 920;
    font-style: normal;
    font-display: swap;
    src: local("Pretendard"),
        url("/css/font/Pretendard.woff2") format("woff2-variations");
}

@font-face {
    font-family: 'Spoqa Han Sans';
    font-weight: 700;
    src: local('Spoqa Han Sans Bold'),
    url('/css/font/SpoqaHanSansBold.woff2') format('woff2'),
    url('/css/font/SpoqaHanSansBold.woff') format('woff'),
    url('/css/font/SpoqaHanSansBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans';
    font-weight: 400;
    src: local('Spoqa Han Sans Regular'),
    url('/css/font/SpoqaHanSansRegular.woff2') format('woff2'),
    url('/css/font/SpoqaHanSansRegular.woff') format('woff'),
    url('/css/font/SpoqaHanSansRegular.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans';
    font-weight: 300;
    src: local('Spoqa Han Sans Light'),
    url('/css/font/SpoqaHanSansLight.woff2') format('woff2'),
    url('/css/font/SpoqaHanSansLight.woff') format('woff'),
    url('/css/font/SpoqaHanSansLight.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans';
    font-weight: 100;
    src: local('Spoqa Han Sans Thin'),
    url('/css/font/SpoqaHanSansThin.woff2') format('woff2'),
    url('/css/font/SpoqaHanSansThin.woff') format('woff'),
    url('/css/font/SpoqaHanSansThin.ttf') format('truetype');
}

/*-----------------------------------------------------------------*/
/* reset
/*-----------------------------------------------------------------*/

* {font-weight:400;}
body, div, dl, dt, li, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, button {font-family:'Pretendard', 'Spoqa Han Sans Neo', 'Spoqa Han Sans', 'Malgun Gothic', 'Apple SD Gothic Neo', 'dotum', sans-serif; margin:0; padding:0}
fieldset, img {border:0 none}
img {max-width:100%; transition:all ease-in-out 0.2s;}
dl, ul, ol, menu, li {list-style:none}
blockquote,  q {quotes:none}
blockquote:before,  blockquote:after, q:before,  q:after {content:''; content:none}
input, select, textarea, button {vertical-align:milile}
input::-ms-clear {display:none}
button {border:0 none;background-color:transparent;cursor:pointer}
body {direction:ltr; -webkit-text-size-adjust:none;}
body, h1, h2, h3, h4, th, td, input, select, textarea, button, a {font-size:12px; color:#333; line-height:1.5;}
a {text-decoration:none}
a:hover {text-decoration:none}
a:active {background-color:transparent}
aliress, caption, cite, code, dfn, em, var {font-style:normal;font-weight:normal}
html {box-sizing:border-box}
*, *:before, *:after {box-sizing:inherit}
header, footer, main, hgroup, menu, nav, section, article, aside, details, figcaption, figure {display:block;}
ul:after, ol:after, dl:after {clear:both; display:block; content:'';}
a, span {font-size:inherit; font-weight:inherit; color:inherit; /*line-height:inherit;*/}

html, body {width:100%; height:100%;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section {display:block;}
html, body, div, span, strong, a, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, samp, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, /*img, table, caption, tbody, tfoot, thead, tr, th, td,*/ article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0;}
body, input, textarea, select, button, table {/*font-size:12px; color:#555;*/}
input, select, textarea, button, ul, ol, li, dl, dt, dd {/*vertical-align:middle;*/}
input, select, textarea, button {outline:0; border:0; border-radius:0;}
input[type='text'], input[type='file'], input[type='password'], input[type='number'] {/*height:20px; line-height:20px;*/ border:1px solid #ccc; background:transparent; padding:0; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
textarea {padding:5px; border:1px solid #d4dbdf; background:transparent;}
select {/*height:22px; line-height:22px;*/ border:1px solid #d4dbdf; border-radius:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; outline: none;  background:transparent; cursor:pointer;}
/* 크롬핵 */ @media screen and (-webkit-min-device-pixel-ratio:0) {}
input[type='checkbox'], input[type='radio'] {/*width:24px; height:24px; vertical-align:middle; cursor:pointer;*/}
input[type='checkbox'], input[type='radio'] {/*visibility:hidden;*/}
input:focus, textarea:focus, button:focus,
select:focus, option:focus, select::-moz-focus-inner, option::-moz-focus-inner {outline:none; border:none;}
label {display:inline-block; cursor:pointer; /*vertical-align:middle;*/}
legend {visibility:hidden; overflow:hidden; position:absolute; top:0; left:0; width:0; height:0; padding:0; font-size:0; line-height:0}
button {cursor:pointer;}
table {/*border-spacing:0; table-layout:fixed; border-collapse:collapse;}*/}
th, td {word-wrap:break-word; word-break:break-all; /*vertical-align:middle;*/ line-height:1.4;}
caption {visibility:hidden; width:0px; height:0px; overflow:hidden; font-size:0; line-height:0;}
col {display:table-column;}
iframe {border:0; margin:0; overflow:hidden;}
img, fieldset {border:0; vertical-align:top;}
ul, ol {list-style:none;}
em, address {font-style:normal}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
/*a:link, a:active, a:focus {color:#666; text-decoration:none;}
a:hover {color:#5396fe; text-decoration:underline;}*/
strong, b, .bold {font-family: 'Pretendard', 'Spoqa Han Sans Neo', 'Spoqa Han Sans', 'Malgun Gothic', 'Apple SD Gothic Neo', 'dotum', sans-serif; font-weight:600;}
.block {display:block !important}
.inline {display:inline-block !important;}


/*-----------------------------------------------------------------*/
/* 공통요소
/*-----------------------------------------------------------------*/

/* placholder */
::-webkit-input-placeholder {color:#a8a8a8;}
::-moz-placeholder {color:#a8a8a8;}
:-ms-input-placeholder {color:#a8a8a8;}
:-moz-placeholder {color:#a8a8a8;}
::-webkit-input-title {color:#a8a8a8;}
::-moz-title {color:#a8a8a8;}
:-ms-input-title {color:#a8a8a8;}
:-moz-title {color:#a8a8a8;}

/* 하이퍼링크
a:link, a:visited, a:active	 {color:#333;}
a:hover {color:#000; text-decoration:underline;} */
.u{text-decoration: underline;}
a.u:hover{text-decoration: underline;}
.hidden {display:block; font-size:0; width:1px; height:1px; line-height:0; overflow:hidden; position:absolute; left:-9999px; text-indent:-9999px;}
.hide {display:none;}
.unvisibility {visibility:hidden;}
.hand, .pointer {cursor:pointer !important;}
.underline {text-decoration:underline;}
.relative {position:relative !important;}
.absolute {position:absolute !important;}
.small {font-size:11px;}
/*.desc {font-size:11px; color:#848484;}*/
.normal {font-weight:normal !important;}
.input-box-default-text {color:#515151 !important; letter-spacing:-1px;}

/* 폰트색상 설정 */
.black {color:#000 !important;}
.red {color:#ea2424 !important;}
.orange {color:#ff4d4d !important;}
.green {color:#00bd39 !important;}
.blue {color:#008cdf !important;}
.sky{color:#3395D6 !important;}
.gray {color:#999 !important;}
.white {color:#fff !important;}

/* 정렬 설정 */
.left {text-align:left !important;}
.center {text-align:center !important;}
.right {text-align:right !important;}
.top {vertical-align:top !important;}
.middle {vertical-align:middle !important;}
.bottom {vertical-align:bottom !important;}
.fleft, .fl {float:left;}
.fright, .fr {float:right;}
.cboth {clear:both;}
.clearbox, .clearfix {*zoom:1;}
.clearbox:after, .clearfix:after {content:""; display:block; clear:both;}
.screenout{display:block; overflow:hidden; left:-1000vw; width:1px; height:1px; color:transparent; opacity:0;}

/* 반응형 줄바꿈 */
.paragraph_rev_1024,
.paragraph_rev_640{display:block}
@media only screen and (max-width:1024px) {
	.paragraph_1024{display:block}
	.paragraph_rev_1024{display:inline}
	.paragraph_rev_1024::after{content:' ';}
}
@media only screen and (max-width:640px) {
	.paragraph_640{display:block}
	.paragraph_rev_640{display:inline}
	.paragraph_rev_640::after{content:' ';}
}

/* 외부여백 설정 */
.mt-10 {margin-top:-10px !important;}
.mt-5 {margin-top:-5px !important;}
.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mt65 {margin-top:65px !important;}
.mt70 {margin-top:70px !important;}
.mt75 {margin-top:75px !important;}
.mt80 {margin-top:80px !important;}
.mt85 {margin-top:85px !important;}
.mt90 {margin-top:90px !important;}
.mt95 {margin-top:95px !important;}
.mt100 {margin-top:100px !important;}

.mb-10 {margin-bottom:-10px !important;}
.mb-5 {margin-bottom:-5px !important;}
.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}
.mb55 {margin-bottom:55px !important;}
.mb60 {margin-bottom:60px !important;}
.mb65 {margin-bottom:65px !important;}
.mb70 {margin-bottom:70px !important;}
.mb75 {margin-bottom:75px !important;}
.mb80 {margin-bottom:80px !important;}
.mb85 {margin-bottom:85px !important;}
.mb90 {margin-bottom:90px !important;}
.mb95 {margin-bottom:95px !important;}
.mb100 {margin-bottom:100px !important;}

.ml0 {margin-left:0px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}
.ml55 {margin-left:55px !important;}
.ml60 {margin-left:60px !important;}
.ml65 {margin-left:65px !important;}
.ml70 {margin-left:70px !important;}
.ml75 {margin-left:75px !important;}
.ml80 {margin-left:80px !important;}
.ml85 {margin-left:85px !important;}
.ml90 {margin-left:90px !important;}
.ml95 {margin-left:95px !important;}
.ml100 {margin-left:100px !important;}

.mr0 {margin-right:0px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}
.mr55 {margin-right:55px !important;}
.mr60 {margin-right:60px !important;}
.mr65 {margin-right:65px !important;}
.mr70 {margin-right:70px !important;}
.mr75 {margin-right:75px !important;}
.mr80 {margin-right:80px !important;}
.mr85 {margin-right:85px !important;}
.mr90 {margin-right:90px !important;}
.mr95 {margin-right:95px !important;}
.mr100 {margin-right:100px !important;}

/* 내부여백 설정 */
.pd0 {padding:0px !important;}
.pd5 {padding:5px !important;}
.pd10 {padding:10px !important;}
.pd15 {padding:15px !important;}
.pd20 {padding:20px !important;}
.pd25 {padding:25px !important;}
.pd30 {padding:30px !important;}
.pd35 {padding:35px !important;}
.pd40 {padding:40px !important;}
.pd45 {padding:45px !important;}
.pd50 {padding:50px !important;}
.pd55 {padding:55px !important;}
.pd60 {padding:60px !important;}
.pd65 {padding:65px !important;}
.pd70 {padding:70px !important;}
.pd75 {padding:75px !important;}
.pd80 {padding:80px !important;}
.pd85 {padding:85px !important;}
.pd90 {padding:90px !important;}
.pd95 {padding:95px !important;}
.pd100 {padding:100px !important;}

.pdt0 {padding-top:0px !important;}
.pdt5 {padding-top:5px !important;}
.pdt10 {padding-top:10px !important;}
.pdt15 {padding-top:15px !important;}
.pdt20 {padding-top:20px !important;}
.pdt25 {padding-top:25px !important;}
.pdt30 {padding-top:30px !important;}
.pdt35 {padding-top:35px !important;}
.pdt40 {padding-top:40px !important;}
.pdt45 {padding-top:45px !important;}
.pdt50 {padding-top:50px !important;}
.pdt55 {padding-top:55px !important;}
.pdt60 {padding-top:60px !important;}
.pdt65 {padding-top:65px !important;}
.pdt70 {padding-top:70px !important;}
.pdt75 {padding-top:75px !important;}
.pdt80 {padding-top:80px !important;}
.pdt85 {padding-top:85px !important;}
.pdt90 {padding-top:90px !important;}
.pdt95 {padding-top:95px !important;}
.pdt100 {padding-top:100px !important;}

.pdb0 {padding-bottom:0px !important;}
.pdb5 {padding-bottom:5px !important;}
.pdb10 {padding-bottom:10px !important;}
.pdb15 {padding-bottom:15px !important;}
.pdb20 {padding-bottom:20px !important;}
.pdb25 {padding-bottom:25px !important;}
.pdb30 {padding-bottom:30px !important;}
.pdb35 {padding-bottom:35px !important;}
.pdb40 {padding-bottom:40px !important;}
.pdb45 {padding-bottom:45px !important;}
.pdb50 {padding-bottom:50px !important;}
.pdb55 {padding-bottom:55px !important;}
.pdb60 {padding-bottom:60px !important;}
.pdb65 {padding-bottom:65px !important;}
.pdb70 {padding-bottom:70px !important;}
.pdb75 {padding-bottom:75px !important;}
.pdb80 {padding-bottom:80px !important;}
.pdb85 {padding-bottom:85px !important;}
.pdb90 {padding-bottom:90px !important;}
.pdb95 {padding-bottom:95px !important;}
.pdb100 {padding-bottom:100px !important;}

.pdl0 {padding-left:0px !important;}
.pdl5 {padding-left:5px !important;}
.pdl10 {padding-left:10px !important;}
.pdl15 {padding-left:15px !important;}
.pdl20 {padding-left:20px !important;}
.pdl25 {padding-left:25px !important;}
.pdl30 {padding-left:30px !important;}
.pdl35 {padding-left:35px !important;}
.pdl40 {padding-left:40px !important;}
.pdl45 {padding-left:45px !important;}
.pdl50 {padding-left:50px !important;}
.pdl55 {padding-left:55px !important;}
.pdl60 {padding-left:60px !important;}
.pdl65 {padding-left:65px !important;}
.pdl70 {padding-left:70px !important;}
.pdl75 {padding-left:75px !important;}
.pdl80 {padding-left:80px !important;}
.pdl85 {padding-left:85px !important;}
.pdl90 {padding-left:90px !important;}
.pdl95 {padding-left:95px !important;}
.pdl100 {padding-left:100px !important;}

.pdr0 {padding-right:0px !important;}
.pdr5 {padding-right:5px !important;}
.pdr10 {padding-right:10px !important;}
.pdr15 {padding-right:15px !important;}
.pdr20 {padding-right:20px !important;}
.pdr25 {padding-right:25px !important;}
.pdr30 {padding-right:30px !important;}
.pdr35 {padding-right:35px !important;}
.pdr40 {padding-right:40px !important;}
.pdr45 {padding-right:45px !important;}
.pdr50 {padding-right:50px !important;}
.pdr55 {padding-right:55px !important;}
.pdr60 {padding-right:60px !important;}
.pdr65 {padding-right:65px !important;}
.pdr70 {padding-right:70px !important;}
.pdr75 {padding-right:75px !important;}
.pdr80 {padding-right:80px !important;}
.pdr85 {padding-right:85px !important;}
.pdr90 {padding-right:90px !important;}
.pdr95 {padding-right:95px !important;}
.pdr100 {padding-right:100px !important;}

/* 사이즈 설정 */
.wp5 {width:5% !important;}
.wp10 {width:10% !important;}
.wp15 {width:15% !important;}
.wp20 {width:20% !important;}
.wp25 {width:25% !important;}
.wp30 {width:30% !important;}
.wp35 {width:35% !important;}
.wp40 {width:40% !important;}
.wp45 {width:45% !important;}
.wp50 {width:50% !important;}
.wp55 {width:55% !important;}
.wp60 {width:60% !important;}
.wp65 {width:65% !important;}
.wp70 {width:70% !important;}
.wp75 {width:75% !important;}
.wp80 {width:80% !important;}
.wp85 {width:85% !important;}
.wp90 {width:90% !important;}
.wp95 {width:95% !important;}
.wp100 {width:100% !important;}

.wx10 {width:10px !important;}
.wx15 {width:15px !important;}
.wx20 {width:20px !important;}
.wx25 {width:25px !important;}
.wx30 {width:30px !important;}
.wx35 {width:35px !important;}
.wx40 {width:40px !important;}
.wx45 {width:45px !important;}
.wx50 {width:50px !important;}
.wx60 {width:60px !important;}
.wx70 {width:70px !important;}
.wx80 {width:80px !important;}
.wx90 {width:90px !important;}
.wx100 {width:100px !important;}
.wx150 {width:150px !important;}
.wx200 {width:200px !important;}
.wx250 {width:250px !important;}
.wx300 {width:300px !important;}
.wx350 {width:350px !important;}
.wx400 {width:400px !important;}
.wx450 {width:450px !important;}
.wx500 {width:500px !important;}

.hx10 {height:10px !important;}
.hx15 {height:15px !important;}
.hx20 {height:20px !important;}
.hx25 {height:25px !important;}
.hx30 {height:30px !important;}
.hx35 {height:35px !important;}
.hx40 {height:40px !important;}
.hx45 {height:45px !important;}
.hx50 {height:50px !important;}
.hx100 {height:100px !important;}
.hx150 {height:150px !important;}
.hx200 {height:200px !important;}
.hx250 {height:250px !important;}
.hx300 {height:300px !important;}
.hx350 {height:350px !important;}
.hx400 {height:400px !important;}
.hx450 {height:450px !important;}
.hx500 {height:500px !important;}

.fx10 {font-size:10px !important;}
.fx11 {font-size:11px !important;}
.fx12 {font-size:12px !important;}
.fx13 {font-size:13px !important;}
.fx14 {font-size:14px !important;}
.fx15 {font-size:15px !important;}
.fx16 {font-size:16px !important;}
.fx17 {font-size:17px !important;}
.fx18 {font-size:18px !important;}
.fx19 {font-size:19px !important;}
.fx20 {font-size:20px !important;}
.fx25 {font-size:25px !important;}
.fx30 {font-size:30px !important;}
.fx35 {font-size:35px !important;}
.fx40 {font-size:40px !important;}
.fx45 {font-size:45px !important;}
.fx50 {font-size:50px !important;}

.lh10 {line-height:1.0 !important;}
.lh12 {line-height:1.2 !important;}
.lh14 {line-height:1.4 !important;}
.lh16 {line-height:1.6 !important;}
.lh18 {line-height:1.8 !important;}
.lh20 {line-height:2.0 !important;}


/*-----------------------------------------------------------------*/
/* 공통 콘텐츠 요소
/*-----------------------------------------------------------------*/

/* skipNavi */
#skipNavi {position:fixed; left:0; top:0; width:100%; z-index:9999;}
#skipNavi a {position:absolute; left:0; top:0; width:100%; height:0; overflow:hidden;}
#skipNavi a:active, #skipNavi a:focus {position:absolute; top:0; left:0; width:100%; height:auto; background:#0071ce; padding:10px 0 15px; text-align:center; font-size:16px; line-height:16px; color:#fff; text-decoration:none;}

/* 레이아웃 */
.w_container, .my_container, .my_container.reg_form, .wrap_func {position:relative; width:100%; max-width:1180px; margin:0 auto;}
@media (min-width:0) and (max-width:1024px) {
	.w_container, .my_container, .my_container.reg_form, .wrap_func {width:auto; margin:0 20px; min-width:240px;} /* 모바일 */
}

/* 헤더 */
/* GNB 1차 메뉴 */
#header {position:relative; z-index:100; height:90px;}
#header .gnb_wrap {top:0; left:0; right:0; width:100%; height:90px; border-bottom:1px solid #efefef; background:rgba(255,255,255,0.95);}
#header .gnb_wrap h1 {float:left; width:160px; padding-top:47px;}
#header .gnb_wrap h2 {/*display:none;*/}
#header .gnb {display:table; position:absolute; top:40px; left:220px; right:0; min-width:600px;}
#header .gnb li {display:table-cell; width:137px; padding-left:15px; text-align:left;}
#header .gnb li > a {position:relative; display:inline-block; padding:8px 0 16px; font-size:18px; font-weight:500; color:#000; line-height:1.5; text-decoration:none; white-space:nowrap;}
#header .gnb li > a:hover, #header .gnb li > a.w_current {color:#1d7abd;}
#header .gnb li > a:hover:before, #header .gnb li > a.w_current:before {display:block; content:''; position:absolute; bottom:0; left:0; width:100%; height:4px; background:#535561  /*url('/images/common/icon_gnb.png') no-repeat*/;}
#header .lnb {position:absolute; top:10px; right:0;}
#header .lnb li {float:left; padding-left:0px;}
#header .lnb li > a,
#header .lnb li > span {padding:34px 8px 0; font-size:15px; color:#676767; line-height:1.5; text-decoration:none;}
#header .lnb li > span {color:#1d7abd;}
#header .lnb li:last-child > a {padding-right:0;}
#header .lnb li > a.join {position:relative;}
#header .lnb li > a.join:before {display:block; content:''; position:absolute; top:38px; left:-1px; width:1px; height:16px; background:#e1e1e1;}
#header .lnb li > a:hover {color:#1d7abd;}
#header .lnb li.blank {margin-left:3px;}
#header .lnb li.blank > a {display:inline-block; min-width:70px; margin-top:-2px; padding:2px 10px; background:#9ca0a7; text-align:center; font-size:14px; color:#fff; transition:all 0.3s ease;}
#header .lnb li.blank > a:hover {background:#535661;}
@media (min-width:0) and (max-width:1080px) {
	#header .gnb li {width:126px;}
}
@media (min-width:0) and (max-width:1024px) {
	#header, #header .gnb_wrap {height:60px;}
	#header .gnb_wrap h1 {padding-top:20px;}
	#header .gnb, #header .lnb, #header .gnb_all .child-tit {display:none;}
}
@media (min-width:0) and (max-width:640px) {
	#header .gnb_wrap h1 img {width:110px;}
}

/* GNB 슬라이딩 */
#header .gnb_wrap.slideup {position:fixed; top:-30px;}
#header .gnb_wrap.slideup .lnb {opacity:0;}
@media (min-width:0) and (max-width:1024px) {
	#header .gnb_wrap.slideup {top:0;}
}

/* GNB topbnr */

/* GNB 2차 메뉴 */
.gnb_all {display:none; position:absolute; left:0; top:90px; width:100%; background:#535561;}
.gnb_all .child-tit {float:left; width:215px; padding-top:40px;}
.gnb_all .child-tit h2 {font-size:32px; color:#fff; line-height:1.3;}
.gnb_all .child-tit p {padding-top:5px; font-size:14px; color:#b7b7b7;}
.gnb_all .child-tit .sub-home-link {padding-top:22px;}
.gnb_all .child-tit .sub-home-link a {position:relative; font-size:16px; color:#fff; line-height:1;}
.gnb_all .child-tit .sub-home-link a:after {display:block; content:''; position:absolute; top:8px; right:-15px; width:6px; height:10px; background:url('/images/common/icon_list.png') no-repeat 100% -30px;}
.gnb_all .sub_all {float:right; display:table; border-left:1px solid #4c4e5a; padding-left:0;}
.gnb_all .sub_all > li {display:table-cell; vertical-align:top; width:160px; border-right:1px solid #4c4e5a; padding:25px 0 25px 15px;}
.gnb_all .sub_all > li.w_current {background:#4c4e5a;}
.gnb_all .sub_all > li h3 {display:none; padding-bottom:15px; font-size:15px; font-weight:400; color:#abaeb4;}
.gnb_all .sub_all > li h4 {font-size:15px; color:#83f7ff; line-height:2.0;}
.gnb_all .sub_all > li a {position:relative; display:block; font-size:16px; font-weight:400; color:#fff; line-height:2.0;}
.gnb_all .sub_all > li a:hover {text-decoration:none;}
.gnb_all .sub_all > li a.w_current {color:#83f7ff;}
/*.gnb_all .sub_all > li[rel='introduce'] {width:120px;}
.gnb_all .sub_all > li[rel='o2o'] {width:120px;}
.gnb_all .sub_all > li[rel='mobileapp'] {width:120px;}
.gnb_all .sub_all > li[rel='system'] {width:140px;}
.gnb_all .sub_all > li[rel='buildservice'] {width:140px;}
.gnb_all .sub_all > li[rel='addservice'] {width:150px;}
.gnb_all .sub_all > li[rel='customer'] {width:140px;}*/
.gnb_all .sub_all > li[rel='addservice'] > ul > li > a {/*background:url('/images/common/icon_gnb_plus.png') right center no-repeat;*/}
.gnb_all .sub_all > li[rel='addservice'] > ul > li > a.active {/*background:url('/images/common/icon_gnb_plus.png') right center no-repeat;*/}
.gnb_all .sub_all > li[rel='addservice'] > ul > li > a > span {/*float:right; display:block; margin-top:12px; width:5px; height:3px; overflow:hidden; text-indent:-999px;*/}
.gnb_all .sub_all > li[rel='addservice'] .sub {background:transparent; padding:2px 0; display:none;}
.gnb_all .sub_all > li[rel='addservice'] .sub a {font-size:14px; font-weight:400; color:#83f7ff;}
.gnb_all .sub_all > li[rel='addservice'] li.w_current .sub {display:block;}
.gnb_all .sub_all > li[rel='addservice'] li.w_current > a {color:#83f7ff;}
.gnb_all .sub_all > li[rel='addservice'] .sub li.w_current > a {color:#83f7ff;}
.gnb_all .sub_all > li[rel='addservice'] .subsub {display:none;}
.gnb_all .mob_all {height:100vh; overflow-y: auto; background:#535561;}

/* GNB bxslider */
.gnb_all .sub_all > li.event {/*position:absolute; left:0; top:0px; width:220px; height:300px; */ background:#434551; padding:0; /*overflow:hidden;*/}
.gnb_all .sub_all #bxsliderGNB > li { padding-top:0; }
.gnb_all .sub_all #bxsliderGNB .ttt { position:absolute; left:20px; top:230px; color:#a0a2b2; display:block; padding:2px; font-size:21px; font-weight:bold; letter-spacing:-2px; }
.gnb_all .sub_all .event .bx-viewport { width:220px !important; height:306px !important; }
.gnb_all .sub_all .event .bx-wrapper {background:transparent; margin-bottom:0;}
.gnb_all .sub_all .event .bx-wrapper .bx-pager .bx-pager-item { display: inline-block;}
.gnb_all .sub_all .event .bx-wrapper .bx-controls-auto {display:none;}
.gnb_all .sub_all .event .bx-controls-direction {display:none;}
.gnb_all .sub_all .event .bx-pager { bottom:15px; text-align:left; padding-left:22px; }
.gnb_all .sub_all .event .bx-pager.bx-default-pager a { width:8px; height:8px; border-radius:50px; margin:0 3px; background:#80838d; text-indent:-9999px; transition:all 0.5s ease; }
.gnb_all .sub_all .event .bx-pager.bx-default-pager a.active { background:#ebf0f6; width:20px; }

/* hamburger */
.hamburger {display:none; position:absolute; top:10px; right:-10px; width:45px; height:40px; cursor:pointer; z-index:11; -webkit-transform:translate3d(0px,0px,0px); -moz-transform:translate3d(0px,0px,0px); -ms-transform:translate3d(0px,0px,0px); -webkit-transition-property:-webkit-transform; -webkit-transition-timing-function:cubic-bezier(0.6,0,0.2,1); -moz-transition-property:-moz-transform; -moz-transition-timing-function:cubic-bezier(0.6,0,0.2,1); -ms-transition-property:-ms-transform; -ms-transition-timing-function:cubic-bezier(0.6,0,0.2,1); }
.hamburger>span>p:nth-child(1) {top:10px; -webkit-transform:translate3d(0px,0px,0px) rotate(0deg); -moz-transform:translate3d(0px,0px,0px) rotate(0deg); -ms-transform:translate3d(0px,0px,0px) rotate(0deg);}
.hamburger>span>p:nth-child(2) {top:19px; -webkit-transform:translate3d(0px,0px,0px) scaleX(1); -moz-transform:translate3d(0px,0px,0px) scaleX(1); -ms-transform:translate3d(0px,0px,0px) scaleX(1);}
.hamburger>span>p:nth-child(3) {top:28px; -webkit-transform:translate3d(0px,0px,0px) rotate(0deg); -moz-transform:translate3d(0px,0px,0px) rotate(0deg); -ms-transform:translate3d(0px,0px,0px) rotate(0deg);}
.hamburger>span>p {display:block; width:26px; height:2px; border-radius:4px; background-color:#333; position:absolute; z-index:95; left:10px; -webkit-transition-property:-webkit-transform,background-color; -webkit-transition-duration:.3s; -webkit-transition-timing-function:cubic-bezier(0.6,0,0.2,1); -moz-transition-property:-moz-transform,background-color; -moz-transition-duration:.3s; -moz-transition-timing-function:cubic-bezier(0.6,0,0.2,1); -ms-transition-property:-ms-transform,background-color; -ms-transition-duration:.3s; -ms-transition-timing-function:cubic-bezier(0.6,0,0.2,1); }
.hamburger.on {position:fixed; right:10px;}
.hamburger.on>span>p {background-color:#fff;}
.hamburger.on>span>p:nth-child(1) {-webkit-transform:translate3d(0px,9px,0px) rotate(-45deg); -moz-transform:translate3d(0px,9px,0px) rotate(-45deg); -ms-transform:translate3d(0px,9px,0px) rotate(-45deg);}
.hamburger.on>span>p:nth-child(2) {-webkit-transform:translate3d(0px,0px,0px) scaleX(0); -moz-transform:translate3d(0px,0px,0px) scaleX(0); -ms-transform:translate3d(0px,0px,0px) scaleX(0);}
.hamburger.on>span>p:nth-child(3) {-webkit-transform:translate3d(0px,-9px,0px) rotate(45deg); -moz-transform:translate3d(0px,-9px,0px) rotate(45deg); -ms-transform:translate3d(0px,-9px,0px) rotate(45deg);}

@media (min-width:0) and (max-width:1024px) {
	.hamburger {display:block;}
	.gnb_all {display:block !important; position:fixed; top:0; bottom:0; left:auto; right:-280px; min-width:280px; width:280px; -webkit-transition-duration:.3s; -moz-transition-duration:.3s; transition-duration:.3s; z-index:10; overflow-y:auto;}
	.gnb_all.on {-webkit-transform:translate(-280px, 0); -moz-transform:translate(-280px, 0); transform:translate(-280px, 0);}
	.gnb_all .sub_all {display:none;}
	.gnb_all .mob_all {display:block; width:100%; padding-left:0;}
	.gnb_all .mob_all > li {display:block;}
	.gnb_all .mob_all > li:first-child {padding-top:35px;}
	.gnb_all .mob_all > li.w_current {background:#535561;}
	.gnb_all .mob_all > li h3 {display:block; padding:5px 20px; font-size:18px; font-weight:400; color:#abaeb4; cursor:pointer;}
	.gnb_all .mob_all > li h4 {font-size:15px; color:#83f7ff; line-height:1.8;}
	.gnb_all .mob_all > li > ul {display:none; padding:15px 20px; background:#4c4e5a;}
	.gnb_all .mob_all > li a {position:relative; display:block; font-size:16px; font-weight:400; color:#fff; line-height:1.8;}
	.gnb_all .mob_all > li span {font-size:16px; color:#fff; line-height:1.8;}
	.gnb_all .mob_all > li a:hover {text-decoration:none;}
	.gnb_all .mob_all > li a.w_current {color:#83f7ff;}
	.gnb_all .mob_all > li[rel='addservice'] {width:100%;}
	.gnb_all .mob_all > li[rel='addservice'] > ul > li > a {/*background:url('/images/common/icon_gnb_plus.png') right center no-repeat;*/}
	.gnb_all .mob_all > li[rel='addservice'] > ul > li > a.active {/*background:url('/images/common/icon_gnb_plus.png') right center no-repeat;*/}
	.gnb_all .mob_all > li[rel='addservice'] > ul > li > a > span {/*float:right; display:block; margin-top:12px; width:5px; height:3px; overflow:hidden; text-indent:-999px;*/}
	.gnb_all .mob_all > li[rel='addservice'] .sub {background:transparent; padding:2px 0; display:none;}
	.gnb_all .mob_all > li[rel='addservice'] .sub a {font-size:14px; font-weight:400; color:#83f7ff;}
	.gnb_all .mob_all > li[rel='addservice'] li.w_current .sub {display:block;}
	.gnb_all .mob_all > li[rel='addservice'] li.w_current > a {color:#83f7ff;}
	.gnb_all .mob_all > li[rel='addservice'] .sub li.w_current > a {color:#83f7ff;}
	.gnb_all .mob_all > li[rel='addservice'] .subsub {display:none;}
	.gnb_all .mob_all > li[rel='login'] {position:relative; padding:30px 20px 0;}
	.gnb_all .mob_all > li[rel='login']:before {display:block; content:''; position:absolute; top:15px; left:20px; right:20px; width:; height:1px; background:#797d86;}
	.gnb_all .mob_all > li[rel='login'] span,
	.gnb_all .mob_all > li[rel='login'] a {display:inline-block;}
	.gnb_all .mob_all > li[rel='login'] a.join {position:relative; padding-left:15px;}
	.gnb_all .mob_all > li[rel='login'] a.join:before {display:block; content:''; position:absolute; top:50%; left:5px; margin-top:-7px; width:1px; height:16px; background:#e1e1e1;}
	.gnb_all .mob_all > li[rel='myshop'] {padding:5px 20px 0;}
	.gnb_all .mob_all > li[rel='blank'] {padding:15px 20px 0;}
	.gnb_all .mob_all > li[rel='blank'] > a {display:inline-block; width:49%; padding:2px 10px; border:1px solid #9ca0a7; background:#535661; text-align:center; font-size:14px; color:#fff; transition:all 0.3s ease;}
	.gnb_all .mob_all > li[rel='blank'] > a:hover {border-color:transparent; background:#9ca0a7;}
}

/* 풋터 */
#footer {position:relative; padding:40px 0;}
#footer .address_wrap {position:relative;}
#footer .address_wrap .address_fl {float:left; width:calc(100% - 260px);}
#footer .address_wrap .address_fr {float:right; width:260px; text-align:right;}
#footer .address_wrap .policy {margin:10px 0;}
#footer .address_wrap .policy li {display:inline-block; position:relative; padding:0 15px; line-height:1.4;}
#footer .address_wrap .policy li:first-child {padding-left:0; border-left:0;}
#footer .address_wrap .policy li:before {display:block; content:''; position:absolute; top:6px; left:-3px; width:1px; height:14px; background:#d9d9d9;}
#footer .address_wrap .policy li:first-child:before {width:0;}
#footer .address_wrap .policy li a {font-size:16px; font-weight:400; color:#141414; line-height:inherit;}
#footer .address_wrap .policy li a.blue_text {font-weight:500; color:#1d7abd;}
#footer .address_wrap .address {padding-top:17px;}
#footer .address_wrap .address li {padding-bottom:5px; font-size:14px; font-weight:400; color:#676767;}
#footer .address_wrap .address span {margin-right:20px; font-weight:inherit;}
#footer .address_wrap .address .copyright {padding-top:12px;}
#footer .address_wrap .sns_wrap {padding-top:5px;}
#footer .address_wrap .sns_wrap li {display:inline-block; padding-left:5px; transition:all 0.5s ease;}
#footer .address_wrap .sns_wrap li:hover {opacity:0.7;}
#footer .address_wrap .family_wrap {padding-top:17px;}
#footer .address_wrap .family_wrap .select {width:145px; height:44px; margin-right:5px;}
#footer .address_wrap .family_wrap .select select {vertical-align:middle; padding-left:10px; font-size:14px; color:#333;}
#footer .address_wrap .family_wrap .gt_button {display:inline-block; white-space:nowrap; vertical-align:middle; user-select:none; border:1px solid #cfd5da; background:#eee; padding:10px 15px 11px; text-align:center; font-size:14px; color:#707070; line-height:1.5; transition:background-color .15s ease-in-out; cursor:pointer;}
#footer .address_wrap .family_wrap .gt_button:hover {background:#f7f7f7;}
#footer .address_wrap .google {}
#footer .address_wrap .google img {max-width:100px;}
@media (min-width:0) and (max-width:1024px) {
	#footer .address_wrap .policy li {padding:0 15px;}
}
@media (min-width:0) and (max-width:900px) {
	#footer .address_wrap .address_fl,
	#footer .address_wrap .address_fr {float:none; width:100%; text-align:left;}
	#footer .address_wrap .sns_wrap {padding-top:10px;}
}
@media (min-width:0) and (max-width:355px) {
	#footer .address_wrap .policy li {padding:0 7px;}
}

/* 탑버튼 */
.top_btn {display:block; position:fixed; right:-75px; bottom:15px; width:70px; height:70px; border-radius:50%; background:#3395d6; text-align:center; font-size:16px; color:#fff; line-height:65px; letter-spacing:2px; cursor:pointer; z-index:10; transition:.2s; opacity:0;}
.top_btn.on{right:15px; opacity:1;}
.top_btn:hover{background-color:#0081C8}
.top_btn .arrow {position:relative; top:20px; display:block; width:16px; height:8px; margin:0 auto; background:url('/images/common/icon_list.png') 0 -130px no-repeat;}
@media (min-width:0) and (max-width:1024px) {
	.top_btn{width:50px; height:50px;}
	.top_btn p {display:none;}
}
@media (min-width:0) and (max-width:640px) {
	.top_btn {bottom:15px; width:40px; height:40px; background:rgba(51,149,214,0.9);}
	.top_btn .arrow{ top:15px;}
}

/* 서브 상단 영역 */
#subtop {position:relative; background-size:cover !important; padding:50px 0 50px;}
#subtop.myshop {background:url('/images/common/subtop_myshop.jpg') no-repeat;}
#subtop.free {background:url('/images/common/subtop_free.jpg') no-repeat;}
#subtop.prem {background:url('/images/common/subtop_prem.jpg') no-repeat;}
#subtop.expa {background:url('/images/common/subtop_expa.jpg') no-repeat;}
#subtop.aren {background:url('/images/common/subtop_aren.jpg') no-repeat;}
#subtop.adva {background:url('/images/common/subtop_adva.jpg') no-repeat;}
#subtop.design {background:url('/images/common/subtop_design.jpg') no-repeat;}
#subtop.mobileapp {background:url('/images/common/2021/subtop_mobileapp.jpg') no-repeat;}
#subtop.system {background:url('/images/common/subtop_system.jpg') no-repeat;}
#subtop.buildservice {background:url('/images/common/subtop_buildservice.jpg') no-repeat;}
#subtop.addservice {background:url('/images/common/subtop_addservice.jpg') no-repeat;}
#subtop.addservice.security {background:url('/images/addservice/2022/subtop_addservice2.jpg') no-repeat;}
#subtop.customer {background:url('/images/common/subtop_customer.jpg') no-repeat;}
#subtop.functions {background:url('/images/common/subtop_function.jpg') no-repeat;}
#subtop h2 {font-size:36px; color:#fff; letter-spacing:-2px;}
#subtop h2 p {float:left;}
#subtop h2 span {margin-left:3px; background:url('/images/common/icon_list.png') no-repeat 4px 8px; padding-left:20px; font-size:24px; letter-spacing:0; /*text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;*/}
#subtop h2 span.txt {margin-left:3px; background:url('/images/common/icon_list.png') no-repeat 6px 18px; padding-left:20px; font-size:36px; letter-spacing:-2px;/*text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;*/}
#subtop h2 span.stxt {margin-left:3px; background:none; padding-left:10px; font-size:18px; font-weight:400;}
#subtop .r_link {position:absolute; top:20px; right:0; text-align:right;}
#subtop .r_link a {background:url('/images/common/icon_list.png') no-repeat 100% -21px; padding:0 15px 0 25px; font-size:18px; color:#fff;}
#subtop .r_link a:hover {text-decoration:underline;}
#subtop_customer {position:relative; background:#f0f3f8; padding:60px 0; text-align:center;}
#subtop_customer h2 {font-size:40px; color:#333; letter-spacing:-2px;}
#subtop_customer p {font-size:18px; color:#666;}
#subtop_customer a {position:absolute; top:25px; right:0; border:1px solid #c7cbcc; padding:10px 20px; font-size:18px; color:#666; transition:all ease-in-out 0.3s;}
#subtop_customer a:hover {border-color:#333; background:#333; color:#fff;}
#container.customer {padding:60px 0 100px;}
@media (min-width:0) and (max-width:1024px) {
	#subtop .r_link {position:relative; top:0;}
	#subtop.myshop .r_link {position:absolute; top:20px;}
	#container.customer {padding:60px 0;}
	#container.customer br {display:block;}
	.section_recommend br {display:none;}
}
@media (min-width:0) and (max-width:768px) {
	#subtop.mobileapp, #subtop.myshop {padding-bottom:30px;}
	#subtop.functions,
	#subtop.addservice {padding-bottom:60px;}
	#subtop h2 {font-size:32px;}
	#subtop h2 p {float:none; margin-bottom:-20px;}
	#subtop h2 p + span {background:none; margin-left:0; padding-left:0;}
	#subtop h2 span {background-position:4px 6px; font-size:20px; font-weight:400;}
	#subtop h2 span.stxt {display:block; padding-left:0;}
	#subtop .r_link {position:relative;}
	#subtop.myshop .r_link {position:relative; top:0;}
	#subtop_customer h2 {font-size:36px;}
	#subtop_customer a {position:relative;}
	#container.introduce br,
	#container.design br,
	#container.system br,
	#container.buildservice br {display:none;}
}

/* 서브 상단 타이틀 */
.sub_title {position:relative; padding-top:90px; text-align:center;}
.sub_title h2 {font-size:32px; color:#000; letter-spacing:-2px;}
.sub_title h2 p, .sub_title h2 span {font-size:18px; color:#333; letter-spacing:0;}
.sub_title a.back {position:absolute; bottom:5px; left:0; background:url('/images/common/icon_list.png') no-repeat 0 -45px; padding-left:15px; font-size:18px; color:#666;}
.sub_title a.back:hover {text-decoration:underline;}

/* 사이트맵 */
#sitemap {background:#f8f9fa; padding:65px 0;}
#sitemap .w_container {display:flex; flex-wrap:wrap; margin-top:-20px;}
#sitemap .w_container > li {position:relative; vertical-align:top; width:12%; padding-top:20px; font-size:16px; font-weight:400; color:#333;}
#sitemap .w_container > li li {padding-bottom:5px; /*white-space:nowrap;*/}
#sitemap .w_container > li:nth-child(2),
#sitemap .w_container > li:nth-child(3) {width:10%;}
#sitemap .w_container > li:last-child {width:20%; padding-left:0;}
#sitemap .w_container > li:last-child:before {display:none; content:''; position:absolute; top:22px; bottom:10px; left:10px; width:1px; border-left:1px dashed #aaa;}
#sitemap .w_container > li:last-child .stit {margin-top:-2px; padding-bottom:16px;}
#sitemap .w_container > li:last-child .stit > span {display:inline-block; vertical-align:middle;}
#sitemap .w_container > li:last-child .stit > a {display:inline-block; vertical-align:middle; font-size:20px;}
#sitemap .w_container > li:last-child li {font-weight:500;}
#sitemap .w_container > li:last-child li span {font-weight:400; color:#555;}
#sitemap .stit {padding-bottom:18px; font-size:17px; font-weight:600; color:#333;}
#sitemap .stit > a {font-size:inherit; font-weight:inherit; color:inherit;}
#sitemap a {display:block; font-size:16px; font-weight:400; color:#333;}
#sitemap a:hover {text-decoration:underline;}
@media (min-width:0) and (max-width:1024px) {
	#sitemap .w_container > li {width:25% !important; padding-left:0 !important;}
	#sitemap .w_container > li:last-child:before {display:none;}
}
@media (min-width:0) and (max-width:768px) {
	#sitemap .w_container {margin-right:0;}
	#sitemap .w_container > li {width:33.33% !important;}
}
@media (min-width:0) and (max-width:479px) {
	#sitemap {padding-bottom:20px;}
	#sitemap .w_container > li {width:50% !important; min-height:auto; margin-bottom:20px;}
	#sitemap .w_container > li:last-child li span {display:block;}
}

/* ui-datepicker */
.ui-datepicker {margin-left:-1px; border-radius:0; padding:.2em;}
.ui-datepicker .ui-datepicker-header {margin:-3px; border-radius:0; border-color:transparent; background:#3399ff; color:#fff; letter-spacing:1px; height:30px;}
.ui-datepicker .ui-datepicker-title {margin-top:1px !important;}
.ui-datepicker .ui-datepicker-prev span {margin:-9px 0 0 -3px !important; background:url('/images/common/icon_list.png') no-repeat 0 -180px;}
.ui-datepicker .ui-datepicker-next span {margin:-9px 0 0 -13px !important; background:url('/images/common/icon_list.png') no-repeat 100% -200px;}
.ui-datepicker .ui-datepicker-prev-hover {margin:1px 0 0 1px; border:0 !important; background:transparent !important; cursor:pointer;}
.ui-datepicker .ui-datepicker-next-hover {margin:1px 1px 0 0; border:0 !important; background:transparent !important; cursor:pointer;}
.ui-datepicker table {margin-bottom:0;}
.ui-datepicker table th {font-weight:normal;}
.ui-datepicker:not(.ui-monthpicker) table th:first-child {color:#ea2424;}
.ui-datepicker:not(.ui-monthpicker) table th:last-child {color:#3399ff;}
.ui-datepicker:not(.ui-monthpicker) table td:first-child a {color:#ea2424;}
.ui-datepicker:not(.ui-monthpicker) table td:last-child a {color:#3399ff;}
.ui-datepicker table td a.ui-state-default {border-color:#eaeaea; background:#fff;}
.ui-datepicker table td a.ui-state-default:hover {border-color:#aaa; background:#fafafa;}
.ui-datepicker table td a.ui-state-active {border-color:#3399ff; background:#3399ff; color:#fff;}
.ui-datepicker table td a.ui-state-highlight {border-color:#dad55e; background:#fffa90; color:#777620;}
.ui-datepicker table td a.ui-state-highlight:hover {border-color:#aea928; background:#fffa90; color:#777620;}

/* ui-monthpicker */
.ui-monthpicker .ui-datepicker-calendar {margin-top: 5px;}

/* ui-dialog */
.ui-dialog.ui-corner-all {width:350px; border-radius:0; border:0 !important; padding:0; left: 50% !important; transform: translateX(-50%); transition:all ease 0.25s;}
.ui-dialog .ui-dialog-titlebar {border-radius:0; border:0; background:#4d515a; padding:15px 30px 13px !important; font-size:16px; font-weight:normal; color:#fdd768;}
.ui-dialog .ui-dialog-titlebar-close,
.ui-dialog .ui-dialog-titlebar-close:hover {right:25px !important; width:20px !important; min-width:auto !important; border:none !important; background:none !important; margin:-8px 0 0 -8px !important;}
.ui-dialog .ui-dialog-titlebar-close .ui-icon,
.ui-dialog .ui-dialog-titlebar-close .ui-icon:hover {background:url('/images/common/icon_form.png') no-repeat 100% -220px !important;}
.ui-dialog .ui-dialog-content {height:auto !important; border:1px solid #d4dbdf !important; padding:30px !important; font-size:16px; color:#333; line-height:1.6;}
.ui-dialog .ui-dialog-content h1 {padding:30px 0 10px; font-size:18px; color:#333;}
.ui-dialog .ui-dialog-content .table_list > thead > tr > th {height:34px; padding:20px 0; font-size:16px;}
.ui-dialog .ui-dialog-content .table_list > tbody > tr > td {height:34px; padding:20px;}
.ui-dialog .ui-dialog-content .list_txt > li {position:relative; padding-left:10px; text-align:left; font-size:16px; color:#666; line-height:1.6;}
.ui-dialog .ui-dialog-content .list_txt > li:before {display:block; content:''; position:absolute; top:12px; left:0; width:2px; height:2px; background:url('/images/common/icon_list.png') no-repeat 0 -109px;}
.ui-dialog .ui-dialog-content a.view {display:inline-block; margin:0 10px; border-bottom:1px solid #3399ff; font-size:14px; font-weight:500; color:#3399ff;}
.ui-dialog .ui-dialog-content .reg_form {width:100%;}
.ui-dialog .ui-dialog-content .reg_pay_sub .input,
.ui-dialog .ui-dialog-content .reg_pay_sub .select {margin:0;}
.ui-dialog .ui-dialog-content .reg_pay_sub .pay_tax > li .zip .zip_btn {height:45px; line-height:43px;}
.ui-dialog .ui-dialog-content .reg_pay_sub .pay_cash > li .phone .blank {line-height:43px;}
.ui-dialog .ui-dialog-content .reg_pay_sub .reg_desc {padding-top:5px; color:#ea2424;}
.ui-dialog .ui-dialog-content .table_list > thead > tr > th {height:34px; padding:20px 0; font-size:16px;}
.ui-dialog .ui-dialog-content .table_list > tbody > tr > td {height:34px; padding:20px;}
.ui-dialog .ui-dialog-content .table_list .left_cont {text-align:left; padding:0 20px;}
.ui-dialog .ui-dialog-content .table_list .cont_wrap {border-bottom:none;}
.ui-dialog .ui-dialog-content .table_list.left th, .ui-dialog .ui-dialog-content .table_list.left td {text-align:left;}
.ui-dialog .ui-dialog-content .table_list.left .zip_btn {position:relative; margin:-20px 0 -15px -5px; min-width:45%; height:45px; vertical-align:middle;}
.ui-dialog .ui-dialog-content .table_list > li,
.ui-dialog .ui-dialog-content .table_list2 > li {padding:15px 0;}
.ui-dialog .ui-dialog-content .zip_list {padding-bottom:35px;}
.ui-dialog .ui-dialog-content .zip_list .fl {width:48%;}
.ui-dialog .ui-dialog-content .zip_list .fr {width:50%; padding-top:0;}
.ui-dialog .ui-dialog-content .zip_list li {padding:5px 0;}
.ui-dialog .ui-dialog-content .zip_list li .input {margin:0; width:77%; border:2px solid #3090d6;}
.ui-dialog .ui-dialog-content .zip_list li .select {width:45%; margin:0;}
.ui-dialog .ui-dialog-content .zip_list li .btn_blue {margin-left:-5px; min-width:80px; height:45px; vertical-align:top;}
.ui-dialog .ui-dialog-content .input,
.ui-dialog .ui-dialog-content .select {display:inline-block; vertical-align:middle; width:100%; height:45px; margin:-20px 0 -15px;}
.ui-dialog .ui-dialog-content .input input[type="text"],
.ui-dialog .ui-dialog-content .input input[type="password"],
.ui-dialog .ui-dialog-content .select select {line-height:43px; padding-left:15px;}
.ui-dialog .ui-dialog-content .radio,
.ui-dialog .ui-dialog-content .checkbox {display:inline-block; height:auto; vertical-align:top;}
.ui-dialog .ui-dialog-content div.checkbox + div.checkbox {margin-top:5px;}
.ui-dialog .ui-dialog-content .checkbox {position:relative; display:block; clear:both;}
.ui-dialog .ui-dialog-content .checkbox input {position:absolute; top:0; left:0;}
.ui-dialog .ui-dialog-content .checkbox label {display:block; width:100%; padding-left:35px; font-size:16px; color:#333;}
.ui-dialog .ui-dialog-content .checkbox label:after {display:block; content:''; background:url('/images/common/icon_form.png') no-repeat 0 -100px; width:24px; height:24px; position:absolute; top:0; left:0;}
.ui-dialog .ui-dialog-content .checkbox input:checked + label:after {background:url('/images/common/icon_form.png') no-repeat 0 -130px;}
.ui-dialog .ui-dialog-content .reg_agree .checkbox input {position:absolute; top:0; right:0;}
.ui-dialog .ui-dialog-content .reg_agree .checkbox label {display:block; width:100%; padding-left:0; font-size:16px; color:#333;}
.ui-dialog .ui-dialog-content .reg_agree .checkbox label:after {display:block; content:''; background:url('/images/common/icon_form.png') no-repeat 100% -40px; width:24px; height:24px; position:absolute; top:auto; bottom:-1px; left:auto; right:0;}
.ui-dialog .ui-dialog-content .reg_agree .checkbox input:checked + label:after {background-position:100% -70px !important;}
.ui-dialog .ui-dialog-content .card_icon {border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; }
.ui-dialog .ui-dialog-content .card_icon > li {border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; float:left; width:33.3%; padding:5px 0 10px; text-align:center;}
.ui-dialog .ui-dialog-content .card_icon > li img {vertical-align:middle;}
.ui-dialog .ui-dialog-content .reseller_wrap {padding:0 0;}
.ui-dialog .ui-dialog-content .reseller_wrap .input,
.ui-dialog .ui-dialog-content .reseller_wrap .select {float:left; width:70%; margin:0;}
.ui-dialog .ui-dialog-content .reseller_wrap .input:hover,
.ui-dialog .ui-dialog-content .reseller_wrap .select:hover {border:1px solid #3090d6;}
.ui-dialog .ui-dialog-content .reseller_wrap .input input {width:100%;}
.ui-dialog .ui-dialog-content .reseller_wrap .btn_blue {position:relative; float:left; min-width:30%; height:45px; margin-left:-1px;}
.ui-dialog .ui-dialog-content .reseller_wrap p {padding-top:15px; text-align:center; font-size:16px;}
.ui-dialog .ui-button-wrap {padding-top:25px; text-align:center;}
.ui-dialog .ui-button,
.ui-dialog .ui-button:focus {min-width:140px; border:1px solid #3090d6; background:#3090d6; padding-bottom:10px; font-size:16px; color:#fff !important; transition:all ease-in-out 0.3s;}
.ui-dialog .ui-button:hover {border:1px solid #3090d6; background:#34a0ef;}
.ui-dialog .ui-button.ui-cancel,
.ui-dialog .ui-button.ui-cancel:focus {width:140px; outline:0; border:1px solid #ccc; background:#fff; padding-bottom:10px; font-size:16px; color:#666 !important; transition:all ease-in-out 0.3s;}
.ui-dialog .ui-button.ui-cancel:hover {border:1px solid #4d515a; color:#4d515a !important;}
.ui-dialog .ui-button.small {width:auto; padding:0 20px 3px; font-size:14px;}
.ui-widget-overlay {background:#000 !important; opacity:.3 !important; filter:Alpha(Opacity=30) !important;}
.ui-dialog .ui-dialog-content .table_list.free > thead > tr > th,
.ui-dialog .ui-dialog-content .table_list.free > tbody > tr > th {height:auto; border-top:1px solid #e4e4e4; padding:10px 0; font-size:16px;}
.ui-dialog .ui-dialog-content .table_list.free > tbody > tr > td {height:auto; border-top:1px solid #e4e4e4; padding:10px 20px; text-align:left; font-size:15px;}
.ui-dialog .ui-dialog-content .tabCont table {border-top:0;}
.ui-dialog button.module_certify {margin:2px;}

/* 쇼핑몰 자세히보기 */
.ui-dialog .ui-dialog-content .section_view {height:650px; padding:0px;}
.ui-dialog .ui-dialog-content .section_view .product_tab {margin-top:0;}
.ui-dialog .ui-dialog-content .section_view .tabCont {height:520px;}
.ui-dialog .ui-dialog-content .section_view .subCont {height:550px;}
.ui-dialog .ui-dialog-content .section_view .tabCont table {border-top:0;}
.ui-dialog .ui-dialog-content .section_view a.btn_blue {color:#fff;}
.ui-dialog .ui-dialog-content .section_view .mCSB_scrollTools a + .mCSB_draggerContainer {margin:5px 0; left:auto;}
.ui-dialog .ui-dialog-content .section_view .product_tsub li {float:left; width:16.6666%; overflow:hidden; height:50px; line-height:47px; margin-left:-1px; border:1px solid #d4dbdf; border-bottom:2px solid #6f6f6f; background:#f7f7f7; text-align:center; font-size:16px; color:#858585; text-decoration:none; cursor:pointer;}
.ui-dialog .ui-dialog-content .section_view .product_tsub li:first-child {margin-left:0;}
.ui-dialog .ui-dialog-content .section_view .product_tsub li.active {border-color:#4b8ac8; background:#3090d6; font-size:17px; color:#fff;}
@media (min-width:0) and (max-width:1024px) {
	.ui-dialog.ui-corner-all {width:auto !important; left:20px !important; right:20px !important;}
}
@media (min-width:0) and (max-width:640px) {
	.ui-dialog .ui-dialog-content .zip_list .fl {width:100%;}
	.ui-dialog .ui-dialog-content .zip_list .fr {width:100%; padding-top:20px;}
	.ui-dialog .ui-dialog-content .zip_list li .input {width:calc(100% - 80px);}
	.ui-dialog .ui-dialog-content .zip_list li .select {width:calc(50% - 11px);}
	.ui-dialog .ui-dialog-content .img {width:100%;}
	.ui-dialog .ui-button {margin:5px;}

	.container_1to1 {
		flex-wrap: wrap;
	}
	.ui-dialog.ui-corner-all {
		position: fixed !important;
		top: 50% !important;
		left: 50% !important;
		transform: translate(-50%, -50%);
		max-height: 90vh;
		width: 90% !important;
		overflow-y: auto;
	}
}
@media (min-width:0) and (max-width:375px) {
	.ui-dialog.ui-corner-all {left:5px !important; right:5px !important;}
	.ui-dialog .ui-dialog-content {padding:20px !important;}
	.ui-dialog .ui-dialog-content .section_view {height:400px;}
	.ui-dialog .ui-dialog-content .section_view .tabCont {height:260px;}
	.ui-dialog .ui-dialog-content .section_view .subCont {height:310px;}
	.ui-dialog .ui-dialog-content .section_view .product_tab {margin-bottom:10px;}
	.ui-dialog .ui-dialog-content .ui-button-wrap .ui-button,
	.ui-dialog .ui-dialog-content .btn_wrap > a {margin-left:0; margin-right:0; width:48%;}
}

/* select */
/* form */
.select {position:relative; display:inline-block; vertical-align:top; border:1px solid #d4dbdf; background:#fff; padding:0; overflow:hidden;}
.select select {padding-right:0\0/IE8+9; -webkit-appearance:none; -moz-appearance:none; appearance:none; border:none; width:100%; height:100%; background:#fff url('/images/common/icon_select.png') no-repeat right center; padding-left:20px; padding-right:40px; font-size:16px; color:#333;}
.select select::-ms-expand { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 5-7 */ filter: alpha(opacity=0); /* Good browsers :) */ opacity:0;}
.select select:hover {background-color:#fbfdff;}
.select.outline, .input.outline {border-color:#3399ff !important;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.select select {/*width:calc(100% + 2px); background:#fff url('/images/common/icon_select.png') no-repeat calc(100% - 20px) 51%;*/}
} /* 크롬핵 */

.input {position:relative; display:inline-block; vertical-align:top; width:100%; height:30px; border:1px solid #d4dbdf; background:#fff;}
.input .addtxt {position:absolute; top:-1px; left:20px; font-size:16px; color:#a8a8a8; transition:all ease-in-out 0.5s;}
.input.active .addtxt {top:-13px; font-size:12px;}
.input input[type='text'], .input input[type='password'] {display:block; outline:none; border:none; width:100%; height:100%; line-height:56px; padding-left:20px; font-size:16px; color:#333;}
.input:hover {background:#fbfdff;}
.input.active input[type='text'], .input.active input[type='password'] {padding-top:16px;}
.input.val:after {/*display:block; content:'OK'; position:absolute; top:-1px; right:20px; font-size:16px; font-weight:600; color:#3399ff; */}

.textarea {position:relative; padding-top:15px;}
.textarea textarea {width:100%; height:200px; margin-bottom:-3px; padding:15px 20px; font-size:16px;}
.textarea textarea:hover {background:#fbfdff;}

.radio {position:relative; display:inline-block; /*height:30px;*/}
.radio input {position:absolute; top:0; left:0; visibility:hidden;}
.radio label {display:block; width:100%; line-height:1.6; padding-left:35px; font-size:16px; color:#333;}
.radio label:after {display:block; content:''; background:url('/images/common/icon_form.png') no-repeat 0 -40px; width:24px; height:24px; position:absolute; top:0; left:0;}
.radio input:checked + label:after {background:url('/images/common/icon_form.png') no-repeat 0 -70px;}

.checkbox {position:relative; display:inline-block; /*height:30px;*/}
.checkbox input {position:absolute; top:0; left:0; visibility:hidden;}
.checkbox label {display:block; width:100%; line-height:1.6; padding-left:35px; font-size:16px; color:#333;}
.checkbox label:after {display:block; content:''; background:url('/images/common/icon_form.png') no-repeat 0 -100px; width:24px; height:24px; position:absolute; top:0; left:0;}
.checkbox input:checked + label:after {background:url('/images/common/icon_form.png') no-repeat 0 -130px;}

.checkbox2 {position:relative; display:block; font-size:16px; color:#333;}
.checkbox2 input {position:absolute; bottom:0; right:0; visibility:hidden;}
.checkbox2 label {display:block; width:100%;}
.checkbox2 label:after {display:block; content:''; background:url('/images/common/icon_form.png') no-repeat 100% -40px; width:24px; height:24px; position:absolute; bottom:-2px; right:0;}
.checkbox2 input:checked + label:after {background:url('/images/common/icon_form.png') no-repeat 100% -70px;}

.select.outline, .reg_form .input.outline {border-color:#3399ff !important;}
.select select:disabled {color:#fff !important;}

/* 페이징 */
.paging_navi {margin:30px auto 0; text-align:center;}
.paging_navi li {display:inline-block; overflow:hidden; min-width:32px; height:30px; margin:0 2px;}
.paging_navi li a {display:block; vertical-align:top; text-align:center; border:1px solid #d4dbdf; background:#fff; font-size:14px; line-height:28px;}
.paging_navi li a.on, .paging_navi li a:hover {border-color:#737373; background:#737373; color:#fff;}
.paging_navi li a.icon {background:url('/images/common/icon_paging.png') no-repeat;}
.paging_navi li a.first {background-position:-1px -1px;}
.paging_navi li a.prev {background-position:-40px -1px;}
.paging_navi li a.next {background-position:-79px -1px;}
.paging_navi li a.end {background-position:-118px -1px;}

/* 버튼 */
.btn_wrap {padding-top:40px; text-align:center;}
.btn_blue {display:inline-block; vertical-align:middle; min-width:178px; height:50px; line-height:46px; border:1px solid #3090d6; background:#3090d6; padding:0 20px; text-align:center; font-size:16px; color:#fff; transition:all ease-in-out 0.2s; cursor:pointer;}
.btn_blue:hover {background:#34a0ef;}
.btn_blue.line {border:1px solid #3090d6; background:#fff; color:#3090d6;}
.btn_blue.line:hover {background:#3090d6; color:#fff;}
.btn_black {display:inline-block; vertical-align:middle; min-width:178px; height:50px; line-height:46px; border:1px solid #333; background:#444; padding:0 20px; text-align:center; font-size:16px; color:#fff; transition:all ease-in-out 0.2s; cursor:pointer;}
.btn_black:hover {background:#000; color:#fff;}
.btn_black.line {border:1px solid #333; background:#fff; color:#333;}
.btn_black.line:hover {background:#333; color:#fff;}
.btn_white {display:inline-block; vertical-align:middle; min-width:178px; height:50px; line-height:46px; border:1px solid #ccc; background:#fff; padding:0 20px; text-align:center; font-size:16px; color:#333; transition:all ease-in-out 0.2s; cursor:pointer;}
.btn_white:hover {border-color:#333; background:#333; color:#fff;}

/* 뱃지 */
.ico-event {display:inline-block; vertical-align:middle; margin:0 0 3px 5px; width:39px; height:16px; border-radius:50px; background:url('/images/addservice/2019/badge-event.png') no-repeat;}
.ico-new {display:inline-block; vertical-align:middle; margin:0 0 3px 5px; width:30px; height:16px; border-radius:50px; background:url('/images/addservice/2019/badge-new.png') no-repeat;}
.ico-update {display:inline-block; vertical-align:middle; margin:0 0 3px 5px; width:46px; height:16px; border-radius:50px; background:url('/images/addservice/2019/badge-update.png') no-repeat;}
.ico-resp {display:inline-block; vertical-align:middle; margin:0 0 3px 5px; width:39px; height:16px; border-radius:50px; background:url('/images/addservice/2019/badge-resp.png') no-repeat;}
.ico-online {display:inline-block; vertical-align:middle; margin:0 0 3px 5px; width:30px; height:16px; border-radius:50px; background:url('/images/addservice/2019/badge-online.png') no-repeat;}


/*-----------------------------------------------------------------*/
/* 메인화면 : 리뉴얼 22.10.
/*-----------------------------------------------------------------*/

#topbnr{overflow:hidden; position:relative; top:0; left:0; right:0; z-index:9; background:#f6f6f6; transition:.5s;height:100px !important;}
.topbnr_list{height:100px !important;}
.topbnr_list li{height:100px !important;}
.topbnr_list a{display:block;}
.topbnr_list .link_area{display: flex; align-items: center; position: relative; box-sizing:border-box; max-width:620px; height:100px; margin:0 auto; padding: 24px 0; color:inherit;}
.topbnr_list .cont{display: flex; flex-flow: column; gap:5px; color: inherit; position:relative; z-index: 1;}
.topbnr_list .cont .tit{font-size: clamp(18px, 1.90vw, 24px);	font-weight: 600;	letter-spacing: -1px;	line-height: 1.2;}
.topbnr_list .cont .desc{font-size:16px;}
.topbnr_list .bg{position:absolute; top:0; right:0; bottom:0; z-index:0; height:100%; max-width:none;}
#topbnr .swiper-button button{display: block; position:absolute; top:calc(50% - 13px); z-index:100; width:16px; height:26px; background:url(/images/main/2022/arr_topbnr.svg) center / contain no-repeat; transition:.2s;}
#topbnr .swiper-button .btn_prev{right:calc(50% + 344px);}
#topbnr .swiper-button .btn_next{left:calc(50% + 344px); transform:scale(-1);}
#topbnr .open_topbnr{display:inline-block; position:absolute; top:calc(50% - .5em); right:80px; z-index:100; font-size:16px; color:#fff; font-weight:400; line-height:1.1; text-decoration: underline; opacity:.5; transition:.2s;}
#topbnr .open_topbnr .mo{display:none;}
#topbnr .close_topbnr{display:block; position:absolute; top:16px; right:16px; z-index:100; width:16px; height:16px; background:url(/images/main/2022/close_topbnr.svg) center / contain no-repeat; transition:.2s;}
#topbnr[data-color-mode="light"] .swiper-button button{filter:brightness(.2);}#topbnr[data-color-mode="light"] .open_topbnr{color:#000; opacity:.7;}
#topbnr[data-color-mode="light"] .close_topbnr{filter:brightness(.5);}
.layer_topbnr{display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:500; background:rgba(0,0,0,.6);}
.layer_topbnr .layer_box{position:relative; top:50%; width:95%; max-width:1100px; /*height:95%; max-height:746px;*/ margin:auto; padding:40px 40px; border-radius:40px; background:#fff; transform:translateY(-50%);}
.layer_topbnr .layer_tit{font-size:32px; color:#111111; font-weight:700; line-height:1.2; margin-bottom:0.5em;}
.layer_topbnr .layer_close{display:block; position:absolute; top:40px; right:40px; width:35px; height:35px;}
.layer_topbnr .layer_close::before,
.layer_topbnr .layer_close::after{content:''; display:block; position:absolute; top:0; width:49px; border-bottom:1px solid #707070;}
.layer_topbnr .layer_close::before{left:0; transform:rotate(45deg); transform-origin: left top;}
.layer_topbnr .layer_close::after{right:0; transform:rotate(-45deg); transform-origin: right top;}
.layer_topbnr .layer_cont{overflow-y:auto; /*height:100%; max-height:calc(100% - 86px);*/ max-height:680px; padding-right:15px; margin-right:-15px;}
.layer_topbnr .layer_cont::-webkit-scrollbar {width: 6px;}
.layer_topbnr .layer_cont::-webkit-scrollbar-track {background-color: transparent;}
.layer_topbnr .layer_cont::-webkit-scrollbar-thumb {border-radius: 3px; background-color: #cfcfcf; margin-bottom:56px;}
.layer_topbnr .layer_cont::-webkit-scrollbar-track-piece{margin-bottom:56px;}
.layer_topbnr .layer_cont::-webkit-scrollbar-button {width: 0;height: 0;}
.layer_topbnr .topbnr_list{height:auto !important; margin-bottom: 0;}
.layer_topbnr .topbnr_list li{background:attr(data-background color);}
.layer_topbnr .topbnr_list li + li{margin-top:16px;}
.layer_topbnr .topbnr_list a{max-width:none;}

#container.main {overflow:hidden;}
#container.main section{padding-top:140px; padding-bottom:140px;}
#container.main section.bg{background-color:#F4F8FB;}
.main .tit_area{display:flex; flex-flow:column; align-items: center; gap:12px; margin-bottom:56px;}
.main .tit_area .sec_tit{font-size:50px; font-weight:700; line-height:1.32; text-align: center;}
.main .tit_area .sec_desc{font-size:24px; font-weight:500; text-align: center;}
.main .btn_squre{display:inline-block; margin-top:1em; padding:0.625em 1.321em; border-radius:4px; font-size:16px; color:#3395D6; background:#F1F9FF; transition:.2s;}
.main .btn_squre:hover{background:#E6F4FF;}
.main .btn_round{display:inline-block; min-width:240px; height:64px; border-radius:32px; font-size:20px; color:#fff; text-align: center; line-height:64px; background:#3395D6; transition:.2s;}
.main .btn_round:hover{background:#0081C8;}
.main .btns_bott{margin-top:60px; text-align: center;}

.main_visual{position:relative; padding-top:0 !important; padding-bottom:0 !important;}
.main_visual .main_sl li {display: flex; justify-content: center; background-color: black}
.main_visual .main_sl a{display: flex; justify-content: flex-end; position: relative; transition:1.5s; text-align: center; width: 100%}
.main_visual .main_sl picture img{max-width: none; height:auto; max-height: 720px; background-color: #00133C}
.main_visual .main_sl .swiper-slide:not(.swiper-slide-active) a{transition-delay: 1.5s;}
.main_visual .main_sl .swiper-slide-prev a,
.main_visual .main_sl .swiper-slide-next a{z-index:0;}
.main_visual .main_sl .swiper-slide-duplicate-active a
.main_visual .main_sl .swiper-slide-active a{z-index:1;}
.main_visual .main_sl .cont{position: absolute; top: 30%; left:50%; transform:translateX(-50%); width:100vw; max-width: 1700px; padding-left:50px; padding-right:50px; color:#fff; box-sizing: border-box; text-align: left;}
.main_visual .main_sl .cont .tit{font-size: clamp(22px, 3.3vw, 46px); line-height:1.35; opacity:0; transform:translateX(30px); transition:.2s; transition-delay: .35s; font-weight: 700;}
.main_visual .main_sl .cont .tit p{font-weight:700;}
.main_visual .main_sl .cont .desc{margin-top:1.25rem; font-size: clamp(14px, 2.5vw, 22px); opacity:0; transform:translateX(30px); transition:.2s; transition-delay: .4s;}
.main_visual .main_sl .swiper-slide-active .cont .tit,
.main_visual .main_sl .swiper-slide-active .cont .desc{opacity:1; transform:translateX(0);}
.main_visual .main_sl .controller{display:flex; align-items: center; gap:20px; position:absolute; top:calc(50% + 150px); left:50%; z-index:50; transform:translateX(-50%); width:100%; max-width:1700px; padding-left:50px; padding-right:50px; text-align:left;}
.main_visual .main_sl .swiper-button{display:inline-block; width:16px; height: 16px; cursor:pointer;}
.main_visual .main_sl .swiper-button.play{background:url(/images/main/2022/ico_stop.svg) center / contain no-repeat;}
.main_visual .main_sl .swiper-button.stop{background:url(/images/main/2022/ico_play.svg) center / contain no-repeat;}
.main_visual .main_sl .swiper-pagination{position:static; text-align:left;}
.main_visual .main_sl .swiper-pagination-bullet{position:relative; background:#fff !important; opacity:1 !important;}
.main_visual .main_sl .swiper-pagination-bullet + .swiper-pagination-bullet{margin-left:24px;}
.main_visual .main_sl .swiper-pagination-bullet-active .bullet_ani{ position:absolute; left:50%; top:50%; width:18px; height:18px; transform:translate(-50%, -50%) rotate(-90deg);}
@keyframes bullet-ani {from {stroke-dashoffset: 56;} to {stroke-dashoffset: 0;}}
.main_visual .main_sl .swiper-pagination-bullet-active .bullet_ani circle{stroke: #fff; stroke-width:2; fill: transparent; stroke-dasharray:56;  animation: bullet-ani 6s linear;}
.main_visual .main_sl .swiper-button.stop + .swiper-pagination .bullet_ani circle{animation-play-state: paused;}
.main_visual .main_sl .swiper-pagination{position:static;}


.main_quick{position:relative;}
.main_quick .quick_btns{display:flex; flex-flow: column; gap:12px;}
.main_quick .quick_more{display:none;}
.main_quick .quick_box{position:absolute; right:15px; top:15px; z-index: 100;}
.main_quick .quick_box.fixed{position:fixed; top:auto; bottom:100px;}
.main_quick .quick_box .btn_round{display:flex; justify-content: center; align-items: center; gap:11px; font-size:16px; width:136px; min-width:auto; height:62px; font-weight:400; line-height:62px;}
.main_quick .quick_box .btn_round.dark{background:#0081C8;}
.main_quick .quick_box .btn_round .ico{line-height:initial;}
.main_type .list{display: flex; height:460px; gap:28px;}
.main_type .list::after{content:none;}
.main_type .list li{flex:1;}
.main_type .list .box{display: block; position:relative; height:100%; padding:46px 20px 20px 32px; background:#fff; transition:.2s;}
.main_type .list .box:hover{transform:translateY(-20px); box-shadow:0 0 20px rgba(0,0,0,.05);}
.main_type .list .info{position:relative; z-index: 1;}
.main_type .list .tit{font-size:32px; font-weight:700;}
.main_type .list .desc{margin-top:.5em; font-size:18px; color:#5A5A5A;}
.main_type .list a .btn_squre {white-space:nowrap; width:calc(50% - 2px); padding-left:0; padding-right:0; text-align:center;}
.main_type .list a .btn_squre .arr {display:inline-block; width:8px; height:12px; margin-left:4px; background:url('/images/main/2022/type_arr.png') no-repeat;}
.main_type .list a:hover .btn_squre{background:#E6F4FF}
.main_type .list .img{position:absolute; bottom:0; left:0; right:0; z-index: 0;}
.main_type .desc{margin-top:80px;}
.main_type .desc li{text-align: center; font-size:22px; line-height:1.8; color:#133353; font-weight:500; transition:.2s;}
.main_type .desc li.on{transform:scale(1.2);}
.main_type .desc li.off{opacity:.5;}
.main_type .desc li.off .sky{color: inherit !important; font-weight:inherit;}
.main_function .tit_area{margin-bottom:41px;}
.main_function .wrap_list{overflow:hidden; padding-top:15px;}
.main_function .function_list{display: flex; position:relative; top:0; left:calc(50% - 620px); transition:.7s ease-out;}
.main_function .function_list li{display: flex; flex-flow: column; justify-content: center; align-items: center; gap:24px; padding-left:46px; padding-right:46px; box-sizing: border-box;}
.main_function .function_list .img{display:block; width:120px; height:120px; border-radius: 50%; overflow: hidden; background:#fff; box-shadow:0 0 20px rgba(0,0,0,.1);}
.main_function .function_list .txt{font-size:20px; font-weight:500; line-height:1.4; text-align: center; white-space: nowrap;}
.main_premium{padding-top:168px; padding-bottom:168px; background:#133353;}
.main_premium .wrap_contents{position:relative; width:654px; height:654px; margin:0 auto; padding:90px;}
.main_premium .tit_area{display:inline-flex; flex-flow:column; justify-content:center; align-items: center; position:relative; z-index: 1; width:100%; height:100%; margin-bottom:0; border-radius:50%; background:#0f2c4a; pointer-events: initial !important;}
.main_premium .tit_area .sec_tit{font-size:40px; color:#fff;}
.main_premium .tit_area .sec_desc{margin-top:12px; font-size:20px; color:#fff; font-weight:400;}
.main_premium .tit_area .btns_bott{margin-top:50px;}
.main_premium .tit_area i.circle1{content: ''; display: block; position:absolute !important; top: -45px !important; left:-45px !important; width:calc(100% + 90px); height:calc(100% + 90px); border-radius: 50%; border:1px solid rgba(255,255,255,.2); pointer-events: none;}
.main_premium .tit_area i.circle2{content: ''; display: block; position:absolute !important; top: -90px !important; left:-90px !important; width:calc(100% + 180px); height:calc(100% + 180px); border-radius: 50%; border:1px solid rgba(255,255,255,.5); pointer-events: none;}
.main_premium .premium_list{position:absolute; top:0; left:0; z-index:1; width:100%; height:100%;}
.main_premium .premium_list li{display:flex !important; gap:15px; position:absolute !important; }
.main_premium .premium_list li.item1{top: 4px !important;}
.main_premium .premium_list li.item2{top: 30px !important;}
.main_premium .premium_list li.item3{top: 79.1% !important;}
.main_premium .premium_list li.item4{top: 79.3% !important;}
.main_premium .premium_list li.top{flex-flow: column-reverse;}
.main_premium .premium_list li.bott{flex-flow: column;}
.main_premium .premium_list li.pos_left{text-align: right; right:92.7% !important; left:auto !important;}
.main_premium .premium_list li.pos_right{text-align: left; left:92.7% !important;}
.main_premium .premium_list .img{display:block; position:absolute; width:68px; height:68px; border-radius:50%; overflow:hidden;}
.main_premium .premium_list .item1 .img{top:15px; right:-127px; background:#6c94bc;}
.main_premium .premium_list .item2 .img{top:120px; left:-60px; background:#236db5; animation-delay: .2s;}
.main_premium .premium_list .item3 .img{top:-105px; right:-10px; background:#346494; animation-delay: .5s;}
.main_premium .premium_list .item4 .img{top:35px; left:-135px; background:#66798d; animation-delay: .8s;}
.main_premium .premium_list .img img{display:block; width:100%; height:auto;}
.main_premium .premium_list .tit{position:relative; font-size:24px; font-weight:500; color:#fff; white-space: nowrap;}
.main_premium .premium_list .tit::before{content:''; display: block; position:absolute; top:calc(50% - 5px); width:10px; height:10px; border-radius:50%; background:#fff;}
.main_premium .premium_list .pos_left .tit::before{right:-34px;}
.main_premium .premium_list .pos_right .tit::before{left:-34px;}
.main_premium .premium_list .desc{font-size:18px; color:#B8C3CF; font-weight:400; white-space: nowrap;}
.main_advantage .advantage_list{margin-top:200px; margin-bottom:-146px; gap:32px;display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.main_advantage .advantage_list:after{content:none;}
.main_advantage .advantage_list li{overflow:hidden;position:relative;padding:32px 24px;height:260px; border-radius:5px;background:#F4F8FB;flex-basis: calc(33% - 18px);}
.main_advantage .advantage_list li:nth-of-type(3n-1),
.main_advantage .advantage_list li:last-of-type{position:relative; top:-146px;}
.main_advantage .advantage_list .tit{position:relative; z-index:1;font-size:22px; line-height:1.45; font-weight:500;}
.main_advantage .advantage_list .img{position:absolute; bottom:0; left:0; right:0; z-index:0;}
.main_design{position:relative; height:calc(100vh + 380px); padding-top:0 !important; padding-bottom:0 !important;}
.main_design .w_container{position:relative; top:0; left:50%; z-index:10;transform:translateX(-50%); width:100%; min-height:100vh; margin:0; padding-top:140px; padding-bottom:140px; transition:padding .2s;}
.main_design.fixed_win .w_container{position:fixed; background:#F4F8FB;}
.main_design.sticked_bott .w_container{position:absolute; top:auto; bottom:0;}
@media only screen and (min-height:750px) {
	.main_design.fixed_win .w_container{position:fixed; padding-top:calc((100vh - 750px)/2);  padding-bottom:calc((100vh - 750px)/2);}
	.main_design.sticked_bott .w_container{position:absolute; top:auto; bottom:0; padding-top:calc((100vh - 750px)/2);  padding-bottom:calc((100vh - 750px)/2);}
}
.main_design .wrap_contents{display: flex; justify-content: space-between; gap:20px; align-items: center;}
.main_design .design_list li{position:relative; padding-left:113px; cursor:pointer;}
.main_design .design_list li+ li{margin-top:54px;}
.main_design .design_list li .mo_img{display:none;}
.main_design .design_list .img{display: block; position:absolute; top:0; left:0; width:88px; height:88px;border-radius:4px; background-color:#fff; transition:.2s;}
.main_design .design_list .img img{display: block; width: 100%; height:auto; transition:.2s;}
.main_design .design_list li.on .img{background-color:#3395d6;}
.main_design .design_list li.on .img img{filter:contrast(2);}
.main_design .design_list .tit{font-size:24px; font-weight:700; line-height:1.2; color:#777;}
.main_design .design_list li.on .tit{color:#333;}
.main_design .design_list .desc{margin-top:11px; font-size:18px; color:#777; font-weight:400;}
.main_design .design_list .desc .u:hover{font-weight:400;}
.main_design .design_list li:not(.on) .tit,
.main_design .design_list li:not(.on) .desc{color:#aaa;}
.main_design .design_img{overflow:hidden; position:relative; width:60.34%; padding-top:47.1911%;}
.main_design .design_img .img{position:absolute; top:100%; left:0; width:100%; height:100%; transition:.5s;}
.main_design .design_img .img.on{top:0; z-index:2;}
.main_design .design_img .img.stay{z-index:1;}
.main_design .design_img .img img{min-width:100%; min-height:100%; object-fit: cover;}
.main_partners .tit_area .sec_tit{font-size:42px;}
.main_partners .wrap_all_sl{overflow:hidden;}
@keyframes parter_flow {from {transform:translateX(0)} to {transform:translateX(-1806px)}}
.main_partners .partner_sl .swiper-wrapper{animation: parter_flow 50s linear infinite;}
.main_partners .wrap_all_sl:hover .partner_sl .swiper-wrapper{animation-play-state: paused;}
.main_partners .partner_sl .slider{position:relative;}
.main_partners .partner_sl li{width: auto; padding-left:12px; padding-right:12px;}
.main_partners .partner_sl li a{display:block; position:relative;}
.main_partners .partner_sl li a:hover::before{content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; background:rgba(0,0,0,.3);}
.main_partners .partner_sl li a:hover::after{content:'자세히보기'; display:block; position:absolute; top:50%; left:50%; z-index:1; width:8.75em; height:2.75em; text-align:center; border:1px solid #fff; border-radius:4px; font-size:16px; color:#fff; font-weight:400; line-height:2.75em; transform:translate(-50%, -50%);}
.main_partners .partner_sl li .tit{position:absolute; bottom:.8em; left:1em; z-index:0; font-size:20px; color:#fff; font-weight:500; line-height:1.2;}
.main_partners .partner_org_sl{margin-bottom:24px;}
.main_partners .partner_rev_sl{transform: scale(-1);}
.main_partners .partner_rev_sl li{transform: scale(-1);}
.main_service{padding-bottom:230px;}
.main_service .tit_area .sec_tit{font-size:42px;}
.main_service .service_list{display: flex; justify-content: space-between; margin-bottom:0;}
.main_service .service_list::after{content:none;}
.main_service .service_list li{position:relative; flex-basis: calc(33.33% - 20px); transition:.2s;}
.main_service .service_list li img.mo{display:none;}
.main_service .service_list li .tit{position:absolute; left:1em; bottom:.8em; font-size:24px; font-weight:400; color:#fff;}
.main_cs{padding-top:0 !important; margin-top:-65px;}
.main_cs .cs_box{display:flex; align-items:center; padding:45px 80px; border:1px solid #D9E4EE; background:#fff;}
.main_cs .cs_box .tel{font-size:58px; color:#133353;font-weight:700; margin-right:.6em;}
.main_cs .cs_box .info{flex:1; color:#133353; font-size:18px;}
.main_cs .cs_box .info b{font-size:1.12em;}
.main_cs .cs_box .ico_info{position:relative; display: inline-block;width: 18px;height: 18px; padding-right:15px; box-sizing:content-box; margin-left:.3em;vertical-align: middle;top: -2px;}
.main_cs .cs_box .ico_info img{cursor:pointer;}
.main_cs .cs_box .info_box{position:absolute; left:28px; top:0; padding:30px 24px; border-radius:10px; font-style: normal; background:#133353; opacity:0; transition:.2s; z-index:1; pointer-events:none;}
.main_cs .cs_box .info_box.on{opacity:1; pointer-events: initial;}
.main_cs .cs_box .info_box dl + dl{margin-top:20px;}
.main_cs .cs_box .info_box .tit{ font-weight:400;font-size:16px; color:#fff;}
.main_cs .cs_box .info_box .desc{ white-space:nowrap; margin-top:5px;font-size:16px; color:#fff; font-weight:100; opacity: .8;}
.main_cs .cs_box .btn_squre{display: flex; gap:10px; margin-top:0;padding-left:1.83em; padding-right:1.83em; align-items: center;}
.main_start{padding-top:100px !important; padding-bottom:35px !important; padding-left:20px; padding-right:20px; text-align: center; color:#fff; background: url(/images/main/2022/bg_start.jpg) center / cover no-repeat;}
.main_start .txt{font-size:42px; font-weight:700; line-height:1.3; color:#fff;}
.main_start .btn_bott{margin-top:46px;}
.main_start .btn_round{height:72px; border-radius:36px; font-size:22px; line-height:70px; font-weight: 700; color:#111; background:#fff;}
.main_start .sub_info{font-size:18px; color:#fff; font-weight:400;}
.main_start .sub_info .btn_go{display:inline-block; height:1.75em; margin-left:.5em; padding-left:.8em; padding-right:.8em; border:1px solid rgba(255,255,255, 0.7); border-radius:4px; font-size:.88em; text-shadow:0 0 1px #111; line-height:calc(1.75em - 2px); transition:.2s;}
.main_start .sub_info .btn_go:hover{color:#111; background:#fff;}
.main_start .sub_info{margin-top:107px;}
@media only screen and (max-width:1400px) {
	.main_function .function_list{left:14vw;}
	.main_function .function_list li{padding-left:30px; padding-right:30px;}
}
@media only screen and (max-width:1179px) {
	.main_type .list a .btn_squre.v2 {margin-top:5px;}
	.main_type .list a + a {display:inline-block; margin-top:5px;}
	.main_type .list a .btn_squre {width:auto; padding-left:10px; padding-right:10px;}
}
@media only screen and (max-width:1135px) {
	.main_type .list .desc p {display:inline;}	
}
@media only screen and (max-width:1024px) {
	#topbnr{height:80px !important;}
	#topbnr .open_topbnr{right: 16px; bottom: 16px; top: auto;}
	#topbnr .open_topbnr .pc{display:none;}
	#topbnr .open_topbnr .mo{display:inline-block; height:20px; line-height:20px; padding-left:8px; padding-right:8px; border-radius:10px; background:rgba(0,0,0,.5); font-size:12px;}
	.topbnr_list, .topbnr_list li, .topbnr_list a, .topbnr_list .link_area{height:80px !important;}
	.topbnr_list .cont .tit{font-size:20px;}
	.layer_topbnr .layer_tit{font-size:30px;}
	.layer_topbnr .layer_cont{max-height:calc(100% - 81px);}
	.main_quick .quick_box.fixed{gap:8px; bottom:76px;}
	.main_quick .quick_box .btn_round{gap:6px; width:110px; height:50px; font-size:16px; line-height:50px;}
	.main_quick .quick_box .btn_round .ico img{height:28px; width: 23px;}
	#container.main section{padding-top:100px; padding-bottom:100px;}
	.main .tit_area{gap:10px; margin-bottom:48px;}
	.main .tit_area .sec_tit{font-size:40px;}
	.main .tit_area .sec_desc{font-size:20px;}
	.main .btns_bott{margin-top:50px;}
	.main .btn_round{min-width:12em; height:3em; line-height:3em; font-size:18px;}
	.main_visual .main_sl picture img{max-width:120%; width:120%; margin-left:-10%; margin-right:-10%;}
	.main_visual .main_sl .cont{top:50px; padding-left:30px; padding-right:30px;}
	.main_visual .main_sl .controller{top:auto; bottom:30px; padding-left:30px;}
	.main_type .list{gap:20px;}
	.main_type .list a:hover{transform:translateY(0);}
	.main_type .list .tit{font-size:28px;}
	.main_type .list .desc{font-size:18px;}
	.main_type .desc{margin-top:60px;}
	.main_type .desc li{font-size:18px;}
	.main_function .function_list li{padding-left:20px; padding-right:20px;}
	.main_function .function_list .img{width:100px; height:100px;}
	.main_function .function_list .txt{font-size:16px;}
	.main_premium .wrap_contents{width:auto; height:auto; padding:70px 70px 0; text-align: center;}
	.main_premium .tit_area{width:484px; height:484px; margin-bottom:70px;}
	.main_premium .tit_area .btns_bott{margin-top:30px;}
	.main_premium .tit_area i.circle1{top: -35px !important; left: -35px !important; width:calc(100% + 70px); height: calc(100% + 70px);}
	.main_premium .tit_area i.circle2{top: -70px !important; left: -70px !important; width:calc(100% + 140px); height: calc(100% + 140px);}	
	.main_premium .premium_list{display:inline-flex; flex-flow: column; position:static; width:auto; height: auto; margin-top:40px;}
	.main_premium .premium_list li{gap:4px; position:relative !important;flex-flow:column !important; text-align: left !important; padding-left:90px;}
	.main_premium .premium_list li.item1,.main_premium .premium_list li.item2,.main_premium .premium_list li.item3,.main_premium .premium_list li.item4{top: auto !important;}
	.main_premium .premium_list li.pos_right{left:auto !important;}
	.main_premium .premium_list li.pos_left{right:auto !important; }
	.main_premium .premium_list li + li{margin-top:25px;}
	.main_premium .premium_list .pos_left .tit::before{right:auto; left:-34px;}
	.main_premium .premium_list .img{left:0 !important; top:0 !important; width:60px; height:60px;}
	.main_premium .premium_list .tit{font-size:20px;}
	.main_premium .premium_list .tit::before{content:none;}
	.main_premium .premium_list .desc{font-size:16px;}
	.main_advantage .advantage_list{gap:15px; margin-top:160px; margin-bottom:-115px;}
	.main_advantage .advantage_list li{width:calc(33% - 10px); height:220px;}
	.main_advantage .advantage_list li:nth-of-type(3n-1), .main_advantage .advantage_list li:last-of-type{top:-115px;}
	.main_advantage .advantage_list .tit{font-size:18px;}
	.main_design .w_container{padding:100px 20px;}
	@media only screen and (min-height:575px) {
		.main_design.fixed_win .w_container{position:fixed; padding-top:calc((100vh - 575px)/2);  padding-bottom:calc((100vh - 575px)/2);}
		.main_design.sticked_bott .w_container{position:absolute; top:auto; bottom:0; padding-top:calc((100vh - 575px)/2);  padding-bottom:calc((100vh - 575px)/2);}
	}
	.main_design .design_list .tit{font-size:20px;}
	.main_design .design_list .desc{font-size:16px;}
	.main_design .design_img{width:50%; padding-top:39.3259%;}
	.main_design .design_list .img{width:70px; height:70px;}
	.main_design .design_list li{padding-left:100px;}
	.main_design .design_list li+ li{margin-top:30px;}
	@keyframes parter_flow {from {transform:translateX(0)} to {transform:translateX(-1224px)}}
	.main_partners .partner_sl li{width:180px;}
	.main_partners .partner_sl li .tit{font-size:18px;}
	.main_service .service_list li{flex-basis: calc(33.33% - 10px);}
	.main_service .service_list li:hover{transform:translateY(0);}
	.main_service .service_list li .tit{font-size:20px;}
	.main_cs .cs_box{padding:30px;}
	.main_cs .cs_box .tel{font-size:45px;}
	.main_cs .cs_box .info{font-size:16px;}
	.main_cs .cs_box .info_box{top:28px; left:0; transform:translateX(-50%);}
	.main_cs .cs_box .btn_squre{padding-left:1.2em; padding-right:1.2em;}
	.main_start .txt{font-size:40px;}
	.main_start .sub_info{margin-top:80px; font-size:16px;}
}
@media only screen and (max-width:640px) {
	#topbnr{height:60px !important;}
	#topbnr .close_topbnr{display:none;}
	#topbnr .open_topbnr{display:flex; align-items:flex-end; top:0; bottom:0; right:0; padding:8px; left:auto; width:auto; font-size:12px; line-height:20px; text-align: center; color:#fff !important; font-weight:100; opacity:1 !important; text-decoration:none;}	
	.topbnr_list, .topbnr_list li, .topbnr_list a, .topbnr_list .link_area{height:60px !important;}
	.topbnr_list .link_area{padding-left:20px; padding-right:20px;}
	.topbnr_list .cont{gap:2px;}
	.topbnr_list .cont .tit{font-size:16px; font-weight: 600;}
	.topbnr_list .cont .desc{font-size:13px; font-weight: 500;}
	.layer_topbnr .layer_box{border-radius: 0;padding:27px 20px 0;top: 0;left: 0;width: 100%;height: 100%;max-height: none;transform: translateY(0);}
	.layer_topbnr .layer_cont{max-height:calc(100% - 49px); padding-right:7px; margin-right:-7px;}
	.layer_topbnr .layer_cont::-webkit-scrollbar {width: initial;}
	.layer_topbnr .layer_cont::-webkit-scrollbar-track-piece{margin-bottom:30px;}
	.layer_topbnr .topbnr_list{margin-bottom:30px;}
	.layer_topbnr .layer_tit{margin-right:30px;font-size:18px;}
	.layer_topbnr .layer_close{top:27px; right:20px; width:20px; height:20px;}
	.layer_topbnr .layer_close::before, .layer_topbnr .layer_close::after{width:29px;}

	#container.main section{padding-top:60px; padding-bottom:60px;}
	.main .tit_area{gap:6px; margin-bottom:30px;}
	.main .tit_area .sec_tit{font-size:30px;}
	.main .tit_area .sec_desc{font-size:18px;}
	.main .btns_bott{margin-top:30px;}
	.main .btn_round{min-width:10em; font-size:16px;}
	.main .btn_squre{font-size:14px;}
	.main_quick .quick_box{display:flex; flex-flow:column-reverse; align-items: flex-end; gap:8px; position:fixed; right:-60px; bottom:62px !important; transition:.2s;}
	.main_quick .quick_box.fixed{right:15px;}
	.main_quick .quick_more{display:block; overflow:hidden; position:relative; z-index:1; width:40px; height:40px; border-radius:50%; background:rgba(51,149,214,0.6); transition:transform .2s;}
	.main_quick .quick_more:focus{outline:none;}
	.main_quick .quick_btns{position:absolute; right:0; bottom:0; z-index:0; transition:bottom .2s ease .2s;}
	.main_quick .quick_btns .btn_round{opacity:0; width:40px; height:40px;}
	.main_quick .fixed .quick_btns .btn_round{overflow:hidden; justify-content:flex-end; padding-right:.7em; transition:opacity .2s ease .2s, width .2s ease;}
	.main_quick .quick_btns .btn_round:first-child{position:absolute; bottom:0; right:0; transition:bottom .2s ease .2s, width .2s ease, opacity .2s ease .3s;}
	.main_quick .quick_btns .btn_round .txt{display:inline-block; overflow:hidden; width:0; white-space: nowrap; transition:width .2s ease;}
	.main_quick .quick_more.on{transform:rotate(90deg);}
	.main_quick .quick_more.on + .quick_btns{bottom:48px; transition:.2s;}
	.main_quick .quick_more.on + .quick_btns .btn_round{opacity:1; width:105px; transition:opacity .2s ease, width .2s ease .2s;}
	.main_quick .quick_more.on + .quick_btns .btn_round:first-child{bottom:48px; transition:bottom .2s ease, width .2s ease .2s;}
	.main_quick .quick_more.on + .quick_btns .btn_round .txt{width:4em; transition:width .2s ease .2s;}

	.main_visual{min-height:64vw;}
	.main_visual .main_sl picture img{width:180%; max-width:180%; margin-left:-50%; margin-right:-30%;}
	.main_visual .main_sl .cont{top: 2rem; padding-left:20px; padding-right:20px;}
	.main_visual .main_sl .controller{gap:14px; bottom:20px; padding-left:20px;}
	.main_visual .main_sl .swiper-button{width:14px; height:14px;}
	.main_visual .main_sl .swiper-pagination-bullet{width:6px; height:6px;}
	.main_visual .main_sl .swiper-pagination-bullet-active .bullet_ani,
	.main_visual .main_sl .swiper-button{width:14px; height:14px;}
	.main_visual .main_sl .swiper-pagination-bullet + .swiper-pagination-bullet{margin-left:12px;}
	.main_type .list{flex-flow:column; height:auto; gap:12px;}
	.main_type .list .box{padding: 30px 0 30px 30px;}
	.main_type .list a{/*padding:20px;*/}
	.main_type .list .tit{font-size:20px;}
	.main_type .list .desc{font-size:14px; word-break: keep-all;}
	.main_type .list .img{left:auto; top:auto; max-height:70%; max-width:50vw;}
	.main_type .desc{margin-top:60px;}
	.main_type .desc li{font-size:16px;}
	.main_function .tit_area{padding-left:20px; padding-right:20px;}
	.main_function .wrap_list{overflow-x:auto; padding-bottom:20px; padding-left:20px; padding-right:20px;}
	.main_function .function_list{left:10px;}
	.main_function .function_list li{padding-left:2vw; padding-right:2vw;}
	.main_function .function_list .img{width:21vw; height:21vw;}
	.main_function .function_list .txt{font-size:14px;}
	.main_function .btns_bott{margin-top:20px;}
	.main_premium .wrap_contents{padding:20px 20px 0;}
	.main_premium .tit_area{width:300px; height:300px;}
	@keyframes premium_fade {from {opacity:1; transform:scale(1)} to {opacity:.2; transform:scale(1.15)}}
	@keyframes premium_fade2 {from {opacity:1; transform:scale(1)} to {opacity:.1; transform:scale(1.25)}}
	.main_premium .tit_area i.circle1{top: -10px !important; left: -10px !important; width:calc(100% + 20px); height: calc(100% + 20px); border-color:rgba(255,255,255,.5); animation: premium_fade 3s ease-out infinite;}
	.main_premium .tit_area i.circle2{top: -25px !important; left: -25px !important; width:calc(100% + 50px); height: calc(100% + 50px); border-color:rgba(255,255,255,.3); animation: premium_fade2 3s ease-out infinite .07s;}
	.main_premium .tit_area .sec_tit,
	.main_premium .tit_area .sec_desc{white-space: nowrap;}
	.main_premium .premium_list li{gap:6px; padding-left:80px;}
	.main_premium .premium_list .tit{font-size:16px;}
	.main_premium .premium_list .desc{font-size:14px; white-space: initial; word-break: keep-all;}
	.main_premium .tit_area .btns_bott{margin-top:20px;}
	.main_advantage .advantage_list{gap:12px; justify-content: space-between; margin-top:0; margin-bottom:0;}
	.main_advantage .advantage_list li{width:calc(50% - 6px); flex-basis:calc(50% - 6px); height:38vw; padding:15px;}
	.main_advantage .advantage_list li:nth-of-type(2n-1){top:0 !important;}
	.main_advantage .advantage_list li:nth-of-type(2n){top:19vw !important;}
	.main_advantage .advantage_list .tit{font-size:14px; word-break:keep-all;}
	.main_design{height:auto;}
	.main_design .w_container{padding-top:60px !important; padding-bottom:60px !important;}
	.main_design .wrap_contents{flex-flow: column-reverse; gap:50px;}
	.main_design .design_list{max-width:100%;}
	.main_design .design_list li{min-height:70px; padding-left:90px;}
	.main_design .design_list li+ li{margin-top:20px;}
	.main_design .design_list .tit{font-size:16px;}
	.main_design .design_list .desc{font-size:14px;margin-top:.5em;}
	.main_design .design_list li .mo_img{display:block; overflow:hidden; position:relative; width:100vw; height:0; opacity:0; transition:.5s; margin-top:20px; margin-left:-110px;}
	.main_design .design_list li.on .mo_img{height:78.67vw; opacity:1;}
	.main_design .design_img{display:none;}
	@keyframes parter_flow {from {transform:translateX(0)} to {transform:translateX(-792px)}}
	.main_partners .partner_org_sl{margin-bottom:12px;}
	.main_partners .partner_sl{overflow-x:scroll;}
	.main_partners .partner_sl:active .swiper-wrapper{animation-play-state: paused;}
	.main_partners .partner_sl li{width:160px;padding-left:6px; padding-right:6px;}
	.main_partners .partner_sl li .tit{left:.5em; bottom:.5em; font-size:14px;}
	.main_partners .partner_sl li a:hover::after{width:6em; height:2em; font-size:14px; line-height:2em;}
	.main_service{padding-bottom:calc(67px + 5vw) !important;}
	.main_service .service_list{gap:10px;}
	.main_service .service_list li img.pc{display:none;}
	.main_service .service_list li img.mo{display:block;}
	.main_service .service_list li .tit{left:.5em; right:.5em; bottom:.5em; font-size:14px; text-align:center;}
	.main_cs{margin-top:-57px;}
	.main_cs .cs_box{flex-flow:column; gap: 15px; position:relative;}
	.main_cs .cs_box .tel{font-size:30px; margin-right:0; line-height:1;}
	.main_cs .cs_box .info{text-align: center;}
	.main_cs .cs_box .ico_info{position:static; width:15px; height:15px; padding-right:0; padding-bottom:.2em;}
	.main_cs .cs_box .info_box{padding:20px 18px;top:0; left:0; right:0; bottom:0; height:100%; transform:translateX(0%);}
	.main_cs .cs_box .info_box .tit,
	.main_cs .cs_box .info_box .desc{font-size:14px;}
	.main_cs .cs_box .info_box .desc{white-space: initial; text-align: left;}
	.main_cs .cs_box .btn_squre{margin-top:1em;}
	.main_cs .cs_box .btn_squre .ico{width:20px; height:20px;}
	.main_cs .cs_box .close_cs_info{position:absolute; top:10px; right:10px; width:20px; height:20px; background:url(/images/main/2022/close_topbnr.svg) center / contain no-repeat;}
	.main_start{padding-top:60px !important;}
	.main_start .txt{font-size:26px;}
	.main_start .sub_info{margin-top:40px; font-size:14px; line-height:2; word-break: keep-all;}
}
@media only screen and (max-width:500px) {
	.topbnr_list .link_area{padding-left:10px; padding-right:10px;}
	.main_design .design_list .desc br {display:none;}

	.main .tit_area .sec_tit{font-size:26px;}
}
@media only screen and (max-width:346px) {
	.main_type .desc li {display:inline;}
}
@media only screen and (max-width:325px) {
	.main_visual .main_sl .cont .tit p {display:inline;}
}

/* main - 리뉴얼 전 스타일(서브페이지 미확인으로 백업) */
/* 고객센터 상담 안내 */
.layer-customer {background:#fff; font-size:14px; color:#666;}
.layer-customer .fl {width:45%;}
.layer-customer .fr {width:50%; border-left:1px solid #e6e6e6; padding-left:30px;}
.layer-customer h4.key {height:64px; padding-top:15px; margin-bottom:15px; line-height:1.4; padding-left:88px; background:url('/images/main/2019/ico_customer_layer.png') no-repeat 0 0; font-size:28px;}
.layer-customer h4.key .phone {font-size:inherit; color:#0081c8;}
.layer-customer h4.sub {margin-top:15px; color:#333; font-size:16px;}
.layer-customer h4.sub .phone {display:inline-block; width:160px; margin-top:5px; font-size:22px; color:#0081c8;}
.layer-customer ol {margin-bottom:30px;}
.layer-customer ol > li {font-size:16px; padding-top:4px;}
.layer-customer ol > li > span {display:inline-block; width:30px; height:30px; line-height:28px; margin-right:10px; border:1px solid #cacaca; background:#fafafa; text-align:center;}
.layer-customer ul > li {display:table; width:100%;}
.layer-customer ul > li:before {display:table-cell; width:15px; content:'\2022';}
.layer-customer .title {margin-top:25px; border-top:1px solid #e6e6e6; padding:25px 0 6px; font-size:16px; color:#333;}
.layer-customer .mail {margin-bottom:30px;}
.layer-customer .mail > a {font-size:18px; color:#666;}
@media (min-width:0) and (max-width:1024px) {
	.layer-customer .fl {width:100%;}
	.layer-customer .fl h4.key {background:none; padding-left:0;}
	.layer-customer .fl ul {margin-bottom:30px;}
	.layer-customer .fr {width:100%; border-top:1px solid #e6e6e6; border-left:0; padding-top:10px; padding-left:0;}
	.layer-customer .fr .mail {margin-bottom:5px;}
	.layer-customer .mail > a {font-size:14px;}
}
@media (min-width:0) and (max-width:320px) {
	.layer-customer h4.key {height:auto; padding-top:0;}
	.layer-customer h4.key .phone {display:block;}
}

/* 임대 vs 독립 */
.pop_vs {position:fixed; top:0; left:0; width:100%; height:100%; z-index:101;}
.pop_vs .bg {position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(255,255,255,0.5);}
.pop_vs .box {position:absolute; top:50%; left:50%; margin:-248px 0 0 -535px;}
.pop_vs .close {position:absolute; top:28px; right:28px; width:28px; height:28px; background:url('/images/main/2019/ico_vs_close.png'); text-indent:-9999px;}
.pop_vs .fl, .pop_vs .fr {width:50%;}
@media (min-width:0) and (max-width:1024px) {
	.pop_vs .fl, .pop_vs .fr {width:50%;}
	.pop_vs .fl img, .pop_vs .fr img {width:100%;}
}
@media (min-width:0) and (max-width:640px) {
	.pop_vs .box {width:100%; top:0; left:0; margin:0;}
	.pop_vs .close {top:20px; right:20px;}
	.pop_vs .fl, .pop_vs .fr {width:100%;}
}

/* 서비스 비교하기 팝업 */
.pop_compare {position:fixed; top:0; left:0; width:100%; height:100%; z-index:2;}
.pop_compare .bg {position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(255,255,255,0.5);}
.pop_compare .compare_popup {position:absolute; top:50%; left:50%; margin:-420px 0 0 -590px; width:1180px; border:1px solid #707070; box-shadow:3px 3px 0 rgba(0,0,0,0.1); background:#fff; padding:30px 50px 30px;}
.compare_popup .close {position:absolute; top:28px; right:28px; background:url('/images/main/2019/ico_vs_close.png') no-repeat; width:28px; height:28px;  text-indent:-9999px;}
.compare_popup h1 {margin-bottom:15px; text-align:center; font-size:24px;}
.compare_popup .reg_desc {padding-top:10px; font-size:14px; color:#888;}
.compare_popup a.btn_blue {height:40px; line-height:38px; font-size:14px; color:#fff;}
.compare_popup .intro_compare_head.v2 {padding-left:111px;}
.compare_popup .intro_compare_head.v2>li.default {width:60%;}
.compare_popup .intro_compare_head.v2>li.default2 {width:40%;}
.compare_popup .table_intro_compare.v2 thead th.no {width:110px;}
.compare_popup .table_intro_compare.v2 thead th.free,
.compare_popup .table_intro_compare.v2 thead th.prem,
.compare_popup .table_intro_compare.v2 thead th.expa,
.compare_popup .table_intro_compare.v2 thead th.adva,
.compare_popup .table_intro_compare.v2 thead th.aren {width:18%;}
.compare_popup .table_intro_compare th,
.compare_popup .table_intro_compare td {overflow:hidden;}

.compare_tab {margin-bottom:20px; zoom:1;}
.compare_tab:after {clear:both; display:block; content:'';}
.compare_tab li {float:left; width:50%; height:40px; overflow:hidden;}
.compare_tab li a {display:block; border-top:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #333; border-left:0; background:#eee; height:38px; line-height:36px; text-align:center; font-size:14px; color:#888; text-decoration:none;}
.compare_tab li:first-child a {border-left:1px solid #ddd;}
.compare_tab li.active a, .compare_tab li a:hover {border-top:1px solid #333; border-right:1px solid #333; border-bottom:1px solid #fff;  border-left:1px solid #333; background:#fff; color:#333;}
.compare_tab.tab3 li { *width:25%; width:25%; }
.compare_wrap {position:relative; margin-top:50px; text-align:center; overflow:hidden;}
.compare_wrap:after {display:none; content:''; position:absolute; top:0; left:608px; width:1px; height:500px; background:#fff;}
.compare_wrap .de {float:left;}
.compare_wrap .op {float:right;}
.compare_wrap h2 {display:inline-block; width:180px; border-bottom:1px solid #000; padding:0 0 25px; font-size:20px; color:#000;}
.compare_wrap h3 {padding:30px 0; font-size:28px; color:#000;}
.compare_wrap p.txt {padding:0 0 40px; font-size:16px; color:#666; line-height:1.4;}
.compare_wrap h4 {border-top-left-radius:0; border-top-right-radius:0; font-size:15px; color:#fff; line-height:38px;}
/*.compare_wrap .free h4 {background:#f39c12;}
.compare_wrap .prem h4 {background:#5da8e1;}
.compare_wrap .expa h4 {background:#a966c3;}
.compare_wrap .aren h4 {background:#2ecc71;}
.compare_wrap .adva h4 {background:#00baac;}*/
.compare_wrap .free h4 {background:#4791dc;}
.compare_wrap .prem h4 {background:#3880c8;}
.compare_wrap .expa h4 {background:#2971b8;}
.compare_wrap .aren h4 {background:#3880c8;}
.compare_wrap .adva h4 {background:#2971b8;}
.compare_wrap .service > li {float:left; width:200px;}
.compare_wrap .service > li > div {height:200px; border-bottom:1px solid #d4dbdf; border-right:1px solid #d4dbdf; padding:15px 0; text-align:center; font-size:14px; line-height:1.6;}
.compare_wrap .service > li > div.src {padding:45px 5px 0 10px; text-align:left; font-size:14px; line-height:1.6;}
.compare_wrap .service > li:first-child > div {border-left:1px solid #d4dbdf;}
.compare_wrap .service > li > div .warning {display:inline-block; padding-top:5px; font-size:14px;}
.compare_wrap .service > li > div .warning:hover {text-decoration:underline;}
.compare_wrap .service > li > div ul {padding-top:0px;}
.compare_wrap .service > li > div li {background:url('/images/introduce/2018/ico_dot.png') no-repeat left 10px; padding-left:8px;}
.compare_wrap .service > li > div .stitle {margin-bottom:20px;}
.compare_wrap .service > li > div .stitle .ver {display:inline-block; vertical-align:middle; width:40%; line-height:23px; border-radius:4px; background:#eee; text-align:center; font-size:14px; color:#888; text-decoration:none;}
/*.compare_wrap .service > li.free > div .stitle span.ver {width:82%; background:#f6e8ca; color:#f38612;}
.compare_wrap .service > li.prem > div .stitle span.ver {background:#cee5f7; color:#3e8ac3;}
.compare_wrap .service > li.expa > div .stitle span.ver {background:#ecd6f5; color:#a966c3;}
.compare_wrap .service > li.aren > div .stitle span.ver {background:#bcebd0; color:#06a549;}
.compare_wrap .service > li.adva > div .stitle span.ver {background:#b4e5e1; color:#00a699;}*/
.compare_wrap .service > li.free > div .stitle span.ver {width:82%; background:#cee5f7; color:#3e8ac3;}
.compare_wrap .service > li.prem > div .stitle span.ver {background:#cee5f7; color:#3e8ac3;}
.compare_wrap .service > li.expa > div .stitle span.ver {background:#cee5f7; color:#3e8ac3;}
.compare_wrap .service > li.aren > div .stitle span.ver {background:#cee5f7; color:#3e8ac3;}
.compare_wrap .service > li.adva > div .stitle span.ver {background:#cee5f7; color:#3e8ac3;}
.compare_wrap .service > li > div .stxt {padding-top:20px; font-size:18px; font-weight:400; color:#888; text-decoration:line-through;}
.compare_wrap .service > li > div .price {font-size:14px; color:#6a6a6a;}
.compare_wrap .service > li > div .price .num {font-size:24px; font-weight:600; color:#40404a;}
.compare_wrap .service > li > div .price .num2 {display:block; margin:-5px 0 -6px; font-size:24px; font-weight:500; color:#40404a;}
/* 상품 비교 table */
.table_intro_compare { width:100%; table-layout:fixed; border-collapse:collapse; }
.table_intro_compare .bx { border:none; }
.table_intro_compare td { border:1px #ddd solid; padding:9px; font-size:14px; line-height:1.4; color:#555; }
.table_intro_compare a { color:#333; }
.table_intro_compare a:hover { text-decoration:underline; }
.table_intro_compare td.present { border-left:2px #ddd solid; border-right:2px #ddd solid; }
.table_intro_compare tbody tr:last-child td.present { border-bottom:2px #ddd solid; }
.table_intro_compare td.x1 { border-top:none; border-bottom:none; }
.table_intro_compare td.x2 { border-top:none; }
.table_intro_compare.free td.present { border-left-color:#f39c12; border-right-color:#f39c12; color:#e95c02; background:#fbf2e3; }
.table_intro_compare.free td.present>.cont_area { color:#e95c02; }
.table_intro_compare.free tbody tr:last-child td.present { border-bottom-color:#f39c12; }
.table_intro_compare.free td.a1 { border-right:none; }
.table_intro_compare.free td.a2 { border-left:none; border-right:none; }
.table_intro_compare.free td.a3 { border-left:none; }
.table_intro_compare.prem td.present { border-left-color:#5da8e1; border-right-color:#5da8e1; color:#0a5b9a; background:#eaf7ff; }
.table_intro_compare.prem td.present>.cont_area { color:#0a5b9a; }
.table_intro_compare.prem tbody tr:last-child td.present { border-bottom-color:#5da8e1; }
.table_intro_compare.prem td.present.a1 { border-right:none; }
.table_intro_compare.prem td.present.a2 { border-right:none; border-left:none; border-top:2px #5da8e1 solid; }
.table_intro_compare.prem td.present.a3 { border-left:none; border-top:2px #5da8e1 solid; }
.table_intro_compare.expa td.present { border-left-color:#a966c3; border-right-color:#a966c3; color:#9139b4; background:#f2eaf5; }
.table_intro_compare.expa td.present>.cont_area { color:#9139b4; }
.table_intro_compare.expa tbody tr:last-child td.present { border-bottom-color:#a966c3; }
.table_intro_compare.expa td.present.a1 { border-right:none; border-top:2px #a966c3 solid; }
.table_intro_compare.expa td.present.a2 { border-right:none; border-left:none; }
.table_intro_compare.expa td.present.a3 { border-left:none; border-top:2px #a966c3 solid; }
.table_intro_compare.adva td.present { border-left-color:#00baac; border-right-color:#00baac; color:#167466; background:#e9f5f5; }
.table_intro_compare.adva td.present>.cont_area { color:#167466; }
.table_intro_compare.adva tbody tr:last-child td.present { border-bottom-color:#00baac; }
.table_intro_compare.adva td.present.a1 { border-right:none; border-top:2px #00baac solid; }
.table_intro_compare.adva td.present.a2 { border-right:none; border-left:none; border-top:2px #00baac solid; }
.table_intro_compare.adva td.present.a3 { border-left:none; }
.table_intro_compare.aren td.present { border-left-color:#2ecc71; border-right-color:#2ecc71; color:#2a6648; background:#f4fef8; }
.table_intro_compare.aren td.present>.cont_area { color:#2a6648; }
.table_intro_compare.aren tbody tr:last-child td.present { border-bottom-color:#2ecc71; }
.table_intro_compare.aren td.present.a1 { border-right:none; border-top:2px #2ecc71 solid; }
.table_intro_compare.aren td.present.a2 { border-right:none; border-left:none; border-top:2px #2ecc71 solid; }
.table_intro_compare.aren td.present.a3 { border-left:none; }
.table_intro_compare tbody th { border:1px #ddd solid; padding:10px 5px; background:#f7f7f7; text-align:center; font-size:14px; line-height:1.4; font-weight:normal; color:#333; }
.table_intro_compare thead th { text-align:center; font-size:15px; line-height:49px; color:#fff; vertical-align:top; position:relative; }
.table_intro_compare thead tr>th:first-child { width:100px; }
#compare_popup .table_intro_compare thead tr>th:first-child { width:110px; }
.table_intro_compare thead th>p,
.table_intro_compare thead th>a.link { display:block; border-top-left-radius:0; border-top-right-radius:0; height:40px; line-height:38px; color:#fff; }
.table_intro_compare thead th.free p, .table_intro_compare thead th.free>a.link, .table_intro_compare .free .compare_box { background-color:#4791dc; }
.table_intro_compare thead th.prem p, .table_intro_compare thead th.prem>a.link, .table_intro_compare .prem .compare_box { background-color:#3880c8; }
.table_intro_compare thead th.expa p, .table_intro_compare thead th.expa>a.link, .table_intro_compare .expa .compare_box { background-color:#2971b8; }
.table_intro_compare thead th.aren p, .table_intro_compare thead th.aren>a.link, .table_intro_compare .aren .compare_box { background-color:#3880c8; }
.table_intro_compare thead th.adva p, .table_intro_compare thead th.adva>a.link, .table_intro_compare .adva .compare_box { background-color:#2971b8; }
.table_intro_compare thead th .vs { position:absolute; left:-10px; bottom:7px; z-index:110; width:20px; height:20px; background:#fff; border-radius:50%; text-align:center; font-size:10px; line-height:20px; color:#4a7bb8; box-shadow:0px 3px 1px rgba(100, 100, 100, 0.4); transition:all 0.2s; }
.table_intro_compare thead th .vs:hover, .table_intro_compare thead th .vs:active { text-decoration:none; background:#4a7bb8; color:#fff; }
.table_intro_compare thead th .vs:focus { text-decoration:none; }
.table_intro_compare thead th .vs.active { box-shadow:none; background:rgba(0, 0, 0, 0.2); color:#fff; text-decoration:none; }

.intro_compare_head { padding-left:100px; font-size:15px; line-height:49px; color:#fff; }
.intro_compare_head>li { float:left; width:220px; border-top-left-radius:18px; border-top-right-radius:18px; position:relative; }
.intro_compare_head>li.free { background:#4791dc }
.intro_compare_head>li.prem { background:#3880c8 }
.intro_compare_head>li.expa { background:#2971b8 }
.intro_compare_head>li.aren { background:#3880c8 }
.intro_compare_head>li.adva { background:#2971b8 }
.intro_compare_head>li>p { text-align:center; }
.intro_compare_head .vs { position:absolute; left:-10px; bottom:7px; z-index:110; width:20px; height:20px; background:#fff; border-radius:50%; text-align:center; font-size:10px; line-height:20px; color:#4a7bb8; box-shadow:0px 3px 1px rgba(100, 100, 100, 0.4); transition:all 0.2s; }
.intro_compare_head .vs:hover, .intro_compare_head .vs:active { text-decoration:none; background:#4a7bb8; color:#fff; }
.intro_compare_head .vs:focus { text-decoration:none; }
.intro_compare_head .vs.active { box-shadow:none; background:rgba(0, 0, 0, 0.2); color:#fff; text-decoration:none; }
.intro_compare_head.v2>li {height:40px; line-height:38px; border:1px solid #d0d0d0; border-bottom:0; background:#f7f7f7; text-align:center; color:#555;}
.intro_compare_head.v2>li.default {width:586px;}
.intro_compare_head.v2>li.default2 {width:390px;}
.table_intro_compare.v2 thead th.free, .table_intro_compare.v2 thead th.prem, .table_intro_compare.v2 thead th.expa, .table_intro_compare.v2 thead th.adva, .table_intro_compare.v2 thead th.aren {width:196px;}
.table_intro_compare thead td { vertical-align:top; border-top:none; border-bottom:none; padding:0; font-size:15px; line-height:24px; color:#555; overflow:hidden; }
.table_intro_compare thead td>.cont_area { position:relative; padding:16px 5px 26px 18px; color:inherit;}
.table_intro_compare thead td.free.on { border-left:1px #f39c12 solid; border-right:1px #f39c12 solid; }
.table_intro_compare thead td.prem.on { border-left:1px #5da8e1 solid; border-right:1px #5da8e1 solid; }
.table_intro_compare thead td.expa.on { border-left:1px #a966c3 solid; border-right:1px #a966c3 solid; }
.table_intro_compare thead td.adva.on { border-left:1px #00baac solid; border-right:1px #00baac solid; }
.table_intro_compare.free thead td.free.on,
.table_intro_compare.prem thead td.prem.on,
.table_intro_compare.expa thead td.expa.on,
.table_intro_compare.adva thead td.adva.on { border-left-width:2px; border-right-width:2px; }
.table_intro_compare td .compare_box { position:absolute; left:0; top:-100%; z-index:100; width:100%; height:100%; transition:top 0.6s linear; }
.table_intro_compare td.on .compare_box { top:0; }
.table_intro_compare .compare_box { text-align:center; }
.table_intro_compare .compare_box .price { width:170px; margin:0 auto; height:70px; font-size:15px; color:#333; line-height:70px; background:#fff; border-radius:35px; }
.table_intro_compare .compare_box .price .num { font-size:24px; font-family:arial; letter-spacing:-1px; font-weight:bold; position:relative; top:2px; }
.table_intro_compare .expa .compare_box .price,
.table_intro_compare .adva .compare_box .price { line-height:60px; }
.table_intro_compare .compare_box .price .add { display:block; margin-top:-18px; font-size:14px; line-height:1.5; }
.table_intro_compare .compare_box .text { padding-top:14px; color:#fff; line-height:18px; }
.table_intro_compare .compare_box .text>span { display:inline-block; border-bottom:1px #fff solid; margin-top:6px; }
.table_intro_compare .compare_box .text>b { display:block; font-size:11px; font-weight:normal; line-height:1.2; padding-top:2px; }
.table_intro_compare .name { font-size:15px; font-weight:bold; text-align:center; letter-spacing:0; }
.table_intro_compare .warning { font-size:11px; color:#ed464a; }
.table_intro_compare .desc { font-size:14px; color:#767676; }
.table_intro_compare.free .present .warning { color:#900105; }
.table_intro_compare.free .present .desc { color:#c78b29; }
.table_intro_compare.free .present .desc.v2 { color:#ea5d03; }
.table_intro_compare.adva .present .desc { color:#12a489; }
.table_intro_compare.aren .present .desc { color:#3a8e64; }
.table_intro_compare.v2 td { text-align:center; }
.table_intro_compare.v2 tbody th { font-weight:normal; }
.table_intro_compare .detail_type th { border:none; background:none; }
.table_intro_compare .int_th { padding:0 !important; border-top:none; }
.table_intro_compare .detail_type .int_th { background:#f7f7f7; }
.table_intro_compare .detail_type td>p, .table_intro_compare .int_th>ul, .table_intro_compare .int_th>ul>li { height:40px; line-height:38px; }
.table_intro_compare .int_th>ul>li { float:left; width:50%; margin-left:-1px; border-left:1px #ccc solid; }
.table_intro_compare .int_th>ul>li:first-child { margin-left:0; border-left:none; }
.table_intro_compare .int_th ul .icon_o, .table_intro_compare .int_th ul .icon_x, .table_intro_compare .int_th ul .icon_detail_view { height:39px; }
.table_intro_compare .int_th.v2>ul { height:auto; }
.table_intro_compare .int_th.v2>ul>li { height:auto; line-height:1.4; }
.table_intro_compare .int_th.v2>ul>li>p.x1 { padding:10px 0; text-align:right; }
.table_intro_compare .int_th.v2 .del { font-size:14px; color:#999; text-decoration:line-through; }
.table_intro_compare .int_th.v2 .std { font-size:14px; color:#767676; }
.table_intro_compare.v2 tbody tr:last-child .int_th.present>ul, .table_intro_compare.v2 tbody tr:last-child .int_th.present>ul>li { height:39px; line-height:39px; }
.table_intro_compare.v2.free .detail_type td.present,
.table_intro_compare.v2.free tr:last-child td.present { background:#f7e6ca; color:#000; }
.table_intro_compare.v2.prem .detail_type td.present,
.table_intro_compare.v2.prem tr:last-child td.present { background:#d4e7f6; color:#000; }
.table_intro_compare.v2.expa .detail_type td.present,
.table_intro_compare.v2.expa tr:last-child td.present { background:#e6d9eb; color:#000; }
.table_intro_compare.v2.adva .detail_type td.present,
.table_intro_compare.v2.adva tr:last-child td.present { background:#d3ebe9; color:#000; }
.table_intro_compare.v2.aren .detail_type td.present,
.table_intro_compare.v2.aren tr:last-child td.present { background:#def6e8; color:#000; }
.table_intro_compare.v2.price td, .table_intro_compare.v2.price tbody th { padding:5px; }
.table_intro_compare.v2.price tbody th { text-align:left; padding-left:9px; }
.table_intro_compare.v2.price tbody td { vertical-align:middle; }
.icon_detail_view { display:inline-block; width:20px; height:20px; background:url('/images/introduce/2018/icon_i.png') 50% 50% no-repeat; overflow:hidden; text-indent:-9999px; vertical-align:middle; transform:rotate(0deg); transition:transform 0.3s; }
.icon_detail_view:hover { transform:rotate(360deg) }
.icon_o { display:inline-block; width:20px; height:20px; background:url('/images/introduce/2018/icon_o.png') 50% 50% no-repeat; overflow:hidden; text-indent:-9999px; vertical-align:middle; }
.icon_x { display:inline-block; width:20px; height:20px; background:url('/images/introduce/2018/icon_x.png') 50% 50% no-repeat; overflow:hidden; text-indent:-9999px; vertical-align:middle; }
@media (min-width:0) and (max-width:1024px) {
	.compare_wrap .de,
	.compare_wrap .op {width:100%;}
	.compare_wrap .op {padding-top:30px;}
	.compare_wrap .de .service > li {width:33.3%;}
	.compare_wrap .op .service > li {width:50%;}
}
@media (min-width:0) and (max-width:640px) {
	.compare_wrap .de .service > li,
	.compare_wrap .op .service > li {width:100%;}
	.compare_wrap .service > li > div {height:130px; border-left: 1px solid #d4dbdf;}
	.compare_wrap .service > li > div.src {padding:20px 0 0 30px;}
	.compare_wrap .service > li > div .stitle {margin-bottom:0;}
	.compare_wrap .service > li > div .stxt {padding-top:10px;}
	.compare_popup .intro_compare_head.v2 {padding-left:81px;}
	.compare_popup .table_intro_compare.v2 thead th.no,
	.compare_popup .table_intro_compare.v2 tbody th {width:80px;}
}

/*-----------------------------------------------------------------*/
/* 서비스 약관
/*-----------------------------------------------------------------*/

/* 서비스 약관 */
.agreement_wrap {font-size:16px; color:#666; line-height:1.8;}
.agreement_wrap h1 {margin-top:30px; font-size:24px; font-weight:600;}
.agreement_wrap h2 {margin-top:50px; font-size:20px; color:#000;}
.agreement_wrap h2:first-child {margin-top:30px;}
.agreement_wrap h3, .agreement_wrap h4 {margin:20px 0 5px; font-size:18px; color:#333;}
.agreement_wrap li, .agreement_wrap p {border:0; padding:0;}
.agreement_wrap .oneStep {padding-left:20px; text-indent:-20px;}
.agreement_wrap .twoStep {margin:4px 5px; padding-left:10px; text-indent:-18px;}
.agreement_wrap .thrStep {margin:4px 5px; padding-left:5px; text-indent:-12px;}
.agreement_wrap .policyStep {margin-bottom:50px;}
.agreement_wrap .policyStep > li {margin-bottom:10px;}
.agreement_wrap .policyStep > li > ul {margin-top:10px; border:1px solid #e0e0e0; background:#fafafa; padding:15px 20px;}
@media (min-width:0) and (max-width:640px) {
	.agreement_wrap .service_list th[scope="row"] {width:30%; box-sizing:border-box; padding-left:10px;}
	.agreement_wrap .service_list col.th,
	.agreement_wrap .service_list td {width:35%; box-sizing:border-box; padding-left:10px; padding-right:10px;}
}

/* 이전 서비스 약관 */
.agree_old > p {margin:20px 0 10px;}
.agree_old .link {color:#097ac9;}
.agree_old #agree_old {display:none; border:1px solid #e0e0e0; background:#f9f9f9; padding:0 20px 20px;}
.agree_old h5 {padding:30px 0 10px; font-size:16px; font-weight:500;}
.agree_old select {line-height:40px; color:#666;}

/* 서비스 약관 - 탭메뉴 */
.service_tab, .agree_tab {margin-bottom:50px;}
.service_tab li {float:left; width:33.33%; overflow:hidden;}
.service_tab.x4 li {width:25%;}
.service_tab.x5 li {width:20%;}
.service_tab.x6 li {width:16.66%;}
.agree_tab li {float:left; position:relative; width:16.66%;}
.service_tab li a, .agree_tab li a {display:block; height:60px; line-height:58px; margin-left:-1px; border:1px solid #d4dbdf; background:#f7f7f7; text-align:center; font-size:16px; color:#858585; text-decoration:none; overflow:hidden;}
.service_tab li:first-child a, .agree_tab li:first-child a {margin-left:0;}
.service_tab li.active a, .service_tab li a:hover {border-color:#4b8ac8; background:#3090d6; font-size:18px; color:#fff;}
.agree_tab li.active a, .agree_tab li a:hover {border-color:transparent; background:#fff; font-weight:500;; color:#097ac9;}
.agree_tab li.active a:before, .agree_tab li a:hover:before {display:block; content:''; position:absolute; top:0; bottom:1px; left:-1px; right:1px; border:2px solid #097ac9;}
.service_tab.tab_flying,
.agree_tab.tab_flying {/*position:fixed;*/ top:90px; height:60px; width:1180px; margin:0 auto; z-index:1;}
@media (min-width:0) and (max-width:1024px) {
	.service_tab.tab_flying,
	.agree_tab.tab_flying {top:60px; width:calc(100% - 40px);}
}
@media (min-width:0) and (max-width:640px) {
	.service_tab.x4 li, .service_tab.x5 li,	.service_tab.x6 li,
	.agree_tab li {width:50%;}
	.service_tab.x4 li:nth-child(3) a,
	.service_tab.x5 li:nth-child(3) a, .service_tab.x5 li:nth-child(5) a,
	.service_tab.x6 li:nth-child(3) a, .service_tab.x6 li:nth-child(5) a,
	.agree_tab li:nth-child(3) a, .agree_tab li:nth-child(5) a, .agree_tab li:nth-child(7) a {margin-top:-1px; margin-left:0;}
	.service_tab.x4 li:nth-child(4) a,
	.service_tab.x5 li:nth-child(4) a,
	.service_tab.x6 li:nth-child(4) a, .service_tab.x6 li:nth-child(6) a,
	.agree_tab li:nth-child(4) a, .agree_tab li:nth-child(6) a {margin-top:-1px;}
	.service_tab li a, .agree_tab li a {height:50px; line-height:48px;}
	.service_tab li.active a, .service_tab li a:hover,
	.agree_tab li.active a, .agree_tab li a:hover {font-size:16px;}
}
@media (min-width:0) and (max-width:480px) {
	.service_tab li a, .agree_tab li a {height:40px; line-height:38px;}
}


/*-----------------------------------------------------------------*/
/* 쇼핑몰 & 시스템 & 구축센터
/*-----------------------------------------------------------------*/

/* table_mobile */
.table_mobile {width:100%; border-collapse:collapse; border-top:2px solid #6f6f6f; border-bottom:1px solid #ccc;}
.table_mobile > li {float:left; width:20%;}
.table_mobile > li:first-child {width:20%;}
.table_mobile > li dt {border-bottom:1px solid #ccc; border-left:1px solid #e4e4e4; background:#f9fafc; height:200px; padding:50px 10px; text-align:center; font-size:18px; font-weight:normal; color:#333; line-height:1.6;}
.table_mobile > li dt + dd {border-top:none !important;}
.table_mobile > li dd {border-top:1px solid #e4e4e4; border-left:1px solid #e4e4e4; padding:20px 0; text-align:center; font-size:18px; font-weight:400; color:#333; line-height:1.6; text-overflow:ellipsis; /*white-space:nowrap;*/ word-wrap:normal; overflow:hidden;}
.table_mobile > li dd h5 {display:none;}
.table_mobile > li dd p {font-weight:inherit;}
.table_mobile > li:first-child dt, .table_mobile > li:first-child dd {border-left:none;}
.table_mobile > li:first-child dd {padding-left:30px; text-align:left; font-weight:400;}
.table_mobile > li a.btn_blue {margin-top:5px; border:none; min-width:100px; height:40px; line-height:38px; padding:0 30px; font-size:16px; color:#fff;}
.dbservice .table_mobile > li dd.rowspan {height:138px; padding-top:55px;}
.dbservice .table_mobile > li dd.rowspan.x2 {padding-top:40px;}
@media (min-width:0) and (max-width:1024px) {
	.table_mobile > li {width:50%;}
	.table_mobile > li:first-child {display:none;}
	.table_mobile > li:nth-child(even) dt, .table_mobile > li:nth-child(even) dd {border-left:none;}
	.table_mobile > li:nth-child(4), .table_mobile > li:nth-child(5) {border-top:2px solid #6f6f6f;}
	.table_mobile > li dt h4 {font-size:24px;}
	.table_mobile > li dd h5 {display:block;}
	.dbservice .table_mobile > li dd.rowspan {height:200px; padding-top:70px;}
	.dbservice .table_mobile > li dd.rowspan.x2 {padding-top:60px;}
}

/* section_product */
.section_product {padding:60px 0 80px; text-align:center; color:#333; line-height:1.4;}
.section_product h3 {font-size:40px; font-weight:400; color:inherit; letter-spacing:-2px; line-height:1.2;}
.section_product h4 {margin-bottom:5px; font-size:28px; font-weight:400; color:inherit; letter-spacing:-1px; line-height:inherit;}
.section_product h4 > p {display:inline;}
.section_product h5 {display:none; font-size:15px; color:#999;}
.section_product .product_tab, .product_tab {margin-bottom:23px; text-align:left;}
.section_product .product_tab li, .product_tab li {position:relative; float:left; padding-left:40px; font-size:18px; color:#999; cursor:pointer;}
.product_tab li, .product_tab li a {line-height:inherit;}
.section_product .product_tab li:first-child, .product_tab li:first-child {padding-left:0;}
.section_product .product_tab li:before, .product_tab li:before {display:block; content:''; position:absolute; top:50%; margin-top:-8px; left:20px; width:1px; height:16px; background:#aaa;}
.section_product .product_tab li:first-child:before, .product_tab li:first-child:before {display:none;}
.section_product .product_tab li.active, .product_tab li.active {color:#101010;}
.section_product a.link {position:absolute; top:0; right:0; background:url('/images/common/icon_list.png') no-repeat 100% -71px; padding-right:15px; font-size:18px; font-weight:500; color:#1d7abd;}
.section_product a.link:hover {text-decoration:underline;}
.section_product table .info {display:inline-block; vertical-align:middle; width:16px; height:16px; margin:0 0 3px 5px; background:url('/images/common/icon_list.png') no-repeat 0 -150px; text-indent:-9999px; cursor:pointer;}
.section_product table .event {display:inline-block; margin-right:5px; border:1px solid #f66b05; padding:0 10px 2px; font-size:14px; color:#f66b05; line-height:20px;}
.section_product table .before {display:inline-block; font-size:16px; color:#888; text-decoration:line-through;}
.section_product table .price {margin:5px 0 10px; font-size:16px;}
.section_product table .price span {font-size:24px; font-weight:400;}
.section_product table a.view {font-weight:500; color:#3090d6;}
.section_product table a.view:hover {text-decoration:underline;}
.section_product table a.blue {border-color:#3090d6; color:#3090d6;}
.section_product table a.btn_white {margin-top:5px; min-width:120px; height:40px; line-height:35px; font-size:16px;}
.section_product table a.btn_blue {margin-top:5px; min-width:120px; height:40px; line-height:35px; font-size:16px; color:#fff;}
.section_product table .ls-05 {letter-spacing:-0.5px;}
.section_product table .checked {display:inline-block; vertical-align:middle; width:20px; height:17px; background:url('/images/common/icon_check.png') no-repeat;}
.section_product table {width:100%; border-collapse:collapse; border-top:2px solid #6f6f6f; border-bottom:1px solid #ccc;}
.section_product table .info {display:inline-block; vertical-align:middle; width:16px; height:16px; margin:0 0 3px 5px; background:url('/images/common/icon_list.png') no-repeat 0 -150px; text-indent:-9999px; cursor:pointer;}
.section_product table > thead > tr > th {border-bottom:1px solid #ccc; border-left:1px solid #e4e4e4; background:#f9fafc; height:100px; padding:50px 10px; text-align:center; font-size:18px; font-weight:normal; color:#333; line-height:1.6;}
.section_product table > tbody > tr > th {border-top:1px solid #e4e4e4; padding:20px 0 20px 30px; text-align:left; font-size:18px; font-weight:400; color:#333; line-height:1.6;}
.section_product table > tbody > tr > th.bg {border-right:1px solid #e4e4e4; background:#f9fafc;}
.section_product table > tbody > tr > th.bg a.more {font-size:15px; color:#3090d6;}
.section_product table > tbody > tr > th.bg a.more:hover {text-decoration:underline;}
.section_product table > tbody > tr > td {border-top:1px solid #e4e4e4; border-left:1px solid #e4e4e4; padding:20px; text-align:center; font-size:16px; color:#666; line-height:1.6;}
.section_product table > thead > tr > th:first-child,
.section_product table > tbody > tr > td:first-child {border-left:none;}
.section_product table > tbody > tr:first-child > th,
.section_product table > tbody > tr:first-child > td {border-top:none;}
.section_product table > tbody > tr > td span,
.section_product table > tbody > tr > td s {font-weight:inherit; color:#888;}
.section_product.setting table > thead > tr > th {padding:30px 10px;}
.section_product.x4 table > tbody > tr > td {font-size:18px;}
.system .section_product table > thead > tr > th {padding:35px 10px 30px;}
.system .section_product table > thead > tr > th .icon {display:inline-block; vertical-align:middle; width:31px; height:31px; margin:0 10px 5px 0; background:url('/images/system/2019/icon_hp.png') no-repeat;}
.section_product .warning {margin-top:30px; text-align:left; font-size:17px; color:#333;}
.section_product .warning h4 {margin:30px 0 5px; text-align:left; font-size:17px; color:#333;}
.section_product .warning li {position:relative; padding-left:10px; text-align:left; font-size:16px; color:#7e7e7e; line-height:1.6;}
.section_product .warning li:before {display:block; content:''; position:absolute; top:12px; left:0; width:2px; height:2px; background:url('/images/common/icon_list.png') no-repeat 0 -109px;}
.section_product .reg_desc {padding-top:15px; text-align:left; font-size:14px; color:#333; line-height:1.8;}
.buildservice .section_product table .price.set {margin-top:38px;}
@media (min-width:0) and (max-width:375px) {
	.buildservice .section_product table .price.set {margin-top:53px;}
}

/* 수정 */
.section_product table.thead {transition:top 0.1s ease;}
.section_product table.thead.flying {position:fixed; top:60px; width:100%; max-width:1180px; z-index:1;}
.section_product table.thead.flying th {width:39%; padding:20px 10px 30px;}
.section_product table.thead.flying th:first-child {width:22%;}
.section_product table + table {border-top:0;}
.section_product table + table.flying {margin-top:280px;}
.section_product table > tbody > tr > th.bg > .nowrap {height:55px; overflow:hidden;}
.section_product table > tbody > tr > th > .nowrap {height:30px; overflow:hidden;}
.section_product table > tbody > tr > th > .nowrap2 {height:55px; overflow:hidden;}
.section_product table > tbody > tr > th > .nowrap2 > p.desc {font-size:15px; color:#666;}
.section_product a.link.intro {display:none;}
@media (min-width:0) and (max-width:1024px) {
	.section_product table h4 {font-size:24px;}
	.section_product table .before {display:block; margin-top:10px;}
	.section_product table.x3 > tbody > tr > td {width:25%;}
	.section_product table.x3 a.btn_blue {min-width:auto; padding:0 10px;}
	.section_product.x4 table > tbody > tr > td {width:25%;}
	.section_product.x4 table a.btn_blue {min-width:auto; padding:0 10px;}
	.section_product .reg_desc br {display:block !important;}
	.section_product table.thead.flying {top:60px; width:calc(100% - 40px);}
}
@media (min-width:0) and (max-width:820px) {
	.section_product table.thead.flying {position:relative; top:0; width:100%;}
	.section_product table + table.flying {margin-top:0;}
	.section_product a.link.intro {display:block;}
}
@media (min-width:0) and (max-width:640px) {
	.section_product h4 > p {display:block;}
	.section_product table h5 {display:block;}
	.section_product table > colgroup > col:first-child,
	.section_product table > thead > tr > th:first-child,
	.section_product table > tbody > tr > th {display:none;}
	.section_product table > thead > tr > th:nth-child(2),
	.section_product table > tbody > tr > th + td {border-left:none;}
	.section_product table > thead > tr > th,
	.section_product table > tbody > tr > td {width:50%; vertical-align:top;}
	.section_product table.x3 > thead > tr > th,
	.section_product table.x3 > tbody > tr > td {width:33.3%;}
	.section_product table > tbody > tr > td img {width:100%;}
}
@media (min-width:0) and (max-width:500px) {
	.section_product table, .section_product table.thead, .table_mobile {width:calc(100% + 40px) !important; margin:0 -20px;}
}

/* section_view */
.section_build ul.olist_decimal > li {float:none;}
.olist_decimal>li {padding:1px 0 1px 14px; text-indent:-10px;}
.section_view {padding:100px 0 120px; text-align:center; color:#333; line-height:1.4;}
.section_view .sub_title h2 {font-size:28px; color:inherit; letter-spacing:-2px;}
.section_view .sub_title a.back {left:20px; text-align:left;}
.section_view .product_tab {margin:60px 0 20px 20px; text-align:left;}
.section_view .product_tab li {float:left; font-size:18px; color:#999; cursor:pointer;}
.section_view .product_tab li.active {color:#101010;}
.section_view .vat {margin:-42px 0 20px; height:20px; overflow:hidden; text-align:right; font-size:16px; color:#666;}
.section_view .server {border-bottom:2px solid #999; padding:20px 0 10px; text-align:left; font-size:18px; color:#101010;}
.section_view table {width:100%; border-collapse:collapse; border-top:2px solid #6f6f6f; border-bottom:1px solid #ccc;}
.section_view table > thead > tr > th {border-bottom:1px solid #999; border-left:1px solid #e4e4e4; padding:30px 10px; text-align:center; font-size:17px; font-weight:400; color:#333; line-height:1.6;}
.section_view table > thead > tr > th > p {display:inline;}
.section_view table > tbody > tr > th {border-top:1px solid #e4e4e4; background:#f9fafc; padding:30px 10px 30px 30px; text-align:left; font-size:16px; font-weight:400; color:#333; line-height:1.6;}
.section_view table > tbody > tr > td {border-top:1px solid #e4e4e4; border-left:1px solid #e4e4e4; padding:15px 20px; text-align:center; font-size:16px; color:#333; line-height:1.6;}
.section_view table > thead > tr > th:first-child,
.section_view table > tbody > tr > td:first-child,
.section_view table > tbody > tr > td.td {border-left:none;}
.section_view table > tbody > tr:first-child > th,
.section_view table > tbody > tr:first-child > td {border-top:none;}
.section_view table > tbody > tr > td.th,
.section_view table > tbody > tr > td.td {border-top:1px solid #ccc;}
.section_view table > tbody > tr > td h5 {display:none;}
.section_view table > tbody > tr > td span,
.section_view table > tbody > tr > td s {font-weight:inherit; color:#888;}
.section_view table > tbody > tr > th .info,
.section_view table > tbody > tr > td .info {display:inline-block; vertical-align:middle; width:16px; height:16px; margin:0 0 3px 5px; background:url('/images/common/icon_list.png') no-repeat 0 -150px; text-indent:-9999px; cursor:pointer;}
.section_view table > tbody > tr > td .checked {display:inline-block; vertical-align:middle; width:20px; height:17px; background:url('/images/common/icon_check.png') no-repeat;}
.section_view table > tbody > tr > td .olist_decimal.left {margin-left:20px;}
.section_view table > tbody > tr > td .img + .info {margin:10px 0 0 5px;}
.section_view table.x3 > tbody > tr > td.fx15,
.section_product table.x3 > tbody > tr > td.fx15 {padding:15px 10px; font-size:15px;}
.section_view .warning {margin-top:30px; text-align:left; font-size:17px; color:#333;}
.section_view .warning h3 {margin:30px 0 5px; text-align:left; font-size:17px; color:#333;}
.section_view .warning h3 a.view,
.section_view .warning li a.view {display:inline-block; margin-left:10px; border-bottom:1px solid #3399ff; font-size:inherit; font-weight:500; color:#3399ff;}
.section_view .warning li {position:relative; padding-left:10px; text-align:left; font-size:16px; color:#7e7e7e; line-height:1.6;}
.section_view .warning li:before {display:block; content:''; position:absolute; top:12px; left:0; width:2px; height:2px; background:url('/images/common/icon_list.png') no-repeat 0 -109px;}
.section_view .btn_wrap dl {width:100%;}
.section_view .btn_wrap dt {float:left; width:20%;}
.section_view .btn_wrap dd {float:left; width:40%; text-align:center;}
.section_view .btn_black, .section_view .btn_blue {min-width:130px; height:55px; line-height:53px; font-size:18px;}
.section_view .btn_black + .btn_blue {margin:0 10px;}
.section_view .btn_black:hover {border-color:#999; background:transparent; color:#999;}
@media (min-width:0) and (max-width:1024px) {
	.section_view {padding:70px 0 100px;}
	.section_view table > tbody > tr > td .olist_decimal.left {margin-left:0;}
	.section_view table > tbody > tr > td .img {width:100%;}
	.section_view table > tbody > tr > td .img + .info {margin:0;}
	.section_view table.x3 > tbody > tr > td {width:25%;}
	.section_view .btn_wrap dt {display:none;}
	.section_view .btn_wrap dd {width:50%;}
}
@media (min-width:0) and (max-width:768px) {
	.section_view a.back {position:relative; display:block; margin-bottom:10px;}
	/*.section_view .vat {margin-top:0;}*/
	.section_view .product_tab {margin-top:40px;}
	.section_view table > colgroup > col:first-child,
	.section_view table > thead > tr > th:first-child,
	.section_view table > tbody > tr > th,
	.section_view table > tbody > tr > td.th {display:none;}
	.section_view table > thead > tr > th:nth-child(2),
	.section_view table > tbody > tr > th + td {border-left:none;}
	.section_view table > thead > tr > th,
	.section_view table > tbody > tr > td {width:50%; vertical-align:top;}
	.section_view table > tbody > tr > td {padding:15px 10px;}
	.section_view table > tbody > tr > td h5 {display:block; font-size:17px; color:#888;}
	.section_view table.x3 > thead > tr > th,
	.section_view table.x3 > tbody > tr > td {width:33.3%;}
}
@media (min-width:0) and (max-width:640px) {
	.section_view table > thead > tr > th > p {display:block;}
	.section_view .sub_title a.back {left:0;}
	.section_view .product_tab {margin-left:0;}
}

/* section_view - table */
.section_view .table {width:100%; border-collapse:collapse; border-top:2px solid #6f6f6f; border-bottom:1px solid #ccc;}
.section_view .table > li {float:left; width:20%;}
.section_view .table > li:first-child {width:20%;}
.section_view .table > li dt {border-bottom:1px solid #999; border-left:1px solid #e4e4e4; padding:30px 10px; background:#fff; text-align:center; font-size:17px; font-weight:400; color:#333; line-height:1.6;}
.section_view .table > li dt + dd {border-top:none !important;}
.section_view .table > li dd {border-top:1px solid #e4e4e4; border-left:1px solid #e4e4e4; padding:20px 0; text-align:center; font-size:16px; font-weight:400; color:#333; line-height:1.6;}
.section_view .table > li dd h5 {display:none;}
.section_view .table > li dd p {font-weight:inherit;}
.section_view .table > li:first-child dt,
.section_view .table > li:first-child dd {border-left:none;}
.section_view .table > li:first-child dd {padding:32px 0 33px 30px; text-align:left; font-weight:400;}
.section_view .table > li dd.rowspan {height:180px; padding-top:78px;}
.section_view .table > li dd.rowspan.x2 {padding-top:68px;}
@media (min-width:0) and (max-width:1024px) {
	.section_view .table > li {width:50%;}
	.section_view .table > li:first-child {display:none;}
	.section_view .table > li:nth-child(even) dt, .section_view .table > li:nth-child(even) dd {border-left:none;}
	.section_view .table > li:nth-child(4), .section_view .table > li:nth-child(5) {border-top:2px solid #6f6f6f;}
	.section_view .table > li dd h5 {display:block; font-size:17px;}
	.section_view .table > li dd.rowspan {height:240px; padding-top:88px;}
	.section_view .table > li dd.rowspan.x2 {padding-top:78px;}
}
@media (min-width:0) and (max-width:375px) {
	.section_view .table > li dd.rowspan {height:340px; padding-top:140px;}
	.section_view .table > li dd.rowspan.x2 {padding-top:125px;}
}

/* section_consult */
.section_consult {border-top:1px solid #efefef; padding:80px 0; text-align:center; color:#333; line-height:1.4;}
.section_consult.bg {background:#f9fafc;}
.section_consult h3 {font-size:40px; font-weight:400; color:inherit; letter-spacing:-2px; line-height:1.2;}
.section_consult p {padding-top:30px; text-align:center; font-size:24px; font-weight:400; line-height:1.4;}
.section_consult dl {margin:30px 0 50px;}
.section_consult dl + dl {margin-top:-50px;}
.section_consult dl dt {display:inline-block; vertical-align:middle; /*width:300px;*/ margin:5px 20px 0 0; text-align:right; font-size:26px; font-weight:500; color:inherit; letter-spacing:-1px;}
.section_consult dl dd {display:inline-block; vertical-align:middle; /*width:300px;*/ margin-left:20px; text-align:left; font-size:36px; font-weight:600; color:#0081c8;}
.section_consult .info {display:inline-block; vertical-align:middle; width:16px; height:16px; margin:0 0 3px 5px; background:url('/images/common/icon_list.png') no-repeat 0 -150px; text-indent:-9999px; cursor:pointer;}
.section_consult .btn_black {min-width:auto; padding:0 40px;}
@media (min-width:0) and (max-width:768px) {
	.section_consult h3 {font-size:30px;}
}
@media (min-width:0) and (max-width:640px) {
	.section_consult dl {margin:30px 0 30px;}
	.section_consult dl + dl {margin-top:-30px;}
	.section_consult dl dt {width:100%; margin-right:0; text-align:center;}
	.section_consult dl dd {width:100%; margin-left:0; text-align:center;}
}

/* section_compare */
.section_compare {background:url('/images/introduce/2019/bg_compare.jpg') repeat center top; background-size:cover; padding:80px 0; text-align:center; color:#fff; line-height:1.4;}
.section_compare h3 {font-size:40px; font-weight:400; color:inherit; letter-spacing:-2px; line-height:1.2;}
.section_compare p {margin:30px 0 20px; font-size:18px; font-weight:400; color:inherit; line-height:inherit;}
.section_compare h4 {margin:40px 0; font-size:30px; font-weight:400; color:inherit; letter-spacing:-1px; line-height:inherit;}
.section_compare .fl {float:left; width:70%; min-height:150px; background:url('/images/introduce/2019/img_compare.png') no-repeat 90% top; padding-left:150px;  text-align:left;}
.section_compare .fr {float:right; width:30%; text-align:left;}
.section_compare h5 {display:none; margin-bottom:10px; font-size:30px; font-weight:600; color:inherit; letter-spacing:-1px; line-height:inherit;}
.section_compare ul {margin-bottom:20px;}
.section_compare ul > li {position:relative; float:none; text-align:left; padding:4px 15px; font-size:18px; font-weight:400; color:inherit;}
.section_compare ul > li:after {position:absolute; top:17px; left:0; display:block; content:''; width:2px; height:2px; background:url('/images/common/icon_list.png') no-repeat 100% -109px;}
.section_compare .btn_white {border-color:#fff; background:transparent; padding:0 20px; color:inherit;}
.section_compare .btn_white:hover {border-color:transparent; background:#fff; color:#333;}
.section_compare.frelocate {background:url('/images/buildservice/2019/bg_frelocate.jpg') repeat center top;}
.section_compare.frelocate p {margin:30px 0 80px; font-size:24px;}
.section_compare.server {background:url('/images/system/2019/bg_server.jpg') repeat center top;}
.section_compare.colocation {background:url('/images/system/2019/bg_colocation.jpg') repeat center top;}
.section_compare.cloud {background:url('/images/system/2019/bg_cloud.jpg') repeat center;}
.section_compare.imghosting {background:url('/images/buildservice/2019/bg_imagehosting.jpg') repeat center top;}
.system .section_compare p,
.buildservice .section_compare p {margin:30px 0 80px; font-size:18px;}
@media (min-width:0) and (max-width:1024px) {
	.section_compare h4 {margin-bottom:0; font-size:24px;}
	.section_compare h5 {display:block; margin-top:30px; border-top:1px solid rgba(255,255,255,0.5); padding-top:30px; font-size:24px;}
	.section_compare .fl {width:50%; background:none; padding-left:0;}
	.section_compare .fr {width:50%;}
	/*.section_compare.frelocate img,
	.system .section_compare img,
	.buildservice .section_compare img{width:100%;}*/
}
@media (min-width:0) and (max-width:768px) {
	.section_compare h3 {font-size:30px;}
}
@media (min-width:0) and (max-width:640px) {
	.section_compare .fl,
	.section_compare .fr {width:100%;}
}

/* section_introduce */
.section_introduce {border-top:1px solid #efefef; padding:80px 0 20px; text-align:center; color:#333; line-height:1.4;}
.section_introduce h3 {font-size:40px; font-weight:400; color:inherit; letter-spacing:-2px; line-height:1.4;}
.section_introduce h4 {font-size:18px; font-weight:400; color:inherit; letter-spacing:-1px; line-height:inherit;}
.section_introduce p {margin-top:10px; font-size:16px; font-weight:inherit; color:#666; line-height:inherit;}
.section_introduce a:hover h4 {text-decoration:underline;}
.section_introduce p + p {margin-top:0px;}
.section_introduce ul {margin:40px 0;}
.section_introduce ul > li {/*float:left;*/ display:inline-block; vertical-align:top; width:33.3%; margin:0 -2px; padding:30px 0;}
.section_introduce ul > li p {min-height:70px;}
.section_introduce ul.repair > li p {min-height:auto;}
.section_introduce.x2 ul > li {width:50%;}
.section_introduce.x3 ul > li {width:33.33%;}
.section_introduce.x4 ul > li {width:25%;}
.section_introduce.x5 ul > li {width:20%;}
.section_introduce .banner {margin:-20px auto 60px;}
.buildservice .section_introduce ul > li {/*min-height:270px;*/}
.buildservice .section_introduce.x2 ul > li {width:50%;}
.buildservice .section_introduce.x2 h4.x2 {margin:20px auto; font-size:28px; font-weight:400;}
.buildservice .section_introduce.x2 .btn_black {min-width:auto; height:45px; line-height:43px; padding:0 20px;}
.buildservice .section_introduce.x3 ul > li {width:33.3%; /*min-height:200px;*/}
.buildservice .section_introduce.x4 ul > li {width:25%; /*min-height:200px;*/}
@media (min-width:0) and (max-width:1024px) {	
	.section_introduce ul {margin-top:10px;}
	.section_introduce ul > li {width:33.3% !important; padding:30px 5px 0; /*min-height:270px;*/}
	.section_introduce ul > li p {min-height:90px;}
	.section_introduce.x2 ul > li,
	.section_introduce.x5 ul > li {min-height:auto;}
	.section_introduce .banner img {width:100%;}
	.buildservice .section_introduce ul > li {/*min-height:300px;*/}
	.buildservice .section_introduce.x3 ul > li,
	.buildservice .section_introduce.x4 ul > li {/*min-height:180px;*/}
	.section_introduce.server ul > li {/*min-height:300px;*/}
}
@media (min-width:0) and (max-width:830px) {
	.section_introduce ul > li p br {display:none;}
}
@media (min-width:0) and (max-width:768px) {
	.section_introduce h3 {font-size:30px;}
	.section_introduce h4 {text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
}
@media (min-width:0) and (max-width:640px) {
	.section_introduce ul > li {width:50% !important;}
}
@media (min-width:0) and (max-width:500px) {
	.section_introduce h3 {font-size:26px;}
}
@media (min-width:0) and (max-width:375px) {
	.section_introduce ul > li p {min-height:115px;}
}

/* section_build */
.section_build {background:#f9fafc; padding:80px 0; text-align:center; color:#333; line-height:1.4;}
.section_build h3 {margin-bottom:80px; font-size:40px; font-weight:400; color:inherit; letter-spacing:-2px; line-height:1.2;}
.section_build h4 {margin-top:20px; font-size:18px; font-weight:400; color:inherit; letter-spacing:-1px; line-height:inherit;}
.section_build p {margin-top:5px; font-size:16px; font-weight:inherit; color:#666; line-height:inherit;}
.section_build ul > li {float:left;}
.section_build ul.x2 > li {width:50%;}
.section_build ul.x3 > li {width:33.3%;}
.section_build ul.x4 > li {width:25%;}
@media (min-width:0) and (max-width:1024px) {	
	.section_build ul.x2 > li,
	.section_build ul.x3 > li,
	.section_build ul.x4 > li {width:50% !important; /*padding:30px 5px 0;*/}
}
@media (min-width:0) and (max-width:768px) {
	.section_build h3 {margin-bottom:40px; font-size:30px;}
}
@media (min-width:0) and (max-width:480px) {
	.section_build ul > li img {width:80%;}
}

/* section_recommend */
.section_recommend {border-top:1px solid #1d7abd; background:#1d7abd; padding:80px 0; color:#fff; line-height:1.4;}
.section_recommend h3 {font-size:40px; font-weight:400; color:inherit; letter-spacing:-1px; line-height:1.2;}
.section_recommend h3 .vs {margin-left:35px;}
.section_recommend ul {}
.section_recommend ul > li {float:left; width:27%;}
.section_recommend ul > li:first-child {width:19%;}
.section_recommend ul > li > div {position:relative; margin-left:20px; background:#2886ca; padding:40px 20px 40px 40px;}
.section_recommend ul > li > div .tip {position:absolute; top:55px; right:25px; border:1px solid #fff; background:transparent; padding:15px; text-align:center; font-size:14px; font-weight:500; color:#fff; line-height:1.2; transition:all ease-in-out 0.2s;}
.section_recommend ul > li > div .tip:hover {border-color:transparent; background:#fff; color:#333;}
.section_recommend h4 {margin-top:40px; font-size:18px; font-weight:400; color:#fff; line-height:inherit;}
.section_recommend h4 a {position:relative; font-size:inherit; color:inherit;}
.section_recommend h4 a:hover {text-decoration:underline;}
.section_recommend h4 a:after {position:absolute; top:6px; right:-10px; display:block; content:''; width:6px; height:10px; background:url('/images/common/icon_list.png') no-repeat 100% -30px;}
.section_recommend h4 .info {display:inline-block; vertical-align:middle; width:16px; height:16px; margin:0 0 3px 5px; background:url('/images/common/icon_list.png') no-repeat 0 -240px; text-indent:-9999px; cursor:pointer;}
.section_recommend p {margin-top:10px; font-size:16px; font-weight:400; color:#d2f0ff; line-height:inherit;}
.section_recommend p + p {margin-top:0;}
.section_recommend .btn_white {position:absolute; bottom:0; left:0; border-color:#fff; background:transparent; padding:0 15px; color:inherit;}
.section_recommend .btn_white:hover {border-color:transparent; background:#fff; color:#333;}
.section_recommend .btn_white .arr {/*display:inline-block; margin:0 0 1px 5px; width:6px; height:10px; background:url('/images/common/icon_list.png') no-repeat 100% -30px;*/}
.design .section_recommend ul > li,
.system .section_recommend ul > li,
.buildservice .section_recommend ul > li {width:38%;}
.design .section_recommend ul > li:first-child,
.system .section_recommend ul > li:first-child,
.buildservice .section_recommend ul > li:first-child {width:24%;}
@media (min-width:0) and (max-width:1024px) {	
	.section_recommend h3 .vs {margin-left:0;}
	.section_recommend ul > li {width:100% !important;}
	.section_recommend ul > li:first-child {width:100% !important; text-align:center;}
	.section_recommend ul > li > div {margin-left:0; margin-top:20px; padding:40px;}
	.section_recommend ul > li > div:after {display:block; content:''; clear:both;}
	.section_recommend ul > li > div .tip {top:0; right:0; border-radius:0; padding:10px 15px;}
	.section_recommend ul > li > div img {float:left;}
	.section_recommend ul > li > div h4 {margin-top:0; padding-left:120px;}
	.section_recommend ul > li > div p {padding-left:120px;}
	.section_recommend .btn_white {margin-top:30px; margin-bottom:30px; position:relative;}
	.design .section_recommend ul > li > div h4,
	.design .section_recommend ul > li > div p{}
}
@media (min-width:0) and (max-width:768px) {
	.section_recommend h3 {margin-bottom:30px; font-size:30px;}
}
@media (min-width:0) and (max-width:375px) {
	.section_recommend ul > li > div {min-height:170px;}
	.section_recommend ul > li > div img {width:80px;}
	.section_recommend ul > li > div h4,
	.section_recommend ul > li > div p {padding-left:100px;}
}

/* section_function */
.section_function {border-top:1px solid #efefef; padding:80px 0 100px; text-align:center; color:#333; line-height:1.4;}
.section_function h3 {font-size:40px; font-weight:400; color:inherit; letter-spacing:-2px; line-height:1.2;}
.section_function h4 {font-size:18px; font-weight:400; color:inherit; letter-spacing:-1px; line-height:inherit;}
.section_function h4 a {font-size:inherit;}
.section_function h4 a:hover {text-decoration:underline;}
.section_function ul {margin:40px 0;}
.section_function ul > li {float:left; width:25%; padding:10px 0 30px; cursor:pointer;}
.section_function ul > li:hover h4 {text-decoration:underline;}
.section_function .btn_black {margin:10px 10px 0;}
@media (min-width:0) and (max-width:1024px) {
	.section_function h3 {font-size:30px;}
	.section_function ul > li {width:33.3% !important;}
}
@media (min-width:0) and (max-width:768px) {
	.section_function h3 {font-size:30px;}
}
@media (min-width:0) and (max-width:640px) {
	.section_function ul > li {width:50% !important;}
	.section_function .btn_black {margin:10px 5px 0; min-width:140px;}
}

/* section_client */
.section_client {border-top:1px solid #efefef; padding:80px 0; text-align:center; color:#333; line-height:1.4;}
.section_client h3 {font-size:40px; font-weight:400; color:inherit; letter-spacing:-2px; line-height:1.2;}
.section_client ul {margin-top:40px;}
.section_client ul > li {float:left; width:25%;}
.section_client ul.size img {width:75%;}
/*.system .section_client ul > li,
.buildservice .section_client ul > li {width:20%;}
.system .section_client ul.size img,
.buildservice .section_client ul.size img {width:65%;}*/
@media (min-width:0) and (max-width:1024px) {
	.section_client ul > li {width:33.3% !important;}
	.section_client ul.size img {width:auto;}
}
@media (min-width:0) and (max-width:768px) {
	.section_client h3 {font-size:30px;}
}
@media (min-width:0) and (max-width:640px) {
	.section_client ul > li {width:50% !important;}
	.section_client ul.size img {width:75%;}
	/*.system .section_client ul.size img,
	.buildservice .section_client ul.size img {max-width:100%;}*/
}
@media (min-width:0) and (max-width:375px) {
	/*.system .section_client ul.size img,
	.buildservice .section_client ul.size img {width:90%;}*/
}

/* section_experience */
.section_experience {background:url('/images/introduce/2019/bg_experience.jpg') repeat center top; background-size:cover; padding:80px 0 100px; text-align:center; color:#fff; line-height:1.4;}
.section_experience h3 {font-size:40px; font-weight:400; color:inherit; letter-spacing:-2px; line-height:1.2;}
.section_experience p {margin:30px 0 60px; font-size:24px; font-weight:100; color:inherit; line-height:inherit;}
.section_experience .btn_white {min-width:300px; height:auto; margin:10px 10px 0; border-color:#abadb2; background:transparent; padding:25px 0; text-align:center; font-size:22px; font-weight:400; color:inherit; line-height:inherit;}
.section_experience .btn_white:hover {border-color:transparent; background:#fff; color:#333;}
.section_experience .btn_white .arr {position:relative; display:block; font-size:18px; font-weight:inherit; color:inherit; line-height:inherit;}
.section_experience .btn_white .arr:after {display:block; content:''; position:absolute; top:9px; right:50%; margin-right:-50px; width:6px; height:10px; background:url('/images/common/icon_list.png') no-repeat 100% -30px;}
.section_experience .btn_white:hover .arr:after {background:url('/images/common/icon_list.png') no-repeat 100% -330px;}
.section_experience .btn_box {display:inline-block; vertical-align:middle; min-width:300px; height:auto; margin:10px 10px 0; border:1px solid #abadb2; padding:25px 0; text-align:center;}
.section_experience .btn_box > p {margin:0 auto 15px; font-size:22px; font-weight:400; color:inherit; line-height:inherit;}
.section_experience .btn_box > .btn_white {min-width:120px; margin:0 2px; border:1px solid #7f7f7f; background:#555963; padding:5px 0;}
.section_experience .btn_box > .btn_white:hover {border-color:transparent; background:#fff;}
.section_experience .btn_box > .btn_white .arr {font-size:15px;}
.section_experience .btn_box > .btn_white .arr:after {top:50%; margin-top:-5px; margin-right:-40px;}
@media (min-width:0) and (max-width:1024px) {	
	.section_experience p {margin-bottom:40px;}
	.section_experience .btn_white {margin:5px; padding:5px 0;}
}
@media (min-width:0) and (max-width:768px) {
	.section_experience h3 {font-size:30px;}
}
@media (min-width:0) and (max-width:375px) {
	.section_experience .btn_white,
	.section_experience .btn_box  {min-width:100%; margin-left:0; margin-right:0;}
}

/* section_faq */
.section_faq {border-top:1px solid #efefef; padding:80px 0 120px; line-height:1.4;}
.section_faq h3 {font-size:30px; font-weight:400; color:#333; letter-spacing:-1px; line-height:1.2;}
.section_faq #all_view {position:absolute; top:15px; right:0; background:url('/images/common/icon_list.png') no-repeat 100% -285px; padding-right:15px; font-size:16px; color:#666;}
.section_faq #all_view.all_close {background:url('/images/common/icon_list.png') no-repeat 100% -267px;}
.section_faq .reg_faq {border-top:2px solid #6f6f6f; margin-top:25px; border-bottom:1px solid #e5e5e5;}
.section_faq .reg_faq dt:first-child {border-top:none;}
.section_faq .reg_faq dt {position:relative; border-top:1px solid #e5e5e5; padding:20px 20px 20px 60px; font-size:16px; color:#333; cursor:pointer;}
.section_faq .reg_faq dt.active {background:#f5fafb;}
.section_faq .reg_faq dt.active + dd {background:#f5fafb;}
.section_faq .reg_faq dt .ico_q {display:block; position:absolute; top:20px; left:20px; width:26px; height:26px; border-radius:50px; background:#1d7abc; text-align:center; font-size:16px; color:#fff; line-height:24px;}
.section_faq .reg_faq dd {display:none; position:relative; margin-left:0; background:#fff; padding:0 20px 20px 60px; font-size:16px; color:#666;}
.section_faq .reg_faq dd .ico_a {display:block; position:absolute; top:0; left:20px; width:26px; height:26px; border-radius:50px; background:#6c737d; text-align:center; font-size:16px; color:#fff; line-height:24px;}
.section_faq .reg_faq dd img {max-width:100%; margin:10px 0;}
.section_faq .reg_faq dd a.link {margin:0 5px; border-bottom:1px solid #3399ff; font-size:inherit; font-weight:500; color:#3399ff;}
@media (min-width:0) and (max-width:480px) {
	.section_faq h3 {font-weight:400;}
	.section_faq #all_view {position:relative; display:block; text-align:right;}
	.section_faq .reg_faq dd img {width:100%;}
}
/* section_faq (쇼핑몰 이전) */
.section_faq .all_more {position:absolute; top:15px; right:0; font-size:16px; color:#666;}
.section_faq .link_faq {border-top:2px solid #6f6f6f; margin-top:25px; border-bottom:1px solid #e5e5e5;}
.section_faq .link_faq dt:first-child {border-top:none;}
.section_faq .link_faq dt {position:relative; border-top:1px solid #e5e5e5; padding:20px 20px 20px 60px; font-size:16px; color:#333; cursor:pointer;}
.section_faq .link_faq dt:hover {background:#f5fafb;}
.section_faq .link_faq dt .ico_q {display:block; position:absolute; top:20px; left:20px; width:26px; height:26px; border-radius:50px; background:#1d7abc; text-align:center; font-size:16px; color:#fff; line-height:24px;}
.section_faq .link_faq dd {display:none;}
@media (min-width:0) and (max-width:480px) {
	.section_faq .all_more {position:relative; display:block; text-align:right;}
}

/* section_process */
.section_process {border-top:1px solid #efefef; padding:80px 0; text-align:center; color:#333; line-height:1.4;}
.section_process h3 {font-size:40px; font-weight:600; color:inherit; letter-spacing:-3px; line-height:1.2;}
.section_process h4 {margin-bottom:5px; font-size:17px; font-weight:600; color:#333;}
.section_process .process_step {margin:60px auto 40px; border:2px solid #eaeaea; overflow:hidden;}
.section_process .process_step li {position:relative; float:left; width:20%; padding:36px 0; text-align:center; font-size:16px; font-weight:600; color:#666; line-height:1.6;}
.section_process .process_step li:before {display:block; content:''; position:absolute; top:0; left:-30px; width:41px; height:164px; background:url('/images/buildservice/2019/bg_process.png') no-repeat;}
.section_process .process_step li:first-child:before {background:none;}
.section_process .process_step li span {display:inline-block; margin-bottom:10px; width:30px; height:30px; border-radius:50%; background:#666; padding:3px; text-align:center; font-size:16px; font-weight:600; color:#fff;}
.section_process .process_step.x3 li {width:33.3%;}
.section_process .process_step.x6 li {width:16.6%;}
.section_process .process_guide {margin-top:20px;}
.section_process .process_guide li {position:relative; margin-top:20px; padding-left:10px; text-align:left; font-size:16px; line-height:1.6;}
.section_process .process_guide li:before {display:block; content:''; position:absolute; top:12px; left:0; width:4px; height:4px; background:url('/images/common/icon_list.png') no-repeat 0 -350px;}
.section_process .process_guide li a.link {margin:0 5px; border-bottom:1px solid #3399ff; font-size:inherit; font-weight:500; color:#3399ff;}
.section_process .process_guide li img {margin:10px 0;}
.section_process .process_ns {margin-top:30px; width:350px; border:2px solid #eaeaea; padding:12px 0 12px 20px; text-align:left; font-size:16px; color:#666; line-height:1.8;}
.section_process .process_ns dt {float:left; width:14%; margin:5px 5% 5px 0; background:#666; text-align:center; color:#fff;}
.section_process .process_ns dd {float:left; width:81%; margin:5px 0 5px; }
@media (min-width:0) and (max-width:1024px) {
	.section_process .process_step {margin-top:50px}
	.section_process .process_step li {width:100% !important; border-top:1px solid #ececec; padding:20px 0 10px 30px; text-align:left;}
	.section_process .process_step li:first-child {border-top:none;}
	.section_process .process_step li:before {left:0; background:none;}
	.section_process .process_step li span {margin-right:5px;}
	.section_process .process_step li br {display:none;}
	.section_process .process_guide li img {width:100%;}
	.section_process .process_ns {width:100%;}
}
@media (min-width:0) and (max-width:768px) {
	.section_process h3 {font-size:30px;}
}

/* section_warning */
.section_warning {border-top:1px solid #efefef; padding:80px 0; text-align:center; color:#333; line-height:1.4;}
.section_warning.bg {background:#fcfcfc;}
.section_warning h3 {margin-bottom:60px; font-size:40px; font-weight:600; color:inherit; letter-spacing:-3px; line-height:1.2;}
.section_warning h4 {margin:30px 0 5px; text-align:left; font-size:17px; font-weight:600; color:#333;}
.section_warning li {position:relative; padding-left:10px; text-align:left; font-size:16px; line-height:1.6;}
.section_warning li:before {display:block; content:''; position:absolute; top:12px; left:0; width:2px; height:2px; background:url('/images/common/icon_list.png') no-repeat 0 -109px;}
.section_warning a.link {margin:0 5px; border-bottom:1px solid #3399ff; font-size:inherit; font-weight:500; color:#3399ff;}
@media (min-width:0) and (max-width:1024px) {
	.section_warning h3 {margin-bottom:50px;}
	.section_warning li {width:100% !important;}
}
@media (min-width:0) and (max-width:768px) {
	.section_warning h3 {font-size:30px;}
}

/* section_upgrade */
.section_upgrade {border-top:1px solid #efefef; padding:80px 0; text-align:center; color:#333; line-height:1.4;}
.section_upgrade h3 {margin-bottom:80px; font-size:40px; font-weight:400; color:inherit; letter-spacing:-3px; line-height:1.2;}
.section_upgrade .upgrade_wrap {width:100%; background:url('/images/buildservice/2019/icon_upgrade_arr.png') no-repeat center 150px;}
.section_upgrade .upgrade_wrap > li {position:relative; float:right; width:50%; padding:0 80px;}
.section_upgrade .upgrade_wrap > li:first-child {float:left;}
.section_upgrade .upgrade_wrap > li dl {width:100%; border:2px solid #eaeaea; text-align:center;}
.section_upgrade .upgrade_wrap > li dt {margin:0 20px; border-bottom:1px solid #cecece; padding:15px 0; font-size:17px; color:#333;}
.section_upgrade .upgrade_wrap > li dd {height:250px; font-size:16px; color:#777;}
.section_upgrade .upgrade_wrap > li:first-child dd {height:235px;}
.section_upgrade .upgrade_wrap > li:first-child dd p {padding-top:80px; font-size:inherit;}
.section_upgrade .upgrade_wrap > li:first-child dd a {border-bottom:1px solid #3399ff; font-size:inherit; color:#3399ff;}
.section_upgrade .upgrade_wrap > li:first-child dd .select {display:block; margin:15px 20px 0; border-color:#333;}
.section_upgrade .upgrade_wrap > li:first-child dd .select select {line-height:50px;}
.section_upgrade .upgrade_wrap > li dd ul {height:100%; overflow-y:scroll;}
.section_upgrade .upgrade_wrap > li dd li {padding:14px 20px; text-align:left; cursor:pointer;}
.section_upgrade .upgrade_wrap > li dd li:hover {background:#f9fafc;}
.section_upgrade .upgrade_wrap > li > h4 {margin:25px auto 0; text-align:left; font-size:17px; color:#333;}
.section_upgrade .upgrade_wrap > li > ul {margin:5px auto 25px;}
.section_upgrade .upgrade_wrap > li > ul > li {position:relative; padding-left:10px; text-align:left; font-size:16px; color:#777; line-height:1.6;}
.section_upgrade .upgrade_wrap > li > ul > li:before {display:block; content:''; position:absolute; top:12px; left:0; width:2px; height:2px; background:url('/images/common/icon_list.png') no-repeat 0 -109px;}
.section_upgrade .upgrade_wrap > li .btn_black {width:100%; margin:0 auto;}
.section_upgrade .upgrade_wrap.none {background-position:center 120px;}
.section_upgrade .upgrade_wrap.none > li dd {height:160px; font-size:17px;}
.section_upgrade .upgrade_wrap.none > li:first-child dd {height:160px;}
.section_upgrade .upgrade_wrap.none > li dd p {padding-top:70px; font-size:inherit;}
.section_upgrade .upgrade_wrap.none > li:first-child dd p {padding:55px 20px 0;}
@media (min-width:0) and (max-width:1024px) {
	.section_upgrade h3 {margin-bottom:50px;}
	.section_upgrade .upgrade_wrap {background:none;}
	.section_upgrade .upgrade_wrap > li {float:none; width:100% !important; padding:0;}
	.section_upgrade .upgrade_wrap > li:first-child {float:none; padding-bottom:15px;}
	.section_upgrade .upgrade_wrap > li dl {width:100% !important;}
	.section_upgrade .upgrade_wrap > li .btn_black {width:100% !important;}
}
@media (min-width:0) and (max-width:768px) {
	.section_upgrade h3 {font-size:30px;}
}


/*-----------------------------------------------------------------*/
/* 반응형 스킨
/*-----------------------------------------------------------------*/

/* section_skin */
.section_skin {border-top: 1px solid #efefef; padding:80px 0; text-align:center; color:#333; line-height:1.4;}
.section_skin h3 {font-size:40px; font-weight:400; color:inherit; letter-spacing:-2px; line-height:1.2;}
.section_skin h4 {position:relative; margin:80px auto 50px; padding:15px 0; font-size:28px; font-weight:400; color:inherit; letter-spacing:-1px; line-height:inherit;}
.section_skin h4.v2 {margin-top:70px; padding:5px 0;}
.section_skin h4.v2 span {display:block; font-size:14px; color:#888;}
.section_skin h4:before {display:block; content:''; position:absolute; top:0; left:50%; margin-left:-210px; width:420px; height:1px; background:#bfbfbf;}
.section_skin h4:after {display:block; content:''; position:absolute; bottom:0; left:50%; margin-left:-210px; width:420px; height:1px; background:#bfbfbf;}
.section_skin ul {margin:0 0 0 -14.5px;}
.section_skin ul > li {position:relative; float:left; margin:0 0 15px 14.5px; border:1px solid #d6d6d6; width:calc(25% - 14.5px); text-align:left; overflow:hidden;}
.section_skin ul > li:hover {border-color:#999;}
.section_skin ul > li .img {overflow:hidden;}
.section_skin ul > li .img img {width:100%; transform:scale(1); transition:0.5s ease;}
.section_skin ul > li:hover .img img {transform:scale(1.04);}
.section_skin ul > li .txt {border-top:1px solid #d6d6d6; padding:20px;}
.section_skin ul > li:hover .txt {border-color:#aaa; background:#f6f8fa;}
.section_skin ul > li .txt em {font-size:15px; color:#333; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.section_skin ul > li .txt p {font-size:13px; color:#9c9c9c; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; line-height:1.8;}
.section_skin ul > li .hover {position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; filter:alpha(opacity=0); opacity:0; transition:all 0.5s 0.5s;}
.section_skin ul > li .btn {position:absolute; left:50%; top:50%; transform:translate(-50%, -70%);}
.section_skin ul > li .btn .zoom {display:inline-block; margin-top:-50px; filter:alpha(opacity=0); opacity:0; transform:scale(0.4); transition:all 0.5s 0.1s; width:67px; height:67px; border-radius:50px; background:rgba(255,255,255,0.5) url('/images/introduce/2019/icon_skin_zoom.png') no-repeat;}
.section_skin ul > li .btn .pc {display:inline-block; filter:alpha(opacity=0); opacity:0; transform:scale(0.4); transition:all 0.5s 0.1s; width:67px; height:67px; border-radius:50px; background:rgba(255,255,255,0.5) url('/images/introduce/2019/icon_skin_pc.png') no-repeat;}
.section_skin ul > li .btn .mobile {margin-top:20px; display:inline-block; filter:alpha(opacity=0); opacity:0; transform:scale(0.4); transition:all 0.5s 0.3s; width:67px; height:67px; border-radius:50px; background:rgba(255,255,255,0.5) url('/images/introduce/2019/icon_skin_mobile.png') no-repeat;}
.section_skin ul > li:hover .hover {filter:alpha(opacity=20); opacity:0.2; transition-delay:0s;}
.section_skin ul > li:hover .btn .zoom {filter:alpha(opacity=1); opacity:1; transform:scale(1)}
.section_skin ul > li:hover .btn .pc {filter:alpha(opacity=1); opacity:1; transform:scale(1)}
.section_skin ul > li:hover .btn .mobile {filter:alpha(opacity=1); opacity:1; transform:scale(1)}
.section_skin ul > li .new {position:absolute; top:0; left:0; width:38px; height:19px; vertical-align:middle; background:url('/images/introduce/2019/icon_designskin_new.png') no-repeat; text-indent:-9999px;}
.section_skin ul > li .blind {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.5); cursor:default;}
.section_skin ul > li .blind p {padding-top:200px; text-align:center; vertical-align:middle; font-size:18px; color:#fff;}
.section_skin ul > li .icon {position:absolute; top:-20px; right:-10px; width:74px; height:74px; background:url('/images/event/20190510/img_designskin_icon.png') no-repeat; animation:skin_icon2 1s ease infinite;}
@keyframes skin_icon2 {0% {transform:scale(0.95);} 50% {transform:scale(1);} 100% {transform:scale(0.95);}}
@media (min-width:0) and (max-width:1024px) {	
	.section_skin ul > li .blind p {padding-top:160px;}
	.section_skin ul > li .btn br {display:block !important;}
}
@media (min-width:0) and (max-width:960px) {
	.section_skin ul > li {width:calc(33.3% - 14.5px);}
}
@media (min-width:0) and (max-width:768px) {
	.section_skin h3 {font-size:30px;}
}
@media (min-width:0) and (max-width:640px) {
	.section_skin ul > li {width:calc(50% - 14.5px);}
}
@media (min-width:0) and (max-width:420px) {
	.section_skin h4:before,
	.section_skin h4:after {left:0; margin-left:0; width:100%;}
}
@media (min-width:0) and (max-width:375px) {
	.section_skin ul {margin-left:0;}
	.section_skin ul > li {width:100%; margin-left:0;}
	.section_skin ul > li .blind p {padding-top:230px;}
}

/* section_introduce */
.section_introduce.method {background:#fff;}
.section_introduce.method h4 {margin-bottom:20px; font-size:30px;}
.section_introduce.method ul > li {position:relative; width:50%; padding-bottom:0;}
.section_introduce.method ul > li + li:after {display:block; content:''; position:absolute; top:30px; left:0; width:1px; height:105%; background:#EAEAEA;}
.section_introduce.method .icon {position:absolute; top:15px; left:50%; margin-left:55px; width:74px; height:74px; background:url('/images/event/20190510/img_designskin_icon.png') no-repeat; animation:skin_icon 1s ease infinite;}
@keyframes skin_icon {0% {top:15px;} 50% {top:20px;} 100% {top:15px;}}
.section_introduce.method a.link {font-size:16px; font-weight:500; color:#2293ca;}
.section_introduce.method a.link:hover {text-decoration:underline;}
.section_introduce.bg {background:#f9fafc;}
.section_introduce.bg ul > li {min-height:280px;}
@media (min-width:0) and (max-width:1024px) {
	.section_introduce.method ul > li {width:50% !important;}
}
@media (min-width:0) and (max-width:640px) {
	.section_introduce.method ul > li {width:100% !important;}
	.section_introduce.method ul > li + li:after {display:none;}
}

/* section_blog */
.section_blog {border-top:1px solid #efefef; padding:80px 0 0; text-align:center; color:#333; line-height:1.4;}
.section_blog h3 {font-size:40px; font-weight:400; color:inherit; letter-spacing:-2px; line-height:1.2;}
.section_blog h4 {margin-top:15px; font-size:16px; font-weight:600; color:inherit; letter-spacing:-1px; line-height:inherit;}
.section_blog p {margin-top:5px; font-size:16px; font-weight:inherit; color:#666; line-height:inherit;}
.section_blog a:hover p {text-decoration:underline;}
.section_blog ul {margin:55px 0 70px -15px;}
.section_blog ul > li {float:left; width:33.33%; padding:15px 0 0 15px; text-align:left;}
.section_blog ul > li .img {overflow:hidden;}
.section_blog ul > li .img img {width:100%; transform:scale(1); transition:0.5s ease;}
.section_blog ul > li:hover .img img {transform:scale(1.04);}
@media (min-width:0) and (max-width:1024px) {
	.section_blog ul > li {width:50%;}
}
@media (min-width:0) and (max-width:768px) {
	.section_blog h3 {font-size:30px;}
}
@media (min-width:0) and (max-width:640px) {
	.section_blog ul > li {width:100%;}
	.section_blog ul > li img {width:100%;}
}


/*-----------------------------------------------------------------*/
/* 고객센터
/*-----------------------------------------------------------------*/

/* 1:1 문의 */
.container_1to1 { display:flex; width:100%; table-layout:fixed; text-align:left; }
.container_1to1>.newbie_area {flex: 0 0 auto; width: fit-content; padding: 2rem 2.5rem 2rem 2rem; border:1px #d4dbdf solid; border-radius:10px; overflow:hidden; }
.container_1to1>.operation_area { display:table-cell; padding: 2rem 2.5rem 2rem 2rem; border:1px #d4dbdf solid; border:1px #d4dbdf solid; border-radius:10px; overflow:hidden; }
.container_1to1>.space { display:table-cell; width:13px; }
.container_1to1 .title1 { padding-bottom:12px; font-size:26px; font-weight:400; color:#008cdf; letter-spacing:-2px; }
.container_1to1 .title1 .sico { display:inline-block; vertical-align:middle; border:1px #129df8 solid; border-radius:10px; padding:0 8px; font-size:12px; font-weight:normal; line-height:19px; color:#238fda; }
.container_1to1 .desc.v2 { font-size:13px; line-height:1.4; height:42px; color:#a4a4a4; }
.container_1to1.v2>.newbie_area { width:230px; padding:20px 20px 5px; }
.container_1to1.v2>.operation_area { padding:20px 20px 5px; width: 100%}
.container_1to1.v2>.space { display:table-cell; width:20px; }
.container_1to1.v2 + .container_1to1.v2 {padding-top:20px;}
.container_1to1.v2 .list_1to1_b.v4 {margin-left:-20px;}
.container_1to1.v2 .list_1to1_b.v4>li {float:left; width:calc(25% - 20px); margin-left:20px;}
.container_1to1.v2 .title1 { font-size:20px; letter-spacing:-1px; }
.container_1to1_b { display:table; margin-top:30px; width:100%; border:1px #d4dbdf solid; border-radius:10px;}
.container_1to1_b>li { display:table-cell; padding:0 0 50px 49px; vertical-align:middle; font-size:15px; color:#666;}
.container_1to1_b>li:first-child { width:350px; padding:30px 0 30px 49px;}
.container_1to1_b .title1 { padding-bottom:5px; font-size:26px; color:#333; letter-spacing:-1px; }
.container_1to1_b .title2 { font-size:20px; color:#333; }
.container_1to1_b .title2 span { display:inline-block; width:240px; }
.container_1to1_b em { font-weight:500; color:#008cdf; }
.container_1to1_b .info {display:inline-block; vertical-align:middle; width:16px; height:16px; margin:0 0 3px 5px; background:url('/images/common/icon_list.png') no-repeat 0 -150px; text-indent:-9999px; cursor:pointer;}
.container_1to1_b .desc.v2 { font-size:13px; line-height:1.4; height:42px; color:#a4a4a4; }
.container_1to1_b .bd_link { font-size:0; line-height:0; }
.container_1to1_b .bd_link>a { display:inline-block; vertical-align:middle; padding:0 12px; border-left:1px #ddd solid; font-size:16px; color:#333; line-height:1.2; text-decoration:none; }
.container_1to1_b .bd_link>a:first-child { border-left:none; }
.container_1to1_b .bd_link>a:hover { color:#008cdf; }
.list_1to1::after {content: none}
.list_1to1>li { border-top:1px #e5e5e5 solid; padding-top: 2rem; }
.list_1to1>li:first-child { border-top:none; }
.list_1to1 .tle { background:url('/images/customer/2018/spr_1to1.png') 0 200px no-repeat; padding:0px 0 10px 50px; font-size: clamp(18px, 2.5vw, 20px); color:#333; letter-spacing:-1px; }
.list_1to1 .tle>a { display:block; color:inherit; text-decoration:none; }
.list_1to1 .tle>a:after { display:inline-block; content:'>'; font-weight:bold; vertical-align:top; /*font-family:dotum !important;*/ font-size:16px; font-weight:normal; position:relative; left:8px; top:2px; transition:transform 0.3s; }
.list_1to1 .tle>a:hover { color:#008cdf; }
.list_1to1 .tle>a:hover:after { transform:translateX(10px); }
.list_1to1 .txt { padding-top:5px; font-size:14px; line-height:1.7; color:#767676; }
.list_1to1 .sublink { display:inline-block; border:1px #9e9e9e solid; border-radius:2px; height:17px; padding:0 2px; font-size:11px; line-height:18px; color:#999; text-decoration:none; }
.list_1to1 .sublink:after { display:inline-block; content:'>'; font-size:9px; vertical-align:top; padding-left:2px; margin-left:1px; position:relative; top:-1px; }
.list_1to1 .sublink:hover { color:#23a1eb; border-color:#23a1eb; }
.list_1to1.v2 { display: flex; flex-wrap: wrap; gap: 2rem }
.list_1to1.v2>li { width: calc(100% / 3 - 1.35rem); padding-top: 2rem;}
.list_1to1.v2>li:nth-child(2) { border-top:none; }
.list_1to1.v2>li:nth-child(3) { border-top:none; }
.list_1to1 .icon1 { background-position:-400px 0; }
.list_1to1 .icon2 { background-position:-350px -50px; }
.list_1to1 .icon3 { background-position:-300px -100px; }
.list_1to1 .icon4 { background-position:-250px -150px; }
.list_1to1 .icon5 { background-position:-200px -200px; }
.list_1to1 .icon6 { background-position:-150px -250px; }
.list_1to1 .icon7 { background-position:-100px -300px; }
.list_1to1 .icon8 { background-position:-50px -350px; }
.list_1to1 .icon9 { background-position:0px -400px; }
.list_1to1 .ico-hosting { background: url(/images/customer/ico_hosting.png) no-repeat left; }
.list_1to1 .ico-paid {background: url(/images/customer/ico_paid.png) no-repeat left }
.list_1to1_b>li { border-top:1px #e5e5e5 solid; }
.list_1to1_b>li>a { display:block; height:55px; font-size:15px; color:#333; line-height:55px; text-decoration:none; }
.list_1to1_b>li>a:after { display:inline-block; content:'>'; vertical-align:top; /*font-family:dotum !important;*/ font-size:14px; font-weight:normal; position:relative; left:8px; top:0px; transition:transform 0.3s; }
.list_1to1_b>li>a:hover { color:#008cdf; }
.list_1to1_b>li>a:hover:after { transform:translateX(10px); }
.list_1to1_b.v2 { margin-left:-20px; }
.list_1to1_b.v2>li { float:left; width:calc(50% - 20px); margin-left:20px; }
@media (min-width:0) and (max-width:1024px) {
	.container_1to1>.newbie_area {width:auto;}
	.container_1to1 .desc.v2 br {display:none !important;}
	.container_1to1.v2 + .container_1to1.v2 {padding-top:0;}
	.container_1to1.v2 .list_1to1_b.v4>li {width:calc(50% - 20px);}
	.list_1to1>li,
	.list_1to1.v2>li {width:100%; min-width:250px;}
	.list_1to1.v2 {margin-left:0;}
	.list_1to1.v2>li {margin-left:0; border-top:1px #e5e5e5 solid;}
	.list_1to1.v2>li:nth-child(1) {border-top:0;}
	.list_1to1.v2>li:nth-child(2) {border-top:1px #e5e5e5 solid;}
	.container_1to1_b>li {float:left; width:100%; padding:0 30px 30px;}
	.container_1to1_b>li:first-child {width:100%; padding:30px;}
	.container_1to1_b .bd_link>a {border-left:none; padding:0 15px 0 0; font-size:15px; line-height:1.6;}
	.container_1to1_b .bd_link>a:last-child {padding-right:0;}
	.contents .container_1to1.v2>.space {display:none;}
	.contents .container_1to1.v2>.newbie_area {float:left; width:100% !important; padding:15px 20px 10px;}
	.contents .container_1to1.v2>.operation_area {float:left; width:100% !important; padding:15px 20px 10px; margin-top:20px;}
	.contents .container_1to1.v2 .title1 {padding-bottom:10px !important;}
	.contents .list_1to1_b>li {position:relative;}
	.contents .list_1to1_b>li>a {height:40px; line-height:40px;}
	.contents .list_1to1_b.v2>li {width:calc(100% - 20px);}
	.contents .list_1to1_b>li>a:after {position:absolute; left:auto; right:0;}
}
@media (min-width:0) and (max-width:640px) {
	.container_1to1>.newbie_area {float:left; width:100%;}
	.container_1to1>.operation_area {float:left; width:100%; margin-top:30px; }
	.container_1to1>.space {display:none;}
	.list_1to1>li, .list_1to1.v2>li {width:100%; margin-left:0;}
	.list_1to1.v2>li:nth-child(1) {border-top:0;}
	.list_1to1>li:nth-child(2), .list_1to1.v2>li:nth-child(2),
	.list_1to1>li:nth-child(3), .list_1to1.v2>li:nth-child(3) {border-top:1px #e5e5e5 solid;}
}
@media (min-width:0) and (max-width:350px) {
	.container_1to1_b em { display:block; }
}

/* 하단 SNS 배너 */
.customer_right { margin-top:30px; display:table; width:100%; overflow:hidden; }
.customer_right>li { display:table-cell; border:1px #d4dbdf solid; border-left:none; vertical-align:middle; text-align:center; }
.customer_right>li.dns { width:375px; border-left:none; border-left:1px #d4dbdf solid; text-align:left; }
.customer_right>li.dns .tle { float:left; width:100px; font-size:15px; color:#333; text-align:center; padding-top:25px; }
.customer_right>li.dns .cont { float:left; font-size:12px; color:#8e8e8e; }
.customer_right>li.dns dl { overflow:hidden; zoom:1; padding:3px 0; }
.customer_right>li.dns dl>dt { float:left; width:40px; height:16px; text-align:center; border:1px #dfdfdf solid; line-height:14px; border-radius:2px; margin-right:10px; }
.customer_right>li.dns dl>dd { float:left; width:90px; }
.customer_right .link { display:block; height:100px; line-height:100px; padding:0 5px 0 44px; font-size:15px; color:#333; text-decoration:none; }
.customer_right .link:hover { color:#008cdf; }
.customer_right .link.no1 { background:url('/images/customer/2018/icon_1to1_101.png') no-repeat 40px center; }
.customer_right .link.no2 { background:url('/images/customer/2018/icon_1to1_102.png') no-repeat 45px center; padding-left:30px; }
.customer_right .link.no3 { background:url('/images/customer/2018/icon_1to1_103.png') no-repeat 40px center; }
@media (min-width:0) and (max-width:1024px) {
	.customer_right>li {float:left; width:33.3333%; border:1px solid #d4dbdf; border-top:none;}
	.customer_right>li + li {border-left-color:#fff;}
	.customer_right>li.dns + li {border-left-color:#d4dbdf;}
	.customer_right>li.dns {width:100%; border-top:1px solid #d4dbdf; padding:20px 30px;}
	.customer_right>li.dns .tle {padding-top:0; padding-bottom:10px; text-align:left;}
	.customer_right>li.dns .cont {width:100%;}
	.customer_right .link.no1,
	.customer_right .link.no2,
	.customer_right .link.no3 {height:50px; line-height:50px;}
}
@media (min-width:0) and (max-width:640px) {
	.customer_right>li,
	.customer_right>li.dns {width:100%;}
	.customer_right>li + li,
	.customer_right>li.dns + li {border-left-color:#d4dbdf;}
}

/* 1:1 문의 (수정) */
#subtop_1to1 {position:relative;}
#subtop_1to1 .title {display:none; padding:10px 0;}
#subtop_1to1 .title h2 {font-size:26px; color:#333;}
#subtop_1to1 .title a {position:absolute; top:2px; right:0; border:1px solid #c7cbcc; padding:5px 20px; font-size:16px; color:#666; transition:all ease-in-out 0.3s;}
#subtop_1to1 .title a:hover {border-color:#333; background:#333; color:#fff;}
#subtop_1to1 .search_wrap {background:#f0f3f8; padding:70px 0 50px; text-align:center;}
#subtop_1to1 .search_wrap h3 {font-size:36px;}
#subtop_1to1 .search_wrap .search {width:550px; margin:30px auto 25px; border-radius:6px; border:1px solid #3f4350; background:#fff; overflow:hidden;}
#subtop_1to1 .search_wrap .search input[type="text"] {float:left; width:92%; height:57px; line-height:57px; border:none; padding-left:20px; text-align:left; font-size:18px; color:#999;}
#subtop_1to1 .search_wrap .search button {float:left; width:23px; height:23px; margin-top:17px; background: url('/images/customer/2019/sbtn_search.png') no-repeat; text-indent:-9999px;}
#subtop_1to1 .search_wrap .tag dt {display:inline-block; position:relative; padding:0 20px; font-size:17px; color:#333;}
#subtop_1to1 .search_wrap .tag dd {display:inline-block; position:relative; padding:0 20px;}
#subtop_1to1 .search_wrap .tag dd:before {display:block; content:''; position:absolute; top:30%; left:-2px; width:1px; height:12px; background:#888;}
#subtop_1to1 .search_wrap .tag dd a {font-size:17px; color:#888;}
#subtop_1to1 .search_wrap .tag dd a:hover {text-decoration:underline;}
.customer h2 {position:relative; font-size:26px;}
.customer h2 span {padding-left:20px; font-size:16px; color:#888;}
.customer h2 a.more {position:absolute; top:10px; right:0; font-size:16px; color:#666;}
.customer h2 a.more2 {position:absolute; top:5px; right:0; border:1px solid #3090d6; background:#3090d6; padding:0 15px 2px; font-size:16px; color:#fff; line-height:1.8; transition:all 0.5s ease;}
.customer h2 a.more2:hover {background:#34a0ef; color:#fff;}
.customer .table_notice.faq {margin:10px auto 50px; border-top:1px solid #333;}
.customer .table_notice.faq .menu {width:20%; padding-left:35px; font-size:18px; color:#999;}
.customer .table_notice.faq .subject a {font-size:18px;}
.customer .dns_wrap {padding-top:50px;}
.customer .dns_wrap h2 {float:left; vertical-align:middle; width:17%; line-height:50px; font-size:26px; line-height:1.2;}
.customer .dns_wrap dl {float:left; vertical-align:middle; padding:3px 30px 3px 0;}
.customer .dns_wrap dl > dt {display:table-cell; vertical-align:middle; height:16px; line-height:14px; border-radius:2px; border:1px solid #008cdf; padding:0 5px; text-align:center; font-size:16px; color:#008cdf;}
.customer .dns_wrap dl > dd {display:table-cell; padding-left:20px; font-size:18px; color:#999;}
.customer .container_1to1 {margin-top:10px; border-top:1px solid #333; padding-top:30px;}
.customer_etc {margin-left:-13px; padding:50px 0 0;}
.customer_etc li {float:left; width:33.33%;}
.customer_etc a {display:block; height:150px; margin-left:13px; border-radius:10px; border:1px solid #d4dbdf; background:#fff; padding:35px 0 35px 40px; text-decoration:none; overflow:hidden;}
.customer_etc a:hover {border-color:#008cdf;}
.customer_etc a:hover dt,
.customer_etc a:hover dd {color:#008cdf;}
.customer_etc a em {display:inline-block; vertical-align:top; margin-top:5px; width:57px; height:57px; background:url('/images/customer/2020/icon_1to1_etc.png') no-repeat;}
.customer_etc a em.etc1 {background-position:0 0;}
.customer_etc a em.etc2 {background-position:-57px 0;}
.customer_etc a em.etc3 {background-position:-114px 0;}
.customer_etc a em.etc4 {background-position:-171px 0;}
.customer_etc a:hover em.etc1 {background-position:0 -57px;}
.customer_etc a:hover em.etc2 {background-position:-57px -57px;}
.customer_etc a:hover em.etc3 {background-position:-114px -57px;}
.customer_etc a:hover em.etc4 {background-position:-171px -57px;}
.customer_etc dl {display:inline-block; padding-left:20px;}
.customer_etc dt {margin-bottom:2px; font-size:20px; font-weight:600; color:#333;}
.customer_etc dd {font-size:15px; color:#666;}
.customer_foot .container_1to1_b {float:left; width: 100%;}
.customer_foot .customer_etc {float:right; width:33.6%; margin-top:30px; padding-top:0;}
.customer_foot .customer_etc li {width:100%;}

@media (min-width:0) and (max-width:1260px) {
	.customer .dns_wrap h2 {width:100%; margin-bottom:20px; border-bottom:1px solid #333; padding:0 0 15px 0;}
	.customer .dns_wrap dl {padding-left:40px;}
}
@media (min-width:0) and (max-width:1024px) {
	#subtop_1to1 {margin-top:0;}
}
@media (min-width:0) and (max-width:960px) {
	.customer .table_notice.faq .menu {width:25%;}
	.customer_etc li {width:100%;}
	.customer_etc a {height:auto; margin-top:10px;}
	.customer_etc br {display:none !important;}	
	.customer_foot {display:flex; flex-direction:column-reverse; align-items:center; }	
	.customer_foot .customer_etc {width:100%; margin:0;}
	.customer_foot .customer_etc a {margin-left:0;}
	.customer_foot .container_1to1_b {width:100%;}	
}
@media (min-width:0) and (max-width:640px) {
	#subtop_1to1 .search_wrap h3 {font-size:30px;}
	#subtop_1to1 .search_wrap .search {width:auto; margin:30px 20px;}
	#subtop_1to1 .search_wrap .search input[type="text"] {width:90%;}
	.customer .table_notice.faq .menu {width:100%; padding-left:0; font-size:16px;}
	.customer .table_notice.faq .subject a {font-size:16px;}
	.customer h2 span {display:block; padding-left:0;}
	.customer .dns_wrap dl {padding-left:0;}
}
@media (min-width:0) and (max-width:500px) {
	.customer .dns_wrap dl > dt {width:38px;}
}
@media (min-width:0) and (max-width:375px) {
	#subtop_1to1 .search_wrap {padding:40px 0;}
	#subtop_1to1 .search_wrap h3 {font-size:26px;}
	#subtop_1to1 .search_wrap .search {margin:20px 20px;}
	#subtop_1to1 .search_wrap .search input[type="text"] {width:87%;}
	.customer_etc a {padding:30px 0 30px 30px;}
	.customer_etc a em {display:none;}
	.customer_etc dl {padding-left:0;}
	.customer .dns_wrap dl {padding-right:0;}
	.customer .dns_wrap dl > dt,
	.customer .dns_wrap dl > dd {display:inline-block; font-size:16px;}	
	.customer h2 span {font-size:15px;}
}
@media (min-width:0) and (max-width:350px) {
	.customer_etc a {padding:30px 30px;}

	.customer .dns_wrap dl > dd.v2 {display:block; padding-left:60px;}
}

/* 제휴제안 */
.regist_wrap {}
.regist_wrap h3 {padding:30px 0 20px; font-size:38px; font-weight:normal;}
.regist_wrap .notice_1to1 {margin-bottom:40px; font-size:15px; color:#666; line-height:1.6;}
.regist_wrap .notice_1to1 a {color:#666;}
.regist_wrap .notice_1to1 p {color:#888;}
.regist_wrap .notice_1to1 a.link {/*margin-left:10px; border:1px solid #68c0f5; background:#fff; padding:5px 10px;*/ border-bottom:1px solid #68c0f5;  font-weight:500; color:#009afa; transition:all linear 0.1s;}
.regist_wrap .notice_1to1 a.link span {font-family:'dotum' !important;}
.regist_wrap .notice_1to1 a.link:hover {color:#1c85cd;}
.regist_wrap .regist_step {margin:40px 0; border:1px solid #009afa; /*background:url('/images/customer/2018/partner_box.gif') no-repeat;*/}
.regist_wrap .regist_step .step {zoom:1;}
.regist_wrap .regist_step .step:after {clear:both; display:block; content:'';}
.regist_wrap .regist_step .step > li {float:left; width:33%; position:relative;}
.regist_wrap .regist_step .step > li:first-child {width:34%;}
.regist_wrap .regist_step .step > li:before {display:block; content:''; position:absolute; top:191px; left:0; width:7px; height:13px; background:url('/images/customer/2018/partner_box.gif') no-repeat -356px -191px;}
.regist_wrap .regist_step .step > li:first-child:before {background:none;}
.regist_wrap .regist_step .step > li > ul {width:240px; margin:50px auto;}
.regist_wrap .regist_step .step > li > ul.step01 {background:url('/images/customer/2018/partner_box.gif') no-repeat -60px -50px;}
.regist_wrap .regist_step .step > li > ul.step02 {background:url('/images/customer/2018/partner_box.gif') no-repeat -420px -50px;}
.regist_wrap .regist_step .step > li > ul.step03 {background:url('/images/customer/2018/partner_box.gif') no-repeat -780px -50px;}
@media (min-width:0) and (max-width:768px) {
	.regist_wrap .regist_step .step > li,
	.regist_wrap .regist_step .step > li:first-child {width:100%;}
	.regist_wrap .regist_step .step > li:before {background:none;}
	.regist_wrap .regist_step .step > li > ul {margin-top:0;}
	.regist_wrap .regist_step .step > li:first-child > ul {margin-top:50px;}
}
.regist_wrap .regist_step .step > li > ul li {line-height:1.6;}
.regist_wrap .regist_step .step > li > ul .tit {text-align:center; font-size:18px;}
.regist_wrap .regist_step .step > li > ul .txt {margin:240px 0 5px; font-size:14px; color:#888;}
.regist_wrap .regist_step .step > li > ul a.link {font-weight:500; color:#009afa;}
.regist_wrap .regist_step .step > li > ul a.link .dotum {color:inherit;}
.regist_wrap h4 {margin:40px 0 5px; font-size:20px; font-weight:600; line-height:2.5;}
.regist_wrap h4 span.right {float:right; margin-top:10px; font-size:14px; font-weight:normal; color:#888;}
.regist_wrap .regist_view {border-top:1px solid #666; }
.regist_wrap .regist_view th {height:60px; border-bottom:1px solid #e0e0e0; border-right:1px solid #f0f0f0; background:#fff; padding-left:20px; text-align:left; font-size:14px; color:#333; line-height:1.8;}
.regist_wrap .regist_view td {border-bottom:1px solid #e0e0e0; padding:10px 15px; font-size:14px; color:#666; line-height:1.8;}
.regist_wrap .regist_view td .select {margin-right:5px; height:40px; border:1px solid #ccc; /*border:1px solid #ccc; height:37px; line-height:37px; padding-left:5px; */}
.regist_wrap .regist_view td .select select {padding-left:10px; font-size:14px; color:#666;}
.regist_wrap .regist_view td input[type='text'] {border:1px solid #ccc; height:40px; line-height:40px; padding-left:10px; font-size:14px; color:#666;}
.regist_wrap .regist_view td input[type='file'] {border:1px solid #ccc;  height:20px; line-height:20px;}
.regist_wrap .regist_view td textarea {height:200px; margin-bottom:-5px; border:1px solid #ccc; padding:5px 0 5px 10px; font-size:14px; color:#666; line-height:1.8;}
.regist_wrap .regist_view td .checkbox {display:inline-block; /*height:40px;*/}
.regist_wrap .regist_view td input + .checkbox {margin-left:10px;}
.regist_wrap .regist_view td label {font-size:inherit; color:inherit;}
.regist_wrap .regist_view td .cate_title {font-size:18px; font-weight:600; color:#333;}
.regist_wrap .regist_view td .cate_sub {display:inline-block; vertical-align:middle; line-height:1.6;}
.regist_wrap .regist_view td .btn_change_cate {float:right; margin-top:-18px;}
.regist_wrap .regist_view th p.normal {font-weight:normal; }
.regist_wrap .regist_view td ul.menu {margin-top:5px;}
.regist_wrap .regist_view td ul.menu li {float:left; width:24%; margin-top:0; margin-bottom:5px;}
.regist_wrap .regist_view td ul.ip {}
.regist_wrap .regist_view td ul.ip li {float:left; margin:0 10px 0 0; line-height:1.4;}
.regist_wrap .regist_view td li {margin-top:10px;}
.regist_wrap .regist_view td li:first-child {margin-top:0;}
.regist_wrap .regist_view td ul.file li {margin-top:0;}
.regist_wrap .regist_view td ul.file li .preview_file {display:inline-block; margin:5px 10px 0 0; background:#f9f9f9; padding:0 10px;}
.regist_wrap .regist_view a.btn_change {display:inline-block; margin:0 0 0 10px; border:1px solid #68c0f5; padding:5px 20px; font-size:13px; font-weight:400; color:#01a0ff; text-decoration:none; transition:all linear 0.1s;}
.regist_wrap .regist_view a.btn_change:hover {border-color:#1c85cd; background:#fafafa; color:#1c85cd;}
.regist_wrap .cscenter_search {margin:0 0 30px; border:1px solid #e9e9e9; background:#fafafa; padding:15px;}
.regist_wrap .cscenter_search table {margin:0 auto;}
.regist_wrap .regist_agree {height:195px; overflow-y:auto; border:1px solid #ccc; background:#fafafa; padding:15px 20px; font-size:14px; color:#666; line-height:1.6;}
.regist_wrap .regist_agree h2 {margin-top:15px; font-size:15px; color:#111;}
.regist_wrap .regist_agree ul > li {position:relative; border:0; padding:0 0 0 10px;}
.regist_wrap .regist_agree ul > li:before {display:block; content:''; position:absolute; top:10px; left:0; width:2px; height:2px; background:url('/images/common/icon_list.png') no-repeat 0 -109px;}
.regist_wrap .label {padding-top:10px; text-align:left; font-size:14px; color:#888;}
.regist_wrap .label label {font-size:inherit; color:inherit;}
.regist_wrap .submit {display:block; margin:40px auto 0; width:200px; height:50px; line-height:48px; border:1px solid #3a9fe5; background:#fff; text-align:center; font-size:14px; color:#3a9fe5; text-decoration:none; cursor:pointer; -webkit-transition:all linear 0.1s; transition:all linear 0.1s;}
.regist_wrap .submit:hover {border-color:#1c85cd; background:#3a9fe5; color:#fff;}
.regist_wrap .submit span.arrow {display:inline-block; /*vertical-align:middle;*/ margin:0 -10px 0 5px; font-family:'dotum' !important;}
/*.regist_wrap .regist_end {border-bottom:1px solid #e0e0e0; height:250px; background:url('/images/customer/2018/partner_icon01.gif') no-repeat right 20px;}
.regist_wrap .regist_end .txt {font-size:16px; color:#555; line-height:1.6;}
.regist_wrap .regist_list {padding-top:30px;}
.regist_wrap .regist_list li {background:url('/images/customer/2018/ico_dot.png') no-repeat left center; padding-left:10px; color:#666; line-height:1.8;}*/

/* 나의 문의 내용 */
/*고객센터:게시판 리스트*/
/*.regist_wrap .cscenter_list {table-layout:fixed; border-top:2px solid #008cdf; border-bottom:0px solid #aaa;}
.regist_wrap .cscenter_list > thead > tr > th {height:40px; border-bottom:1px solid #dbdbdb; background:#fff; text-align:center; font-size:13px;}
.regist_wrap .cscenter_list > tbody > tr > td {width:100%; height:40px; border-bottom:1px solid #dbdbdb; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; font-size:13px; color:#666;}
.regist_wrap .cscenter_list > tbody > tr > td a.link {padding-left:10px; color:#666;}
.regist_wrap .cscenter_list > tbody > tr > td a.link:hover {text-decoration:underline;}
.regist_wrap .cscenter_list > tbody > tr > td.status {border-left:0px solid #f0f0f0; text-align:center;}
.regist_wrap .page_navigator {margin-top:22px; text-align:center;}*/
.regist_wrap .cscenter_view {table-layout:fixed; border-top:1px solid #666;}
.regist_wrap .cscenter_view th {position:relative; border-bottom:1px solid #e0e0e0; background:#fff; padding:15px 20px; text-align:left; padding-left:20px; font-size:15px; font-weight:normal; color:#666; line-height:2.0;}
.regist_wrap .cscenter_view th .ico_q {display:inline-block; width:26px; height:26px; margin-right:10px; border-radius:50px; background:#1d7abc; text-align:center; font-size:16px; color:#fff; line-height:24px;}
.regist_wrap .cscenter_view th .ico_a {display:inline-block; width:26px; height:26px; margin-right:10px; border-radius:50px; background:#6c737d; text-align:center; font-size:16px; color:#fff; line-height:24px;}
.regist_wrap .cscenter_view th .blank {display:inline-block; padding:0 10px; color:#ccc;}
.regist_wrap .cscenter_view th .tit {float:left; font-size:16px; color:#333;}
.regist_wrap .cscenter_view th .date {float:right; text-align:right;}
.regist_wrap .cscenter_view th a {color:#333;}
.regist_wrap .cscenter_view th a:hover {border-bottom:1px solid #666;}
.regist_wrap .cscenter_view + .cscenter_view {margin-top:0; border-top:0;}
.regist_wrap .cscenter_view + .cscenter_view th {background:#f8fafc;}
.regist_wrap .cscenter_view td {height:200px; border-bottom:1px solid #e0e0e0; padding:20px; vertical-align:top; font-size:14px; color:#666; line-height:2.0;}
.regist_wrap .cscenter_view td .file {margin-top:30px; border-top:1px dotted #d0d0d0; padding-top:10px; line-height:2.0;}
.regist_wrap .cscenter_view td .file a:hover {border-bottom:1px solid #666;}
.regist_wrap .cscenter_inquiry {border-bottom:1px solid #e0e0e0; background:#f8fafc; padding:15px 20px;}
.regist_wrap .cscenter_inquiry li {float:left; font-size:14px; color:#888; line-height:1.8;}
.regist_wrap .cscenter_inquiry li strong {font-size:15px; font-weight:normal; color:#333;}
.regist_wrap .cscenter_inquiry li a.btn_inquiry {display:inline-block; margin:10px 0 0 20px; border:1px solid #68c0f5; background:#fff; padding:5px 20px; text-align:center; font-size:14px; font-weight:400; color:#01a0ff; text-decoration:none; transition:all linear 0.1s;}
.regist_wrap .cscenter_inquiry li a.btn_inquiry:hover {border-color:#1c85cd; background:#fafafa; color:#1c85cd;}
.regist_wrap .cscenter_btn {margin:22px 20px 0;}
.regist_wrap .cscenter_btn li {float:right;}
.regist_wrap .cscenter_btn li:first-child {float:left;}
@media (min-width:0) and (max-width:1024px) {
	.regist_wrap .regist_view th {width:20%; padding-left:0;}
	.regist_wrap .regist_view td {padding-right:0;}
	.regist_wrap .regist_view td a.btn_change {float:none; display:block; width:100%; margin:10px 0 0 0; text-align:center;}
	.regist_wrap .regist_view td .select {width:100% !important;}
	.regist_wrap .regist_view td .select + input {margin-top:10px;}
	.regist_wrap .regist_view td input {width:100% !important;}
	.regist_wrap .regist_view td ul.menu li {width:50% !important;}
	.regist_wrap .regist_view td input + .checkbox {margin-top:10px; margin-left:0;}
	.regist_wrap .regist_view td ul.ip li {margin-right:0 !important;}
	.regist_wrap .regist_view td ul.ip li .dash {display:none;}
	.regist_wrap .regist_view td ul.ip li .dash + input,
	.regist_wrap .regist_view td ul.ip li.ip_txt {margin-top:10px;}
	.regist_wrap button[type="submit"] {/*width:100%;*/}
	.regist_wrap .cscenter_view th {padding:15px 0;}
	.regist_wrap .cscenter_view td {padding:20px 0;}
}
@media (min-width:0) and (max-width:640px) {
	.regist_wrap .regist_view td ul.menu li {width:100% !important;}
	.regist_wrap .cscenter_inquiry li {width:100%;}
	.regist_wrap .cscenter_inquiry li a.btn_inquiry {display:block; width:100%; margin-left:0;}
}

/* 팝업 - 문의 유형 변경
.service_popup {display:none; position:fixed; top:50%; left:50%; margin:-200px 0 0 -350px; width:700px; border:1px solid #ccc; background:#fff; box-shadow:3px 3px 0 rgba(0,0,0,0.1); z-index:1;}
.service_popup .contents {background:#fff; padding:30px; text-align:center; font-size:13px; color:#333; line-height:1.6;}
.service_popup .contents > h1 {margin-bottom:5px; background:#fff; font-size:30px; color:#333;}
.service_popup .contents > p {margin-bottom:30px; font-size:16px; color:#666;}
.service_popup .icon_close {position:absolute; top:35px; right:30px; width:32px; height:32px; background:url('/images/customer/2018/pop_ico_close.png') no-repeat; text-indent:-9999px;}
@media (min-width:0) and (max-width:1024px) {
.service_popup {top:20px; left:20px; right:20px; margin:0 0 0 0; width:90% !important;}
.service_popup .container_1to1.v2>.space {display:none;}
.service_popup .container_1to1.v2>.newbie_area {float:left; width:100% !important; padding:15px 20px;}
.service_popup .container_1to1.v2>.operation_area {float:left; width:100% !important; padding:15px 20px; margin-top:20px;}
.service_popup .container_1to1.v2 .title1 {padding-bottom:10px !important;}
.service_popup .list_1to1_b>li {position:relative;}
.service_popup .list_1to1_b>li>a {height:40px; line-height:40px;}
.service_popup .list_1to1_b.v2>li {width:calc(100% - 20px);}
.service_popup .list_1to1_b>li>a:after {position:absolute; left:auto; right:0;}
} */

/* 매뉴얼 */
.customer_manual {margin-bottom:30px; border-radius:18px; border:1px solid #d4dbdf; background:#fff url('/images/customer/2018/bg_manual_1.png') no-repeat right top; padding:35px 40px; overflow:hidden;}
.customer_manual.no {background:#fff url('/images/customer/2018/bg_manual_2.png') no-repeat right top;}
.customer_manual .tit {font-size:30px; color:#333; letter-spacing:-2px;}
.customer_manual .desc {padding:0 0 25px 5px; font-size:14px; color:#666;}
.customer_manual ul {width:100%; margin:0 auto; zoom:1;}
.customer_manual ul:after {clear:both; display:block; content:'';}
.customer_manual li {float:left; width:49%; margin:5px; border:1px solid #e0e0e0; text-align:left;}
.customer_manual li.sub1 {background:#fff;}
.customer_manual li.sub2 {background:#fff;}
.customer_manual li.sub3 {background:#fff;}
.customer_manual li .swrap {padding:25px 30px;}
.customer_manual li .stit {margin-bottom:15px; font-size:22px; color:#333; letter-spacing:-1px;}
.customer_manual li .stit span {font-size:16px; font-weight:normal; color:#666;}
.customer_manual li a {display:inline-block; height:40px; line-height:40px; border:0px solid #3a9fe5; background:#3a9fe5; text-align:center; font-size:14px; color:#fff; text-decoration:none; -webkit-transition:all linear 0.3s; transition:all linear 0.3s;}
.customer_manual li a:hover {border:0px solid #6e85b2; background:#1782cc;}
.customer_manual li .fir a {margin:0 1px; min-width:99.5%;}
.customer_manual li .sec a {margin:0 1px; min-width:49.18%;}
.customer_manual li .thr a {margin:0 1px; min-width:32.39%;}
.customer_manual li .pro a {background:#3880c8;}
.customer_manual li .pro a:hover {border:0px solid #2971b8; background:#2971b8;}
.customer_manual li a span.arrow {display:inline-block; vertical-align:middle; margin:0 0 1px 8px; width:10px; height:12px; background:url('/images/customer/2018/bg_manual.png') no-repeat 0 -60px; text-indent:-9999px;}
.customer_manual li a span.down {display:inline-block; vertical-align:middle; margin:0 0 1px 8px; width:10px; height:12px; background:url('/images/customer/2018/bg_manual.png') no-repeat 0 -90px; text-indent:-9999px;}
@media (min-width:0) and (max-width:1024px) {
	.customer_manual li {width:100%;}
}
@media (min-width:0) and (max-width:640px) {
	.customer_manual {background:none; padding:35px 0 0;}
	.customer_manual.no {background:none;}
	.customer_manual .tit, .customer_manual .desc {padding-left:30px;}
	.customer_manual li {width:100%; margin:5px 0; border:none; border-top:1px solid #e0e0e0;}
	.customer_manual li .stit span {display:block;}
	.customer_manual li .fir a {margin:2px 1px; min-width:100%; padding-left:30px; text-align:left;}
	.customer_manual li .sec a {margin:2px 1px; min-width:100%; padding-left:30px; text-align:left;}
	.customer_manual li .thr a {margin:2px 1px; min-width:100%; padding-left:30px; text-align:left;}
	.customer_manual li a span.arrow, .customer_manual li a span.down {float:right; margin:14px 30px;}
}

/* 매뉴얼 v2 */
.customer_manual_v2 {}
.customer_manual_v2 .tit {font-size:32px; font-weight:600; color:#333; letter-spacing:-2px;}
.customer_manual_v2 .desc {padding:0 0 25px 5px; font-size:15px; color:#8f8f8f;}
.customer_manual_v2 > ul {display:block; margin-left:-14px; zoom:1;}
.customer_manual_v2 > ul:after {clear:both; display:block; content:'';}
.customer_manual_v2 > ul > li {float:left; width:33.33%; box-sizing:border-box;}
.customer_manual_v2 > ul > li .swrap {position:relative; height:270px; margin-left:14px; border:1px solid #d4dbdf; padding:30px 30px 0; transition:all ease 0.5s;}
.customer_manual_v2 > ul > li:hover .swrap {border-color:#333; background:#fcfcfc;}
.customer_manual_v2 > ul.plus > li .swrap {height:310px;}
.customer_manual_v2 > ul.plus > li.v2 .swrap {height:150px;}
.customer_manual_v2 > ul.plus > li.v2:hover .swrap {border-color:#d4dbdf; background:#fff;}
.customer_manual_v2 > ul.plus > li.v2:hover .swrap:hover {border-color:#333; background:#fcfcfc;}
.customer_manual_v2 .swrap:before {display:block; content:''; position:absolute; top:30px; left:30px; width:35px; height:35px;}
.customer_manual_v2 .swrap.fir:before {background:url('/images/customer/2019/icon_manual.png') no-repeat 0 0;}
.customer_manual_v2 .swrap.sec:before {background:url('/images/customer/2019/icon_manual.png') no-repeat -50px 0;}
.customer_manual_v2 .swrap.thr:before {background:url('/images/customer/2019/icon_manual.png') no-repeat -100px 0;}
.customer_manual_v2 .swrap.four:before {background:url('/images/customer/2019/icon_manual.png') no-repeat -150px 0;}
.customer_manual_v2 .swrap .stit {margin:-2px 0 10px 40px; font-size:25px; color:#333; letter-spacing:-1px;}
.customer_manual_v2 .swrap .stxt {font-size:15px; font-weight:normal; color:#666;}
.customer_manual_v2 .swrap a.link {display:inline-block; position:absolute; bottom:30px; right:30px; width:80px; height:25px; background:#fff url('/images/customer/2019/icon_manual.png') no-repeat -250px 5px; font-size:12px; font-weight:500; color:#333; text-decoration:none;}
.customer_manual_v2 .swrap:hover a.link {background:#fff url('/images/customer/2019/icon_manual.png') no-repeat -250px -20px; color:#1d7abc;}
.customer_manual_v2 .swrap .down_tab {position:absolute; bottom:30px; left:30px; right:30px;}
.customer_manual_v2 .swrap .down_tab > div {margin-bottom:20px;}
.customer_manual_v2 .swrap .down_tab > div a,
.customer_manual_v2 .swrap .down_tab > div span {position:relative; display:inline-block; margin-left:20px; font-size:14px; font-weight:600; color:#999;}
.customer_manual_v2 .swrap .down_tab > div a:before,
.customer_manual_v2 .swrap .down_tab > div span:before {display:block; content:''; position:absolute; top:4px; left:-11px; width:1px; height:14px; background:#ccc;}
.customer_manual_v2 .swrap .down_tab > div a:first-child,
.customer_manual_v2 .swrap .down_tab > div span:first-child {margin-left:0;}
.customer_manual_v2 .swrap .down_tab > div a:first-child:before,
.customer_manual_v2 .swrap .down_tab > div span:first-child:before {display:none;}
.customer_manual_v2 .swrap .down_tab > div .current {border-bottom:1px solid #1d7abc; color:#1d7abc;}
.customer_manual_v2 .swrap .down_tab a.down {display:inline-block; box-sizing:border-box; height:32px; line-height:30px; border:1px solid #a0a0a0; background:#fff; text-align:center; font-size:12px; color:#333; transition:all ease 0.2s;}
.customer_manual_v2 .swrap .down_tab a.down.x2 {width:calc(50% - 3px);}
.customer_manual_v2 .swrap .down_tab a.down.x3 {width:calc(33.33% - 3px);}
.customer_manual_v2 .swrap .down_tab a.down.x4 {width:calc(25% - 3px);}
.customer_manual_v2 .swrap:hover .down_tab a.down {border-color:#1d7abc; color:#1d7abc;}
.customer_manual_v2 .swrap .down_tab a.down .arrow {display:inline-block; vertical-align:middle; margin-left:10px; width:17px; height:24px; background:url('/images/customer/2019/icon_manual.png') no-repeat -200px 0;}
.customer_manual_v2 .swrap:hover .down_tab a.down .arrow {background:url('/images/customer/2019/icon_manual.png') no-repeat -220px 0;}
.customer_manual_v2 .swrap .down_tab a.down:hover {background:#1d7abc; color:#fff;}
.customer_manual_v2 .swrap .down_tab a.down:hover .arrow {background:url('/images/customer/2019/icon_manual.png') no-repeat -200px -30px;}
@media (min-width:0) and (max-width:1260px) {
	.customer_manual_v2 > ul > li {width:33.3%; margin-bottom:14px;}
}
@media (min-width:0) and (max-width:960px) {
	.customer_manual_v2 > ul > li {width:50%; margin-bottom:14px;}
}
@media (min-width:0) and (max-width:640px) {
	.customer_manual_v2 > ul {margin-left:0;}
	.customer_manual_v2 > ul > li {width:100%; margin-bottom:14px;}
	.customer_manual_v2 > ul > li .swrap,
	.customer_manual_v2 > ul.plus > li .swrap {height:240px; margin-left:0;}
	.customer_manual_v2 > ul > li.v1 .swrap,
	.customer_manual_v2 > ul.plus > li.v2 .swrap {height:200px;}
}
@media (min-width:0) and (max-width:349px) {
	.customer_manual_v2 .swrap .stit > span {display:none;}
}

/* 공지사항 - 검색창 */
.notice_search .select {float:left; width:200px; height:60px; border:1px solid #c7cbcc;}
.notice_search .input {float:right; width:350px; height:60px; border:1px solid #c7cbcc;}
.notice_search .input:hover {background:#fbfdff;}
.notice_search .input input[type='text'] {display:inline-block; width:88%; font-size:16px; color:#999;}
.notice_search .input .button {width:23px; height:23px; background:url('/images/customer/2019/sbtn_search.png') no-repeat; text-indent:-9999px;}
.notice_search .input input[type='text'],
.notice_search .input .button {vertical-align:middle;}
.notice_search .count {clear:both; margin-bottom:20px; font-size:16px; color:#666;}
@media (min-width:0) and (max-width:640px) {
	.notice_search .input {width:100%; margin-bottom:10px;}
	.notice_search .input input[type='text'] {width:90%;}
}

/* 공지사항 - 게시판 목록 */
.table_notice > .thead {display:table; width:100%; border-top:1px solid #999; border-bottom:1px solid #e5e5e5; background:#f8fafc; padding:20px 0;}
.table_notice > .thead > li {display:table-cell; vertical-align:middle; text-align:center; font-size:16px; font-weight:600; color:#333; line-height:1.6;}
.table_notice > .tbody {display:table; width:100%; border-bottom:1px solid #e5e5e5; padding:20px 0;}
.table_notice > .tbody > li {display:table-cell; vertical-align:middle; text-align:center; font-size:16px; color:#666; line-height:1.6;}
.table_notice > .tbody > li a {font-size:16px; color:#333;}
.table_notice > .tbody > li a:hover {text-decoration:underline;}
.table_notice > .tbody:hover {background:#fbfdff;}
/*.table_notice .subject a {display:inline-block; width:230px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}*/
.ellipsis {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; /* 라인수 */ -webkit-box-orient:vertical; word-wrap:break-word; line-height:1.2em; height:3.6em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */}
.service_wrap > .content .customer_view dd .table_notice > .tbody > li.left {word-wrap:break-word; word-break:break-all; padding-right:20px;}
.table_notice .num {width:10%;}
.table_notice .subject {width:75%;}
.table_notice .date {width:15%;}
.table_notice .menu {width:20%;}
.table_notice .date2 {width:15%;}
.table_notice .subject2 {width:25%;}
.table_notice .division {width:20%;}
.table_notice .domain {width:25%;}
.table_notice .state {width:15%;}
.table_notice#div_faq_list > .tbody > li.menu {padding-left:35px; box-sizing:border-box;}
.table_notice#div_faq_list .menu {width:20%;}
.table_notice#div_faq_list .subject {width:80%;}
@media (min-width:0) and (max-width:1260px) {
	.table_notice#div_faq_list .menu {width:25%;}
	.table_notice#div_faq_list .subject {width:75%;}
}
@media (min-width:0) and (max-width:860px) {
	.table_notice#div_faq_list .menu {width:35%;}
	.table_notice#div_faq_list .subject {width:65%;}
}
@media (min-width:0) and (max-width:640px) {
	.table_notice {border-top:1px solid #999;}
	.table_notice > .thead {display:none;}
	.table_notice .thead .num {width:25%;}
	.table_notice .thead .subject {width:75%;}
	.table_notice .thead .date {display:none;}
	.table_notice .tbody .num {display:none; width:25%; vertical-align:middle;}
	.table_notice .tbody .menu {display:block; width:100%; text-align:left; color:#999;}
	.table_notice .tbody .subject {display:block; width:100%; text-align:left;}
	.table_notice .tbody .date {display:block; width:100%; text-align:left; color:#999;}
	.table_notice .thead .date2 {width:35%;}
	.table_notice .thead .subject2 {width:65%;}
	.table_notice .thead .division,
	.table_notice .tbody .division,
	.table_notice .thead .domain,
	.table_notice .tbody .domain,
	.table_notice .thead .state {display:none;}
	.table_notice .tbody .date2 {width:35%; vertical-align:middle;}
	.table_notice .tbody .subject2,
	.table_notice .tbody .state {float:left; display:block; width:100%; text-align:left;}
	.table_notice#div_faq_list > .tbody > li.menu {padding-left:0;}
	.table_notice#div_faq_list .menu {width:100%;}
	.table_notice#div_faq_list .subject {width:100%;}
}

/* 공지사항 - 게시판 보기 */
.customer_view {border-top:1px solid #999;}
.customer_view dt {border-bottom:1px solid #e5e5e5; padding:20px 30px 30px; font-size:16px; color:#333;}
.customer_view dt h3 {margin-top:10px; font-size:28px; font-weight:500; color:#333;}
.customer_view dt p {margin-top:10px; color:#999;}
.customer_view dt .line {margin:0 10px; color:#ccc;}
.customer_view dt a:hover {color:#3399ff; text-decoration:underline;}
.customer_view dd {word-wrap:break-word; word-break:break-all; border-bottom:1px solid #e5e5e5; padding:30px; font-size:16px; color:#666; line-height:2.0; }
.customer_view dd a {color:#009afa; text-decoration:underline;}
.customer_view dd img {max-width:100%; height:auto !important;}
.customer_view dd .faq_tab {/*margin-bottom:30px; border-bottom:1px dotted #e5e5e5;*/ padding-bottom:20px;}
.customer_view dd .faq_tab li {float:right; font-size:16px; color:#999;}
.customer_view dd .faq_tab li:first-child {float:left;}
@media (min-width:0) and (max-width:1024px) {
	.customer_view dt, .customer_view dd {padding:20px 0;}
	.customer_view dd iframe {width:100%;}
	.customer_view dd pre {overflow-x:auto;}
}
@media (min-width:0) and (max-width:640px) {
	.customer_view dt h3 {font-size:24px;}
}

/* 공지사항 - 태그 */
.customer_tag {padding-bottom:20px;}
.customer_tag h4 {padding:50px 0 20px; font-size:18px; color:333;}
.customer_tag span {display:inline-block; margin:0 10px 15px 0; background:#f9f9f9; padding:5px 15px; font-size:14px; color:#999;}
.customer_tag span.active {color:#1d7abd;}

/* 공지사항 - 추가 목록 */
.customer_list {border-top:1px solid #999;}
.customer_list dl {border-bottom:1px solid #eaeaea;}
.customer_list dt {float:left; width:160px; padding:15px 0 15px 20px; font-size:16px; color:#a9a9a9;}
.customer_list dd {float:left; padding:15px 0 15px 20px; font-size:16px; color:#808080;}
.customer_list dd span.active {color:#1d7abd;}
.customer_list + .right {padding-top:15px;}
.customer_list + .right a.more {font-size:14px;}
@media (min-width:0) and (max-width:1024px) {
	.customer_list dt {width:100%;}
}

/* FAQ - 검색창 */
.faq_search .select {float:left; width:30%; height:60px; border:1px solid #c7cbcc;}
.faq_search .input {float:right; width:calc(70% - 20px); height:60px; border:none; border-bottom:1px solid #c1c1c1; padding:0 0 10px;}
.faq_search .input:hover {background:transparent;}
.faq_search .input input[type='text'] {display:inline-block; width:calc(100% - 35px); padding-left:0; font-size:32px; font-weight:200; color:#999;}
.faq_search .input input[type='text']:hover {background:#fbfdff;}
.faq_search .input .button {width:31px; height:31px; background:url('/images/customer/2019/btn_search.png') no-repeat; text-indent:-9999px;}
.faq_search .input input[type='text'],
.faq_search .input .button {vertical-align:middle;}
.faq_search .array {float:left; margin:30px 0 20px;}
.faq_search .array a {margin-right:10px; font-size:16px; color:#666;}
.faq_search .array a.active {color:#1d7abd;}
.faq_search .count {float:right; margin-bottom:20px; font-size:16px; color:#666;}
@media (min-width:0) and (max-width:1024px) {
	.faq_search .input input[type='text'] {/*width:95%;*/}
}
@media (min-width:0) and (max-width:640px) {
	.faq_search .select,
	.faq_search .input {width:100%;}
	.faq_search .input {height:auto; margin-top:20px;}
}
@media (min-width:0) and (max-width:375px) {
	.faq_search .input input[type='text'] {font-size:24px;}
}

/* FAQ - 게시판 내용 */
.faq_table {width:100%; vertical-align:top; font-size:16px;}
.faq_table .side {width:50%;}
.faq_table .side p,
.faq_table .content p {font-size:16px;}
.faq_table .content {padding:10px 0 0 30px;}
.faq_table .content img {margin-top:10px; border:1px solid #e0e0e0;}
@media (max-width:1024px) {
	.faq_table .side {display:block; width:100%;}
	.faq_table .content {display:block; padding:30px 0 0 0;}
}

/* 패치리스트 */
.service_wrap {zoom:1;}
.service_wrap:after {display:block; content:''; clear:both;}
.service_wrap > .left_nav {float:left; width:20%;}
.service_wrap > .left_nav h3 {padding-bottom:30px; text-align:center; font-size:20px; font-weight:600; color:#333; line-height:1.4;}
.service_wrap > .left_nav h4 {border-top:1px solid #ccc; background:#f8fafc; padding-left:20px; font-size:14px; font-weight:600; color:#333; line-height:40px;}
.service_wrap > .left_nav ul {border-top:1px solid #e1e1e1; padding:15px 0 30px 20px;}
.service_wrap > .left_nav ul > li,
.service_wrap > .left_nav ul > li a {display:block; font-size:14px; color:#69696a; line-height:2.0;}
.service_wrap > .content {float:left; width:77%; margin-left:3%;}
.service_wrap > .content .notice_search .select {width:27%;}
.service_wrap > .content .notice_search .input {width:70%; height:60px;}
.service_wrap > .content .notice_search .input input[type='text'] {display:inline-block; width:calc(100% - 45px);}
.service_wrap > .content .notice_search .count {height:30px;}
.service_wrap > .content .table_notice .class {width:20%;}
.service_wrap > .content .table_notice .thead .subject {width:80%;}
.service_wrap > .content .table_notice .tbody .subject {width:63%; padding-right:3%;}
.service_wrap > .content .table_notice .btns {width:17%;}
.service_wrap > .content .table_notice .days {padding-top:5px; color:#999;}
.service_wrap > .content .table_notice .days .line {margin:0 10px; color:#ccc;}
.service_wrap > .content .table_notice .days a {color:inherit;}
.service_wrap > .content .table_notice .days a:hover {color:#3399ff; text-decoration:underline;}
.service_wrap > .content .table_notice .icon_white,
.service_wrap > .content .customer_view .icon_white {display:block; width:120px; height:30px; line-height:26px; border:1px solid #ccc; background:#fff; text-align:center; font-size:14px; color:#999;}
.service_wrap > .content .table_notice .icon_white + .icon_white,
.service_wrap > .content .customer_view .icon_white + .icon_white {margin-top:-1px;}
.service_wrap > .content .customer_view .tit {float:left; width:80%;}
.service_wrap > .content .customer_view .btns {float:right; padding-top:10px;}
.service_wrap > .content .customer_view {border-top:none;}
.service_wrap > .content .customer_view dt {border-color:#999; padding:0 0 30px;}
.service_wrap > .content .customer_view dt h3 {margin-top:0;}
.service_wrap > .content .customer_view dd {border-color:#999; padding:30px 0;}
.service_wrap > .content .customer_view dd .btn_wrap {padding:20px 0 50px;}
.service_wrap > .content .customer_view dd .btn_wrap a.btn_black {width:250px; margin:0 5px;}
.service_wrap > .content .customer_view dd .table_notice .btn_white {min-width:120px; height:30px; line-height:26px; font-size:14px;}
.service_wrap > .content .patch_tab {margin-bottom:50px; zoom:1;}
.service_wrap > .content .patch_tab li {float:left; width:50%; overflow:hidden;}
.service_wrap > .content .patch_tab li span {display:block; height:50px; line-height:46px; margin-left:-1px; border:1px solid #cdcdcd; background:#fff; text-align:center; font-size:16px; color:#858585; text-decoration:none; cursor:pointer;}
.service_wrap > .content .patch_tab li:first-child span {margin-left:0;}
.service_wrap > .content .patch_tab li.active span {border-color:#cdcdcd; border-bottom:none; background:#fff; font-size:inherit; color:#3090d6;}
.service_wrap > .content .customer_list {border-top:none;}
.service_wrap > .content .customer_list dt {background:#f9fafc; padding-left:40px; font-size:16px; color:#333;}
.service_wrap > .content .customer_list dt .prev {display:inline-block; vertical-align:middle; width:10px; height:8px; margin-right:10px; background:url('/images/common/icon_list.png') no-repeat -6px -277px;}
.service_wrap > .content .customer_list dt .next {display:inline-block; vertical-align:middle; width:10px; height:8px; margin-right:10px; background:url('/images/common/icon_list.png') no-repeat -6px -295px;}
.service_wrap > .content .customer_list dd {font-size:15px; color:#333;}
.service_wrap > .content .customer_list dd a:hover {text-decoration:underline;}
#container.customer .btn_black, #container.customer .btn_blue {min-width:135px; height:55px; line-height:53px; font-size:18px; text-decoration:none;}
@media (min-width:0) and (max-width:1024px) {
	.service_wrap > .left_nav {width:26%;}
	.service_wrap > .content {float:right; width:70%;}
	.service_wrap > .content .notice_search .select {width:100%;}
	.service_wrap > .content .notice_search .input {margin-top:10px; width:100%;}
	.service_wrap > .content .notice_search .count {height:0px;}
}
@media (min-width:0) and (max-width:768px) {
	.service_wrap > .left_nav {width:100%;}
	.service_wrap > .left_nav h3 {padding-bottom:20px;}
	.service_wrap > .content {width:100%;}
	.service_wrap > .content .customer_view dt {border-top:1px solid #999; padding-top:20px;}
	.service_wrap > .content .customer_view dd .btn_wrap a.btn_black {margin:5px;}
	.service_wrap > .content .customer_view .tit {width:100%;}
	.service_wrap > .content .customer_view .btns {width:100%; text-align:center;}
	.service_wrap > .content .customer_view .btns > span {display:inline-block;}
}
@media (min-width:0) and (max-width:640px) {
	.service_wrap > .content .table_notice .class {float:left; width:100%; text-align:left; color:#999;}
	.service_wrap > .content .table_notice .thead .subject {width:70%;}
	.service_wrap > .content .table_notice .tbody .subject {float:left; width:100%; padding-right:0;}
	.service_wrap > .content .table_notice .btns {float:left; margin-top:10px; width:100%; text-align:center;}
	.service_wrap > .content .table_notice .btns > .icon_white {display:inline-block; margin:1px;}
}

/* 교육센터(160506) */
.edu_new .service_tab li {width:50%;}
.edu_index {}
.edu_index .edu_table {border:1px solid #ddd; padding:5px 20px 0;}
.edu_index .edu_th {border-bottom:1px dotted #aaa; font-size:18px; font-weight:600; color:#666; line-height:60px;}
.edu_index .edu_th2 {border-top:1px solid #aaa; border-bottom:1px dotted #aaa; font-size:18px; font-weight:600; color:#666; line-height:60px;}
.edu_index .edu_th .btn_blue,
.edu_index .edu_th2 .btn_blue {display:none; min-width:120px; height:40px; line-height:36px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.edu_index .edu_theory, .edu_index .edu_practice, .edu_table .edu_theory, .edu_table .edu_practice {padding-top:2px;}}
.edu_index .edu_theory, .edu_table .edu_theory {display:inline-block; vertical-align:middle; margin:0 5px 3px 0; border:1px solid #ddd; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; background:#fff; padding:3px 3px 0; font-family:'돋움', dotum !important; font-size:11px; font-weight:normal; color:#62afce; line-height:12px;}
.edu_index .edu_practice, .edu_table .edu_practice {display:inline-block; vertical-align:middle; margin:0 5px 3px 0; border:1px solid #ddd; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; background:#fff; padding:3px 3px 0; font-family:'돋움', dotum !important; font-size:11px; font-weight:normal; color:#f17e21; line-height:12px;}
.edu_index .edu_td {padding:15px 0 20px 0;}
.edu_index .edu_td .edu_thumb {width:320px; padding-top:3px; text-align:left; position:relative;}
.edu_index .edu_td .edu_thumb img {width:300px;}
.edu_index .edu_td .edu_thumb .edu_thumb_txt {position:absolute; top:93px; left:0; width:120px; line-height:30px; background:#000; text-align:center; font-size:12px; color:#fff; opacity:0.5;}
.edu_index .edu_td .edu_main {padding-left:5px;}
.edu_index .edu_td .edu_main > table th {vertical-align:top; text-align:left; font-size:14px; color:#666; line-height:1.6;}
.edu_index .edu_td .edu_main > table td {vertical-align:top; text-align:left; padding-left:10px; text-indent:-13px; font-size:14px; color:#666; line-height:1.6;}
.edu_index .edu_td .edu_main .ico_edu_ing {margin-left:3px; display:inline-block; width:35px; height:16px; overflow:hidden; text-indent:-1000px; background:url('/images/customer/2018/m_edu.gif') no-repeat 0px -150px; vertical-align:middle;}
.edu_index .edu_td .edu_main .ico_edu_end {margin-left:3px; display:inline-block; width:27px; height:16px; overflow:hidden; text-indent:-1000px; background:url('/images/customer/2018/m_edu.gif') no-repeat -150px -150px; vertical-align:middle;}
.edu_index .edu_td .edu_main .ico_edu_cancel {margin-left:3px; display:inline-block; width:27px; height:16px; overflow:hidden; text-indent:-1000px; background:url('/images/customer/2018/edu_cancle.gif') no-repeat; vertical-align:middle;}
.edu_index .edu_td .edu_icon {display:inline-block; vertical-align:middle; width:2px; height:2px; margin-right:8px; background:url('/images/common/icon_list.png') no-repeat 0 -109px;}
.edu_index .edu_td .edu_icon2 {margin:5px 0 0 5px !important;}
.edu_index .edu_td .edu_comment {float:left; padding-left:3px; width:97%}
.edu_index .edu_td .edu_process {display:block; margin-bottom:5px; font-size:16px; color:#333;}
.edu_index .edu_td a:hover .edu_process {text-decoration:underline;}
.edu_index .edu_td .edu_market {color:#666;}
.edu_table h2 {font-size:24px; color:#333;}
.edu_table h2 span {font-size:14px; font-weight:normal; color:#333;}
.edu_table h3 {/*margin-bottom:10px;*/ font-size:20px; color:#333;}
.edu_table td.calendar {border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px;}
.edu_table td.calendar:first-child {border-left:1px solid #ddd;}
.edu_table span.ing {margin-left:3px; display:inline-block; width:35px; height:16px; overflow:hidden; text-indent:-1000px; background:url('/images/customer/2018/m_edu.gif') no-repeat 0px -150px; vertical-align:middle;}
.edu_table span.end {margin-left:3px; display:inline-block; width:27px; height:16px; overflow:hidden; text-indent:-1000px; background:url('/images/customer/2018/m_edu.gif') no-repeat -150px -150px; vertical-align:top;}
.edu_table .list_tit {padding:15px 10px 0;}
.edu_table .list_tit a {font-size:13px; color:#333;}
.edu_table .list_txt {padding:5px 10px 12px; line-height:18px;}
.edu_table .list_txt a {font-size:12px; color:#555; line-height:20px;}
.edu_table .list_tit a span, .edu_table .list_txt a span {color:#008cdf;}
.edu_table .view_subject {padding-left:10px; font-size:14px; color:#333;}
.edu_table .view_content pre {font-size:13px !important; line-height:20px;}
.edu_table .view_content pre br + br + br {line-height:0;}
.edu_table .view_article {padding-left:10px; font-size:13px; color:#999;}
.edu_table .view_article a {font-size:13px; color:#333;}
.edu_table .view_article a:hover {text-decoration:underline;}
.edu_table .view_content {padding:10px;}
.edu_table .view_content table {width:100% !important;}
.edu_table .view_content table table table {margin:10px 0 20px -17px; width:102.5% !important;}
.edu_table .view_content td td td > img {margin-left:8px;}
.edu_table .view_content td td td {padding-left:10px; font-size:13px; line-height:30px;}
.edu_table .view_content img {vertical-align:middle; margin-right:5px;}
a.edu_list {display:inline-block; margin-bottom:5px; font-size:14px; color:#333; line-height:20px;}
a.edu_end {display:inline-block; margin-bottom:5px; font-size:14px; color:#333; line-height:20px;}
a.edu_list img, a.edu_end img {width:110px; margin-right:10px;}
.process {font-size:13px; color:#555; line-height:18px;}
.process .th {display:inline-block; width:60px; font-size:13px; font-weight:500;}
img.edu_icon {margin:8px 5px 0 0;}
a.map {color:#008cdf; text-decoration:underline;}
#page_navigator {margin:22px auto 0; vertical-align:top;}
#page_navigator a, #page_navigator span {display:inline-block; margin-left:-1px; width:30px; text-align:center;  vertical-align:middle; border:1px solid #dedede; font-size:12px; color:#333; line-height:30px;}
#page_navigator a img {padding:10px 0;}
#reserve_student {display:none;text-align:center; padding-top:15px;}
#reserve_student div {margin-top:20px;}
.edu_txt {border:2px solid #008cdf; padding:20px 25px;}
.edu_txt dl {float:left; width:50%;}
.edu_txt dl.dl2 {float:right; width:45%; border-left:1px dotted #009AFF; padding-left:20px;}
.edu_txt dt {margin-bottom:5px; font-size:16px; color:#008cdf;}
.edu_txt dd {background:url('/images/firstmall2/cs_best_icon.gif') no-repeat left 9px; padding-left:7px; font-size:14px; color:#666; line-height:25px;}
.edu_write {border-collapse:separate; border-top:2px solid #666; border-bottom:1px solid #666;}
.edu_write tr:first-child th, .edu_write tr:first-child td {border-top:0;}
.edu_write th {border-top:1px solid #ddd; background:#f8f9f2; text-align:center; height:35px;}
.edu_write td {border-top:1px solid #ddd; border-left:1px solid #ececec; padding:7px 10px;}
.edu_write td .edu_input {border:1px solid #ccc; width:180px; height:20px;}
.edu_write td .edu_textarea {margin-top:5px; border:1px solid #ccc; padding:10px; width:97%; height:200px}
.edu_input {border:1px solid #aaa; width:180px; height:25px; text-indent:10px;}
.edu_btn_sch {display:inline-block; border:0; background:#009ae6; height:27px; line-height:25px; padding:0 20px; font-size:13px; font-weight:bold; color:#fff !important; text-decoration:none !important; vertical-align:middle; cursor:pointer;}
.edu_btn_cancel {display:inline-block; border:0; background:#aaa; height:27px; line-height:25px; padding:0 20px; font-size:13px; font-weight:normal; color:#fff !important; text-decoration:none !important; vertical-align:middle; cursor:pointer;}
.edu_btn_list {display:inline-block; border:0; background:#009ae6; height:40px; line-height:38px; padding:0 30px; font-size:14px; font-weight:bold; color:#fff !important; text-decoration:none !important; vertical-align:middle; cursor:pointer;}
.edu_btn_list_back {display:inline-block; border:0; background:#aaa; height:40px; line-height:38px; padding:0 30px; font-size:14px; font-weight:bold; color:#fff !important; text-decoration:none !important; vertical-align:middle; cursor:pointer;}

/* 교육신청 */
.edu_view {width:100%; margin:0 auto; padding-top:10px; font-size:13px; color:#333; line-height:24px;}
.edu_view h3 {margin-top:40px; border-bottom:2px solid #666; padding-bottom:10px; font-size:16px; color:#333;}
.edu_view h3 .line {display:block; margin-bottom:7px; width:15px; height:3px; background:#333;}
.edu_view .edu_cont {padding-top:20px; font-size:13px; line-height:24px;}
.edu_view .edu_cont a, .edu_view .edu_vlist tbody td a, .edu_view .edu_sche tbody td a {color:#009ae6; text-decoration:underline;}
.edu_view .edu_cont .map {margin-bottom:20px;}
.edu_view .edu_vlist tbody th {border-bottom:1px solid #ddd; text-align:left; font-size:13px; line-height:30px;}
.edu_view .edu_vlist tbody td {border-bottom:1px solid #ddd; font-size:13px; line-height:30px;}
 {color:#009ae6; text-decoration:underline;}
.edu_view .edu_sche {border-bottom:1px solid #999;}
.edu_view .edu_sche thead th {border-bottom:1px solid #999; padding:5px 10px; text-align:center; font-size:14px;}
.edu_view .edu_sche tbody th {border-top:1px solid #999; border-left:1px solid #ccc; text-align:center; font-size:13px; font-weight:normal;}
.edu_view .edu_sche tbody th:first-child {border-left:0;}
.edu_view .edu_sche tbody td {border-top:1px solid #999; border-left:1px solid #ccc; padding:5px 10px; font-size:13px;}
.edu_view .edu_regi {padding-top:20px; text-align:center;}
.edu_new, .edu_new th, .edu_new td { font-size:14px; line-height:1.5; }
.edu_new .edu_view { width:auto; }
.edu_new .edu_table .view_content { padding:0; }
.edu_new .edu_table .edu_view>table td:nth-child(1) { width:400px; }
.edu_new .edu_table .edu_view>table td:nth-child(2) { width:1px; }
.edu_new .edu_table .edu_view>table td:nth-child(3) { width:auto; }
.edu_new .root_daum_roughmap { width:auto !important; }
.edu_new .edu_table .view_subject { font-size:18px; padding:20px 0; }
.edu_new .edu_view .edu_vlist tbody th,
.edu_new .edu_view .edu_vlist tbody td { font-size:15px; padding-top:4px; padding-bottom:4px; }
.edu_new .edu_view .edu_vlist tbody th {width:15%;}
.edu_new .edu_view .edu_vlist tbody td {padding-left:10px; text-indent:-8px;}
.edu_new .edu_view { padding-top:0px; }
.edu_new .edu_view h3 { font-size:17px; font-weight:600;}
.edu_new .edu_view .edu_cont { font-size:14px; }
.edu_new .edu_view .edu_cont strong,
.edu_new .edu_view .edu_cont b {font-size:16px; font-weight:500; color:#000;}
.edu_new .edu_view .edu_sche thead th { font-size:15px; }
.edu_new .edu_view .edu_sche tbody th,
.edu_new .edu_view .edu_sche tbody td { font-size:14px; padding-top:7px; padding-bottom:7px; }
.edu_new .edu_view .edu_cont .m_t_10 {margin-top:10px;}
.edu_new .edu_view .edu_cont .m_b_10 {margin-bottom:10px;}
.edu_new .edu_view .edu_cont .p_t_10 {padding-top:10px;}
.edu_new .edu_view .edu_cont .p_b_10 {padding-bottom:10px;}
.edu_new .request { font-size:16px; color:#ff4200; }
.edu_new .edu_btn_sch { display:inline-block; height:40px; line-height:38px; background:#009ae6; padding:0 50px; text-align:center; font-size:14px; font-weight:normal; color:#fff; }
.edu_new .edu_btn_list { background-color:#5e666f; padding:0 50px; }
.regist_wrap .reg_comp {padding:0; text-align:center;}
.regist_wrap .reg_comp .title {font-size:38px; color:#3399ff; line-height:1.2; letter-spacing:-2px;}
.regist_wrap .reg_comp .text {padding-top:10px; font-size:18px; color:#414141;}
@media (min-width:0) and (max-width:1024px) {
	.edu_new .edu_view .edu_vlist tbody th {width:25%;}
	.edu_new .edu_table .edu_view > .edu_table > tbody > tr > td {float:left; width:100%;}
	.edu_new .edu_table .edu_view > .edu_table > tbody > tr > td:nth-child(1) img {width:100%;}
	.edu_new .edu_table .edu_view > .edu_table > tbody > tr > td:nth-child(2) {height:10px;}
	.edu_new .edu_table .edu_view > .edu_table > tbody > tr > td:nth-child(3) th {width:25%;}
}
@media (min-width:0) and (max-width:640px) {
	.edu_index .edu_td .edu_thumb {float:left; width:100%;}
	.edu_index .edu_td .edu_thumb img {width:100%;}
	.edu_index .edu_td .edu_main {float:left; width:100%; padding-top:10px;}
	.edu_new .edu_table .edu_view>table > tbody > tr > td:nth-child(1) { float:left; width:99%; }
	.edu_new .edu_table .edu_view>table > tbody > tr > td:nth-child(1) img {width:100%;}
	.edu_new .edu_table .edu_view>table > tbody > tr > td:nth-child(2) { float:left; width:1%; }
	.edu_new .edu_table .edu_view>table > tbody > tr > td:nth-child(3) { float:left; width:100%; }
}


/*-----------------------------------------------------------------*/
/* 모바일앱
/*-----------------------------------------------------------------*/

/* 모바일앱 소개 */
#fullsize .inner,
.maps_cont.sec3 {width:1180px;}
#fullsize .inner {position:relative; /*width:1180px;*/ margin-left:auto; margin-right:auto; *zoom:1; }
#fullsize .inner.wide { width:auto; }
#fullsize .inner:after {display:block; clear:both; content:'';}
#fullsize .sub_title { margin-top:70px; /*font-family:"NanumBarunGothic" !important;*/ padding:0 0 35px; text-align:center; font-size:36px; font-weight:400; color:#333; letter-spacing:-1px;}
#fullsize .sub_title.v2 { font-size:32px; }
#fullsize .sub_title:first-child {margin-top:0;}
#fullsize .sub_text_01 {padding:80px 0 35px; text-align:center; font-size:30px; font-weight:400; color:#333; letter-spacing:-1px;}
.fullsize_cont .inner { padding:70px 0; }
.fullsize_cont.bg2 { background:#f4f6f9; }
.fullsize_cont td { line-height:1.5; height:40px; }
.fullsize_cont s { color:#aaa !important; }
#wrap.renew2018 .sub_title { /*font-family:"NanumBarunGothic" !important;*/ padding:10px 0 35px; text-align:center; font-size:36px; font-weight:400; color:#333; letter-spacing:-1px;}

/* 상단 이미지 */
.top_img {position:relative;}
.top_img .txt_free { position:absolute; right:114px; top:49px; }
.top_img .txt_free>li { position:absolute; left:0; top:0; opacity:0; width:114px; height:114px; background:#0097fa; border-radius:50%; box-sizing:border-box; padding-top:33px; text-align:center; font-size:17px; line-height:1.4; color:#fff; animation-name:ani-txt-free; animation-duration:6s; animation-iteration-count:infinite; }
.top_img .txt_free>li>b { font-size:19px; }
.top_img .txt_free>li:first-child { opacity:1; animation-name:ani-txt-free2; }

/* 관리자앱 */
.txt_builds_101 { font-size:30px; line-height:1.4; letter-spacing:-1px; color:#333; }
.txt_builds_102 { font-size:16px; line-height:1.5; color:#9a9a9a; }
@keyframes ani-txt-free {
	50% { opacity:1; }
}
@keyframes ani-txt-free2 {
	50% { opacity:0; }
}

.map_txt h3.han { font-size:48px; line-height:1.2; font-weight:400; color:#333; letter-spacing:-3px; }
.map_txt p.eng { margin-top:0px; font-size:48px; line-height:1.2; font-weight:100; color:#c5c5c5; letter-spacing:-2px; }
.map_txt .addt { font-size:18px; color:#333; padding-top:35px; line-height:1.6; }

.mapp_cont { min-height:560px; position:relative; margin-top:55px; }
.mapp_cont .map_txt { padding:170px 0 0 715px; }
.mapp_cont .mapp_01 { position:absolute; left:290px; top:0; z-index:1; }
.mapp_cont .mapp_02 { position:absolute; left:64px; top:58px; }
.mapp_cont .mapp_03 { position:absolute; }
.mapp_cont .map_txt .mobile { display:none; }

.mapp_cont.sec2 { min-height:625px; margin-top:0px; }
.mapp_cont.sec2 .map_txt { padding:150px 0 0 66px; }
.mapp_cont.sec2 .mapp_01 { left:350px; top:20px; }
.mapp_cont.sec2 .mapp_02 { left:685px; top:120px; }

.mapp_cont.sec3 { min-height:625px; margin-top:40px; }
.mapp_cont.sec3 .map_txt { padding:90px 0 0 715px; }
.mapp_cont.sec3 .mapp_01 { left:0; top:40px; }
.mapp_cont.sec3 .mapp_02 { left:158px; top:52px; z-index:1; }
.mapp_cont.sec3 .mapp_03 { left:286px; top:0px; z-index:1; }

.mapp_401 { width:354px; height:335px; margin:0 auto; background:url('/images/mobileapp/2018/img_admin_400.png') 50% 0 no-repeat; }
.mapp_401_cont { border:1px #0099ff solid; background:#fff; padding:60px 0 0; height:820px;}
.mapp_401_cont .title { font-size:34px; color:#000; text-align:center; letter-spacing:-2px; line-height:1.4; }
.slide_mapp_401 { margin-top:48px; text-align:center; font-size:0; line-height:0; }
.slide_mapp_401>li { display:inline-block; padding:0 5px; }
.mapp_401_cont .bx-wrapper .bx-controls-direction a { width:100px; height:100px; }
.mapp_401_cont .bx-wrapper .bx-prev,
.mapp_401_cont .bx-wrapper .bx-prev:hover,
.mapp_401_cont .bx-wrapper .bx-prev:focus { left:40px; top:15px; background:url('/images/mobileapp/2018/event01_detail_arwleft.png') 50% 50% no-repeat; }
.mapp_401_cont .bx-wrapper .bx-next,
.mapp_401_cont .bx-wrapper .bx-next:hover,
.mapp_401_cont .bx-wrapper .bx-next:focus{ right:40px; top:15px; background:url('/images/mobileapp/2018/event01_detail_arwright.png') 50% 50% no-repeat; }

.mapp_401_cont .bx-wrapper .bx-pager { position:absolute; left:50%; margin-left:-153px; top:-266px; width:305px; height:210px; padding:0; }
.mapp_401_cont .bx-wrapper .bx-pager .bx-pager-item>a { display:block; width:102px; height:103px; position:absolute; margin:0; border-radius:0; background:none; }
.mapp_401_cont .bx-wrapper .bx-pager .bx-pager-item>a:hover,
.mapp_401_cont .bx-wrapper .bx-pager .bx-pager-item>a:focus {background:transparent;}

.mapp_401_cont .bx-wrapper .bx-pager .bx-pager-item:nth-child(1)>a { left:50%; margin-left:-153px; top:0; width:100px; }
.mapp_401_cont .bx-wrapper .bx-pager .bx-pager-item:nth-child(2)>a { left:50%; margin-left:-53px; top:0; width:103px; }
.mapp_401_cont .bx-wrapper .bx-pager .bx-pager-item:nth-child(3)>a { left:50%; margin-left:50px; top:0; }
.mapp_401_cont .bx-wrapper .bx-pager .bx-pager-item:nth-child(4)>a { left:50%; margin-left:-153px; top:102px; width:100px; }
.mapp_401_cont .bx-wrapper .bx-pager .bx-pager-item:nth-child(5)>a { left:50%; margin-left:-53px; top:102px; }

.mapp_401_cont .bx-wrapper .bx-pager .bx-pager-item:nth-child(1)>a.active { background-image:url('/images/mobileapp/2018/menu_mapp_401.png'); }
.mapp_401_cont .bx-wrapper .bx-pager .bx-pager-item:nth-child(2)>a.active { background-image:url('/images/mobileapp/2018/menu_mapp_402.png'); }
.mapp_401_cont .bx-wrapper .bx-pager .bx-pager-item:nth-child(3)>a.active { background-image:url('/images/mobileapp/2018/menu_mapp_403.png'); }
.mapp_401_cont .bx-wrapper .bx-pager .bx-pager-item:nth-child(4)>a.active { background-image:url('/images/mobileapp/2018/menu_mapp_404.png'); }
.mapp_401_cont .bx-wrapper .bx-pager .bx-pager-item:nth-child(5)>a.active { background-image:url('/images/mobileapp/2018/menu_mapp_405.png'); }

.mapp_402_cont { padding:70px 0 0; text-align:center; }
.mapp_402_cont .title { font-size:34px; padding-bottom:50px; color:#000; text-align:center; letter-spacing:-2px; line-height:1.4; }
.mapp_402_cont .bx-wrapper .bx-viewport { background:transparent; padding:40px 20px; }
.mapp_402_cont .bx-wrapper img { display:inline; }
.mapp_402_cont .bx-wrapper .bx-pager { bottom:-55px; }
.mapp_402_cont .bx-wrapper .bx-pager { font-size:0; line-height:0; }
.mapp_402_cont .bx-wrapper .bx-pager.bx-default-pager a { width:17px; height:5px; border-radius:3px; background:#c3d4e9; margin:0 3px; transition:width 0.2s; }
.mapp_402_cont .bx-wrapper .bx-pager.bx-default-pager a.active { width:48px; background:#789cc7; }
.mapp_402_cont .bx-wrapper .bx-prev,
.mapp_402_cont .bx-wrapper .bx-prev:hover,
.mapp_402_cont .bx-wrapper .bx-prev:focus { left:100px; width:100px; height:100px; background: url('/images/mobileapp/2018/event01_detail_arwleft.png') 50% 50% no-repeat; }
.mapp_402_cont .bx-wrapper .bx-next,
.mapp_402_cont .bx-wrapper .bx-next:hover,
.mapp_402_cont .bx-wrapper .bx-next:focus { right:100px; width:100px; height:100px; background: url('/images/mobileapp/2018/event01_detail_arwright.png') 50% 50% no-repeat; }
.mapp_501_cont.devide2>li {width:33%;}

.mapp_402_cont .stit_func { display:inline-block; height:32px; border:1px #0099ff solid; line-height:33px; font-size:16px; color:#0099ff; padding:0 20px; border-radius:17px; text-align:center; }

.t_add_text { font-size:14px; line-height:1.6; color:#999; }
.mapp_501_cont { text-align:center; }
.mapp_501_cont>li { float:left; width:33.33%; min-height:215px; border-left:1px #e5e5e5 solid; margin-left:-1px; }
.mapp_501_cont>li:first-child { border-left:none; }
.mapp_501_cont .title { font-size:17px; color:#000; padding-bottom:30px; margin-top:-5px; }
.mapp_501_cont .input_phone_number { width:260px; height:60px; box-sizing:border-box; line-height:56px; text-align:center; font-size:18px; color:#000; border:1px #d2d2d2 solid; }
.mapp_501_cont .input_phone_number::placeholder { font-size:13px; color:#aaa; }
.mapp_501_cont .input_phone_number:-ms-input-placeholder { font-size:13px; color:#aaa; }
.mapp_501_cont .input_phone_number::-ms-clear { display:none; }
.mapp_501_cont .btn_text_delivery { width:260px; height:60px; box-sizing:border-box; background:#0099ff; line-height:60px; font-size:15px; font-weight:bold; color:#fff; border:None; margin-top:5px; cursor:pointer; }
.mapp_501_cont .btn_text_delivery:hover, .mapp_501_cont .btn_text_delivery:focus { background-color:#0491ef; }
.mapp_501_cont.devide2>li { width:50%; }

.maps_cont_101 { margin-top:45px; background:url('/images/mobileapp/2018/icons_famous_mall.jpg') 50% 67px repeat-x; }
.maps_cont { min-height:500px; position:relative; margin-top:0; }
.maps_cont .map_txt .mobile { display:none; }

.maps_cont.sec1 { min-height:558px; }
.maps_cont.sec1 .map_txt { padding:100px 0 0 685px; }
.maps_cont.sec1 .maps_01 { position:absolute; left:234px; top:0; z-index:1; }
.maps_cont.sec1 .maps_02 { position:absolute; left:0px; top:60px; }

.maps_cont.sec2 { min-height:619px; }
.maps_cont.sec2 .map_txt { padding:60px 0 0 90px; }
.maps_cont.sec2 .maps_01 { position:absolute; left:650px; top:0; }
.maps_cont.sec2 .maps_02 { position:absolute; left:970px; top:-8px; }
.maps_cont.sec2 .maps_03 { position:absolute; left:704px; top:204px; }
.maps_cont.sec2 .maps_04 { position:absolute; left:704px; top:304px; }
.maps_cont.sec2 .maps_05 { position:absolute; left:704px; top:404px; }

.maps_cont.sec3 { min-height:555px; /*width:1180px;*/ margin:0 auto; position:relative; }
.maps_cont.sec3 .map_txt { padding:60px 0 0 634px; }
.maps_cont.sec3 .maps_01 { position:absolute; left:335px; top:140px; }
.maps_cont.sec3 .maps_02 { position:absolute; left:230px; top:163px; }

/* 쇼핑몰앱 */
.maps_cont.sec4 { min-height:550px; }
.maps_cont.sec4 .map_txt { padding:0; text-align:center; }
.maps_cont.sec4 .maps_01 { position:absolute; left:0; bottom:0; }

.maps_cont.sec5 { min-height:570px; }
.maps_cont.sec5 .map_txt { padding:120px 0 0 685px; }
.maps_cont.sec5 .maps_01 { position:absolute; left:140px; top:0px; }
.maps_cont.sec5 .maps_02 { position:absolute; left:140px; top:98px; }
.maps_cont.sec5 .maps_03 { position:absolute; left:140px; top:354px; }
.maps_cont.sec5 .maps_04 { position:absolute; left:270px; top:210px; }
.maps_cont.sec5 .maps_05 { position:absolute; left:66px; top:210px; }

.maps_cont.sec6 { min-height:280px; }
.maps_cont.sec6 .map_txt { padding:0 0 0 90px; }
.maps_cont.sec6 .price_app_c { position:absolute; right:0; top:-10px; }
.price_app_c>ul { width:472px; text-align:center; }
.price_app_c>ul>li { float:left; margin-left:-1px; border:1px #d2d2d2 solid; background:#fff; margin-top:12px; width:50%; height:133px; box-sizing:border-box; line-height:1.2; border-top-right-radius:4px; border-bottom-right-radius:4px; font-size:28px; font-weight:400; letter-spacing:-1px; }
.price_app_c>ul>li:nth-child(odd) { border-radius:0; border-top-left-radius:4px; border-bottom-left-radius:4px; }
.price_app_c s { font-size:22px; font-weight:100; }

@media (min-width:0) and (max-width:375px) {
	.price_app_c>ul>li {font-size:22px;}
	.price_app_c>ul>li:nth-child(odd) img {margin-top:6px; width:80%;}
	.price_app_c s { font-size:18px;}
}

.upgrade_wrap .pcs_step.v2 .num span { font-size:17px; border-bottom:none; }
.upgrade_wrap .pcs_step.v2 .tit { font-size:20px; padding:17px 0 10px; }
.upgrade_wrap .pcs_step.v2 .txt span { display:inline-block; height:17px; line-height:17px; padding:0 6px; border-radius:9px; background:#009aff; color:#fff; font-size:11px; }

.service_list .step_table { border-color:#e0e0e0; }
.service_list .step_table > tbody > tr > th { font-size:16px; color:#767676; padding-top:20px; padding-bottom:20px; vertical-align:top; }
.service_list .step_table > tbody > tr > th .num { display:block; font-size:30px; font-family:arial; padding-top:5px; letter-spacing:-1px; }
.service_list .step_table > tbody > tr > td { line-height:1.5; padding:20px; }
.service_list .step_table .stitle { font-size:15px; color:#1a91ef; }

.list_3dv { text-align:center; overflow:hidden;}
.list_3dv>li { float:left; width:33.33%; *width:33.3%; }
.list_3dv>li:first-child { text-align:left; }
.list_3dv>li:last-child { text-align:right; }

.app_graph_area { position:relative; text-align:left; margin-top:40px; background:#fff; padding:30px 0;}
.app_graph_area .bg1 { position:absolute; left:134px; top:392px; z-index:3; }
.app_graph_area .list { position:absolute; left:0; top:30px; width:100%; }
.app_graph_area .list>li { width:75px; height:370px; overflow:hidden; position:absolute; top:0; }
.app_graph_area .list>li:nth-child(1) { left:230px; }
.app_graph_area .list>li:nth-child(2) { left:369px; }
.app_graph_area .list>li:nth-child(3) { left:511px; }
.app_graph_area .list>li:nth-child(4) { left:647px; }
.app_graph_area .list>li:nth-child(5) { left:789px; }
.app_graph_area .list>li>p { position:absolute; left:0; width:100%; height:300px; background:url('/images/mobileapp/2018/graph_bar.png') no-repeat; }
.app_graph_area .list>li:nth-child(1)>p { bottom:-273px; }
.app_graph_area .list>li:nth-child(2)>p { bottom:-242px; }
.app_graph_area .list>li:nth-child(3)>p { bottom:-199px; }
.app_graph_area .list>li:nth-child(4)>p { bottom:-155px; }
.app_graph_area .list>li:nth-child(5)>p { bottom:-104px; }
.app_graph_area .list>li>p>.txt { display:block; width:48px; height:48px; border-radius:50%; background:#f59a09; font-size:16px; line-height:48px; color:#fff; text-align:center; position:absolute; top:-52px; right:0; font-family:arial !important; opacity:0; }
.app_graph_area .list>li>p>.txt>b { font-size:19px; font-family:arial !important; font-weight:normal; }
.app_graph_area2 { display:none;  margin-top:40px; }

.scrollex.active .app_graph_area .list>li:nth-child(1)>p { animation-name:ani-graph1; animation-duration:4s; animation-timing-function:linear; }
.scrollex.active .app_graph_area .list>li:nth-child(2)>p { animation-name:ani-graph2; animation-duration:5s; animation-timing-function:linear; }
.scrollex.active .app_graph_area .list>li:nth-child(3)>p { animation-name:ani-graph3; animation-duration:6s; animation-timing-function:linear; }
.scrollex.active .app_graph_area .list>li:nth-child(4)>p { animation-name:ani-graph4; animation-duration:7s; animation-timing-function:linear; }
.scrollex.active .app_graph_area .list>li:nth-child(5)>p { animation-name:ani-graph5; animation-duration:9s; animation-timing-function:linear; }

.scrollex.active .app_graph_area .list>li>p>.txt { animation-name:ani-graph-txt; animation-timing-function:linear; opacity:1; }
.scrollex.active .app_graph_area .list>li:nth-child(1)>p>.txt { animation-duration:4.4s; }
.scrollex.active .app_graph_area .list>li:nth-child(2)>p>.txt { animation-duration:5.4s; }
.scrollex.active .app_graph_area .list>li:nth-child(3)>p>.txt { animation-duration:6.4s; }
.scrollex.active .app_graph_area .list>li:nth-child(4)>p>.txt { animation-duration:7.4s; }
.scrollex.active .app_graph_area .list>li:nth-child(5)>p>.txt { animation-duration:9.4s; }

@keyframes ani-graph1 {
	0% { transform:translateY(25px); }
	10% { transform:translateY(25px); }
	100% { transform:translateY(0); }
}
@keyframes ani-graph-txt {
	0% { opacity:0; transform:scale(1.1); }
	96% { opacity:0; transform:scale(1.1); }
	100% { opacity:1; transform:scale(1); }
}
@keyframes ani-graph2 {
	0% { transform:translateY(56px); }
	10% { transform:translateY(56px); }
	100% { transform:translateY(0); }
}
@keyframes ani-graph3 {
	0% { transform:translateY(99px); }
	10% { transform:translateY(99px); }
	100% { transform:translateY(0); }
}
@keyframes ani-graph4 {
	0% { transform:translateY(143px); }
	10% { transform:translateY(143px); }
	100% { transform:translateY(0); }
}
@keyframes ani-graph5 {
	0% { transform:translateY(194px); }
	10% { transform:translateY(194px); }
	100% { transform:translateY(0); }
}

/* 신청 프로세스 */
.upgrade_wrap .pcs_step {margin:0 auto;}
.upgrade_wrap .pcs_step ul {width:160px; height:160px; border-radius:50%; border:1px solid #1a91ed;}
.upgrade_wrap .pcs_step.flc ul {margin-left:80px; width:126px; height:126px;}
.upgrade_wrap .pcs_step .pcs_box {float:left; position:relative; margin-left:80px;}
.upgrade_wrap .pcs_step .pcs_box:before {display:block; content:''; position:absolute; top:42%; left:-50px; width:16px; height:31px; background:url('/images/mobileapp/2018/upgrade_step1.png') no-repeat;}
.upgrade_wrap .pcs_step .pcs_box:first-child {margin-left:30px;}
.upgrade_wrap .pcs_step .pcs_box:first-child:before {background:none;}
.upgrade_wrap .pcs_step li {text-align:center; line-height:1.4; letter-spacing:-1px;}
.upgrade_wrap .pcs_step .num {padding-top:15px;}
.upgrade_wrap .pcs_step .num span {border-bottom:2px solid #1a91ed; font-size:22px; font-weight:600; color:#1a91ed;}
.upgrade_wrap .pcs_step .tit {padding:15px 0; font-size:15px; font-weight:600; color:#1a91ed;}
.upgrade_wrap .pcs_step .txt span {border-radius:50px; background:#d8eaf7; padding:3px 10px; font-size:10px; font-weight:500; color:#888;}
.upgrade_wrap .pcs_list li {position:relative; margin-top:34px; border-radius:5px; border:1px solid #e1e1e1; font-size:14px; font-weight:500; color:#888; line-height:50px;}
.upgrade_wrap .pcs_list li.mall {border:1px solid #e1e6eb; background:#eef3f8;}
.upgrade_wrap .pcs_list li:first-child {margin-top:none;}
.upgrade_wrap .pcs_list li:before {display:block; content:''; position:absolute; top:-34px; left:49.8%; width:4px; height:34px; background:url('/images/mobileapp/2018/upgrade_step2.png') no-repeat;}
.upgrade_wrap .pcs_list li:first-child:before {background:none;}
.upgrade_wrap .pcs_list span {display:inline-block; padding:0 50px; font-family:'arial' !important; font-size:16px; font-weight:700; color:#1a91ed;}

/* 가격 및 사양 */
.service_list {position:relative; margin-bottom:60px;}
.service_list .vat {position:absolute; top:-30px; right:0; font-size:15px; color:#666;}
.service_list table {margin-bottom:15px; width:100%; border-collapse:collapse; border-top:1px solid #c0c0c0; border-bottom:1px solid #d0d0d0;}
.service_list table > thead > tr > th {border-bottom:1px solid #d0d0d0; border-left:1px solid #e0e0e0; background:#f2f2f2; padding:10px 20px; text-align:center; font-size:16px; color:#333;}
.service_list table > thead > tr > th:first-child {border-left:0;}
.service_list table > thead > tr > th.line, .service_list table > tbody > tr > th.line {border-left:1px solid #e0e0e0;}
.service_list table > tbody > tr > th {border-top:1px solid #e0e0e0; background:#f9f9f9; padding-left:20px; font-size:16px; font-weight:normal; color:#333;}
.service_list table > tbody > tr > td {border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; padding:10px 20px; text-align:center; font-size:16px; color:#666;}
.service_list table > tbody > tr:first-child > th, .service_list table > tbody > tr:first-child > td {border-top:0;}
.service_list table > tbody > tr > td .sale {padding-top:10px; font-size:12px; color:#666; line-height:1.6;}
.service_list table > tbody > tr > td .sale .blue {font-weight:600; color:#008cdf !important;}
.service_list table > tbody > tr > td .sale:hover {text-decoration:underline;}
.service_list table .bgcolor {background:#ffffe8;}
.service_list .border_free {position:absolute; top:0; left:195px; width:390px; height:108px; border:2px solid #f39c12;}
.service_list .border_prem {position:absolute; top:0; left:351px; width:311px; height:501px; border:2px solid #3ca1e3;}
.service_list .border_expa {position:absolute; top:0; left:489px; width:242px; height:141px; border:2px solid #a966c3;}
.service_list .border_adva {position:absolute; top:0; left:489px; width:242px; height:141px; border:2px solid #00baac;}
.service_list.upgrade,
.service_list.upgrade table > tbody > tr > th,
.service_list.upgrade table > tbody > tr > td {text-align:left;}
.service_list.upgrade table > tbody > tr > td:first-child {border-left:none;}
.service_list.upgrade table > tbody > tr > td.line {border-left:1px solid #e0e0e0;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.service_list .border_free {height:105px;}
	.service_list .border_prem {left:353px;}
	.service_list .border_expa, .service_list .border_adva {width:243px;}
}
.service_list li, .service_list a {font-size:13px; color:#595959; line-height:1.6;}
.service_list a:hover {text-decoration:underline;}
.service_view {position:relative; margin-bottom:60px;}
.service_view table {margin-bottom:15px;width:100%; border-collapse:collapse; border-top:1px solid #c0c0c0; border-bottom:1px solid #d0d0d0;}
.service_view table > tbody > tr > th {border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; background:#f9f9f9; padding-left:20px; text-align:left; font-size:13px; font-weight:normal;}
.service_view table > tbody > tr > td {border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; padding:10px 20px; text-align:left; font-size:13px; color:#333;}
.service_view table > tbody > tr:first-child > th, .service_view table > tbody > tr:first-child > td {border-top:0;}
.service_view table > tbody > tr > th:first-child {border-left:0;}
.t_left {text-align:left !important;}
.t_right {text-align:right !important;}
.dotum {font-family:'dotum' !important; color:#888;}
.service_list table.Fix td h4 {display:none; font-size:14px; color:#999;}
@media (min-width:0) and (max-width:640px) {
	.service_list table.Fix {width:100%;table-layout:auto;}
	.service_list table.Fix > thead tr:first-child th:first-child,
	.service_list table.Fix tbody th {display:none;}
	.service_list table.Fix th + td {border-left:none;}
	.service_list table.Fix td {width:50%;}
	.service_list table.Fix td h4 {display:block; margin:0; text-align:center; font-size:14px; color:#999;}
}
@media (min-width:0) and (max-width:1024px) {
	#fullsize .inner {width:auto; padding-right:20px; padding-left:20px;}
	#fullsize .inner.wide.bg3 {background:none !important;}
	.fullsize_cont .maps_cont.sec3 {width:auto;}
	.fullsize_cont .mapp_cont .mapp_01,
	.fullsize_cont .mapp_cont .mapp_02,
	.fullsize_cont .mapp_cont .mapp_03 {display:none;}
	.fullsize_cont .maps_cont .maps_01,
	.fullsize_cont .maps_cont .maps_02,
	.fullsize_cont .maps_cont .maps_03,
	.fullsize_cont .maps_cont .maps_04,
	.fullsize_cont .maps_cont .maps_05 {display:none;}
	.fullsize_cont .mapp_cont .map_txt,
	.fullsize_cont .maps_cont .map_txt {width:100%; padding:0; text-align:center;}
	.fullsize_cont .mapp_cont .map_txt .mobile,
	.fullsize_cont .maps_cont .map_txt .mobile {display:block; padding-top:40px;}
	.fullsize_cont .mapp_401_cont {height:auto;}
	.fullsize_cont .mapp_401_cont .slide_mapp_401>li {margin:5px;}
	.fullsize_cont .maps_cont.sec6 .price_app_c {position:relative; margin-top:40px;}
	.fullsize_cont .maps_cont.sec6 .price_app_c>ul {margin:auto;}
}
@media (min-width:0) and (max-width:960px) {
	.fullsize_cont .mapp_401_cont {height:auto; padding:40px 20px 20px;}
	.fullsize_cont .mapp_401_cont .bx-wrapper .bx-pager {top:-246px;}
	.fullsize_cont .bx-wrapper .bx-controls-direction a {display:none;}
	.fullsize_cont .service_list table col:first-child {width:20%;}
	.fullsize_cont .mapp_501_cont.devide2>li {width:50%;}
	.fullsize_cont .app_graph_area {display:none;}
	.fullsize_cont .app_graph_area2 {display:block;}
	.fullsize_cont .maps_cont.sec4 {min-height:auto;}
	.fullsize_cont .maps_cont.sec6 .price_app_c>ul {width:auto; margin:auto;}
}
@media (min-width:0) and (max-width:640px) {
	#fullsize .sub_title, .mapp_401_cont .title, .mapp_402_cont .title {font-size:30px;}
	#fullsize .sub_title.v2 {font-weight:400;}
	.fullsize_cont .txt_builds_101 {font-size:24px; font-weight:400;}
	.fullsize_cont .txt_builds_101 br {display:none;}
	.fullsize_cont .map_txt h3.han {font-size:32px;}
	.fullsize_cont .map_txt p.eng {font-size:36px;}
	.fullsize_cont .mapp_cont .map_txt .mobile img,
	.fullsize_cont .maps_cont .map_txt .mobile img {width:100%;}
	.fullsize_cont .list_3dv>li {width:100%; text-align:center; overflow:hidden;}
	.fullsize_cont .service_list table col:first-child {width:30%;}
	.fullsize_cont .mapp_401_cont .bx-wrapper {margin-bottom:20px;}
	.fullsize_cont .mapp_501_cont.devide2>li {width:100%; border-left:0;}
	.fullsize_cont .mapp_501_cont.devide2>li .title {padding-top:50px;}
	.fullsize_cont .mapp_501_cont.devide2>li:first-child .title {padding-top:0;}
	.fullsize_cont .maps_cont {min-height:auto;}
	.fullsize_cont .app_graph_area2 img {width:100%;}
	.fullsize_cont .upgrade_wrap .pcs_step > .pcs_box,
	.fullsize_cont .upgrade_wrap .pcs_step > .pcs_box:first-child {width:100%; margin:0;}
	.fullsize_cont .upgrade_wrap .pcs_step ul {margin:5px auto;}
}
@media (min-width:0) and (max-width:375px) {
	.fullsize_cont .mapp_401 {width:100%; height:300px; background-size:cover;}
	.fullsize_cont .mapp_401_cont .bx-wrapper .bx-pager {top:-235px;}
	.fullsize_cont .mapp_401_cont .title br,
	.fullsize_cont .map_txt .addt br {display:none;}
}
/* 모바일앱 배너 */
.fullsize_cont .bnr_shop {position:relative; height:170px; background:#28425d url('/images/mobileapp/2018/bnr_shoppingmall_apps.jpg') no-repeat right center;}
.fullsize_cont .bnr_shop .bnr_txt {position:absolute; top:50px; left:50px;}
.fullsize_cont .bnr_shop .bnr_txt p {line-height:50px;}

@media (min-width:0) and (max-width:640px) {
	.fullsize_cont .bnr_shop {height:150px; background-position:0 center; background-size:cover;}
	.fullsize_cont .bnr_shop .bnr_txt {top:40px; left:0; width:100%; text-align:center;}
}
@media (min-width:0) and (max-width:460px) {
	.fullsize_cont .bnr_shop .bnr_txt img {width:80%;}
}


/*-----------------------------------------------------------------*/
/* 이벤트
/*-----------------------------------------------------------------*/

/* 이벤트 레이아웃 */
#event_header { border-bottom:1px #eaeaea solid; }
#event_header .wrap_func { height:60px; font-size:14px; }
#event_header h1 { float:left; padding-top:20px; }
#event_header h1 a.sub { display:inline-block; vertical-align:top; margin-left:8px; font-size:20px; line-height:1.1; color:#333; text-decoration:none; }
#event_header .menu_top { float:right; padding-top:20px; color:#555; font-weight:600; }
#event_header .menu_top>li { float:left; padding:0 10px; line-height:1.0;}
#event_header .menu_top a { font-size:15px; color:#555; text-decoration:none;}
#event_header .menu_top a:hover,
#event_header .menu_top a:focus { color:#097ac9; }
#event_header .menu_top>li.login { position:relative; width:auto; margin-left:10px; padding-left:10px; }
#event_header .menu_top>li.login:before {display:block; content:''; position:absolute; top:5px; left:0; width:1px; height:15px; background:#e5e5e5;}
#event_header .menu_top>li.login>a { display:inline-block; padding-left:10px; }
#event_header .menu_top>li.login>span {color:#1d7abd}
#event_header .hamburger {top:10px; right:-10px;}
#event_footer { border-top:1px #bbb solid; padding:20px 0; text-align:center; color:#767676; letter-spacing:0; }
@media (min-width:0) and (max-width:1024px) {
	#event_header .menu_top {display:none;}
}
@media (min-width:0) and (max-width:640px) {
	#event_header h1 img {width:110px;}
}

/* 이벤트 배너 */
.evt_banner {background:#e9f2f9; overflow:hidden;}
.evt_banner.v2 {background:#ecf1f5;}
.evt_banner .w_container {height:170px;}
.evt_banner.v2 .w_container {background-position:right top !important;}
.evt_banner .w_container > a {display:block; height:100%;}
.evt_banner .w_container > a img {max-width:100%;}
.evt_banner .w_container > a .txt_group {display:none; padding-top:40px; padding-left:20px; text-shadow:1px 0 2px #fff;}
.evt_banner .w_container .txt_group .stxt {position:relative; font-size:20px; font-weight:400;}
.evt_banner .w_container .txt_group .stxt:after {display:none; content:''; position:absolute; top:50px; left:185px; width:200px; height:1px; background:#333;}
.evt_banner.v2 .w_container .txt_group .stxt {color:#3e9dc9;}
.evt_banner .w_container .txt_group .stit {font-size:30px; font-weight:400; letter-spacing:-2px; line-height:1.4;}
.evt_banner .w_container .txt_group.v2 .stit {font-weight:400;}
@media (min-width:0) and (max-width:960px) {
	.evt_banner .w_container {margin:0 auto;}
}
@media (min-width:0) and (max-width:640px) {
	.evt_banner .w_container {height:150px; background-position:100px 0 !important; background-size:cover; text-align:center;}
	.evt_banner.v2 .w_container {background-position:center top !important;}
	.evt_banner .w_container > a {background:rgba(255,255,255,0.3)}
	.evt_banner .w_container > a img {display:none;}
	.evt_banner .w_container > a .txt_group {display:inline-block; margin-top:35px; border-radius:10px; background:rgba(255,255,255,0.7); padding:10px 20px;}
	.evt_banner .w_container .txt_group .stxt:after {display:none;}
}

#ajax_loading {height: 100%;left: 0px;position: fixed;_position:absolute;top: 0px;width: 100%;filter:alpha(opacity=50);-moz-opacity:0.5;opacity : 0.5;}
.ajax-loading {background-color: white;z-index: 199;}
#ajax_loading_img {position:absolute;top:50%;left:50%;height:100px;margin-top:-50px;margin-left:-50px;z-index: 200;}


/*-----------------------------------------------------------------*/
/* 오프라인 창업
/*-----------------------------------------------------------------*/

/* section_offline */
.section_offline {border-top:1px solid #efefef; padding:80px 0 90px; text-align:center;}
.section_offline h3 {margin-bottom:30px; font-size:40px; font-weight:400; color:#333; letter-spacing:-2px; line-height:1.2;}
.section_offline p {font-size:24px; font-weight:400; color:#333; line-height:1.4;}
.section_offline img {max-width:100%;}
.section_offline .sec_bnr {margin:60px auto 0;}
.section_offline .sec_bnr > img {max-width:100%;}

.section_offline.sec02 {position:relative; background:url('/images/introduce/2019/img_offline02.png') no-repeat center; background-size:cover;}
.section_offline.sec02 h3 {position:relative; color:#fff; z-index:2;}
.section_offline.sec02 .sec_off {position:absolute; top:0; left:0; width:50%; height:100%; background:rgba(0,0,0,0.5); opacity:0; z-index:1;}
.section_offline.sec02 .sec_on {position:absolute; top:0; right:0; width:50%; height:100%; background:rgba(0,0,0,0.5); opacity:0; z-index:1;}
.section_offline.sec02 .sec_off:hover,
.section_offline.sec02 .sec_on:hover {opacity:1;}

.section_offline.sec02 .sec_bnr {position:relative; width:556px; height:556px; margin:60px auto 0; z-index:2;}
.section_offline.sec02 .sec_img > p.text {display:none;}
.section_offline.sec02 #vortex {width:100%; height:100%;}
.section_offline.sec02 #vortex .bnr {position:absolute; width:104px; height:104px;}
/*.section_offline.sec02 .bnr.x01 {top:30px; left:40px;}
.section_offline.sec02 .bnr.x02 {top:30px; right:40px;}
.section_offline.sec02 .bnr.x03 {top:50%; right:-52px; margin-top:-52px;}
.section_offline.sec02 .bnr.x04 {bottom:30px; right:40px;}
.section_offline.sec02 .bnr.x05 {bottom:30px; left:40px;}
.section_offline.sec02 .bnr.x06 {top:50%; left:-52px; margin-top:-52px;}*/

.section_offline.sec03 {background:#ebeef5;}
.section_offline.sec03 .sec_bnr {position:relative; width:653px; height:653px; margin:60px auto 0;}
.section_offline.sec03 .sec_img > p.text {display:none;}
.section_offline.sec03 .bnr {position:absolute; width:250px; height:250px; border-radius:50%; background:#fff; padding-top:40px;}
.section_offline.sec03 .bnr p {font-size:18px; font-weight:400;}
.section_offline.sec03 .bnr.x01 {top:30px; left:-80px;}
.section_offline.sec03 .bnr.x02 {top:30px; right:-80px;}
.section_offline.sec03 .bnr.x03 {bottom:30px; right:-80px;}
.section_offline.sec03 .bnr.x04 {bottom:30px; left:-80px;}

.section_offline.sec04 {background:#c9ddeb; padding-bottom:40px;}
.section_offline.sec04 .sec_tab {width:900px; margin:60px auto 40px;}
.section_offline.sec04 .sec_tab li {float:left; width:50%;}
.section_offline.sec04 .sec_tab li.tab_l {padding-right:10px;}
.section_offline.sec04 .sec_tab li.tab_r {padding-left:10px;}
.section_offline.sec04 .sec_tab li > div {margin-bottom:20px; border-radius:10px; background:#fff; padding:60px 0;}
.section_offline.sec04 .sec_tab li h4 {font-size:36px;}
.section_offline.sec04 .sec_tab li img {padding:20px 0 30px;}
.section_offline.sec04 .sec_tab li p {font-size:24px; font-weight:400; color:#497d99;}
.section_offline.sec04 .sec_tab .btn_black {min-width:100%; height:80px; line-height:77px; background:#2c353c; font-size:24px; font-weight:400;}
.section_offline.sec04 .sec_tab .btn_black:hover {border-color:#a7bccb; background:#fff; color:#607381;}
.section_offline.sec04 .text01 {font-size:18px; color:#607381;}

.section_offline.sec05 {background:#f4f4f4;}
.section_offline.sec05 .sec_tab {width:900px; margin:60px auto 0; box-shadow:0 0 50px #ddd; background:#fff;}
.section_offline.sec05 .sec_tab li {}
.section_offline.sec05 .sec_tab .tab > li {position:relative; float:left; width:50%; background:#2d2c32; height:80px; line-height:77px; padding:0 50px; text-align:left; font-size:22px; font-weight:100; color:#fff; cursor:pointer;}
.section_offline.sec05 .sec_tab .tab > li:after {display:black; content:''; position:absolute; top:50%; right:50px; margin-top:-6px; width:17px; height:12px; background:url('/images/introduce/2019/img_offline05_1.png') no-repeat;}
.section_offline.sec05 .sec_tab .tab > li.active {background:#fff; font-weight:400; color:#333;}
.section_offline.sec05 .sec_tab .tab > li.active:after {background:url('/images/introduce/2019/img_offline05_2.png') no-repeat;}
.section_offline.sec05 .sec_tab .tabCont {padding:60px 50px;}
.section_offline.sec05 .sec_tab .tabCont p {margin-bottom:50px; font-size:16px; color:#838383;}
.section_offline.sec05 .sec_tab .tabCont .cont {padding:50px 0;}
.section_offline.sec05 .sec_tab .tabCont .cont > li {text-align:left; font-size:40px; font-weight:400; line-height:1.2;}
.section_offline.sec05 .sec_tab .tabCont .cont > li > img {margin-top:15px;}
.section_offline.sec05 .sec_tab .tabCont .cont_txt {padding:50px;}
.section_offline.sec05 .sec_tab .tabCont .cont_txt > li {position:relative; padding-left:20px; text-align:left; font-size:24px; font-weight:400; line-height:1.6;}
.section_offline.sec05 .sec_tab .tabCont .cont_txt > li:before {display:black; content:'ㆍ'; position:absolute; top:-14px; left:-10px; font-size:40px; color:#ed1c24;}
.section_offline.sec05 .sec_tab .tabCont .cont_txt > li > img {margin-top:15px;}
.section_offline.sec05 .sec_tab .btn_black {min-width:330px; height:60px; line-height:57px;}

.section_offline.sec06 ul {margin:60px -20px -20px;}
.section_offline.sec06 ul > li {float:left; width:25%; transition:all 0.5s ease 0.1s;}
.section_offline.sec06 ul > li:nth-child(odd) {padding-top:40px;}
.section_offline.sec06 ul > li:hover {transform:translateY(-30px);}

.section_offline.sec07 {background:url('/images/introduce/2019/img_offline07.png') no-repeat center; background-size:cover;}
.section_offline.sec07 h3 {font-size:50px; font-weight:100; color:#fff;}
.section_offline.sec07 .text01 {font-size:20px; font-weight:100; color:#fff;}
.section_offline.sec07 .text02 {font-size:27px; font-weight:600; color:#fff; letter-spacing:2px;}
.section_offline.sec07 .text02 img {vertical-align:baseline;}
.section_offline.sec07 .btn_white {height:auto; margin-top:40px; border-color:#fff; background:transparent; padding:5px 0; text-align:center; font-size:18px; font-weight:400; color:#fff;}
.section_offline.sec07 .btn_white:hover {border-color:transparent; background:#fff; color:#333;}

@media (min-width:0) and (max-width:1024px) {
	.section_offline h3 {font-size:30px !important;}
	.section_offline p {font-size:18px;}
	.section_offline.sec05 .sec_tab .tabCont .cont_txt {padding:30px 0px;}
	.section_offline.sec06 ul > li {width:50%;}
	.section_offline.sec06 ul > li:nth-child(odd) {padding-top:0;}
}
@media (min-width:0) and (max-width:900px) {
	.section_offline.sec04 .sec_tab {width:100%;}
	.section_offline.sec05 .sec_tab {width:100%;}
	.section_offline.sec05 .sec_tab .tab > li {white-space:nowrap;}
}
@media (min-width:0) and (max-width:800px) {
	.section_offline.sec05 .sec_tab .tabCont .cont > li {width:100%; font-size:30px;}
	.section_offline.sec05 .sec_tab .tabCont .cont > li br {display:none;}
}
@media (min-width:0) and (max-width:640px) {
	.section_offline.sec02 .sec_bnr {width:100%; height:100%;}
	.section_offline.sec02 .sec_img > img {display:none;}
	.section_offline.sec02 .sec_img > p.text {display:block; margin:-30px auto 60px; font-size:24px; color:#fff;}
	.section_offline.sec02 .bnr {position:relative !important; display:inline-block; margin:20px;}
	.section_offline.sec02 .bnr.x01,
	.section_offline.sec02 .bnr.x02,
	.section_offline.sec02 .bnr.x03,
	.section_offline.sec02 .bnr.x04,
	.section_offline.sec02 .bnr.x05,
	.section_offline.sec02 .bnr.x06 {top:auto !important; left:auto !important; bottom:auto !important; right:auto !important;}
	.section_offline.sec03 .sec_bnr {width:100%; height:100%;}
	.section_offline.sec03 .sec_img > img {display:none;}
	.section_offline.sec03 .sec_img > p.text {display:block; margin:-30px auto 60px; font-size:24px;}
	.section_offline.sec03 .bnr {position:relative; margin:20px auto;}
	.section_offline.sec03 .bnr.x01,
	.section_offline.sec03 .bnr.x02,
	.section_offline.sec03 .bnr.x03,
	.section_offline.sec03 .bnr.x04 {top:auto; left:auto; bottom:auto; right:auto;}
}
@media (min-width:0) and (max-width:500px) {
	.section_offline.sec04 .sec_tab li {width:100%;}
	.section_offline.sec04 .sec_tab li.tab_l {padding-right:0;}
	.section_offline.sec04 .sec_tab li.tab_r {padding-left:0; padding-top:30px;}
}
@media (min-width:0) and (max-width:480px) {
	.section_offline h3 br {display:none;}	
	.section_offline.sec04 .sec_tab li h4 {font-size:24px;}
	.section_offline.sec04 .sec_tab li p {font-size:18px;}
	.section_offline.sec04 p br {display:none;}
	.section_offline.sec05 .sec_tab .tab > li {padding-left:20px;}
	.section_offline.sec05 .sec_tab .tab > li:after {display:none;}
	.section_offline.sec05 .sec_tab .tabCont {padding:40px 30px 30px;}
	.section_offline.sec05 .sec_tab .tabCont img {max-width:80%;}
	.section_offline.sec05 .sec_tab .tabCont .cont_txt > li {font-size:20px;}
	.section_offline.sec05 .sec_tab .btn_black {min-width:100%;}
}


/*-----------------------------------------------------------------*/
/* 구축센터 (2021)
/*-----------------------------------------------------------------*/

/* 초기세팅 */
.ui-dialog-content.settingGuide {padding:0 !important;}
.setting_design {margin-left:-1px;}
.setting_design li {float:left; width:25%; border-left:1px solid #c2c2c2; text-align:center;}
.setting_design li .txt {border-top:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2; background:#ebebeb; padding:10px 0; line-height:1.2;}
@media (min-width:0) and (max-width:768px) {
	.setting_design li {width:50%;}
}
@media (min-width:0) and (max-width:375px) {
	.setting_design li {width:100%; border-left:none;}
}

/* 유지보수 (2021) */
.section_build.bg {background:#fff;}
.section_build.repair .product_tab > li {width:auto;}
.section_build.repair .repair_price {margin-left:-20px;}
.section_build.repair .repair_price > li {padding-left:20px;}
.section_build.repair .repair_price.x2 > li {width:50%;}
.section_build.repair .repair_price.x3 > li {width:33.33%;}
.section_build.repair .repair_price.x4 > li {width:25%;}
.repair_box { position:relative; width:100%; box-sizing:border-box; overflow:hidden; border-radius:10px; border:1px solid #3090d6; background:#fff; padding:20px 20px 30px; transition:all ease 0.5s;}
.repair_box:hover {box-shadow:0 5px 15px #c9def0; transform:translateY(-10px);}
.repair_box h4 {margin-top:10px; font-size:26px; font-weight:500; color:#008cdf;}
.repair_box .price {margin:5px 0 15px; font-size:16px; white-space:nowrap;}
.repair_box .price span {font-size:32px; letter-spacing:-0.5px;}
.repair_box .price span.s {font-size:31px;}
.repair_box .price span em {font-size:20px; color:#888;}
.repair_box .price > em {font-size:26px;}
.repair_box .price > em > s {color:#9CA0A7;}
.repair_box a.btn_blue {min-width:120px; height:40px; line-height:36px;}
.repair_box .event {display:inline-block; margin-top:10px; border:1px solid #f66b05; padding:0 10px 2px; font-size:14px; color:#f66b05; line-height:20px;}
.repair_box .add {font-style:italic; font-size:inherit; color:#3399ff;}
.repair_box .info {display:inline-block; vertical-align:middle; width:16px; height:16px; margin:0 0 3px 5px; background:url('/images/common/icon_list.png') no-repeat 0 -150px; text-indent:-9999px; cursor:pointer;}
.repair_box > dl {margin-top:30px;border-top:1px dotted #D6D6D6; padding-top:10px; text-align:left; line-height:1.6; letter-spacing:-0.5px;}
.repair_box > dl > dt {padding-top:10px; font-size:14px; color:#999;}
.repair_box > dl > dd {font-size:16px; color:#333; /*white-space:nowrap;*/}
.repair_box > dl > dd s {font-weight:inherit; color:#888;}
.repair_box > dl > dd em {float:right;}
.repair_box > dl.brick > dt {display:inline-block; font-size:16px;}
.repair_box > dl.brick > dd {padding-left:80px; /*white-space:nowrap;*/}
.repair_box > dl.brick > dt + dd {margin-top:-26px;}
.repair_box > dl.brick > dt + dd.img {margin-top:-30px;}
.repair_box > ul {margin-top:30px; text-align:left; line-height:1.6;}
.repair_box > ul > li {position:relative; float:none; width:100% !important; padding:0 0 0 10px !important; font-size:16px; color:#333;}
.repair_box > ul > li:before {display:block; content:''; position:absolute; top:13px; left:0; width:2px; height:2px; background:url('/images/common/icon_list.png') no-repeat 0 -109px;}
.repair_box > dl + ul {position:absolute; bottom:30px; left:20px; right:20px; margin-top:20px; margin-left:0 !important; border-top:1px dotted #c0c0c0; padding-top:15px;}
.repair_box > dl + dl {margin-top:10px;}
.repair_box .e_icon {position:absolute; top:-11px; right:8px;}
.repair_box .e_bnr {margin-top:22px;}
.repair_box .flex_center {display: flex;justify-content: space-evenly;}
.repair_box .flex_a_center {display: flex;align-items: center;}
.align_box{display:flex !important;flex-wrap:wrap;align-items:stretch;}
.align_box > div{display:inline-flex;height:auto;}
.align_box .repair_box{height:100%;}
ul.repair_desc {margin-bottom:30px; text-align:left;}
ul.repair_desc li {float:none !important; position:relative; padding-left:10px; text-align:left; font-size:17px; color:#333; line-height:1.6;}
ul.repair_desc li::before {display:block; content:''; position:absolute; top:12px; left:0; width:4px; height:4px; background:url('/images/common/icon_list.png') no-repeat 0 -350px;}
.repair_desc dt {margin:30px 0 5px; text-align:left; font-size:17px; color:#333;}
.repair_desc dd {position:relative; padding-left:10px; text-align:left; font-size:16px; color:#555; line-height:1.6;}
.repair_desc dd:before {display:block; content:''; position:absolute; top:12px; left:0; width:2px; height:2px; background:url('/images/common/icon_list.png') no-repeat 0 -109px;}
.repair_btns {margin-top:50px;}
.repair_btns .desc {padding-top:20px; font-size:16px; color:#555;}
.warning_guide {padding-top:30px;}
.warning_guide li {padding:10px 0 0 20px; text-indent:-20px; text-align:left; font-size:17px; color:#333;}
@media (min-width:0) and (max-width:1024px) {
	.section_build.repair .repair_price {margin-top:-20px;}
	.section_build.repair .repair_price > li,
	.section_build.repair .repair_price.x2 > li,
	.section_build.repair .repair_price.x3 > li,
	.section_build.repair .repair_price.x4 > li {padding-top:20px;}
}
@media (min-width:0) and (max-width:640px) {
	.section_build.repair .repair_price > li {width:100% !important;}
	.repair_box {/*height:auto !important;*/}
}
@media (min-width:0) and (max-width:480px) {
	.repair_box > dl.brick > dd {/*white-space:normal;*/}
}
@media (min-width:0) and (max-width:375px) {
	.repair_box > dl.brick > dt + dd {margin-top:0 !important;}
	.repair_box > dl.brick > dd {padding-left:0 !important;}
}

/* g클라우드 storage 비용 안내 */
.c_storage_desc {text-align: left;margin-bottom: 10px;}
.c_storage_desc > span {display:inline-block;width: 35px;height: 17px;margin: -1px 15px 0 3px;border-radius:4px;background: #fff;vertical-align:middle;font-size:10px;color: #FF7C33;line-height: 17px;font-weight: 700;text-align: center;}
.c_storage_table {width: 100%; border: 1px solid #ccc;background: #fff;border-spacing: initial;}
.c_storage_table > tbody > tr > td {font-size: 14px;}
.c_storage_table > tbody > tr > td:first-child {color: #008cdf; padding: 2%;}
.c_storage_table > tbody > tr:last-child > td {border-top: 1px solid #ccc;}

#new_badge {display:inline-block;width: 35px;height: 17px;margin: -1px 15px 0 3px;border-radius:4px;background: #fff;vertical-align:middle;font-size:10px;color: #FF7C33;line-height: 17px;font-weight: 700;text-align: center;}

/* 유지보수 슬라이드 */
.section_build.repair .swiper-container {padding-top:10px;}
.section_build.repair .swiper-container .swiper-button-prev,
.section_build.repair .swiper-container .swiper-button-next,
.section_build.repair .swiper-container .swiper-pagination {display:none;}
@media (min-width:0) and (max-width:1024px) {
	.section_build.repair .swiper-container {margin:0 20px;}
	.section_build.repair .swiper-container .swiper-button-prev {display:block; left:0; width:25px; background-position:10px; opacity:1;}
	.section_build.repair .swiper-container .swiper-button-next {display:block; right:0; width:25px; background-position:10px; opacity:1;}
	.section_build.repair .swiper-container .swiper-button-prev.swiper-button-disabled,
	.section_build.repair .swiper-container .swiper-button-next.swiper-button-disabled {opacity:0.1;}
	.section_build.repair .swiper-container .swiper-button-prev:hover,
	.section_build.repair .swiper-container .swiper-button-prev:focus,
	.section_build.repair .swiper-container .swiper-button-next:hover,
	.section_build.repair .swiper-container .swiper-button-next:focus {outline:1px dashed #666;}
	.section_build.repair .swiper-container .swiper-pagination {display:block; bottom:-30px;}
	.section_build.repair .swiper-container .swiper-wrapper .swiper-slide {display:flex; align-items:center; justify-content:center;}
	.repair_box:hover {transform:translateY(0);}
	.repair_box dl, .repair_box ul {padding-left:15px; padding-right:15px;}
}
@media (min-width:0) and (max-width:500px) {
	.repair_box dl, .repair_box ul {padding-left:0px; padding-right:0px;}
}

/* 유지보수 사양/가격표 */
.repair .swiper-wrapper.x5 .swiper-slide {width:20%;}
.repair .swiper-wrapper.x4 .swiper-slide {width:25%;}
.repair .swiper-wrapper.x3 .swiper-slide {width:33.33%;}
.repair .swiper-wrapper.x2 .swiper-slide {width:50%;}
.repair .swiper-wrapper {margin-left:-20px; width:auto;}
.repair .swiper-slide {float:left; padding-left:20px; box-sizing:border-box;}
@media (min-width:0) and (max-width:1024px) {
	.repair .swiper-wrapper {display:block;}
	.repair .subCont .swiper-slide {width:50% !important;}
	.repair .subCont.subBox6 .swiper-slide {width:100% !important;}
	.repair .swiper-slide:nth-child(3),
	.repair .swiper-slide:nth-child(4) {padding-top:20px;}
}
@media (min-width:0) and (max-width:640px) {
	.repair .subCont .swiper-slide {width:100% !important;}
	.repair .swiper-slide:nth-child(2) {padding-top:20px;}
}

/* DB초기화 유의사항*/
.dbpatch_guide {display:block; margin-bottom:10px;}
.dbpatch_cont {display:none; border:1px solid #e0e0e0; background:#fff; padding:30px;}
.dbpatch_cont table > tbody > tr > td h5 {display:none;}
@media (min-width:0) and (max-width:640px) {
	.dbpatch_cont {padding:20px;}
	.dbpatch_cont table > thead > tr > th:first-child,
	.dbpatch_cont table > tbody > tr > th:first-child {display:none;}
	.dbpatch_cont table > thead > tr > th:first-child + th,
	.dbpatch_cont table > tbody > tr > th:first-child + td {border-left:0;}
	.dbpatch_cont table > thead > tr > th {width:50%;}
	.dbpatch_cont table > tbody > tr > td h5 {display:block; font-size:14px;}
}

/*-----------------------------------------------------------------*/
/* 모바일앱 (2020)
/*-----------------------------------------------------------------*/

/* 쇼핑몰앱 */
.section_shop {background:#f8f9fa; padding:80px 0 60px; text-align:center; color:#333; line-height:1.4;}
.section_shop h3 {font-size:50px; letter-spacing:-3px; line-height:1.2;}
.section_shop h4 {padding:20px 0 10px; font-size:30px; letter-spacing:-2px;}
.section_shop p {padding-bottom:20px; font-size:24px; font-weight:400; letter-spacing:-1px;}
.shop_slide {position:relative; margin:0 auto;}
.shop_slide:before {display:block; content:''; position:absolute; top:50%; left:50%; margin:-317px 0 0 -180px; width:360px; height:635px; background:url('/images/mobileapp/2020/img_shop_slide00.png') center no-repeat; z-index:1;}
.shop_slide .skin {position:relative; margin:auto; width:792px; height:635px;}
.shop_slide .skin .slick-slide {outline:0;}
.shop_slide .skin .slick-slide a {position:relative; outline:0;}
.shop_slide .skin .slick-slide a:after {display:inline-block; content:'스킨보기'; position:absolute; top:330px; left:50%; margin:0 0 0 -58px; border-radius:50px; border:1px solid #333; background:rgba(255,255,255,0.5); padding:8px 30px 10px; font-size:16px; color:#333; transition:all 0.5s ease;}
.shop_slide .skin .slick-slide a:hover:after {border-color:transparent; background:#333; color:#fff;}
.shop_slide .skin .slick-slide img {display:inline-block; margin-top:99px;}
.shop_slide .slick-arrow {width:38px; height:73px; background:url('/images/mobileapp/2020/ico_slick_arrow.png') center no-repeat; opacity:0.3; z-index:1;}
.shop_slide .slick-arrow:hover {opacity:1;}
.shop_slide .slick-prev {margin-top:0; left:50%; margin-left:-580px;}
.shop_slide .slick-next {margin-top:-36px; right:50%; margin-right:-580px; transform:rotate(180deg);}
.shop_slide .slick-dots {bottom:50px; z-index:1;}
.shop_slide .slick-dots li {margin:0;}
.shop_slide .slick-dots li button:before {font-size:30px;}
@media (min-width:0) and (max-width:1024px) {
	.section_shop h3 {font-size:40px;}
	.section_shop h4 {font-size:24px;}
	.section_shop p {font-size:20px;}
}
@media (min-width:0) and (max-width:792px) {
	.shop_slide .skin {width:100%;}
}
@media (min-width:0) and (max-width:640px) {
	.section_shop p br {display:none;}
}
@media (min-width:0) and (max-width:375px) {
	.section_shop h3 {font-size:30px;}
}

.section_shop2 {border-top:1px solid #efefef; padding:80px 0; text-align:center; color:#333; line-height:1.4;}
.section_shop2 h3 {margin-bottom:60px; font-size:40px; font-weight: 600; letter-spacing:-3px; line-height:1.2;}
.section_shop2 ul {width:700px; margin:auto;}
.section_shop2 li {clear:both; content:''; text-align:left;}
.section_shop2 li + li {padding-top:50px;}
.section_shop2 .icon {float:left;}
.section_shop2 h4 {padding:0 0 10px 140px; font-size:26px; letter-spacing:-1px;}
.section_shop2 p {padding-left:140px; font-size:18px; color:#666;}
@media (min-width:0) and (max-width:1024px) {
	.section_shop2 h3 {font-size:34px;}
	.section_shop2 h4 {font-size:22px;}
	.section_shop2 p {font-size:16px;}
}
@media (min-width:0) and (max-width:700px) {
	.section_shop2 ul {width:100%;}
	.section_shop2 h4, .section_shop2 p {padding-left:120px;}
	.section_shop2 p br {display:none;}
}
@media (min-width:0) and (max-width:375px) {
	.section_shop2 h3 {margin-bottom:30px; font-size:26px;}
}

.app_price {margin-bottom:50px;}
.app_price dl {float:left; width:49%; border:1px solid #d0d0d0;}
.app_price dl + dl {float:right;}
.app_price dt {float:left; width:50%; height:100px; border-right:1px solid #d0d0d0; padding:30px 0; text-align:center;}
.app_price dd {float:left; width:50%; height:100px; text-align:center; font-size:26px; font-weight:500;}
.app_price dl.google dd {padding-top:23px;}
.app_price dl.google dd p {font-size:14px;}
.app_price dl.apple dd {padding-top:23px;}
.app_price dl.apple dd p {font-size:14px;}
@media (min-width:0) and (max-width:640px) {
	.app_price dl {float:none; width:100%;}
	.app_price dl + dl {margin-top:10px;}
}
@media (min-width:0) and (max-width:375px) {
	.app_price dt img {max-width:80%; margin-top:5px;}
}

.service_list .Fix th, .service_list .Fix td {/*position:relative;*/}
.service_list .Fix .info {display:inline-block; vertical-align:middle; width:19px; height:19px; margin-bottom:4px; background:url('/images/mobileapp/2020/img_shop_info.png') center no-repeat;}
.service_list .Fix .info_txt {display:none; position:absolute; left:0; box-shadow:0 0 5px #ccc; border-radius:5px; border:1px solid #a0a0a0; background:#fff; padding:10px; text-align:left; font-size:14px; color:#666; z-index:1;}
.service_list .Fix .info_txt p {padding-left:10px; text-indent:-10px;}
@media (min-width:0) and (max-width:380px) {
	.section_process .link_wrap,
	.section_warning .link_wrap {display:block; margin:5px -5px 0 -5px;}
}


/*-----------------------------------------------------------------*/
/* 시스템 (2021)
/*-----------------------------------------------------------------*/

/* g클라우드 전용 */
.gtxt {font-family:'Helvetica Neue', sans-serif;}
.section_product .product_tab li,
.section_product .product_tab li > a {line-height:1.4;}
.section_product .product_tab + p {margin-bottom:20px; text-align:left; font-size:17px; color:#333; line-height:1.6;}
.section_product .product_list {margin-bottom:20px;}
.section_product .product_list li {position:relative; padding-left:10px; text-align:left; font-size:17px; color:#333; line-height:1.6;}
.section_product .product_list li:before {display:block; content:''; position:absolute; top:13px; left:0; width:2px; height:2px; background:url('/images/common/icon_list.png') no-repeat 0 -109px;}
.section_product .table_mobile > li dt {height:190px;}
.section_product .table_mobile > li dt h4 > p {display:block;}
.section_product .btns {margin-top:50px;}
.section_product .btns .desc {padding-top:20px; font-size:16px; color:#7e7e7e;}
.section_introduce h3 + p {margin:30px 0; font-size:18px;}
.section_introduce .cloud {width:85%; margin:0 auto 50px;}
.section_introduce .cloud > li {width:50%;}
.section_introduce .cloud > li img {max-width:100%;}
.section_compare.cloud p {margin-bottom:50px;}
.section_compare.cloud p .btns {display:block; padding-top:30px;}
@media (min-width:0) and (max-width:1024px) {
	.section_product .table_mobile > li dt {height:auto;}
	.section_introduce .cloud,
	.section_introduce .cloud li {width:100% !important;}
}

/* AWS클라우드 */
.table_mobile.aws > li {width:26.66%;}
.table_mobile.aws > li:first-child {width:20%;}
.table_mobile.aws > li dd {padding-left:10px; padding-right:10px; word-wrap:break-word;}
.table_mobile.aws > li dd.hx {height:120px; display:flex; align-items:center; justify-content:center;}
.section_product .warning li a.link {position:inherit; margin:0 5px; border-bottom:1px solid #3399ff; background:none; padding:0; font-size:inherit;  font-weight:500; color:#3399ff; text-decoration:none;}
.section_introduce ul.aws {margin-left:-20px;}
.section_introduce ul.aws > li {padding-left:20px;}
.section_introduce ul.aws > li > div {border-radius:10px; background:#fafafa; padding:50px 10px;}
.section_introduce ul.aws > li h4 {margin-top:20px; font-size:24px;}
.section_introduce ul.aws > li p {height:110px;}
@media (min-width: 0) and (max-width: 1024px) {
	.table_mobile.aws > li {width:50%;}
	.table_mobile.aws > li.prem {width:100%;}
	.table_mobile.aws > li dd.hx {height:auto; display:block;}
}
@media (min-width: 0) and (max-width: 916px) {
	.section_introduce ul.aws > li p {height:130px;}
	.section_introduce ul.aws > li p br {display:none;}
}
@media (min-width: 0) and (max-width: 768px) {
	.process_guide li .white {display:none;}
}
@media (min-width: 0) and (max-width: 640px) {
	.section_introduce ul.aws > li p {height:100px;}
}
@media (min-width: 0) and (max-width: 500px) {
	.section_introduce ul.aws > li {width:100% !important;}
	.section_introduce ul.aws > li > div {padding:50px;}
	.section_introduce ul.aws > li p {height:auto; min-height:inherit;}
}

/* 팝업 - 클라우드 호스팅 */
.section_view .table_mobile {width:100%; border-collapse:collapse; border-bottom:1px solid #999;}
.section_view .table_mobile > li,
.section_view .table_mobile > li:first-child {width:16.6666%;}
.section_view .table_mobile > li dt {height:auto; border-bottom:1px solid #999; border-left:1px solid #e4e4e4; background:#fff; padding:30px 10px; text-align:center; font-size:17px; font-weight:400; color:#333; line-height:1.6;}
.section_view .table_mobile > li dt + dd {border-top:none !important;}
.section_view .table_mobile > li dd {border-top:1px solid #e4e4e4; border-left:1px solid #e4e4e4;padding:15px 20px; text-align:center; font-size:16px; color:#333; line-height:1.6;}
.section_view .table_mobile > li dd h5 {display:none;}
.section_view .table_mobile > li dd h6 {font-size:18px;}
.section_view .table_mobile > li dd p {font-weight:inherit;}
.section_view .table_mobile > li:first-child dt, .section_view .table_mobile > li:first-child dd {border-left:none;}
.section_view .table_mobile > li:first-child dd {background:#f9fafc; padding-left:30px; text-align:left; font-weight:400;}
.section_view .table_mobile.aws > li {width:26.6666%;}
.section_view .table_mobile.aws > li:first-child {width:20%;}
.section_view .table_mobile.aws > li dd.hx {height:120px; display:flex; align-items:center; justify-content:center;}
@media (min-width:0) and (max-width:1024px) {
	.section_view .table_mobile > li {width:50%;}
	.section_view .table_mobile > li:nth-child(6) {width:100%;}
	.section_view .table_mobile > li:first-child {display:none;}
	.section_view .table_mobile > li:nth-child(even) dt, .section_view .table_mobile > li:nth-child(even) dd {border-left:none;}
	.section_view .table_mobile > li:nth-child(4), .section_view .table_mobile > li:nth-child(5), .section_view .table_mobile > li:nth-child(6) {border-top:2px solid #6f6f6f;}
	.section_view .table_mobile > li dd h5 {display:block; font-size:18px;}
	.section_view .table_mobile.aws > li {width:50%;}
	.section_view .table_mobile.aws > li dd.hx {display:block; height:auto;}
	.section_view .table_mobile.aws > li:nth-child(4) {width:100%;}
}


/*-----------------------------------------------------------------*/
/* 모바일 간격 조정
/*-----------------------------------------------------------------*/

@media (min-width:0) and (max-width:1024px) {
	.main_exper h3,
	.main_product h3,
	.main_contact h3,
	.main_board .notice h3,
	.section_product h3,
	.section_introduce h3,
	.section_recommend h3,
	.section_function h3,
	.section_compare h3,
	.section_consult h3,
	.section_client h3,
	.section_process h3,
	.section_warning h3,
	.section_experience h3,
	.section_faq h3,
	.section_offline h3,
	.section_skin h3,
	.section_build h3,
	.section_upgrade h3,
	.section_shop h3,
	.section_shop2 h3,
	.customer_manual_v2 .tit {font-weight:400;}
}
@media (min-width:0) and (max-width:500px) {
	.main_exper h3,
	.main_product h3,
	.main_contact h3,
	.main_board .notice h3,
	.section_product h3,
	.section_introduce h3,
	.section_recommend h3,
	.section_function h3,
	.section_compare h3,
	.section_consult h3,
	.section_client h3,
	.section_process h3,
	.section_warning h3,
	.section_experience h3,
	.section_faq h3,
	.section_offline h3,
	.section_skin h3,
	.section_build h3,
	.section_upgrade h3,
	.fullsize_cont .sub_title,
	.customer_manual_v2 .tit {font-size:26px !important;}
}
@media (min-width:0) and (max-width:375px) {
	#subtop {padding:30px 0;}
	#subtop h2 {font-size:30px;}

	#subtop_customer {padding:40px 0;}
	#subtop_customer h2 {font-size:30px;}
	#subtop_customer a {top:15px; padding:5px 20px;}

	.main_exper,
	.main_product,
	.main_contact,
	.main_board,
	.section_product,
	.section_introduce,
	.section_recommend,
	.section_function,
	.section_compare,
	.section_consult,
	.section_client,
	.section_process,
	.section_warning,
	.section_experience,
	.section_faq,
	.section_offline,
	.section_skin,
	.section_build,
	.section_upgrade,
	.section_shop,
	.section_shop2,
	.fullsize_cont .inner,
	.myshop_top,
	#container.customer {padding:40px 0;}

	#sitemap {padding-top:40px;}
	#container.main {margin-bottom:0;}
	#container.myshop {padding-bottom:40px !important;}
	.myshop h3.first,
	.myshop .reg_form h3.first {padding-top:10px !important;}
	.myshop .reg_form h3 {padding-top:40px !important;}
	.myshop .sub_title {padding-top:50px;}

	.main_product h3 {margin-bottom:20px;}
	.main_product .link {margin-top:30px;}
	.main_exper ul {margin-top:10px;}
	.main_exper ul > li {padding-top:10px;}
	.main_product ul > li > div {height:auto; padding:20px 10px 30px;}
	/*.main_product ul > li > div.free {padding:20px 10px 30px;}*/
	.main_product h4 {font-size:26px;}
	.main_banner {padding:40px 0 20px;}
	.main_banner li {padding-bottom:30px;}
	.main_contact dl.phone {margin-bottom:30px;}

	.section_product .product_tab, .product_tab {margin-bottom:10px;}
	.section_product a.link.intro {top:-5px;}
	.section_product table > thead > tr > th {padding:20px 0;}
	.system .section_product table > thead > tr > th {padding:20px 0 15px;}
	.section_product table > tbody > tr > td {padding:10px 5px;}
	.section_product table h4 {font-size:20px; line-height:1.4;}
	.section_product table .price span {font-size:20px;}
	.table_mobile > li dt {padding:20px 0 15px; height:130px;}
	.table_mobile > li dd {padding:10px 0;}
	.dbservice .table_mobile > li dd.rowspan {height:150px; padding-top:50px;}
	.dbservice .table_mobile > li dd.rowspan.x2 {padding-top:35px;}
	.section_introduce ul {margin-top:20px; margin-bottom:0;}
	.section_introduce ul > li {padding-top:10px;}
	.section_introduce .cloud {margin-bottom:0 !important;}
	.buildservice .section_introduce.x2 h4.x2 {font-size:20px;}
	.section_function ul > li {padding:0 0 20px;}
	.section_process .process_step {margin-top:40px;}
	.section_warning h3 {margin-bottom:30px;}
	.section_experience p {font-size:22px;}
	.section_recommend ul > li > div {padding:30px;}
	.section_recommend h3 {margin-bottom:20px;}
	.section_recommend ul > li > div .tip {top:auto; bottom:0;}
	.service_tab, .agree_tab {margin-bottom:30px;}
	.section_compare p {margin-bottom:40px !important;}
	.section_consult p {font-size:20px;}
	.section_build h3 {margin-bottom:0;}
	.service_list {margin-bottom:0;}

	/* 오프라인창업 */
	.section_offline.sec02 .bnr {margin:10px;}
	.section_offline.sec02 .sec_img > p.text,
	.section_offline.sec03 .sec_img > p.text {margin-bottom:30px;}
	.section_offline .sec_bnr,
	.section_offline.sec04 .sec_tab,
	.section_offline.sec05 .sec_tab,
	.section_offline.sec06 ul {margin-top:40px;}
	.section_skin h4 {margin:40px auto 20px;}

	/* 모바일앱*/
	.fullsize_cont .map_txt h3.han,
	.fullsize_cont .map_txt p.eng {font-size:26px; font-weight:400;}
	.fullsize_cont .mapp_401_cont .title,
	.fullsize_cont .mapp_402_cont .title {padding-bottom:30px; font-size:22px; font-weight:400;}
	.fullsize_cont .mapp_402_cont .bx-wrapper .bx-pager {bottom:-30px;}
	.fullsize_cont .slide_mapp_401,
	.fullsize_cont .mapp_cont.sec3 {margin-top:0;}

	/* 운영지원/패치리스트&동영상교육 */
	.service_wrap > .left_nav {margin-top:-88px !important;}
	.service_wrap.mov > .left_nav {margin-top:0 !important;}
}


/* 추가 수정/뱃지
#header .gnb li > a:hover:before,
#header .gnb li > a.w_current:before {background:#1d7abd;}
.gnb_all {border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; background:#f8f8f8;}
.gnb_all .sub_all > li {border-right:1px solid #f1f1f1;}
.gnb_all .sub_all > li.w_current {background:#f4f4f4;}
.gnb_all .sub_all > li a {color:#434343;}
.gnb_all .sub_all > li a.w_current {color:#000;}
.gnb_all .mob_all > li > ul {background:#f4f4f4;}
.gnb_all .mob_all > li h3,
.gnb_all .mob_all > li a {color:#434343;}
@media (min-width:0) and (max-width:1024px) {
	.hamburger.on>span>p {background-color:#333;}
	.gnb_all {width:100%; right:-100%; background:#fff;}
	.gnb_all.on {-webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); transform: translate(-100%, 0);}
	.gnb_all .mob_all {background:#f8f8f8;}
}*/

.ico-link {display:inline-block; vertical-align:middle; margin:0 0 3px 0; width:18px; height:18px; border-radius:0; background:url('/images/common/ico_link.png') no-repeat; background-size:cover;}
.ico-link-w {display:inline-block; vertical-align:middle; margin:0 0 3px 0; width:18px; height:18px; border-radius:0; background:url('/images/common/ico_link_w.png') no-repeat; background-size:cover;}
.ico-link-b {display:inline-block; vertical-align:middle; margin:0 0 3px 0; width:18px; height:18px; border-radius:0; background:url('/images/common/ico_link_b.png') no-repeat; background-size:cover;}
.ico-event {display:inline-block; vertical-align:middle; margin:0 0 3px 5px; width:32px; height:13px; border-radius:0; background:url('https://static.gabia.com/responsive/assets/common/images/icon/badge-event.svg') no-repeat;}
.ico-new {display:inline-block; vertical-align:middle; margin:0 0 3px 5px; width:25px; height:13px; border-radius:0; background:url('https://static.gabia.com/responsive/assets/common/images/icon/badge-new.svg') no-repeat;}
.ico-update {display:inline-block; vertical-align:middle; margin:0 0 3px 5px; width:36px; height:13px; border-radius:0; background:url('https://static.gabia.com/responsive/assets/common/images/icon/badge-update.svg') no-repeat;}
.ico-resp {display:inline-block; vertical-align:middle; margin:0 0 3px 5px; width:39px; height:16px; border-radius:50px; background:url('/images/addservice/2019/badge-resp.png') no-repeat;}
.ico-online {display:inline-block; vertical-align:middle; margin:0 0 3px 5px; width:30px; height:16px; border-radius:50px; background:url('/images/addservice/2019/badge-online.png') no-repeat;}

/* 추석맞이 이벤트 아이콘 (21.08.18) */
.event_ing {display:inline-block; outline:none; vertical-align:middle; margin:0 0 5px 0; border-radius:50px; padding:0px 10px 1px; font-size:13px; font-weight:normal; color:#fff; animation:event 2s ease infinite;}
@keyframes event { 0% {background:#FC6827;} 100% {background:#E7984E;} }


@media screen and (max-width: 1600px) {
	.main_visual .main_sl picture img {
		margin-right: -5vw
	}
}

@media screen and (max-width: 1280px) {
	.main_visual .main_sl picture img {
		margin-right: -10vw;
		max-height: 640px
	}
}

@media screen and (max-width: 640px) {
	.main_visual .main_sl picture {
		width: 100%
	}
	.main_visual .main_sl picture img {
		max-width: 100%;
		margin: 0
	}

	.main_visual .main_sl .cont .desc {
		margin-top: 0.5rem
	}
}