@charset "utf-8";
@import url(notosanskr.css); /* 18.08.01 추가 */

html, body { height:100%; background:#fff; }
body, button, input, select, textarea { color:#000; font-size:15px; font-family: 'Noto Sans KR', 'Dotum', sans-serif; line-height:1.5; letter-spacing:-0.5px; }
html{width:100%; min-width:1280px}
body{width:100%; min-width:1280px}
a { color:#333; }
em, address { font-style:normal; }
img { max-width:100%; vertical-align:middle; }
.blind { position:absolute; overflow:hidden; width:0; height:0; font-size:0; line-height:0; visibility:hidden; color:transparent; }
.clearfix { zoom:1; }
.clearfix:after { content:''; display:block; clear:both; }

/* Recommended 18.08.01 삭제 */
/* @font-face{font-family:nbg; src:url('../font/NanumBarunGothic.eot'); src:local(※), url('../font/NanumBarunGothic.woff') format('woff')} */

/* 18.08.01 메인 리뉴얼 s */
/* common */
.of-h { overflow:hidden; }
.mt-25 { margin-top:25px; }
.mt-35 { margin-top:35px !important; } /* 18.10.22 추가 */
.mr-10 { margin-right:10px; }
.btn-h78-bd00affe { display:inline-block; width:195px; height:78px; line-height:80px; border:1px solid #00affe; font-size:24px; font-weight:500; color:#00affe; text-align:center; }
.btn-h78-bg00affe { display:inline-block; width:195px; height:78px; line-height:80px; background:#00affe; font-size:24px; font-weight:500; color:#fff; text-align:center; }
.btn-h78-bg3c6172 { display:inline-block; width:195px; height:78px; line-height:80px; background:#3c6172; font-size:24px; font-weight:500; color:#fff; text-align:center; }

/* header */
#hdrWrap .innerWrap { width:1100px; margin:0 auto; position: relative;} /* 19.07.29 수정 */
#hdrWrap #header { position:fixed; width: 100%; top: 67px; left: 0; background: #ffffff; z-index: 9999; transition : all .2s;} /* 21.04.28 황수현 수정 */
#hdrWrap #header.fixed {top: 0;} /* 21.03.08 추가 */
#hdrWrap #header #logo { position:absolute; top:24px; } /* 19.07.29 수정 *//* 20.10.21 수정 */
#hdrWrap #header .topmenu { width:100%; height:36px; border-top:1px solid #e9e9e9; padding: 5px 0;} /* 20.10.21 수정 */
#hdrWrap #header .topmenu .lnk-left { float:left; height:36px; } /* 19.07.29 수정 */
#hdrWrap #header .topmenu ul.lnk-left li { float:left; width:100px; height:100%; border-left:1px solid #e9e9e9; } /* 19.07.29 수정 */
#hdrWrap #header .topmenu ul.lnk-left li:last-child { border-right:1px solid #e9e9e9; } /* 19.07.29 수정 */
#hdrWrap #header .topmenu ul.lnk-left li a { display:inline-block; width:100%; height:100%; line-height:36px; background:#fafafa; font-size:13px; color:#000; text-align:center; } /* 19.07.29 수정 */
#hdrWrap #header .topmenu ul.lnk-right { float:right; height:36px; }
#hdrWrap #header .topmenu ul.lnk-right li { float:left; height:100%; line-height:36px; padding-left:25px; font-size:13px; position: relative; } /* 19.07.30 수정 */
#hdrWrap #header .topmenu ul.lnk-right li:before { display: block; content: ''; width: 1px; height: 13px; background: #e9e9e9; position: absolute; top: 12px; left: 13px;} /* 19.07.30 추가 */
#hdrWrap #header .topmenu ul.lnk-right li:first-child:before { display: none; } /* 19.07.30 추가 */
#hdrWrap #header .topmenu ul.lnk-right li:first-child { padding-left:0; } /* 19.10.22 추가 */
#hdrWrap #header .topmenu ul.lnk-right li .lnk-mul-dnld { padding-left:16px; background:url(../images/common/bul_dnld_gray.png) no-repeat left center; color:#000; } /* 19.07.30 수정 */
#hdrWrap #header .topmenu ul.lnk-right li.btn-shoppotor img { margin-top: -2px; } /* 21.08.02 추가 */
#hdrWrap #header .nav { width:1100px; height:91px; line-height:91px; margin:0 auto; }
#hdrWrap #header .nav ul { float:right; }
#hdrWrap #header .nav ul li { float:left; margin-left:30px; } /* 19.07.30 수정 */
#hdrWrap #header .nav ul li a { font-size:18px; font-weight:600; color:#000; } /* 19.07.30 수정 */
#hdrWrap #header .nav ul li a:hover,
#hdrWrap #header .nav ul li.now a { color:#00b0ff; } /* 18.09.27 수정 */

/* index */
.main-contents .section.bg-gray { background:#f0f0f0; }
.main-contents .section h2 { padding-top:80px; font-size:36px; font-weight:500; color:#000; text-align:center; }
.main-contents .section p.tit-desc { padding-top:25px; line-height:32px; font-size:20px; font-weight:300; color:#666; text-align:center; }
.main-contents {width:100%; min-width:1280px}
#container .visual { width:100%; height:625px; } /* 21.03.08 수정 */
#container .visual .visualSlide { position:relative; width:100%; height:625px; } /* 21.03.08 수정 */
#container .visual .visualSlide .type1 { background:#cef1ff url(../images/common/bg_visualSlide01.gif) no-repeat center; }
#container .visual .visualSlide .type2 { background:#00affe; }
#container .visual .visualSlide .type3 { background:#d9e9c8;}
/*s:200416 add*/
#container .visual .visualSlide .type4{ background:#ffd200; height:625px } /* 21.03.08 수정 */
/*e:200416 add*/
#container .visual .visualSlide .slidesjs-navigation { display:block; position:absolute; top:50%; z-index:10; width:35px; height:68px; margin-top:-34px; text-indent:-9999em; }
#container .visual .visualSlide .slidesjs-previous { left:10%; background:url(../images/common/btn_h68_left.png) no-repeat; }
#container .visual .visualSlide .slidesjs-previous:hover { background:url(../images/common/btn_h68_left_on.png) no-repeat; }
#container .visual .visualSlide .slidesjs-next { right:10%; background:url(../images/common/btn_h68_right.png) no-repeat; }
#container .visual .visualSlide .slidesjs-next:hover { background:url(../images/common/btn_h68_right_on.png) no-repeat; }
#section1 .cntSlide { padding:100px 0; }
#section1 .cntSlide .imgArea { float:right; }
#section1 .cntSlide dl { float:left; }
#section1 .cntSlide dl dt { font-size:36px; font-weight:500; color:#000; line-height:48px; }
#section1 .cntSlide dl dd { margin-top:20px; font-size:20px; font-weight:300; color:#666; line-height:32px; }
#section1 .cntSlide .slidesjs-navigation { display:block; position:absolute; bottom:103px; z-index:10; width:51px; height:51px; text-indent:-9999em; }
#section1 .cntSlide .slidesjs-previous { left:0; background:url(../images/common/btn_h51_left.png) no-repeat; }
#section1 .cntSlide .slidesjs-previous:hover { background:url(../images/common/btn_h51_left_on.png) no-repeat; }
#section1 .cntSlide .slidesjs-next { left:150px; background:url(../images/common/btn_h51_right.png) no-repeat; }
#section1 .cntSlide .slidesjs-next:hover { background:url(../images/common/btn_h51_right_on.png) no-repeat; }
#section1 #slidesjs-log { position:absolute; bottom:115px; left:76px; font-size:20px; font-weight:300; color:#000; }
#section1 #slidesjs-log .slidesjs-slide-number { font-weight:500; color:#00affe; }
#section2 { height:753px; background:url(../images/common/bg_main_section2.jpg) no-repeat center / cover; }
#section2 h2 { color:#fff; }
#section2 .cnt { position:relative; width:1100px; height:500px; margin-top:71px; background:url(../images/common/cnt_sect2_mobile.png) no-repeat center; }

/* 18.09.06 수정 및 추가 s */
#section2 .cnt .sect2-cnt1 { position:absolute; left:31px; top:39px; width:440px; height:182px; background:url(../images/common/cnt_sect2_ani1_bg.png) no-repeat center; }
#section2 .cnt .sect2-cnt2 { position:absolute; right:-55px; top:80px; width:530px; height:336px; background:url(../images/common/cnt_sect2_ani2_bg.png) no-repeat center; }
#section2 .cnt .sect2-cnt3 { position:absolute; left:31px; top:290px; width:440px; height:125px; background:url(../images/common/cnt_sect2_ani3_bg.png) no-repeat center; }
#section2 .cnt .sect2-cnt { opacity:0; -webkit-transform:scale(0); -webkit-transform-origin:50% 50%; -ms-transform:scale(0); -ms-transform-origin:50% 50%; transform:scale(0); transform-origin:50% 50%; } /* 18.09.05 애니메이션 추가 s */
#section2 .cnt .sect2-cnt p { margin-left:23px; font-size:22px; font-weight:500; color:#fff; }
#section2 .cnt .sect2-cnt1 p.txt1 { margin-top:62px; }
#section2 .cnt .sect2-cnt1 p.txt2 { margin-top:20px; }
#section2 .cnt .sect2-cnt2 p { margin-top:139px; margin-left:317px; font-weight:300; color:#000; line-height:28px; }
#section2 .cnt .sect2-cnt3 p { margin-top:11px; }

/* 18.09.05 애니메이션 추가 s */
#section2 .cnt .sect2-cnt.motion { opacity:1; transform:scale(1); -ms-transform:scale(1); -webkit-transform:scale(1); transition:all .3s cubic-bezier(.17,.89,.53,1.12); transition-delay:.5s; }
#section2 .lineWrap .line1 .od1.motion { width:68px; transition:width .2s ease 0s; }
#section2 .lineWrap .line1 .od2.motion { width:104px; transition:width .3s ease .2s; }
#section2 .lineWrap .line1 .od3.motion { width:19px; transition:width .1s ease .5s; }
#section2 .lineWrap .line span  { position:absolute; height:1px; background:#00affe;  transform-origin:0% 0%;  -moz-transform-origin:0% 0%; -ms-transform-origin:0% 0%; -webkit-transform-origin:0% 0%; }
#section2 .lineWrap .line1 .od1 { top:45px; left:465px; width:0px; transform:rotate(180deg); }
#section2 .lineWrap .line1 .od2 { top:45px; left:398px; width:0px; transform:rotate(135deg); }
#section2 .lineWrap .line1 .od3 { top:118px; left:324px; width:0px; transform:rotate(180deg); }
#section2 .lineWrap .line2 .od1.motion { width:114px; transition:width .5s ease 0s; }
#section2 .lineWrap .line2 .od1 { top:243px; left:511px; width:0px; transform:rotate(180deg); transform-origin:100% 100%;  -moz-transform-origin:100% 100%; -ms-transform-origin:100% 100%; -webkit-transform-origin:100% 100%; }
#section2 .lineWrap .line3 .od1.motion { width:68px; transition:width .2s ease 0s; }
#section2 .lineWrap .line3 .od2.motion { width:106px; transition:width .3s ease .2s; }
#section2 .lineWrap .line3 .od3.motion { width:19px; transition:width .1s ease .5s; }
#section2 .lineWrap .line3 .od1 { top:414px; left:465px; width:0px; transform:rotate(180deg); }
#section2 .lineWrap .line3 .od2 { top:415px; left:398px; width:0px; transform:rotate(225deg); }
#section2 .lineWrap .line3 .od3 { top:341px; left:325px; width:0px; transform:rotate(180deg); }
/* 18.09.05 애니메이션 추가 e */

/* 20.09.28 수정 s */
#section3 .inner-wrap {position: relative;}
#section3 ul { margin-top: 90px; padding-bottom:130px; }
#section3 li { background:#fff; height: 340px; box-shadow:3px 3px 10px #cecece; position: relative; cursor: pointer; transition:all .5s;} /* 19.11.04 수정 */
#section3 li:first-child { margin-left:0; }
#section3 li .img {width: 260px; height: 100%; box-sizing:border-box;}
#section3 li .img img {width: 260px;}
#section3 li .hover {display: none; width: 100%; height: 100%; background-color: rgba(35,160,216,0.7); box-sizing:border-box; position: absolute; top: 0; left: 0;}
#section3 li .hover a {display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle;}
#section3 li .hover a .name {display: inline-block; padding-bottom: 55px; background: url(../images/common/main_store_arr.png) center bottom no-repeat; font-size: 26px; color: #fff;}
#section3 li.on {margin-top: -40px;}
#section3 .swiper-container {width: 1111px;}
#section3 .swiper-button-next {bottom: 280px; right: -66px; top:auto; width:25px; height: 47px; background: url(../images/common/main_slide_next_gray_h47.png) 0 0 no-repeat;}
#section3 .swiper-button-prev {bottom: 280px; left: -66px; top:auto; width:25px; height: 47px; background: url(../images/common/main_slide_prev_gray_h47.png) 0 0 no-repeat;;}
#section3 .swiper-container .swiper-pagination {bottom: 60px; transform:translateX(-50%) !important ; left: 50%;}
#section3 .swiper-container .swiper-pagination .swiper-pagination-bullet {width: 15px; height: 15px; margin-left: 15px;}
#section3 .swiper-container .swiper-pagination .swiper-pagination-bullet-active {background: #00affe;}
#section3 .swiper-container .swiper-pagination .swiper-pagination-bullet:first-child {margin-left: 0;}
#section3 .swiper-container .swiper-pagination2 {text-align: center; bottom: 60px; position: absolute; font-size: 16px; color: #000;}
#section3 .swiper-container .swiper-pagination2 .swiper-pagination-current {font-size: 20px;}
/* 20.09.28 수정 e */

#section4 .stepBox { overflow:hidden; width:1100px; margin:75px auto 85px; padding-top:90px; background:url(../images/common/bg_main_stepBox.gif) no-repeat top center; }
#section4 .stepBox li { float:left; text-align:center; }
#section4 .stepBox li.step1 { width:240px; }
#section4 .stepBox li.step2 { width:310px; }
#section4 .stepBox li.step3 { width:310px; }
#section4 .stepBox li.step4 { width:200px; margin-left:35px; }
#section4 .stepBox li p.txt-gray { font-size:15px; font-weight:300; }
#section4 .stepBox li p.txt-black { font-size:20px; font-weight:500; }
#section5 { height:1708px; }
#section5 .offerBox ul { overflow:hidden; padding-bottom:10px; }
#section5 .offerBox li { float:left; width:320px; height:435px; margin-left:70px; background:#fff; box-shadow:3px 3px 10px #cecece; }
#section5 .offerBox li.last { float:right; }
#section5 .offerBox li:first-child { margin-left:0; }
#section5 .offerBox li p { margin:40px 0 20px; text-align:center; position: relative; } /* 19.08.02 수정 */
#section5 .offerBox li p .icon-new { position: absolute; top: -22px; left: 42px; } /* 19.08.02 추가 */
#section5 .offerBox li dt { font-size:22px; font-weight:500; color:#010101; text-align:center; }
#section5 .offerBox li dd { margin-top:15px; font-size:15px; font-weight:300; color:#666; text-align:center; line-height:20px; }
.quickmenu { display: none; position:fixed; top:48%; right:2%; z-index:100; }
.quickmenu.on {display: block;}
.quickmenu .lnk-navi { width:105px; height:290px; background:url(../images/common/bg_quickMenu.png?ver=2) no-repeat center; }
.quickmenu .lnk-navi li { width:89px; margin-bottom:15px; text-align:center; }
.quickmenu .lnk-navi li.txt-last { margin-top:30px; }
.quickmenu .lnk-navi li:first-child { padding-top:30px; }
.quickmenu .lnk-navi li a { font-size:15px; font-weight:500; color:#000; line-height:20px; }
.quickmenu .info-navi { width:89px; margin-top:17px; border-top:1px solid #000; border-bottom:1px solid #000; background:#fff; }
.quickmenu .info-navi li { height:40px; line-height:40px; border-top:1px solid #d7d7d7; font-size:13px; text-align:center; }
.quickmenu .info-navi li:first-child { border-top:none; }
.quickmenu .info-navi li a.navi-kakao { padding-left:20px; background:url(../images/common/bul_h15_katalk.png) no-repeat left center; }

/* footer */
#footer .lnks { width:100%; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; }
#footer .lnks ul { overflow:hidden; height:50px; line-height:50px; }
#footer .lnks li { float:left; margin-right:34px; }
#footer .lnks li a { font-size:16px; font-weight:300; color:#000; }
#footer .lnks li:hover a { color:#00b0ff; }
#footer .address { width:100%; padding-bottom:50px; font-size:14px; font-weight:300; color:#666; }
#footer .address p { line-height:26px; }
#footer .address p.ft-logo span { margin-left:20px; }
#footer .address ul.sns { position:absolute; top:72px; right:0; overflow:hidden; }
#footer .address ul.sns li { float:left; margin-left:14px; };
#footer .address ul.sns li:first-child { margin-left:0; }
#footer .address ul.sns li a { display:block; }
#footer .address a.txt-black {font-weight: 400;}
#footer .address a.txt-black:hover {color: #00b0ff!important;}
/* 18.08.01 메인 리뉴얼 e */

/* 18.09.27 서브페이지 리뉴얼 s*/
/* tbl 18.09.27 기존 줄 이동 */
.tbl-type table { text-align:left; }
.tbl-type th { padding:20px 30px 18px; border:1px solid #e2e1e1; background:#f7f7f7; font-size:18px; font-weight:normal; }
.tbl-type td { padding:20px 30px 18px; border:1px solid #e2e1e1; font-size:18px; font-weight:lighter; color:#666; }
.tbl-type02 table,
.tbl-type03 table { text-align:center; }
.tbl-type02 tbody,
.tbl-type03 tbody { border-top:2px solid #e2e1e1; }
.tbl-type02 th .icon_member { display:inline-block; width:22px; height:22px; padding-right:14px; }
.tbl-type02 td,
.tbl-type03 td { border-right:none; }
.tbl-type03 th { border:none; border-top:1px solid #e2e1e1; }
.tbl-type03 td { border:none; border-bottom:1px solid #e2e1e1; }
.desc-tbl th,
.desc-tbl td { border:1px solid #e2e1e1; text-align:center; font-weight:lighter; }
.join-form .tbl-type td { color:#808080; }
/* 18.09.27 추가 s */
.tbl-type04 table { border-top:1px solid #000; border-left: 1px solid #c9c9c9; border-right: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; text-align:center; background: #fff;}  /* 19.05.15 수정 */
.tbl-type04 thead th { padding:14px 0 12px; border-left: 1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; background:#f0f0f0; font-size:18px; font-weight:500; color:#000; }  /* 19.05.15 수정 */
.tbl-type04 thead th:first-child {border-right: none;}  /* 19.05.15 추가 */
.tbl-type04 td { padding:14px 20px 12px; border-left: 1px solid #f0f0f0; border-top:1px solid #f0f0f0; font-size:18px; font-weight:300; color:#000; }  /* 19.05.15 수정 */
.tbl-type04 td p.gray { color: #666666; font-size: 15px; }
.tbl-type04 tr:first-child td {border-top: none;} /* 19.05.15 추가 */
.tbl-type04 td:first-child {border-left:none} /* 19.05.15 추가 */
.tbl-type04 tr:last-child td,
.tbl-type04 tbody tr:last-child th { /*border-bottom:1px solid #c9c9ca; */} /* 19.05.15 삭제 */
.tbl-type td.bg-yellow { padding:10px 0 8px; background:#fffdba; border:none;font-weight: 400; font-size:16px !important; } /* 19.05.15 수정 */
.tbl-type04 td.bg-yellow  {background:#fffdba; font-weight: 400; font-size: 16px;}
.base { position:relative; }
.abs-right.top0 { top:0; }
.bb-none { border-bottom:none !important; }
.fs-15 { font-size:15px !important; }

/* topVisBgWrap */
.topVisBgWrap { height:150px; color:#fff; }
.topVisBgWrap .tit { float:left; padding-top:47px; margin-right:32px; font-size:36px; font-weight:500; }
.topVisBgWrap .desc { padding-top:60px; font-size:22px; font-weight:lighter; line-height:30px; text-align:left; }
.topVisBgWrap-login { background:url(../images/common/bg_topVisual_login.gif) no-repeat center; }
.topVisBgWrap-char { background:url(../images/common/bg_topVisual_char.gif) no-repeat center; }
.topVisBgWrap-join { background:url(../images/common/bg_topVisual_join.gif) no-repeat center; }
.topVisBgWrap-customer { background:url(../images/common/bg_topVisual_customer.gif) no-repeat center; }
.topVisBgWrap-center { background:url(../images/common/bg_topVisual_center.gif) no-repeat center; }
.topVisBgWrap-intro { background:url(../images/common/bg_topVisual_intro.gif) no-repeat center; }
.topVisBgWrap-process { background:url(../images/common/bg_topVisual_process.gif) no-repeat center; }
.topVisBgWrap-marketing { background:url(../images/common/bg_topVisual_marketing.gif) no-repeat center; }
.topVisBgWrap-exshop {  background:url(../images/common/bg_topVisual_exshop.gif) no-repeat center; }
.contents { padding:50px 0 90px; } /* 18.09.27 수정 */
/* 마이소호란 */
#subIntro { padding-top:65px; }
#subIntro .cnt .char { margin-top:100px; }
#subIntro .cnt .char:first-child { margin-top:0; }
#subIntro .cnt h3 { font-size:48px; font-weight:500; }
#subIntro .cnt .tit-desc { margin-top:10px; font-size:16px; font-weight:300; color:#666; letter-spacing:-1px; }
#subIntro .cnt .list-type01 li { float:left; width:326px; height:482px; margin-right:60px; background:#f0f0f0; }
#subIntro .cnt .list-type01 li:last-child { float:right; margin-right:0; }
#subIntro .cnt .list-type01 li p { text-align:center; }
#subIntro .cnt .list-type01 li p.txt { margin-top:25px; font-size:22px; font-weight:500; color:#000; line-height:32px; }
#subIntro .cnt .list-type01 li p:first-child { padding-top:50px; }
#subIntro .cnt .list-type01 li p:first-child .desc-img { display:inline-block; margin-top:15px; font-size:16px; font-weight:300; color:#999; }
#subIntro .tbl-type04 { position:relative; }
#subIntro .tbl-type04 tbody tr td:first-child { color:#000; }
#subIntro .tbl-type04 .td-mysoho { opacity:0; }
#subIntro .tbl-type04 .overlay-blue { position:absolute; top:0; left:219px; width:306px; height:485px; border:1px solid #00affe; background:rgba(233,249,255,.4); }
#subIntro .tbl-type04 .overlay-blue dt { padding: 14px 0 12px; font-size:18px; font-weight:500; color:#000; text-align:center; }
#subIntro .tbl-type04 .overlay-blue dd  { padding:15px 0 12px; font-size:18px; font-weight:300; color:#666; text-align:center; }
.cnt dl.h3-tit { padding:0px 0 45px 0; } /* 19.05.15 수정 */
.cnt dl.h3-tit dt { float:left; width:256px; font-size:36px; font-weight:700; color:#000; line-height:45px; }
.cnt dl.h3-tit dd { font-size:16px; font-weight:300; color:#666; line-height:28px; }
.cnt h4 { display:inline-block; padding-left:17px; background:url(../images/common/bul_blue.gif) no-repeat 0 center; font-size:22px; font-weight:700; } /* 19.05.15 수정 */
/* 가입안내 */
.applyStep .step-box { height:95px; padding-top:102px; background:url(../images/common/bg_step.jpg) no-repeat; } /* 19.05.15 */
.applyStep .step-box p { float:left; font-size:20px; font-weight:500; color:#000; text-align:center; }
.applyStep .step-box p span:first-child,
.applyStep .step-box p span.last-txt { display:block; margin-bottom:5px; font-size:15px; font-weight:300; color:#666; }
.applyStep .step-box p.step1 { margin-left:46px; }
.applyStep .step-box p.step2 { margin-left:147px; } /* 19.08.05 수정 */
.applyStep .step-box p.step3 { margin-left:192px; } /* 19.08.05 수정 */
.applyStep .step-box p.step4 { margin-left:176px; } /* 19.08.05 수정 */
.applyStep .step-desc { clear:both; height:160px; margin-top:45px; padding:36px 0 35px; box-sizing:border-box; background:#f0f0f0; font-size:15px; font-weight:300; color:#666; }
.applyStep .step-desc li { padding-left:60px; line-height:28px; }
.applyStep .btn-bd-gray { display:block; padding:3px 5px; margin-top:7px; border:1px solid #c8c8c8; font-size:15px; font-weight:300; color:#666; letter-spacing:.8px; }
/* 18.10.22 수정 및 추가s */
.desc-gray-box { clear:both; max-height:160px; margin-top:20px; padding:36px 0 35px; box-sizing:border-box; background:#f0f0f0; font-size:15px; font-weight:300; color:#666; } /* 19.05.15 수정 */
.desc-gray-box li { padding-left:60px; line-height:28px; }
.cnt dl.h3-tit dt span { font-size:22px; font-weight:400; }
#joinProcess {padding-top: 0;} /* 19.05.15 추가 */
#joinProcess .pg-apply { padding-bottom:0; }
#joinProcess .pg-apply .abs-r { position:absolute; right:0; top:28px; }
#joinProcess .pg-apply a.btn-bd-gray { display:inline-block; height:38px; line-height:38px; border:1px solid #666; padding:0 20px; font-size:18px; font-weight:500; color:#666; text-align:center; }
#joinProcess .pg-apply a.btn-bd-gray .bul-arr { display:inline-block; width:8px; height:12px; background:url(../images/common/bul_h12_gray.gif) no-repeat center right; }


#joinProcess .tbl-side { clear:both; }
#joinProcess .tbl-side .tit-area .tit-blue { margin-right:20px; font-size:22px; font-weight:700; color:#00affe; line-height:22px; }
#joinProcess .tbl-side .tit-area .btn-bd-gray { display:inline-block; margin-right:8px; padding:0 12px; border:1px solid #999; font-size:14px; font-weight:300; color:#000; line-height:29px; text-align:center; }
#joinProcess .tbl-side .desc { margin-top:15px; font-size:16px; font-weight:300; color:#666; line-height:28px; }

/* 마케팅 */
#marketing { padding-top:80px; }
#marketing .cnt { margin-bottom:80px; }
#marketing .cnt.facebook { height:471px; background:url(../images/common/cnt_facebook.gif) no-repeat right 17px center; }
#marketing .cnt.instagram { height:453px; background:url(../images/common/cnt_instagram.gif) no-repeat right 50px center; }
#marketing .cnt.youtube { height:469px; background:url(../images/common/cnt_youtube.gif) no-repeat right 4px center; }
#marketing .cnt.sohoSearch { height:453px; margin-bottom:10px; background:url(../images/common/cnt_sohoSearch.gif?ver=2) no-repeat right 50px center; }
#marketing .cnt dt h3 { padding:35px 0; font-size:42px; font-weight:700; line-height:42px; }
#marketing .cnt dt .btn-bd-gray { position:absolute; top:66px; left:265px; display:inline-block; width:121px; height:38px; line-height:38px; border:1px solid #666; text-align:center; }
#marketing .cnt dt .btn-bd-gray span { padding-right:18px; background:url(../images/common/bul_right_gray.gif) no-repeat right center; font-size:18px; font-weight:500; }
#marketing .cnt dd.txt { margin-bottom:25px; font-size:16px; font-weight:300; color:#666; line-height:28px; }
/* 이용사례 */
#useCases { padding-top:60px; }
#useCases .btn-blue { width:397px; height:78px; line-height:78px; padding:0 !important; font-size:24px; color:#fff; }
#useCases .cnt h3 { margin-bottom:50px; font-size:36px; font-weight:700; line-height:36px; }
#useCases .cnt .exvideo-list { border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; }
#useCases .cnt .exvideo-list li { overflow:hidden; display:table; padding:60px 0 60px 60px;; border-top:1px solid #f0f0f0; }
#useCases .cnt .exvideo-list li:first-child { border-top:none; }
#useCases .cnt .exvideo-list li > div.video-area { float:left; position:relative; }
#useCases .cnt .exvideo-list li > div.video-area .video { width:422px; height:236px; border:1px solid #d6d6d6; }
#useCases .cnt .exvideo-list li > div.video-area .video video { overflow:hidden; position:absolute; left:1px; top:1px; width:422px; height:236px; }
#useCases .cnt .exvideo-list li > div.video-area .video img { overflow:hidden; position:absolute; left:1px; top:1px; z-index:1; width:422px; height:236px; }
#useCases .cnt .exvideo-list li > div.video-area .video .ico-play { position:absolute; top:50%; left:50%; z-index:10; margin-top:-26px; margin-left:-37px; width:74px; height:52px; background:url(../images/common/ico_play.png) no-repeat; }
#useCases .cnt .exvideo-list li > div.txt-area { display:table-cell; padding-left:66px; vertical-align:middle; }
#useCases .cnt .exvideo-list li > div.txt-area p.speech-bubble { width:152px; height:45px; line-height:38px; background:url(../images/common/bul_speech_bubble.gif) no-repeat; font-size:14px; font-weight:400; color:#fff; text-align:center; }
#useCases .cnt .exvideo-list li > div.txt-area p.tit { margin:10px 0 20px; font-size:24px; font-weight:700; }
#useCases .cnt .exvideo-list li > div.txt-area p.desc { font-size:16px; font-weight:300; color:#666; line-height:26px; }
#useCases .cnt .ex-shop { overflow: hidden; }
#useCases .cnt .ex-shop li { display:table; float:left; width:182px; height:194px; border-left:1px solid #d6d6d6; border-top:1px solid #d6d6d6; text-align:center; }
#useCases .cnt .ex-shop li:nth-child(6n) {  border-right:1px solid #d6d6d6; }
#useCases .cnt .ex-shop li:nth-child(n+13) { border-bottom:1px solid #d6d6d6; } /* 20.09.09 수정 */
#useCases .cnt .ex-shop li:nth-child(n+19) { border-top:none; } /* 20.09.09 추가 */
#useCases .cnt .ex-shop li:last-child { border-right:1px solid #d6d6d6; } /* 20.09.09 추가 */
#useCases .cnt .ex-shop li p:first-child { margin:30px 0 20px; }
#useCases .cnt .ex-shop li p a { font-size:18px; font-weight:500; line-height:20px; }
#useCases .cnt .ex-shop li p img { overflow:hidden; width:94px; height:94px; border-radius:94px }
#useCases .slidesjs-navigation { display:inline-block; position:absolute; bottom:0px; width:50px; height:50px; line-height:50px; border:1px solid #c8c8c8; text-indent:-99999em; }
#useCases .slidesjs-previous { left:422px; background:url(../images/common/arr_h26_pre.gif) no-repeat center; }
#useCases .slidesjs-next { right:422px; background:url(../images/common/arr_h26_next.gif) no-repeat center; }
#useCases .slidesjs-pagination { overflow:hidden; width:154px; margin:0 auto; padding-top:23px; }
#useCases .slidesjs-pagination li { float:left; margin-left:-1px; }
#useCases .slidesjs-pagination li:first-child { margin-left:0; }
#useCases .slidesjs-pagination a { display:inline-block; width:50px; height:50px; line-height:50px; border:1px solid #c8c8c8; font-size:20px; font-weight:300; color:#666; text-align:center; }
#useCases .slidesjs-pagination a.active { color:#00affe; }
/* 18.09.27 서브페이지 리뉴얼 e*/


/* subpage */
.login-wrap { width:480px; margin:0 auto; }
.login input { width:100%; height:25px; margin-bottom:20px; padding:19px 0; border:1px solid #ccc; font-size:25px; color:#b1b1b1; text-align:center; }
.login input[type="password"] { margin-bottom:5px; }
.login-check {text-align:center}
.login-check input[type="checkbox"]{ padding-left:30px;}
.login-check label:nth-child(2) {padding-left:22px; color:#ff0100; background:url(../images/common/security_pc.png) no-repeat;}
.login-check label,
.login-link { font-size:18px; } /* 2017.07.21 수정 */
.login-link a { padding:0 20px; background:url(../images/common/bg_line.gif) no-repeat left center; }
.btn-login { display:block; width:100%; padding:10px 0; margin-bottom:10px; background:#00b0ff; font-size:27px; color:#fff; } /* 2017.07.21 수정 */
/*
.box-intro { height:881px; background:url(../images/common/bg_intro.gif) no-repeat center; }
.box-intro .desc-img h3 { padding-top:225px; font-size:30px; font-weight:normal; }
.box-intro .desc-img .line { display:inline-block; width:53px; border:1px solid #000; }
.box-char .char { overflow:hidden; }
.box_step { position:relative; height:185px; margin:30px 0; background:url(../images/common/bg_step.gif) no-repeat; }
.box_step span { position:absolute; font-size:24px; line-height:190px; letter-spacing:-1px; }
.box_step .step01 { left:37px; color:#fff; }
.box_step .step02 { left:334px; }
.box_step .step03 { left:663px; }
.box_step .step04 { left:956px; }
.cnt h3 { display:inline-block; font-size:24px; }
.cnt h4 { display:inline-block; padding-left:15px; background:url(../images/common/bul_black.gif) no-repeat 0 center; font-size:18px; font-weight:normal; }
.cnt .tit-desc { margin:10px 0 30px 0; font-size:18px; font-weight:lighter; }
.cnt .desc .list-type01 li { float:left; width:248px; margin-left:30px; border:2px solid #00b0ff; }
.cnt .desc .list-type01 li:first-child { margin-left:0px; }
.cnt .desc .list-type01 li .tit { display:block; padding:19px 0; border-bottom:1px solid #00b0ff; background:#f0fbff; font-size:22px; }
.cnt .desc .list-type01 li p { margin:30px 0; font-size:18px; font-weight:lighter; }
.cnt .char01 .desc-img { position:relative; height:689px; background:url(../images/common/bg_char.gif) no-repeat center; }
.cnt .char01 .desc-img p { float:left; position:absolute; top:65px; font-size:24px; }
.cnt .char01 .desc-img .desc-img01 { left:126px; }
.cnt .char01 .desc-img .desc-img02 { left:461px; }
.cnt .char01 .desc-img .desc-img03 { right:127px; }
.char05 { position:relative; }
.char05 .btn-dnld li { position:absolute; top:18px; }
.char05 .btn-dnld .btn-iphon { right:199px; }
.char05 .btn-dnld .btn-android { right:0; }
.cnt .list-type02 li { line-height:28px; }
*/
/* 2018-01-18 separk 추가 s */
.list-exshop { }
.list-exshop li { float:left; width:50%; }
.list-exshop li.txt-r dl { margin-left:20px; }
.list-exshop li dl { width:530px; }
.list-exshop li dl dt { padding:68px 0 20px; font-size:30px; text-align:center; color:#c0c0c0; }
.list-exshop li dl dt span { color:#000; }
.list-exshop li dl dd { position:relative; height:250px; }
.list-exshop li dl dd img { height:100%; }
.list-exshop li dl dd .lnk-bg { position:absolute; bottom:0; left:0; width:100%; height:70px; background:#000; filter:alpha(opacity:60); opacity:0.6; }
.list-exshop li dl dd .lnk-wrap { position:absolute; bottom:0; left:0; width:100%; height:70px; }
.list-exshop li dl dd .lnk-wrap a { display:inline-block; height:70px; line-height:72px; color:#fff; font-size:22px; background:none; text-align:center; }
.list-exshop li dl dd .lnk-wrap a span { display:inline-block; width:9px; height:15px; margin-left:10px; background:url('../images/exshop/exshop_arr.png') no-repeat 0 0; }
.list-exshop li dl dd .lnk-wrap a:first-child { width:68%; border-right:1px solid #6f635e; }
.list-exshop li dl dd .lnk-wrap a:last-child { width:30%; }
/* 2018-01-18 separk 추가 e */

.real-popup { position:absolute; top:50%; left:50%; margin:-85px 0 0 -503px; z-index:99; }
.real-popup .inner a { display:block; width:335px; height:330px; }
.real-popup .btn-close { display:block; width:58px; height:58px; position:absolute; top:0px; right:19px; text-indent:-9999px;}
/* 18.02.12 추가 e*/

/* 18.02.23 추가 s*/
.kakao-popup {display: none; width: 735px; position: fixed; top: 50%; left: 50%; margin: -252px 0 0 -368px; z-index: 999; background: #fff;}
.kakao-popup .top {padding: 30px 0 15px; position: relative; background: #00affe; text-align: center;}
.kakao-popup .top .btn-close {display: block; position: absolute; top: 15px; right: 13px;}
.kakao-popup .top .title {font-weight: bold; font-size: 32px; color: #fff;}
.kakao-popup .top .txt {font-size: 17px; color: #fff;}
.kakao-popup .top .time {font-size: 15px; color: #005c86;}
.kakao-popup .cont {padding: 25px 15px 10px 40px;}
.kakao-popup .cont .title {padding-left: 15px; position: relative; font-weight: bold; font-size: 22px; color: #000;}
.kakao-popup .cont .title:before {display: block; content:''; width: 5px; height: 5px; background: #999999; position: absolute; top: 13px; left: 0;}

.section .main-video-wrap { margin-top: 40px; text-align: center; }
.section .main-video-wrap .video { display: inline-block; width: 853px; height: 480px; position: relative; border: 2px solid #81d2ff; }
.section .main-video-wrap .video img { position: absolute; top: 0; left: 0; z-index: 1; }
.section .main-video-wrap .video video { width: 853px; height: 480px; }
/* 18.02.23 추가 e*/

/* customer_service */
.tab-wrap { position:relative; }
.tab-wrap .tab-tit { height:62px; border-bottom:2px solid #00b0ff; }

/* 19.08.27 s */
.tab-wrap .tab-main-menu li { position:absolute; top:-2px; width:181px; height:32px; padding:15px 0; border:2px solid #e0e0e0; border-bottom:0; font-size:20px; color:#7f7f7f; text-align:center; cursor:pointer; } 
.tab-wrap .tab-main-menu .on { z-index:10; padding-bottom:17px; border:2px solid #00b0ff; border-bottom:0; background:#fff; color:#00b0ff; }
.tab-wrap .tab-main-menu .tab01 { left:0; }
.tab-wrap .tab-main-menu .tab02 { left:184px; }
.tab-wrap .tab-main-menu .tab03 { left:367px; }
.tab-wrap .tab-main-menu .tab04 { left:550px; }
.tab-wrap .tab-main-menu .tab05 { left:733px; }
.tab-wrap .tab-main-menu .tab06 { left:916px; }

.tab-wrap .tab-tit-customer li { position:absolute; top:-2px; width:363px; height:32px; padding:15px 0; border:2px solid #e0e0e0; border-bottom:0; font-size:20px; color:#7f7f7f; text-align:center; cursor:pointer; }
.tab-wrap .tab-tit-customer .on { z-index:10; padding-bottom:17px; border:2px solid #00b0ff; border-bottom:0; background:#fff; color:#00b0ff; }
/* 19.10.10 수정, 추가 s */
.tab-wrap .tab-tit-customer .tab01 { left:0; width:273px; } 
.tab-wrap .tab-tit-customer .tab02 { left:274.5px; width:273px; }
.tab-wrap .tab-tit-customer .tab03 { right:274.5px; width:273px; }
.tab-wrap .tab-tit-customer .tab04 { right:0px; width:272px; }
/* 19.10.10 수정, 추가 e */

.tab-con-wrap { padding-top:50px; }
.tab-con-wrap .faq { display:block; padding-top:20px; }
.tab-con-wrap .faq li { border-top:1px solid #e2e1e1; }
.tab-con-wrap .faq li a { display:inline-block; padding:15px 0 15px 30px; font-size:18px; font-weight:lighter; }
.tab-con-wrap .faq li .acoD { display:none; padding:15px 0 15px 80px; border-top:1px solid #e2e1e1; background:#f6f6f6; }
.tab-con-wrap .faq li .acoD p { margin-top:-33px; padding:0 63px; font-size:18px; font-weight:lighter; color:#666; }
.tab-con-wrap .faq li .acoD p iframe { width:100%; border:0px;}
.tab-con-wrap .faq .now { background:#f0fbff; }
.tab-con-wrap .faq .icon-q { display:inline-block; width:36px; height:36px; margin-right:15px; border-radius:36px; background:#00b0ff; font-size:15px; color:#fff; line-height:38px; text-align:center; }
.tab-con-wrap .faq .icon-a { display:inline-block; width:36px; height:36px; margin-right:15px; border-radius:36px; background:#b3b3b3; font-size:15px; color:#fff; line-height:38px; text-align:center; }
.tab-con-wrap .qa { display:none; }
.tab-con-wrap .notice { display:none; }
.tab-con-wrap .notice .view { display:none; }
.tab-con-wrap .notice tbody .now { background:#f0fbff; }
.tab-con-wrap .notice .view { background:#f6f6f6; text-align:left; }
.tab-con-wrap .notice .view td { padding-left:155px; }
.security-box { float:left; margin-right:10px; width:200px; height:32px; border:1px solid #ccc; background:#f7f7f7; }
.customaer-banner { height:158px; background:url(../images/common/bg_customaer_banner.gif) no-repeat; color:#fff; letter-spacing:-1px; }
.customaer-banner dl.customaer-banner01 dt span { padding-left:48px; background:url(../images/common/bul_customaer01.png) no-repeat left center; }
.customaer-banner dl.customaer-banner02 dt span { padding-left:46px; background:url(../images/common/bul_customaer02.png) no-repeat left 7px; }
.customaer-banner dl { float:left; margin:34px 123px 0 215px; line-height:50px; text-align:center; } /* 17.08.22 수정 */
.customaer-banner dt { font-size:30px; font-weight:bold; }
.customaer-banner dd { font-size:22px; font-weight:lighter; }
.tab-wrap .tab-tit-terms li { position:absolute; top:-2px; width:363px; height:32px; padding:15px 0; border:2px solid #e0e0e0; border-bottom:0; font-size:20px; color:#7f7f7f; text-align:center; cursor:pointer; }
.tab-wrap .tab-tit-terms .on { z-index:10; padding-bottom:17px; border:2px solid #00b0ff; border-bottom:0; background:#fff; color:#00b0ff; }
.tab-tit-terms .tab01 { left:167px; }
.tab-tit-terms .tab02 { right:200px; }
.tab-con-wrap .terms-use { display:block; }
.tab-con .hd { padding:20px 0 20px 20px; border:1px solid #00b0ff; }
.tab-con .list { overflow:hidden; padding:35px 0 35px 70px; border-top:1px solid #00b0ff; border-bottom:1px solid #00b0ff; }
.tab-con .list ul { float:left; }
.tab-con .list li { line-height:25px; }
.tab-con .list li a { padding-left:15px; }
.terms-use .list ul { width:33%; }
.terms-info .list ul { width:49%; }

.join-form .join-certifiy { position:relative; padding-top:45px; }
.join-form .join-certifiy dt { display:inline-block; position:absolute; top:0; padding:10px 37px; border:1px solid #e5e3e3; border-top:2px solid #e5e3e3; background:#f1f0f0; font-size:15px; text-align:center; cursor:pointer; }
.join-form .join-certifiy .tab02 { left:142px; }
.join-form .join-certifiy .now { padding-bottom:13px; border-bottom:none; background:#fff; }
.join-form .join-certifiy dd { padding:30px 15px;border:1px solid #e5e3e3; border-top:2px solid #e5e3e3; }
.join-form .join-certifiy dd p { font-size:13px; }
.join-form .join-certifiy dd .btn-certifiy { position:absolute; top:79px; right:40px; }
/* 2017.06.05 수정 */
.join-form .hd { padding:30px 30px 26px; border-top:2px solid #e2e1e1; border-bottom:2px solid #e2e1e1; font-size:19px; color:#666; line-height:18px; }
/* 2017.06.05 수정 */
.join-form .hd label { margin-right:60px; font-size:16px; line-height:16px; }
/* 2017.06.05 수정 */
.join-form .agree { margin-top:10px; }

.join-form .box-terms { overflow-x:hidden; overflow-y:auto; height:150px; background:#f7f7f7; }
.join-form .box-terms .terms { padding:20px; font-size:13px; font-weight:normal; }
.terms { line-height:25px; }
.terms h4 { font-size:14px; font-weight:bold; }
.terms .ti { display:block; margin-top:25px; padding-left:0; background:none; }
.terms p { margin-top:5px; line-height:18px; }
.terms ol { margin-top:5px; }
.terms .tbl-type th,
.terms .tbl-type td { padding:12px 30px 10px; font-size:14px; text-align:center; }
.terms .tbl-type.txt-l td {text-align: left;} /* 20.05.12 추가 */

/* common */
input[type="text"], 
input[type="password"], 
input[type="email"], 
select, textarea { height:32px; border:1px solid #ccc; }
/* #container { padding-top:130px; } 18.08.01 삭제  */
.inner-wrap { position:relative; width:1100px; margin:0 auto; }
/* 2017.06.05 수정 */
.btn-blue { display:inline-block; padding:20px 40px 15px; background:#00b0ff; font-size:27px; color:#fff; }
.btn-blue-small { padding:10px 27px 9px; background:#00b0ff; font-size:15px; color:#fff; }
.btn-gray { padding:6px 20px; background:#969696; font-size:15px; color:#fff; }
.txt-center { text-align:center; }
.txt-right { text-align:right; }
.txt-left { text-align:left; }
.txt-blue { color:#00b0ff !important;; } /* 18.08.01 수정 */
.txt-red { color:#ff0000 !important; } /* 18.09.27 수정 */
.txt-black { color:#000 !important }
.txt-gray { color:#a0a0a0; }
.txt-boder { padding:20px 0px; border:1px solid #dbdada; text-align:center; }
.ml-10 { margin-left:10px !important; }
.mt-05 { margin-top:5px !important; }
.mt-08 { margin-top:8px !important; }
.mt-10 { margin-top:10px !important; } 
.mt-15 { margin-top:15px !important; } 
.mt-20 { margin-top:20px !important; } 
.mt-40 { margin-top:40px !important; }
.mt-50 { margin-top:50px !important; }
.mt-60 { margin-top:60px !important; } 
.mt-70 { margin-top:70px !important; }
.mt-100 { margin-top:100px !important; }
.mb-80 { margin-bottom:80px !important; }
.mr-30 { margin-right:30px !important; }
.mr-10 { margin-right:10px !important; }
.first-child { margin-left:0px !important; border-left:none !important; background:none !important; }
.font-l { font-weight:lighter; }
.bl-none { border-left:none !important; }
.br-none { border-right:none !important; }
.last { border-bottom:1px solid #e2e1e1; }
.abs-right { position:absolute; right:0; }
.ft-20 { font-size:22px !important; }
.w90 { display:inline-block; width:90px; }
.btn-dnld02 { display:inline-block; width:162px; height:30px; line-height:30px; border:1px solid #999; background:#fff; font-size:14px; font-weight:300; color:#000; text-align:center; }  /* 18.09.27 수정 */
.btn-dnld02 span { padding-right:23px; background:url(../images/common/icon_dnld.png) no-repeat right center; }
.dp-inbl { display:inline-block; }

/* paging */
.paging { padding-top:50px; }
.paging a { display:inline-block; width:44px; height:44px; margin-left:5px; border:1px solid #e2e1e1; font-size:15px; color:#808080; line-height:47px; text-align:center; }
.paging .on { border:2px solid #00b0ff; color:#00b0ff; }

/* 2017.06.05 추가 */
.mb-none { margin-bottom:0 !important; }
.sel-info { position:relative; }
.sel-info .btn-toggle { position:absolute; top:6px; right:0; }
.sel-info .btn-toggle a { padding-right:30px; }
.sel-info .btn-open { background:#969696 url(../images/common/bul_up.png) no-repeat 55px center; }
.sel-info .btn-close { display:none; background:#969696 url(../images/common/bul_down.png) no-repeat 55px center; }
.sel-info #info-open { display:none; }
.agree-box { border-bottom:1px solid #e2e1e1; }
.agree-box ul { overflow:hidden; padding:30px 30px 26px; }
.agree-box ul li { float:left; margin:0 0 35px 95px; } 
.agree-box ul li label { font-size:16px; line-height:16px; }
.agree-box ul li .btn-gray { padding:5px 10px; font-size:14px; }
.agree-box ul li .txt { display:inline-block; clear:both; margin-left:40px; }
.btn-join { margin-top:60px; }


/* 2017.07.21 수정 */
.mt-20 { margin-top:20px !important; }
.abs-r { position:absolute; top:0; right:0; }
.btn-h64-blue { display:inline-block; width:121px; height:64px; background:#00b0ff; font-size:23px; color:#fff; line-height:64px; text-align:center; }
.btn-h64-blue.w100 { width:100%; }
.wrap-640 .inner-wrap { width:640px; margin:0 auto; }
.wrap-640 .tab { overflow:hidden; margin-bottom:60px; }
.wrap-640 .tab li { float:left; width:50%; height:80px; border:1px solid #ccc; box-sizing:border-box; background:#f7f7f7; line-height:80px; text-align:center; } 
.wrap-640 .tab li a { display:block; font-size:21px; color:#bec1ca; }
.wrap-640 .tab li.now { border:3px solid #00b0ff; border-bottom:none; background:#fff; font-weight:bold; color:#00b0ff; }
.wrap-640 .tab li.bb { border-bottom:3px solid #00b0ff; }
.wrap-640 .tab li.now a { font-size:25px; font-weight:bold; color:#00b0ff; }
.wrap-640 .wrap-480 { width:480px; margin:0 auto; }
.wrap-640 input[type="text"],
.wrap-640 input[type="password"] { width:100%; height:64px; padding:0 20px; box-sizing:border-box; font-size:23px; }
.wrap-640 select { width:100%; height:64px; padding-left:20px; box-sizing:border-box; font-size:23px; }
.wrap-640 .form-area ::-moz-placeholder { color:#b1b1b1; }
.wrap-640 .form-area :-moz-placeholder { color:#b1b1b1; }
.wrap-640 .form-area :-ms-input-placeholder { color:#b1b1b1; }
.wrap-640 .form-area ::-webkit-input-placeholder { color:#b1b1b1; }
.wrap-640 .form-area dt { margin-bottom:20px; font-size:25px; }
.wrap-640 .form-area dd { margin-bottom:20px; }
.wrap-640 .form-area dd p { font-size:19px; }
.wrap-640 .form-area dd.input-col { position:relative; }
.wrap-640 .form-area dd.input-col .sel { position:absolute; left:0; }
.wrap-640 .form-area dd.input-col .ipt { display:inline-block; margin:0 133px 0 127px; }
.wrap-640 .form-area dd.input-col .ps { top:0; right:-153px; }
.wrap-640 .form-area dd.desc { font-size:17px; font-weight:lighter; color:#808080; }
.wrap-640 .find_info { width:480px; margin:50px auto; text-align:center; }
.wrap-640 .find_info a { font-size:18px; color:#000; }
.wrap-640 .find_info .bar { display:inline-block; width:1px; height:18px; margin:0 24px; background:#e0e0e0; }
.term-box { text-align:center; }
.term-box p { font-size:22px; font-weight:lighter; line-height:36px; }
.term-box p.no-adult-txt { font-size:17px; font-weight:lighter; line-height:26px;margin-top: 20px;color:#666 }/*190702 추가텍스트 작업*/
.term-box p.bul { display:inline-block; padding-left:35px; background:url(../images/common/bul_caution.gif) no-repeat left center; }
.term-box p a { font-weight:bold; text-decoration:underline; }
.term-box .btn-h64-blue { width:480px; }
.sns-box p { width:100%; height:64px; margin-bottom:20px; border:1px solid #cfcfcf; box-sizing:border-box; background:#fff; line-height:64px; text-align:center; }
.sns-box p a { display:block; font-size:20px; }
.sns-box p.naver a { background:url(../images/common/bul_naver.png) no-repeat 46px center; }
.sns-box p.fb a { background:url(../images/common/bul_facebook.png) no-repeat 46px center; }
.sns-box p.kakao a { background:url(../images/common/bul_kakao.png) no-repeat 46px center; }
.sns-box p a span { font-weight:bold; }
.sns-box p.naver:hover { border:1px solid #c6d6bf; background:#f5fff1; }
.sns-box p.fb:hover { border:1px solid #c0c9db; background:#f2f6ff; }
.sns-box p.kakao:hover { border:1px solid #d4d2b3; background:#fffeed; }
.find-txt .txt-black { font-size:22px; }
.find-txt .txt-gray { margin-top:15px; font-size:18px; color:#808080; letter-spacing:-1.5px; }
.result .tbl-type02 { width:610px; margin:0 auto; }
.result .tbl-type02 td { border-right:1px solid #e2e1e1; }
.result .btn-wrap { overflow:hidden; width:404px; margin:0 auto; }
.result .btn-wrap a { display:block; float:left; width:192px; height:64px; font-size:23px; color:#fff; line-height:64px; text-align:center; }
.result .btn-wrap a.btn-h64-gray { margin-left:20px; background:#8e8e8e; }
 /* 레이어 */
.layer-wrap { z-index:10; display:none; position:absolute; top:50%; left:50%; border:1px solid #bbb; background:#fff;}
.layer-wrap .lhd { position:relative; width:100%; height:78px; border-bottom:1px solid #e2e1e1; line-height:78px; text-align:center; }
.layer-wrap .lhd h2 { font-size:22px; font-weight:bold; }
.layer-wrap .lhd .btn-close-black { position:absolute; top:50%; right:25px; width:26px; height:26px; margin-top:-13px; background:url(../images/common/btn_h26_close.gif) no-repeat; }
.layer-wrap .lcont { padding:40px }
#termsUseLayer ,
#privacyLayer ,
#privacyLayer4,
#SNSLayer { width:638px; margin-left:-319px; } /*20.01.15 수정*/
#termsUseLayer .lcont,
#privacyLayer .lcont, 
#privacyLayer4 .lcont, 
#SNSLayer .lcont { overflow-y:scroll; height:455px; } /*20.01.15 수정*/
#termsUseLayer .lcont .txt-box ,
#privacyLayer .lcont .txt-box,
#privacyLayer4 .lcont .txt-box,
#SNSLayer .lcont .txt-box { padding-bottom:40px; }
#termsUseLayer .lcont .txt-box dt { margin-bottom:13px; font-size:15px; font-weight:bold; }
#termsUseLayer .lcont .txt-box dd { margin-bottom: 13px; font-size:15px; }
#privacyLayer .lcont .txt-box dt { margin-bottom:20px; font-size:23px; }
#privacyLayer .lcont .txt-box dd .tbl-type02 th { font-size:15px; }
#privacyLayer .lcont .txt-box dd .tbl-type02 th.bold {font-weight:bold; color:#000;}
#privacyLayer .lcont .txt-box dd .tbl-type02 td { border-right:1px solid #e2e1e1; font-size:15px; }
#privacyLayer .lcont .txt-box dd .tbl-type02 td.bold {font-weight:bold; color:#000;}
#privacyLayer .lcont .txt-box dd.desc { margin-top:25px; font-size:14px; }
/* 20.01.14 추가  */
#SNSLayer .lcont .txt-box dt { margin-bottom:13px; font-size:15px; font-weight:bold; }
#SNSLayer .lcont .txt-box dd { margin-bottom: 13px; font-size:15px; }
#SNSLayer .lcont .txt-box dt { margin-bottom:20px; font-size:23px; }
#SNSLayer .lcont .txt-box dd .tbl-type02 th { font-size:15px; }
#SNSLayer .lcont .txt-box dd .tbl-type02 th.bold {font-weight:bold; color:#000;}
#SNSLayer .lcont .txt-box dd .tbl-type02 td { border-right:1px solid #e2e1e1; font-size:15px; }
#SNSLayer .lcont .txt-box dd .tbl-type02 td.bold {font-weight:bold; color:#000;}
#SNSLayer .lcont .txt-box dd.desc { margin-top:25px; font-size:14px; }

#privacyLayer4 .lcont .txt-box dt { margin-bottom:13px; font-size:15px; font-weight:bold; }
#privacyLayer4 .lcont .txt-box dd { margin-bottom: 13px; font-size:15px; }
#privacyLayer4 .lcont .txt-box dt { margin-bottom:20px; font-size:23px; }
#privacyLayer4 .lcont .txt-box dd .tbl-type02 th { font-size:15px; }
#privacyLayer4 .lcont .txt-box dd .tbl-type02 th.bold {font-weight:bold; color:#000;}
#privacyLayer4 .lcont .txt-box dd .tbl-type02 td { border-right:1px solid #e2e1e1; font-size:15px; }
#privacyLayer4 .lcont .txt-box dd .tbl-type02 td.bold {font-weight:bold; color:#000;}
#privacyLayer4 .lcont .txt-box dd.desc { margin-top:25px; font-size:14px; }

/* 20.05.12 수정 s */
.lcont .txt-box.txt-privacy dt { margin-bottom:13px; font-size:15px; font-weight:bold; }
.lcont .txt-box.txt-privacy dd { margin-bottom: 13px; font-size:15px; }
.lcont .txt-box.txt-privacy dt { margin-bottom:20px; font-size:23px; }
.lcont .txt-box.txt-privacy dd .tbl-type02 th { font-size:15px; }
.lcont .txt-box.txt-privacy dd .tbl-type02 td { border-right:1px solid #e2e1e1; font-size:15px; }
.lcont .txt-box.txt-privacy dd.desc { margin-top:25px; font-size:14px; }
/* 20.05.12 수정  e */

/* 17.10.25 수정 s */
#layerPop-1 { display:none; position:absolute; left:60%; z-index:50; margin-top:-175px; margin-left:-200px; } /* 18.09.11 수정 */
#layerPop-1 .guide { position:relative; width:399px; height:425px;  }
#layerPop-1 .guide1 { background:url(../images/common/pop_shopforum1.gif) no-repeat 0 0; }
#layerPop-1 .guide2 { background:url(../images/common/pop_shopforum2.gif) no-repeat 0 0; }
#layerPop-1 .guide .lnk { display:block; width:100%; height:100%; }
#layerPop-1 .layer-bottom { height:41px; padding-right:20px; border-top:1px solid #f0f1f3; color:#000; line-height:41px; text-align:right; } /* 17.12.13 수정 */
#layerPop-1 .layer-bottom.pink { background:#ff3a43; }
#layerPop-1 .layer-bottom.blue { background:#5879e4; }
#layerPop-1 .layer-bottom label { margin-right:10px; cursor:pointer; }
#layerPop-1 .layer-bottom label:after { content:'|'; margin-left:10px; color:#fff; }
#layerPop-1 .layer-bottom .pop-today-close { margin-right:10px; cursor:pointer; } /* 17.12.13 수정 */
#layerPop-1 .layer-bottom .pop-today-close:after { content:'|'; margin-left:10px; color:#eaeaea; }/* 17.12.13 수정 */
#layerPop-1 .layer-bottom .btn-close { color:#000; }/* 17.12.13 수정 */
/* 17.10.25 수정 e */

/* 17.08.17 추가 */
#resultId .paging { padding-top:35px; font-size:0; line-height:0; text-align:center; }
#resultId .paging a.now { border:1px solid #00b0ff; color:#00b0ff; }

/* 17.08.24 추가 */
#section03 .qr { /* display:none; */ position:absolute; top:370px; left:310px; }
#section03 .qr .qr-img{ width:87px; height:87px; background:#fff; }
#section03 .qr .qr-txt { margin-top:10px; font-size:16px; color:#fff; line-height:22px; text-align:center; }
#section03 .qr .qr-txt strong { font-size:18px; }
.cnt .char05 .desc-img { position:relative; height:689px; background:url(../images/common/bg_char2.gif) no-repeat center; }
.cnt .char05 .desc-img p { float:left; position:absolute; top:65px; font-size:24px; }
.cnt .char05 .desc-img .desc-img01 { left:280px; }
.cnt .char05 .desc-img .desc-img02 { right:300px; }
.cnt .char05 .desc-img .qr { position:absolute; top:256px; left:674px; width:107px; height:107px; border:1px solid #dedede; }

/* 17.09.13 추가 */
#topBnr { position:fixed; z-index:101; width:100%; height:80px; background:#f1eeff; }
#topBnr .topBnr-openEvent { position:relative; width:1110px; height:80px; margin:0 auto; background:url(../images/event/bnr_openEvent.jpg) no-repeat center; }
#topBnr .topBnr-openEvent a { position:absolute; }
#topBnr .topBnr-openEvent .topBnr-go { display:block; width:100%; height:100%; }
#topBnr .topBnr-openEvent .today-close { top:57px; right:11px; z-index:10; width:103px; height:13px; }
#topBnr .topBnr-openEvent .topBnr-close { top:15px; right:11px; z-index:10; width:30px; height:30px; }
/* 마이소호 오픈 이벤트 */
#openEvent { position:relative; width:1100px; height:1394px; margin:0 auto; background:url(../images/event/openEvent.jpg) no-repeat center; }
#openEvent .lnk { position:absolute; text-indent:-9999em; }
#openEvent .lnk1 { top:681px; left:185px; width:103px; height:24px; }
#openEvent .lnk2 { top:681px; left:492px; width:125px; height:24px; }

/* 17.10.25 수정 s */
#roll-topBnr { position:fixed; z-index:101; width:100%; height:80px; }
#roll-topBnr .lnk1 { display:block; left:0; width:472px; height:100%; }
#roll-topBnr .lnk2 { display:block; right:56px; width:601px; height:100%; }
#roll-topBnr .topBnr-shopforum a { position:absolute; }
#roll-topBnr .topBnr-shopforum .topBnr-close { opacity:.5; top:50%; right:0px; z-index:10; width:34px; height:34px; margin-top:-17px; background:url(../images/event/btn_h34_topBnr-close.png) no-repeat; }
#roll-topBnr .roll1 { background:url(../images/common/pg_bg1_pc.gif) no-repeat 50% 50%; background-size:cover; }
#roll-topBnr .roll1 .topBnr-shopforum { position:relative; width:1186px; height:80px; margin:0 auto; background:url(../images/common/pg_img1_pc.gif) no-repeat center; }
#roll-topBnr .roll2 { background:url(../images/common/pg_bg2_pc.gif) no-repeat 50% 50%; background-size:cover; }
#roll-topBnr .roll2 .topBnr-shopforum { position:relative; width:1186px; height:80px; margin:0 auto; background:url(../images/common/pg_img2_pc.gif) no-repeat center; }
.overlay { z-index:105; display:none; position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0, 0, 0, 0.75); }
/* 17.10.25 수정 e */

/* 17.12.13 추가 */
.btn-h52-blue { display:inline-block; height:52px; line-height:52px; padding:0 54px; background:#00affe; font-size:17px; color:#fff; text-align:center; }
.maintermsLayer { width:357px; }
.maintermsLayer .lhd { height:117px; background:#00affe; }
.maintermsLayer .lhd h2 { padding:24px 30px 0; font-size:25px; font-weight:normal; color:#fff; line-height:34px; text-align:left; }
.maintermsLayer .lhd .btn-layer-close { top:15px; right:15px; width:22px; height:22px; margin-top:0; background:url(../images/common/btn_h34_topBnr-close.png) no-repeat center / 22px auto; opacity:.6; text-indent:-9999em; }
.maintermsLayer .lcont { padding:30px 30px 20px; }
.maintermsLayer .lcont p { font-size:15px; color:#666; letter-spacing:-1px; }
.maintermsLayer .lcont ul { margin-top:25px; padding:20px 35px; background:#f4f5f7; }
.maintermsLayer .lcont ul li { font-size:15px; color:#666; line-height:25px; }
.maintermsLayer .lcont ul li strong { color:#000; }
.maintermsLayer .bd { border:1px solid #ddd; border-top:none; }

/* 이벤트 없는 경우 17.12.29 추가 */
.nonEvent { position:relative; width:1100px; height:500px; margin:0 auto; }
.nonEvent p { padding-top:230px; text-align:center; font-size:20px; }

/* pg관련 화면수정 18.01.09 */
.box_step span.desc-step03 { left:654px; top:27px; font-size:15px; }
.txt-udline , .txt-udline:hover { text-decoration:underline; }

/* 18.02.02 추가 18.08.01 삭제 */
/* #footer .address .inner-wrap .sns { position:absolute; top:72px; right:0; overflow:hidden; }
#footer .address .inner-wrap .sns li { float:left; margin-left:15px; }
#footer .address .inner-wrap .sns li:first-child { margin-left:0; }
#footer .address .inner-wrap .sns li a { display:block; }
 */

.topVisBgWrap-facsta { background:url(../images/common/bg_topVisual_facsta.jpg) center 0 no-repeat; }
.topVisBgWrap-facsta .inner-wrap p { padding-top:65px; }
.topVisBgWrap-facsta .tit { padding-top:20px; }

.contents .inner-wrap .cnt.facsta .section { margin-top:50px; text-align:center; }
.contents .inner-wrap .cnt.facsta .section:first-child { margin-top:0; }
.contents .inner-wrap .cnt.facsta .section .title { padding-top:45px; font-size:30px; color:#000000; }
.contents .inner-wrap .cnt.facsta .section .bdb { display:inline-block; width:58px; height:2px; background:#000; margin-top:45px; }
.contents .inner-wrap .cnt.facsta .section .text { margin-top:42px; line-height:30px; font-size:20px; color:#000000; }
.contents .inner-wrap .cnt.facsta .section .text strong {font-size: 21px;}
.contents .inner-wrap .cnt.facsta .section .img { margin-top:50px; }
.contents .inner-wrap .cnt.facsta .section .step { margin-top:65px; }
.contents .inner-wrap .cnt.facsta .section .step ul { overflow:hidden; }
.contents .inner-wrap .cnt.facsta .section .step ul li { width:252px; float:left; margin-left:30px; border:2px solid #00b0ff; text-align:center; box-sizing:border-box; }
.contents .inner-wrap .cnt.facsta .section .step ul li:first-child { margin-left:0; }
.contents .inner-wrap .cnt.facsta .section .step ul li .tit { line-height:80px; font-size:24px; color:#000000; background:#f0fbff; }
.contents .inner-wrap .cnt.facsta .section .step ul li .txt { padding:33px 0; border-top:1px solid #00b0ff; font-size:20px; color:#000000; }

.full-section { width:100%; background:#eefaff; }
.full-section .inner { width:1100px; margin:0 auto; position:relative; }
.full-section .inner.facsta { height:750px; }
.full-section .inner.facsta .phone { position:absolute; top:100px; left:104px; }
.full-section .inner.facsta .content { padding-left:446px; height:100%; vertical-align:middle; text-align:center; }
.full-section .inner.facsta .content img { margin-top:175px; }
.full-section .inner.facsta .content .title { margin-top:40px; line-height:58px; font-size:45px; color:#000; }
.full-section .inner.facsta .content .txt { margin-top:35px; line-height:33px; font-size:22px; color:#00b0ff; }

#layerPop-1.rolling-popup {margin-left: -550px; margin-top: -220px;}
.layer-wrap.rolling-popup {position: relative;}
.layer-wrap.rolling-popup .lhd {height: 57px; border-bottom: none; line-height: 57px; text-align: left;}
.layer-wrap.rolling-popup .lhd h2 {padding-left: 20px;}
.layer-wrap.rolling-popup .lhd .btn-close-black {right: 20px; text-indent:-9999px;}
.layer-wrap.rolling-popup .layer-bottom {background: #ebecee;}
.layer-wrap.rolling-popup .layer-bottom a {color: #808080 !important;}
.layer-wrap.rolling-popup .layer-bottom .pop-today-close:after {color: #cdced0 !important;}
.layer-wrap.rolling-popup .swiper-wrapper {width: 400px; overflow: hidden; position: relative;}
.layer-wrap.rolling-popup .swiper-wrapper li {float: left;}
.layer-wrap.rolling-popup .swiper-wrapper li a {display: block;}
.layer-wrap.rolling-popup .swiper-wrapper li a img {width: 100%;}
.layer-wrap.rolling-popup .slidesjs-navigation {display: none;}
.layer-wrap.rolling-popup .slidesjs-pagination {display: inline-block; z-index: 11; position: absolute; top: 15px; right: 17px;}
.layer-wrap.rolling-popup .slidesjs-pagination li {margin-left: 7px;}
.layer-wrap.rolling-popup .slidesjs-pagination li:first-child {margin-left: 0;}
.layer-wrap.rolling-popup .slidesjs-pagination li a {display: block; width: 13px; height: 13px; background: #b6b6b6; border-radius:50%; text-indent:-9999px;}
.layer-wrap.rolling-popup .slidesjs-pagination li a.active {background: #ffffff;}

/* 4월 PG신청 이벤트 팝업 */
#topBnr.banner-popup {width: 100%; background: #2f4a79;}
#topBnr.banner-popup .inner {display: block; width: 1100px; margin: 0 auto; position: relative;}
#topBnr.banner-popup .inner a {display: block;}

/* 18.03.27 개인결제콘텐츠 노출 */
#circlePop { top:30%; left:56%; border:none; background:none; }
#circlePop .lnk { display:block; width:100%; height:100%; }
.bnr-circle { position:relative; width:312px; height:312px; background:url(../images/event/bnr_circle_180328.png) no-repeat; }
.bnr-circle a.btn-close { position:absolute; right:33px; top:23px; width:36px; height:36px; }
.nav-new,
.tab-new { position:relative; }
.nav-new .ico-new { position:absolute; top:-8px; right:-16px; width:19px; height:19px; background:url(../images/common/ico_new.png) no-repeat; }
.tab-new .ico-new { position:absolute; top:19px; left:63%; width:19px; height:19px; background:url(../images/common/ico_new.png) no-repeat; }


.tab-wrap .tab-tit.array-2 li { position:absolute; top:-2px; width:50%; }
.tab-wrap .tab-tit.array-2 li.tab02 { left:546px; }
.cnt .tit-txt-box { margin-bottom:80px; }
.cnt .tit-txt-box dt { font-size:30px; color:#000; text-align:center; }
.cnt .tit-txt-box dd p { font-size:20px; font-weight:lighter; line-height:30px;  }	
.cnt .tit-txt-box dd.line { width:58px; height:2px; margin:45px auto; background:#000; }
.cnt .tit-txt-box dd p span { font-weight:bold; }

/* 18.05.28 추가  */
.ico-update { display:inline-block; width:81px; height:25px; background:url(../images/common/ico_update.png) no-repeat; }
.tab-wrap .ico-update { position:absolute; top:18px; left:63%; }

/* 18.06.18 마이소호 6월교육, 플리마켓 팝업 추가 */
#layerPop-3 { top:30%; left:20%; }
#layerPop-4 { left:60%; margin-top: -175px;}/*18.09.11 수정*/
#layerPop-3 .layer-bottom, #layerPop-4 .layer-bottom { height:41px; padding-right:20px; border-top:1px solid #f0f1f3; color:#000; line-height:41px; text-align:right; } 
#layerPop-3 .layer-bottom label, #layerPop-4 .layer-bottom label { margin-right:10px; cursor:pointer; }
#layerPop-3 .layer-bottom label:after, #layerPop-4 .layer-bottom label:after { content:'|'; margin-left:10px; color:#fff; }
#layerPop-3 .layer-bottom .pop-today-close, #layerPop-4 .layer-bottom .pop-today-close { margin-right:10px; cursor:pointer; }
#layerPop-3 .layer-bottom .pop-today-close:after, #layerPop-4 .layer-bottom .pop-today-close:after { content:'|'; margin-left:10px; color:#eaeaea; }
#layerPop-3 .layer-bottom .btn-close, #layerPop-4 .layer-bottom .btn-close { color:#000; }/* 17.12.13 수정 */
.layer-wrap.type2 .lhd { height:57px; line-height:57px; border-bottom:none; text-align:left; }
.layer-wrap.type2 .lhd h2 { padding-left:20px; }
.layer-wrap.type2 .lhd .btn-close-black { right:20px; text-indent:-9999px; }

/* 18.10.19 11월 pg 가입 이벤트 */
#event-pgJoin { position:relative; width:1100px; height:3700px; margin:0 auto; background:url(../images/event/event_pgJoin_201811.jpg) no-repeat center; }
#event-pgJoin a.lnk { position:absolute; text-indent:-99999em; }
#event-pgJoin a.lnk01 { top:968px; left:283px; width:83px; height:16px; }
#event-pgJoin a.lnk02 { top:968px; right:284px; width:83px; height:16px; }
#event-pgJoin a.lnk03 { bottom:75px; left:50%; width:328px; height:64px; margin-left:-161px; }
#container .visual .visualSlide .event-rolling { background:url(../images/event/bnr_pgJoin_bg_201811.gif) no-repeat center / cover; }
#container .visual .visualSlide .event-rolling .inner-wrap { width:1280px; }

/* 18.10.26 솔루션 이전 이벤트 */
#event-solution { position:relative; width:1100px; height:4750px; margin:0 auto; background:url(../images/event/event_solution.jpg) no-repeat center; }
#event-solution a.lnk { position:absolute; bottom:88px; left:50%; width:328px; height:64px; margin-left:-161px; text-indent:-99999em; }
#container .visual .visualSlide .event-solution { background:#ffd95c; }
#container .visual .visualSlide .event-pagekin { background:#f1e8e9; }
#container .visual .visualSlide .event-solution .inner-wrap { width:1280px; }

/* 18.11.29 메인 공지사항 추가 */
.main-notice { overflow:hidden; position:relative; z-index:2; background:#ffffff; width: 625px; height:36px; line-height:36px; } /* 21.08.02 수정 */
.main-notice .bul-title { display:inline-block; position:absolute; left:0; width:24px; height:40px; margin-right:10px; background:url(../images/common/bul_h24_notice.png) no-repeat left center; } /* 19.07.29 수정 */
.main-notice .notice-roll { float:left; width:100%; padding-left:34px; box-sizing:border-box; }
.main-notice .notice-roll li { position:relative; overflow: hidden;}
.main-notice .notice-roll li a.txt-tit { display:inline-block; max-width:90%; font-size:14px; color:#000; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; float: left;} /* 19.07.30 수정 */
.main-notice .notice-roll li a.txt-tit .txt-blue { margin-right:7px; color:#00affe !important; }
.main-notice .notice-roll li .txt-date { float: left; font-size:13px; color:#808080; } /* 19.07.29 수정 */
.main-notice .notice-roll li .btn-plus { position:absolute; top:50%; right:0; width:22px; height:22px; margin-top:-11px; }
.main-notice .notice-roll li .btn-plus img { vertical-align:top; }

/* 18.12.24 1:1 문의 추가 */
.f-l { float:left; }
.fs-16 { font-size:16px; }
.mt-30 { margin-top:30px; }
.txt-green { color:#2ab400 }
.txt-hide { margin-top:5px; font-size:16px; }
.base .left { position:absolute; left:0; }
.btn-h60-bg3c6172 { display:inline-block; height:60px; line-height:60px; background:#3c6172; font-size:25px; font-weight:500; color:#fff; text-align:center; }
.btn-h60-bd03b0fe { display:inline-block; height:60px; line-height:60px; border:1px solid #03b0fe; font-size:25px; font-weight:500; color:#00b0ff; text-align:center; }
.btn-h60-bdblack { display:inline-block; height:58px; line-height:58px; border:1px solid #000; background:#fff; font-size:22px; font-weight:500; color:#000; text-align:center; }
.tab-con-wrap .tab-dep2-tit { overflow:hidden; width:330px; padding-bottom:37px; margin:0 auto; }
.tab-con-wrap .tab-dep2-tit li { float:left; }
.tab-con-wrap .tab-dep2-tit li:first-child:after { content:''; display:inline-block; clear:both; width:1px; height:16px; margin:0 40px; background:#e0e0e0; }
.tab-con-wrap .tab-dep2-tit li a { font-size:20px; color:#000; }
.tab-con-wrap .tab-dep2-tit li.on a { padding-bottom:5px; border-bottom:2px solid #03b0fe; color:#03b0fe; }
.tab-con-wrap .answer-view .view { display:none; }
.tab-con-wrap .answer-view tbody .now { background:#f0fbff; }
.tab-con-wrap .answer-view .view { background:#f6f6f6; text-align:left; }
.tab-con-wrap .answer-view .view td { padding-left:155px; }
.file-wrap { overflow:hidden; display:block; position:relative; width:365px; height:34px; margin-right:15px; }
.file-wrap .file { z-index:2; cursor:pointer; position:absolute; right:0; top:0; width:90px; height:39px; background:0; opacity:0; }
.file-wrap .btn-find { display:inline-block; position:absolute; top:0; right:0; z-index:1; padding:6px 20px; background:#969696; font-size:15px; color:#fff; text-align:center; }
.answer-view h3 { font-size:24px; font-weight:normal; color:#000; }
.answer-view p.txt-small { padding-top:5px; margin-bottom:45px; font-size:16px; font-weight:lighter; color:#666; }
.answer-view ul li { margin-bottom:20px; }
.answer-view .txt-hide { text-align:left; }
.answer-view .btn-h60-bg3c6172 { float:left; width:48%; }
.answer-view .btn-h60-bd03b0fe { float:right; width:48%; } 
.answer-view .view .view-cont .line { display:block; width:100%; height:1px; margin:24px 0; background:#e4e4e4; }
.answer-view .view .view-cont .txt { margin-bottom:20px; }
.answer-view .view .view-cont .aView .txt { padding-left:16px; }
.answer-view .view .btn-h60-bdblack { width:126px; margin:0 auto; }
.answer-view select:focus::-ms-value { background-color:white; color:#000; }
.bul-adminAnswer { display:block; width:101px; height:26px; margin-bottom:20px; background:url(../images/common/ico_admAnswer.gif) no-repeat center; }
.view-dnld { display:block; width:100%; height:44px; line-height:44px; border:1px solid #d2d2d2; background:#fff url(../images/common/ico_dlnd_blue.png) no-repeat right 13px center; }
.view-dnld span { padding:0 19px; }

/* 19.02.13 메인비주얼 롤링 */
#container .visual .visualSlide .event-pay { background:url(../images/event/bnr_payment_bg.jpg) no-repeat center / cover; }
#container .visual .visualSlide .event-pay .inner-wrap ,
#container .visual .visualSlide .event-hand .inner-wrap ,
#container .visual .visualSlide .event-pgjoin .inner-wrap { width:1280px; }
#container .visual .visualSlide .event-pgjoin { background:url(../images/event/bnr_pgjoin_bg.gif) no-repeat center / cover; }
#container .visual .visualSlide .event-hand { background:#ffd3a9; }
#container .visual .visualSlide .event-hand .inner-wrap .lnk { position:absolute; bottom:55px; width:260px; height:56px; }
#container .visual .visualSlide .event-hand .inner-wrap .lnk1 { left:354px; }
#container .visual .visualSlide .event-hand .inner-wrap .lnk2 { right:354px; }

/* 19.04.22  인스타그램 운영대행 */
#hdrWrap.current { width:100%; position:fixed; top:0; background:#fff; z-index:99; }

#event-instagram { width:1100px; margin:0 auto; position: relative;} /* 19.09.30 추가 */
#event-instagram > div { width:1930px; margin:0 -415px; }
#event-instagram span.text-yes {display: inline-block; width: 375px; height: 185px; background: url(../images/event/yes_text.gif) 0 0 no-repeat; position: absolute; background-size:375px 185px; text-indent:-9999px;}
#event-instagram span.text-yes.yes1 {top: 2444px; left: 653px;}
#event-instagram span.text-yes.yes2 {top: 3434px; left: 653px;}
#event-instagram span.text-yes.yes3 {top: 5600px; left: 653px;}

#container .visual .visualSlide .event-instagram {background: url(../images/common/bnr_instagram_bg.jpg) no-repeat center / cover;}
#container .visual .visualSlide .event-instagram .inner-wrap {width: 1280px;}

/* 19.07.19 추가 */
#container .visual .visualSlide .event-designTpl {background:#fef500;}
#container .visual .visualSlide .event-designTpl .inner-wrap {width: 1280px;}

#marketing .cnt dt .btn40 { display:inline-block; margin-bottom:20px; padding:0 20px; line-height:38px; font-size:18px; } /* 19.04.22 추가 */
#marketing .cnt dt .btn40.pink { border:1px solid #ff3478; color:#ff3478; } /* 19.04.22 추가 */
#marketing .cnt dt .btn40 span { display:inline-block; padding-right:17px; background:url(../images/common/arr_pink.png) right center no-repeat; } /* 19.04.22 추가 */

/* 19.05.15 가입안내 관련 추가 */
.sentence-area {padding: 30px 0; border-top: 1px solid #f0f0f0;} /* 20.10.21 수정 */
.sentence-area p {margin-top: 15px; font-size: 16px; padding-left: 17px; font-weight: 300; color: #666666;} /* 20.10.21 수정 */
.sentence-area p .blue {font-weight: 300; color: #00affe;}

.applyStep {padding: 40px 0 25px; border-bottom: 1px solid #f0f0f0;} /* 20.10.21 수정 */

.cnt dl.h3-tit.seller-type {padding-left: 80px; margin-top: 75px; background: url(../images/common/tit_ico_seller.png) left 0px no-repeat;}
.cnt dl.h3-tit.pg-application {padding-left: 80px; margin-top: 75px; background: url(../images/common/tit_ico_pg.png) left 0px no-repeat;}
.cnt h4 .blue {font-size: 18px; font-weight: 300; color: #00affe;}

.applyway {margin-top: 45px;}
.applyway .step {margin-top: 40px;} /* 20.10.21 수정 */
.applyway .step .title {overflow: hidden; }
.applyway .step .title span {display: inline-block; margin-right: 20px; float: left; padding-left: 20px; position: relative; line-height: 30px; font-weight: bold; font-size: 20px; color: #00affe; }
.applyway .step .title span:before {display: block; content: '-'; position: absolute; top: 0; left: 0;}
.applyway .step .title a {float: left; display: inline-block; margin-right: 10px;}
.applyway .step .text {margin-top: 10px; padding-left: 15px; line-height: 28px; font-weight: 300; font-size: 16px; color: #666666;} /* 20.10.21 수정 */
.applyway .step .text span {color: #000;}/* 20.10.21 수정 */
.bg-gray-area {margin-top: 20px; padding: 40px; background: #fafafa;}
.bg-gray-area ol > li {margin-top: 30px;}
.bg-gray-area ol > li:first-child {margin-top: 0;}
.bg-gray-area ol > li .tit > span {display: inline-block; margin-right: 20px; line-height: 30px; font-size: 20px;}
.bg-gray-area ol > li .tit > a {margin-right: 10px;}
.bg-gray-area ol > li .txt {margin-top: 15px; line-height: 28px; font-size: 16px; color: #000;}
.bg-gray-area ol > li .txt .red {color: #ff0000;}
.bg-gray-area ol > li .txt .blue {color: #00affe;}

.btn-bd-gray {display: inline-block; padding: 0 10px; line-height: 28px; border: 1px solid #999999; font-weight: 300; font-size: 14px; background: #fff;}

table tr td ul.list > li { margin-top: 10px;font-size: 18px; color: #000000;}
table tr td ul.list > li:first-child {margin-top: 0;}

/* 19.05.21 계약서 작성예시 팝업 */
.pop-bg {display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; z-index: 9; background: #000; opacity: .5; filter:alpha(opacity=50);}
.layer-wrap .contract-slide {width: 532px; margin: 0 auto; position: relative; overflow:visible !important;}
.layer-wrap .contract-slide .slidesjs-slide {border: 1px solid #dededf; box-sizing:border-box;}
.layer-wrap .contract-slide .slidesjs-previous {display: inline-block; width: 51px; height: 51px; text-indent:-9999px; background: url(../images/common/btn_h51_left.png) no-repeat; position: absolute; top: 50%; left: -80px; margin-top: -80px; z-index: 9;}
.layer-wrap .contract-slide .slidesjs-next {display: inline-block; position: absolute; top: 50%; right: -80px; background: url(../images/common/btn_h51_right.png) no-repeat; width: 51px; height: 51px; text-indent:-9999px; margin-top: -80px; z-index: 9;}

/*s:190722*/
.tab-con-wrap{position:relative;}
.tab-con-wrap:after{content:''; display:block; clear:both}
.tab-con-wrap .tab-con{opacity:0;height:0;overflow:hidden;transition:all 0.3s;}
.tab-con-wrap .tab-con.on{opacity:1;height:auto;overflow:hidden; transition:all 0.3s}

.tab-con-wrap .tab-con03 .cont-wrap{}

.tab-con-wrap .tab-con03 .cont-wrap .cont-box01 .img-box{} /* 19.08.20 수정 */
.tab-con-wrap .tab-con03 .cont-wrap .cont-box01 .img-box img{max-width:100%}
.tab-con-wrap .tab-con03 .cont-wrap .cont-box01 .txt-box{text-align:center; font-size:16px; color:#666; font-weight:400; letter-spacing:-0.1} 
.tab-con-wrap .tab-con03 .cont-wrap .cont-box01 .txt-box span{color:#000; font-size:26px; font-weight:900; display:block; margin-bottom:10px;}

.tab-con-wrap .tab-con03 .cont-wrap .cont-box02{border:1px solid #c7c7c7; padding:80px 0; text-align:center; border-left:0; border-right:0; margin:0px auto; border-bottom: none;} /* 19.10.28 수정 */
.tab-con-wrap .tab-con03 .cont-wrap .cont-box02 .slider-cont {position:relative}
.tab-con-wrap .tab-con03 .cont-wrap .cont-box02 li{ width:100%}
.tab-con-wrap .tab-con03 .cont-wrap .cont-box02 li .tit{font-size:48px;color:#000;font-weight:900;margin}
.tab-con-wrap .tab-con03 .cont-wrap .cont-box02 li .tit img{vertical-align:middle;}
.tab-con-wrap .tab-con03 .cont-wrap .cont-box02 li .tit span{color:#00acfe;font-size:48px;font-weight:900}
.tab-con-wrap .tab-con03 .cont-wrap .cont-box02 li .txt{font-size:20px; color:#666; font-weight:400;letter-spacing:-0.2;margin:10px auto 30px}
.tab-con-wrap .tab-con03 .cont-wrap .cont-box02 li .img{}
.tab-con-wrap .tab-con03 .cont-wrap .cont-box02 li .img img{box-shadow: 10px 20px 25px 0px rgba(210,210,210,1);}
.tab-con-wrap .tab-con03 .cont-wrap .cont-box02 .slidesjs-navigation { display:block; position:absolute; top:50%; z-index:10; width:35px; height:68px; margin-top:-34px; text-indent:-9999em; }
.tab-con-wrap .tab-con03 .cont-wrap .cont-box02 .slidesjs-previous { left:5%; background:url(../images/common/btn_h68_left.png) no-repeat;transition:all 0.3s }
.tab-con-wrap .tab-con03 .cont-wrap .cont-box02 .slidesjs-previous:hover { background:url(../images/common/btn_h68_left_on.png) no-repeat; transition:all 0.3s}
.tab-con-wrap .tab-con03 .cont-wrap .cont-box02 .slidesjs-next { right:5%; background:url(../images/common/btn_h68_right.png) no-repeat; transition:all 0.3s}
.tab-con-wrap .tab-con03 .cont-wrap .cont-box02 .slidesjs-next:hover { background:url(../images/common/btn_h68_right_on.png) no-repeat;transition:all 0.3s }


.tab-con-wrap .tab-con03 .cont-wrap .cont-box03 .txt-box { text-align:center;font-size:16px; color:#666; font-weight:400;letter-spacing:-0.1;} /* 19.08.20 수정 */
.tab-con-wrap .tab-con03 .cont-wrap .cont-box03 .txt-box span { color:#000;font-size:26px; font-weight:900;display:block;margin-bottom:10px;}
.tab-con-wrap .tab-con03 .cont-wrap .cont-box03 .type-box { width:1100px; height:462px;margin-bottom:20px}
.tab-con-wrap .tab-con03 .cont-wrap .cont-box03 .type-box.st01 .type-txt-box { width:456px; float:right; padding:60px 80px 60px 0; box-sizing: border-box;}
.tab-con-wrap .tab-con03 .cont-wrap .cont-box03 .type-box.st02 .type-txt-box { width:456px; float:left;padding:60px 0 60px 80px; box-sizing: border-box;}
.tab-con-wrap .tab-con03 .cont-wrap .cont-box03 .type-box.st01:after { content:'';display:block; clear:both}
.tab-con-wrap .tab-con03 .cont-wrap .cont-box03 .type-box.type01 { background-image:url('../images/common/design_bg01.jpg');background-size:1100px 462px;background-repeat:no-repeat }
.tab-con-wrap .tab-con03 .cont-wrap .cont-box03 .type-box.type02 { background-image:url('../images/common/design_bg02.jpg');background-size:1100px 462px;background-repeat:no-repeat}
.tab-con-wrap .tab-con03 .cont-wrap .cont-box03 .type-box.type03 { background-image:url('../images/common/design_bg03.jpg');background-size:1100px 462px;background-repeat:no-repeat}
.tab-con-wrap .tab-con03 .cont-wrap .cont-box03 .type-box.type04 { background-image:url('../images/common/design_bg04.jpg');background-size:1100px 462px;background-repeat:no-repeat}
.tab-con-wrap .tab-con03 .cont-wrap .cont-box03 .type-box.type05 { background-image:url('../images/common/design_bg05.jpg');background-size:1100px 462px;background-repeat:no-repeat }
.tab-con-wrap .tab-con03 .cont-wrap .cont-box03 .type-box.type06 { background-image:url('../images/common/design_bg06.jpg');background-size:1100px 462px;background-repeat:no-repeat}
.tab-con-wrap .tab-con03 .cont-wrap .cont-box03 .type-box.type07 { background-image:url('../images/common/design_bg07.jpg');background-size:1100px 462px;background-repeat:no-repeat}
.tab-con-wrap .tab-con03 .cont-wrap .cont-box03 .type-box .type-num { font-weight:600; color:#00affe;font-size:20px;margin-bottom:10px }
.tab-con-wrap .tab-con03 .cont-wrap .cont-box03 .type-box .type-tit { font-weight:900; color:#000;font-size:40px;margin-bottom:10px}
.tab-con-wrap .tab-con03 .cont-wrap .cont-box03 .type-box .type-hash { margin-bottom:15px; }
.tab-con-wrap .tab-con03 .cont-wrap .cont-box03 .type-box .type-hash li { display:inline-block;border-radius:25px; background:#fff;padding:10px 15px;font-size:16px; font-weight:500px; color:#000; margin-right:5px; }
.tab-con-wrap .tab-con03 .cont-wrap .cont-box03 .type-box .type-txt { font-size:16px; color:#666666; line-height:1.5; font-weight:300; } /* 19.10.28 수정 */
.tab-con-wrap .tab-con03 .cont-wrap .cont-box03 .type-box .type-btn { margin-top:40px; border:1px solid #cccccc; padding:20px 0; font-size:0;border-left:0; border-right:0; }
.tab-con-wrap .tab-con03 .cont-wrap .cont-box03 .type-box .type-btn li { display:inline-block; vertical-align:middle; text-align:center; width:50%; box-sizing: border-box; }
.tab-con-wrap .tab-con03 .cont-wrap .cont-box03 .type-box .type-btn li:first-child{ border-right:1px solid #ccc; }
.tab-con-wrap .tab-con03 .cont-wrap .cont-box03 .type-box .type-btn li:last-child span{ color:#00affe; }
.tab-con-wrap .tab-con03 .cont-wrap .cont-box03 .type-box .type-btn li img { display:block;margin:0 auto;margin-bottom:10px; }
.tab-con-wrap .tab-con03 .cont-wrap .cont-box03 .type-box .type-btn li span { font-weight:600; color:#000; font-size:18px; }
.tab-con-wrap .tab-con03 .cont-wrap .cont-box03 .type-box .type-btn li a { display:block; }

.tab-con-wrap .btn-box { background:#00b0ff; padding:40px 80px;font-size:0 } /* 19.08.20 수정 */
.tab-con-wrap .btn-box .lf-box { display:inline-block;width:50%;vertical-align:middle } /* 19.08.20 수정 */
.tab-con-wrap .btn-box .lf-box { font-size:24px; color:#fff; } /* 19.08.20 수정 */
.tab-con-wrap .btn-box .lf-box img { vertical-align:middle } /* 19.08.20 수정 */
.tab-con-wrap .btn-box .rt-box { display:inline-block;width:50%;vertical-align:middle;text-align:right} /* 19.08.20 수정 */
.tab-con-wrap .btn-box .rt-box .btn01 { width:180px; height:56px; line-height:54px; border:1px solid #fff; text-align:center; display:inline-block; } /* 19.08.20 수정 */
.tab-con-wrap .btn-box .rt-box .btn01 a { font-size:20px; color:#fff; display:block; } /* 19.08.20 수정 */
.tab-con-wrap .btn-box .rt-box .btn02 { width:180px; height:56px; line-height:54px; border:1px solid #fff; text-align:center; background:#fff; display:inline-block; margin-left:20px; } /* 19.08.20 수정 */
.tab-con-wrap .btn-box .rt-box .btn02 a { font-size:20px; color:#00b0ff;display:block; } /* 19.08.20 수정 */
.tab-con-wrap .check-box { padding:40px 80px; } /* 19.08.20 수정 */
.tab-con-wrap .check-box dt { color:#000; font-size:16px; margin-bottom:10px; } /* 19.08.20 수정 */
.tab-con-wrap .check-box dd { margin-bottom:5px; color:#666; font-size:14px; } /* 19.08.20 수정 */
/*e:190722*/

/* 19.07.29 추가 */
.visual .slidepaging { width: 1100px; margin: 0 auto; position: relative; }
#visualSlidenumber { display: inline-block; position: absolute; top: -600px; right: 0; z-index: 99; width: 74px; height: 33px; border-radius:100px; text-align: center; line-height: 33px; } /* 19.07.30 수정 */
#visualSlidenumber .bg { width: 100%; height: 100%; background: #000; opacity: 0.5; filter:alpha(opacity=50); border-radius:50px; } /* 19.07.30 추가 */
#visualSlidenumber p { position: absolute; top: 0; left: 22px; font-size: 12px; color: #fff; } /* 19.07.30 추가 */
#visualSlidenumber .slidesjs-slide-number { font-weight: bold; }

.main-contents .section.designTpl .title-text { padding-top: 80px; position: relative; }
.main-contents .section.designTpl .title-text .tit1 { font-size: 36px; color: #000; font-weight: 500; }
.main-contents .section.designTpl .title-text .tit1 .fc-blue { color: #00affe; }
.main-contents .section.designTpl .title-text .tit2 { margin-top: 25px; font-size: 20px; color: #666666; font-weight: 300; } /* 19.07.31 수정 */
.main-contents .section.designTpl .title-text .btn-view { display: block; width: 306px; height: 78px; position: absolute; top: 96px; right: 0; text-align: center; background: #00affe;} /* 19.07.31 수정 */
.main-contents .section.designTpl .title-text .btn-view span { display: inline-block; padding-right: 68px; background: url(../images/common/ico_btn_arr_white.png) right 30px no-repeat; line-height: 78px; font-size: 24px; color: #ffffff;} /* 19.07.31 수정 */
.main-contents .section.designTpl .tpl { padding: 60px 0 70px; }
.main-contents .section.designTpl .tpl ul { width: 100%; overflow: hidden; }
.main-contents .section.designTpl .tpl ul li { float: left; width: 232px; margin-left: 57px; }
.main-contents .section.designTpl .tpl ul li:first-child { margin-left: 0; }
.main-contents .section.designTpl .tpl ul li .img { border: 1px solid #c9c9c9; position: relative; }
.main-contents .section.designTpl .tpl ul li .img .dim { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.4; fliter:alpha(opacity=40); }
.main-contents .section.designTpl .tpl ul li .img .btn-shop-view { display: none; width: 120px; height: 40px; background: #fff; text-align: center; border-radius:5px; position: absolute; top: 50%; left: 50%; margin: -30px 0 0 -60px; }
.main-contents .section.designTpl .tpl ul li .img .btn-shop-view span { padding-right: 20px; background: url(../images/common/ico_shop_view.png) right center no-repeat; font-size: 15px; color: #000000; line-height: 40px; }
.main-contents .section.designTpl .tpl ul li p { margin-top: 15px; text-align: center; font-size: 22px; color: #000; font-weight: 500; }

#header .innerWrap .experience { display: inline-block; position: absolute; top: 24px; left: 205px; } /* 20.10.21 수정 */
#header .innerWrap .experience ul { overflow: hidden; }
#header .innerWrap .experience ul li { float: left; position: relative; }
#header .innerWrap .experience ul li a { display: block; padding: 0 15px; font-size: 15px; color: #6d6d6f; text-align: center; } /* 19.07.30 수정 */
#header .innerWrap .experience ul li:before { display: block; content: ''; width: 1px; height: 33px; background: #eeeeee; position: absolute; left: 0; top: 8px; }
#header .innerWrap .experience ul li:first-child:before { display: none; }

/* 19.08.20 */
.tab-con .gray-box {height: 362px; margin-bottom: 20px; position: relative;}
.tab-con05 .gray-box.box1 {background: url(../images/common/promotion_bg1.jpg) 0 0 no-repeat;}
.tab-con05 .gray-box.box2 {background: url(../images/common/promotion_bg2.jpg) 0 0 no-repeat;}
.tab-con05 .gray-box.box3 {background: url(../images/common/promotion_bg3.jpg) 0 0 no-repeat;}
.tab-con06 .gray-box.box1 {background: url(../images/common/reseller_bg1.jpg) 0 0 no-repeat;}
.tab-con06 .gray-box.box2 {background: url(../images/common/reseller_bg2.jpg) 0 0 no-repeat;}
.tab-con06 .gray-box.box3 {background: url(../images/common/reseller_bg3.jpg) 0 0 no-repeat;}
.tab-con06 .gray-box.box4 {background: url(../images/common/reseller_bg4.jpg) 0 0 no-repeat;}
.tab-con .gray-box .text-area {position: absolute;}
.tab-con .gray-box .text-area .tit {font-weight: 800; font-size: 40px; line-height: 60px; color: #000;}
.tab-con .gray-box .text-area .txt {margin-top: 10px; line-height: 26px; font-size: 16px; color: #666666;}
.tab-con .gray-box.txt-l .text-area {left: 140px; top: 80px;}
.tab-con .gray-box.txt-r .text-area {left: 645px; top: 80px;}

.fc-blue {color: #00affe;}
.fc-black {color: #000;}
.fc-org {color: #fe5142;}

.tab-con .txt-box {padding: 35px 0; text-align: center; font-size: 16px; color: #666; font-weight: 400;}
.tab-con .txt-box span {display: block; color: #000; font-size: 26px; font-weight: 900; margin-bottom: 10px;}
.tab-con .cont-wrap .img-box {text-align: center;}
.tab-con .border {border-bottom: 1px solid #c7c7c7;}
.tab-con .cont-qa {margin-top: 70px; padding-left: 205px;}
.tab-con .cont-qa dl {display: inline-block; height: 88px; padding-left: 275px; position: relative;}
.tab-con .cont-qa dl dt {line-height: 62px; padding-left: 104px; position: absolute; top: 0; left: 0; font-weight: 800; font-size: 48px; color: #000;}
.tab-con .cont-qa dl dt .number {width: 90px; height: 83px; position: absolute; top: 0; left: 0; background: url(../images/common/reseller_number_bg.png) 0 0 no-repeat; font-weight: 800; font-size: 24px; color: #ffffff; line-height: 65px; text-indent: 28px;}
.tab-con .cont-qa dl dd {display: table-cell; vertical-align: middle; height: 66px; text-align: left; line-height: 28px; font-size: 20px; color: #666666;}

.pb-60 {padding-bottom: 60px;}

/* 19.09.25 추가 */
#container .visual .visualSlide .event-sns {background: url(../images/event/bnr_sns_pc_bg.jpg) no-repeat center / cover;}
#container .visual .visualSlide .event-sns .inner-wrap {width: 1280px;;}

/* 19.10.10 추가 */
.boder-bottom-gray-1 {border-bottom: 1px solid #e2e1e1;}
#event_shopportor {width: 1100px; margin: 0 auto; position: relative;}

/*s:191015 add*/
#container .visual .visualSlide .event-shopporter {background: url('../images/event/shopporte_vis_bg.jpg') repeat-y center / cover;height:625px}
#container .visual .visualSlide .event-shopporter .inner-wrap{height: 100%;position: absolute;bottom: -60px;left: 50%;transform: translateX(-50%);}
#container .visual .visualSlide .event-shopporter .inner-wrap img{display:block; margin:0 auto}
/*e:191015 add*/

/*s:191016 add*/
#container .visual .visualSlide .event-pg-new {background: url('../images/event/bn191016_bg.jpg') no-repeat center / cover;height:625px}
#container .visual .visualSlide .event-pg-new .inner-wrap {height: 100%;position: absolute;bottom: -95px;left: 50%;transform: translateX(-50%);;}
#container .visual .visualSlide .event-pg-new .inner-wrap img{display:block; margin:0 auto}
/*e:191016 add*/

/* 19/10/16 s */
.mb-20 { margin-bottom:20px !important; }
.topVisBgWrap .multi-line-desc { padding-top:43px; font-size:22px; font-weight:lighter; line-height:30px; text-align:left; }
.gray-con { background:#f1f1f1; }
ul.img-l { position:relative; height:360px; }
ul.img-l li:first-child { position:absolute; left:80px; top:50px; }
ul.img-l li+li { padding:50px 80px 50px 630px; }
ul.img-l li p { color:#666; font-size:16px; font-weight:300; }
ul.img-l strong { font-weight:400; color:black; }
ul.img-l dl { margin-bottom:15px; font-size:40px; font-weight:800; }
ul.img-l dl dd { color:#00affe; }
ul.img-r { position:relative; height:360px; }
ul.img-r li+li { position:absolute; left:140px; top:50px; }
ul.img-r li:first-child { padding:50px 100px 50px 630px; }
ul.img-r li p { color:#666; font-size:16px; font-weight:300; }
ul.img-r strong { font-weight:400; color:black; }
ul.img-r dl { margin-bottom:15px; font-size:40px; font-weight:800; }
ul.img-r dl dd { color:#00affe; }
ul.img-r.con2 li:first-child { padding:80px 100px 50px 630px; }
ul.img-l.con3 li:first-child {  position:absolute; left:140px; top:37px; }
ul.img-r.con4 li:first-child { padding:80px 100px 50px 630px; }
ul.img-r.con4 li+li { top:70px; }
ul.img-l.con5 dt,
ul.img-r.con6 dt { color:#00affe; }
ul.img-l.con5 dd,
ul.img-r.con6 dd { color:black; }
ul.img-r.con6 li:first-child { padding:38px 100px 0px 630px; }
ul.img-r.con6 li+li { top:70px; }
.exp { margin:30px 0 0 100px; }
dl.exp dt { margin-bottom:10px; font-size:16px;  }
dl.exp dd { line-height:30px; font-size:14px; color:#666; font-weight:300; }
.blue-area { position:relative; padding:50px 120px 50px 95px; background:#00b0ff; }
.blue-area p.tit { font-weight:500; font-size:24px; color:white; }
.blue-area p.btn { position:absolute; right:80px; top:40px; }
.blue-area p.btn a { display:inline-block; padding:10px 50px; text-align:center; font-size:20px; font-weight:300;
	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
	        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
}
.blue-area p.btn a:first-child { border:1px solid white; background:transparent; color:white; }
.blue-area p.btn a+a { margin-left:15px; border:1px solid white; background:white; color:#00b0ff; }
.cnt .tit-txt-box dd p.txt-center.desc { margin-top:10px; line-height:24px; font-size:16px; font-weight:300; color:#666; }
.cnt .tit-txt-box dd p.txt-center.desc span { color:black; font-weight:400; }  
.tit-txt-box2 { margin:40px 0 50px!important; }
.tab-con02 ul.img-l li:first-child { top:38px; }
.tab-con02 ul.img-r li+li { top:80px; }
.tab-con02 ul.img-r.con2 li:first-child { padding:40px 100px 50px 630px; }
.tab-con02 .con3.img-l li:first-child { top:40px; left:130px; }
.tab-con02 .con3.img-l li+li { padding: 70px 50px 50px 630px; }
.grid-4 { margin:0 1px; }
.grid-4 li { float:left; width:50%; height:550px; margin-bottom:1px; background:#f1f1f1; }
.grid-4 li:nth-child(2n) { float:right; /* position:relative; left:-1px; */ margin:0 -1px 1px -1px; /* border-left:1px solid white; */ }
.grid-4.exam { text-align:center; }
.grid-4.exam > ul > li > p { padding:30px 0 20px; }
.grid-4.exam > ul > li:nth-child(4) > p { padding:40px 0 20px; }
.grid-4.exam  dl > dt { padding:10px 0; font-weight:500; text-transform:uppercase; font-size:18px; }
.grid-4.exam  dl > dd { font-weight:300; }
.grid-4.exam  dl > dd > p { font-weight:300; }
.grid-4.exam  dl > dd strong { font-weight:400; }
.grid-4.exam  dl > dd > p.txt-skyblue { color:#00b0ff; font-weight:400; }
.grid-4.exam p.tit-l { margin:50px 0 25px; font-size:32px; }
.grid-4.exam p.tit-l strong:first-child { color:#00b0ff; }

.grid-3 { margin:0 0 20px; }
.grid-3 li { float:left; width:33.33%; height:530px; margin-bottom:1px; background:#f1f1f1; }
.grid-3 li:nth-child(1) { /* position:relative; left:-1px; */ margin:0 0px 0 -2px; /* border-left:1px solid white; */ }
.grid-3 li:nth-child(2) { /* position:relative; left:-1px; */ margin:0 0px 0 1px; /* border-left:1px solid white; */ }
.grid-3 li:nth-child(3) {  margin:0 -1px 0 1px; /* border-left:1px solid white; */ }
.grid-3.exam { text-align:center; }
.grid-3.exam > ul > li > p { height:300px; padding:30px 0 20px; }
.grid-3.exam > ul > li:first-child > p img { padding-top:50px; }
.grid-3.exam > ul > li:nth-child(4) > p { padding:40px 0 20px; }
.grid-3.exam dl { margin-top:30px; }
.grid-3.exam dl > dt { padding:10px 0; font-weight:500; text-transform:uppercase; font-size:18px; }
.grid-3.exam dl > dd { font-weight:300; }
.grid-3.exam dl > dd > p { font-weight:300; }
.grid-3.exam dl > dd strong { font-weight:400; }
.grid-3.exam dl > dd > p.txt-skyblue { color:#00b0ff; font-weight:400; }
.grid-3.exam p.tit-l { margin:50px 0 25px; font-size:32px; }
.grid-3.exam p.tit-l strong:first-child { color:#00b0ff; }
/* 19/10/16 e */

/* 19.10.28 추가 */
.main-contents .designTpl .tab-area {margin-top: 50px;}
.main-contents .designTpl .tab-area ul {width: 100%; overflow: hidden;}
.main-contents .designTpl .tab-area ul li {float: left; width: 50%;}
.main-contents .designTpl .tab-area ul li a {display: block; border-top: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; border-left: 1px solid #c7c7c7; text-align: center; line-height: 72px; font-size: 20px; color: #666666;}
.main-contents .designTpl .tab-area ul li:last-child a {border-right: 1px solid #c7c7c7; border-left: 1px solid #00affe;}
.main-contents .designTpl .tab-area ul li.now a {border-left: 1px solid #00affe; border-top: 1px solid #00affe; border-bottom: 1px solid 
#00affe; color: #00affe; background: #ffffff;}
.main-contents .designTpl .tab-area ul li.open {position: relative;}
.main-contents .designTpl .tab-area ul li.open .icon {position: absolute; top: 6px; right: 230px;}

.main-contents .section.designTpl .pc .tpl ul li {width: 340px; margin-left: 40px;}
.main-contents .section.designTpl .pc .tpl ul li:first-child {margin-left: 0;}

.cont-box03 .tab-area {margin-bottom: 20px;}
.cont-box03 .tab-area ul {width: 100%; overflow: hidden;}
.cont-box03 .tab-area ul li {float: left; width: 50%;}
.cont-box03 .tab-area ul li a {display: block; border-top: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; border-left: 1px solid #c7c7c7; text-align: center; line-height: 72px; font-size: 20px; color: #666666;}
.cont-box03 .tab-area ul li:last-child a {border-right: 1px solid #c7c7c7; border-left: 1px solid #00affe;}
.cont-box03 .tab-area ul li.now a {border-left: 1px solid #00affe; border-top: 1px solid #00affe; border-bottom: 1px solid 
#00affe; color: #00affe;}
.cont-box03 .tab-area ul li.open {position: relative;}
.cont-box03 .tab-area ul li.open .icon {position: absolute; top: 6px; right: 230px;}

/* 19/10/29 s */
.eventPage span.price-50 { z-index:2; position:absolute; left:50%; top:617px; transform: translateY(-50%); width:50%; height:auto; margin:auto 0 auto -25%; }
.event-sns2 { height:1056px; background:#fd4444; }
.event-sns2 p.cnt-img  { position:relative; width:100%; height:626px; }
/* .event-sns2 p.cnt-img img { max-width:inherit;} */
a.b-img {   position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%; }
/* 19/10/29 e */

/*s:200212*/
.event-sns3 {/* height:1056px;*/}
.event-sns3 p.cnt-img  { position:relative; width:100%; height:627px; }
a.b-img {min-width:1100px;height:627px;display:block; position: absolute;top: 0;left: 0;bottom: 0;right: 0;background-size: auto;background-repeat: no-repeat;background-position: center; }
span.b-img {min-width:1100px;height:627px;display:block; position: absolute;top: 0;left: 0;bottom: 0;right: 0;background-size: auto;background-repeat: no-repeat;background-position: center; }
/*e:200212*/
/* 19.11.08 top버튼 추가 */
.btn-top {position:fixed; z-index:99; width:58px; height:58px; background:url(../images/common/btn_top_arrow.png) no-repeat; background-size: 58px auto;  bottom:40px; right:165px; border-radius:50%; transition:all .5s; opacity:0; filter:alpha(opacity=0); background-position: center; background-size : 58px auto; background-color: #fff; }
.btn-top.on {opacity:1; filter:alpha(opacity=100);}

/*s:200416:add - shiptob_intro*/
.shoptob-intro-visual{background:url('../images/common/shiptob_intro_visual_bg.gif') repeat-x;height:650px;width:100%;overflow:hidden;position:relative}
.shoptob-intro-visual img{width:auto;max-width:none;position:absolute;left:50%; transform:translateX(-50%);} /* 21.06.07 황수현 수정 */
#shiptob-intro.contents{padding:0}
#shiptob-intro .inner-wrap{width:auto;}
#shiptob-intro .inner-wrap  .cont01{width:1100px;margin:0 auto 80px;background:#fff;padding:0 45px;position:relative; }
#shiptob-intro .inner-wrap  .cont01 .how-box{text-align:center}
#shiptob-intro .inner-wrap  .cont01 .how-box .tit{font-size:48px; letter-spacing:-2.88px;color:#000000;font-weight:300;line-height:1;}
#shiptob-intro .inner-wrap  .cont01 .how-box .tit img{display:block;margin:25px auto 0}
#shiptob-intro .inner-wrap  .cont01 .how-box .txt{margin:35px auto 50px;line-height:36px;font-size:20px; letter-spacing:-1.2px; color:#000000;font-weight:300}
#shiptob-intro .inner-wrap  .cont01 .how-box .txt span{font-size:20px; letter-spacing:-1.2px;color:#666666;font-weight:300}
#shiptob-intro .inner-wrap  .cont01 .how-box .txt strong{font-size:20px; letter-spacing:-1.2px;color:#000000;font-weight:500 }
#shiptob-intro .inner-wrap  .cont01 .how-box .img{}
#shiptob-intro .inner-wrap  .cont01 .slider-box{margin-top:80px}
#shiptob-intro .inner-wrap  .cont01 .slider-box .tit{font-weight:600;font-size:26px; letter-spacing:-1.04px;margin-bottom:30px; line-height:1}
#shiptob-intro .inner-wrap  .cont01 .slider-box .bd-box{border:1px solid #e5e5e5; border-top:2px solid #000000;padding:50px 0;width:100%;position:relative;}
#shiptob-intro .inner-wrap  .cont01 .swiper-container{height:250px !important;width:100% !important}
#shiptob-intro .inner-wrap  .cont01 .swiper-container .swiper-wrapper{}
#shiptob-intro .inner-wrap  .cont01 .swiper-container .swiper-wrapper .swiper-slide{width:100%;height:250px !important}
#shiptob-intro .inner-wrap  .cont01 .swiper-container .swiper-wrapper .swiper-slide:after{content:'';display:block; clear:both}
#shiptob-intro .inner-wrap  .cont01 .swiper-container .swiper-wrapper .swiper-slide .img{float:left;width:50%; text-align:center}
#shiptob-intro .inner-wrap  .cont01 .swiper-container .swiper-wrapper .swiper-slide .txt-box{float:right;width:50%;text-align:left;;padding-top:70px}
#shiptob-intro .inner-wrap  .cont01 .swiper-container .swiper-wrapper .swiper-slide .txt-box .tit{color:#0c1048; font-size:30px;font-weight:400;letter-spacing:-0.8px;margin-bottom:20px}
#shiptob-intro .inner-wrap  .cont01 .swiper-container .swiper-wrapper .swiper-slide .txt-box .txt{color:#666666; font-weight:300; font-size:18px; letter-spacing:-0.5px}
#shiptob-intro .inner-wrap  .cont01 .slider-box .swiper-container .swiper-wrapper .swiper-slide .txt-box .txt span.txt-col-blue{color:#3daffd;font-weight:400}
#shiptob-intro .inner-wrap  .cont01 .swiper-container .swiper-wrapper .swiper-slide .txt-box .txt span.txt-line{text-decoration:underline}
#shiptob-intro .inner-wrap  .cont01 .swiper-container .swiper-wrapper .swiper-slide .txt-box .txt span.sml-txt{font-size:14px}
#shiptob-intro .inner-wrap  .cont01 .lf{position:absolute; top:50%; left:45px;margin-top:-15.5px;z-index:99}
#shiptob-intro .inner-wrap  .cont01 .rt{position:absolute; top:50%; right:45px;margin-top:-15.5px;z-index:99}
#shiptob-intro .inner-wrap  .cont01 .slide-pagnation{position:absolute;top:70px;left: 50%; padding-left: 5px;z-index:99;background: rgba(265,265,265,0.7);}
#shiptob-intro .inner-wrap  .cont01 .slide-pagnation span{margin-right: 15px; padding-bottom: 5px;position: relative; width: 10px;display: inline-block;text-align: center;cursor:pointer;height: auto;background: none;border-radius: 0;opacity: 1;}
#shiptob-intro .inner-wrap  .cont01 .slide-pagnation span:nth-child(1):after{content:'1';font-size:16px; font-weight:300;color:#666666}
#shiptob-intro .inner-wrap  .cont01 .slide-pagnation span:nth-child(2):after{content:'2';font-size:16px; font-weight:300;color:#666666}
#shiptob-intro .inner-wrap  .cont01 .slide-pagnation span:nth-child(3):after{content:'3';font-size:16px; font-weight:300;color:#666666}
#shiptob-intro .inner-wrap  .cont01 .slide-pagnation span:nth-child(4):after{content:'4';font-size:16px; font-weight:300;color:#666666}
#shiptob-intro .inner-wrap  .cont01 .slide-pagnation span:nth-child(5):after{content:'5';font-size:16px; font-weight:300;color:#666666}
#shiptob-intro .inner-wrap  .cont01 .slide-pagnation span:nth-child(6):after{content:'6';font-size:16px; font-weight:300;color:#666666}
#shiptob-intro .inner-wrap  .cont01 .slide-pagnation.slidepg span.swiper-pagination-bullet-active:after{font-weight:bold;color:#3daffd}
#shiptob-intro .inner-wrap  .cont01 .slide-pagnation.slidepg span.swiper-pagination-bullet-active:before{content: '';width: 14px;height: 3px; background: #3daffd;display: block;position: absolute;bottom: 0;left: 50%;margin-left: -7px;}
#shiptob-intro .inner-wrap  .cont02{background:#fafafa;padding:80px 45px;position:relative;text-align:center}
#shiptob-intro .inner-wrap  .cont02 .cont-box{width:1100px; margin:0 auto}
#shiptob-intro .inner-wrap  .cont02 .tit{font-size:48px; letter-spacing:-2.88px;color:#000000;font-weight:300;line-height:1;}
#shiptob-intro .inner-wrap  .cont02 .tit img{display:block;margin:25px auto 0}
#shiptob-intro .inner-wrap  .cont02 .why-list{font-size:0;margin-top:55px}
#shiptob-intro .inner-wrap  .cont02 .why-list:after{content:'';display:block; clear:both}
#shiptob-intro .inner-wrap  .cont02 .why-list li{display:inline-block;float:left;box-sizing:border-box;width:33.333%;text-align:center;vertical-align:top;padding-bottom:35px;background:#fff;border-bottom:2px solid #fafafa;border-right:2px solid #fafafa}
#shiptob-intro .inner-wrap  .cont02 .why-list li.why-list01{}
#shiptob-intro .inner-wrap  .cont02 .why-list li.why-list02{}
#shiptob-intro .inner-wrap  .cont02 .why-list li.why-list03{border-right:0}
#shiptob-intro .inner-wrap  .cont02 .why-list li.why-list04{border-bottom:0}
#shiptob-intro .inner-wrap  .cont02 .why-list li.why-list05{border-bottom:0}
#shiptob-intro .inner-wrap  .cont02 .why-list li.why-list06{border-right:0;border-bottom:0}
#shiptob-intro .inner-wrap  .cont02 .why-list li.no-mg{margin-right:0}
#shiptob-intro .inner-wrap  .cont02 .why-list li .img{display:block;height:200px;box-sizing:border-box;}
#shiptob-intro .inner-wrap  .cont02 .why-list li.why-list01 .img{padding-top:20px;margin-bottom:10px}
#shiptob-intro .inner-wrap  .cont02 .why-list li.why-list02 .img{padding-top:40px;margin-bottom:10px}
#shiptob-intro .inner-wrap  .cont02 .why-list li.why-list03 .img{padding-top:60px;margin-bottom:10px}
#shiptob-intro .inner-wrap  .cont02 .why-list li.why-list04 .img{padding-top:35px;margin-bottom:10px}
#shiptob-intro .inner-wrap  .cont02 .why-list li.why-list05 .img{padding-top:40px;margin-bottom:10px}
#shiptob-intro .inner-wrap  .cont02 .why-list li.why-list06 .img{padding-top:30px;margin-bottom:10px}
#shiptob-intro .inner-wrap  .cont02 .why-list li .img img{max-width:90%;} /* 20.09.08 수정 */
#shiptob-intro .inner-wrap  .cont02 .why-list li .tit{font-size:22px; color:#000000;letter-spacing:-0.5px; line-height:1}
#shiptob-intro .inner-wrap  .cont02 .why-list li .txt{font-size:16px; color:#666666;letter-spacing:-1.2px;margin-top:10px;font-weight:300}
#shiptob-intro .inner-wrap  .cont02 .why-list li .link{display:block;margin:25px auto;width:150px;height:40px; line-height:40px;text-align:center;background:#000000}
#shiptob-intro .inner-wrap  .cont02 .why-list li .link a{font-size:14px; color:#fff;letter-spacing:-0.5px;font-weight:500}
#shiptob-intro .inner-wrap  .cont02 .why-list li .link a img{margin-top:-2px}
#shiptob-intro .inner-wrap  .bot-cont{padding:60px 0 100px;text-align:center;}
#shiptob-intro .inner-wrap  .bot-cont .item-list{text-align:center;font-size:0}
#shiptob-intro .inner-wrap  .bot-cont .item-list li{display:inline-block; vertical-align:bottom;margin-right:30px}
#shiptob-intro .inner-wrap  .bot-cont .item-list li:last-child{margin-right:0}
#shiptob-intro .inner-wrap  .bot-cont .txt{color:#000000; font-size:22px; letter-spacing:-0.3px; font-weight:300;margin-top:20px}
#shiptob-intro .inner-wrap  .bot-cont .btn{width:330px; height:86px;border:3px solid #fc4f00; background:#fc4f00;text-align:center;line-height:80px;margin:50px auto 0;transition:all 0.3s}
#shiptob-intro .inner-wrap  .bot-cont .btn a{color:#fff; font-size:28px;font-weight:500;display:block;transition:all 0.3s}
#shiptob-intro .inner-wrap  .bot-cont .btn a img{margin-top:-15px;margin-left:5px;transition:all 0.3s}

/*e:200416:add - shiptob_intro*/
/* 20.05.12 추가 */
#privacyLayer2 {width: 638px; margin-left: -319px;}
#privacyLayer2 .lcont .txt-box dd .tbl-type02 th.bold {font-weight:bold; color:#000;}
#privacyLayer2 .lcont .txt-box dd .tbl-type02 td.bold {font-weight:bold; color:#000;}

/* 20.10.21 KSNET 추가 */
.service-advantage .advantage {margin-top: 30px; border-top: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0; overflow: hidden; box-sizing:border-box;}
.service-advantage .advantage li {width: 50%; padding: 50px 0; float: left; border-right: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; box-sizing:border-box; text-align: center;}
.service-advantage .advantage li .img {height: 78px; margin-bottom: 20px;}
.service-advantage .advantage li .title {margin-bottom: 10px; font-size: 24px; color: #000;}
.service-advantage .advantage li .text {line-height: 24px; font-weight: 300; font-size: 15px; color: #666666;}

.tab-wrap {margin-top: 80px;}
.tab-wrap .tab-area {margin-bottom: 50px; overflow: hidden;}
.tab-wrap .tab-area li {width: 50%; float: left;}
.tab-wrap .tab-area li a {display: block; line-height: 64px; text-align: center; font-size: 18px; border-top: 2px solid #e0e0e0; border-left: 2px solid #e0e0e0; border-right: 2px solid #00b0ff; border-bottom:2px solid #00b0ff; box-sizing:border-box;}
.tab-wrap .tab-area li.now a {border-top: 2px solid #00b0ff; border-left: 2px solid #00b0ff; border-right: 2px solid #00b0ff;  border-bottom: 0; background: #fff; color: #00b0ff;}
.tab-wrap .tab-area li:last-child a {border-left: none;}

.box-area {border: 1px solid #00affe; background: #f2fbff; padding: 50px 0; text-align: center;}
.box-area .txt1 {display: inline-block; position: relative; font-weight: bold; font-size: 24px; color: #000; line-height: 1; border-bottom: 5px solid #f6afb2;}
.box-area .txt2 {margin-top: 10px; font-size: 15px; font-weight: 300; color: #666666;}
.box-area .txt2 span {font-weight: 400; color: #000;}
.fc-red {color: #ff0000 !important;}
.applyway .step .text .mail {border-bottom: 1px solid #000;}
.tbl-type04 table tbody tr th {background: #f0f0f0; font-weight: 300; font-size: 18px; color: #000;}

/* 21.05.03 황수현 */
/*.clearfix:before,
 ~ .global-links__name 
 하단 1472 로 이동 
 원래 있던 관련 소스는 제거
 */

/* 메인 홍보 동영상 추가 */
.main-contents .section .promotion-video-wrap {padding-bottom: 70px;}
.main-contents .section .promotion-video-wrap .cnt {display: table; width: 100%; margin-top: 35px;}
.main-contents .section .promotion-video-wrap .cnt .text {display: table-cell; padding-right: 95px; height: 300px; vertical-align: middle;}
.main-contents .section .promotion-video-wrap .cnt .text ul {overflow: hidden;}
.main-contents .section .promotion-video-wrap .cnt .text ul li {float: left; width: 33.33%; text-align: center; position: relative;}
.main-contents .section .promotion-video-wrap .cnt .text ul li:before {display: block; content: ''; width: 1px; height: 93px; background: #e9e9e9; position: absolute; left: 0; top: 3px;}
.main-contents .section .promotion-video-wrap .cnt .text ul li:first-child:before {display: none;}
.main-contents .section .promotion-video-wrap .cnt .text ul li img {} 
.main-contents .section .promotion-video-wrap .cnt .text ul li p {margin-top: 15px; line-height: 28px; font-size: 20px; color: #000;}
.main-contents .section .promotion-video-wrap .cnt .text .txt1 {margin-top: 35px; text-align: center; font-weight: 300; font-size: 26px; color: #000;}
.main-contents .section .promotion-video-wrap .cnt .text .txt2 {text-align: center; font-weight: bold; font-size: 26px; color: #000;}
.main-contents .section .promotion-video-wrap .cnt .text .txt2 span {color: #00affe;}
.main-contents .section .promotion-video-wrap .cnt .video-area {display: table-cell; width: 530px; height: 300px; position: relative;}
.main-contents .section .promotion-video-wrap .cnt .video-area video {width: 100%; height: 100%; box-shadow: 5px 9px 10px 0px rgba(0, 0, 0, 0.25);}
.main-contents .section .promotion-video-wrap .cnt .video-area img { width: 100%; height: 100%; overflow:hidden; position:absolute; left:0px; top:0px; z-index:1; }
.main-contents .section .promotion-video-wrap .cnt .video-area .ico-play { position:absolute; top:50%; left:50%; z-index:10; margin-top:-26px; margin-left:-37px; width:74px; height:52px; background:url(../images/common/ico_play.png) no-repeat; }

/* 샵포럼 이벤트 페이지 */
.section2 {margin-top: -97px; position: relative;}
.section2 .event-tab {width: 940px; height: 470px; position: absolute; bottom: 400px; left: 80px;}
.section2 .event-tab .tab ul {display: inline-block;}
.section2 .event-tab .tab li {width: 312px; height: 88px; float: left; margin-left: 1px; position: relative;}
.section2 .event-tab .tab li a {display: block; line-height: 127px; background: #000; text-align: center; border-radius:10px 10px 0 0; font-weight: bold; font-size: 23px; color: #fff;} 
.section2 .event-tab .tab li span {display: inline-block; padding: 0 25px; line-height: 58px; text-align: center; border-radius:50px; position: absolute; top:-24px; left: 50%; transform:translateX(-50%); background: #00f6ff; font-size: 20px; font-weight: bold; color: #000; white-space:nowrap; box-shadow: 1px 2px 0px 0px rgba(0, 0, 0, 0.2); }
.section2 .event-tab .tab li span:before {display: block; content: ''; width: 11px; height: 7px; background: url(../images/event/event_shoporter_img2_tab_arr_off.png) 0 0 no-repeat;position: absolute; bottom: -7px; left: 50%; transform:translateX(-50%);}

.section2 .event-tab .tab li.on a {color: #000; background: #fff;}
.section2 .event-tab .tab li.on span {background: #fff700;}
.section2 .event-tab .tab li.on span:before {background: url(../images/event/event_shoporter_img2_tab_arr_on.png) 0 0 no-repeat;}
.section2 .event-tab .cnt {height: 382px; background: #fff; position: relative; z-index: 9;}
.section2 .event-tab .cnt .support {padding: 55px 40px 0; overflow: hidden; }
.section2 .event-tab .cnt .support li {float: left; text-align: center; }
.section2 .event-tab .cnt .support li .img {display: table-cell; width: 286px; height: 120px; vertical-align: middle;} /* 20.11.19 수정 */
.section2 .event-tab .cnt .support li .txt1 {margin-bottom: 10px; font-weight: bold; font-size: 22px; color: #000; position: relative;}
.section2 .event-tab .cnt .support li .txt1:before {display: block; content: '+'; position: absolute; left: -7px; top: -6px; font-weight: bold; font-size: 30px; color: #000;}
.section2 .event-tab .cnt .support li:first-child .txt1:before {display: none;}
.section2 .event-tab .cnt .support li .txt2 span {display: inline-block; position: relative; padding-left: 10px; font-weight: 300; line-height: 28px; font-size: 18px; color: #666666; text-align: center;}
.section2 .event-tab .cnt .support li .txt2 span:before {position: absolute; left: 0; display: block; content: '·';}
.section2 .event-tab .cnt .support.x4 li {width: 25%;}
.section2 .event-tab .cnt .support.x3 li {width: 33.33%;}

/* 가입안내 ksnet 탭 */
.sentence-area .step {margin-top: 20px;}
.sentence-area .step .title {margin-top: 0; font-weight: 400; color: #000;}
.sentence-area .step .text {margin-top: 5px;}

/* 21.03.16 추가 */
.eventPage {position: relative;}
.eventPage .btn-copyright {display: inline-block; position: absolute; top: 1554px; left: 100px; text-decoration: underline; font-size: 17px; color: #22cc88;}

/* 21.03.08 마이링크 소개 */
#section4 .btn-wrap {overflow: hidden;}
#section4 .btn-wrap .experience-btns {width: 650px; float: left; background: #3c6173;}
#section4 .btn-wrap .experience-btns > div {display: inline-block; overflow: hidden;}
#section4 .btn-wrap .experience-btns a {width: 182px; float: left; font-size: 20px; position: relative;}
#section4 .btn-wrap .experience-btns a:before {display: block; content: ''; width: 1px; height: 20px; position: absolute; left: 0; top: 32px; background: #fff; opacity: 0.5; filter:alpha(opacity=50);}
#section4 .btn-wrap .experience-btns a:first-child:before {display: none;}
#section4 .btn-wrap .join-btn {float: right;}
#section4 .btn-wrap .join-btn a {width: 420px; font-size: 20px; line-height: 80px; height: 83px; background: #00affe url(../images/common/ico_mysoho_bgfff.png) 145px center no-repeat;}
#section4 .btn-wrap .join-btn a span {display: inline-block; margin-left: 35px; padding-right: 20px; background: url(../images/common/arr_h10_bgfff.png) right center no-repeat;}

#container {margin-top: 138px;}
#container {margin-top: 205px;} /* 21.04.28 황수현 수정 */

.btn-black-h78 {display: inline-block; line-height: 78px; text-align: center; background: #000; font-size: 24px; font-weight: 500; color: #fff;}

.mylink .gray-con {height: 360px; position: relative;}
.mylink .left-img .gray-con .img {position: absolute; top: 0; left: 155px;}
.mylink .left-img .gray-con .text {position: absolute; left: 643px; top: 98px;}
.mylink .right-img .gray-con .img {position: absolute; top: 0; right:50px;}
.mylink .right-img .gray-con .text {position: absolute; left: 140px; top: 90px;}
.mylink .gray-con .text dl dt {font-weight: 800; font-size: 40px; line-height: 58px; color: #000;}
.mylink .gray-con .text dl dd {margin-top: 10px; line-height: 26px; font-weight: 300; font-size: 16px; color: #666666;}
.main-contents .section .mylink-int {padding: 80px 0 65px;}
.main-contents .section .mylink-int:after {display: block; content: '';clear: both;}
.main-contents .section .mylink-int .lft-text {width: 350px; float: left;}
.main-contents .section .mylink-int .lft-text .title {line-height: 52px; font-weight: bold; font-size: 36px; color: #000;}
.main-contents .section .mylink-int .lft-text .title span {position: relative;}
.main-contents .section .mylink-int .lft-text .title span:before {display: block; content: ''; width: 146px; height: 12px; background: #fedb29; position: absolute; bottom: 3px; left: 0; z-index: -1;}
.main-contents .section .mylink-int .lft-text .txt {margin-top: 10px; font-weight: 300; line-height: 32px; font-size: 18px; color: #888888;}
.main-contents .section .mylink-int .lft-text .btns {margin-top: 50px;}
.main-contents .section .mylink-int .lft-text .btns > div {margin-top: 25px;}
.main-contents .section .mylink-int .lft-text .btns > div a {display: inline-block; padding-right: 30px; background: url(../images/common/arr_bg00affe.png) right center no-repeat;font-weight: 500; font-size: 21px; color: #000;}
.main-contents .section .mylink-int .rgt-list {width: 750px; float: right;}
.main-contents .section .mylink-int .rgt-list ul {display: inline-block;}
.main-contents .section .mylink-int .rgt-list ul li {width: 360px; height: 300px; float: left; margin: 0 30px 30px 0; box-shadow:5px 9px 20px 0px rgba(108,108,108,0.2); background: #fff; box-sizing:border-box; border: 1px solid #00affe; border-radius:10px;}
.main-contents .section .mylink-int .rgt-list ul li:nth-child(2n) {margin-right: 0;}
.main-contents .section .mylink-int .rgt-list ul li div {padding: 0 25px; height: 100%;}
.main-contents .section .mylink-int .rgt-list ul li .list1 {background: url(../images/common/main_mylink_list_bg1.jpg) center 134px no-repeat;}
.main-contents .section .mylink-int .rgt-list ul li .list2 {background: url(../images/common/main_mylink_list_bg2.jpg) center 116px no-repeat;}
.main-contents .section .mylink-int .rgt-list ul li .list3 {background: url(../images/common/main_mylink_list_bg3.jpg) center 134px no-repeat;}
.main-contents .section .mylink-int .rgt-list ul li .list4 {background: url(../images/common/main_mylink_list_bg4.jpg) center 129px no-repeat;}
.main-contents .section .mylink-int .rgt-list ul li .tit {margin-top: 25px;line-height: 32px; font-weight: 500; font-size: 24px; color: #000;}
.main-contents .section .mylink-int .rgt-list ul li .txt {margin-top: 10px; line-height: 24px; font-size: 15px; color: #000;}
.cnt.mylink .tit-txt-box dd p.txt-center.desc {font-weight: 400;}


/* 상단 링크 수정 21.04.28 황수현 */
.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.global-links-wrap,
.global-links-wrap *,
.global-links-wrap *:before,
.global-links-wrap *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.global-links-wrap { width: 100%; padding-top: 17px; ;position: fixed; top:0; left: 0; z-index: 99; background:#f1f3f4;}
.global-links-wrap:before {display: block; content: ''; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; background: #e0e0e0;}
.global-links-wrap:after{content:'';display:block;background:#fff; position:absolute; z-index:1; width:41%; height:100%; top:0; left:0; border-top:1px solid #e0e0e0}
.global-links { max-width: 1100px; margin: 0 auto; padding: 0; list-style: none; list-style-image: none; position: relative;} /* 21.07.14 황수현 수정*/
.global-links__menu { float: left; width: 20%; height: 50px; text-align: center; font-size: inherit !important; font-weight: 400 !important; position: relative;}
.global-links__menu:nth-child(1) {background: url(../images/common/global_menu_bg1.png) 0 0 no-repeat; background-size: 100% 100%; z-index: 9;}
.global-links__menu:nth-child(2) {margin-left: -27px; background: url(../images/common/global_menu_bg2.png) 0 0 no-repeat; background-size: 100% 100%; z-index: 8;}
.global-links__menu:nth-child(3) {margin-left: -27px; background: url(../images/common/global_menu_bg3.png) 0 0 no-repeat; background-size: 100% 100%; z-index: 7;}
.global-links__menu:nth-child(4) {margin-left: -27px; background: url(../images/common/global_menu_bg5.png) 0 0 no-repeat; background-size: 100% 100%; z-index: 6;} /* 21.07.14 황수현 수정 */
.global-links__menu.is-active {width: 46.6%; height: 66px; margin-top: -16px; background: url(./images/common/global_active_bg.png) 0 0 no-repeat; background-size: 100% 100%; z-index: 10;}
.global-links__menu.is-active.mysoho {width: 46.6%;height: 66px;margin-top: -16px;background: url('../images/common/global_active_bg_first.png') 0 0 no-repeat;background-size: 100% 100%;z-index: 10; text-align: left;} /* 21.07.14 황수현 수정 */
.global-links__menu.is-active.mysoho .global-links__name {line-height: 24px;} /* 21.07.14 황수현 추가 */
.global-links__menu.is-active.mysoho .global-links__name * {float: left; margin-left: 5px;} /* 21.07.14 황수현 추가 */
.global-links__menu.is-active.mysoho .global-links__name *:first-child {margin-left: 0;} /* 21.07.14 황수현 추가 */
.global-links:before {display: block; content: '';}
.global-links__menu.is-active a { padding: 27px 0; line-height: 1.2; font-weight: bold; font-size: 18px; color: #000; cursor: default;} /* 21.05.03 익스 마우스 커서 수정 황수현*/
.global-links__menu.is-active a .fc-blue {color: #1e57db;}
.global-links__menu.is-active a .fc-gray {color: #666666; font-weight: 400; font-size: 13px;}
.global-links__menu a { display: block; line-height: 50px; text-decoration: none; font-size: 13px; font-weight: bold; font-family: 'Malgun Gothic', '맑은고딕', sans-serif; color: #fff; }    
.global-links__ico { margin-top: -7px; margin-right: 7px; vertical-align: middle; border: 0 none; width:70px; }
.global-links__name { display: inline-block; font-size:17px; font-weight: normal;}
.global-links-wrap .m_br {display: none;}
.global-links__menu.sohomarket .global-links__ico {margin-right: 0;} /* 21.07.14 황수현 추가 */

/* 21.07.16 황수현 샵포터 페이지 */
#fullpage {width: 1903px; margin: 0 -401px;}
#fullMenu {position: fixed; top: 50%; right: 20px; transform:translateY(-50%); z-index: 9999;}
#fullMenu ul li {margin: 35px 0; overflow: hidden;}
#fullMenu ul li:first-child {margin-top: 0;}
#fullMenu ul li:last-child {margin-bottom: 0;}
#fullMenu ul li a {display:inline-block; margin-right: 20px; width: 6px; height: 6px; background: #000; border-radius:50%; text-indent: -9999px; float: right;}
#fullMenu ul li.active {margin: -15px 0; padding: 0 22px; border-radius:50px; border: 1px solid #cccccc; position: relative; background: #fff;}
#fullMenu ul li.active a {display: inline-block; width: auto; height: 45px;  background: #fff; padding-right: 28px; text-indent: 0; line-height: 45px; font-size: 16px; color: #000;  margin-right: 0px;}
#fullMenu ul li.active a:before {display: block; content: ''; width: 12px; height: 12px; background: #00affe; border-radius:50%; position: absolute; right: 18px; top: 16px;}

.shopportor_intro {margin-top: 0 !important; overflow: hidden;}

.kakao-plus {position: fixed; bottom: 15px; right: 15px; z-index: 999;}
.shopportor-review {width: 1100px; height: 285px; border-radius:20px; border: 1px solid #cccccc; background: #fff; margin: 0 auto; /* position: absolute; left: 50%; transform:translateX(-50%); bottom: 100px; */} /* 21/12/11 m */
.shopportor-review .title {border-bottom: 1px solid #cccccc; text-align: center; margin:0 50px; } /* 21/12/11 m */
.shopportor-review .title p {line-height: 83px; text-align: center; font-weight: bold; font-size: 24px; color: #000;}
.shopportor-review .slide-area {width: 995px; height: 200px; margin: 0 auto;} /* 21/12/11 m */
.shopportor-review .slide-area ul li {display: table;}
.shopportor-review .slide-area ul li .profile {display: table-cell; width: 330px; text-align: center; vertical-align: middle;}
.shopportor-review .slide-area ul li .profile span {display: inline-block; margin-left: 20px; font-size: 18px; color: #000;}
.shopportor-review .slide-area ul li .text {display: table-cell; margin-left: 100px; vertical-align: middle; line-height: 28px; font-size: 18px; color: #160c0c;}
.shopportor-review .swiper-button-prev {position: absolute; left: 0; top: 85px; margin-top: 0; width: 22px; height: 40px; background: url('../images/event/shopportor_review_prev.png') 0 0 no-repeat;} /* 21/12/11 m */
.shopportor-review .swiper-button-next {position: absolute; right: 0; top: 85px; margin-top: 0; width: 22px; height: 40px; background: url('../images/event/shopportor_review_next.png') 0 0 no-repeat;} /* 21/12/11 m */

.event-fullpage {width: 1100px; margin: auto;}
.event-fullpage .section {position: relative;}
.event-fullpage .section.faq {padding:80px 0; background:#fff;} /* 21/12/27 m */
.event-fullpage .section.faq .inner {width: 1100px; margin: 0 auto;}
.event-fullpage .section.faq .inner .title { text-align: center; line-height: 44px; font-weight: bold; font-size: 26px; color: #000;}
.event-fullpage .section.faq .inner .faq-area {margin-top: 50px;}
.event-fullpage .section.faq .inner .faq-area ul {border-top: 1px solid #000;}
.event-fullpage .section.faq .inner .faq-area li {border-bottom: 1px solid #cccccc; cursor: pointer;}
.event-fullpage .section.faq .inner .faq-area li .q {padding: 20px 20px 20px 50px; font-weight: 300; font-size: 18px; color: #000; position: relative; line-height: 28px;}
.event-fullpage .section.faq .inner .faq-area li .q span {display: inline-block; position: absolute; left: 20px; top: 20px; font-weight: 300; font-size: 16px; color: #000;}
.event-fullpage .section.faq .inner .faq-area li .a {display: none; padding: 20px 20px 20px 50px; border-top: 1px solid #ccc; position: relative; line-height: 28px; font-size: 18px; font-weight: 300; background:#f6f6f6; } /* 21/12/11 m */
.event-fullpage .section.faq .inner .faq-area li .a span {display: inline-block; position: absolute; left: 20px; top: 20px; font-weight: 300; font-size: 16px; color: #000;}
.event-fullpage .section.faq .inner .faq-area li .a .link {display: inline-block; text-decoration:underline; color:#00affe;}
.event-fullpage .section.faq .btn-area {margin-top: 80px; text-align: center;}
.event-fullpage .section.faq .btn-area ul {display: inline-block;}
.event-fullpage .section.faq .btn-area ul li {margin-left: 18px; float: left};
.event-fullpage .section.faq .btn-area ul li:first-child {margin-left: 0;}
.event-fullpage .section.setting {background: #fff;}
.event-fullpage .section.setting .inner {width: 1100px; margin: 0 auto; padding-bottom: 50px;}
.event-fullpage .section.section05 {background: #f6f6f6;}
.event-fullpage .section.section05 .inner {width: 1100px; margin: 0 auto; position: relative;}
.event-fullpage .section.section05 .inner .btn-link {display: inline-block; position: absolute; left: 350px; top: 612px; font-size: 14px; color: #756ff3;}
/* 21.09.01 리셀러 추가 */
.reseller_intro {margin-top: 0 !important; overflow: hidden;}

/* 21.09.03 매뉴얼 퍼블리싱 이상아 */
#hdrWrap #header .topmenu ul.lnk-right li .linkGuide {color:#00cc0d; padding-left:16px; background:url('../images/common/bg_ico_guide.png') no-repeat left 3px;}
.subTab {margin-top:20px;}
.subTab ul {text-align:center;}
.subTab ul li {display:inline-block; vertical-align:top;}
.subTab ul li a {display:block; border-radius:100px; font-size:16px; color:#888; font-weight:bold; line-height:44px; padding:0 24px; border:1px solid #e0e0e0; font-family:"맑은 고딕", sans-serif;}
.subTab ul .on a {color:#000; border-color:#000;}
.subTab ul li + li {margin-left:7px;}
.subTab + .tab-con-wrap {padding-top:0;}
/* 21/12/27 s */
.event-fullpage .section.process { padding:35px 0; background:#f6f6f6; }
.txt-c { text-align:center!important; }
.bg-gray { background: #f6f6f6; }
.section.pd90.bg-gray { padding:90px 0; }
.section .shop { width:1100px; margin:50px auto; /* margin:0 -5px; */ }
.section .shop ul { margin:0 -15px; }
.section .shop li { background:#fff; /* box-shadow:3px 3px 10px #cecece; */ position: relative; cursor: pointer; transition:all .5s;} /* 19.11.04 수정 */
.section .shop li a { display:block; height: 322px; border-radius:10px; border:1px solid #ccc; }
.section .shop li.on a {
	-moz-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 00px 10px 20px rgba(0, 0, 0, 0.1);
	        box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
			transition:all .5s;
}
.section .shop li:first-child { /* margin-left:0; */ }
.section .shop li .img {/*  width: 252px; */ /* height: 100%; */ box-sizing:border-box;}
.section .shop li .img img { border-top-left-radius:9px; border-top-right-radius:9px; border-bottom:1px solid #ccc; /* width: 260px; */}
.section .shop li .hover {display: none; width: 100%; height: 100%; background-color: rgba(35,160,216,0.7); box-sizing:border-box; position: absolute; top: 0; left: 0;}
.section .shop li .hover a {display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle;}
.section .shop li .hover a .name {display: inline-block; padding-bottom: 55px; background: url(../images/common/main_store_arr.png) center bottom no-repeat; font-size: 26px; color: #fff;}
.section .shop li.on {margin-top: -20px; }
.section .shop dl { padding:15px; }
.section .shop dl dt { font-weight:700; font-size:22px; }
.section .shop dl dd { margin-top:12px; font-weight:300; font-size:18px; color:#666; }
.section .shop ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
    -webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
    flex-wrap: wrap;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
}
.section .shop > ul > li { 
	/* overflow:hidden; */	
	width: calc(25% - 31px);
	margin:0 15px 40px;
}
.section.mg80 { margin:80px 0; }
/* 21/12/27 e */

/* 22.08.03 이현진 추가 */
.caseWrap {padding:50px 0 84px;}
.caseTabTop {display:flex; margin-bottom:48px;}
.caseTabTop a {width:50%; line-height:62px; text-align:center; font-size:18px; color:#666; font-weight:500; background:#fff; border:2px solid #e0e0e0; border-bottom-color:#00b0ff; border-left-color:#00b0ff;}
.caseTabTop a:first-child {border-right:none; border-left-color:#e0e0e0;}
.caseTabTop a.on {border-color:#00b0ff; border-bottom-color:transparent; color:#00b0ff;}
.caseCategoryWrap {margin-bottom:73px;}
.caseCategory {font-size:0;}
.caseCategory li {display:inline-block; margin-right:10px;}
.caseCategory li a {display:block; padding:0 32px; font-size:16px; color:#999; font-weight:500; line-height:47px; background:#f0f0f0; border-radius:25px;}
.caseCategory li.on a {background:#00b0ff; color:#fff;}
.caseList {font-size:0; overflow:hidden; margin-left:-31px;} /* 23.01.05 이상아 수정 */
.caseList li {float:left; margin:0 0 32px 31px; width:346px;} /* 23.01.05 이상아 수정 */
/* .caseList li:nth-child(3n) {margin-right:0;} 23.01.05 이상아 삭제 */
.caseList li a {display:block; border:1px solid #d6d6d6;}
.caseList li .imgWrap {width:100%; height:345px;}
.caseList li .imgWrap img {width:100%; height:100%; object-fit:cover;}
.caseList li .txtWrap {padding:19px 30px 16px;}
.caseList li .txtWrap em {display:block; font-size:24px; color:#000; line-height:30px; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.caseList li .txtWrap span {display:block; font-size:16px; color:#000; line-height:30px; font-weight:400; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/* 22.08.04 이현진 추가 */
.interviewTxtImg.pType02 {padding:118px 0 85px;}
.interviewCaseTop {display:table; width:100%; height:501px; background:url('../images/exshop/bg_interview_case1_tit.jpg') center no-repeat;}
.interviewCaseTop.leaforearth {background:url('../images/exshop/bg_interview_case2_tit.jpg') center no-repeat;}
.interviewCaseTop .inner-wrap {display:table-cell; vertical-align:middle;}
.interviewCaseTop p {font-size:55px; line-height:76px; font-weight:700; color:#fff;}
.interviewCaseTop span {display:block; font-size:26px; color:#fff; line-height:32px; font-weight:400; margin-top:12px;}
.interviewCaseCon .interviewTit {position:relative; text-align:center; padding:80px 0 80px;}
.interviewCaseCon .interviewTit:before {content:''; position:absolute; bottom:0; left:0; right:0; margin:0 auto; width:1100px; height:1px; background:#f0f0f0;}
.interviewCaseCon .interviewTit p {font-size:30px; color:#000; line-height:32px; font-weight:400; margin-top:21px;}
.interviewCaseCon .interviewTit.leaforearth p {margin-top:17px;}
.interviewTxtImg {padding:140px 0 143px;}
.interviewTxtImg .inner-wrap {display:flex; align-items:start;}
.interviewTxtImg .imgWrap, .interviewTxtImg .txtWrap {width:50%;}
.interviewTxtImg .imgWrap .img {display:inline-block; border:1px solid #c3c3c3;}
.interviewTxtImg .imgWrap .imgCon p {text-align:center; padding-left:72px; font-size:16px; color:#000; line-height:1; margin-top:18px;}
.interviewTxtImg .txtWrap {padding-left:20px; margin-top:-8px;}
.interviewTxtImg .txtWrap dt {font-size:18px; color:#000; line-height:32px; font-weight:700; margin-bottom:11px;}
.interviewTxtImg .txtWrap dt:nth-child(3) {margin-top:47px;}
.interviewTxtImg .txtWrap dd {font-size:18px; color:#000; line-height:32px; font-weight:400;}
.interviewImg {padding:140px 0 106px; background:#e7dfd3;}
.interviewImg ul {font-size:0; text-align:center;}
.interviewImg ul li {display:inline-block; vertical-align:top;}
.interviewImg ul li:nth-child(2) {position:relative; margin:0 50px;}
.interviewImg ul li:nth-child(2):before {content:''; position:absolute; top:45.5%; left:-27px; width:101px; height:71px; background:url('../images/exshop/bg_interview_case1_img3_2.png') top center no-repeat;}
.interviewImg ul li p {font-size:16px; color:#000; line-height:1; font-weight:400; margin-top:18px; text-align:center;}
.interviewShop {padding:122px 0 59px; text-align:center; background:#d8dacf;}
.interviewShop .imgWrap {display:flex; justify-content:center;}
.interviewShop .imgWrap li {margin:0 13px;}
.interviewShop .txtWrap {margin-top:25px;}
.interviewShop .txtWrap em {display:block; font-size:18px; color:#000; line-height:32px; font-weight:700;}
.interviewShop .txtWrap p {font-size:18px; color:#000; line-height:32px;}
.interviewImgBan {padding:140px 0; background:#93908b;}
.shopLink {background:#f4f4f4; padding:80px 0;}
.shopLink p {font-size:20px; color:#000; line-height:1; font-weight:300; margin:20px 0 20px;}
.shopLink .shopBtn {display:inline-block; width:169px; height:44px; background:#000; text-align:center; font-size:18px; color:#fff; line-height:44px; font-weight:300;}
.interviewTxtImg.txtImgType02 .imgWrap, .interviewTxtImg.txtImgType03 .imgWrap {text-align:right;}
.interviewTxtImg.txtImgType02 .txtWrap {padding-left:0;}
.interviewTxtImg.txtImgType03 .inner-wrap, .interviewTxtImg.txtImgType04 .inner-wrap {align-items:center;}
.interviewTxtImg.txtImgType03 .txtWrap, .interviewTxtImg.txtImgType04 .txtWrap {margin-top:0;}
.interviewTxtImg.txtImgType03 .txtWrap.type02 {padding-left:0;}
.interviewTxtImg.txtImgType04 {background:#eed5bc;}
.interviewShop.shopType02 {background:#eae3d9;}
.interviewImgBan.banType02 {background:#75543d; padding:116px 0;}
.interviewImgBan.banType03 {background:none;}

/* 22.03.11 샵포터 광고랜딩 페이지 추가 황수현 */
.pb-100 {padding-bottom: 100px;}
.ad_landing .section.setting .inner {padding-bottom: 100px;}
.ad_landing .easy-inquiry {position: fixed; z-index: 11; right: 0; bottom: 200px;}
.ad_landing .easy-inquiry a {display: block; width: 160px; margin-top: 15px; box-shadow:  0px 10px 20px 0px rgba(0, 0, 0, 0.15); webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow:    0px 10px 20px 0px rgba(0, 0, 0, 0.15); }
.ad_landing .easy-inquiry a:first-child {margin-top: 0;}
.ad_landing .easy-inquiry a span {display: inline-block; margin-left: 30px; padding-left: 34px; line-height: 78px; font-size: 18px;}
.ad_landing .easy-inquiry a.kakao-inquiry {background: #fff; border-radius : 50px 0 0 50px;}
.ad_landing .easy-inquiry a.kakao-inquiry span {background:  url(../images/ad_landing/ico_kakao.png) left center no-repeat; color: #191919;}
.ad_landing .easy-inquiry a.application {background: #6f6cff; border-radius : 50px 0 0 50px;}
.ad_landing .easy-inquiry a.application span {background:  url(../images/ad_landing/ico_document.png) left center no-repeat; color: #fff;}
.ad_landing .section .title {margin: 100px 0 32px; text-align: center;}
.ad_landing .section .text1 {font-weight: 300; text-align: center; line-height: 40px; font-size: 28px; color: #000;}
.ad_landing .section .text2 {height: 35px; text-align: center; font-weight: 700; font-size: 28px; color: #000;}
.ad_landing .section .text2 span {display: inline-block; position: absolute; left: 50%; transform:translateX(-50%); line-height: 1;}
.ad_landing .section .text2 span:before {display: block; content: ''; width: 100%; height: 12px; background: #ffea00; position: absolute; left: 0; bottom: -6px; z-index: -1;  border-radius:5px;}
.ad_landing .section .img-area {margin: 80px auto 0; text-align: center;}
.ad_landing .section .img-area ul {display: inline-block; overflow: hidden;}
.ad_landing .section .img-area ul li {margin-left: 60px; float: left;}
.ad_landing .section .img-area ul li:first-child {margin-left: 0;}
.ad_landing .section .offet-lst {margin: 80px 0 70px; }
.ad_landing .section .offet-lst > ul {width: 1130px; display: inline-block;}
.ad_landing .section .offet-lst > ul > li {width: 344px; height: 344px; margin: 0 30px 30px 0; background: #fff; position: relative; float: left; border: 1px solid #cccccc; border-radius:50px;}
.ad_landing .section .offet-lst > ul > li .img {position: absolute; left: 50%; transform:translateX(-50%); top: 58px;;}
.ad_landing .section .offet-lst > ul > li .tit {position: absolute; top: 196px; width: 100%; font-weight: 500; font-size: 22px; color: #6f6cff; text-align: center;}
.ad_landing .section .offet-lst > ul > li .txt {position: absolute; top: 232px; width: 100%; font-weight: 300; line-height: 24px; font-size: 18px; color: #333333; text-align: center;}
.ad_landing .section .offet-lst > ul > li .lnk {display: inline-block; padding-right: 17px; background: url(../images/ad_landing/arr_h13.png) right center no-repeat; font-weight: 700; position: absolute; top: 296px; left: 50%; transform:translateX(-50%); text-align: center; color: #333333; font-size: 18px;}
.ad_landing .section .offet-lst > ul > li .layer-popup {width: 380px; border: 1px solid #cccccc; border-radius:10px; background: #fff; position: absolute; top: -47px; left: -18px; z-index: 1; -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow:    0px 10px 10px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.15);}
.ad_landing .section .offet-lst > ul > li .layer-popup .layer-inner {padding: 0 30px 30px;}
.ad_landing .section .offet-lst > ul > li .layer-popup .layer-inner .top {padding: 25px 0; position: relative; border-bottom: 1px solid #dddddd;}  
.ad_landing .section .offet-lst > ul > li .layer-popup .layer-inner .top .btn-close {position: absolute; right: 0; top: 30px;}
.ad_landing .section .offet-lst > ul > li .layer-popup .layer-inner .top p {font-weight: bold; font-size: 28px; color: #000;}
.ad_landing .section .offet-lst > ul > li .layer-popup .layer-inner .list li {margin-top: 15px; font-size: 20px; color: #333333;}
.ad_landing .section.bg-gray {background: #f6f6f6;}
.ad_landing .section .inner {width: 1100px; margin: 0 auto;}
.ad_landing .section .side-img-area {padding: 42px 0 100px;}
.ad_landing .section .side-img-area div.right_st img {position: absolute;}
.ad_landing .section .side-img-area div.left_st img {position: absolute; left: 60px; top: 45px;}
.ad_landing .section .side-img-area div {display: table; width: 100%; height: 344px; margin-bottom: 60px; background: #fff; border: 1px solid #cccccc; border-radius:30px; position: relative;}
.ad_landing .section .side-img-area div:last-child {margin-bottom: 0;}
.ad_landing .section .side-img-area div .content {display: table-cell; vertical-align: middle;}
.ad_landing .section .side-img-area div .content .tit {font-weight: bold; font-size: 28px; color: #000;}
.ad_landing .section .side-img-area div .content .txt {margin-top: 25px; font-weight: 300; font-size: 24px; line-height: 36px; color: #333333;}
.ad_landing .section .side-img-area div.right_st .content {padding-right: 379px; padding-left: 60px;}
.ad_landing .section .side-img-area div.left_st .content {padding-left: 470px;}
.ad_landing .section .apply-wrap {margin-top: 75px;}
.ad_landing .section .apply-wrap .tit {margin-bottom:  40px; text-align: center; font-weight: bold; font-size: 28px; color: #000;}
.ad_landing .section .apply-wrap .tit .step {color: #e31313;}
.ad_landing .section .apply-wrap .tit .underline {display: inline-block; position: relative; line-height: 1; z-index: 1;}
.ad_landing .section .apply-wrap .tit .underline:before {display: block; content: ''; width: 100%; height: 12px; background: #ffea00; position: absolute; left: 0; bottom: -6px; z-index: -1; border-radius:5px;}
.ad_landing .section .apply-wrap {text-align: center;}
.ad_landing .section .apply-wrap ul {display: inline-block; overflow: hidden;}
.ad_landing .section .apply-wrap ul li {width: 250px; height: 320px; float: left; margin-left: 30px; border: 1px solid #cccccc; background: #fff; border-radius:10px; text-align: center;}
.ad_landing .section .apply-wrap ul li:first-child {margin-left: 0;}
.ad_landing .section .apply-wrap ul li img {margin-top: 30px;}
.ad_landing .section .apply-wrap ul li .name {margin-top: 25px; font-weight: 700; font-size: 22px; text-align: center;}
.ad_landing .section .apply-wrap ul li .txt { margin-top: 15px; line-height: 24px; font-size: 18px; font-weight: 300; text-align: center;}
.ad_landing .section .apply-wrap ul li .lnk {display: inline-block; margin-top: 15px; padding-right: 10px; background: url(../images/ad_landing/arr_h13.png) right center no-repeat; font-weight: 700; text-align: center; color: #333333; font-size: 14px;}
.ad_landing .countBar_cont_wp {margin-top: 60px; padding-bottom: 75px; overflow: hidden;}
.ad_landing .countBar_cont_wp .countBar_cont {width: 366px; float: left; text-align: center;}
.ad_landing .countBar_cont_wp .countBar_cont .countNumber_wp .counterNum {font-weight: 700; font-size: 48px; color: #6f6cff;}
.ad_landing .countBar_cont_wp .countBar_cont .countNumber_wp .backTxt {font-weight: 700; font-size: 22px; color: #000;}
.ad_landing .countBar_cont_wp .countBar_cont .countTitle {margin-top: 10px; font-weight: 700; font-size: 22px; color: #000;}
.ad_landing .countBar_cont_wp .countBar_cont .countSentence {margin-top: 10px;font-weight: 300; font-size: 18px; line-height: 28px; color: #666666;}
.ad_landing .shop-lst-wp {margin-top: 80px;}
.ad_landing .shop-lst-wp ul { width: 1130px; overflow: hidden;}
.ad_landing .shop-lst-wp ul li {width: 252px; float: left; margin: 0 30px 30px 0; position: relative;}
.ad_landing .shop-lst-wp ul li .txt-wp {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #6f6cff;opacity: 0; border-radius:10px; transition: all .2s;}
.ad_landing .shop-lst-wp ul li .txt-wp p {position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); text-align: center; width: 100%; font-weight: bold; font-size: 26px; color: #fff;}
.ad_landing .shop-lst-wp ul li.hover .txt-wp {opacity: 0.9; fliter:alpha(opacity=90);}
.ad_landing .application-procedure {padding: 50px 0; border: 1px solid #cccccc; text-align: center;}
.ad_landing .application-procedure ul {overflow: hidden;}
.ad_landing .application-procedure ul li {width: 274px; float: left; position: relative; text-align: center;}
.ad_landing .application-procedure ul li:before {display: block; content: ''; width: 16px; height: 29px; background:  url(../images/ad_landing/arr_h29px) 0 0 no-repeat; position: absolute; left: 0; top: 0;}
.ad_landing .application-procedure ul li .text {margin-top: 10px; font-weight: 700;line-height: 28px; font-size: 20px; color: #000;}
.ad_landing .application-procedure ul li .eq {font-weight: 300; font-size: 16px; color: #000;}

/* 22.09.29 이현진 추가 */
.terms .tbl-type.txt-l.pType td {padding:12px 10px 10px;}
.tab-wrap.pbType02 {padding-bottom:90px;}

/* 23.01.05 이상아 추가 */
.interviewTxtImg .txtWrap dt {letter-spacing:-.60px;}
.interviewTxtImg .txtWrap dd {letter-spacing:-.70px;}
.interviewCaseTop.sensivoll {display:table; width:100%; height:501px; background:url('../images/exshop/bg_interview_sensivoll01.jpg') center no-repeat;}
.interviewCaseCon.sensivoll .interviewImg {padding:0; height:924px; background:url('../images/exshop/bg_interview_sensivoll02.jpg') center no-repeat;}
.interviewCaseCon.sensivoll .interviewTxtImg.bg01 {background:#f2dfcd; padding:160px 0 130px;}
.interviewCaseTop.fish {display:table; width:100%; height:501px; background:url('../images/exshop/bg_interview_fish01.jpg') center no-repeat;}
.interviewCaseTop.fish p em {display:block; font-size:35px; font-weight:500; line-height:50px;}
.interviewCaseCon.fish .interviewTit p {line-height:46px;}
.interviewCaseCon.fish .interviewTit p strong {font-weight:700;}
.interviewCaseCon.fish .interviewTxtImg.pType02 {background:#f9ecdb;}
.interviewCaseCon.fish .interviewTxtImg.bg01 {padding:110px 0 120px;}
.interviewCaseCon.fish .interviewTxtImg.bg01 .inner-wrap {align-items:center;}

/* 23.01.16 이상아 추가 */
.loginPage .inner-wrap {display:flex; justify-content:space-between;}
.loginPage .boxSec1 {width:483px;}
.loginPage .tab {overflow:hidden; margin-bottom:30px;}
.loginPage .tab li {float:left; width:50%; height:60px; border:1px solid #ccc; box-sizing:border-box; background:#f7f7f7; line-height:60px ; text-align:center;} 
.loginPage .tab li a {display:block; font-size:20px; color:#bec1ca;}
.loginPage .tab li.now {border:3px solid #00b0ff; border-bottom:none; background:#fff; font-weight:bold; color:#00b0ff;}
.loginPage .tab li.bb {border-bottom:3px solid #00b0ff;}
.loginPage .tab li.now a {font-size:20px; font-weight:bold; color:#00b0ff;}
.loginPage .wrap-480 {width:480px; margin:0 auto;}
.loginPage .btn-login {font-size:20px; padding:17px 0;}
.loginPage input[type="text"],
.loginPage input[type="password"] {width:100%; height:64px; padding:0 20px; box-sizing:border-box; font-size:20px;}
.loginPage select {width:100%; height:64px; padding-left:20px; box-sizing:border-box; font-size:23px;}
.loginPage .form-area ::-moz-placeholder {color:#b1b1b1;}
.loginPage .form-area :-moz-placeholder {color:#b1b1b1;}
.loginPage .form-area :-ms-input-placeholder {color:#b1b1b1;}
.loginPage .form-area ::-webkit-input-placeholder {color:#b1b1b1;}
.loginPage .form-area dt {margin-bottom:20px; font-size:25px;}
.loginPage .form-area dd {margin-bottom:15px;}
.loginPage .form-area dd p {font-size:19px;}
.loginPage .form-area dd.input-col {position:relative;}
.loginPage .form-area dd.input-col .sel {position:absolute; left:0;}
.loginPage .form-area dd.input-col .ipt {display:inline-block; margin:0 133px 0 127px;}
.loginPage .form-area dd.input-col .ps {top:0; right:-153px;}
.loginPage .form-area dd.desc {font-size:17px; font-weight:lighter; color:#808080;}
.loginPage .find_info {padding:5px 0 21px; text-align:center;}
.loginPage .find_info a {font-size:16px; color:#666;}
.loginPage .find_info .bar {display:inline-block; width:1px; height:15px; margin:0 17px; background:#e0e0e0; vertical-align:middle; position:relative; top:-2px;}
.loginPage .login-check {text-align:left; margin-bottom:20px !important;}
.loginPage .login-check label:nth-child(2) {background-position:0 5px; background-size:14px 16px; padding-left:20px;}
.loginPage .login-check input[type="checkbox"] {width:14px; height:14px; margin-right:2px; position:relative; top:-1px;}
.loginPage .login-check label {font-size:16px;}
.loginPage .form-area .txtWrong {margin-top:-11px; margin-bottom:15px; color:#ff0000; font-size:16px; font-weight:400;}
.loginPage .btnSns {text-align:center;}
.loginPage .btnSns p {display:inline-block; color:#000; font-size:14px; text-align:center;}
.loginPage .btnSns p + p {margin-left:46px;}
.loginPage .btnSns p a {display:block; padding-top:52px;}
.loginPage .btnSns .kakao a {background:url('../images/common/bg_btn_sns01.png') no-repeat center top;}
.loginPage .btnSns .naver a {background:url('../images/common/bg_btn_sns02.png') no-repeat center top;}
.loginPage .btnSns .fb a {background:url('../images/common/bg_btn_sns03.png') no-repeat center top;}
.loginPage .boxSec2 {width:566px; height:518px; border-left:1px solid #eee; display:flex; justify-content:end;}
.loginPage .boxSec2 .banner {width:516px; position:relative; overflow:hidden; margin:0;}
.loginPage .boxSec2 .swiper-button-next {width:20px; height:35px; margin-top:-18px; right:!6px; background:url('../images/common/bg_btn_swiper_next.png') no-repeat 0 0;}
.loginPage .boxSec2 .swiper-button-prev {width:20px; height:35px; margin-top:-18px; background:url('../images/common/bg_btn_swiper_prev.png') no-repeat 0 0;}
.loginPage .boxSec2 .swiper-pagination {position:absolute; left:initial; right:15px; top:15px; width:50px; height:24px; color:#aaa; font-size:12px; border-radius:100px; background:rgba(0, 0, 0, .70); text-align:center; line-height:24px;}
.loginPage .boxSec2 .swiper-pagination .swiper-pagination-current {color:#fff;}
.loginPage .boxSec2 .swiper-pagination .swiper-pagination-total {color:#aaa;}
.loginPage .inputEyes_no {position:absolute; right:0; top:0; width:64px; height:64px; cursor:pointer; background:url('../images/common/bg_eyes_hide.png') no-repeat center center;} /* 23.01.20 이상아 수정 */
.loginPage .inputEyes_yes {position:absolute; right:0; top:0; width:64px; height:64px; cursor:pointer; background:url('../images/common/bg_eyes_show.png') no-repeat center center;} /* 23.01.20 이상아 수정 */
.loginPage .btn-login.disabled {background:#ccc; pointer-events:none} /* 23.01.20 이상아 추가 */
.loginPage .form-area dd {position:relative;} /* 23.01.20 이상아 추가 */

/* 23.04.03 이현진 추가 */
.fc-blue {color:#00affe;}
.tab-wrap .tab-main-menu.celeb li {width:155px;}
.tab-wrap .tab-main-menu.celeb .tab02 {left:157px;}
.tab-wrap .tab-main-menu.celeb .tab03 {left:314px;}
.tab-wrap .tab-main-menu.celeb .tab04 {left:471px;}
.tab-wrap .tab-main-menu.celeb .tab05 {left:628px;}
.tab-wrap .tab-main-menu.celeb .tab06 {left:785px;}
.tab-wrap .tab-main-menu.celeb .tab07 {left:942px;}
.tab-con.celeb .txt-box {padding:39px 0 44px;}
.tab-con.celeb .cont-qa {padding-left:145px;}
.tab-con.celeb .cont-qa dl dt {font-size:42px;}
.tab-con.celeb .cont-qa dl dd {font-size:18px;}
.celebTip {padding:60px 0;}
.tipTit {text-align:center;}
.tipTit  span {display:inline-block; font-size:18px; color:#fff; line-height:40px; font-weight:700; background:#000; border-radius:25px; padding:0 19px;}
.tipTit  em {display:block; font-size:32px; color:#000; line-height:1; font-weight:700; margin:15px 0 13px;}
.tipTit  p {display:block; font-size:16px; color:#666; line-height:22px;}
.tipList01 {display:flex; padding:0 150px; margin:45px 0 48px;}
.tipList01 li {position:relative; width:25%; font-size:16px; color:#000; line-height:1; font-weight:400; padding-top:75px; text-align:center; background:url('../images/common/bg_cOrder_ico1.png') no-repeat top center;}
.tipList01 li:nth-child(2) {background:url('../images/common/bg_cOrder_ico2.png') no-repeat top 5px center;}
.tipList01 li:nth-child(3) {background:url('../images/common/bg_cOrder_ico3.png') no-repeat top center;}
.tipList01 li:nth-child(4) {background:url('../images/common/bg_cOrder_ico4.png') no-repeat top 3px center;}
.tipList01 li + li:before {content:''; position:absolute; top:17px; left:-8px; width:16px; height:26px; background:url('../images/common/bg_cOrder_arr_gray.png') no-repeat top center;}
.tipList02 {display:flex; justify-content:space-between;}
.tipList02 li {position:relative; width:calc(50% - 10px); height:160px; background:#f0faff url('../images/common/bg_cOrder_img2.png') no-repeat left 77px center;}
.tipList02 li:last-child {background:#f0faff url('../images/common/bg_cOrder_img3.png') no-repeat left 69px center;}
.tipList02 li span {position:absolute; top:50%; left:220px; transform:translateY(-50%); font-size:16px; color:#000; line-height:26px; font-weight:400;}
.tipList03 {padding:60px 0 20px;}
.tipList03 li {display:flex; align-items:center; background:url('../images/common/bg_cOrder_con1.png') no-repeat top center; height:362px;}
.tipList03 li:nth-child(2) {background-image:url('../images/common/bg_cOrder_con2.png');}
.tipList03 li:nth-child(3) {background-image:url('../images/common/bg_cOrder_con3.png');}
.tipList03 li:nth-child(4) {background-image:url('../images/common/bg_cOrder_con4.png');}
.tipList03 li:nth-child(5) {background-image:url('../images/common/bg_cOrder_con5.png');}
.tipList03 li:nth-child(odd) {justify-content:end;}
.tipList03 li + li {margin-top:20px;}
.tipList03 li dl {width:calc(50% - 67px); padding-left: 67px;}
.tipList03 li:nth-child(odd) dl {width:calc(50% - 57px); padding-left: 57px;}
.tipList03 li dl dt {font-size:40px; color:#000; line-height:60px; font-weight:800;}
.tipList03 li dl dd {font-size:16px; color:#666; line-height:26px; margin-top:10px;}

/* 23.04.06 이현진 추가 */
.tab-con04.categoryCon .gray-box {display:flex; align-items:center;}
.tab-con04.categoryCon .gray-box.txt-r {justify-content:end;}
.tab-con04.categoryCon .gray-box .text-area {position:static; width:calc(50% - 140px); padding-left:140px;}
.tab-con04.categoryCon .gray-box.txt-r .text-area {width:calc(50% - 56px); padding-left:56px;}
.tab-con04.categoryCon .gray-box.box1 {background:#F1F1F1 url('../images/common/bg_category_con1.png') no-repeat right 78px bottom;}
.tab-con04.categoryCon .gray-box.box2 {background:#F1F1F1 url('../images/common/bg_category_con2.png') no-repeat left 101px bottom;}
.tab-con04.categoryCon .gray-box.box3 {background:#F1F1F1 url('../images/common/bg_category_con3.png') no-repeat right 100px bottom;}
.tab-con04.categoryCon .gray-box.box4 {background:#F1F1F1 url('../images/common/bg_category_con4.png') no-repeat left 60px bottom;}
.box4Link {display:flex; margin-top:15px;}
.box4Link a {position:relative; display:block; font-size:14px; color:#00AFFE; line-height:20px; font-weight:700; padding-right:12px; margin-right:20px;}
.box4Link a:after {content:''; position:absolute; top:6px; right:0; width:6px; height:6px; border-top:2px solid #00AFFE; border-right:2px solid #00AFFE; transform:rotate(45deg);}

/* 2차 인증 모달창 PC START */
.authenticator-window { display: none; position: fixed; background-color: rgba(0, 0, 0, 0.75); top: 0; right: 0; bottom: 0; left: 0; z-index: 999; visibility: hidden; pointer-events: none; transition: all 0.3s; }
.authenticator-window.active { display: block; visibility: visible; opacity: 1; pointer-events: auto; z-index: 99999; }
.authenticator-window > div { z-index: 9999999; width: 500px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 2em; background: white; }
.authenticator-window header { font-weight: bold; }
.authenticator-window h1 { font-size: 150%; text-align: center; }
.modal-close { color: #aaa; line-height: 50px; font-size: 20px; position: absolute; right: 0; text-align: center; top: 0; width: 70px; text-decoration: none; }
.modal-close:hover { color: black; }
.authenticator-window > div { border-radius: 1rem; }
.authenticator-window .contents-box { display: flex; justify-content: center; flex-direction: column; text-align: center; }
.authenticator-window .title-desc { display: flex; justify-content: center; font-size: 15px; }
.authenticator-window .qr-btn { background: #00affe; color: white; margin-top: 15px; border-radius: 5px; padding: 0.5rem 1.5rem; }
.authenticator-window .authenticators { display: flex; justify-content: center; }
.authenticator-window .authenticator { position: relative; border-radius: 8px; overflow: hidden; width: 80px; text-align: center; margin: auto; }
.authenticator-window .authenticators ul { display: grid; grid-template-columns: repeat(3, 1fr); min-height: 150px; gap: 1rem; }
.authenticator-window .authenticator-img-box { min-height: 80px; display: flex; justify-content: center; align-items: center; }
.authenticator-window .authenticator-img { width: 100%; }
.authenticator-window .authenticator_metadata { color: #bec1ca; font-size: 12px; }
.js-scan-area { display: none; }
.js-scan-area.active { display: block; }
.js-opt-area { display: none; }
.js-opt-area.active { display: block; }
.js-opt-area .qr-code-box { display: flex; justify-content: center; }
.js-opt-area .otp-box { display: flex; justify-content: center; }
.js-opt-area .check-box { width: 18px; height: 24px; background: url(../images/common/ico_chk.png) 0 0 no-repeat; margin: 0 7px; }
#authenticator .tc-red { color: #ff0100; }
#authenticator .tc-gray { color: #9a9c9f; }
.js-operator-opt-install-complete-area { display: none; }
.js-operator-opt-install-complete-area.active { display: block; }
.js-operator-opt-install-complete-area .notice-box { display: grid; justify-content: center; justify-items: center; background-color: #e2e1e1; padding: 18px; border-radius: 20px; }
.js-se-operator-opt-install-complete-area { display: none; }
.js-se-operator-opt-install-complete-area.active { display: block; }
.js-se-operator-opt-install-complete-area .notice-box { display: grid; justify-content: center; justify-items: center; background-color: #e2e1e1; padding: 18px; border-radius: 20px; }
.js-opt-input-area { display: none; }
.js-opt-input-area.active { display: block; }
.js-opt-input-area .qr-code-box { display: flex; justify-content: center; }
/* 2차 인증 모달창 PC END */

/* 개인정보 처리방침 S */
.pp--container { max-width: 1000px; margin: 0 auto; padding: 32px; background-color: #fff; }
.pp--container h1 { margin-top: 0; font-size: 28.8px; padding-bottom: 8px; border-bottom: 2px solid #555; }
.pp--container h2 { margin-top: 48px; font-size: 22.4px; color: #333; border-left: 4px solid #555; padding-left: 8px; margin-bottom: 16px; }
.pp--container h3 { margin-top: 32px; font-size: 19.2px; margin-bottom: 16px; color: #666; }
.pp--container p { margin: 16px 0; line-height: 1.8; }
.pp--container table { width: 100%; border-collapse: collapse; margin-bottom: 32px; font-size: 15.2px; }
.pp--container thead { background-color: #f2f2f2; }
.pp--container th { border: 1px solid #ddd; padding: 12.8px; text-align: left; vertical-align: top; white-space: nowrap; }
.pp--container td { border: 1px solid #ddd; padding: 12.8px; text-align: left; vertical-align: top; }
.pp--container .sub-title { font-weight: bold; margin-top: 32px; margin-bottom: 16px; }
.pp--container hr { border: none; border-top: 1px solid #eee; margin: 32px 0; }
.pp--container .reference-list ul { list-style: disc; margin-left: 16px; }
.pp--container .footer-note { margin-top: 32px; font-size: 14.4px; color: #999; text-align: right; }
.pp--container .list ul { width: 50%; }

@media (max-width: 768px) {
  .pp--container { padding: 16px; }
  .pp--container h1 { font-size: 24px; } 
  .pp--container h2 { font-size: 19.2px; margin-top: 32px; }
  .pp--container h3 { font-size: 16px; margin-top: 24px; margin-bottom: 12.8px; }
  .pp--container p { font-size: 15.2px; }
  .pp--container table { display: block; overflow-x: auto; font-size: 14.4px; }
  .pp--container th { white-space: nowrap; }
  .pp--container td { white-space: nowrap; }
}
/* 개인정보 처리방침 E */


/* 글로벌 TEXT 띠 S */
/*
.global-links-wrap { top: 36px; }
#hdrWrap #header {top: 103px }
#container {margin-top: 241px: }
.headBanner {background:#FFE84C; }
.global-text-bg { height:36px; display:flex; align-items: center; justify-content: center; gap:2rem; }
.global-text-bg .inline-icon { width: 20px; height: 20px; vertical-align: middle; margin: 0px 0px 0px 10px; }
*/
#hdBanner { display:none; }
/* 글로벌 TEXT 띠 # */

/* index 페이지 팝업 S */
.real-popup .inner a { width:500px; height:500px;}
.real-popup { top: 45%; z-index: 9999; position: fixed;}
.real-popup .btn-layer-close { top:15px; right:15px; width:22px; height:22px; margin-top:0; background:url(../images/common/btn_h34_topBnr-close.png) no-repeat center / 22px auto; opacity:.6; text-indent:-9999em; }
/* index 페이지 팝업 E */