@charset "euc-kr";
html{height:100%;}
body{font-size:12px;/* 기본폰트 사이즈 */
line-height:140%;/* 행간 */
color:#666; /* 폰트 컬러 */
margin:0;padding:0;height:100%;font-family:Malgun Gothic, "맑은고딕", sans-serif; /* 폰트스타일 */
}
a:link {color:#666;text-decoration:none;}
a:hover {color:#666;text-decoration:underline;}
a:focus {color:#666;text-decoration:none;}
a:visited {color:#666;text-decoration:none;}
a:active {color:#666;text-decoration:none;}
* {margin:0;padding:0;font-family:Malgun Gothic, "맑은고딕", sans-serif;letter-spacing:-0.05em;}
ul, ol, li {list-style:none;}
img, input.type-image {border:none;}
hr {display:none;}
select {font-size:1.0em;font-family:Malgun Gothic, "맑은고딕", sans-serif;}
table {width:100%;border-collapse:collapse;}
caption {overflow:hidden;width:0;height:0;font-size:0;line-height:0}
textarea {border:1px solid #c9c9c9;font-family:Malgun Gothic, "맑은고딕", sans-serif;}
input.type-text {height:15px;padding:2px 2px 0;font-size:1.0em;font-family:Malgun Gothic, "맑은고딕", sans-serif;border:1px solid #d5d5d5;}
input.type-text:focus {height:15px;padding:2px 2px 0;font-size:1.0em;font-family:Malgun Gothic, "맑은고딕", sans-serif;border:1px solid #a6c8ff;} /* input focus style */
input.type-file {height:18px;padding:2px 2px 0;font-size:1.0em;font-family:Malgun Gothic, "맑은고딕", sans-serif;border:1px solid #d5d5d5;}
input.type-file:focus {height:18px;padding:2px 2px 0;font-size:1.0em;font-family:Malgun Gothic, "맑은고딕", sans-serif;border:1px solid #a6c8ff;}
button{cursor:pointer;}
.clfix:after{content:".";display:block;height:0px;clear:both;visibility:hidden;}
.clfix{display:inline-block;}
.clfix{display:block;}
* html .clfix{height:1%;} /* Hides from IE-mac */
.clfix{zoom:1;} /*for IE 5.5-7*/
#accessibility{position:absolute;top:0;left:0;right:0;z-index:200;}
#accessibility a{display:block;position:relative;left:-1px;top:-1px;width:0;height:0;overflow:hidden;text-align:center;white-space:nowrap;}
#accessibility a:focus{color:#fff;display:block;position:relative;left:0;top:0;width:100%;height:39px;line-height:39px;font-size:14px;overflow:hidden;text-align:center;white-space:nowrap;background:#302f34;z-index:999999;}
.hidden{position:absolute;left:-10000px;top:auto;height:1px;overflow:hidden;}
.ir{text-indent:-100%;*text-indent:0;white-space:nowrap;overflow:hidden;font-size:0;line-height:0;text-shadow:none;color:transparent;}
/****************************************************************************************************************************************/
/* path */
#pathArea {border-bottom:1px solid #f2f2f2;}
#pathArea .wrapper {overflow:hidden; width:1180px; height:40px; margin:0 auto;}
#pathArea span {float:left; height:40px; padding:0 20px; border-right:1px solid #f2f2f2; color:#999; line-height:38px;}
#pathArea span:first-child {padding:0; border-left:1px solid #f2f2f2;}
#pathArea strong {float:left; height:39px; padding:0 20px; border-right:1px solid #f2f2f2; border-bottom:1px solid #f37521; color:#999; font-weight:normal; line-height:38px;}
#pathArea a {display:inline-block; width:16px; height:40px; padding:0 20px; color:#999; font-size:12px; vertical-align:top; color:transparent; background:url("/skin/skin224/images/home.png") no-repeat 50% 50%;}
/* bridege page */
.bridge {height:100%; text-align:center; background-color:#f7f7f7;}
.bridge .wrapper {position:absolute; top:50%; left:0; width:100%; min-width:650px; margin-top:-190px; padding:150px 0 50px 0;}
.bridge .mbrBridge {margin-top:-280px;}
.bridge h1 {padding-bottom:60px; color:#222; font-size:34px; line-height:36px; font-family:'Noto Sans KR'; font-weight:300;}
.bridge h1 img {margin-top:-42px; vertical-align:top;}
.bridge p {color:#666; font-size:24px; line-height:36px; font-family:'Noto Sans KR'; font-weight:300;}
.bridge .membox {width:500px; margin:15px auto 60px auto; padding:10px 0 12px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; line-height:43px;}
.bridge .membox strong {display:inline-block; padding-left:34px; font-size:24px; color:#222; background:url("/skin/skin224/images/mark_ex_b.png") no-repeat 0 10px;}
.bridge .membox p {font-size:20px; color:#222; font-weight:300;}
.bridge .loaders {position:absolute; top:0; left:50%; width:210px; height:50px; margin-left:-105px;}
.bridge .loaders span {position:absolute; top:0; width:50px; height:50px; border-radius:100%;}
.bridge .loaders .loader1 {left:0; background-color:#ea002c; background:linear-gradient(135deg, #f65d00, #ea002c); animation:loader1 2.0s infinite;}
.bridge .loaders .loader2 {left:70px; background-color:#f44b09; background:linear-gradient(135deg, #f3ae55, #f44b09); animation:loader2 2.0s infinite;}
.bridge .loaders .loader3 {left:140px; background-color:#585773; background:linear-gradient(135deg, #8e8da4, #585773); animation:loader3 2.0s infinite;}
@keyframes loader1 { 0% {z-index:2; left:0; transform:scale(1);} 33% {z-index:1; left:70px; transform:scale(.5);} 66% {z-index:1; left:140px; transform:scale(1);} 100% {z-index:3; left:0; transform:scale(1);} }
@keyframes loader2 { 0% {z-index:1; left:70px; transform:scale(.5);} 33% {z-index:1; left:140px; transform:scale(1);} 66% {z-index:2; left:0; transform:scale(1);} 100% {z-index:1; left:70px; transform:scale(.5);} }
@keyframes loader3 { 0% { z-index:1; left:140px; transform:scale(1);} 33% {z-index:2; left:0; transform:scale(1);} 66% {z-index:1; left:70px; transform:scale(.5);} 100% {z-index:1; left:140px; transform:scale(1);} }
/* skt biz center guide */
.serviceGuide * {font-family:'Noto Sans KR', sans-serif;}
.serviceGuide .info {overflow:hidden; position:relative; background-color:#f7f7f7;}
.serviceGuide .info .wrapper {width:1180px; height:808px; margin:0 auto; text-align:center;}
.serviceGuide .info .icons {display:block; height:182px; padding-top:82px;}
.serviceGuide .info .icons span {display:inline-block; width:124px; height:124px; margin:0 20px; border-radius:50%; background:#fff url("/skin/skin224/images/bizCenter_icon1.png") no-repeat 50% 50%; box-shadow:20px 20px 40px #e4e4e4; animation:bounceUp 0.8s backwards;}
.serviceGuide .info .icons .i2 {background-image:url("/skin/skin224/images/bizCenter_icon2.png"); animation-delay:.1s;}
.serviceGuide .info .icons .i3 {background-image:url("/skin/skin224/images/bizCenter_icon3.png"); animation-delay:.15s;}
.serviceGuide .info .icons .i4 {background-image:url("/skin/skin224/images/bizCenter_icon4.png"); animation-delay:.25s;}
.serviceGuide .info .icons .i5 {background-image:url("/skin/skin224/images/bizCenter_icon5.png"); animation-delay:.3s;}
@keyframes bounceUp {
0%,60%,75%,90%,to {animation-timing-function:cubic-bezier(.215,.61,.355,1);}
0% {opacity:0; transform:translate3d(0,3000px,0);}
60% {opacity:1; transform:translate3d(0,-20px,0);}
75% {transform:translate3d(0,10px,0);}
90% {transform:translate3d(0,-5px,0);}
to {transform:translateZ(0);}
}
.serviceGuide .info .txt1 {margin-bottom:48px; color:#222; font-size:42px; line-height:60px; font-weight:300; animation:txtMoveTop 1s 1s backwards;}
.serviceGuide .info .txt2 {width:500px; margin:0 auto 50px auto; font-size:78px; line-height:65px; color:transparent; background:url("/skin/skin224/images/bizCenter_txt.png") no-repeat 50% 0; animation:txtMoveTop 2s 1.8s backwards;}
.serviceGuide .info .txt3 {display:block; width:610px; margin:0 auto; color:#666; font-size:26px; font-weight:300; line-height:42px; word-break:keep-all; animation:txtMoveTop 1s 2.5s backwards;}
@keyframes txtMoveTop { 0% { margin-top:50px; opacity:0; } 100% { margin-top:0; opacity:1; } }
.serviceGuide .info .wave span {position:absolute; bottom:0; left:0; width:100%; height:330px;}
.serviceGuide .info .wave .w1 {background:url("/skin/skin224/images/bizCenter_wave1.png") no-repeat -80px 100%; animation:wave1 20s backwards infinite;}
.serviceGuide .info .wave .w2 {background:url("/skin/skin224/images/bizCenter_wave2.png") no-repeat 60px 100%; animation:wave2 15s backwards infinite;}
.serviceGuide .info .wave .w3 {background:url("/skin/skin224/images/bizCenter_wave3.png") no-repeat 390px 100%; animation:wave1 15s backwards infinite;}
.serviceGuide .info .wave .w4 {background:url("/skin/skin224/images/bizCenter_wave4.png") no-repeat 240px 100%; animation:wave2 20s backwards infinite;}
@keyframes wave1 { 0% {background-repeat:repeat-x; background-position-x:0;} 100% {background-repeat:repeat-x; background-position-x:1920px;} }
@keyframes wave2 { 0% {background-repeat:repeat-x; background-position-x:0;} 100% {background-repeat:repeat-x; background-position-x:-1920px;} }
.serviceGuide .bizGuide1 {background:#eaedec url("/skin/skin224/images/bizCenter_guide1.png") no-repeat 50% 255px;}
.serviceGuide .bizGuide2 {background:#f3f3f1 url("/skin/skin224/images/bizCenter_guide2.png") no-repeat 50% 393px;}
.serviceGuide .bizGuide3 {background:#eaedec url("/skin/skin224/images/bizCenter_guide3.png") no-repeat 50% 390px;}
.serviceGuide .bizGuide4 {background:#f3f3f1 url("/skin/skin224/images/bizCenter_guide4.png") no-repeat 50% 368px;}
.serviceGuide .bizGuide .wrapper {position:relative; width:1180px; height:695px; margin:0 auto; padding-top:295px;}
.serviceGuide .bizGuide1 .wrapper {padding-top:153px;}
.serviceGuide .bizGuide h2 {position:relative; font-size:42px; font-weight:500; color:#222; line-height:42px; text-align:center;}
.serviceGuide .bizGuide h2 span {position:absolute; top:-217px; left:50%; width:194px; height:192px; margin-left:-84px; text-indent:-9999px; text-align:left; background:url("/cs/images/combine/common/bizCenter_num.png") no-repeat 0 0;}
.serviceGuide .bizGuide h2 span.num2 {background-position:-194px 0;}
.serviceGuide .bizGuide h2 span.num3 {background-position:-388px 0;}
.serviceGuide .bizGuide h2 span.num4 {background-position:-582px 0;}
.serviceGuide .bizGuide h2 span.num5 {background-position:-776px 0;}
.serviceGuide .bizGuide p {position:absolute; width:235px; color:#666; font-size:18px; line-height:28px; font-weight:300; word-break:keep-all;}
.serviceGuide .bizGuide p strong {display:block; margin-bottom:15px; color:#222; font-size:24px; line-height:30px; font-weight:500;}
.serviceGuide .bizGuide .txtH {text-indent:-9999px; color:transparent;}
.serviceGuide .bizGuide1 .txt1 {top:420px; right:20px;}
.serviceGuide .bizGuide1 .txt2 {top:510px; left:10px; text-align:right;}
.serviceGuide .bizGuide2 .txt1 {top:520px; right:20px;}
.serviceGuide .bizGuide3 .txt1 {top:552px; left:10px; text-align:right;}
.serviceGuide .bizGuide3 .txt2 {top:635px; right:20px;}
.serviceGuide .bizGuide4 a {position:absolute; top:679px; left:415px; width:334px; height:74px; line-height:72px; color:#fff; font-size:24px; text-indent:100px; text-decoration:none;}
.serviceGuide .bizLinks {width:1180px; margin:0 auto 150px auto; padding-top:120px; text-align:center; background:url("/cs/images/combine/common/mark_ex.png") no-repeat 50% 50px;}
.serviceGuide .bizLinks p {margin-bottom:45px; color:#222; font-size:24px; line-height:52px;}
.serviceGuide .bizLinks p span {display:block; color:#222; font-size:34px;}
.serviceGuide .bizLinks a {display:inline-block; margin:0 13px;}
/* terms */
.termsCon {width:1180px; margin:0 auto 150px auto;}
.termsCon h2 {padding:70px 0 60px 0; font-size:32px; color:#222;}
.termsCon .termsTab {overflow:hidden; height:89px; margin-bottom:40px; background-color:#ea002c; background:linear-gradient(to right, #f65d00, #ea002c);}
.termsCon .termsTab li {float:left; width:50%;}
.termsCon .termsTab li a {display:block; height:86px; border:1px solid #e6e6e6; border-bottom:0; line-height:85px; font-size:20px; color:#b2b2b2; text-align:center; text-decoration:none; background-color:#fff; font-family:'Noto Sans KR'; font-weight:300;}
.termsCon .termsTab li:first-child a {margin-left:0;}
.termsCon .termsTab li.on a {position:relative; height:87px; border:0; margin:2px 2px 0 2px; color:#ea002c; line-height:83px; font-weight:400;}
.termsCon .termsAnchor {overflow:hidden; margin-bottom:80px; padding:50px 50px 20px 50px; background-color:#fafafa;}
.termsCon .termsAnchor li {float:left; width:50%; margin-bottom:30px;}
.termsCon .termsAnchor li a {display:inline-block; padding-right:16px; color:#999; font-size:18px; line-height:22px; background:url("/cs/images/combine/common/arrow.png") no-repeat right 7px;}
.termsCon .termsAnchor li.on a {color:#222; font-weight:bold; background-image:url("/cs/images/combine/common/arrow_b.png");}
.termsCon h3 {margin-top:-1px;}
.termsCon h3 a {display:block; height:88px; border-top:1px solid #999; border-bottom:1px solid #999; line-height:86px; font-size:22px; font-weight:bold; color:#222; text-indent:20px; background:url("/cs/images/combine/common/arrow_down.png") no-repeat 98% 50%;}
.termsCon h3.on a {background-image:url("/cs/images/combine/common/arrow_up.png");}
.termsCon .txt {margin-bottom:30px; padding:14px 30px; border:1px solid #e6e6e6; font-size:13px; background-color:#fafafa;}
.termsCon iframe {border:1px solid #cacaca;}
.termsCon .tabdoc {display:none; margin-top:-1px; padding:10px 20px 70px 20px; border-top:1px solid #ccc; font-size:16px; line-height:30px; word-break:keep-all;}
.termsCon .tabdoc h4 {padding:30px 0 5px 0; color:#222; font-size:16px; font-weight:normal;}
.termsCon .tabdoc ol li {padding:0 0 5px 22px; text-indent:-20px;}
.termsCon .tabdoc ol li ol {padding:5px 0 5px 16px;}
.termsCon .tabdoc ol li ol li {padding:0; text-indent:0; list-style-type: decimal;}
.termsCon .tabdoc ul {padding:5px 0 0 0;}
.termsCon .tabdoc ul li {padding:0 0 5px 12px; text-indent:0; background: url("/cs/images/combine/common/bul_line.gif") no-repeat 2px 14px;}
.termsCon .attach {width:675px; margin:20px 0 0 505px; text-align:right;}
.termsCon .attach li {display:inline-block; margin:0 0 10px 6px;}
.termsCon .attach li a {display:block; width:213px; height:38px; border:1px solid #ccc; font-size:14px; line-height:37px; text-align:center;}
/* product */
.flag_product .visual{height:520px;background:url("/cs/images/combine/bg/bg_product_visual_01.png") repeat 50% 0;}
.flag_product.mdms .visual{background:url("/cs/images/combine/bg/bg_product_visual_02.png")}
.flag_product .visual .inr{overflow:hidden;height:520px;background-repeat:no-repeat;background-position:right 60px;text-align:center}
.flag_product.mec .visual .inr{background-position:right 25px}
.flag_product.tmaptaxi .visual{background:url("/cs/images/combine/bg/bg_product_visual_tmaptaxi_01.png")}
.flag_product.tmaptaxi .visual .inr {background:url('/cs/images/combine/bg/bg_product_visual_tmaptaxi_02.png') no-repeat center bottom;}
.flag_product .visual .title{margin-top:106px}
.flag_product.tmaptaxi .title {margin-top:100px;}
.flag_product .visual .text{display:block;margin-top:30px;font-size:17px;color:#000;line-height:26px}
.flag_product .visual .sub_text {display:block;margin-top:12px;font-size:16px;color:#222;}
.flag_product .visual .sub_text a {font-size:18px;color:#222;}
.flag_product .visual .sub_text .ico_mailto {margin:3px 8px 0 0;}
.flag_product > .inr{position:relative;width:1180px;margin:0 auto}
.flag_product .tab_group .tab_btn_group{margin:-135px auto 0}
.flag_product .tab_group .tab_btn_group{overflow:hidden}
.flag_product .tab_group .tab_btn_group .btn{position:relative;float:left;width:380px;height:300px;padding-bottom:76px;border:1px solid #cfcfd5;background:#fff;text-align:center;box-sizing:border-box}
.flag_product .tab_group .tab_btn_group .btn:hover,
.flag_product .tab_group .tab_btn_group .btn:focus {padding-bottom:70px;border-width:4px;border-image:linear-gradient(to right, #f65d00 0%, #ea012c 100%);border-image-slice:1}
.flag_product .tab_group .tab_btn_group .btn + .btn{margin-left:20px}
.flag_product .tab_group .tab_btn_group .btn strong{display:block;margin-top:34px;font-size:30px;line-height:40px;color:#222}
.flag_product .tab_group .tab_btn_group .btn:hover strong,
.flag_product .tab_group .tab_btn_group .btn:focus strong {margin-top:31px}
.flag_product .tab_group .tab_btn_group .btn strong +.ico{margin:28px 0 26px}
.flag_product .tab_group .tab_btn_group .btn > span{display:block;min-height:60px;font-size:15px;color:#333;line-height:20px;letter-spacing:0;}
.flag_product .tab_group .tab_btn_group .btn span.bul{display:block;text-align:left; padding-left:55px;}
.flag_product .tab_group .tab_btn_group .btn span.bul:before{content:"";display:inline-block;width:3px;height:3px;margin:0 5px 2px 0;vertical-align:middle;background-color:#333;border-radius:50%;}
.flag_product .tab_group .tab_btn_group .btn:hover span.bul,
.flag_product .tab_group .tab_btn_group .btn:focus span.bul{padding-left:52px;}
.flag_product .tab_group .tab_btn_group .btn .ico_productarr_arr{position:absolute;bottom:20px;left:50%;margin-left:-13px}
.flag_product .tab_group .tab_btn_group .btn:hover .ico_productarr_arr,
.flag_product .tab_group .tab_btn_group .btn:focus .ico_productarr_arr{bottom:17px}
.flag_product .fix_group {position:fixed;z-index:1;bottom:0;left:0;width:100%;background:#3b3a55;background-color:rgba(59,58,85,.97);}
.flag_product .fix_group .tab_btn_group {overflow:hidden;width:1180px;margin:0 auto;}
.flag_product .fix_group .tab_btn_group .btn{position:relative;float:left;width:393px;height:65px;border:0;font-size:18px;color:#fff;background:none;}
.flag_product .fix_group .tab_btn_group .btn:before {content:"";position:absolute;top:22px;left:0;width:1px;height:22px;background-color:#767588;}
.flag_product .fix_group .tab_btn_group .btn:first-child:before {display:none;}
.flag_product .fix_group .tab_btn_group .btn span {display:inline-block; padding:0 10px 3px 10px; vertical-align:top;}
.flag_product .fix_group .tab_btn_group .btn.on span{border-bottom:2px solid #fff;font-weight:bold;}
.flag_product .fix_group .help_group {font-size:14px;background-color:#e6e6e6;}
.flag_product .fix_group .help_group > p {width:1180px;margin:0 auto;height:37px;padding-top:13px;line-height:23px;color:#35344f;}
.flag_product .fix_group .help_group strong {display:inline-block;margin-right:10px;padding:0 9px;border:1px solid #8d8d9a;border-radius:20px;font-weight:normal;color:#35344f;}
.product_group .title{margin-top:76px;font-weight:bold;font-size:30px;color:#222;line-height:1em}
.product_group .title span{display:inline-block;margin-left:12px;font-weight:normal;font-size:24px}
.product_group .num_title {margin-top:40px;font-size:20px;font-weight:bold;color:#222;line-height:1em;}
.product_group .image_box + .num_title {margin-top:80px;}
.product_group .text{display:block;margin-top:27px;font-size:17px;line-height:23px}
.product_group .text em{display:block;margin-top:12px;font-style:normal;font-size:14px;color:#999;line-height:1em}
.product_group .design_check_list,
.product_group .image_box,
.product_group .rect_group,
.product_group .feature_group,
.product_group .effect_group{margin-top:32px}
.product_group .design_check_list li{font-size:15px;color:#666}
.product_group .design_check_list li + li{margin-top:8px}
.product_group .design_check_list li strong{display:inline-block;margin-left:7px;color:#f65d00}
.product_group .text_in {padding:20px 20px 0 20px;font-size:17px;color:#666;line-height:23px}
.product_group .text_refer {display:block;margin:12px 0 0 0;font-size:14px;line-height:24px;}
.product_group .num_list{padding:20px 20px 0 20px;}
.product_group .num_list li{margin-bottom:6px;padding-left:20px;text-indent:-18px;font-size:17px;line-height:24px;}
.product_group .num_list + .num_title {margin-top:80px;}
.product_group .rect_group{padding:60px 50px 70px;background:#efefef;box-sizing:border-box}
.product_group .rect_group .inr{overflow:hidden;margin:-26px 0 0 -26px}
.product_group .rect_group dl{float:left;width:250px;height:270px;margin:26px 0 0 26px;padding-left:28px;background:#fff;box-sizing:border-box}
.product_group .rect_group dl dt{margin-top:42px;font-weight:bold;font-size:28px;color:#ea002c}
.product_group .rect_group dl dd{margin-top:26px;font-size:16px;color:#333;line-height:24px}
.product_group .sub_title{margin-top:69px;font-weight:bold;font-size:20px;color:#222}
.product_group .title + .sub_title,
.product_group .text + .sub_title{margin-top:28px}
.product_group .sub_title .ico{margin:2px 6px 0 0}
.product_group .sub_title + .image_box{margin-top:24px}
.product_group .panel_list_group{margin-top:25px}
.product_group .panel_list_group ol{overflow:hidden;margin:-20px 0 0 -20px}
.product_group .panel_list_group li{float:left;width:580px;margin:20px 0 0 20px;padding:26px 0 28px 29px;background:#e6e6e6;box-sizing:border-box}
.product_group .panel_list_group dl{display:table;table-layout:fixed;}
.product_group .panel_list_group dt,
.product_group .panel_list_group dd{display:table-cell;vertical-align:middle}
.product_group .panel_list_group dt{width:38px;font-size:16px;color:#ea002c;text-align:center}
.product_group .panel_list_group dt span{display:block;font-weight:bold;font-size:36px;line-height:30px}
.product_group .panel_list_group dd{padding-left:22px;font-size:17px;color:#181818;line-height:24px;letter-spacing:-2px}
.product_group .usim_guide_group{overflow:hidden;margin-top:29px;background:#f7f7f7}
.product_group .usim_guide_group dl{float:left;width:50%;height:451px}
.product_group .usim_guide_group dl dt,
.product_group .usim_guide_group dl dd{width:450px;margin:0 auto;text-align:center}
.product_group .usim_guide_group dl dd .ico{margin-top:45px}
.product_group .usim_guide_group dl dt{margin-top:40px;font-weight:bold;font-size:22px;color:#222}
.product_group .feature_group ul{overflow:hidden;margin:-20px 0 0 -20px}
.product_group .feature_group li{float:left;width:380px;height:80px;margin:20px 0 0 20px;padding-top:17px;border-style:solid;border-width:2px;border-image:linear-gradient(to right, #f65d00 0%, #ea002c 100%);border-image-slice:1;font-size:16px;color:#222;text-align:center;box-sizing:border-box;line-height:20px}
.product_group .changes_group{overflow:hidden}
.product_group .changes_group > div{float:left;width:630px}
.product_group .changes_group > div:first-child{width:550px}
.product_group .changes_group .image_box span{display:block;margin-top:25px;font-size:14px;color:#666}
.product_group .changes_group .list_group > ul > li + li{margin-top:10px}
.product_group .changes_group .list_group .inr dl{display:table;position:relative;table-layout:fixed;width:100%}
.product_group .changes_group .list_group .inr dt,
.product_group .changes_group .list_group .inr dd{display:table-cell;height:120px;vertical-align:middle}
.product_group .changes_group .list_group .inr dt{width:200px;background:#f42d2d;font-weight:bold;font-size:18px;color:#fff;text-align:center;line-height:24px}
.product_group .changes_group .bullet_list_group{margin:0;background:#fff}
.product_group .changes_group .bullet_list_group:after{position:absolute;top:0;right:0;left:210px;height:100%;border:2px solid #e3e3e3;box-sizing:border-box;content:''}
.product_group .changes_group .bullet_list_group ul{padding:15px 20px 18px 30px}
.product_group .changes_group .bullet_list_group li{font-size:14px}
.product_group .changes_group .bullet_list_group li:after{border-radius:0;background:#666}
.product_group .advantages_group{margin-top:33px}
.product_group .advantages_group:after{display:block;clear:both;content:''}
.product_group .advantages_group .inr{overflow:hidden}
.product_group .advantages_group .inr + .inr{margin-top:20px}
.product_group .advantages_group dl{float:left;width:380px;height:259px;box-sizing:border-box}
.product_group .advantages_group dl + dl{margin-left:20px}
.product_group .advantages_group dl dt{padding:18px 28px 24px;font-weight:bold;font-size:18px;line-height:28px;box-sizing:border-box}
.product_group .advantages_group dl dd{padding-left:29px}
.product_group .advantages_group.gray.gradient dl{border-style:solid;border-width:1px;border-image:linear-gradient(to right, #cfcfd5 0%, #dbdbdb 100%);border-image-slice:1}
.product_group .advantages_group.gray.gradient dt{background:linear-gradient(135deg, #cfcfd5, #dbdbdb);color:#222}
.product_group .advantages_group .bullet_list_group{margin:24px 0 0 0;background:#fff}
.product_group .advantages_group .bullet_list_group ul{padding:0}
.product_group .advantages_group .bullet_list_group li{color:#666}
.product_group .advantages_group .bullet_list_group li:after{background:#666}
.product_group .advantages_group .bullet_list_group li + li{margin-top:4px}
.product_group .advantages_group.yellow .inr dl{height:195px}
.product_group .advantages_group.yellow .inr:first-child dl{height:152px}
.product_group .advantages_group.yellow dl{border:1px solid #ff7a00}
.product_group .advantages_group.yellow dt{padding:9px 28px 12px;background:#ff7a00;color:#fff}
.product_group .advantages_group.navy{padding-bottom:55px}
.product_group .advantages_group.navy dl{height:195px;border:1px solid #434159}
.product_group .advantages_group.navy dt{padding:9px 28px 12px;background:#434159;color:#fff;text-align:center}
.product_group .advantages_group.navy dd{position:relative;padding:42px 0 0 0;text-align:center}
.product_group .advantages_group.navy dd span{position:absolute;right:0;bottom:-104px;left:0;font-size:16px;color:#666;text-align:center;line-height:23px}
.product_group .effect_group{overflow:hidden;padding:34px 0 28px 0;background:#f7f7f7}
.product_group .effect_group dl{float:left;width:25%;text-align:center}
.product_group .effect_group dt{font-weight:bold;font-size:20px;color:#222}
.product_group .effect_group dt span{display:block;margin-top:24px}
.product_group .effect_group dd{margin-top:18px}
.product_group .effect_group .bullet_list_group{margin:0;background:none}
.product_group .effect_group .bullet_list_group ul{padding:0}
.product_group .effect_group dl:first-child .bullet_list_group li{width:235px}
.product_group .effect_group .bullet_list_group li{width:200px;margin:0 auto;font-size:16px;color:#666;line-height:22px}
.product_group .effect_group .bullet_list_group li:after{top:9px;background:#666}
/* bullet list */
.bullet_list_group{margin-top:31px;background:#e6e6e6}
.bullet_list_group ul{padding:15px 20px 18px;box-sizing:border-box}
.bullet_list_group li{position:relative;padding-left:10px;font-size:16px;color:#333;text-align:left;line-height:24px;box-sizing:border-box}
.bullet_list_group li:after{position:absolute;top:12px;left:0;width:4px;height:4px;border-radius:50%;background:#333;content:''}
/* 공통 */
.blind,.ico em{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;text-indent:-9999px}
/* tab */
.tab_group .tab_box > div{display:none}
.tab_group .tab_box > div.on{display:block}
.flag_product .tab_box{padding-bottom:217px}
.flag_product .tab_box > div{display:block}
/* table */
.table-box{margin-top:50px;border-bottom:1px solid #666}
.table-box thead th{height:50px;background:#db112d;font-size:16px;color:#fff}
.table-box tbody th,
.table-box tbody td{padding:11px 0 13px;border-width:0 0 1px 1px;border-style:solid;border-color:#d8d8d8}
.table-box tbody th{background:#efefef;font-size:16px;color:#333}
.table-box tbody td{padding-left:28px;font-size:14px}
.table-box tbody th:first-child,
.table-box tbody td:first-child{border-left:0}
.table-box tbody tr:last-child th,
.table-box tbody tr:last-child td{border-bottom:0}
/* icon */
.ico{display:inline-block;background:url("/cs/images/combine/sprites/sp_ico.png") no-repeat;vertical-align:top}
.ico.bg_Private-5GX{width:405px;height:53px;background-position:0 -113px}
.ico.bg_mdms{width:190px;height:50px;background-position:0 0}
.ico.bg_skt-5gx-mec{width:457px;height:53px;background-position:-407px -113px}
.ico.bg_tmaptaxi{width:543px;height:62px;background-position:0 -614px}
.ico.ico_Private-5GX_01{width:66px;height:60px;background-position:0 -51px}
.ico.ico_Private-5GX_02{width:60px;height:60px;background-position:-68px -51px}
.ico.ico_Private-5GX_03{width:61px;height:60px;background-position:-130px -51px}
.ico.ico_mdms_01{width:60px;height:60px;background-position:-276px -51px}
.ico.ico_mdms_02{width:53px;height:60px;background-position:-338px -51px}
.ico.ico_mdms_03{width:64px;height:60px;background-position:-393px -51px}
.ico.ico_mec_01{width:59px;height:60px;background-position:-459px -51px}
.ico.ico_mec_02{width:60px;height:60px;background-position:-520px -51px}
.ico.ico_mec_03{width:60px;height:60px;background-position:-582px -51px}
.ico.ico_productarr_arr{width:26px;height:15px;background-position:-193px -51px}
.flag_product .tab_btn_group .btn:hover .ico_productarr_arr{background-position:-221px -51px}
.ico.ico_design_chk{width:21px;height:20px;background-position:-193px -68px}
.ico.ico_subtitle_arr{width:9px;height:15px;background-position:-216px -68px}
.ico.bg_usim_01{width:346px;height:220px;background-position:0 -168px}
.ico.bg_usim_02{width:346px;height:220px;background-position:0 -390px}
.ico.ico_smart_factory{width:60px;height:60px;background-position:-367px -168px}
.ico.ico_smart_office{width:60px;height:60px;background-position:-429px -168px}
.ico.ico_smart_complex{width:60px;height:60px;background-position:-491px -168px}
.ico.ico_help{width:25px;height:30px;background-position:-249px -68px}
.ico.ico_effect_01{width:158px;height:158px;background-position:-407px -230px}
.ico.ico_effect_02{width:158px;height:158px;background-position:-567px -230px}
.ico.ico_effect_03{width:158px;height:158px;background-position:-407px -390px}
.ico.ico_effect_04{width:158px;height:158px;background-position:-567px -390px}
.ico.ico_tmaptaxi_01{width:48px;height:60px;background-position:-644px -51px;}
.ico.ico_tmaptaxi_02{width:54px;height:60px;background-position:-694px -51px;}
.ico.ico_tmaptaxi_03{width:60px;height:60px;background-position:-750px -51px;}
.ico.ico_mailto{width:20px;height:16px;background-position:-193px -90px;}
.ico.ico_mailtoW{width:19px;height:16px;background-position:-216px 0;}
.ico.ico_down_arr {width:24px;height:10px;background-position:-216px -90px;}
/* align */
.align_left{text-align:left}
.align_center{text-align:center}
.align_right{text-align:right}
/* btn - coupon */
.btnCoupon {display:inline-block; position:relative; margin-right:20px;}
.btnCoupon a {display:inline-block; min-width:200px; height:90px; padding:0 30px; font-size:20px; line-height:88px; color:#fff; background-color:#f9893e;}
.btnCoupon a:after {content:""; display:inline-block; width:8px; height:14px; margin-left:8px; background:url("/cs/images/combine/common/arrow8x14.png") no-repeat -10px 0;}
.btnCoupon:before {content:""; position:absolute; right:-23px; top:50%; width:36px; height:36px; margin-top:-19px; border-radius:50%; background-color:#f7f7f7;}
/* list - bullet */
.listDot li {position:relative; margin-bottom:10px; padding-left:15px; font-size:16px; font-weight:300; line-height:26px; color:#111; text-align:left; letter-spacing:-1px;}
.listDot li:before {content:""; position:absolute; top:11px; left:0; width:4px; height:4px; background-color:#333; border-radius:50%;}
.listDot li span {display:block; font-size:14px; color:#666; font-weight:300;}
/* fix bar */
.fixBar {position:fixed; z-index:10; bottom:0; left:0; width:100%; border-top:1px solid #e6e6e6; background-color:#fff;}
.fixBar > div {width:1180px; margin:0 auto; text-align:center;}
/* product info - visual */
.prodInfo * {font-family:'Noto Sans KR', sans-serif;}
.prodInfo {position:relative;}
.prodInfo .inr {width:1180px; margin:0 auto;}
.prodInfo a {text-decoration:none;}
.prodInfo .titVisual {position:relative; min-height:532px; background:url("/cs/images/combine/bg/bg_voucherInfo.png") no-repeat 50% 0;}
.prodInfo .titVisual .stit {padding-top:70px; font-size:18px; line-height:40px;}
.prodInfo .titVisual .tit {padding-top:30px; font-size:50px; line-height:50px; font-weight:400;}
.prodInfo .titVisual .tit span {letter-spacing:1.5px;}
.prodInfo .titVisual .txt {padding-top:15px; font-size:16px; line-height:27px; font-weight:300;}
.prodInfo .titVisual .mailto {margin-top:12px;}
.prodInfo .titVisual .mailto a {display:inline-block; padding-bottom:2px; border-bottom:1px solid #f37725; font-size:13px; font-weight:300; color:#f37725;}
.prodInfo .titVisual .btns {margin-top:50px;}
/* product info - text */
.prodInfo .prodCon {padding-bottom:120px; background-color:#fff;}
.prodInfo .prodCon > div {width:1180px; margin:0 auto;}
.prodInfo .hTit {padding:80px 0 15px 0; font-size:28px; color:#000; font-weight:500; line-height:30px; letter-spacing:-2px;}
.prodInfo .subTit {margin:80px 0 20px 0; font-size:24px; color:#000; font-weight:500; line-height:26px;}
.prodInfo .subTit:before {content:""; display:inline-block; width:3px; height:22px; margin:3px 8px 0 0; vertical-align:top; background-color:#f37725;}
.prodInfo .hTit + .subTit {margin-top:20px;}
.prodInfo .sTxt {margin-bottom:40px; font-size:16px; color:#111; font-weight:300; line-height:24px;}
.prodInfo .referTxt {margin-top:15px; margin-bottom:8px; padding-left:9px; text-indent:-9px; font-size:14px; font-weight:300; line-height:20px;}
.prodInfo .referTxt + .referTxt {margin-top:0;}
.prodInfo .sTxt + .referTxt {margin-top:-28px;}
.prodInfo .emTxt {color:#f76252; font-style:normal;}
.prodInfo .subTit + .listDot {margin-bottom:32px;}
.prodInfo .subTit + .listDot li {margin-bottom:0; line-height:24px;}
/* product info - table */
.prodInfo .prodTbl {width:100%; border:1px solid #e6e6e6;}
.prodInfo .prodTbl th {padding:25px 0; border:1px solid #e6e6e6; font-size:14px; color:#000; font-weight:400; line-height:22px; letter-spacing:-1px; background-color:#f7f7f7;}
.prodInfo .prodTbl .diff th {padding:18px 0;}
.prodInfo .prodTbl tbody th {font-weight:300;}
.prodInfo .prodTbl tbody td {padding:25px 0; border:1px solid #e6e6e6; font-size:14px; color:#000; font-weight:300; text-align:center; line-height:20px;}
.prodInfo .prodTbl tbody td .txt {padding:0 40px; text-align:left;}
.prodInfo .prodTbl ul {padding:0 40px; text-align:left;}
.prodInfo .prodTbl strong {font-weight:500;}
.prodInfo .prodTbl .gobtn {display:inline-block; height:34px; margin-top:16px; padding:0 20px; line-height:33px; font-size:14px; font-weight:300; color:#fff; background-color:#434159;}
.prodInfo .fixBtns {padding:30px 0;}
.prodInfo .fixBtns a {display:inline-block; width:394px; height:74px; margin:0 10px; color:#fff; font-size:18px; line-height:74px; border:3px solid #41405a; background-color:#41405a;}
/* T map taxi contents */
.tmaptaxi .sv_step {margin:32px 0 80px 0; padding:50px 40px; text-align:center; border:1px solid #e6e6e6;}
.tmaptaxi .sv_step h5 {line-height:52px; font-size:16px; color:#fff; background-color:#ff721c;}
.tmaptaxi .sv_step h5:first-child {background-color:#434159;}
.tmaptaxi .sv_step ol {overflow:hidden; margin-top:25px;}
.tmaptaxi .sv_step ol li {position:relative; float:left; width:220px; margin-left:-1px; line-height:22px; font-size:14px;}
.tmaptaxi .sv_step ol li:before {content:""; position:absolute; left:0; top:13px; width:1px; height:20px; background-color:#ccc;}
.tmaptaxi .sv_step .ico {margin:35px 0 40px 0;}
.tmaptaxi .sv_user {overflow:hidden; margin:32px 0 80px 0; padding:52px 0; background:#f7f7f7 url("/cs/images/combine/bg/bg_product_contents_tmaptaxi_01.png") no-repeat 78px 56px;}
.tmaptaxi .sv_user li {float:left; width:235px; height:147px; padding:43px 50px 0 305px;}
.tmaptaxi .sv_user li:first-child {width:303px; padding:43px 50px 0 236px; border-right:1px solid #e6e6e6;}
.tmaptaxi .sv_user li strong {display:inline-block; height:39px; margin-bottom:10px; padding:0 25px; line-height:37px; font-size:16px; color:#fff; background-color:#797788; border-radius:20px;}
.tmaptaxi .sv_user li p {line-height:26px; color:#222; font-size:16px;}
.sv_table {margin-top:50px; text-align:center;}
.sv_table thead th span {display:block; height:42px; margin:0 0 10px 20px; color:#fff; font-weight:bold; font-size:18px; color:#fff; line-height:36px; background-color:#434159;}
.sv_table td span {display:block; margin:0 0 19px 20px; height:323px; border:1px solid #434159; font-size:16px; color:#625f8d; line-height:26px;}
.sv_table th:first-child span,
.sv_table td:first-child span {margin-left:0;}
.sv_table td strong {display:block; height:40px; padding-top:190px; font-size:18px; color:transparent; background:url("/cs/images/combine/bg/bg_product_contents_tmaptaxi_02.png") no-repeat 0 0;}
.sv_table td .t2 strong {background-position:-388px 0;}
.sv_table td .t3 strong {background-position:-776px 0;}
.sv_table td .t4 strong {background-position:0 -226px;}
.sv_table td .t5 strong {background-position:-388px -226px;}
.sv_table td .t6 strong {background-position:-776px -226px;}
/* bottom banner */
.share_service {margin-bottom:115px;text-align:center;background-color:#3e96e0;}
.share_service a {display:block;}
.flag_product .share_service {margin-top:-125px;}
/******************************************************************
버튼 (법인동일 common.css )
*******************************************************************/
a.btn {display:inline-block; padding:0 12px; border:1px solid #cfced0; font-size:16px; line-height:38px; background:#fff;}
a.btn:hover {background:#f5f5f5; text-decoration:none;}
/******************************************************************
quickbar (법인동일 common.css )
*******************************************************************/
.quickbar{position:fixed;top:271px;left:0;width:80px;border-bottom:0;display:none;z-index:20;display:none !important;}
.quickbar fieldset{border:none;}
*+html body .quickbar fieldset legend{margin:0 0 0 -7px;padding:0;}
.quickbar > fieldset > ul{background:#fff;padding:0 0 20px;border:1px solid #e4e4e4;}
.quickbar > fieldset > ul > li{padding:20px 0 0;text-align:center;}
.btn_quick_toggle{width:30px;height:70px;position:absolute;left:-30px;top:0px;background:#505050 url("/cs/images/common/bg_quick_arr.png") no-repeat 11px 31px;border-radius:3px 0px 0px 3px;-webkit-border-radius:3px 0px 0px 3px;overflow:hidden;text-indent:-20000px;}
.btn_quick_toggle.on{background-position:13px -60px;}
/******************************************************************
타이틀 (법인동일 common.css )
*******************************************************************/
div.title{width:100%;background:#fff;border-bottom:1px solid #d8d8d8;}
div.title .titleIn{position:relative;z-index:0;padding:30px 0 0;height:70px;width:1180px;margin:0 auto;}
div.title h2{margin:0 22px 0 0;color:#333;font-size:30px;line-height:36px;display:inline;}
div.title div.descript{color:#333;font-size:18px;line-height:24px;display:inline;}
div.body{padding:0 0 120px;width:1180px;margin:0 auto;}
div.board_head{height:80px;position:relative;}
div.board_head span{position:absolute;right:0px;top:0px;}
div.board_head h3{text-align:center;letter-spacing:-2px;color:#333;font-size:30px;line-height:30px;margin:0 0 45px;}
/******************************************************************
check point 공통 (법인동일 common.css )
*******************************************************************/
.checkpointBox{position:relative;z-index:0;width:100%;min-width:1230px;border-top:1px solid #d8d8d8;background:#f1f1f1;color:#333;font-size:18px;line-height:30px;}
.checkpointBox .bgL{position:absolute;z-index:0;left:-50%;top:0;width:100%;height:100%;margin-left:-588px;background:#e8e8e8;}
.checkpointBox .checkpointInner{overflow:hidden;position:relative;z-index:0;width:1180px;margin:0 auto;background:url("/cs/images/charge/bg_checkpointTab.gif") repeat-y;}
.checkpointBox .checkpoint{position:absolute;z-index:0;left:30px;top:55px;color:#333;font-size:29px;text-transform:uppercase;font-weight:normal;}
.checkpointBox .checkpointTab{float:left;width:400px;padding:107px 0 66px;}
.checkpointBox .checkpointTab p{padding:0 0 0 30px;font-weight:bold;}
.checkpointBox .checkpointTab button{border:1px solid #d6d6d6;padding:0 0 3px;width:340px;height:46px;margin:0 0 70px 30px;background:#dcdcdc;}
.checkpointBox .checkpointTab button span{color:#666;font-size:18px;line-height:18px;}
.checkpointBox .checkpointTab button.more span{padding:0 25px 0 0;background:url("/cs/images/common/icon_plus.gif") no-repeat 100% 80%;}
.checkpointBox .checkpointTab button.close span{padding:0 25px 0 0;background:url("/cs/images/common/icon_minus.gif") no-repeat 100% 60%;}
.checkpointBox .checkpointTab ul{padding:0 20px 0 28px;margin:0 0 20px;width:352px;overflow:hidden;}
.checkpointBox .checkpointTab ul li{margin-top:17px;}
.checkpointBox .checkpointTab ul li a{display:block;text-indent:-18px;padding:0 15px 0 18px;background:url("/cs/images/charge/bg_checkpointTab_off.png") no-repeat 100% 11px;}
.checkpointBox .checkpointTab ul li.on a{color:#ea002c;font-weight:bold;background:url("/cs/images/charge/bg_checkpointTab_on.png") no-repeat 100% 11px;}
.checkpointBox .checkpointCont{float:left;width:780px;}
.checkpointBox .checkpointCont .cont{display:none;padding:54px 50px 56px;word-break:keep-all;}
.checkpointBox .checkpointCont .cont .title{display:block;padding:0 0 38px;font-size:23px;}
.checkpointBox .checkpointCont .cont p.first{margin:0 0 20px;}
.checkpointBox .checkpointCont .cont .text li{padding:0 0 0 15px;margin:0 0 15px;background:url("/cs/images/charge/dot_checkpoint.gif") no-repeat 0 15px;}
.checkpointBox .checkpointCont .cont .text li ul{padding:10px 0 0;}
.checkpointBox .checkpointCont .cont .text li b{font-weight:bold;}
.checkpointBox .checkpointCont .cont .text li ul li{font-size:16px;padding:0 0 0 15px;margin:0;background:url("/cs/images/member/bl_dot_navy.gif") no-repeat 5px 12px;}
.checkpointBox .checkpointCont .cont span.sub{display:block; font-size:14px; line-height:1.5em;}
.checkpointBox .checkpointCont .cont span.sub02{font-size:14px; font-weight:bold;}
.checkpointBox .checkpointCont .cont .none li{text-indent:-17px;padding:0 0 0 17px;margin:0 0 15px;}
.checkpointBox .checkpointCont .cont .none li ul{padding:10px 0 0;}
.checkpointBox .checkpointCont .cont .none li ul li{font-size:16px;padding:0 0 0 15px;margin:0;}
.checkpointBox .checkpointCont .cont.on{display:block;}
.checkpointBox .checkpointCont .cont p{margin:0 0 15px;}
.checkpointBox .checkpointCont .cont .subTitle{color:;#444444;font-weight:bold;}
.checkpointBox .checkpointCont .cont p strong{color:#ea002c;font-weight:normal;}
.checkpointBox .checkpointCont .cont .bul_star{padding-left:15px;text-indent:-14px;}
.checkpointBox .checkpointCont .cont .text strong{color:#ea002c;font-weight:normal;}
.checkpointBox .checkpointCont .cont dl dt{font-size:16px;margin:5px 0 0;padding:0 0 0 15px;background:url("/cs/images/member/bl_dot_navy.gif") no-repeat 5px 12px;}
.checkpointBox .checkpointCont .cont dl dd{font-size:16px;padding:0 0 0 15px;margin:0 0 2px;}
.checkpointBox .checkpointCont .cont dl strong{color:#ea002c;font-weight:normal;}
div.checkpointCont a.btn{display:inline-block;height:38px;margin:5px 0;padding:0 20px 2px 20px;border:0;background:#757380;color:#fff;font-size:16px;line-height:38px;}
div.checkpointCont p.tip{text-indent:-20px;padding:0 0 0 20px;}
div.CorpAgentReqGuide .checkpointBox .checkpointInner {height:418px;}
/******************************************************************
공통테이블 (법인동일 common.css )
*******************************************************************/
div.list_table{position:relative;width:100%;border-top:2px solid #343434;}
div.list_table table{margin:0 0 0 -1px;}
div.list_table table thead th{padding:24px 14px 25px;color:#333;font-size:16px;line-height:19px;background:#fff;border-bottom:2px solid #ddd;}
div.list_table table thead th.left{text-align:left;padding:24px 24px 25px;color:#333;font-size:16px;line-height:19px;border-bottom:2px solid #ddd;}
div.list_table table tbody td{text-align:center;border-bottom:1px solid #ddd;font-size:18px;line-height:40px;padding:18px 14px;}
div.list_table table tbody td.left{text-align:left;padding:18px 24px;}
div.list_table table tbody tr.on td{background:#f7f7f7;}
/******************************************************************
탭 (법인동일 common.css )
*******************************************************************/
div.tab{margin:0 0 70px;width:100%;overflow:hidden;height:70px;background:url("/cs/images/common/tab_bg.gif") no-repeat;}
div.tab ul{width:100%;overflow:hidden;}
div.tab ul li{width:50%;float:left;}
div.tab ul li a{padding:22px 0 0;font-size:18px;text-align:center;line-height:24px;color:#fff;width:100%;height:48px;display:inline-block;position:relative;z-index:0;display:block;color:#777;}
div.tab ul li.on a{z-index:1;background:#ea002c;color:#fff;font-weight:bold;}
div.tab ul li.on a:hover{text-decoration:none;}
div.tab ul.tabNum3 li{width:33.3%;background:url("/cs/images/common/tab_bg.gif") no-repeat 0 0;}
div.tab ul.tabNum4 li{width:25%;}
div.tab ul.tabNum4 li a{background:url("/cs/images/common/tab_bg.gif") no-repeat 100%;}
div.tab ul.tabNum4 li:first-child a{width:auto;background-position:0 0;border-right:1px solid #d8d8d8}
div.tab ul.tabNum4 li.on a,
div.tab ul.tabNum4 li:first-child.on a{background:#ea002c;}
/* voucherInfo */
.voucherInfo {margin-bottom:240px; background-color:#f2f2f2;}
.voucherInfo .cpVod a {text-indent:18px; color:#1d1160; background:url("/cs/images/combine/sub/bg_btnCoupon_vod.png") no-repeat 0 0;}
.voucherInfo .cpVod a:before,
.voucherInfo .cpVod a:after {content:none;}
.voucherInfo .prodCon {margin-top:-30px;}
.spVoucher {display:inline-block; vertical-align:top; color:transparent; background:url("/cs/images/combine/sprites/sp_voucherInfo.png") no-repeat;}
.spVoucher.imgT1 {width:510px; height:44px; background-position:0 0;}
.spVoucher.imgT2 {width:525px; height:58px; background-position:0 -46px;}
.spVoucher.icoTarget1 {width:64px; height:64px; background-position:0 -109px;}
.spVoucher.icoTarget2 {width:64px; height:64px; background-position:-66px -109px;}
.spVoucher.icoTarget3 {width:64px; height:64px; background-position:-132px -109px;}
.spVoucher.icoTarget4 {width:64px; height:64px; background-position:-198px -109px;}
.spVoucher.icoTarget5 {width:64px; height:64px; background-position:-264px -109px;}
.voucherInfo .sec01 .con1 {overflow:hidden; margin-top:40px;}
.voucherInfo .sec01 .con1 > div {float:left; width:540px; border-top:2px solid #f9893e;}
.voucherInfo .sec01 .con1 h4 {margin-bottom:23px; padding:20px 0; border-top:1px solid #f7e1d2; font-size:18px; font-weight:400; color:#111; text-align:center; background-color:#f7f7f7;}
.voucherInfo .sec01 .con1 h4 + p {padding-bottom:26px; font-size:16px; color:#777; font-weight:300; line-height:24px; text-align:center;}
.voucherInfo .sec01 .con1 .data2 {float:right;}
.voucherInfo .sec01 .con1 dl {border-top:1px solid #e6e6e6;}
.voucherInfo .sec01 .con1 dt {position:relative; padding:30px 0 10px 112px; font-size:18px; font-weight:500; color:#222;}
.voucherInfo .sec01 .con1 dt i {position:absolute; top:20px; left:0;}
.voucherInfo .sec01 .con1 dd {padding:0 0 28px 112px; border-bottom:1px solid #e6e6e6; font-size:14px; font-weight:300; line-height:20px;}
.voucherInfo .sec01 .con1 dd p {position:relative; padding-left:12px;}
.voucherInfo .sec01 .con1 dd p:before {content:""; position:absolute; left:4px; top:8px; width:3px; height:3px; border-radius:50%; background-color:#666;}
.voucherInfo .sec01 .con2 {position:relative; overflow:hidden; padding:45px 0 35px 57px; background:#fafafa url("/cs/images/combine/sub/bg_step.png") no-repeat 50% 45px;}
.voucherInfo .sec01 .con2 li {position:relative; float:left; width:146px; margin-left:84px; text-align:center;}
.voucherInfo .sec01 .con2 li:first-child {margin-left:0;}
.voucherInfo .sec01 .con2 li > span {display:block; height:55px; line-height:55px; font-size:14px; font-weight:400; color:#435fa1;}
.voucherInfo .sec01 .con2 li em {display:block; margin-top:58px; font-style:normal; font-size:14px; font-weight:300; color:#222; white-space:nowrap;}
.voucherInfo .sec01 .con2 li em.se {margin-top:53px; text-align:left;}
.voucherInfo .sec01 .con2 li em span {display:inline-block; width:34px; height:24px; margin:0 5px 5px 8px; line-height:23px; text-align:center; vertical-align:middle; font-size:14px; font-weight:300; color:#f37725; border:1px solid #f37725; border-radius:3px;}
.voucherInfo .sec01 .con2 li em span.e {color:#fff; background-color:#f37725;}
.voucherInfo .sec01 .con2 li:first-child em span {width:60px; margin-left:-18px;}
.voucherInfo .sec01 .con3 {overflow:hidden; margin-bottom:20px; padding:10px; border:1px solid #e6e6e6;}
.voucherInfo .sec01 .con3 > div {position:relative; float:left; width:50%; text-align:center; box-sizing:border-box;}
.voucherInfo .sec01 .con3 .data1 {padding:25px 50px 25px 70px;}
.voucherInfo .sec01 .con3 .data1 > strong {position:absolute; top:0; left:26px; padding:20px 0 0 0; text-align:left; font-weight:400; font-size:16px; color:#000;}
.voucherInfo .sec01 .con3 .data1 ul {padding-top:40px;}
.voucherInfo .sec01 .con3 .data2 {padding:32px 0 40px 0; background-color:#fafafa;}
.voucherInfo .sec02 .con1 td {height:40px; padding:28px 0 30px;}
.voucherInfo .ad {height:173px; padding:45px 0; text-align:center; color:#fff; font-size:24px; font-weight:300; line-height:40px; background:url("/cs/images/combine/sub/bg_mail.jpg") no-repeat 50% 0;}
.voucherInfo .ad p strong {color:#fdc181; font-weight:400;}
.voucherInfo .ad a {display:inline-block; height:48px; margin-top:30px; padding:0 85px; border:1px solid #fff; color:#fff; font-size:15px; line-height:48px;}
.voucherInfo .ad a i {margin:17px 10px 0 0;}
.voucherInfo .fixBar .btnVoucherVod {color:#41405a; background-color:#fff;}
.voucherInfo .fixBar .btnVoucherVod:before {content:""; display:inline-block; width:22px; height:22px; margin:26px 7px 0 0; vertical-align:top; background:url("/cs/images/combine/common/bul_btnVod.png") no-repeat 0 0;}
/* Suscrb_wrap */
.Suscrb_wrap * {font-family: 'Noto Sans KR','Malgun Gothic','맑은고딕','돋움','Dotum','굴림','Gulim', sans-serif; letter-spacing:-0.05em; box-sizing:border-box;}
.Suscrb_wrap .inner {max-width:1180px; margin:0 auto;}
.Suscrb_wrap .lbl {cursor: pointer;}
.Suscrb_wrap .Suscrb_visual {width:100%; height:342px; background: url('/cs/images/combine/bg/bg_smlSubscribe.jpg') no-repeat 50% 0; text-align: center; letter-spacing:-0.05em;}
.Suscrb_wrap .Suscrb_visual {padding-top:40px;}
.Suscrb_wrap .Suscrb_visual h1 {text-align: left;}
.Suscrb_wrap .Suscrb_visual h1 img {height: 32px;}
.Suscrb_wrap .Suscrb_visual h2 {margin:0; padding-top: 30px;display:block; font-size: 36px; font-weight:500; color:#fff; letter-spacing:-0.08em; line-height: 1.3;}
.Suscrb_wrap .Suscrb_visual > .inner > .txt {padding-top: 20px; font-size: 16px; font-weight: 300; color: #fff; }
.Suscrb_wrap .Suscrb_visual .email_box {position:relative; width:72%; height:70px; margin:40px auto 0 auto}
.Suscrb_wrap .Suscrb_visual .email_box::before {position:absolute; top:22px; left: 30px; content: ''; display: block; width:26px; height:21px; background: url('/cs/images/combine/sprites/sp_smlsubscribe.png') no-repeat 0 0/116px auto;}
.Suscrb_wrap .Suscrb_visual .email_box > .ipt_txt { width:100%; height: 70px; padding: 0 10px 0 70px; font-size:18px; color:#111; text-align: center; font-weight: 400;}
.Suscrb_wrap .Suscrb_visual .email_box > .ipt_txt::placeholder {color: #777;}
.Suscrb_wrap .Suscrb_visual .email_box .btn_del {position:absolute; top:20px; right:20px; display:inline-block;font-size: 0; width:24px; height:24px; font-size: 0; border: 0; background:transparent url('/cs/images/combine/sprites/sp_smlsubscribe.png') no-repeat -30px 0/116px auto;}
.Suscrb_wrap .Suscrb_visual .email_box .btn_del:focus {outline: none;}
.Suscrb_wrap .Suscrb_visual .email_box input::-ms-clear {display: none;}
.Suscrb_wrap .Suscrb_con {padding-bottom:130px;}
.Suscrb_wrap .Suscrb_con .inner {width: calc(100% - 2%); padding: 0 1%;}
.Suscrb_wrap .Suscrb_con .attend .lists {padding:110px 0 56px;border-bottom: 1px solid #e7e7e7;}
.Suscrb_wrap .Suscrb_con .attend .lists::after,.Suscrb_wrap .Suscrb_con .event_box .event:after {content: ''; display: block; clear: both;}
.Suscrb_wrap .Suscrb_con .attend .lists h3 {position: relative;float: left; width:14%; font-size: 22px; font-weight:400; color: #111; line-height: 1.3;}
.Suscrb_wrap .Suscrb_con .attend .lists h3::before {position:absolute; margin-top:-50px; content: ''; display: block; background: url('/cs/images/combine/sprites/sp_smlsubscribe.png') no-repeat 0 0/116px auto;}
.Suscrb_wrap .Suscrb_con .attend .lists:nth-of-type(1) h3::before {width:24px; height:24px; background-position:0 -26px;}
.Suscrb_wrap .Suscrb_con .attend .lists:nth-of-type(2) h3::before {width:28px; height:21px; background-position:0 -52px;}
.Suscrb_wrap .Suscrb_con .attend .lists .list {float: left; width:calc(100% - 14%); padding-left:11%}
.Suscrb_wrap .Suscrb_con .attend .lists .list > li {display: inline-block; width: 23%; padding-bottom: 30px; vertical-align: top;line-height: 2.1;}
.Suscrb_wrap .Suscrb_con .attend .lists .list > li > .ipt_chk {position:relative; width: 0px; height: 0px; opacity: 0;}
.Suscrb_wrap .Suscrb_con .attend .lists .list > li > .ipt_chk:checked + .lbl::before {background-position:-58px -28px;}
.Suscrb_wrap .Suscrb_con .attend .lists .list > li > .lbl {display: inline-block;font-size: 15px; font-weight:400; color: #222;line-height: 1.5;}
.Suscrb_wrap .Suscrb_con .attend .lists .list > li > .lbl::before {content: '';display: inline-block; width:24px; height:24px; margin-right:20px; background: url('/cs/images/combine/sprites/sp_smlsubscribe.png') no-repeat -58px 0/116px auto; vertical-align: middle;}
.Suscrb_wrap .Suscrb_con .attend .lists .list > li > .lbl > span {display: inline-block; padding: 0 3px;}
.Suscrb_wrap .Suscrb_con .agree_info {padding-top: 60px; text-align: center;}
.Suscrb_wrap .Suscrb_con .agree_info > .ipt_chk {position:relative; width: 0px; height: 0px; opacity: 0;}
.Suscrb_wrap .Suscrb_con .agree_info > .ipt_chk:checked + .lbl::before {background-position: -86px -28px;}
.Suscrb_wrap .Suscrb_con .agree_info > .lbl {display: inline-block; font-size: 16px;color: #777;}
.Suscrb_wrap .Suscrb_con .agree_info > .lbl::before {content: ''; display: inline-block; width:26px; height:26px; margin-right:10px; background: url('/cs/images/combine/sprites/sp_smlsubscribe.png') no-repeat -86px 0/116px auto; vertical-align: middle;}
.Suscrb_wrap .Suscrb_con .agree_info > .lbl > a {display: inline-block; color:#111; text-decoration: underline;}
.Suscrb_wrap .Suscrb_con .ipt_chk:focus + .lbl::before {outline:1px dotted #808080;}
.Suscrb_wrap .Suscrb_con .btn_area {padding-top:60px;text-align: center;}
.Suscrb_wrap .Suscrb_con .btn_area .ipt_btn[disabled] { background: #ccc; color: #fff;}
.Suscrb_wrap .Suscrb_con .btn_area .ipt_btn {width: 24%; height: 80px; background: #f76252; color: #fff; font-size: 18px; border: 0;cursor: pointer;}
@media screen and (max-width:1180px) {
.Suscrb_wrap .Suscrb_con .attend .lists .list {padding-left: 8%;}
.Suscrb_wrap .Suscrb_con .attend .lists .list > li {width: 21%;}
.Suscrb_wrap .Suscrb_con .attend .lists .list > li > .lbl::before {margin-right: 6px;}
}
@media screen and (max-width:1000px) {
.Suscrb_wrap .Suscrb_con > .inner {width: calc(100% - 4%); padding: 0 2%;}
.Suscrb_wrap .Suscrb_con .attend .lists .list > li {width: 32%;}
}
@media screen and (max-width:768px) {
.Suscrb_wrap .Suscrb_con > .inner {width: calc(100% - 8%); padding:0 4%;}
.Suscrb_wrap .Suscrb_con .attend .lists h3 {float: none; width: 100%;}
.Suscrb_wrap .Suscrb_con .attend .lists .list {padding:8% 0 0 0;}
.Suscrb_wrap .Suscrb_con .attend .lists .list > li {width: 48%;}
.Suscrb_wrap .Suscrb_con .btn_area .ipt_btn {width: 60%;}
}
@media screen and (max-width:375px) {
.Suscrb_wrap .Suscrb_visual > .inner > .txt {padding: 20px 15px 0 15px; word-break: keep-all;line-height: 1.3;}
.Suscrb_wrap .Suscrb_visual .email_box::before {left: 8px;}
.Suscrb_wrap .Suscrb_con .attend .lists .list > li {float: none; width: 100%;}
.Suscrb_wrap .Suscrb_visual .email_box .btn_del {right: 5px;}
}
/* Suscrb_wra_evnt 06-10 추가 */
.Suscrb_wrap input:active, .Suscrb_wrap input:focus , .Suscrb_wrap input:hover {border: none; outline: none;}
.Suscrb_wrap .Suscrb_con .event_box {margin-top:70px;}
.Suscrb_wrap .Suscrb_con .event_box .event{ width:100%; height:359px; margin-top:70px; padding:50px 40px 50px 50px; background:#f5f5f5; box-sizing: border-box;}
.Suscrb_wrap .Suscrb_con .event_box .event:after,.Suscrb_wrap .Suscrb_con .event_box .event .con_txt:after {content: ''; display: block; clear: both;}
.Suscrb_wrap .Suscrb_con .event_box .form { width:420px; margin: 0 auto;}
.Suscrb_wrap .Suscrb_con .event_box .form .evt_ipt_txt {width:100%; height:70px; padding-left: 23px; background: #fff; border:1px solid #ccc; font-weight: 300; font-size: 16px;color: #111;text-align:left}
.Suscrb_wrap .Suscrb_con .event_box .form .evt_ipt_txt::placeholder {color: #ccc;}
.Suscrb_wrap .Suscrb_con .event_box .form .ipt_btn {width: 100%; height: 60px; background: #f76252; color: #fff; font-size: 16px; border: 0;cursor: pointer;}
.Suscrb_wrap .Suscrb_con .event_box .form .agree_info {padding:30px 0 30px 10px; text-align: left;}
.Suscrb_wrap .Suscrb_con .event_box .form .agree_info > .lbl {position: relative; display: inline-block; padding-left:38px; font-size: 16px; font-weight: 300; line-height: 1.5; letter-spacing: -1px;}
.Suscrb_wrap .Suscrb_con .event_box .form .agree_info > .lbl::before {content: ''; position: absolute; top:3px; left: 0; width:26px; height:26px;background: url('/cs/images/combine/sprites/sp_smlsubscribe.png') no-repeat -86px 0/116px auto; vertical-align: middle;}
.Suscrb_wrap .Suscrb_con .event_box .form .agree_info > .ipt_chk:checked + .lbl::before {background-position: -86px -28px;}
.Suscrb_wrap .Suscrb_con .event_box .form .agree_info > .lbl > a {color: #666;}
.Suscrb_wrap .Suscrb_con .event_box .event .img {float:right;}
.Suscrb_wrap .Suscrb_con .event_box .event .con_txt {width:688px; height:175px;}
.Suscrb_wrap .Suscrb_con .event_box .event .con_txt dt { width:92px; height:24px; float: left; display: inline-block; background: #9ab9d1; font-size: 14px; color: #fff; border-radius: 20px; text-align:center; letter-spacing: -1px; line-height: 24px;}
.Suscrb_wrap .Suscrb_con .event_box .event .con_txt dd {display: inline-block; width:67%; margin:0 0 7px 10px; font-size: 15px; color: #333; letter-spacing: -1.2px; line-height: 25px;}
.Suscrb_wrap .Suscrb_con .event_box .event .info {}
.Suscrb_wrap .Suscrb_con .event_box .event .info li {position: relative; padding:0 0 8px 10px; font-size: 14px; color: #777; letter-spacing: -1.5px;}
.Suscrb_wrap .Suscrb_con .event_box .event .info li::before {position:absolute; top:7px; left:0; content: ''; width:3px; height:3px; background: #777; }
/* newsletter_Template2020 06-10 추가 */
.newsletter_Template2020 {width:900px; margin: 0 auto; padding: 0;}
.newsletter_Template2020 a {text-decoration: none;}
.newsletter_Template2020 .header {padding:18px 0; background: #fff;}
.newsletter_Template2020 .header > table, .newsletter_Template2020 .content > table, .newsletter_Template2020 .footer > table {width:900px; margin:0 auto; border-collapse: collapse; }
.newsletter_Template2020 .header > table > tbody > tr > td {padding: 0 21px 0 24px;}
.newsletter_Template2020 .header .header_con {float:right; display: inline-block; }
.newsletter_Template2020 .header .header_con::after, .newsletter_Template2020 .footer:after {content: ''; display: block; clear: both;}
.newsletter_Template2020 .content .box a{display: block;}
.newsletter_Template2020 .footer {height: 200px; background: #f7f7f7; box-sizing: border-box;}
.newsletter_Template2020 .footer > table > tbody > tr > td {padding:30px 60px 30px 88px;}
.newsletter_Template2020 .footer .foot_logo {display: inline-block; margin-top: 37px;}
.newsletter_Template2020 .footer .foot_txt {float: right;font-family:'Malgun Gothic','맑은 고딕','돋움',Dotum,'굴림',Gulim; font-size: 13px;line-height:20px; letter-spacing: -1px;}
.newsletter_Template2020 .footer .foot_txt .agree {font-weight: bold; color:#333;letter-spacing: -1.2px; }
.newsletter_Template2020 .footer .foot_txt .agree a {text-decoration: underline;}
.newsletter_Template2020 .footer .foot_txt .adress {margin-top: 27px;color:#666;}