@charset "utf-8";

* {margin:0;padding:0;font-family:'맑은고딕', Malgun Gothic, 'NanumSquareR', 'NanumGothic', 'Dotum', 'sans-serif';}
html, body{height:100%; margin:0;padding:0;color: #666;}
body{color:#222;-webkit-text-size-adjust:none;word-break:keep-all;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
p,ul,ol,li,dl,dt,dd,form {list-style-image:none;list-style-position:outside;list-style-type:none;border:0px;}
img,fieldset, frameset, frameborder, frame {border:0;}
a{color:#666;}
table{width:100%;border-collapse:collapse;text-overflow: ellipsis;overflow: hidden;table-layout:fixed;}
tr,td{text-overflow: ellipsis;overflow: hidden;}
th,td,td a{font-size: 14px;-webkit-color: #666;color: #666;}
button{border: 0;background: none;}
a,a:hover,
button:hover,.pagebtn li:hover{text-decoration:none;cursor:pointer;}
textarea,input{font-size: 14px;color:#333;border-radius:8px}
textarea{color:#333;line-height: 1.7;padding: 15px;border: 1px solid #ccc;width: 100%;margin: 0px;resize: none;box-sizing: border-box;overflow-y: auto;border-radius:8px}
caption {width:0;height:0;font-size:0px;text-indent:-9999em;line-height:0;margin:0;padding:0;border:0;}

textarea::placeholder,
input::placeholder{color:#bbb;}
textarea:-ms-input-placeholder,
input:-ms-input-placeholder {color: #bbb;}

/* NanumSquare Web Font Start */
@font-face{font-weight:400;font-family:'NanumSquareR';src:url(/css/font/NanumSquareR.eot);src:url(/css/font/NanumSquareR.eot?#iefix) format("embedded-opentype"),url(/css/font/NanumSquareR.woff) format("woff"),url(/css/font/NanumSquareR.ttf) format("truetype")}
@font-face{font-weight:300;font-family:'NanumSquareL';src:url(/css/font/NanumSquareL.eot);src:url(/css/font/NanumSquareL.eot?#iefix) format("embedded-opentype"),url(/css/font/NanumSquareL.woff) format("woff"),url(/css/font/NanumSquareL.ttf) format("truetype")}
@font-face{font-weight:700;font-family:'NanumSquareB';src:url(/css/font/NanumSquareB.eot);src:url(/css/font/NanumSquareB.eot?#iefix) format("embedded-opentype"),url(/css/font/NanumSquareB.woff) format("woff"),url(/css/font/NanumSquareB.ttf) format("truetype")}
@font-face{font-weight:900;font-family:'NanumSquareEB';src:url(/css/font/NanumSquareEB.eot);src:url(/css/font/NanumSquareEB.eot?#iefix) format("embedded-opentype"),url(/css/font/NanumSquareEB.woff) format("woff"),url(/css/font/NanumSquareEB.ttf) format("truetype")}
@font-face{font-weight:400;font-family:'NanumGothic';src:url(/css/font/NanumGothic.eot);src:url(/css/font/NanumGothic.eot?#iefix) format("embedded-opentype"),url(/css/font/NanumGothic.woff) format("woff"),url(/css/font/NanumGothic.ttf) format("truetype")}
@font-face{font-weight:400;font-family:'NanumGothicBold';src:url(/css/font/NanumGothicBold.eot);src:url(/css/font/NanumGothicBold.eot?#iefix) format("embedded-opentype"),url(/css/font/NanumGothicBold.woff) format("woff"),url(/css/font/NanumGothicBold.ttf) format("truetype")}
/* NanumSquare Web Font End */

.login,.header,.banner_wrap,.wrap,.foot_wrap,.submenu_wrap,.bnr_wrap,.cs,.cont_02,.footer{min-width: 1248px;}

.wrap{height: auto;position: relative;font-size: 0;margin: 0 auto;padding-top: 89px;}
.wrap.bg_gray{background:#fafafa;}

.wrap_content{height: 100%;}

input[type="password"]{
  font-family: -apple-system, BlinkMacSystemFont, '맑은고딕', 'Malgun Gothic', sans-serif;
}

/* 로딩 */
.loadingWrap {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:99;display:none}
.loadingWrap .loadingArea {position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);width:100%;height:47px;margin:0 auto}
.loader {overflow:hidden;display:block;position:absolute;top:50%;left:50%;width:20px;height:40px;margin:-10px 0 0 -20px;-webkit-mask-image:-webkit-linear-gradient(top, #2A85CC, rgba(0, 0, 0, 0));transform-origin:20px 20px;animation:loading .8s linear infinite;z-index:2}
.loader::after {content:'';display:block;width:40px;height:40px;border-radius:50%;box-shadow: inset 0 0 0 3px #2A85CC;z-index:1}
@keyframes loading{0%{transform:rotate(0deg)} 100%{transform:rotate(360deg)}}

/* ERROR Start  */
.app_err_wrap_ad {position:absolute; top:0; width: 100%; text-align:center; }
.app_err_wrap_ad .err_wrap {position: absolute;top:0; width: 100%; text-align:center; }
.app_err_wrap_ad .err_wrap .err_box_wrap {position:relative; width: 100%; height: auto; margin: auto; text-align:left; padding:10px 10px;}
.app_err_wrap_ad .err_wrap .err_box_wrap .errorTitle{ font-family: 'NanumSquareB';font-size: 28px;color:#000; line-height:1.8; }
.app_err_wrap_ad .err_wrap .err_box_wrap .errorText{ font-family: 'NanumSquareR';font-size: 18px; color:#666; line-height:1.8; }

.app_err_wrap .err_wrap .err_box_wrap table {width: 600px;table-layout: fixed; }
.app_err_wrap .err_wrap .err_box_wrap th{width: 200px; font-family: 'NanumSquareR';font-size: 16.5px; text-align: left;padding:10px; word-wrap:break-word;}
.app_err_wrap .err_wrap .err_box_wrap td{font-family: 'NanumSquareR';font-size: 16.5px; text-align: left;padding:10px; word-wrap:break-word;}

.app_err_wrap{ width: 600px; position: absolute; top: 46%; left: 50%; transform: translate(-50%, -50%); color: #333333; }
.app_err_wrap .error_tit{ border-bottom: 2px solid #4283df; }
.app_err_wrap .error_tit h1{ display: inline-block; width: 490px; font-family: 'Helvetica'; font-size: 45px; }
.app_err_wrap .error_tit p{ display: inline-block; width: 100px; font-family: 'NanumSquareR'; font-size: 30px; text-align: right; }
.app_err_wrap .error_con{ width: 510px; margin: 0 auto; }
.app_err_wrap .error_con div{ padding: 30px 0 10px 0; }
.app_err_wrap .error_con div p{ display: inline-block; width: 430px; font-family: 'NanumSquareR'; font-size: 25px; line-height: 1.6; padding-top: 4px;}
.app_err_wrap .error_con div img{ margin-right: 10px; vertical-align: top; }
.app_err_wrap .error_con ul li{ margin-top: 20px; padding-left: 15px; font-size: 14px; line-height: 1.6; cursor: auto; background: url('/images/common/err_ico_li.png') 0 7px no-repeat; }
.app_err_wrap .btn_wrap {margin-top: 50px; display: block; width: inherit; text-align: center;}
.app_err_wrap .btn_default { width: 160px; height: 45px; font-size: 12pt; padding: 5px 0 6px; color: #999999; background: #f6f6f6; border: solid 1px #d0d0d0; position: relative; text-align: center; line-height: 45px; display: inline-block; cursor: pointer; }
.app_err_wrap .btn_default:hover{color: #333333;}
.app_err_wrap .btn_wrap .btn_default:not(:first-child) { margin-left: 25px; }
/* ERROR End */



/*메인 롤링 배너*/
.main-slide,
.main-slide .slide{ position:relative;}
.main-slide .slide .item{}
.main-slide .slide .item a{ position:relative; display:block; height:492px; text-align:center}
.main-slide .slide .item a img{}
.main-slide .bx-controls-direction>a{ position:absolute; top:50%; width:21px; height:36px; background-position:50% 50%; text-indent:-9999px;}
.main-slide .bx-controls-direction>a.bx-prev{display:none; background-image:url('/images/common/slide_prev.png'); left:50%; margin:0 0 0 -605px;}
.main-slide .bx-controls-direction>a.bx-next{display:none; background-image:url('/images/common/slide_next.png'); right:50%; margin:0 -605px 0 0;}
.main-slide .dots{ position:absolute; bottom:34px; left:0; width:100%; text-align:center; height:12px; }
.main-slide .dots .dot{ display:inline-block; margin:0 4px; padding:1px 0 0;}
.main-slide .dots .dot span{ display:inline-block; width:16px; height:16px; background:url('/images/common/mainBanner_off.png') no-repeat 0 0}
.main-slide .dots .dot.active span{ display:inline-block; width:16px; height:16px; background:url('/images/common/mainBanner_on.png') no-repeat 0 0}
.main-slide .play{display:none; width:16px; height:16px; background:url('/images/common/mainBanner_play.png') no-repeat 0 0}
.main-slide .stop{display:inline-block; width:16px; height:16px; background:url('/images/common/mainBanner_stop.png') no-repeat 0 0}





/* 메인메뉴 Start  */
.login{background:#1d2227; width:100%; height:34px; line-height: 34px;}
.login>ul{width:1248px; margin: 0 auto;overflow: hidden;}
.login>ul>li{font-family: 'NanumSquareR';font-size: 12px;padding: 0 21px;margin: 10px 0;float: right;color:rgba(255, 255, 255, 0.7);line-height: 1;}
.login>ul>li.name {height:18px; padding:0 0 0 24px;  margin:5px 21px 0 21px; line-height:16px; background:url('/images/common/mypage.png') no-repeat left top;}
.login>ul>li.name a{font-family: 'NanumSquareR';color:rgba(255, 255, 255, 0.7);}

.login>ul>li>a{font-family: 'NanumSquareR';color:rgba(255, 255, 255, 0.7);}
.login a:hover,
.foot_menu>li>a:hover{text-decoration: underline;}
.login>ul>li:first-child{padding-right: 0;border-left:solid 1px #3f4347;}

.header{width: 100%; height: 90px; background: #ffffff; font-size: 0; text-align: center; border-bottom: 1px solid #c2c4c5; border-top: 1px solid #c2c4c5;}
.main_menu{ width: 1248px; display: inline-block; margin: 0 auto;}
.main_menu>li { display: inline-block; padding: 37px 28px 32px; float: left;}
.main_menu>li:first-child{width: 122px; height: 48px;  padding: 16px 92px 26px 0;}
.main_menu>li:nth-child(2){padding-left:0;}
/* .main_menu>li:nth-child(4){margin-left:0;} */
.main_menu>li:last-child{ float: right; text-align: right; width: 264px; padding:0 5px 0 0; position: relative;}
.main_menu>li:last-child::after{content: ""; color: #fff; position: absolute; left: 94px; line-height: 2.3; font-size: 14px;}
.main_menu>li a.on{color:#2c90de; font-weight:bold;}
.main_menu>li>a{font-family: 'NanumSquareR'; color: #000000; font-size: 18px; letter-spacing: -0.5px;}
.main_menu>li>a:hover,
.main_menu>li>a:focus{color: #38c3ff;border-bottom: 0px solid;}
.main_menu>li:hover>a{border-bottom: 5px solid #2c90de; padding-bottom: 30px; box-sizing: border-box; color: #2c90de; font-size: 18px;}
.main_menu>li:first-child:hover>a{border-bottom: 0px solid;padding-bottom: 35px; box-sizing: border-box;}
.main_menu>li:hover>.submenu_wrap,.submenu_wrap:hover{display: block;}
.main_menu>li:first-child:hover,
.main_menu>li:last-child:hover{color: inherit;background: inherit;}
.main_menu img{cursor: pointer; padding: 6px 0 0 5px;}
/* 메인메뉴 End */

/* 메인메뉴 메시지전송 팝업 Start  */
.mymenu_select{position: relative; font-family: 'NanumSquareR'; color: #f8f8f8;  cursor: pointer; width: 170px; height: 60px; background: #2c90de; border-radius: 25px; display: inline-block; text-align: center; font-size: 15px !important;  padding: 20px 45px 20px 30px; box-sizing: border-box;}
.mymenu_select>span{font-family: 'NanumSquareB';color:#f8f8f8; font-size: 18px;}
.mymenu_select>img{position: absolute; top: 20px; right: 34px;margin: 0 0 0 5px; width: 12px; height: 8px;}
.mymenu_popup {position: absolute;z-index: 1;right:5px;top: 70px;width: 127px;height: auto;text-align: left;box-sizing: border-box;display: none;visibility: hidden;}
.mymenu_select_wrap{display: inline-block; margin-left: 17px; padding: 15px 0px 6px 0; z-index:999999;}
.mymenu_select_wrap:hover .mymenu_popup{display: inline-block;visibility: visible;color:#666;}
.mymenu-content.close {background-color: #1d2227; color:#cccccc; border-radius: 8px; border: 1px solid #363636; width: 100%;height: auto; padding: 0 23px 16px; margin:9px 0 0; background-image: none; position: initial; box-sizing: border-box;}
.mymenu-content>li {color: #cccccc; float: none; font-size: 17px; margin-right: 0; padding: 13px 0 13px 15px; line-height: 1.4; height: 20px; border-bottom: 1px solid #2f363e;}
.mymenu-content>li:last-child{border: 0; margin-bottom:3px;}
.mymenu-content>li>a{font-family: 'NanumSquareR', '맑은고딕', Malgun Gothic; color: #ffffff;}
.mymenu_select_wrap .mymenu_popup .mymenu-content.add li:hover a{font-family: 'NanumSquareB', '맑은고딕', Malgun Gothic; color: #ffffff; text-decoration: underline;}
.mymenu:hover>a,
.mymenu:focus {font-family: '맑은고딕', Malgun Gothic; text-decoration: none; cursor: pointer;}
.mymenu-content>hr{display: block;width: 100%;border: 1px solid #23292f;margin: 8px 0;}
/* 메인메뉴 메시지전송 팝업 End */

/* 메인메뉴 펼침 Start  */
.submenu_wrap{background: #ffffff; opacity: 0.9; text-align: center; padding: 35px 0 0; position: absolute; top: 126px; left: 0; width: 100%; height: 187px; display: none; z-index: 2;border-bottom: 1px solid #eff1f2;}
.submenu{width: 1248px; text-align: left; margin: 0 auto; overflow: hidden;}
.submenu a{font-family: 'NanumSquareL';color:#fff;}
.submenu a:hover{font-family: 'NanumSquareL';text-decoration: underline;}
.submenu>li{float: left; margin-right: 75px;}
.submenu>li:first-child{width: 221px; height:140px; margin: 0;}
.submenu_list{overflow: hidden;}
.submenu_list>li{font-size: 14px; line-height: 2;}
.submenu_list a{font-family: '맑은고딕', Malgun Gothic; color: #000000; font-size: 14px; letter-spacing: -0.5px;}
.submenu_list a:hover{font-family: '맑은고딕', Malgun Gothic;text-decoration: underline;letter-spacing: -0.5px;}
.depth2{font-family: 'NanumSquareR';  font-size: 16.5px; color: #000000; margin-bottom: 26px;}
.depth2>a{font-family: 'NanumSquareR'; font-size: 16.5px; color: #000000; margin-bottom: 10px;}
.depth2>a:hover{font-family: 'NanumSquareR'; font-size: 16.5px; margin-bottom:10px;}
.submenu>li:nth-child(5)>.depth2,
.submenu>li:nth-child(6)>.depth2{margin-left: -2px;}
/* 메인메뉴 펼침 End */

/* 탭메뉴 Start  */
.menu_tab_wrap{width: 100%;border-bottom: 1px solid #eff1f2;}
.menu_tab{width: 1248px; margin: 0 auto;position: relative;    overflow: hidden;}
.menu_tab input[type="radio"]{width:auto;height:auto;position:absolute;top:0;left: -999px;}
.menu_tab li{float: left}
.menu_tab a{font-size: 20px;color: #333;font-family: 'NanumSquareB';width:416px;height:88px;display: inline-block;text-align: center;line-height: 88px;border-left: 1px solid #eff1f2;box-sizing: border-box;}
.menu_tab li:last-child a{border-right: 1px solid #eff1f2;}
.menu_tab a:focus,.menu_tab a:active{border: 0;}

.menu_tab>li.on,.menu_tab>li>.dot.active{border: 0;background: #2a85cc;color:#fff;}
#tab1:checked ~ .content #tab-content1 {display: block;}
#tab2:checked ~ .content #tab-content2 {display: block;}
#tab3:checked ~ .content #tab-content3 {display: block;}

.tab-content{display: none;font-size: 20px;width:100%;position: absolute;left: 0;}
/* 탭메뉴 End */

.content_wrap{width:1248px; height: 100%; margin:0 auto;padding-top:110px;font-size: 14px;}
.content{width: 1248px;margin: 0 auto;}

.content:before{clear: both;}
.content.wide{width:calc(100% - 90px);left:0; margin: 45px 45px 0px; float: inherit;}

.banner_wrap{width: 100%;height: 549px;margin: 0;background: url('/images/common/banner_01.png') no-repeat top center #4d4a42;}
.banner_text{width: 1248px;margin: 0 auto;color:#fff;padding-top: 120px;}
.banner_text>h1{font-size: 52px;font-family: 'NanumSquareEB';color:rgba(255,255,255,0.9);}
.banner_text .txtSty1{font-family: 'NanumSquareR';font-size: 17px;color:rgba(255,255,255,0.9);padding: 0 0 50px 1px;}
.banner_text>h1>span{font-family: 'NanumSquareB';}
.banner_text>p{color:rgba(255,255,255,0.8);font-family: 'NanumSquareL';font-size: 34px;line-height: 1.45;letter-spacing: -0.5px;}

.user_center{margin: 0 auto;}
.user.search{width: 50%;}
.user_center>span{font-size: 14px;font-weight:600;margin: 0 6px 0 20px;}

.content_wrap ul>.num>span{width: 14px;display: inline-block;text-align: center;font-size: 13pt !important;float: left;bottom: 4px;}
.content_wrap ul>.num>span:nth-child(2){margin-left: 1px;}

.content_wrap ul{width: 100%;}

.content_wrap>div>ul,
.content_wrap>div>form>ul{border-top: 2px solid #8eb5ec;margin: 22px 0 60px;}
.content_wrap>div:last-child>ul{margin-bottom:26px;}

.content_wrap ul>li>span{font-size: 14px !important;width: 6px;position: relative;bottom: 2px;}
.content_wrap ul>li{width: 50%;float: left;font-size: 14px;}
.content_wrap>div:last-child .col4_top{margin-bottom: 0;}
.content_wrap .col2_botoom{border-top: 0;margin-top: 0;}

.content_text{width:calc(1248px - 180px);height: 395px;background: url('/images/common/contents01.png') no-repeat 90% 0;margin: 0px auto;padding: 110px 90px 0;}
.text_blue{font-family: 'NanumSquareR';color:#2a85cc;font-size: 30px}
.content_text>h1{font-size: 30px;font-family: 'NanumSquareB';margin-bottom: 45px;color: #333;}
.content_text>p{font-weight: 400;font-size: 17.5px;line-height: 1.45;letter-spacing: -0.5px;font-family: 'NanumSquareR'!important;}

.content_text.right{background: url('/images/common/contents02.png') no-repeat 10% 0;}
.content_text.right>h1,
.content_text.right>p{text-align: right;color: #333;}
.content_text.BG03{background: url('/images/common/contents03.png') no-repeat 90% 0 !important;}

.content_wrap.bg_gray{background:#fafafa;}

.content_sevice>h1{font-family: 'NanumSquareR';font-size:30px;}
.content_sevice>h3{font-weight: 400;font-size:17.5px;letter-spacing: -0.5px;font-family: 'NanumSquareR'!important;}
.content_sevice>h3>a{color:#333;font-family: 'NanumSquareR';font-size:17.5px;}
.content_sevice>h3>a:hover{color:#333;font-family: 'NanumSquareR';font-size:17.5px;text-decoration: underline;}

.content_sevice{height: auto;margin: 0px auto;padding: 0;text-align: center;margin-top: -10px;}
.content_sevice table{background: #fff;border: 1px solid #e5e5e5;margin-top: 40px;margin-bottom: 115px;}
.content_sevice thead th{background: #23292f; color:#fff;font-size: 16px;}
.content_sevice th,
.content_sevice td{padding:15px 0px;width:348px;line-height: 1.8;color:#666666;font-size: 15.3px;letter-spacing: -0.5px;border-right: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
.content_sevice th:first-child,
.content_sevice td:first-child{width:199px;font-size: 16px; color: #000; letter-spacing: -1.5px;}

.content_sevice1>h1{font-family: 'NanumSquareR';font-size:30px;text-align: center;}
.content_sevice1>h3{font-weight: 400;font-size:17.5px;letter-spacing: -0.5px;text-align: center;font-family: 'NanumSquareR'!important;}
.content_sevice1>h3>a{color:#333;font-family: 'NanumSquareR';font-size:17.5px;}
.content_sevice1>h3>a:hover{color:#333;font-family: 'NanumSquareR';font-size:17.5px;text-decoration: underline;}

.content_sevice1{height: auto;margin: 0px auto;padding: 0;line-height: 2;margin-top: -10px;}
.content_sevice1 table{background: #fff;border: 1px solid #e5e5e5;margin-top: 40px;margin-bottom: 115px;}
.content_sevice1 thead th{background: #23292f; color:#fff;font-size: 16px;}
.content_sevice1 th{text-align: center;padding:15px 0px;width:348px;line-height: 1.8;color:#666666;font-size: 15.3px;letter-spacing: -0.5px;border-right: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
.content_sevice1 td{text-align: left;padding:15px 0px 15px 10px;width:348px;line-height: 1.8;color:#666666;font-size: 15.3px;letter-spacing: -0.5px;border-right: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
.content_sevice1 th:first-child,
.content_sevice1 td:first-child{text-align: center;width:199px;font-size: 16px; color: #000; letter-spacing: -1.5px;}

.logo_office_wrap ul{overflow: hidden;}
.logo_office_wrap>ul>li{width: 283px;height: 110px;border: 1px solid #e5e5e5;float: left;position: relative;}
.logo_office_wrap>ul>li:nth-child(2){margin-left: 38px}
.logo_office_wrap>ul>li:nth-child(3){margin-left: 37px}
.logo_office_wrap>ul>li:nth-child(4){margin-left: 33px}
.logo_office_wrap>ul>li>p{font-family: 'NanumSquareR';background: #fafafa;position: absolute;bottom: 0;width: 100%;height: auto;padding: 10px 0;font-size: 17px;color: #666;border-top: 1px solid #e5e5e5;}
.logo_office_wrap>ul>li>img{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);}

.gms_service_down_btn{font-family: 'NanumSquareR';background-color: #fff ;background: url('/images/common/icon_btn_down.png') no-repeat 88% 50%;color: #373737;width: 343px; height: 65px;font-size: 18px;padding:0 85px 0 40px;  box-sizing:border-box;border: 1px solid #dedfe3;}
.gms_service_down_btn:hover{background: url('/images/common/icon_btn_down_over.png') no-repeat 88% 50%;background-color: #2a85cc ;color: #fff;border: 1px solid #2a85cc;}
.gms_service_down_btn>img{vertical-align: middle;margin-left: 20px;}

.gms_counsel_btn{font-family: 'NanumSquareR';background-color: #fff ;background: url('') no-repeat 88% 50%;color: #fff;width: 300px; height: 65px;font-size: 18px;padding:0 40px 0 40px;  box-sizing:border-box;border: 1px solid #dedfe3;}
.gms_counsel_btn:hover{background: url('') no-repeat 88% 50%;background-color: #2a85cc ;color: #fff;border: 1px solid #2a85cc;}

.board .button_board{background: #f7f7f7;color: #333;width: 85px;height:36px;line-height: 35px;font-size: 14px;border: 1px solid #cccccc;}
button.delete{position: inherit;font-size:0;vertical-align: middle;width: 21px;height:21px;}
.width130{width: 130px;}
.blue, .button_wrap .button_default.blue{background:#2a85cc;}
.textblue{color:#005fa9;font-size: 13px;}
.white{background: #fff;}
.oper{border: 1px solid #e3e3e3;
color: #666;background: #fff;    vertical-align: -1px;}
.button_default>img{vertical-align: -4px;}
.button_default>.btn_new{vertical-align: -2px;margin-left: 5px;}

.foldercheck{font-size: 0;}
.foldercheck .container{width: 23px;height:23px;margin:0;}
.foldercheck .checkmark{width: 21px;height:21px;}

.container {display: inline-block;position: relative;width: 27px;height:27px;margin-right: 5px;cursor: pointer;font-size: 14px;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.board.popup .container{margin:0;}

/* foot Start  */
.foot_wrap{width:100%;background:#373737;height: 184px;padding:42px 0 46px 0;box-sizing: border-box;}
.foot{width: 1248px;overflow: hidden;position: relative;margin:0 auto;color:#b4b4b4 !important;font-size: 14px;}
.foot_menu{overflow: hidden; margin-bottom: 25px; float: left; width: 80%;}
.foot_menu>li{float: left;margin-right:30px;}
.foot_menu>li>a{font-family: 'NanumSquareR';color:#b4b4b4 !important}
.foot_text{font-family: 'NanumSquareR';line-height: 2.4; float: left;}
.foot_text>a{font-family: 'NanumSquareR';color:#b4b4b4 !important}

.logo_wrap{float: right;position: absolute;right: 0;top: 25px;}

.btn_top {display:block;position:fixed;cursor:pointer;right:100px;bottom:202px;padding: 11px;border-radius: 15%;border: 1px solid #E4E4E4;background: #f3f4f8;}
.btn_top :hover{padding: 1px;}
/* foot End */

/* 로그인 페이지 스타일 추가 start */
.app_wrap.add{min-width: 1248px; min-height: initial; position: initial; }
.app_login_wrap.add{padding: 170px 0 230px; min-height: calc(100vh - 712px);} 
.app_login_wrap.add .login_logo>img{float: left;}
.app_login_wrap.add .login_logo>img::after{display: table; content: ''; clear: both; overflow: hidden;}
.app_login_wrap.add .login_logo{width: 254px; height: 95px; margin: 0 auto; }
.app_login_wrap.add .login_logo .login_tit{width: 250px; display: inline-block;}
.app_login_wrap.add .login_logo .login_tit h1{height: 25px; padding: 7px 0 0 71px; font-family: 'NanumSquareEB';font-size: 24px; color: #2e87c9;}
.app_login_wrap.add .login_wrap .login_box_wrap{width: 498px; margin: 0 auto; text-align: center;}
.app_login_wrap.add .login_wrap .login_box_wrap .login_button_wrap{margin-top: 34px!important;}
.app_login_wrap.add .login_wrap .login_box_wrap .login_button_wrap .login_button_default{width: 498px; height: 68px; padding: 0; background: #2c90de; border: none; color: #ffffff; font-family: 'NanumSquareR'; font-size: 24px; letter-spacing: 1px;border-radius:8px;}
.app_login_wrap.add .login_wrap .login_box_wrap .login_ID{margin: 65px 0 -1px;}
.app_login_wrap.add .login_wrap .login_box_wrap .login_ID, 
.app_login_wrap.add .login_wrap .login_box_wrap .login_PW{position:relative;} 
.app_login_wrap.add .login_wrap .login_box_wrap .login_ID input:focus,
.app_login_wrap.add .login_wrap .login_box_wrap .login_PW input:focus{outline: none;}
.app_login_wrap.add .login_wrap .login_box_wrap .login_ID input, 
.app_login_wrap.add .login_wrap .login_box_wrap .login_PW input{box-sizing: border-box;  width: 498px; height: 65px; border: 1px solid #dcdcdc; text-indent: 73px; font-size: 18px;}
.app_login_wrap.add .login_wrap .login_box_wrap .login_ID img,
.app_login_wrap.add .login_wrap .login_box_wrap .login_PW img{position: absolute; left: 37px;}
.app_login_wrap.add .login_wrap .login_box_wrap .login_ID img{top: 22px;}
.app_login_wrap.add .login_wrap .login_box_wrap .login_PW img{top: 21px;}
.app_login_wrap.add .login_wrap .login_box_wrap .login_find_info{padding-top: 30px;}
.app_login_wrap.add .login_wrap .login_box_wrap .login_find_info ul{display: flex; align-items: center; justify-content: center; width: 498px;}
.app_login_wrap.add .login_wrap .login_box_wrap .login_find_info ul li{/* float: left; */ border-left: 1px solid #dcdcdc; width: 155px;}
.app_login_wrap.add .login_wrap .login_box_wrap .login_find_info ul li::after{display: table; content: ''; clear: both; overflow: hidden;}
.app_login_wrap.add .login_wrap .login_box_wrap .login_find_info ul li:first-child{border-left: none;}
.app_login_wrap.add .login_wrap .login_box_wrap .login_find_info ul li:nth-child(2){width: 185px;}
.app_login_wrap.add .login_wrap .login_box_wrap .login_find_info ul li a{font-family: 'NanumSquareR'; font-size: 18px;color: #777777;}
.app_login_wrap.add .login_wrap .login_box_wrap .login_find_info ul li a:hover{text-decoration: underline;}
/* 로그인 페이지 스타일 추가 end */

/* 페이지 버튼 Start  */
.pagebtn {width: 100%;margin: 20px 0 35px;text-align: center;border-radius:8px;}
.pagebtn.margin_clear{margin: 20px 0 0px;}
.pagebtn ul {width: auto;margin: 0 auto;display: inline-block;}
.pagebtn li {border-radius:8px;width: 32px;border: 1px solid #e1e1e1;height: 32px;line-height: 32px;margin: 0 2px;color: #666;float: left; font-size: 14px;}
.pagebtn .page_cuser{background: #f7f7f9;border-radius:8px;}
.pagebtn .page_num.active{background: #2a85cc;border-radius:8px;}
div.pagebtn li.active>a{color:#fff; font-size: 14px; }
.pagebtn li>img {vertical-align: -2px;}
/* 페이지 버튼 End */

/* 탭버튼 Start  */
ul.tabs {margin: 0;padding: 0;float: left;list-style: none;height: auto;border-left: 1px solid #eaeaea;width: 100%;font-size: 16.5px;}
ul.tabs li{font-family: 'NanumSquareR'; font-weight: bold; font-size: 16.5px;background: #fafafa;float: left;text-align: center;cursor: pointer;width: 33%;height: 43px;color:#666;line-height: 43px;border-top: 1px solid #eaeaea;border-bottom: 1px solid #333;border-left: none;overflow: hidden;position: relative;}
ul.tabs li>a{color:#666;}
ul.tabs li:last-child{border-right: 1px solid #eaeaea;}
ul.tabs li.active {background: #FFFFFF;color:#666;height: 41px;line-height: 41px;border-bottom: 1px solid #FFFFFF;border-top: solid 3px #2a85cc;border-left: 1px solid #333;border-right: 1px solid #333;}
ul.tabs li.active>a{color:#333;}

ul.tabs.wide2{margin-bottom: 30px;}
ul.tabs.wide2>li{width: 49.88%;height:50px;line-height: 50px;}
ul.tabs.wide2>li.active{height:48px;line-height: 48px;}

ul.tabs.wide3{margin-bottom: 30px;}
ul.tabs.wide3>li{width: 33.25%;height:50px;line-height: 50px;}
ul.tabs.wide3>li.active{height:48px;line-height: 48px;}

ul.tabs.wide4{margin-bottom: 30px;}
ul.tabs.wide4>li{width: 24.94%;height:50px;line-height: 50px;}
ul.tabs.wide4>li.active{height:48px;line-height: 48px;}

ul.tabs.wide5{margin-bottom: 30px;}
ul.tabs.wide5>li{width: 19.95%;height:50px;line-height: 50px;}
ul.tabs.wide5>li.active{height:48px;line-height: 48px;}

ul.tabs.wide6{margin-bottom: 30px;}
ul.tabs.wide6>li{width: 16.62%;height:50px;line-height: 50px;}
ul.tabs.wide6>li.active{height:48px;line-height: 48px;}

ul.tabs.wide7{margin-bottom: 30px;}
ul.tabs.wide7>li{width: 14.22%;height:50px;line-height: 50px;}
ul.tabs.wide7>li.active{height:48px;line-height: 48px;}

ul.tabs.wide8{margin-bottom: 30px;}
ul.tabs.wide8>li{width: 12.4%;height:50px;line-height: 50px;}
ul.tabs.wide8>li.active{height:48px;line-height: 48px;}

ul.tabs.wide9{margin-bottom: 30px;}
ul.tabs.wide9>li{width: 11.08%;height:50px;line-height: 50px; font-size: 15px;}
ul.tabs.wide9>li.active{height:48px;line-height: 48px;}

.tab_container {clear: both;float: left;width: 100%;background: #FFFFFF;}
.tab_content {font-size: 16.5px;display: none;}
.tab_container .tab_content ul {width:calc(100% - 40px);margin:0px;padding: 18px 20px;line-height: 1.8;}
.tab_container .tab_content ul li {list-style:none;font-size: 16.5px;letter-spacing: -0.5px;}

.img_point{vertical-align: middle;margin-right: 5px;}

.tab_container .tab_content table.top_border{border-top: 1px solid #e5e5e5;}
.tab_container .tab_content table.anather_border{border-top: 1px solid #e5e5e5;border-bottom:0px;}
.tab_container .tab_content th{background: #f7f7f9;}
.tab_container .tab_content th,
.tab_container .tab_content td{padding:15px 20px;color: #333;}

.tab_container .tab_content .search_info{text-align: center;height: 276px;}

.tab_container .tab_content h3{font-family: 'NanumSquareR';color: #222;line-height: 1.8;font-size: 17px;}
/* 탭버튼 End */

/* 버튼 Start  */
.SMSlist_search button,
.search_num button,
button.search,
.search_btn{font-family: 'NanumSquareR';background: #2a85cc;color: #fff;border: 1px solid #2a85cc;font-size: 16px;width:100px;height:42px;vertical-align: top;box-sizing: border-box;display: inline-block;text-align: center;line-height: 42px;margin-left: 5px;border-radius:8px;}
button.renew,
.search_btn{font-family: 'NanumSquareR';background: #7c7c7c;color: #fff;border: 1px solid #7c7c7c;font-size: 16px;width:100px;height:42px;vertical-align: top;box-sizing: border-box;display: inline-block;text-align: center;line-height: 42px;margin-left: 5px;border-radius:8px;}
.search_num button.middle{vertical-align: top;}
.search_num button>img,
.SMSlist_search button>img,
button.search>img,
.search_btn>img{vertical-align: -2px;margin-left: 5px;}

.btn_top{z-index:999999;}

.btnSty {display:inline-block; min-width:50px; height:30px; padding:0 11px; line-height:28px; font-size:12px; text-align:center; border: 1px solid #cacaca; box-sizing: border-box;}
.btnSty.w30 {width:30px; padding:0;}
.btnSty.w40 {width:40px; padding:0;}
.btnSty.w50 {width:50px; padding:0;}
.btnSty.w68 {width:68px; padding:0;}
.btnSty.w74 {width:74px; padding:0;}
.btnSty.w80 {width:80px; padding:0;}
.btnSty.w93 {width:93px; padding:0;}
.btnSty.w100 {width:100px; padding:0;}
.btnSty.w138 {width:138px; padding:0;}
.btnSty.w158 {width:158px; padding:0;}
.btnSty.w200 {width:200px; padding:0;}
.btnSty.w318 {width:318px; padding:0;}

.btnSty.grey {color:#fff; background: #7c7c7c; border: 1px solid #7c7c7c;}
.btnSty.grey1 {color:#666; background: #e8e8e8; border: 1px solid #cacaca;}
.btnSty.green {color:#fff; background: #6CA435; border: 1px solid #6CA435;}
.btnSty.blue {color:#fff; background: #2a85cc; border: 1px solid #2a85cc;}
.btnSty.yellow {color:#666; background: #F9DF33; border: 1px solid #F9DF33;}
.btnSty.red {color:#fff; background: #d32f2f; border: 1px solid #d32f2f;}
.btnSty.black {color:#fff; background: #000; border: 1px solid #000;}
.btnSty.white {color:#666; background: #fff; border: 1px solid #666;}

.data_btn_wrap {width: 100%;text-align: right;padding-top: 10px;}
.default_default,.default_black,.default_red,.default_blue,.default_yellow,.default_grey {width: 100px;height:42px;box-sizing: border-box;font-family: 'NanumSquareR';font-size: 16px;border: 0;color: #fff;border-radius:8px;}
.default_default {background: #23292f;}
.default_black {background: #000;}
.default_red {background: #d32f2f;}
.default_blue {background: #2a85cc;}
.default_yellow {background: #F9DF33;}
.default_grey {background: #6b7175;}


.default_black_outline {color: #000; border: 2px solid #000;width: 80px;height:42px;box-sizing: border-box;font-family: 'NanumSquareR';font-size: 16px;border-radius:8px;font-weight: 700;}
.default_black_outline:hover {background: #000; color: #fff;}

.default_grey_outline {color: #6b7175; border: 2px solid #6b7175;width: 80px;height:42px;box-sizing: border-box;font-family: 'NanumSquareR';font-size: 16px;border-radius:8px;font-weight: 700;}
.default_grey_outline:hover {background: #6b7175; color: #fff;}
.default_red_outline {color: #d32f2f; border: 2px solid #d32f2f; width: 80px; height: 40px; box-sizing: border-box; font-family: 'NanumSquareR'; font-size: 14px; border-radius: 8px; font-weight: 600;}
.default_red_outline:hover {background: #d32f2f; color: #fff;}
.default_white {background: #fff; color:#666; border: 1px solid #cacaca;}

.default_blue.round {background: #2f77fb; width: 250px; border-radius: 15px;height: 50px; box-sizing: border-box; font-family: 'NanumSquareR'; font-size: 16px; border: 0; color: #fff; font-weight: bold;}
.default_white.round {background: #ffffff; width: 250px; border-radius: 15px;height: 50px; box-sizing: border-box; font-family: 'NanumSquareR'; font-size: 16px; border: 0; color: #2f77fb; border: 2px solid; font-weight: bold; margin: 10px;}


.default_grey1 {width: 100px;height:32px;box-sizing: border-box;font-size: 13px;border: 0;color:#666; background: #e8e8e8;border: 1px solid #cacaca;margin: 0 0 0 0;border-radius: 8px}
.default_grey2 {width: 100px;height:32px;box-sizing: border-box;font-size: 13px;border: 0;color:#666; background: #e8e8e8;border: 1px solid #cacaca;margin: 0 0 0 0;border-radius: 8px}
.default_grey3 {width: 100px;height:32px;box-sizing: border-box;font-size: 13px;border: 0;color:#ccc; background: #fff;border: 1px solid #e8e8e8;margin: 0 0 0 0;border-radius: 8px}
.default_grey4 {width: 100px; height: 32px; box-sizing: border-box; font-size: 14px; border: 0; color: #666; background: #f0f0f0; border: 1px solid #a5a5a5; margin: 0 0 0 0; border-radius: 4px; font-weight: 600;}
.default_grey5 {width: 100px; height: 42px; box-sizing: border-box; font-size: 14px; border: 0; color: #666; background: #f0f0f0; border: 1px solid #a5a5a5; margin: 0 0 0 0; border-radius: 8px; font-weight: 600;}
.default_grey6 { width: 89px; height: 32px; box-sizing: border-box; font-size: 13px; color: #666; background: #f8f8f8;   border: 1px solid #bdbdbd; margin: 0 0 15px 0; border-radius: 8px;}
.default_black1 {width: 100px; height: 32px; box-sizing: border-box;font-size: 13px; border: 0;color: #666; font-weight: 600; background: #ffffff; border: 1px solid #bfbfbf; margin: 0 0 0 0; border-radius: 4px;letter-spacing: 1px;}
.default_white1 {font-family: 'NanumSquareR'; box-sizing: border-box; font-size: 13px; border: 0; color: rgb(121 121 121);font-weight: 600;border: 1px solid rgb(162, 162, 162); margin: 0 0 0 10px; border-radius: 4px; letter-spacing: 1px; cursor: pointer; text-align: center; padding: 5px 12px; display: inline;}
.default_blue1 {width: 58px; height: 24px; box-sizing: border-box;font-size: 13px; border: 0;color: #008dff; font-weight: 600; background: #ffffff; border: 1px solid #008dff; margin: 0 0 0 10px; border-radius: 8px;letter-spacing: 1px;cursor: pointer;}
.default_blue1.outline {width: 65px; height: 25px; box-sizing: border-box; font-size: 13px; border: 0; color: #ffffff;font-weight: 600;background: #0073ff;border: 1px solid #0073ff; margin: 0 0 0 10px; border-radius: 4px; letter-spacing: 1px; cursor: pointer;}
.default_red1 {width: 35px; height: 24px; box-sizing: border-box; font-size: 13px; border: 0; color: #d32f2f; font-weight: 600; background: #ffffff;border: 1px solid #d32f2f;margin: 0 0 0 10px; border-radius: 8px;letter-spacing: 1px;cursor: pointer;}
.default_orange1 {width: 35px; height: 24px; box-sizing: border-box; font-size: 13px; border: 0; color: #ff8d00; font-weight: 600; background: #ffffff;border: 1px solid #ff8d00;margin: 0 0 0 10px; border-radius: 8px;letter-spacing: 1px;cursor: pointer;}

.default_grey10 {width: 210px;height:32px;box-sizing: border-box;font-size: 13px;border: 0;color:#666; background: #fff;border: 1px solid #cacaca;margin: 0 5px 0 5px;border-radius:8px;}

.btn_default_button{color:#fff; background: #23292f;width: 131px;height: 42px;padding: 0 19px;font-size: 14px;border: 1px solid #23292f;line-height: 38px;margin-right:10px;border-radius:8px;}
.btn_red_button{color:#fff; background: #d32f2f;width: 131px;height: 42px;padding: 0 19px;font-size: 14px;border: 1px solid #d32f2f;line-height: 38px;margin-right:10px;border-radius:8px;}
.btn_green_button{color:#fff; background: #6ca435;width: 131px;height: 42px;padding: 0 19px;font-size: 14px;border: 1px solid #6ca435;line-height: 38px;margin-right:10px;border-radius:8px;}
.btn_blue_button{color:#fff; background: #2a85cc;width: 131px;height: 42px;padding: 0 19px;font-size: 14px;border: 1px solid #2a85cc;line-height: 38px;margin-right:10px;border-radius:8px;}
.btn_black_button{color:#fff; background: #000;width: 131px;height: 42px;padding: 0 19px;font-size: 14px;border: 1px solid #000;line-height: 38px;margin-right:10px;border-radius:8px;}
.btn_yellow_button{color:#000; background: #F9DF33;width: 131px;height: 42px;padding: 0 19px;font-size: 14px;border: 1px solid #E0C82E;line-height: 38px;margin-right:10px;border-radius:8px;}
.btn_white_button{color:#000; background: #fff;width: 131px;height: 42px;padding: 0 19px;font-size: 14px;border: 1px solid #000;line-height: 38px;margin-right:10px;border-radius:8px;}
.btn_grey_button{color:rgb(106, 106, 106); background: rgb(255, 255, 255);width: 131px;height: 42px;padding: 0 19px;font-size: 14px;border: 1px solid rgb(181, 181, 181);line-height: 38px;margin-right:10px;border-radius:8px;}
.btn_black_button{color:#fff; background: #000;width: 131px;height: 42px;padding: 0 19px;font-size: 14px;border: 1px solid #000;line-height: 38px;margin-right:10px;border-radius:8px;}

.btn_yellow_button1{color:#000; background: #F9DF33; width: 440px;height: 80px;padding: 0 19px;font-size: 16px;border: 1px solid #E0C82E;line-height: 80px;margin-right:10px;border-radius:8px;}
.btn_yellow_button2 {color: #000; background: #F9DF33; width: 100px;height:42px;box-sizing: border-box;font-family: 'NanumSquareR';font-size: 16px;border: 1px solid #E0C82E;border-radius:8px;}

.btn_blue_button1{color: rgb(0, 0, 0); background:rgb(237, 248, 255); width: 440px;height: 80px;padding: 0 19px;font-size: 16px;border: 1px solid rgb(165, 194, 250);line-height: 80px;margin-right:10px; font-family: 'NanumSquareR';border-radius:8px;}
.btn_blue_button2{color: rgb(0, 0, 0); background:rgb(40, 112, 242); width: 440px;height: 80px;padding: 0 19px;font-size: 16px;border: 1px solid rgb(40, 112, 242);line-height: 80px;margin-right:10px; font-family: 'NanumSquareR';border-radius:8px;}

.btn_search_red{font-family: 'NanumSquareR';background: #d32f2f;color: #fff;border: 1px solid #d32f2f;font-size: 16px;width:100px;height:42px;vertical-align: top;box-sizing: border-box;display: inline-block;text-align: center;line-height: 42px;margin-left: 5px;border-radius:8px;}
.btn_search_green{font-family: 'NanumSquareR';background: #6ca435;color: #fff;border: 1px solid #6ca435;font-size: 16px;width:100px;height:42px;vertical-align: top;box-sizing: border-box;display: inline-block;text-align: center;line-height: 42px;margin-left: 5px;border-radius:8px;}
.btn_search_blue{font-family: 'NanumSquareR';background: #2a85cc;color: #fff;border: 1px solid #2a85cc;font-size: 16px;width:100px;height:42px;vertical-align: top;box-sizing: border-box;display: inline-block;text-align: center;line-height: 42px;margin-left: 5px;border-radius:8px;}
.btn_search_grey{font-family: 'NanumSquareR';background: #7c7c7c;color: #fff;border: 1px solid #7c7c7c;font-size: 16px;width:100px;height:42px;vertical-align: top;box-sizing: border-box;display: inline-block;text-align: center;line-height: 42px;margin-left: 5px;border-radius:8px;}
.btn_search_black{font-family: 'NanumSquareR';background: #000;color: #fff;border: 1px solid #000;font-size: 16px;width:100px;height:42px;vertical-align: top;box-sizing: border-box;display: inline-block;text-align: center;line-height: 42px;margin-left: 5px;border-radius:8px;}

.btn_grey1_button{color:#666; background: #f3f6ff;width: 131px;height: 38px;padding: 0 19px;font-size: 14.5px;border: solid 1px #ccc;line-height: 38px;border-radius:8px;}
.btn_grey2_button{color:#666; background: #f3f6ff;width: 131px;height: 38px;padding: 10px 23px;font-size: 14.5px;border: solid 1px #ccc;line-height: 38px;margin-right:10px;border-radius:8px;}

.btn_sm1_button{margin:5px; padding:3px; width:40px; height:30px;font-size: 10px;border: solid 1px rgb(128, 128, 128); line-height: 15px;text-align: center;border-radius: 5px 5px 5px 5px;border-radius:8px;}
.btn_sm1_button:hover{color: rgb(255, 255, 255); background-color: rgb(128, 128, 128);border-radius:8px;}
.btn_search_button{margin:5px; padding:3px;background:rgb(255, 255, 255) url('../images/common/icon_search.png') no-repeat center/30% auto; text-align: center;border-radius:8px;}
/* 버튼 End */

.mgT3 {margin: 3px 0 0 0 !important;}
.mgT4 {margin: 4px 0 0 0 !important;}
.mgT5 {margin: 5px 0 0 0 !important;}
.mgT7 {margin: 7px 0 0 0 !important;}
.mgT8 {margin: 8px 0 0 0 !important;}
.mgT10 {margin: 10px 0 0 0 !important;}
.mgT15 {margin: 15px 0 0 0 !important;}
.mgT17 {margin: 17px 0 0 0 !important;}
.mgT20 {margin: 20px 0 0 0 !important;}
.mgT25 {margin: 25px 0 0 0 !important;}
.mgT30 {margin: 30px 0 0 0 !important;}
.mgT40 {margin: 40px 0 0 0 !important;}
.mgT50 {margin: 50px 0 0 0 !important;}
.mgT60 {margin: 60px 0 0 0 !important;}
.mgT70 {margin: 70px 0 0 0 !important;}
.mgT80 {margin: 80px 0 0 0 !important;}
.mgT90 {margin: 90px 0 0 0 !important;}
.mgT100 {margin: 100px 0 0 0 !important;}

.mgR1 {margin-right: 1px !important;}
.mgR2 {margin-right: 2px !important;}
.mgR3 {margin-right: 3px !important;}
.mgR4 {margin-right: 4px !important;}
.mgR5 {margin-right: 5px !important;}
.mgR6 {margin-right: 6px !important;}
.mgR7 {margin-right: 7px !important;}
.mgR8 {margin-right: 8px !important;}
.mgR9 {margin-right: 9px !important;}
.mgR10 {margin-right: 10px !important;}

.txt_red {color:#d32f2f; font-size: inherit;}
.txt_red.bold {color:#d32f2f; font-size: inherit;}
.txt_green {color:#6ca435; font-size: inherit;}
.txt_blue {color:#2a85cc; font-size: inherit;}
.txt_blue.big {color:#2a85cc; font-size: 18px; font-weight: 700;}
.txt_grey {color:#7c7c7c; font-size: inherit;}
.txt_orange {color:#ff8d00; font-size: inherit;}
.txt_bold {font-weight: bold; }
.txt_small{font-size: 13px;}
.txt_145 {font-size: 14.5px;}

.txt_point {font-family:'맑은고딕';font-size:14.5px;}

.txtSty1 {font-size:14px; color:#666; line-height: 1.7;}

/* 서브 페이지 스타일 Start  */
.app_wrap{min-height: calc(100vh - 88px);width: 1248px;height: auto;position: relative;font-size: 0;margin: 0 auto;} 
.app_wrap.bg_gray{background:#fafafa;}

.num_registration{font-size: 14.5px;margin: 60px 0 30px 0;display: inline-block;width:100%;}
.num_registration h1{font-family: 'NanumSquareR';font-size:23px; margin-bottom: 30px;}
.num_registration h1 span{font-family: 'NanumSquareR';font-size:23px; margin-bottom: 30px;}
.num_registration h3{font-family: 'NanumSquareR';color: #222;line-height: 1.8;font-size: 17px;}
.num_registration .info_wrap{background: #f7f7f9;border: 1px solid #c7c7c7;color:#444;padding: 24px 30px;line-height: 1.8;margin-bottom: 40px;font-size: 14.5px;border-radius:8px;}
.num_registration .info_wrap .right_button_wrap {position: relative; }
.num_registration .info_wrap .right_button_wrap .posR {position: absolute; top:0; right:0;}
.num_registration .left_wrap,
.num_registration .right_wrap{float: left;}
.num_registration .left_wrap{width: 62%;}
.num_registration .right_wrap{width:calc(38% - 30px); margin-left:30px;}
.num_registration input[type=tel]{text-align: center;}

.info_wrap.search_wrap{text-align: center;padding:20px;font-size: 0;}
.search_wrap_days{position: relative;top: 0;font-size: 16px;}
.input_search_title{font-family: 'NanumSquareR';position: relative;top: 0;font-size: 16px; margin: 0 5px 0 10px;font-weight: 600;}
input.search{width:170px;height: 42px;margin: 0 0 0 0;border-color: #c7c7c7;}

.blindRadio, .irtext { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}

.totalWrap {display: flex; flex-direction: row; width: 100%; height: auto;}
/* .totalWrap input:checked {accent-color:rgb(40, 112, 242)} */
.totalWrap .tb-title{font-family: 'NanumSquareR';font-size: 20px; font-weight: bold;}
.totalWrap .tblWrap {flex: 1; padding: 20px; background-color: rgb(255, 255, 255);}
.totalWrap .tblWrap .tool_tip_Desc { width: 500px; font-size: 12px; position: absolute; z-index: 99; background-color: #fefefe; border: 1px solid #cdcdcd; border-radius: 15px; padding: 21px 21px 21px 40px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); line-height: 1.6; display: none;}
.totalWrap .tblWrap .tool_tip_Desc li{list-style-type: disc; padding-left: 5px;	margin-bottom: 5px;}
.totalWrap .tblWrap .btnType{margin: 24px 5px 20px 30px; width: 210px; }
.totalWrap .tblWrap input.rbcTmp{margin: 10px 0 0 0; }
.totalWrap .tblWrap input{ margin: 10px 0;}
.totalWrap .tblWrap textarea.rbcTmp{height: 6.25em;resize: none; margin: 20px 0; }
.totalWrap .tblWrap .tbl-tr{border-top: 1px solid rgb(181, 181, 181);	text-align: left; padding-left: 20px;  color: #333; background: #f7f7f9; box-sizing: border-box;}
.totalWrap .tblWrap .tbl-tr th {font-family: 'NanumSquareR'; font-weight: bold; font-size: 16.5px;padding-left:20px;}
.totalWrap .tblWrap .tbl-tr th *{font-family: 'NanumSquareR'; }
.totalWrap .tblWrap .subTitleWrap{ margin: 50px 0 0 0;display: flex; flex-direction: row; width: 100%; padding-bottom: 10px; border-bottom: 2px solid rgb(181, 181, 181); flex-direction: column;}
.totalWrap .tblWrap .subTitleWrap .subTit{width: 95%;}
.totalWrap .tblWrap .subTitleWrap .subTit .fixedTip{cursor: pointer; margin: 0 0 0 5px; font-weight: 600; background-color: #fee800; padding: 7px; border-radius: 5px; color: #000;}
.totalWrap .tblWrap .subTitleWrap .subTit .fixedTip img{ transform: rotate(0deg); margin-right: 10px; transition: transform 0.3s;}
.totalWrap .tblWrap .subTitleWrap .toggleImg{padding: 10px;}
.totalWrap .tblWrap .tmpContAll .tb-row input { color: black; }
.totalWrap .tblWrap .tmpContAll .tb-row .rtImgSize {display: block; margin: 10px;text-align: left;font-size: 13px;color: #565656;}
.totalWrap .tblWrap .tmpContAll .tb-row .blindRadio, .irtext { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
/*.totalWrap .tblWrap .tmpContAll .radio { margin-top: 7px;}*/
.totalWrap .tblWrap .tmpContAll tr > td:first-child{text-align: left;/*min-width: 150px !important; width: 150px;*/}
.totalWrap .tblWrap .tmpContAll tr .btnOpt1{text-align: left;}
.totalWrap .tblWrap .tmpContAll tr .atBtnOpt1{text-align: left; padding: 0 100px 0 30px; margin-bottom: 20px;}
.totalWrap .tblWrap .tmpContAll tr input[type="text"]{width:99%; box-sizing: border-box;}
.totalWrap .tblWrap .tmpContAll .mainTitle { display: block; box-sizing: inherit;margin:15px 0 20px 0;}
.totalWrap .tblWrap .tmpContAll .mainTitle .BrLogo_case { text-align: left;line-height: 1.6;}
.totalWrap .tblWrap .tmpContAll .mainTitle .BrLogo_case .BrLogo_desc {margin-bottom:10px;}

.totalWrap .tblWrap .tmpContAll .input{margin-top: 10px;}
.totalWrap .tblWrap .tmpContAll .tumbMain {	display: flex; }
.totalWrap .tblWrap .tmpContAll .tumbMain *{font-family: 'NanumSquareR';}
.totalWrap .tblWrap .tmpContAll .radioBtn{display: flex; margin-left: 10px;}
.totalWrap .tblWrap .tmpContAll .radioBtn .lmsOpt{margin-bottom:20px}
.totalWrap .tblWrap .tmpContAll .radioBtn .lmsOpt button{font-size: 16px; font-weight: 500;margin: 5px 30px 0 0 ;display: inline-block;}
.totalWrap .tblWrap .tmpContAll .radioBtn .lmsOpt img{padding: 0 10px 2px 10px;vertical-align: middle;}
.totalWrap .tblWrap .tmpContAll .radioBtn label{padding: 0px 8px;position: relative; bottom: 5px;}
.totalWrap .tblWrap .tmpContAll .radioBtn>.radio+.radio{margin-left: 70px;}
.totalWrap .tblWrap .tmpContAll .btnSelect{display: flex;justify-content: space-between;align-items: center;}
.totalWrap .tblWrap .tmpContAll .btnSelect .radio{margin-top: 5px;}
.totalWrap .tblWrap .tmpContAll .inputTitle{margin-top:10px;}
.totalWrap .tblWrap .tmpContAll .thirdDetailWrap { display: flex; align-items: center; }
.totalWrap .tblWrap .tmpContAll .tblBody .cellPart{ margin-bottom: 10px;}
.totalWrap .tblWrap .tmpContAll .tblBody .cellPart .inputFlex{display: flex; gap: 8px;}
.totalWrap .tblWrap .tmpContAll .tblBody .cellPart .inputFlex .divCell{	width: 44%;	flex:1;	}
.totalWrap .tblWrap .tmpContAll .tblBody .cellPart .inputFlex .divCell textarea{height :auto;}

/* 250430 테이블 수정*/
.totalWrap .tblWrap * {font-family: 'NanumSquare';}
.totalWrap .tblWrap .adGuide {margin: 10px 0 15px 0; display: flex;}
.totalWrap .tblWrap .adGuide .checkbox__text{line-height: 2.4;}
.totalWrap .tblWrap .tb-row tr > td:first-child{font-size: 16px; font-weight: 600;}
.totalWrap .tblWrap .tb-row .tb-vtop{vertical-align: top; padding-top: 25px;}
.totalWrap .tblWrap .guideCont {font-family: 'NanumSquareR'; width: 95%; display: grid; line-height: 1.6; font-size: 14px; border-radius: 8px; border: 1px solid; padding: 20px; margin: 10px 0 20px 0;	text-align: left;}
/* 알림톡 */
.totalWrap .tblWrap .tmpContAll .tb-row #spanVar{text-align: left; gap: 6px; display: flex;	}
.totalWrap .tblWrap .tmpContAll .tb-row .tblAtCategory{text-align: left;margin: 15px 0 15px 0;}
.totalWrap .tblWrap .tmpContAll .tb-row .tblAtCategory #iCatSCdArea{padding: 15px 0;}

.totalWrap .tblWrap .tmpContAll .tblBtnRow .btnInput { width: 520px;padding: 0 0 15px 30px; display: flex; flex-direction: column;}
.totalWrap .tblWrap .tmpContAll .tblBtnRow .btnSelect .atBtnSelect{display: flex; gap: 15px; justify-content: space-between; width: 100%;}
.totalWrap .tblWrap .tmpContAll .tblBtnRow .btnSelect .atBtnSelect .btnRemove{margin: 23px 0 20px 10px;}
/* .totalWrap .tblWrap .tmpContAll .btnTable .tbl_btn_desc {width: 92%; display: grid; line-height: 1.4; font-size: 14px; border-radius: 5px; border: 1px solid; padding: 10px 20px; margin: 20px;	}
.totalWrap .tblWrap .tmpContAll .btnTable .tbl_btn_desc .txt1 {font-family: 'NanumSquareR'; display: inline-block; padding: 5px 0;} */
.totalWrap .rbcWrap {padding: 20px;margin: 40px 0; max-width:400px;width: 33%; border: 1px solid rgb(207, 207, 207);background-color: rgb(255, 255, 255); border-radius: 15px;  position: sticky; top: 0; height: auto; overflow-y: auto; }
.totalWrap .rbcWrap #input_mmsWrite{ position: sticky; }

.totalWrap .atWrap #input_mmsWrite .msgMiddleWrap.preview_rcs { height: 100%;}

.totalWrap .atWrap {padding: 20px;margin: 40px 0; max-width:400px;width: 33%; border: 1px solid rgb(207, 207, 207);background-color:#c6d6e3; border-radius: 15px;  position: sticky; top: 0; height: 700px; overflow-y: auto; }
.totalWrap .atWrap #input_mmsWrite{ position: sticky; }
.totalWrap .atWrap #input_mmsWrite .msgMiddleWrap.preview_at { height: 100%;}
.totalWrap .atWrap #input_mmsWrite .msgMiddleWrap.preview_at * { font-family: 'NanumSquareR';}
.totalWrap .atWrap #input_mmsWrite .msgMiddleWrap.preview_at .tmpProfile{ margin: 10px; font-size: 17px; font-weight: 700;}
/* 알림톡 끝*/


#input_mmsWrite .msgMiddleWrap.preview_rcs { height: 100%;}
/*RCS 템플릿 생성 페이지*/
.totalWrap .tblWrap #brdSeq{width: 250px; }
.totalWrap .tblWrap #tmpInfoTbl td{text-align: left;}
.totalWrap .tmpContAll .hitsAddTr .hitsSubAdd{border-radius: 5px;vertical-align: middle;}
.totalWrap .tblWrap .tmpContAll .file_input_wrap .posR { position: absolute; top: -10px;left: 463px;width: 100px; height: 100px; text-align: left;}


.rbcWrap * { font-family: 'NanumSquareR';}
.rbcWrap.data_box_wrap .mainImg .btnRcsImg{width:100%; background-color: rgb(228, 228, 228); height: 328px; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.rbcWrap.data_box_wrap .mainImg .btnRcsImg img{width: auto!important; height: auto!important;}
.rbcWrap.data_box_wrap .rbcTmpCont .subImg .btnSubImg{border-radius: 5px;width:70px; background-color: rgb(228, 228, 228); height: 70px; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.rbcWrap.data_box_wrap .rbcTmpCont .subImg .btnSubImg img{width: auto!important; height: 65%!important;}
.rbcWrap.data_box_wrap .rbcTmpCont .subTitle *,.rbcWrap.data_box_wrap .rbcTmpCont .subDesc *,.rbcWrap.data_box_wrap .rbcTmpCont .tmpTitle *,.rbcWrap.data_box_wrap .rbcTmpCont .tmpDesc * { font-family: 'NanumSquare';}
.rbcWrap.data_box_wrap .rbcTmpCont .tmpTitle *{color:rgb(111, 111, 111) ;font-size: large; font-weight: bold; }
.rbcWrap.data_box_wrap .rbcTmpCont .subTitle *{margin-left: 10px;color:rgb(111, 111, 111) ;font-weight: bold;}
.rbcWrap.data_box_wrap .rbcTmpCont .subDesc *,.tmpDesc *{color: rgb(94 94 94); font-size: 14px;}
.rbcWrap.data_box_wrap .rbcTmpCont .subImg +.subImg { margin-left: 10px;}
.rbcWrap.data_box_wrap .rbcTmpCont .previewTmp{ height: 600px; display: flex; margin-bottom: 20px;clear: both;}
.rbcWrap.data_box_wrap .rbcTmpCont .miniTmp{text-align: center; width: 16.5%;}
.rbcWrap.data_box_wrap .rbcTmpCont .miniTmp img{width: 150px;/*transition: width 0.2s ease;*/ text-align: center;}
.rbcWrap.data_box_wrap .rbcTmpCont .file_input_wrap .posR { position: absolute; top: -10px;left: 463px;width: 100px; height: 100px; text-align: left;}

.previewTmp {height: auto; display: flex; flex-wrap: wrap; justify-content: space-around; margin-bottom: 20px; clear: both; gap: 10px;  min-height: 600px;}
.previewTmp .miniTmp {text-align: center;	flex: 1 1 calc(16.66% - 10px); max-width: 150px; box-sizing: border-box;}
.previewTmp .miniTmp img { width: 100%; height: auto; display: block; margin: 0 auto;}

.list__sort-area { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 6px; margin-bottom: 30px;}
.list__sort-area .radiobox { width: auto;}
.list__sort-area .radiobox input[type=radio] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
.list__sort-area .radiobox input[type=radio]:checked+label { border-color: #2f77fb}
.list__sort-area .radiobox input[type=radio]:checked+label span { color: #2f77fb}
.list__sort-area .radiobox label { display: inline-flex; height: 42px; border: 2px solid #ddd; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 100px; padding: 0 20px;}
.list__sort-area .radiobox label span { font-family:'NanumSquare'; font-size: 14px; color: #666; font-weight: 700; line-height: 26px; letter-spacing: normal; font-style: normal; -webkit-font-feature-settings: "pnum" on, "lnum" on; font-feature-settings: "pnum" on, "lnum" on;}

.tmpRegWrap .slideTmp {display: flex; flex-wrap: wrap; justify-content: space-around; gap: 10px; height: auto; margin-bottom: 20px; clear: both; min-height: 270px; }
.tmpRegWrap .slideTmp div { text-align: center; flex: 1 1 calc(16.66% - 10px); max-width: 150px; box-sizing: border-box;}
.tmpRegWrap .slideTmp img { width: 100%; height: auto; display: block; margin: 0 auto;} 
/* RTXT 템플릿 생성  시작*/
.rbcTmpCont .itemTable .table-description li div span { font-size: 14px;}
.custom-textarea .style-picker__inner { display: flex; align-items: center; justify-content: space-between; gap: 8px;}
.custom-textarea .style-picker__inner > div input[type=checkbox]:checked + label,
.custom-textarea .style-picker__inner > div input[type=radio]:checked + label,
.custom-textarea .style-picker__inner > span input[type=checkbox]:checked + label,
.custom-textarea .style-picker__inner > span input[type=radio]:checked + label {color: #000; border-color: #000;}
.custom-textarea .style-picker__inner > span .active + label { color: #000; border-color: #000;}
.style-picker {z-index: 999; position: absolute; transform: translateX(-18%); background-color: #fff; box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1); border-radius: 12px; max-width: 342px; padding: 20px 24px; display: none;}
.custom-textarea .style-picker__inner > div,.custom-textarea .style-picker__inner > div label,.custom-textarea .style-picker__inner > span,.custom-textarea .style-picker__inner > span label { display: inline-flex; align-items: center; justify-content: center;}
.custom-textarea .style-picker__inner > div label,.custom-textarea .style-picker__inner > span label { cursor: pointer; width: 30px; height: 30px; border-radius: 5px;border: 1px solid #ddd; overflow: hidden;}
.custom-textarea .style-picker__inner > span.align img {display: inline-block; width: 28px; height: 28px;}
.custom-textarea .style-picker__inner > div.sml,.custom-textarea .style-picker__inner > span.sml {font-size: 10px;}
.custom-textarea .style-picker__inner > div.mid,.custom-textarea .style-picker__inner > span.mid {font-size: 14px;}
.custom-textarea .style-picker__inner > div.big,.custom-textarea .style-picker__inner > span.big {font-size: 18px;}
.custom-textarea .style-picker__inner > div.bold,.custom-textarea .style-picker__inner > span.bold {font-weight: 700;}

.tmpContAll .input-item .flex-row { display: flex; gap: 15px; align-items: center; justify-content: start;}
.tmpContAll .input-item .flex-row.flex-start { justify-content: flex-start;	}
.tmpContAll .input-item .flex-row.flex-warp { flex: auto; width: 100%;}
.tmpContAll .input-item .flex-input { display: flex; gap: 5px; margin-top: 10px;}
.tmpContAll .input-item .flex-input .custom-textarea textarea { height: 37px; padding: 5px 0 0 15px; border-radius: 10px; box-sizing: border-box;}
.tmpContAll .input-item .flex-radio .icon-radio { margin-right: 5px; display: inline-block; width: 30px; height: 30px;}
.tmpContAll .input-item .flex-radio .icon-radio label {position: relative; display: inline-block;width: 100%; height: 100%;}
.tmpContAll .input-item .flex-radio .icon-radio label img { position: absolute;left: 0;top: 1px; display: flex; gap: 2px; justify-content: space-between; border-radius: 5px; padding: 6px; width: 20px;height: 20px; background-color: #ddd0; border: 1px solid #eaeaea;}
.tmpContAll .input-item .flex-radio .icon-radio input[type=radio]:checked + label * { background-color: #000; border: 1px solid #000; filter: brightness(0.3);}
.tmpContAll .input-item .flex-radio .icon-radio label:before {border: 1px solid rgb(192, 192, 192); border-radius: 5px; padding: 1px;}
.tmpContAll .input-item .flex-radio .icon-radio input[type=radio]:checked + label * { background-color: transparent;}


.tblWrap .checkbox input[type="checkbox"]{width: 20px; height: 20px; vertical-align: middle; margin-right: 5px; flex-shrink: 0;}
.tblWrap .checkbox input[type=checkbox]+label {cursor: pointer; position: relative; margin:3px 0 0 5px}
.tblWrap .inner_box .tb-title{margin: 15px 0 20px 0;}
.tblWrap #tmpInfoTbl { border-top: 1px solid rgb(181, 181, 181); border-bottom: 1px solid #e5e5e5;}
.tblWrap .tmpContAll .input-item .flex-row .flex-btn { display: flex; gap: 8px; flex: 0 0 132px; width: 110px;}
.tblWrap .tmpContAll .btn-default-line {font-size: 14px; border: 1px solid #bdbdbd; color: #6e7581;background-color: #fff; border-radius: 6px; line-height: 36px; min-width: auto; height: 36px; padding: 0 20px; cursor: pointer; margin-top: 5px;}
.tblWrap .tmpContAll .btn.btn-default-line.active { border: 1px solid #2f77fb; color: #2f77fb;}
.tblWrap .tmpContAll .item-icon-list { display: flex; gap: 8px; padding: 15px 0;}
.tblWrap .tmpContAll .item-icon-list .radiobox input[type=radio] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
.tblWrap .tmpContAll .item-icon-list .radiobox input[type=radio] + label { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 8px; border: 1px solid #ddd; overflow: hidden;}
.tblWrap .tmpContAll .item-icon-list .radiobox input[type=radio] + label img { width: 36px; height: 36px; border-radius: 6px;}
.tblWrap .tmpContAll .item-icon-list .radiobox input[type=radio]:checked + label { border-color: #2f77fb;}
.tblWrap .tmpContAll .form-item-row{margin-bottom: 20px;}
.tblWrap .tmpContAll .logo-section .BrLogo_link {font-size: 14px; color: #000;  width: 100%; display: block; display: -webkit-box; display: -ms-flexbox;display: flex; -webkit-box-pack: start;-ms-flex-pack: start; justify-content: flex-start;-webkit-box-align: center;-ms-flex-align: center;align-items: center;text-decoration: underline;text-underline-offset: 3px;text-decoration-color: #888; cursor: pointer;}
.tblWrap .tmpContAll .logo-section .BrLogo_link:after {content: "";display: block;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 12px;height: 10px;background-image: url(/images/common/icon_pagebtn_R.png);background-repeat: no-repeat; background-position: center;cursor: pointer;margin: 10px 0 0 10px;}

.popup_rcs_logo{padding:40px;}
.popup_rcs_logo *{font-family: 'NanumSquareR';}
.popup_rcs_logo #brand_logo_table .logo_id img { width: 60px; border-radius: 10px;}
.popup_rcs_logo #brand_logo_table .radiobox span.radio { zoom: 1.4;}
.popup_rcs_logo .popup_logo_title{text-align: center; font-size: 27px; font-weight: 700; margin-top: 40px;}
.popup_rcs_logo .popup_logo_title .popup_title_text{padding-bottom: 15px;}
.popup_rcs_logo .button__wrap {text-align: center; display: flex; margin: 10px 0;}
.popup_rcs_logo .modal__content--footer {border-top:#ddd solid 1px; padding: 5px 0 0 5px;	}
.popup_rcs_logo .modal__content--footer .pagingWrap { margin-bottom: 30px;}
.popup_rcs_logo .modal__content--footer .button__wrap.space-between {-webkit-box-pack: justify;-ms-flex-pack: justify; justify-content: center; gap: 15px;}
.popup_rcs_logo .modal__content--footer .button__wrap > div {display: -webkit-box; display: -ms-flexbox;display: flex;gap: 15px;}
.popup_rcs_logo .modal__content--footer .button__wrap .btn{font-size: 16px;position: relative; display: inline-grid; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;letter-spacing: -.025em; line-height: normal; max-width: 100%; border-radius: 6px;text-decoration: none;vertical-align: middle; font-weight: 700;outline: none; border: none; padding: 0 20px; cursor: pointer;min-width: 126px;height: 48px;line-height: 24px;padding: 0 48px;border: 1px solid rgb(194, 194, 194);}
.popup_rcs_logo .modal__content--footer .button__wrap btn-line {font-size: 16px; border: 1px solid #999; color: #999; background-color: #fff; border-radius: 6px;	}
.popup_rcs_logo .modal__content--footer .btn-blue {font-size: 16px; border: 1px solid #2f77fb; color: #fff; background-color: #2f77fb; border-radius: 6px;}
.popup_rcs_logo .logo_table_wrap.logo_view { min-height: 470px; height: 116px;}
.popup_rcs_logo .logo_table_wrap {height: auto; max-height: calc(100vh - 435px); min-height: 308px; overflow-y: auto; border-bottom: 1px solid #f0f0f0 !important;}
.popup_rcs_logo .modal__content--body_fixed-table {height: calc(100% - 100px); position: relative;width: 100%;-webkit-box-flex: 1;-ms-flex: auto;flex: auto;}

.popup_rcs_logo #search_condition .template-list {display: flex;justify-content: space-between;width: 100%;}
.popup_rcs_logo #search_condition .template-list .left-area {display: flex; align-self: center;}
.popup_rcs_logo #search_condition .template-list .right-area { display: flex; text-align: end; justify-content: flex-end;}
.popup_rcs_logo #search_condition .top-ctrl-area .btn-only-icon { padding: 0 16px; right: 0;top: 8px;min-width: auto; height: auto; line-height: 1; padding: 0;}
.popup_rcs_logo #search_condition .top-ctrl-area .btn-only-icon img {padding: 0 10px; display: inline-block;width: 20px;height: 20px;}
.popup_rcs_logo #search_condition .top-ctrl-area .search-area{display:flex;}
.popup_rcs_logo #search_condition .top-ctrl-area .brLogo_re{ font-size: 14px; color: #fff; background-color: #000000; border-radius: 6px; height: 25px; margin-top: 12px; padding: 10px 10px 0 10px; cursor:pointer;} 
.popup_rcs_logo #search_condition .top-ctrl-area .search-box{display: flex;	border: 1px solid #ccc;border-radius: 10px;padding: 0 3px;margin: 10px;width: 100%;}
.popup_rcs_logo #search_condition .top-ctrl-area .search-area input {background-color: #fff;border-radius: 6px;border: 1px solid #fff;color: #000;display: inline-block;font-size: 14px;height: 36px; line-height: 26px; padding: 0 16px;width: 100%;flex: 1;	}

.popup_rcs_logo .logo_table_wrap .template__emulate--view .template-cmp-title .tit-desc { font-size: 12px; color: #666; font-weight: 400;line-height: 20px;letter-spacing: normal; font-style: normal; width: 100%;}
.popup_rcs_logo .logo_table_wrap .template__emulate--view .template-cmp-title span {font-size: 16px; color: #000;font-weight: 700;line-height: 24px;letter-spacing: normal;font-style: normal;}
.popup_rcs_logo .logo_table_wrap .template__emulate--view .template-cmp-button .btn-template { border-radius: 8px; width: 100%; background-color: #e4e4e4; height: 46px; font-size: 14px; color: #000; font-weight: 600; line-height: 22px;letter-spacing: normal;font-style: normal; line-height: 46px;}
.popup_rcs_logo .logo_table_wrap .template__emulate--view .template__wrap--preview .item-poinst-logo img{position: absolute;right: 40px;top: 11%; transform: translateY(-50%); width: 60px; border-radius: 8px;}
.popup_rcs_logo .logo_table_wrap .template__emulate--view .template__wrap--preview .template-cmp-title.item { border-bottom: 0; -webkit-box-pack: justify; justify-content: space-between;}
.popup_rcs_logo .logo_table_wrap .template__emulate--view .template__wrap--preview .template-cmp-description .content{display: inline;}
.popup_rcs_logo .logo_table_wrap .template__emulate--view .template__wrap--preview .template-cmp-description .sub-title, .template-cmp-description .title {font-size: 16px; color: #000; font-weight: 700; line-height: 24px; letter-spacing: normal; font-style: normal; margin-bottom: 8px;}
.popup_rcs_logo .logo_table_wrap .template__emulate--view .template__wrap--preview .item-poinst-logo img { width: 60px; border-radius: 10px;}
.popup_rcs_logo .logo_table_wrap .template__emulate--view .template-cmp-title .content{display: inline;}

.popup_rcs_logo .logo_table_wrap .table__wrap{z-index: 2;position: relative;overflow: visible;}
.popup_rcs_logo .logo_table_wrap .error_wrap { width: 1060px; height: auto; background-color: #f8f8f8; border-radius: 8px; padding: 16px 24px; margin: 20px 0; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; line-height: 1.6; position: absolute; width: 160%;}
.popup_rcs_logo .logo_table_wrap .template__emulate--view .template_logo_exp {text-align: center; font-size: 14px; line-height: 130%; margin-top: 20px;}
.popup_rcs_logo .logo_table_wrap .table-bodyonly tr:last-child td, 
.popup_rcs_logo .logo_table_wrap .table-bodyonly tr:last-child th { border-bottom: 2px solid #bcbcbc;}
.popup_rcs_logo .logo_table_wrap .table-bodyonly td, 
.popup_rcs_logo .logo_table_wrap .table-bodyonly th {border-top: 1px solid #f0f0f0;}

.popup_rcs_logo .logo_table_wrap .table-bodyonly td{font-size: 16px;}
.popup_rcs_logo .logo_table_wrap .table-bodyonly th { font-size: 16px; color: #000; font-weight: 600; letter-spacing: normal; font-style: normal; padding: 16px 0 16px 16px; text-align: left; line-height: 28px;}

.popup_rcs_logo .logo_table_wrap .table-bodyonly .logo_img_view {row-gap: 10px; flex-direction: column; display: inline;}
.popup_rcs_logo .logo_table_wrap .table-bodyonly .logo_img_view img{width: 300px;border-radius: 15px;float: left;}
.popup_rcs_logo .view__wrap {display: -webkit-box;display: -ms-flexbox; display: flex; gap: 32px; border-top: 3px solid #bcbcbc; padding-bottom: 16px;}

.popup_rcs_logo .view__wrap *{font-size: 14px;}
.popup_rcs_logo .view__wrap .brand-aside { margin-top: 5px; -webkit-box-flex: 0; -ms-flex: 0 0 360px; flex: 0 0 360px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; padding: 16px 0;}
.popup_rcs_logo .view__wrap .brand-aside .chat-emulator__wrap { width: 360px; height: auto; min-height: 600px; max-height: 700px; overflow-y: auto; position: sticky;border-radius: 16px;border: 1px solid #eaeaea; background-color: #fcfcfc; padding: 0 !important; -ms-flex-item-align: start; align-self: flex-start; top: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; overflow-x: hidden;}
.popup_rcs_logo .view__wrap .brand-aside .chat-emulator__wrap.fixed_logoprev { height: 380px !important; margin-top: 0; right: 55px;}
.popup_rcs_logo .view__wrap .brand-aside .chat-emulator__wrap .chat-emulator { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; min-height: 100%;min-width: 360px; -webkit-box-flex: 1;-ms-flex: auto;flex: auto;}
.popup_rcs_logo .view__wrap .brand-aside .chat-emulator__wrap .emulator-template-body {-webkit-box-flex: 1; -ms-flex: auto; flex: auto; padding: 12px 16px !important;}
.popup_rcs_logo .view__wrap .brand-aside .chat-emulator__wrap .emulator-template-body .template__emulate--view {height: 100%;}
.popup_rcs_logo .view__wrap .brand-aside .chat-emulator__wrap .emulator-template-body .template__wrap--preview {-webkit-box-flex: 1;-ms-flex: auto; flex: auto; margin-top: 4px; padding: 20px 20px 24px 20px; display: -webkit-box; display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #f2f2f2; border-radius: 12px; gap: 20px;}
/* RTXT 템플릿 생성 끝 */

.data_box_wrap {position: relative; width: 100%; padding: 60px 30px 30px 44px; margin: 40px 0 0 0; border-top: 2px solid #2a85cc;border-bottom:1px solid #e5e5e5;background: #f9f9f9; box-sizing: border-box;}
.data_box_wrap .maskWrap {overflow:hidden; width: 100%; height:100%; margin:auto; font-size:14px;}
.data_box_wrap .maskWrap li {float:left; width: 300px; margin:0 45px;}
.data_box_wrap .mask_box_wrap {position: relative; width: 285px; height: 694px; }
.data_box_wrap .mask_box_wrap .chkbox {height:24px; color:#666;}
.data_box_wrap .mask_box_wrap .pfid {position: absolute; top:0; right:0; text-align: right; color:#666; font-size: medium;}
.data_box_wrap .mask_box_wrap .templateBox {position: relative; border: 1px solid #c9c9c9;}
.data_box_wrap .mask_box_wrap .templateBox .title {padding-top:8px; height:30px;  font-size:inherit; line-height:1.6; color:#23292f; background: #F9DF33; text-align:center; border-bottom: 1px solid #c9c9c9;}
.data_box_wrap .mask_box_wrap .templateBox textarea {overflow:auto; width:220px; height:220px; padding:5px 0 5px 5px; font-size:12px; line-height:1.6; color:#666; resize:none; border: 0px solid;}
.data_box_wrap .mask_box_wrap .templateBox .tmpImg {text-align:center; background:#fff;}
.data_box_wrap .mask_box_wrap .templateBox .tmpBtn {height:32px; padding-bottom:5px; background: #fff; }
.data_box_wrap .mask_box_wrap .templateBox .byte {margin:3px 10px 0 0; height:24px; text-align: right; font-size:12px; line-height:1.6; color:#666;}
.data_box_wrap .mask_box_wrap .txt {height:20px;  font-size:inherit; line-height:1.6; color:#666;}

.data_box_wrap .rcsTmpWrap {overflow:hidden; width: 100%; height:100%; margin:auto; font-size:14px;}
.data_box_wrap .rcsTmpWrap .templateList {height: 800px; float:left; width: 330px; margin: 0 0 100px 20px;/* border: 1px solid;*/ border-radius: 15px; padding: 20px;}
.data_box_wrap .rcsTmpWrap .templateList #input_mmsWrite{height: 610px;}
.data_box_wrap .rcsTmpWrap * { font-family: 'NanumSquareR';}
.data_box_wrap .rbcTmpCont {width: 100%; border: 0px; height: auto; font-size: 13px; padding-bottom: 10px;}
.data_box_wrap .rbcTmpCont .row { display: flex; margin: 15px 0 0 20px;}
.data_box_wrap .rbcTmpCont .subTitle {    width: 20%; font-weight: bold; color: #000; margin-top: 7px; text-align: center;}
.data_box_wrap .rbcTmpCont .subDesc { width: 80%; padding: 4px 10px; line-height: 1.6;word-wrap: break-word;word-break: break-all;white-space: normal;font-size: 13px;}
.data_box_wrap .rbcTmpCont .subImg { width: 100px;}
.data_box_wrap .rbcTmpCont .subImg img {border-radius: 10px; width: 70px;}
.data_box_wrap .rbcTmpCont .tmpTitle{padding: 10px 10px;font-weight: bold; font-size: 16px; color: #000;}
.data_box_wrap .rbcTmpCont .tmpDesc{padding: 10px;	line-height: 1.6; font-size: 14px;word-break: break-word;}
.data_box_wrap .rbcTmpCont .tmpTitle span{ /*margin-left: 9px;*/font-weight: bold; font-size: 16px; color: #000; white-space: normal; word-wrap: break-word; word-break: break-word; display: block;}
.data_box_wrap .rbcTmpCont .tmpDesc span{ white-space: normal; word-wrap: break-word; word-break: break-word; display: block; }


.data_box_wrap .atTmpCont .tmpTitle{padding: 10px 15px;font-weight: bold; font-size: 16px; color: #000;}
.data_box_wrap .atTmpCont .tmpDesc{padding: 15px 5px ;line-height: 1.6; margin: 0 5px;word-break: break-word;}
.data_box_wrap .atTmpCont .tmpTitle span{ /*margin-left: 9px;*/font-weight: bold; font-size: 16px; color: #000; white-space: normal; word-wrap: break-word; word-break: break-word; display: block;}
.data_box_wrap .atTmpCont .tmpDesc span{ white-space: normal; word-wrap: break-word; word-break: break-word; display: block; }

.data_box_wrap .tmp_box_wrap .btnFlex{display: flex;gap: 30px;}
.data_box_wrap .tmp_box_wrap {position: relative; width: 325px; height: 694px; }
.data_box_wrap .tmp_box_wrap .chkbox {height:24px; color:#3c3c3c;}
.data_box_wrap .tmp_box_wrap .pfid {position: absolute; top:0; right:0; text-align: right; color:#666;}
.data_box_wrap .tmp_box_wrap .brdName {position: absolute; top:0; right:0; text-align: right; color:#666;}
.data_box_wrap .tmp_box_wrap .templateBox {position: relative; border: 1px solid #c9c9c9;}
.data_box_wrap .tmp_box_wrap .templateBox .title {padding-top:8px; height:30px;  font-size:inherit; line-height:1.6; color:#23292f; background: #F9DF33; text-align:center; border-bottom: 1px solid #c9c9c9;}
.data_box_wrap .tmp_box_wrap .templateBox textarea {overflow:auto; width:220px; height:220px; padding:5px 0 5px 5px; font-size:12px; line-height:1.6; color:#666; resize:none; border: 0px solid;}
.data_box_wrap .tmp_box_wrap .templateBox .tmpImg {text-align:center; background:#fff;}
.data_box_wrap .tmp_box_wrap .templateBox .tmpBtn {height:32px; padding-bottom:5px; background: #fff; }
.data_box_wrap .tmp_box_wrap .templateBox .byte {margin:3px 10px 0 0; height:24px; text-align: right; font-size:12px; line-height:1.6; color:#666;}
.data_box_wrap .tmp_box_wrap .txt {height:20px;  font-size:inherit; line-height:1.6; color:#666;}

.data_box_wrap .tmp_box_wrap table {border-collapse: collapse; width: 300px; margin: 10px;}
.data_box_wrap .tmp_box_wrap th, td {text-align: left; height: 27px; /*padding: 5px;*/}
.data_box_wrap .tmp_box_wrap th {font-weight: bold; width: 30%;}
.data_box_wrap .tmp_box_wrap .rbcTmpContTitle {display: flex; align-items: center; margin: 13px 0; justify-content: space-between;}
.data_box_wrap .tmp_box_wrap .rbcTmpContTitle > div img {width: 15px; margin: 0 0 0 4px; filter: invert(50%); cursor: pointer;}
.data_box_wrap .tmp_box_wrap .rbcTmpContTitle > input{margin-right:20px; width: 20px;height: 20px;}
.data_box_wrap .tmp_box_wrap .tmpName{font-weight: bold; font-size: 16px;}

/* 브랜드톡 */
.data_box_wrap .tmp_box_wrap .fuTmpTitle {display: flex; align-items: center; margin: 13px 0; gap: 20px; }
.data_box_wrap .tmp_box_wrap .fuTmpTitle .titleBox {width: 24px; height: 20px;}

.data_box_wrap .rcsTmpWrap {overflow:hidden; width: 100%; height:100%; margin:auto; font-size:14px;}
.data_box_wrap .rcsTmpWrap .templateList {height: 800px; float:left; width: 330px; margin: 0 0 100px 20px;/* border: 1px solid;*/ border-radius: 15px; padding: 20px;}
.data_box_wrap .rcsTmpWrap .templateList .tmplPrevWrap{height: 550px;}




/* RCS > 전송 관리 > 전송 내역 (이미지 템플릿) */
.mms_area .tmp_box_wrap .tmpBox_rcs_img .rbcTmpCont {border: 0px; height: auto; font-size: 13px;}
.mms_area .tmp_box_wrap .tmpBox_rcs_img .rbcTmpCont .row { display: flex; margin: 5px 3px;}
.mms_area .tmp_box_wrap .tmpBox_rcs_img .rbcTmpCont .subTitle { width: 20%; padding: 5px 0 0 0px; font-weight: bold; color: #000; margin-top: 5px; text-align: center;}
.mms_area .tmp_box_wrap .tmpBox_rcs_img .rbcTmpCont .subDesc { width: 80%; padding: 6px 10px; line-height: 1.6;word-wrap: break-word;word-break: break-all;white-space: normal;font-size: 11px;}
.mms_area .tmp_box_wrap .tmpBox_rcs_img .rbcTmpCont .subImg { width: 70px;}
.mms_area .tmp_box_wrap .tmpBox_rcs_img .rbcTmpCont .subImg img {border-radius: 10px; width: 50px;}
.mms_area .tmp_box_wrap .tmpBox_rcs_img .rbcTmpCont .subImg>img {margin: 0 0 0 10px;}
.mms_area .tmp_box_wrap .tmpBox_rcs_img .rbcTmpCont .tmpTitle{padding: 10px 0 15px 0;font-weight: bold; font-size: 13px; color: #000;}
.mms_area .tmp_box_wrap .tmpBox_rcs_img .rbcTmpCont .tmpDesc{padding: 0;	line-height: 1.6; margin: 0 5px;font-size: 11px;}
.mms_area .tmp_box_wrap .tmpBox_rcs_img .rbcTmpCont .tmpTitle span{ font-weight: bold; font-size: 13px; color: #000; white-space: normal; word-wrap: break-word; word-break: break-word; display: block;}
.mms_area .tmp_box_wrap .tmpBox_rcs_img .rbcTmpCont .tmpDesc span{ white-space: normal; font-size: 11px; word-wrap: break-word; word-break: break-word; display: block; }
.mms_area .tmp_box_wrap .tmpBox_rcs_img .tmpBtnArea .default_grey13 { width: 100%; margin-top: 2px; height: 30px; box-sizing: border-box; font-size: 12px; border: 0; color: #0094ff; background: #EBEBEB; border: 1px solid #EBEBEB; margin: 5px 0 0 0; border-radius: 7px; font-family: 'NanumSquareR'; text-align: center; display: flex; justify-content: center; align-items: center;}
.mms_area .tmp_box_wrap .tmpBox_rcs_img .ht_full .tmpImgArea {flex-shrink:0;height:84px}

.tmpRcsArea .template_area .tmp_box_wrap .tmpArea .rcsMmsBox .tmpBox_rcs_img .rbcTmpCont {border: 0px; height: auto; font-size: 13px;}
.tmpRcsArea .template_area .tmp_box_wrap .tmpArea .rcsMmsBox .tmpBox_rcs_img .rbcTmpCont .row { display: flex; margin: 5px 3px;}
.tmpRcsArea .template_area .tmp_box_wrap .tmpArea .rcsMmsBox .tmpBox_rcs_img .rbcTmpCont .subTitle { width: 20%; padding: 5px 0 0 0px; font-weight: bold; color: #000; margin-top: 5px; text-align: center;}
.tmpRcsArea .template_area .tmp_box_wrap .tmpArea .rcsMmsBox .tmpBox_rcs_img .rbcTmpCont .subDesc { width: 80%; padding: 6px 10px; line-height: 1.6;word-wrap: break-word;word-break: break-all;white-space: normal;font-size: 11px;}
.tmpRcsArea .template_area .tmp_box_wrap .tmpArea .rcsMmsBox .tmpBox_rcs_img .rbcTmpCont .subImg { width: 70px;}
.tmpRcsArea .template_area .tmp_box_wrap .tmpArea .rcsMmsBox .tmpBox_rcs_img .rbcTmpCont .subImg img {border-radius: 10px; width: 60px;}
.tmpRcsArea .template_area .tmp_box_wrap .tmpArea .rcsMmsBox .tmpBox_rcs_img .rbcTmpCont .subImg>img {margin: 0 0 0 10px;}
.tmpRcsArea .template_area .tmp_box_wrap .tmpArea .rcsMmsBox .tmpBox_rcs_img .rbcTmpCont .tmpTitle{padding: 10px 0 15px 0;font-weight: bold; font-size: 13px; color: #000;}
.tmpRcsArea .template_area .tmp_box_wrap .tmpArea .rcsMmsBox .tmpBox_rcs_img .rbcTmpCont .tmpDesc{padding: 0;	line-height: 1.6; margin: 0 5px;font-size: 11px;}
.tmpRcsArea .template_area .tmp_box_wrap .tmpArea .rcsMmsBox .tmpBox_rcs_img .rbcTmpCont .tmpTitle span{ font-weight: bold; font-size: 13px; color: #000; white-space: normal; word-wrap: break-word; word-break: break-word; display: block;}
.tmpRcsArea .template_area .tmp_box_wrap .tmpArea .rcsMmsBox .tmpBox_rcs_img .rbcTmpCont .tmpDesc span{ white-space: normal; font-size: 11px; word-wrap: break-word; word-break: break-word; display: block; }
.tmpRcsArea .template_area .tmp_box_wrap .tmpArea .rcsMmsBox .tmpBox_rcs_img .tmpBtnArea .default_grey13 { width: 100%; margin-top: 2px; height: 30px; box-sizing: border-box; font-size: 12px; border: 0; color: #0094ff; background: #EBEBEB; border: 1px solid #EBEBEB; margin: 5px 0 0 0; border-radius: 7px; font-family: 'NanumSquareR'; text-align: center; display: flex; justify-content: center; align-items: center;}
.tmpRcsArea .template_area .tmp_box_wrap .tmpArea .rcsMmsBox .tmpBox_rcs_img .ht_full .tmpImgArea {flex-shrink:0;height:84px}


/* RCS > 전송 관리 > 전송 내역 (텍스트 템플릿) */
.layerpopWrap .msgWrap.mmsWrap .mms_area .tmp_box_wrap .tmpBox_rcs_txt {gap:20px;overflow:hidden;display:flex;flex-direction:column;height:calc(100% - 74px);padding:20px;border-radius:10px;background:#fff;box-shadow:0px 2px 4px rgba(0,0,0,0.16);box-sizing:border-box}
.layerpopWrap .msgWrap.mmsWrap .mms_area .tmp_box_wrap .tmpBox_rcs_txt .txtTitle { width: 230px;word-wrap: break-word; word-break: break-all; white-space: normal;}
.layerpopWrap .msgWrap.mmsWrap .mms_area .tmp_box_wrap .tmpBox_rcs_txt .txtTitle .title-desc {font-size: 12px; color: #666;font-weight: 400; line-height: 20px;letter-spacing: normal; font-style: normal; width: 100%;}
.layerpopWrap .msgWrap.mmsWrap .mms_area .tmp_box_wrap .tmpBox_rcs_txt .txtTitle .title-main {font-size: 16px; color: #000; font-weight: 700; line-height: 24px; letter-spacing: normal; font-style: normal;}
.layerpopWrap .msgWrap.mmsWrap .mms_area .tmp_box_wrap .tmpBox_rcs_txt .tblItemTitle{display: flex;}
.layerpopWrap .msgWrap.mmsWrap .mms_area .tmp_box_wrap .tmpBox_rcs_txt .tblItemTitle .item-logo{width: 65px; position: absolute; right: 20px; }
.layerpopWrap .msgWrap.mmsWrap .mms_area .tmp_box_wrap .tmpBox_rcs_txt .tblItemTitle .item-logo img{border-radius: 10px;}
.layerpopWrap .msgWrap.mmsWrap .mms_area .tmp_box_wrap .tmpBox_rcs_txt .itemTable .table-title {min-height: 30px;font-size: 16px; color: #000; font-weight: 700; line-height: 24px; letter-spacing: normal; font-style: normal; margin-bottom: 12px; border-bottom: 1px solid #000; word-wrap: break-word; word-break: break-all; white-space: normal;}
.layerpopWrap .msgWrap.mmsWrap .mms_area .tmp_box_wrap .tmpBox_rcs_txt .itemTable .table-description{display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal;-ms-flex-direction: column; flex-direction: column; gap: 10px; word-break: break-all;} 
.layerpopWrap .msgWrap.mmsWrap .mms_area .tmp_box_wrap .tmpBox_rcs_txt .itemTable .table-description .borderLine{border-bottom: 1.5px solid #d0d0d0;	padding-bottom: 7px;}
.layerpopWrap .msgWrap.mmsWrap .mms_area .tmp_box_wrap .tmpBox_rcs_txt .itemTable .table-description li { display: -webkit-box; display: flex; gap: 4px;}
.layerpopWrap .msgWrap.mmsWrap .mms_area .tmp_box_wrap .tmpBox_rcs_txt .itemTable .table-description li.border { border-bottom: 1px solid #ddd; padding-bottom: 8px;}
.layerpopWrap .msgWrap.mmsWrap .mms_area .tmp_box_wrap .tmpBox_rcs_txt .itemTable .table-description li>div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; line-height: 1.56em;}
.layerpopWrap .msgWrap.mmsWrap .mms_area .tmp_box_wrap .tmpBtnArea .default_grey13 { width: 100%; margin-top: 2px; height: 30px; box-sizing: border-box; font-size: 15px; border: 0; color: #0094ff; background: #EBEBEB; border: 1px solid #EBEBEB; margin: 5px 0 0 0; border-radius: 7px; font-family: 'NanumSquareR'; text-align: center; display: flex; justify-content: center; align-items: center;}

.tmpRcsArea .template_area .tmp_box_wrap .tmpBox_rcs_txt {gap:20px;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box}
.tmpRcsArea .template_area .tmp_box_wrap .tmpBox_rcs_txt .tblItemTitle{display: flex; height: 50px;}
.tmpRcsArea .template_area .tmp_box_wrap .tmpBox_rcs_txt .tblItemTitle .item-logo{width: 65px; position: sticky;}
.tmpRcsArea .template_area .tmp_box_wrap .tmpBox_rcs_txt .tblItemTitle .item-logo img{border-radius: 10px;}
.tmpRcsArea .template_area .tmp_box_wrap .tmpBox_rcs_txt .txtTitle { width: 230px;word-wrap: break-word; word-break: break-all; white-space: normal;}
.tmpRcsArea .template_area .tmp_box_wrap .tmpBox_rcs_txt .txtTitle .title-desc {font-size: 12px; color: #666;font-weight: 400; line-height: 20px;letter-spacing: normal; font-style: normal; width: 100%;}
.tmpRcsArea .template_area .tmp_box_wrap .tmpBox_rcs_txt .txtTitle .title-main {font-size: 22px; color: #000; font-weight: 700; line-height: 24px; letter-spacing: normal; font-style: normal;}
.tmpRcsArea .template_area .tmp_box_wrap .tmpBox_rcs_txt .itemTable .table-title {min-height: 30px;font-size: 16px; color: #000; font-weight: 700; line-height: 24px; letter-spacing: normal; font-style: normal; margin-bottom: 12px; border-bottom: 1px solid #000; word-wrap: break-word; word-break: break-all; white-space: normal;}
.tmpRcsArea .template_area .tmp_box_wrap .tmpBox_rcs_txt .itemTable .table-description{display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal;-ms-flex-direction: column; flex-direction: column; gap: 10px; word-break: break-all;} 
.tmpRcsArea .template_area .tmp_box_wrap .tmpBox_rcs_txt .itemTable .table-description .borderLine{border-bottom: 1.5px solid #d0d0d0;	padding-bottom: 7px;}
.tmpRcsArea .template_area .tmp_box_wrap .tmpBox_rcs_txt .itemTable .table-description li { display: -webkit-box; display: flex; gap: 4px;}
.tmpRcsArea .template_area .tmp_box_wrap .tmpBox_rcs_txt .itemTable .table-description li.border { border-bottom: 1px solid #ddd; padding-bottom: 8px;}
.tmpRcsArea .template_area .tmp_box_wrap .tmpBox_rcs_txt .itemTable .table-description li>div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; line-height: 1.56em;}
.tmpRcsArea .template_area .tmp_box_wrap .tmpBtnArea .default_grey13 { width: 100%; margin-top: 2px; height: 30px; box-sizing: border-box; font-size: 15px; border: 0; color: #0094ff; background: #EBEBEB; border: 1px solid #EBEBEB; margin: 5px 0 0 0; border-radius: 7px; font-family: 'NanumSquareR'; text-align: center; display: flex; justify-content: center; align-items: center;}


.giftcard_box_wrap {position: relative; width: 100%; padding: 60px 10px 30px 26px; margin: 40px 0 0 0; border-top: 2px solid #2a85cc;border-bottom:1px solid #e5e5e5;background: #f9f9f9; box-sizing: border-box;}
.giftcard_box_wrap .maskWrap {overflow:hidden; width: 100%; height:100%; margin:auto; font-size:14px;}
.giftcard_box_wrap .maskWrap li {float:left; width: 330px; margin:0 34px 34px 34px;}
.giftcard_box_wrap .mask_box_wrap {position: relative; width: 330px; }
.giftcard_box_wrap .mask_box_wrap img{ vertical-align: middle; }
.giftcard_box_wrap .mask_box_wrap .templateBox {position: absolute; top:0; }
.giftcard_box_wrap .mask_box_wrap .templateBox .cnt {height:32px; padding:123px 0 0 112px; font-family: 'NanumSquareR'; font-size: 40px;color: #2e2e2e; }
.giftcard_box_wrap .mask_box_wrap .templateBox .txt {height:32px; padding:18px 0 0 123px; font-family: 'NanumSquareR'; font-size: 14px;color: #2e2e2e; }
.giftcard_box_wrap .mask_box_wrap .templateBox .code {height:32px; padding:5px 0 0 190px; font-family: 'NanumSquareR'; font-size: 14px;color: #2e2e2e; }

.bizmessage_table_wrap {position:relative; width:100%; min-width:1248px; height:100%; border-top:1px solid #e5e5e5; border-bottom:0px solid;}
.bizmessage_table_wrap table {width:100%; table-layout: fixed; }
.bizmessage_table_wrap tr{height:65px;border-bottom: 1px solid #e7e7e7;}
.bizmessage_table_wrap tbody tr:nth-of-type(odd) {background-color:#f7f7f9}
.bizmessage_table_wrap th {font-family: 'NanumSquareR'; font-size: 16.5px;color: #333;background: #fff;text-align: center;box-sizing: border-box;}
.bizmessage_table_wrap td {height:100%; padding: 0 20px;font-weight: 400;line-height:20px; color:#333; font-size:12px; border:1px solid #e5e5e5; border-left:0px solid; letter-spacing: -0.5px;box-sizing: border-box;}
.bizmessage_table_wrap td:last-child {border-right: 0px solid; }

.txt-center { text-align: center; }
.bg-white { background-color: #fff; }

.data_table_wrap{width: 100%;min-width:1248px;border-top: 2px solid #2a85cc;border-bottom: 1px solid #e5e5e5; margin: 10px auto;display: inline-block;}
.data_table_wrap table {width:100%; table-layout: fixed; }
.data_table_wrap thead tr:last-child {border-bottom:1px solid #e5e5e5;}
.data_table_wrap tr{height:65px;border-bottom: 1px solid #e7e7e7;}
.data_table_wrap th {font-family: 'NanumSquareR'; font-weight: bold; font-size: 16.5px;color: #333;background: #f7f7f9;box-sizing: border-box;}
.data_table_wrap td {height: 68px;padding: 5px 20px;font-weight: 400;color: #333;text-align: center;box-sizing: border-box;line-height: 1.7;}
.data_table_wrap td .desc {display:block; text-align: left; font-size: inherit; color:inherit; font-weight: inherit; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;cursor:pointer;}
.data_table_wrap td.nodate {background:#cfcfcf; }
.data_table_wrap td.txt_size_big {font-family: 'NanumSquareR'; font-weight: bold; font-size: 16.5px;}
.data_table_wrap td a {font-size: inherit;}
.data_table_wrap .nodata {height:150px; text-align: center; }
.data_table_wrap .left {text-align: left; padding-left:5px;}
.data_table_wrap tr:last-child{border:0;}
.data_table_wrap table.style_col.wide th{width:200px;}
.data_table_wrap table.style_col.wide td{padding-left: 20px;}
.data_table_wrap input[type="radio"]{position: relative;width:20px;height:20px;}

.price_table_wrap{width: 100%;min-width:1248px;border-top: 2px solid #2a85cc;margin: 10px auto;display: inline-block;}
.price_table_wrap table {width:100%; table-layout: fixed; margin: 20px 0 20px 0; }
.price_table_wrap thead tr:last-child {border-bottom:1px solid #e5e5e5;}
.price_table_wrap tr{height:74px;border-bottom: 1px solid #e7e7e7;}
.price_table_wrap tr:nth-child(1) {border:0; }
.price_table_wrap th {font-family: 'NanumSquareR'; font-weight: bold; font-size: 16.5px;color: #333;background: #f7f7f9;box-sizing: border-box;}
.price_table_wrap td {height: 74px;padding: 0 0;font-weight: 400;color: #333;text-align: center;letter-spacing: -0.5px;box-sizing: border-box;}
.price_table_wrap td .desc {display:block; text-align: left; font-size: inherit; color:inherit; font-weight: inherit; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;cursor:pointer;}
.price_table_wrap td.nodate {background:#cfcfcf; }
.price_table_wrap td.txt_size_big {font-family: 'NanumSquareR'; font-weight: bold; font-size: 16.5px;}
.price_table_wrap td a {font-size: inherit;}
.price_table_wrap .left {text-align: left; padding-left:5px;}
.price_table_wrap tr:last-child{border:0;}

.price_table_wrap1{width: 100%;min-width:1248px;border-top: 2px solid #2a85cc;margin: 10px auto;display: inline-block;}
.price_table_wrap1 table {width:100%; table-layout: fixed; }
.price_table_wrap1 tr{height:48px;}
.price_table_wrap1 th {border: 1px solid #e7e7e7;font-family: 'NanumSquareR'; font-weight: bold; font-size: 16.5px;color: #333;background: #f7f7f9;box-sizing: border-box;}
.price_table_wrap1 th:first-child{border-left:0;}
.price_table_wrap1 th:last-child{border-right:0;}
.price_table_wrap1 td:first-child{border-left:0;}
.price_table_wrap1 td:last-child{border-right:0;}
.price_table_wrap1 td {border: 1px solid #e7e7e7;height: 48px;padding: 0 20px;font-size: 14.5px;font-weight: 400;color: #333;text-align: center;letter-spacing: -0.5px;box-sizing: border-box;}
.price_table_wrap1 td .desc {display:block; text-align: left; font-size: inherit; color:inherit; font-weight: inherit; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;cursor:pointer;}
.price_table_wrap1 td.nodate {background:#cfcfcf; }
.price_table_wrap1 td.txt_size_big {font-family: 'NanumSquareR'; font-weight: bold; font-size: 16.5px;}
.price_table_wrap1 td a {font-size: inherit;}
.price_table_wrap1 .left {text-align: left; padding-left:5px;}

.talk_table_wrap{width: 100%;min-width:1000px;margin: 10px auto;display: inline-block;}
.talk_table_wrap table {width:100%; table-layout: fixed; border-radius:8px;}
.talk_table_wrap tr{height:48px;}
.talk_table_wrap th {border: 1px solid #e7e7e7;font-family: 'NanumSquareR'; font-weight: bold; font-size: 16.5px;color: #333;background: #f7f7f9;text-align: center;box-sizing: border-box;}
.talk_table_wrap td {border: 1px solid #e7e7e7;font-size: 14.5px;height: 48px;padding: 0 20px;font-weight: 400;color: #333;text-align: center;letter-spacing: -0.5px;box-sizing: border-box;}
.talk_table_wrap td .desc {display:block; text-align: left; font-size: inherit; color:inherit; font-weight: inherit; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;cursor:pointer;}
.talk_table_wrap td.nodate {background:#cfcfcf; }
.talk_table_wrap td.txt_size_big {font-family: 'NanumSquareR'; font-size: 16.5px;}
.talk_table_wrap td.txt_size_big_bold {font-family: 'NanumSquareR'; font-size: 16.5px; font-weight: bold;} 
.talk_table_wrap td a {font-size: inherit;}
.talk_table_wrap .left {text-align: left; padding-left:5px;}

.pay_table_wrap{width: 100%;min-width:1248px;margin: 10px auto;display: inline-block;}
.pay_table_wrap table {width:100%; table-layout: fixed; }
.pay_table_wrap tr{height:140px;}
.pay_table_wrap th {font-family: 'NanumSquareR'; font-weight: bold; font-size: 32px;color: #fff;background:#2a85cc;letter-spacing: 1.5px;box-sizing: border-box;}
.pay_table_wrap th .won {font-family: 'NanumSquareR'; font-weight: bold; font-size: 34px;}
.pay_table_wrap th .sub {font-family: 'NanumSquareR'; font-weight: 400; font-size:22px;letter-spacing: 0.5px;}


.noline_table_wrap{width: 100%;min-width:1248px;border: 0px;margin: 10px auto;display: inline-block;}
.noline_table_wrap table {width:100%; table-layout: fixed; }
.noline_table_wrap tr{height:65px;text-align: center;}
.noline_table_wrap th {font-family: 'NanumSquareR'; font-weight: bold; font-size: 16.5px;color: #333;box-sizing: border-box;}
.noline_table_wrap td {height: 68px;padding: 0 20px;font-weight: 400; font-size: 16.5px;color: #333;text-align: center; box-sizing: border-box;}
.noline_table_wrap td span {font-family: 'NanumSquareR'; font-weight: bold; font-size: 16.5px;color: #333;box-sizing: border-box;}
.noline_table_wrap td .desc {display:block; text-align: left; font-size: inherit; color:inherit; font-weight: inherit; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;cursor:pointer;}
.noline_table_wrap .left {text-align: left; padding-left:5px;}
.noline_table_wrap tr:last-child{border:0;}
.noline_table_wrap table.style_col.wide th{width:400px;}
.noline_table_wrap table.style_col.wide td{padding-left: 20px;}

.style_col th{width: 110px;letter-spacing: -1px;}
.style_col th,
.style_col td{text-align: left;padding:0 20px;padding:10px 0 10px 0;box-sizing: border-box;}
.style_col.wide td,
.style_col.wide th{text-align: left;padding-left: 30px;box-sizing: border-box;}
.style_col td.radio_text{font-size: 16.5px;color: #666;font-family: 'NanumSquareB';}
.style_col input[type="radio"]{position: relative;top: 4px;width:20px;height:20px;}

.btn_table_close{background: none;border: 0;}

.margin0{margin-left: 0 !important;}
.phone_num{color:#666;width: 55px;height: 38px;border: 1px solid #ccc;box-sizing: border-box;margin: 0 3px;text-align: center;border-radius:8px;}
.phone_num:first-child{margin-left: 0;}
.phone_num+span{font-size: 19px;vertical-align: middle;}
.phone_num.wide {width:87px; }

.btn_stats{width: 74px;height: 38px;color:#666;border: 1px solid #ccc;background: #f3f6ff;box-sizing: border-box;margin: 0 3px;font-size:14px;vertical-align: top;border-radius:8px;}
.btn_confirm{width: 100px;height: 38px;color:#666;border: 1px solid #ccc;background: #f3f6ff;box-sizing: border-box;margin: 0 3px;font-size:14px;vertical-align: top;border-radius:8px;}
.btn_demo{height: 38px;color:#666;border: 1px solid #ccc;background: #f3f6ff;box-sizing: border-box;padding: 0 16px;font-size: 14px;vertical-align: middle;border-radius:8px;}
.btn_delete{height: 38px;color:#666;border: 1px solid #ccc;background: rgb(255, 242, 245);box-sizing: border-box;padding: 0 16px;font-size: 14px;vertical-align: middle;border-radius:8px;}
.btn_cancel{height: 38px;color:#666;border: 1px solid #ccc;background: rgb(255, 242, 245);box-sizing: border-box;padding: 0 16px;font-size: 14px;vertical-align: middle;border-radius:8px;}

.card .btn_del {overflow:hidden;position:absolute;top:5px;right:12px;width:20px;height:20px;/* z-index:1 */;border-radius:50%;background:#000 url('../images/common/close.png') no-repeat center/100% auto}
.card .btn_del::before {content:'';width:100%;height:100%;text-align:center;line-height:20px}


.btn_month{display:inline-block; min-width:50px; height:42px; padding:4px; margin: 0 3px; line-height:28px; font-size:14px; text-align:center; vertical-align: top; background: #f3f6ff;border: 1px solid #cacaca; box-sizing: border-box;border-radius:8px;}
.default_input{color:#666;padding-left: 15px;height: 38px;border: 1px solid #ccc;box-sizing: border-box;border-radius:8px; width: 412px;}
.default_textarea{color:#666;width: 413px;padding: 15px;height: 300px;border: 1px solid #ccc;box-sizing: border-box;margin-right: 5px;}
.copy_textarea{color:#666;width: 413px;padding: 15px;height: 150px;border: 1px solid #ccc;box-sizing: border-box;margin-right: 5px;margin-bottom: 10px;}
.title_input{color:#666;padding-left: 15px;height: 38px;border: 1px solid #ccc;box-sizing: border-box; width: 413px; margin-bottom: 10px;}
.radio_input{margin : 10px 5px 20px 10px; }
.radio-label {margin-left:7px; margin-right:10px;}
.select_input{color:#666;width: 170px;height: 42px;padding: 0 10px;margin-right:5px;font-size: 14px;border: 1px solid #c7c7c7;-webkit-appearance: none;-moz-appearance: none;appearance: none;background: url('/images/common/icon_select_arrow.png') no-repeat top 15px right 10px; margin:0 0 10px 10px; width:200px;border-radius:8px;}

.select_month{color:#666;width: 170px;height: 42px;padding: 0 10px;margin-right:5px;font-size: 14px;border: 1px solid #c7c7c7;-webkit-appearance: none;-moz-appearance: none;appearance: none;background: url('/images/common/icon_select_arrow.png') no-repeat top 15px right 10px;border-radius:8px;}
.select_month:focus{background-color: #fff;}
.select_month:checked,
.select_month:target {background-color: #fff;}
.select_month::-ms-expand {display: none;background-color: #fff;}

.select_phone{color:#666;width: 90px;height: 38px;padding-left: 10px;margin-right:5px;font-size: 14px;border: 1px solid #c7c7c7;-webkit-appearance: none;-moz-appearance: none;appearance: none;background: url('/images/common/icon_select_arrow_small.png') no-repeat top 15px right 10px;border-radius:8px;}
.select_phone:focus{background-color: #fff;}
.select_phone:checked,
.select_phone:target {background-color: #fff;}
.select_phone::-ms-expand {display: none;background-color: #fff;}

.day_search{width: 100px;background: #fff;height: 42px;margin: 0 5px;border: 1px solid #ccc;box-sizing: border-box;font-size: 14px;}
.data_title{font-family: 'NanumSquareR';color: #666;line-height: 1.8;font-size: 17px;background: #f7f7f9;height: 60px;line-height: 60px;text-align: center;border: 1px solid #e5e5e5;}
.data_title h3{padding-top: 15px;}

.btn_exceldown {background: url('/images/common/icon_excel.png') no-repeat 10% 50% #fff;float: right;border: 1px solid #ccc;width: 140px;text-align: center;padding-left: 30px;height: 35px;line-height: 35px;font-size: 14px;margin: 0px;color: #666;box-sizing: border-box;}
.btn_plus {background: url('/images/common/icon_plus.png') no-repeat 21% 50% #fff;float: right;border: 1px solid #ccc;width: 75px;text-align: center;padding-left: 15px;height: 35px;line-height: 35px;font-size: 14px;margin: 0px;color: #666;box-sizing: border-box;}

input.money{width:195px;}
input.bank{width:412px;}
input.board_write{width:810px;}
.bank_info{ margin: 30px 0;}
.bank_info h3{font-family: 'NanumSquareR';color: #222;line-height: 1.8;font-size: 17px;font-weight: 600;margin-bottom: 15px;}
.bank_info ul{font-size: 14.5px;line-height: 2;}
.bank_info li{padding-left: 10px;}

.file_input_wrap {position: relative; }
.file_input_wrap input {display:block; width:307px;}
.file_input_wrap input.fileInput {width:100px;color:#666;}
.file_input_wrap .posR {position: absolute; top:0; left:313px; width: 100px; text-align: left;}
.file_input_wrap .buttons{display:flex; gap: 10px;}
.file_input_wrap .buttons .fileUsedList {background: #2a85cc; color: white !important;  border:none; width:100px; cursor:pointer; }

.file_input_div{position:relative; height:38px; overflow: hidden;}
.file_input_hidden{position:absolute; right:0px; top:0px; opacity:0;filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; -khtml-opacity:0; -moz-opacity:0;cursor:pointer;}
.file_input_button{background: #f7f7f7;width: 100px;height: 38px;padding: 0 19px;font-size: 14px;border: 1px solid #cfcfcf;line-height: 38px;margin-right:10px;cursor:pointer;border-radius:8px;}

.file_input_wrap1 {position: relative; padding:0 0 0 77px;}
.file_input_wrap1 input {display:block; width:307px; height:42px;}
.file_input_wrap1 input.fileInput {width:100px;; height:42px;color:#666;}
.file_input_wrap1 .posL {position: absolute; top:6px; left:0; width: 100px; text-align: left;}
.file_input_wrap1 .posR {position: absolute; top:0; left:390px; width: 100px; text-align: left;}
.file_input_wrap1 .posRR {position: absolute; top:0; left:491px; width: 100px; text-align: left;}
.file_input_div1{position:relative; height:42px; overflow: hidden;}
.file_input_button1{background: #f7f7f7;width: 100px;height: 42px;padding: 0 19px;font-size: 14px;border: 1px solid #cfcfcf;line-height: 38px;margin-right:10px;cursor:pointer;}
/* 서브 페이지 스타일 End */

/* 팝업 (일부 레이어팝업에서 같이 사용) Start  */
.popupWrap {position:relative; display: inline-block;width: 100%; height:100%; text-align:left; border: 1px solid #969696; background: #fff; box-sizing: border-box;}
.popupWrap .popTitWrap {min-width:443px; height:60px; padding:4px 27px; box-sizing: border-box;border-top: 2px solid #23292f;}
.popupWrap .popTitWrap h1 {font-size: 24px;font-family: 'NanumSquareB';height:60px; font-weight:bold; color:#000; line-height:60px; border-bottom: 1px solid #555;}

.popupWrap .popContWrap {overflow:visible; width: 100%; min-width:443px; padding:20px 27px 5px 27px; box-sizing: border-box;}
.popupWrap .popTitWrap .txt1 {line-height: 28px; font-size: 12px;}
.popAddFileList {margin: 5px 0 0 0;}
.popAddFileList li {display: block; margin:0 0 12px 0;}
.popAddFileList .addFile {position: relative; height:30px; padding:0 99px 0 0;}
.popAddFileList .addFile .title {position:absolute; top:0; left:0; width:90px; height:30px; line-height:28px; font-weight: bold; color:#fff; font-size: 14px; color:#333;}
.popAddFileList .addFile input {display:block; width:100%; height:30px; padding: 0 10px; color:#333; font-size:12px; border: 1px solid #ccc; box-sizing:border-box;}
.popAddFileList .addFile input.fileInput {width:93px;margin-left:5px;color:#fff;font-weight:bold;font-size:12px;}
.popAddFileList .addFile .posR {position: absolute; top:0; right:0; width: 99px; text-align: right;}
.popAddFileList .addMemo input {display:block; width:100%; height:30px; padding: 0 10px; color:#333; font-size:12px; border: 1px solid #ccc; box-sizing:border-box;}
.popAddFileList .addMemo input.fileInput {width:93px;margin-left:5px;color:#fff;font-weight:bold;font-size:12px;}

.AddFileList {position: relative; height:30px;}
.AddFileList input {display:block; width:100%; height:30px; color:#333; font-size:12px; border: 1px solid #ccc; box-sizing:border-box;}
.AddFileList input.fileInput {width:100px;color:#fff;font-weight:bold;font-size:12px;}
.AddFileList .posR {position: absolute; top:0; left:306px; width: 100px; text-align: left;}
.AddFileList .posR1 {position: absolute; top:0; left:502px; width: 100px; text-align: left;}
.AddFileList .posRbtn {position: absolute; top:0; left:412px; width: 100px; text-align: left;}

.popSearchWrap {position: relative; height:30px; padding:0 104px 0 0;}
.popSearchWrap .title {position:absolute; top:0; left:0; width:90px; height:30px; line-height:28px; font-weight: bold; color:#fff; font-size: 14px; color:#333;}
.popSearchWrap input {display:block; width:100%; height:42px; padding: 0 10px; color:#666; font-size:12px; background:#fff; border: 1px solid #ccc; box-sizing: border-box;}
.popSearchWrap .posR {position: absolute; top:0; right:0; width: 99px; text-align: right;}

.cont_bottom_wrap{-webkit-transform:translate3d(0,0,0);z-index:100;position:absolute;width:100%;height:75px;background:#f7f7f9;}
.cont_bottom_wrap{bottom:0px;left:0;right:0;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}

.cont_top_wrap_pop{position:absolute;width:100%;padding:0 0 0 0;}
.cont_top_wrap_pop{position:relative;white-space:nowrap;}
.cont_top_wrap_pop .listWrap{position:absolute;top:0;bottom:0;left:0;right:0;padding:20px 0 0 0;}

.cont_middle_wrap_pop{position:absolute;top:0;left:0;bottom:0;right:0;margin-top:132px;margin-bottom:59px;}
.cont_middle_wrap_pop .listWrap{position:absolute;top:0;bottom:0;left:0;right:0;overflow:auto;overflow-y:scroll;}

.cont_middle_wrap_mem_pop{position:absolute;top:0;left:0;bottom:0;right:0;margin-top:67px;margin-bottom:75px;}
.cont_middle_wrap_mem_pop .listWrap{position:absolute;top:0;bottom:0;left:0;right:0;overflow:auto;overflow-y:scroll;}
.cont_middle_wrap_mem_pop .listWrap .memWrap {margin:25px;}
.cont_middle_wrap_mem_pop h4 { font-size:1.2em; line-height:34px; font-weight:bold; margin:10px 0;}
.cont_middle_wrap_mem_pop p { font-size:12px; line-height:18px; margin-top:10px;}

.cont_bottom_wrap_pop{-webkit-transform:translate3d(0,0,0);z-index:100;position:absolute;width:100%;height:75px;background:#f7f7f9;}
.cont_bottom_wrap_pop{bottom:0;left:0;right:0;border-top:1px solid #e5e5e5;}

.cont_bottom_wrap_mem_pop{-webkit-transform:translate3d(0,0,0);z-index:100;position:absolute;width:100%;height:75px;background:#f7f7f9;}
.cont_bottom_wrap_mem_pop{bottom:0;left:0;right:0;border-top:1px solid #e5e5e5;}

.btnWrapSty {position: relative; text-align: center;}
.btnWrapSty.right {text-align: right;}
.btnWrapSty a {display:inline-block; margin:0 0 0 10px;}
.btnWrapSty a:first-child {margin:0;}
/* 팝업 (일부 레이어팝업에서 같이 사용) End */

/* 시스템 공지 레이어 팝업 Start */
.layerpopSystemWrap {position: fixed; left:0; top:0; width: 100%; height:100%; z-index: 10000;}
.layerpopSystemWrap .dim {position: absolute; left:0; top:0; width: 100%; height:100%; background: rgba(0,0,0,0.7); }
.layerpopSystemWrap .popupWrap {position: relative; left:50%; top:20%; width: 480px; height:250px; margin: -120px 0 0 -225px;}
.layerpopSystemWrap .popupWrap .popContWrap {padding:20px 27px 30px 27px; overflow:hidden; text-align: center;}
.layerpopSystemWrap .popupWrap .popContWrap .btnWrapSty {padding:20px 0 0 0; border-top: 1px solid #e7e7e7;}

.layerpopSystemWrap .loadingPopupWrap {position: relative; left:50%; top:50%; width: 317px; height:174px; margin: -87px 0 0 -158px; background: url('/images/common/pop_bg_loading.png') no-repeat left top;}
.layerpopSystemWrap .loadingPopupWrap .loadingBar {position: absolute; top:135px; left:3px; max-width: 311px; height:36px; text-indent:-9999px; background: #f32222;}

.layerpopSystemWrap .popupWrap#noticeHelp {width:580px; height:360px; margin:-179px 0 0 -290px;} 
.layerpopSystemWrap .popupWrap#noticeHelp .popContWrap {text-align:left;} 
/* 시스템 공지 레이어 팝업 End */

/* 아이디/비밀번호 찾기 Start  */
.pop_table_wrap1 {position:relative; width:100%; height:100%; border-top:1px solid #e5e5e5; }
.pop_table_wrap1.hAuto {height:auto; }
.pop_table_wrap1 table {width:100%; table-layout: fixed; }
.pop_table_wrap1 th {font-family: 'NanumSquareR'; font-weight: bold; font-size: 14.5px;height:55px; padding-left:30px; color:#333; text-align:left; border-bottom:1px solid #e5e5e5; background: #f7f7f9; box-sizing: border-box;}
.pop_table_wrap1 td {height:100%; line-height:18px; padding-left:20px; color:#333; font-size:12px; text-align:center; border-bottom:1px solid #e5e5e5; box-sizing: border-box;}
.pop_table_wrap1 td a {font-size: inherit;}
.pop_table_wrap1 .left {text-align: left;}
.pop_table_wrap1 .txt1 {font-family:'NanumSquareB';line-height: 28px; font-size: 12px;}

.pop_table_wrap1_1 {width:100%; border-top: 1px solid #e7e7e7;margin: 10px auto;display: inline-block;}
.pop_table_wrap1_1 table {width:100%; table-layout: fixed; }
.pop_table_wrap1_1 tr{height:55px;border-bottom: 1px solid #e7e7e7;}
.pop_table_wrap1_1 th {font-family: 'NanumSquareR'; font-weight: bold; font-size: 14.5px;height:55px; color:#333; text-align:center; border-bottom:1px solid #e7e7e7; background: #f7f7f9; box-sizing: border-box;}
.pop_table_wrap1_1 td {font-weight: 400;height:55px; color:#333; font-size:16px; text-align:center; border-bottom:1px solid #e7e7e7; letter-spacing: -0.5px;box-sizing: border-box; vertical-align: middle;}
.pop_table_wrap1_1 td a {font-size: inherit;}
.pop_table_wrap1_1 .left {text-align: left;}
.pop_table_wrap1_1 .txt1 {font-family:'NanumSquareB';line-height: 28px; font-size: 12px;}
/* 아이디/비밀번호 찾기 End */

/* 알림톡 템플릿 선택 Start  */
.pop_table_wrap_at {position:relative; width:100%; height:100%; border-top:1px solid #e5e5e5; }
.pop_table_wrap_at.hAuto {height:auto; }
.pop_table_wrap_at table {width:100%; table-layout: fixed; }
.pop_table_wrap_at th {font-family: 'NanumSquareR'; font-weight: bold; font-size: 14.5px;height:55px; padding-left:20px; color:#333; text-align:left; border-bottom:1px solid #e5e5e5; background: #f7f7f9; box-sizing: border-box;}
.pop_table_wrap_at td {height:100%; line-height:18px; padding-left:20px; color:#333; font-size:12px; text-align:center; border-bottom:1px solid #e5e5e5; box-sizing: border-box;}
.pop_table_wrap_at td a {font-size: inherit;}
.pop_table_wrap_at .left {text-align: left;}
.pop_table_wrap_at .txt1 {font-family:'NanumSquareB';line-height: 28px; font-size: 12px;}
/* 알림톡 템플릿 선택 End */

/* 카카오/문자 전송 리스트, 알림톡 템플릿 검수 가이드, 응답 코드표 Start  */
.pop_header {position: relative; min-height:25px; box-sizing: border-box;}
.pop_header .posL{position: absolute; top:7px; left:0; font-size:14.5px; color:#666;}
.pop_header .posR{position: absolute; top:0; right:0;}
.pop_header .posR1{position: absolute; top:0; left:204px;}
.pop_header .posR2{position: absolute; top:0; left:310px;}
.pop_header .posR11{position: absolute; top:0; left:98px;}
.pop_header .posR12{position: absolute; top:0; left:204px;}
.pop_header .posR13{position: absolute; top:0; left:310px;}
.pop_header .posR a{margin:0 0 0 6px !important;}

.pop_table_wrap3{position:relative; width: 100%;min-height:420px;border-top: 1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;margin: 10px auto;display: inline-block;}
.pop_table_wrap3.hAuto {height:auto; min-height:395px;}
.pop_table_wrap3 table {width:100%; table-layout: fixed; }
.pop_table_wrap3 tr{border-top: 1px solid #e5e5e5;}
.pop_table_wrap3 th {height:40px;color: #333;background: #f7f7f9;text-align:center;font-size: 16.5px;font-family:'NanumSquareB';border-bottom:1px solid #e5e5e5; box-sizing: border-box;}
.pop_table_wrap3 td {height:38px;padding: 8px 0;font-weight: 400;color: #333;text-align: center;letter-spacing: -0.5px;border-bottom:1px solid #e4e4e4; box-sizing: border-box;}
.pop_table_wrap3 td .desc {display:block; text-align: left; font-size: inherit; color:inherit; font-weight: inherit; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;cursor:pointer;}
.pop_table_wrap3 td.nodate {background:#cfcfcf; }
.pop_table_wrap3 td.txt_size_big {font-family: 'NanumSquareR'; font-weight: bold; font-size: 16.5px;}
.pop_table_wrap3 td a {font-size: inherit;}
.pop_table_wrap3 .nodata {height:150px; text-align: center; }
.pop_table_wrap3 .left {float:left;text-align: left; padding-left:10px;}

.popContWrap.search_wrap3{float:left;}
/* 카카오/문자 전송 리스트, 알림톡 템플릿 검수 가이드, 응답 코드표 End */

/* 정산내역 Start  */
.pop_table_wrap4 {position:relative; width:100%; min-width:787px; height:100%;}
.pop_table_wrap4.hAuto {height:auto; }
.pop_table_wrap4 table {width:100%; table-layout: fixed; }
.pop_table_wrap4 td {height:100%; line-height:18px; height:75px; padding:6px 0; font-family:'NanumSquareB'; color:#333; font-size:16.5px; text-align:center; box-sizing: border-box;}
.pop_table_wrap4 tr:last-child td {border-bottom: none;}
.pop_table_wrap4 input {border:1px solid #ccc; color:#333; line-height:28px; height:30px; text-align:center; font-size:12px; width:80px; margin:0 2px;}
.pop_table_wrap4 .bg_f7f7f9 {background: #f7f7f9; box-sizing: border-box;}
.pop_table_wrap4 .boardStyWrap select { border:1px solid #ccc; color:#333; line-height:28px; height:30px; text-align:center; font-size:12px; width:60px }
.pop_table_wrap4 .nodata {padding:20px 0; text-align: center; font-weight:bold; }

.pop_table_wrap5 {position:relative; width:100%; min-width:787px; height:100%; border-top:1px solid #e5e5e5; border-bottom:0px solid;}
.pop_table_wrap5.hAuto {height:auto; min-height:519px;}
.pop_table_wrap5 .scroll {position:absolute; top:36px; left:0; bottom:0; overflow:auto;}
.pop_table_wrap5 table {width:100%; table-layout: fixed; }
.pop_table_wrap5 th {height:50px;font-family:'NanumSquareB'; color:#333; font-size:16.5px; text-align:center; border-bottom:1px solid #e5e5e5; background: #f7f7f9; box-sizing: border-box;}
.pop_table_wrap5 td {height:100%; line-height:18px; padding:8px 0; color:#333; font-size:12px; text-align:center; border-bottom:1px solid #e5e5e5; box-sizing: border-box;}
.pop_table_wrap5 tbody tr:last-child th, .pop_table_wrap5 tr:last-child td {border-bottom:1px solid #e5e5e5;}
.pop_table_wrap5 td a {font-size: inherit;}
.pop_table_wrap5 input {border:1px solid #ccc; color:#333; line-height:28px; height:30px; text-align:center; font-size:12px; width:80px; margin:0 2px;}

.pop_table_wrap6 {position:relative; width:100%; min-width:787px; height:100%; border-top:0px solid; border-bottom:0px solid;}
.pop_table_wrap6.hAuto {height:auto; min-height:519px;}
.pop_table_wrap6 .scroll {position:absolute; top:36px; left:0; bottom:0; overflow:auto;}
.pop_table_wrap6 table {width:100%; table-layout: fixed; }
.pop_table_wrap6 th {font-family:'NanumSquareB';height:36px; color:#333; font-size:16.5px; text-align:center; border-bottom:1px solid #e5e5e5; background: #f7f7f9; box-sizing: border-box;}
.pop_table_wrap6 td {font-weight: 400;height:65px; color:#333; font-size:14px; text-align:center; border-bottom:1px solid #e7e7e7; letter-spacing: -0.5px;box-sizing: border-box; vertical-align: middle;}
.pop_table_wrap6 td .desc {display:block; padding-right:10px;line-height:1.8; font-size: inherit; color:inherit; font-weight: inherit; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.pop_table_wrap6 tbody tr:last-child th, .pop_table_wrap6 tr:last-child td {border-bottom:1px solid #e5e5e5;}
.pop_table_wrap6 td a {font-size: inherit;}
.pop_table_wrap6 input {border:1px solid #ccc; color:#333; line-height:28px; height:30px; text-align:center; font-size:12px; width:80px; margin:0 2px;}
.pop_table_wrap6 .left {float:left;text-align: left; padding-left:10px;}
/* 정산내역 End */

.pop_table_wrap7 {position:relative; width:100%; height:100%;  }
.pop_table_wrap7.hAuto {height:auto; }
.pop_table_wrap7 table {width:100%; table-layout: fixed; }
.pop_table_wrap7 td {font-family: 'NanumSquareR'; font-size: 14.5px; height:100%; line-height:60px; padding-left:20px; color:#333; text-align:center; }
.pop_table_wrap7 td .bold{font-family: 'NanumSquareR'; font-weight: bold; font-size: 14.5px; height:100%; line-height:60px; color:#333; text-align:center; }
.pop_table_wrap7 td a {font-size: inherit;}

.pop_btn_wrap {position:relative; width:100%; height:50px; text-align: center;padding-top: 10px;}

/* 레이어 페이지 스타일 Start  */
.layerpopWrap {position: fixed; left:0; top:0; width: 100%; height:100%; background:rgba(0,0,0,.3);z-index: 99;}
.layerpopWrap .msgWrap {position: relative; left:50%; top:40%; width:500px; height:300px; margin: -120px 0 0 -225px;}
.layerpopWrap .msgWrap .msg_area {position: absolute; min-height:300px; top:0; left:0; width:500px; font-size:14.5px; line-height:1.6; color:#666; box-sizing: border-box;}
.layerpopWrap .msgWrap .msg_area textarea {overflow:auto; overflow-y:scroll; resize:none; width:100%; height:300px; padding:15px; font-size:14.5px; line-height:1.8; color:#666; border: 1px solid #cdcdcd; box-sizing: border-box;}
.layerpopWrap .msgWrap .msg_area .msg_close {position: absolute; cursor: pointer; bottom:17px; right:27px;background: #f7f7f7;color: #666;border-radius:8px;}

.layerpopWrap .msgWrap.mmsWrap {position: relative; left: 55%; top: 40%; width: 500px; height: 500px; margin: -200px 0 0 0;}
.layerpopWrap .msgWrap .mms_area {border-radius: 10px; position: absolute;  min-height: 300px; top: 0; left: 0; width: 280px; font-size: 14.5px; line-height: 1.6; color: #666; box-sizing: border-box; height: 480px; overflow:auto; overflow-y:scroll;}
.layerpopWrap .msgWrap .mms_area .tmpArea .tmpBox *{border:0px;}
.layerpopWrap .msgWrap .mms_area .msg_close {position: absolute; cursor: pointer; bottom: -44px; right: 2px;background: #f7f7f7;color: #666;border-radius:8px;}

.layerpopWrap .atWrap {position: relative; left:50%; top:40%; width:500px; height:400px; margin: -120px 0 0 -225px;}
.layerpopWrap .atWrap .msg_area {position: absolute; min-height:300px; top:0; left:0; width:500px; font-size:14.5px; line-height:1.6; color:#666; box-sizing: border-box;}
.layerpopWrap .atWrap .msg_area textarea {overflow:auto; overflow-y:scroll; resize:none; width:100%; height:400px; padding:15px; font-size:13px; line-height:1.8; color:#666; border: 3px solid #23292f; box-sizing: border-box;}
.layerpopWrap .atWrap .msg_area .msg_close {position: absolute; cursor: pointer; bottom:17px; right:27px;background: #f7f7f7;color: #666;border-radius:8px;}
/* 레이어 스타일 End */

/* 로그인/회원가입 Start  */
.top_wrap{position: relative; background:#2d2e32; }
.top_wrap .top_menu{margin: 0 auto; width:1248px; height:34px;  line-height: 34px; background:#2d2e32;}
.top_wrap .top_menu .top_contain{width:1248px;   height: 34px; margin: 0 auto; position: relative;} 
.top_wrap .top_menu .top_contain ul{position: absolute; right: 5px;}
.top_wrap .top_menu .top_contain ul li{font-family: 'NanumSquareR'; font-size: 14px; letter-spacing: -1px; padding-left: 21px; margin: 10px 0; line-height: 1; float: left; color:#d0d0d0;}
.top_wrap .top_menu .top_contain ul li::after{display: table; content: ''; clear: both; overflow: hidden;}
.top_wrap .top_menu .top_contain ul li.name {height:18px;  padding:0 0 0 24px;   margin:8px 0 0 21px;  line-height:16px;  background:url('/images/common/mypage.png') no-repeat left top;}
.top_wrap .top_menu .top_contain ul li.name a{font-family: 'NanumSquareR'; color:rgba(255, 255, 255, 0.7);}
.top_wrap .top_menu .top_contain ul li a{font-family: 'NanumSquareR'; color:#d0d0d0;}
.top_menu a:hover, .foot_menu>li>a:hover{text-decoration: underline;}
.top_wrap .top_menu .top_contain ul li:first-child{border-right: 1px solid #6c6d70; padding-right: 21px;}
/* 로그인/회원가입 End */

/* 메시지전송 popup Start  */
.mymenu_select_wrap:hover .mymenu_select{border-radius: 25px 25px 0 0!important; 
    background: #2c90de; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJjOTBkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMjg0ZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #2c90de 0%, #3284de 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #2c90de 0%,#3284de 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #2c90de 0%,#3284de 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }
.mymenu_select_wrap .mymenu_popup.add{top: 65px; width: 170px;}

.mymenu_select.add span{display: inline-block;}
.mymenu_select_wrap .mymenu_popup .mymenu-content.add{border-radius: 0 0 25px 25px; 
    background: #3284de; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMyODRkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0YjU1ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #3284de 0%, #4b55e6 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #3284de 0%,#4b55e6 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #3284de 0%,#4b55e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     border: none;}
.mymenu_select_wrap .mymenu_popup .mymenu-content.add li{border-bottom: 1px solid rgba(255, 255, 255, .1);}
.mymenu_select_wrap .mymenu_popup .mymenu-content.add li:last-child{border-bottom: none;}
/* 메시지전송 popup End */

/* 배너 Start  */
.bnr_wrap{background: #f6f8fc;}
.bnr_wrap .bnr{width: 1248px; height: 767px; margin: 0 auto; position: relative; overflow: hidden;}
.bnr_wrap .bnr .bnr_img{display: inline-block; width: 621px; height: 100%;}
.bnr_wrap .bnr .bnr_img_01, .bnr_img_02, .bnr_img_03{ position: absolute;}
.bnr_wrap .bnr .bnr_img_01{top: 335px; left: 53px;}
.bnr_wrap .bnr .bnr_img_02{top: 91px;}
.bnr_wrap .bnr .bnr_img_03{top: 313px; left: 42px;}
.bnr_wrap .bnr .bnr_txt{position: absolute; width: 600px; height: 376px; top: 187px; right: 0; }
.bnr_wrap .bnr .bnr_txt .txt_01{font-size: 20px; font-family: 'NanumSquareR'; color: #333333;}
.bnr_wrap .bnr .bnr_txt .txt_02, .txt_021{font-size: 44px; font-family: 'NanumSquareEB'; letter-spacing: -1.1px; width: 536px; height: 50px;}
.bnr_wrap .bnr .bnr_txt .txt_02{padding: 21px 0 0;}
.bnr_wrap .bnr .bnr_txt .txt_021{padding: 12px 0 34px 0;}
.bnr_wrap .bnr .bnr_txt .txt_021 img{vertical-align: middle; margin-left: 5px;}
.bnr_wrap .bnr .bnr_txt .txt_03{position: relative; font-size: 20px; font-family: 'NanumSquareR'; color: #333333; margin-left: 5px; z-index: 2; height: 23px;}
.bnr_wrap .bnr .bnr_txt .txt_03 img{position: absolute; left: -5px; top: 9px; z-index: -1;}
.bnr_wrap .bnr .bnr_txt .bnr_button{padding-top: 106px;}
.bnr_wrap .bnr .bnr_txt .bnr_button .btn_left, .btn_right{min-width: 260px; max-width: 260px; height: 58px; font-family: 'NanumSquareR'; font-size: 20px; color: #ffffff; border-radius: 30px; background: #2c90de;}
.bnr_wrap .bnr .bnr_txt .bnr_button .btn_right{ margin-left: 15px;}
.bnr_wrap .bnr .bnr_txt .bnr_button img{ vertical-align: middle; padding-left: 11px;}
.bnr_wrap .bnr .bnr_txt .bnr_button02{position: absolute; top:318px; left:13px; width:240px; height:58px;}

/* 메인 배너 img ani Start  */
.bnr_wrap .bnr .bnr_img > div img{position:relative; opacity:0; visibility:hidden; -webkit-transition:opacity 1.0s, all 1.0s; -moz-transition:opacity 1.0s, all 1.0s; -o-transition:opacity 1.0s, all 1.0s; -ms-transition:opacity 1.0s, all 1.0s; transition:opacity 1.0s, all 1.0s;}
.bnr_wrap .bnr .bnr_img.active-item > div img{opacity:1.0; visibility:visible;}
.bnr_wrap .bnr .bnr_img.active-item > div.visual_01 img{-ms-transform:scale(1.0); -webkit-transform:scale(1.0); -moz-transform:scale(1.0); -o-transform:scale(1.0); transform:scale(1.0);}
.bnr_wrap .bnr .bnr_img.active-item > div.visual_02 img{top:0px; -ms-transform:scale(1.0); -webkit-transform:scale(1.0); -moz-transform:scale(1.0);-o-transform:scale(1.0); transform:scale(1.0);}
.bnr_wrap .bnr .bnr_img.active-item > div.bnr_img_01 img{-webkit-transition-delay:0.1s; -moz-transition-delay:0.1s; -o-transition-delay:0.1s; -ms-transition-delay:0.1s; transition-delay:0.1s;}
.bnr_wrap .bnr .bnr_img.active-item > div.bnr_img_02 img{-webkit-transition-delay:0.3s; -moz-transition-delay:0.3s; -o-transition-delay:0.3s; -ms-transition-delay:0.3s; transition-delay:0.3s;}
.bnr_wrap .bnr .bnr_img.active-item > div.bnr_img_03 img{-webkit-transition-delay:0.5s; -moz-transition-delay:0.5s; -o-transition-delay:0.5s; -ms-transition-delay:0.5s; transition-delay:0.5s;}
/* 메인 배너 img ani End */

/* 메인 배너 txt ani Start  */
.bnr_wrap .bnr .bnr_txt .txt_01,
.bnr_wrap .bnr .bnr_txt .txt_02,
.bnr_wrap .bnr .bnr_txt .txt_021,
.bnr_wrap .bnr .bnr_txt .txt_03{opacity:0; filter:Alpha(opacity=0); -ms-transform: translateX(50px);  -o-transform: translateX(50px);  -moz-transform: translateX(50px); -webkit-transform: translateX(50px);  transform: translateX(50px); -webkit-transition:opacity 1.0s, all 1.0s; -moz-transition:opacity 1.0s, all 1.0s; -o-transition:opacity 1.0s, all 1.0s; -ms-transition:opacity 1.0s, all 1.0s; transition:opacity 1.0s, all 1.0s;}
.bnr_wrap .bnr .bnr_txt .txt_01{-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;-ms-transition-delay:0.3s;transition-delay:0.3s;}
.bnr_wrap .bnr .bnr_txt .txt_02{-webkit-transition-delay:0.5s;-moz-transition-delay:0.5s;-o-transition-delay:0.5s;-ms-transition-delay:0.5s;transition-delay:0.5s;}

.bnr_wrap .bnr .bnr_txt .txt_021{-webkit-transition-delay:0.7s;-moz-transition-delay:0.7s;-o-transition-delay:0.7s;-ms-transition-delay:0.7s;transition-delay:0.7s;}
.bnr_wrap .bnr .bnr_txt .txt_03{-webkit-transition-delay:0.9s;-moz-transition-delay:0.9s;-o-transition-delay:0.9s;-ms-transition-delay:0.9s;transition-delay:0.9s;}
.bnr_wrap .bnr .bnr_txt.active-txt .txt_01,
.bnr_wrap .bnr .bnr_txt.active-txt .txt_02,
.bnr_wrap .bnr .bnr_txt.active-txt .txt_021,
.bnr_wrap .bnr .bnr_txt.active-txt .txt_03{opacity:1.0;filter:Alpha(opacity=100); -ms-transform: translateX(0px);  -o-transform: translateX(0px);  -moz-transform: translateX(0px); -webkit-transform: translateX(0px);  transform: translateX(0px);}
/* 메인 배너 txt ani End */
/* 배너 End */

/* 서비스 특장점 Start  */
.cont_01{margin: 98px 0 94px 0;}
.cont_01 .cont_01_wrap{width: 1248px; margin: 0 auto;}
.cont_01 .cont_01_wrap ul{display: inline-block;}
.cont_01 .cont_01_wrap ul li{display: inline-block; width: 297px; font-family: 'NanumSquareR'; float: left;}
.cont_01 .cont_01_wrap ul li::after{display: table; content: ''; clear: both; overflow: hidden;}
.cont_01 .cont_01_wrap ul li:nth-child(2){width: 269px; margin-left: 214px;}
.cont_01 .cont_01_wrap ul li:nth-child(3){width: 255px; margin-left: 213px;}
.cont_01 .cont_01_wrap ul li .cont_img{text-align: center;}
.cont_01 .cont_01_wrap ul li .cont_txt{padding-top: 21px; text-align: center;}
.cont_01 .cont_01_wrap ul li strong{font-size: 25px; font-family: 'NanumSquareEB'; line-height: 1.4;}
.cont_01 .cont_01_wrap ul li p{width: 297px; font-size: 18px; color: #666666; margin-top: 23px; font-family: 'NanumSquareR';}
.cont_01 .cont_01_wrap ul li:nth-child(2) p{width: 270px;}
.cont_01 .cont_01_wrap ul li:nth-child(3) p{width: 255px;}
.cont_tit p{width: 1248px; font-family: 'NanumSquareEB'; font-size: 34px; color: #333333; padding: 0 0 66px 0; text-align: center; letter-spacing: -1px;}
/* 서비스 특장점 End */

/* 신규혜택/대행혜택 Start  */
.cont_02 .cont_02_top{width: 100%; height: 330px; margin-bottom: 20px; 
    background: #42a8ef; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url('/images/common/bg_serv_01.png') 1028px -68px no-repeat, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQyYThlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MDg5ZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: url('/images/common/bg_serv_01.png') 1028px -68px no-repeat, -moz-linear-gradient(top,  #42a8ef 0%, #6089ed 100%); /* FF3.6-15 */
    background: url('/images/common/bg_serv_01.png') 1028px -68px no-repeat, -webkit-linear-gradient(top,  #42a8ef 0%,#6089ed 100%); /* Chrome10-25,Safari5.1-6 */
    background: url('/images/common/bg_serv_01.png') 1028px -68px no-repeat, linear-gradient(to bottom,  #42a8ef 0%,#6089ed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.cont_02 .cont_02_top .top_02_wrap{position: relative; width: 1248px; margin: 0 auto; height: 330px;}
.cont_02 .cont_02_top .top_02_wrap .cont_left{position: absolute; top: 50px; left: 90px;}
.cont_02 .cont_02_top .top_02_wrap .cont_left a{width: 221px; height: 49px; border-radius: 25px; border: 1px solid #ffffff; text-align: center; padding: 14px 31px 13px 33px; box-sizing: border-box; font-size: 18px; color: #ffffff; font-family: 'NanumSquareR';}
.cont_02 .cont_02_top .top_02_wrap .cont_right{position: absolute; top: 28px; right: 91px;}
.cont_02 .cont_left .article_tit{width: 100px; height: 36px; background: #ffffff; color: #42a7ef; font-family: 'NanumSquareEB'; font-size: 20px; box-sizing: border-box; display: inline-block; text-align: center; padding: 8px 22px 9px 24px; border-radius: 25px;}
.cont_02 .cont_left .article_txt{padding: 15px 0 10px;}
.cont_02 .cont_left .article_txt p{color: #ffffff; font-family: 'NanumSquareB'; font-size: 20px; padding-bottom: 15px;}
.cont_02 .cont_left .article_txt .article_txt_po{ color: #ffffff; font-family: 'NanumSquareEB'; font-size: 50px;}
.cont_02 .cont_left .article_txt .article_txt_po strong{ font-family: 'NanumSquareEB'; color: #fcff00;}
.cont_02 .cont_02_bottom{width: 100%; height: 320px; 
    background: #6189ed; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url('/images/common/bg_serv_02.png') 235px -25px no-repeat, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYxODllZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4NDY2ZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: url('/images/common/bg_serv_02.png') 235px -25px no-repeat, -moz-linear-gradient(top,  #6189ed 0%, #8466e9 100%); /* FF3.6-15 */
    background: url('/images/common/bg_serv_02.png') 235px -25px no-repeat, -webkit-linear-gradient(top,  #6189ed 0%,#8466e9 100%); /* Chrome10-25,Safari5.1-6 */
    background: url('/images/common/bg_serv_02.png') 235px -25px no-repeat, linear-gradient(to bottom,  #6189ed 0%,#8466e9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.cont_02 .cont_02_bottom .bottom_02_wrap{position: relative; width: 1248px; margin: 0 auto; height: 320px;}
.cont_02 .cont_02_bottom .bottom_02_wrap .cont_left{ position: absolute; top: 84px; right: 92px; text-align: right;}
.cont_02 .cont_02_bottom .bottom_02_wrap .cont_left::after{ display: table; content: ''; clear: both; overflow: hidden;}
.cont_02 .cont_02_bottom .bottom_02_wrap .cont_right{position: absolute; left: 91px; height: 320px; overflow: hidden;}
/* 신규혜택/대행해택 End */

/* 3가지 방식 Start  */
.cont_03{padding-top: 98px;}
.cont_03 .cont_03_wrap{width: 1248px; margin: 0 auto;}
.cont_03 .cont_03_wrap ul{  display: inline-block; height: 460px;}
.cont_03 .cont_03_wrap ul li{ display: inline-block; width: 340px; font-family: 'NanumSquareR'; float: left; border: 1px solid #e5e5e5; box-shadow: 6px 5px 3px #d9d9d9; box-sizing: border-box;}
.cont_03 .cont_03_wrap ul li::after{ display: table; content: ''; clear: both; overflow: hidden;}
.cont_03 .cont_03_wrap ul li:nth-child(2){margin-left: 115px;}
.cont_03 .cont_03_wrap ul li:nth-child(3){margin-left: 104px;}
.cont_03 .cont_03_wrap ul li img{width: 338px; height: 210px; text-align: center;}
.cont_03 .cont_03_wrap ul li .cont_txt{text-align: center; height: 244px; padding-top: 49px; box-sizing: border-box;}
.cont_03 .cont_03_wrap ul li strong{font-size: 24px; font-family: 'NanumSquareR'; height: 24px;}
.cont_03 .cont_03_wrap ul li p{width: 338px; font-size: 18px; color: #666666; margin-top: 32px; font-family: 'NanumSquareR'; line-height: 1.6;}
/* 3가지 방식 End */

/* 파트너사 Start  */
.content_wrap .content .content_sevice .logo_office_wrap{margin: 65px 0 100px 0;}
.content_wrap .content .content_sevice .logo_office{font-size: 34px; font-family: 'NanumSquareEB'; color: #333333; letter-spacing: -1px;}
/* 파트너사 End */

/* cs Start  */
.cs{width: 100%; height: 97px; background: #ffffff; border-top: 2px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; position: fixed; bottom: 0; z-index: 9999;}
.cs img{vertical-align: middle;}
.cs .cs_mail{ float: left; line-height: 65px; padding-left: 5px;}
.cs .cs_kakao{ float: left; padding: 1px 0 0 60px;}
.cs ul{position: relative; width: 1248px; height: 65px; margin: 16px auto;}
.cs ul li a{width: 249px; height: 65px; display: inline-block; border: 1px solid #eeeeee; border-radius: 10px; box-sizing: border-box; padding: 8px 38px 5px 34px; background: #f8e800;}
.cs ul li:last-child::after{display: table; content: ''; clear: both; overflow: hidden; }
.cs_fixed{position: relative;}

.header_fixed{position: fixed; top: 0px;}
/* cs End */

/* 알림톡/RCS 샘플 받아보기 Start  */
.free_sample_send #free_sample_wrap{position: absolute; bottom: 1px; right: 5px;}
.free_sample_send #free_sample_wrap .free_sample_box{width: 285px; height: 63px; border: none; border-radius: 10px; background: #2c90de; position: relative;}
.free_sample_send #free_sample_wrap .free_sample_box button{ transition: all .25s ease 0s;border-radius: 10px !important; background-color: #2C90DE; width: 285px; height: 63px; font-family: 'NanumSquareB'; font-size: 18px; color:#ffffff;}
.free_sample_send #free_sample_wrap .free_sample_box button:hover{background-color: #0066ff;}
/* 알림톡/RCS 샘플 받아보기  End */

/* Free ATalk Send Start  */
div#free_atalk_wrap {position:fixed; bottom:30px; right:30px; z-index:9999; }
div#free_atalk_wrap div.free_atalk_box {width:191px; height:60px; box-sizing:border-box; border:1px solid #dfc602; position:relative; cursor:pointer; text-align:center; background-color:#fce000; line-height:60px; font-weight:600; font-size:15px; letter-spacing:-1px; overflow:hidden; border-radius:30px; -webkit-box-shadow: 6px 6px 21px 4px rgba(0,0,0,0.07);-moz-box-shadow: 6px 6px 21px 4px rgba(0,0,0,0.07);box-shadow: 6px 6px 21px 4px rgba(0,0,0,0.09); -webkit-transition:all .2s; -moz-transition:all .2s; -o-transition:all .2s; -ms-transition:all .2s; transition:all .2s;}
div#free_atalk_wrap div.free_atalk_box:hover { -webkit-box-shadow: 6px 6px 21px 4px rgba(0,0,0,0.07);-moz-box-shadow: 6px 6px 21px 1px rgba(0,0,0,0.07);box-shadow: 4px 6px 21px 10px rgba(0,0,0,0.09);}
div#free_atalk_wrap div.free_atalk_box.off {width:0px; height:0px; opacity:0;}
div#free_atalk_wrap div.free_atalk_box span.ic_kk {position:relative; top:10px; width:35px; height:32px; margin-right:8px; display:inline-block; zoom:1; display:inline;}

div#free_atalk_wrap div.testStep {display:none; width:312px; height:370px; opacity:1; background:#fff; border-radius:25px; -webkit-box-shadow: 6px 6px 21px 4px rgba(0,0,0,0.07);-moz-box-shadow: 6px 6px 21px 4px rgba(0,0,0,0.07);box-shadow: 6px 6px 21px 4px rgba(0,0,0,0.09);-webkit-transition:all .1s; -moz-transition:all .1s; -o-transition:all .1s; -ms-transition:all .1s; transition:all .1s;}
div#free_atalk_wrap div.testStep.on {width:312px; height:370px; opacity:1;}
div#free_atalk_wrap div.testStep div.testHeader {position:relative; background-color:#fce000; border-top-left-radius: 25px 25px; border-top-right-radius: 25px 25px; height:53px; line-height:54px; text-align:center; font-size:17px; font-weight:600; letter-spacing:-1px;}
div#free_atalk_wrap div.testStep div.testHeader span.ic_kk {position:relative; top:6px; width:25px; height:23px; margin-right:8px; display:inline-block; zoom:1; display:inline;}
div#free_atalk_wrap div.testStep div.testHeader a.bt_close {width:14px; height:15px; position:absolute; top:19px; right:0;}
div#free_atalk_wrap div.testStep ul {background:#f4f4f4; padding:6px 8px 10px 14px; margin:8px 24px 0 24px; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s; transition:all .3s;}
div#free_atalk_wrap div.testStep ul li {line-height:120%; margin-top:4px; letter-spacing:-1px; font-size:12px; color:#666; padding-left:10px; }
div#free_atalk_wrap div.testStep div.phone,
div#free_atalk_wrap div.testStep div.name {margin:0 24px; overflow:hidden;}
div#free_atalk_wrap div.testStep div.phone span,
div#free_atalk_wrap div.testStep div.name span {float:left; margin:6px 0 0 0;}
div#free_atalk_wrap div.testStep div.agreeBox {position:relative; margin:16px 24px 0 24px; font-size:12px; letter-spacing:-1px;}
div#free_atalk_wrap div.testStep div.agreeBox span {font-size:12px; font-weight:600;}
div#free_atalk_wrap div.testStep div.agreeBox div {position:absolute; top:0px; right:0px;}
div#free_atalk_wrap div.testStep p.alim_agText {text-align:center; margin:8px 24px 0 24px; color:red; font-size:12px; letter-spacing:-1px; line-height:130%;}
div#free_atalk_wrap div.testStep input[type="text"] {font-weight:600; color:#999; padding:0 10px;box-sizing:border-box; margin-left:24px; font-size:14px; color:#1b1b1b; width:174px; height:30px; line-height:30px; border:1px solid #eee; float:right;}
div#free_atalk_wrap div.testStep button.mg {margin-top:156px;}
div#free_atalk_wrap div.testStep button {display:block; width:264px; margin:14px 0 0 24px; height:44px; line-height:44px; background:#272727; color:#fff; font-size:16px; font-weight:600; text-align:center; letter-spacing:-1px; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s; transition:all .3s;}
div#free_atalk_wrap div.testStep button:hover {background:#191919;}
/* Free ATalk Send End */

/* 결제완료 페이지 스타일 추가 start */
.app_pay_result_wrap{padding: 50px 0 230px; min-height: calc(100vh - 712px);} 
.app_pay_result_wrap .pay_result_logo>img{float: left;}
.app_pay_result_wrap .pay_result_logo>img::after{display: table; content: ''; clear: both; overflow: hidden;}
.app_pay_result_wrap .pay_result_logo{width: 254px; height: 95px; margin: 0 auto; }
.app_pay_result_wrap .pay_result_logo .login_tit{width: 250px; display: inline-block;}
.app_pay_result_wrap .pay_result_logo .login_tit h1{height: 25px; padding: 7px 0 0 71px; font-family: 'NanumSquareEB';font-size: 24px; color: #2e87c9;}
.app_pay_result_wrap .pay_result_wrap .pay_result_box_wrap{width: 498px; margin: 0 auto; text-align: center;}
.app_pay_result_wrap .pay_result_wrap .pay_result_box_wrap .pay_result_button_wrap{margin-top: 50px!important;}
.app_pay_result_wrap .pay_result_wrap .pay_result_box_wrap .pay_result_button_wrap .login_button_default{width: 498px; height: 68px; padding: 0; background: #2c90de; border: none; color: #ffffff; font-family: 'NanumSquareR'; font-size: 24px; letter-spacing: 1px;}
.app_pay_result_wrap .pay_result_wrap .pay_result_box_wrap .pay_result_title{margin: 10px 0 -1px; font-family: 'NanumSquareB';font-size: 44px;color:#2a85cc; line-height:1.8;}
.app_pay_result_wrap .pay_result_wrap .pay_result_box_wrap .pay_result_desc{margin: 30px 0 -1px; font-family: 'NanumSquareR';font-size: 24px;color:#000; line-height:1.8;}
.app_pay_result_wrap .pay_result_wrap .pay_result_box_wrap .pay_result_info{padding-top: 10px; }
.app_pay_result_wrap .pay_result_wrap .pay_result_box_wrap .pay_result_info ul{display: inline-block; width: 498px;}
.app_pay_result_wrap .pay_result_wrap .pay_result_box_wrap .pay_result_info ul li{float: left; border-left: 1px solid #dcdcdc; width: 155px;}
.app_pay_result_wrap .pay_result_wrap .pay_result_box_wrap .pay_result_info ul li::after{display: table; content: ''; clear: both; overflow: hidden;}
.app_pay_result_wrap .pay_result_wrap .pay_result_box_wrap .pay_result_info ul li:first-child{border-left: none;}
.app_pay_result_wrap .pay_result_wrap .pay_result_box_wrap .pay_result_info ul li:nth-child(2){width: 185px;}
.app_pay_result_wrap .pay_result_wrap .pay_result_box_wrap .pay_result_info ul li a{font-family: 'NanumSquareR'; font-size: 18px;color: #777777;}
.app_pay_result_wrap .pay_result_wrap .pay_result_box_wrap .pay_result_info ul li a:hover{text-decoration: underline;}
/* 결제완료 페이지 스타일 추가 end */

/* 191104 main2019리뉴얼 추가 start */
   :focus{outline: none;}
  /*헤더 메뉴 start*/
  .new_main2019 .main_menu>li{padding: 38px 15px 30px;}/*191108 main2019리뉴얼 추가 */
  .new_main2019 .main_menu>li:first-child{padding: 16px 92px 26px 0;}/*191108 main2019리뉴얼 추가 */
  .new_main2019 .main_menu>li:nth-child(2) {padding-left: 0;}/*191108 main2019리뉴얼 추가 */
  .new_main2019 .main_menu>li>.submenu_wrap{transition: all .5s ease 0s; top: 92px;height: 0;overflow: hidden;display: inherit; padding: 0; border: 0; opacity: 0.95; background: #f8f8f8;}
  .new_main2019 .main_menu>.submenu_wrap{display: none !important;}
  .new_main2019 .main_menu>li>.submenu_wrap>.submenu{opacity: 0; transition: all .5s ease .25s;}
  .new_main2019 .main_menu>li:hover>.submenu_wrap>.submenu{opacity: 1}
  .new_main2019 .main_menu>li:hover>.submenu_wrap, .new_main2019 .submenu_wrap:hover{ height: 230px;padding: 35px 0 0; border-bottom: 0px solid #eff1f2;}

  .main_menu>li.login_wrap.UserID:hover>a{text-decoration: underline;}/*191108 main2019리뉴얼 추가: 아이디 하단 라인 삽입 변경, 언더라인 생성시 class "underline" 추가*/
  .main_menu>li.login_wrap,.main_menu>li.message_btn{float: right; width: auto;}
  .main_menu>li.login_wrap{padding: 37px 15px 34px;}
  .main_menu>li.login_wrap a{color: rgba(51, 51, 51, 0.7); font-size: 16px}
  .main_menu>li.login_wrap:hover>a{border-bottom:0;}
  .main_menu>li.message_btn{padding: 0 5px 0 0;}
  .main_menu>li.login_wrap:last-child::after{content: ""; width: 0px; height: 15px; background: #e8e8e8; border: 0;left:75px;}

  .message_btn .mymenu_select_wrap{position: relative;margin-left: 0;overflow: hidden;}
  .message_btn .mymenu_select_wrap .mymenu_select{width: 190px;height:58px;border-radius: 30px;transition: all .25s ease 0s;background: #2c90de;
    padding: 20px 0; /*191108 main2019리뉴얼 추가*/
  }
  .message_btn .mymenu_select_wrap .mymenu_select.add span{margin-left: -15px;} /*191108 main2019리뉴얼 추가 */
  .message_btn .mymenu_select_wrap .mymenu_popup.add{opacity: 1;transition: all .25s ease 0s;
    right: 10px; top: 60px; display: inherit; text-align: center;/*191108 main2019리뉴얼 추가 */
  }
  .message_btn .mymenu_select_wrap .mymenu_popup .mymenu-content>li{padding: 13px 0;}/*191108 main2019리뉴얼 추가 */
  .message_btn .mymenu_select_wrap .mymenu_popup .mymenu-content.add{border-radius:0 0 30px 30px;background: none;
    padding:0 0 16px;margin:0 auto;/*191108 main2019리뉴얼 추가 */
  }
  .message_btn .mymenu_select_wrap .mymenu_popup .mymenu-content.add li.mymenu:last-child{padding-bottom: 0}/*191108 main2019리뉴얼 */
  .message_btn .mymenu_select_wrap:hover .mymenu_select{border-radius: 30px !important; height: 215px;background: #2c90de;}
  .message_btn .mymenu_select_wrap:hover .mymenu_select.listFour{height: 270px;}/*240307 추가 : 리스트 4 개 일 때,class "listFour" 추가 */
  .message_btn .mymenu_select_wrap:hover .mymenu_select.listFive{height: 320px;}/*240326 추가 : 리스트 5 개 일 때,class "listFive" 추가 */
  .message_btn .mymenu_select_wrap:hover .mymenu_select.listSix{height: 370px;}/*240326 추가 : 리스트 6 개 일 때,class "listSix" 추가 */
  .message_btn .mymenu_select_wrap:hover .mymenu_select.listThree{height: 220px;}/*240307 추가 : 리스트 3 개 일 때,class "listThree" 추가 */
  .message_btn .mymenu_select_wrap:hover .mymenu_select.listTwo{height: 175px;}/*191108 main2019리뉴얼 추가 : 리스트 2 개 일 때,class "listTwo" 추가 */
  .message_btn .mymenu_select_wrap:hover .mymenu_select.listOne{height: 125px;}/*191108 main2019리뉴얼 추가 : 리스트 1 개 일 때,class "listOne" 추가 */
  .message_btn .mymenu_select_wrap:hover .mymenu_popup.add{opacity: 1;}
  /*헤더 메뉴 end*/


  /*메인 배너 start*/
  .new_main2019 .bnr_wrap{background: url('') no-repeat center #fff;}
  .new_main2019 .bnr_wrap .bnr .bnr_txt{margin-right: 15px;}
  .new_main2019 .bnr_wrap .bnr .bnr_txt.active-txt .txt_01,.new_main2019 .bnr_wrap .bnr .bnr_txt.active-txt .txt_02,.new_main2019 .bnr_wrap .bnr .bnr_txt.active-txt .txt_021,.new_main2019 .bnr_wrap .bnr .bnr_txt.active-txt .txt_03{color: #fff;transition: none;}

  .new_main2019 .bnr_wrap .bnr .bnr_txt .bnr_button button{ transition: all .25s ease 0s;background-position: 84.75% 50%; background-repeat: no-repeat; background-color: #2C90DE; width: 219px; padding-right: 20px;}
  .new_main2019 .bnr_wrap .bnr .bnr_txt .bnr_button button:hover{background-color: #0066ff;}
  /*.new_main2019 .bnr_wrap .bnr .bnr_txt .bnr_button button.btn_left{background-image: url('/images/common/btn_service.png');}*/
  /*.new_main2019 .bnr_wrap .bnr .bnr_txt .bnr_button button.btn_right{background-image: url('/images/common/btn_download.png');}*/
  /*메인 배너 end*/

  .new_main2019 .cont_tit p,.new_main2019 .content_wrap .content .content_sevice .logo_office {font-family: 'NanumSquareB';line-height: 1.25;padding-bottom: 75px;}


  /*메인 배너 Event*/
  .new_main2019 .bnr_bg.event {background: url('') no-repeat center/cover #fff;}

  /*메인 배너 Default*/
  .new_main2019 .bnr_bg.default {background: url('') no-repeat center/cover #fff;}
  .new_main2019 .bnr_bg.default .main_visual {position: absolute; bottom: 110px; left: 50%; transform: translateX(-50%); width: 975px; height: 100px; display: flex; justify-content: space-between;}
  .new_main2019 .bnr_bg.default .main_visual .btn {width: 195px; height: 140px; border: 0px solid #ff0000; cursor: pointer;}
  
  /* 메인 비주얼 수정_202405 */
  /*메인 배너 RCS*/
  #content_wrap:has(.main_visual) {min-width:1248px}
  #content_wrap:has(.main_visual) .cont_03 .content .cont_img_02 img {max-width:1278px;width:100%}
  .new_main2019 .bnr_bg.rcs .main_visual {overflow:hidden;position:relative;padding:141px 0 218px 0;background:url(/images/main/visual_bg.jpg) no-repeat center/cover;font-family:'NanumSquareR';letter-spacing:-0.35px;color:#fff}
  .new_main2019 .bnr_bg.rcs .main_visual .visual_txt {width:1252px;margin:0 auto}
  .new_main2019 .bnr_bg.rcs .main_visual .vs_sub {display:block;margin-bottom:20px;font-size:24px;line-height:1.1}
  .new_main2019 .bnr_bg.rcs .main_visual .vs_main {font-family:'NanumSquareEB';font-size:52px;line-height:1.27;letter-spacing:-2px}
  .new_main2019 .bnr_bg.rcs .main_visual .vs_ico {display:flex;column-gap:32px;margin-top:28px;font-size:15px;line-height:1.07}
  .new_main2019 .bnr_bg.rcs .main_visual .vs_ico .item::before {content:'';display:block;height:56px;margin:0 auto 15px auto;background:no-repeat center bottom/100% auto}
  .new_main2019 .bnr_bg.rcs .main_visual .vs_ico .item.price::before {width:35px;background-image:url(/images/main/visual_ico_price.png)}/* 저렴한 가격 */
  .new_main2019 .bnr_bg.rcs .main_visual .vs_ico .item.marketing::before {width:49px;background-image:url(/images/main/visual_ico_marketing.png);background-position-y:13px}/* 마케팅 효과 증가 */
  .new_main2019 .bnr_bg.rcs .main_visual .vs_ico .item.layout::before {width:53px;background-image:url(/images/main/visual_ico_layout.png)}/* 다양한 레이아웃 */
  .new_main2019 .bnr_bg.rcs .main_visual .vs_ico .item.awareness::before {width:54px;background-image:url(/images/main/visual_ico_awareness.png);background-position-y:23px}/* 브랜드 인지도 상승 */
  .new_main2019 .bnr_bg.rcs .main_visual .vs_btn {display:inline-flex;column-gap:10px;margin-top:49px}
  .new_main2019 .bnr_bg.rcs .main_visual .vs_btn .vs_btn_comm {min-width:350px;padding:0 20px;border:1px solid #FFFFFF;border-radius:80px;font-size:20px;line-height:58px;color:#FFFFFF;text-align:center;transition:all .1s;box-sizing:border-box}
  .new_main2019 .bnr_bg.rcs .main_visual .vs_btn .vs_btn_comm:hover {transition: all .25s ease 0s;background-color:#FFFFFF;font-weight:500;color:#86a5e4}
  .new_main2019 .bnr_bg.rcs .main_visual .vs_btn2 {display:inline-flex;column-gap:10px;margin-top:49px}
  .new_main2019 .bnr_bg.rcs .main_visual .vs_btn2 .vs_btn_comm {min-width:184px;padding:0 20px;border:1px solid #FFFFFF;border-radius:80px;font-size:20px;line-height:58px;color:#FFFFFF;text-align:center;transition:all .1s;box-sizing:border-box}
  .new_main2019 .bnr_bg.rcs .main_visual .vs_btn2 .vs_btn_comm:hover {transition: all .25s ease 0s;background-color:#FFFFFF;font-weight:500;color:#86a5e4}
  .new_main2019 .bnr_bg.rcs .main_visual .ico_chat {margin:-8px 0 0 0}
  
  .new_main2019 .bnr_bg.rcs .main_visual .visual_rolling {position:absolute;bottom:0;left:50%;transform:translateX(-31px);width:657px;height:683px;background:url(/images/main/visual_img.png) no-repeat center/100% auto;box-sizing:border-box}
  .new_main2019 .bnr_bg.rcs .main_visual .visual_rolling .iSwiper {overflow:hidden;position:absolute;top:141px;left:220px;width:222px;height:410px;padding:0 16px;border-radius:0 0 23px 23px;box-sizing:border-box}
  .new_main2019 .bnr_bg.rcs .main_visual .visual_rolling .iSwiper::after {content:'';display:block;position:absolute;bottom:-10.5px;left:-9.5px;width:16px;height:213px;background:url(/images/main/visual_mask.png) no-repeat center/100% auto;z-index:1}
  .new_main2019 .bnr_bg.rcs .main_visual .visual_rolling .iSwiper .swiper-slide {width:160px}
  .new_main2019 .bnr_bg.rcs .main_visual .visual_rolling .iSwiper .swiper-slide img {width:100%}

/* 메인 배너 브랜드메시지 20260107 */
.bnr_bg.brandMsg_visual .vs_txt {display:flex;flex-direction:column;height:100%;padding-top:144px;box-sizing:border-box}
.bnr_bg.brandMsg_visual .vs_sub {margin-bottom:18px}
.bnr_bg.brandMsg_visual .vs_img {margin-top:auto}


  /* 191226 배너슬라이드 추가 및 수정 start */
  .top_wrap{ z-index: 1}
  /*메인 배너 알림톡*/
  .new_main2019 .bnr_bg.atalk {background: url('/images/common/main_02.jpg') no-repeat center/cover #fff;}
  .new_main2019 .bnr_bg.atalk .bnr .bnr_txt{margin-right: 15px;}
  .new_main2019 .bnr_bg.atalk .bnr .bnr_txt.active-txt .txt_01,
  .new_main2019 .bnr_bg.atalk .bnr .bnr_txt.active-txt .txt_02,
  .new_main2019 .bnr_bg.atalk .bnr .bnr_txt.active-txt .txt_021,
  .new_main2019 .bnr_bg.atalk .bnr .bnr_txt.active-txt .txt_03{color: #fff;transition: none;}
  .new_main2019 .bnr_bg.atalk .bnr .bnr_txt.active-txt .txt_021 img{ display: inline-block;}

  .new_main2019 .bnr_bg.atalk .bnr .bnr_txt .bnr_button button{ transition: all .25s ease 0s;background-position: 84.75% 50%; background-repeat: no-repeat; background-color: #2C90DE; width: 219px; padding-right: 20px;}
  .new_main2019 .bnr_bg.atalk .bnr .bnr_txt .bnr_button button:hover{background-color: #0066ff;}
   /*.new_main2019 .bnr_bg.atalk .bnr .bnr_txt .bnr_button button.btn_right{background-image: url('/images/common/btn_download.png');}*/
  /*.new_main2019 .bnr_bg.atalk .bnr .bnr_txt .bnr_button button.btn_left{background-image: url('/images/common/btn_service.png');}*/
	
	
  /*메인 배너 코로나*/
  .new_main2019 .bnr_bg.corona {background: url('') no-repeat center/cover #fff;}
  .new_main2019 .bnr_bg.corona .bnr .bnr_txt .bnr_button02 button{ transition: all .25s ease 0s;background-position: 84.75% 50%; background-repeat: no-repeat; width: 240px; height:58px;}
  
  
  /*메인 배너 선거*/
  /*200106 선거 페이지 추가 start*/
  .new_main2019 .bnr_wrap .bnr_bg.vote.election_banner{ background: url('/images/common/election_main.png') no-repeat center top #051a49;}
  .new_main2019 .bnr_wrap .bnr_bg.vote.election_banner p{ margin-top: 110px; font-size: 20px; color: #fff; letter-spacing: -2px;}
  .new_main2019 .bnr_wrap .bnr_bg.vote.election_banner .bnr { height: 520px;}
  .new_main2019 .bnr_wrap .bnr_bg.vote.election_banner .bnr .bnr_txt{ width: 60%; top: 120px;}
  .new_main2019 .bnr_wrap .bnr_bg.vote.election_banner .bnr .bnr_txt .txt_01{padding-left: 65px; }
  .new_main2019 .bnr_wrap .bnr_bg.vote.election_banner .bnr .bnr_txt .txt_02{ padding:10px 0 0;width:685px; float: right;}
  .new_main2019 .bnr_wrap .bnr_bg.vote.election_banner .bnr .bnr_txt .txt_02+div{ float: right;}
  .new_main2019 .bnr_wrap .bnr_bg.vote.election_banner .bnr .bnr_txt .txt_02>strong{ color: #fff21b; font-family: 'NanumSquareEB';}
  .new_main2019 .bnr_wrap .bnr_bg.vote.election_banner .event_list{ background: #f7f7f9; color: #000;}
  .new_main2019 .bnr_wrap .bnr_bg.vote.election_banner .event_list ul li{ margin-left: 0; width: 19%; text-align: right; color: #000; font-size: 25px;}
  .new_main2019 .bnr_wrap .bnr_bg.vote.election_banner .event_list ul li:first-child{ padding-left: 10px; width: 39%; text-align: left;font-size: 34px; font-family: 'NanumSquareEB';}
  .new_main2019 .bnr_wrap .bnr_bg.vote.election_banner .event_list ul li p{ margin: 0 auto; color: #000; float: none; display: inline-block; line-height: normal;font-size: 40px; font-family: 'NanumSquareEB';}
  .new_main2019 .bnr_wrap .bnr_bg.vote.election_banner .event_list ul li p .num_wrap{ margin: 0 auto; float: none; color:#2c90de; font-size: 40px; font-family: 'NanumSquareEB';}

  .new_main2019 .bnr_bg.vote{background: url('/images/common/main_event_202006.jpg') no-repeat center #000;}
  .new_main2019 .bnr_bg.vote .bnr {height: 770px;}

  .new_main2019 .bnr_bg.vote{background: url('/images/contents/main_03.jpg') no-repeat center #000;}
  .new_main2019 .bnr_bg.vote .bnr {height: 647px;}
  .new_main2019 .bnr_bg.vote .bnr .bnr_txt{ margin-right: 0; top: 140px; width: auto; height: auto;}
  .new_main2019 .bnr_bg.vote .bnr .bnr_txt.active-txt .txt_01>span{ padding: 5px 25px; margin-left: 10px; border-radius: 50px; background-color: #2c90de; font-size: 18px; font-family: 'NanumSquareR';}
  .new_main2019 .bnr_bg.vote .bnr .bnr_txt.active-txt .txt_02{ width:700px; height: auto; line-height:1.4;}
  .new_main2019 .bnr_bg.vote .bnr .bnr_txt.active-txt .txt_02>span{ color:#fff21b; font-family: 'NanumSquareEB'; }
  .new_main2019 .bnr_bg.vote .bnr .bnr_txt.active-txt .txt_02>span:before,
  .new_main2019 .bnr_bg.vote .bnr .bnr_txt.active-txt .txt_02>span::after{ padding-top: 15px; content: ""; width: 15px; height: 15px; display: inline-block; vertical-align: top; background: url(/images/contents/main03_icon01.png) no-repeat center 10px;}
  .new_main2019 .bnr_bg.vote .bnr .bnr_txt.active-txt .txt_02>span::after{ background-image: url(/images/contents/main03_icon02.png)}
  .new_main2019 .bnr_bg.vote .bnr .bnr_txt.active-txt ul.icon_wrap { margin-top: 80px; text-align: right;}
  .new_main2019 .bnr_bg.vote .bnr .bnr_txt.active-txt ul.icon_wrap li{ margin-left: 35px; text-align: left; display: inline-block; width: 215px; color:#fff; box-sizing: border-box; border-right: solid 1px #4b5054; letter-spacing: -.5px;}
  .new_main2019 .bnr_bg.vote .bnr .bnr_txt.active-txt ul.icon_wrap li:first-child{margin: 0;}
  .new_main2019 .bnr_bg.vote .bnr .bnr_txt.active-txt ul.icon_wrap li:last-child{ width:190px; border-right: solid 0px #4b5054;}
  .new_main2019 .bnr_bg.vote .bnr .bnr_txt.active-txt ul.icon_wrap li p,
  .new_main2019 .bnr_bg.vote .bnr .bnr_txt.active-txt ul.icon_wrap li img{float: left;}
  .new_main2019 .bnr_bg.vote .bnr .bnr_txt.active-txt ul.icon_wrap li p {margin-left: 20px; font-size: 18px; line-height: 1.1; font-family: 'NanumSquareR';}
  .new_main2019 .bnr_bg.vote .bnr .bnr_txt.active-txt ul.icon_wrap li p span{  font-size: 40px; font-family: 'NanumSquareB';}

  .new_main2019 .bnr_bg.vote .event_list {background: url(/images/common/main_03_event_bg.jpg) no-repeat center 50%;}
  .new_main2019 .bnr_bg.vote .event_list ul {margin: 0 auto; overflow: hidden; width: 1250px; height: 120px;}
  .new_main2019 .bnr_bg.vote .event_list ul li{ padding: 2.7% 0 0 0; margin-left: 5%; vertical-align: middle; display: inline-block; width:19.25%; color: #fff; line-height: 1.5; font-size: 18px; font-family: 'NanumSquareR';}
  .new_main2019 .bnr_bg.vote .event_list ul li:first-child{ margin-left: 4.15%; width: 22%; font-family: 'NanumSquareB'; font-size: 24px;}
  .new_main2019 .bnr_bg.vote .event_list ul li:last-child{ width: 18%;}
  .new_main2019 .bnr_bg.vote .event_list ul li span,
  .new_main2019 .bnr_bg.vote .event_list ul li p{ float: left; font-family: 'NanumSquareR';}
  .new_main2019 .bnr_bg.vote .event_list ul li strong,
  .new_main2019 .bnr_bg.vote .event_list ul li p strong{ font-family: 'NanumSquareB';}
  .new_main2019 .bnr_bg.vote .event_list ul li span.num_wrap{ margin: -8.5px 10px 0 0; font-size: 44px; font-family: 'NanumSquareB'; letter-spacing: -.5px;}

  .new_main2019 .slick-prev,
  .new_main2019 .slick-next{ z-index: 1; width: 35px; height:70px; background: url('/images/common/main_slide_arrow_R.png') no-repeat center 50%;opacity: .43;}
  .new_main2019 .slick-prev{ left: 5%;  background-image: url('/images/common/main_slide_arrow_L.png');}
  .new_main2019 .slick-next{ right: 5%;}
  .new_main2019 .slick-prev:before,
  .new_main2019 .slick-next:before{ content: "";}
  /*메인 배너 end*/
  /* 191226 배너슬라이드 추가 및 수정 end */


  /* 메이톡 서비스 특장점 start */
  .new_main2019 .cont_01 .cont_01_wrap ul{width: 100%;}
  .new_main2019 .cont_01 .cont_01_wrap ul li{ text-align: center;border: solid 0px #dcdcdc; height: 480px; padding: 7.5% 4.5% 0; box-sizing: border-box;}

  .new_main2019 .cont_01 .cont_01_wrap ul li,.new_main2019 .cont_01 .cont_01_wrap ul li:nth-child(2),.new_main2019 .cont_01 .cont_01_wrap ul li:nth-child(3){width:calc(33.33% - 20px);margin:0 10px;}
  .new_main2019 .cont_01 .cont_01_wrap ul li:first-child{transition-delay:0s,0s; margin-left: 10px}
  .new_main2019 .cont_01 .cont_01_wrap ul li:nth-child(2){transition-delay:0.25s,0.25s; }
  .new_main2019 .cont_01 .cont_01_wrap ul li:last-child{transition-delay:0.5s,0.5s; margin-right: 10px}
  .new_main2019 .cont_01 .cont_01_wrap ul li .cont_txt{overflow: hidden; padding-top: 15%;position: relative;}
  .new_main2019 .cont_01 .cont_01_wrap ul li strong{font-family: 'NanumSquareR';line-height: 1.4;font-weight: 100;color:#007ada;font-size: 22px;}
  .new_main2019 .cont_01 .cont_01_wrap ul li hr{background: #d2d2d2; width: 100px; height: 1px; border: 0; margin: 6% auto;}
  .new_main2019 .cont_01 .cont_01_wrap ul li p{width: 100%;font-size: 17px; line-height: 1.5; color: #000;margin-top: 7%;}

  .line1-top, .line1-bottom { display: inline-block; height: 1px; width: 0; background: #d2d2d2; position: absolute; z-index: 1;}
  .line1-right, .line1-left { display: inline-block; width: 1px; height: 0; background: #d2d2d2; position: absolute; z-index: 1;}
  .new_main2019 .cont_01 .cont_01_wrap ul li.fromBottomOut{transform: translate(0,0px); opacity: 1;}

  .fromBottomIn .line1-top, .fromBottomIn .line1-bottom{width: 100%;}
  .fromBottomIn .line1-right, .fromBottomIn .line1-left{height:100%;}
  .new_main2019 .cont_01 .cont_01_wrap ul li:nth-child(1).fromBottomIn .line1-top{top:0; left: 0; transition: width 0.3s ease-out;}
  .new_main2019 .cont_01 .cont_01_wrap ul li:nth-child(1).fromBottomIn .line1-right{top:0; right: 0; transition: height 0.3s ease-out .3s;}
  .new_main2019 .cont_01 .cont_01_wrap ul li:nth-child(1).fromBottomIn .line1-bottom{bottom:0; right: 0; transition: width 0.3s ease-out .6s;}
  .new_main2019 .cont_01 .cont_01_wrap ul li:nth-child(1).fromBottomIn .line1-left{bottom:0; left: 0; transition: height 0.3s ease-out .9s;}
  .new_main2019 .cont_01 .cont_01_wrap ul li:nth-child(2).fromBottomIn .line1-top{top:0; left: 0; transition: width 0.3s ease-out 1s;}
  .new_main2019 .cont_01 .cont_01_wrap ul li:nth-child(2).fromBottomIn .line1-right{top:0; right: 0; transition: height 0.3s ease-out 1.3s;}
  .new_main2019 .cont_01 .cont_01_wrap ul li:nth-child(2).fromBottomIn .line1-bottom{bottom:0; right: 0; transition: width 0.3s ease-out 1.6s;}
  .new_main2019 .cont_01 .cont_01_wrap ul li:nth-child(2).fromBottomIn .line1-left{bottom:0; left: 0; transition: height 0.3s ease-out 1.9s;}
  .new_main2019 .cont_01 .cont_01_wrap ul li:nth-child(3).fromBottomIn .line1-top{top:0; left: 0; transition: width 0.3s ease-out 2s;}
  .new_main2019 .cont_01 .cont_01_wrap ul li:nth-child(3).fromBottomIn .line1-right{top:0; right: 0; transition: height 0.3s ease-out 2.3s;}
  .new_main2019 .cont_01 .cont_01_wrap ul li:nth-child(3).fromBottomIn .line1-bottom{bottom:0; right: 0; transition: width 0.3s ease-out 2.6s;}
  .new_main2019 .cont_01 .cont_01_wrap ul li:nth-child(3).fromBottomIn .line1-left{bottom:0; left: 0; transition: height 0.3s ease-out 2.9s;}

  /* 메이톡 서비스 특장점 end */

  /*혜택 배너 start*/
  .new_middle_banner.cont_02{ position: relative;overflow-x: hidden;width:100%;/*max-width: 1920px;*/margin: 0 auto;}
  .new_middle_banner.cont_02 .cont_02_top{height: 310px;margin: 0;background: url('/images/common/ico_serv_01.png') no-repeat left;}
  .new_middle_banner.cont_02 .cont_02_top .top_02_wrap .cont_left{left: 15px;}
  .new_middle_banner.cont_02 .cont_left .article_tit{background: none; color: #fff;padding: 0; width: auto; height: auto;font-family: 'NanumSquareB';}
  .new_middle_banner.cont_02 .cont_left .article_txt .article_txt_po {font-family: 'NanumSquareB';font-size: 38px;}
  .new_middle_banner.cont_02 .cont_02_top .top_02_wrap .cont_left a{ transition: all .2s ease 0s; position: relative; background: 0; overflow: hidden; display: inline-block; padding: 14px 29px 13px 31px;}
  .new_middle_banner.cont_02 .cont_02_top .top_02_wrap .cont_left a:hover{color: #000;}
  .new_middle_banner.cont_02 .cont_02_top .top_02_wrap .cont_left a::before, .new_middle_banner.cont_02 .cont_02_top .top_02_wrap .cont_left a::after { transition: all .5s ease 0s; background: #fff; content: ''; position: absolute; z-index: -1;}
  .new_middle_banner.cont_02 .cont_02_top .top_02_wrap .cont_left a:hover::after{width: 101%;}
  .new_middle_banner.cont_02 .cont_02_top .top_02_wrap .cont_left a::after{ width: 0; height: 101%; top: 0; left: 0;}
  .new_middle_banner.cont_02 .cont_02_bottom{height: 310px; position: absolute; top: 0; background: none;}
  .new_middle_banner.cont_02 .cont_02_bottom .cont_left .article_tit, .new_middle_banner.cont_02 .cont_02_bottom .cont_left .article_txt .article_txt_po, .new_middle_banner.cont_02 .cont_02_bottom .cont_left .article_txt p{color: #000;}
  .new_middle_banner.cont_02 .cont_left .article_txt .article_txt_po strong{font-family: 'NanumSquareB';font-weight: 400;}
  .new_middle_banner.cont_02 .cont_02_top .top_02_wrap{height: 310px}

  .new_middle_banner.cont_02 .cont_02_bottom{transition: left 0.5s ease-in-out 0s;height: 310px;position: absolute; top:0; left:55%;background: url('/images/common/ico_serv_02.png') no-repeat left;}
  .new_middle_banner.cont_02 .cont_02_bottom:hover{ left: 37.5%;}

  .new_middle_banner.cont_02 .cont_02_bottom.fromRightOut{transform: translate(300px, 0);}
  .new_middle_banner.cont_02 .cont_02_bottom .bottom_02_wrap{margin: 0;width: 100%;height: 310px;}
  .new_middle_banner.cont_02 .cont_02_bottom .bottom_02_wrap .cont_left{text-align: left;right: auto; top: 135px; left: 150px;}
  /*혜택 배너 end*/

  /* 메이톡  상품은 3가지 start*/
  .new_main2019 .cont_03{background:#f6f7f8; padding-top: 118px;}
  .new_main2019 .cont_03 .cont_03_wrap ul{height:485px;}
  .new_main2019 .cont_03 .cont_03_wrap ul li{border: 0; box-shadow: none;text-align: center;}
  .new_main2019 .cont_03 .cont_03_wrap ul li .cont_txt{ padding-top: 55px;}
  .new_main2019 .cont_03 .cont_03_wrap ul li strong{font-weight:100;font-size:22px;}
  .new_main2019 .cont_03 .cont_03_wrap ul li p{width:100%; font-size: 17px; margin-top:15px;line-height: 1.25;}
  .new_main2019 .cont_03 .cont_03_wrap ul li .cont_img_01,.new_main2019 .cont_03 .cont_03_wrap ul li .cont_img_02,.new_main2019 .cont_03 .cont_03_wrap ul li .cont_img_03{background: #fff; border-radius: 100px; display: inline-block; width: 210px; height: 210px; line-height: 18;}
  .new_main2019 .cont_03 .cont_03_wrap ul li img{width:auto; height:auto;}
  /* 메이톡  상품은 3가지 end*/

  /* 파트너사 start */
  .new_main2019 .content_wrap{padding:125px 0 220px 0;}
  .new_main2019 .content_wrap .content .content_sevice .logo_office{padding-bottom:77px;}
  .new_main2019 .content_wrap .content .content_sevice .logo_office_wrap{margin: 0 auto;}
  .new_main2019 .content_wrap .content .content_sevice .logo_office_wrap>ul>li{margin: 0 14px;}
  .new_main2019 .content_wrap .content .content_sevice .logo_office_wrap>ul>li:first-child{margin-left: 10px;}
  .new_main2019 .content_wrap .content .content_sevice .logo_office_wrap>ul>li:last-child{margin-right: 10px;}
  /*파트너사 end*/

  /*이용문의 start*/
  .new_main2019 .cs{margin-top: -100px;transition: all 1s ease-out 0s;}
  .new_main2019 .cs ul{width: 1228px;}
  .new_main2019 div#free_atalk_wrap div.free_atalk_box{box-shadow: none;}
  .new_main2019 .free_atalk.add #free_atalk_wrap .free_atalk_box .bt_tit img{margin-right: 10px}
  .new_main2019 .btn_top{right:1.5%; border: 1px solid rgb(210, 210, 210); background: rgb(255, 255, 255);}
  .new_main2019 .btn_top.active-top{display: inline-block !important;}
  /*이용문의 end*/

  /*푸터 start*/
  .new_main2019 .footer .ft_01 .ft_menu ul li a,.new_main2019 .footer .ft_02 .ft_02_wrap .ft_txt ul li{font-family:'NanumGothic';letter-spacing: -0.5px;}
  .new_main2019 .footer,.new_main2019 .footer .ft_01 .ft_menu,.new_main2019 .footer .ft_02 .ft_02_wrap{background: #fff;}
  .new_main2019 .footer .ft_01 .ft_menu ul,.new_main2019 .footer .ft_02 .ft_02_wrap{width:1228px;}
  .new_main2019 .footer .ft_01,.new_main2019 .footer .ft_01 .ft_menu ul li{border-color:#888 !important;}
  /*푸터 end*/

/* 191104 main2019리뉴얼 추가 end */


h2.election_sub_title{ margin: 100px auto 50px; width: 100%; letter-spacing: -1.5px; text-align: center; display: inline-block; font-size: 34px; font-family: 'NanumSquareEB';}
.election_img_wrap{ text-align: center;}

.election_good_wrap{ height: auto; background-color: #f7f7f9; text-align: center;}
.election_good_wrap ul{ margin: 0 auto; padding-bottom: 100px; width: 1250px; overflow: hidden;}
.election_good_wrap ul li{ margin: 0 1%; padding: 3.5% 0 4.5%; box-sizing: border-box; border: solid 1px #eeeeee;float: left; width: 23%; letter-spacing: -.25px; background-color: #fff;font-family: 'NanumSquareR';}
/* .election_good_wrap ul li+li{ margin-left: 2%;} */
.election_good_wrap ul li h3{ font-size: 22px; color:#2c90de; font-weight: 400; font-family: 'NanumSquareB';}
.election_good_wrap ul li img{ padding: 10% 0;}
.election_good_wrap ul li p{ font-size: 18px;font-family: 'NanumSquareR';line-height: 1.5;}

.banner_middle{ height: 117px; background-color:#0072ca;color: #fff;}
.banner_middle ul{ margin: 0 auto; width: 1250px;}
.banner_middle ul li:first-child{ padding-left: 10px; font-size: 24px; color: #fff; letter-spacing: -.25px; float: left; line-height: 120px;}
.banner_middle ul li:last-child{ padding-right: 10px; float: right;}
a.btn_look{ padding: 20px 0; margin: 25px auto; display: inline-block; border-radius: 50px; border: solid 1px #fff; text-align: center; font-size: 20px; color: #fff; width: 200px; font-family: 'NanumSquareR'; transition: ease .25s;}
a.btn_look:hover{ color: #0072ca; background-color: #fff;}

.popup_electionbanner{ position: relative; padding:0 30px 30px; display: none; width: 800px; height: 800px; background-color: #fff; box-sizing: border-box; border: solid 1px #ccc; box-shadow: 0px 0px 15px #000;}
.popup_electionbanner .popupContent .popup_close{ position: absolute; top:20px; right:30px;}
.popup_electionbanner .popupContent .popup_tab{ margin-top: 60px;
padding: 0; border: 0;/*200109 jaeseok 추가*/}
.popup_electionbanner .popupContent .popup_tab ul{ padding: 0; border: 0;}/*200109 jaeseok 전체 추가*/
.popup_electionbanner .popupContent .popup_tab li{ border:solid 1px #ebebeb; border-bottom:solid 1px #333; background-color: #f7f7f9; width: calc(50% - 2px); text-align: center; float: left;
 margin: 0; border-radius: 0;/*200109 jaeseok 추가*/ }
.popup_electionbanner .popupContent .popup_tab li.ui-state-active{ border-top:solid 3px #2c90de; border-left:solid 1px #333; border-right:solid 1px #333; border-bottom:0; background-color: #fff;
 margin: 0; padding: 0;/*200109 jaeseok 추가*/}
.popup_electionbanner .popupContent .popup_tab li a{  padding: 15px 0; width:100%; display: block; font-size: 18px; color:#666; font-family: 'NanumSquareB';}
.popup_electionbanner .popupContent .popup_tab li.ui-state-active a{  padding: 14px 0 15px;}

.ui-tabs .election_table_wrap.ui-tabs-panel{ padding:0;}/*200109 jaeseok 전체 추가*/
.election_table_wrap table{ margin-top: 55px; height: 550px; display: inline-block; border-top: solid 2px #cccccc; border-bottom: solid 2px #cccccc;}
#tabs-2.election_table_wrap table{ margin-top: 0;}
.election_table_wrap table tr+tr{ border-top: solid 1px #e5e5e5;}
.election_table_wrap table tr th{ width: 200px; background-color: #f7f7f9;}
.election_table_wrap table tr th,
.election_table_wrap table tr td{ padding: 12px 20px; box-sizing: border-box; text-align: left; color:#000;line-height: 1.9; font-size: 15px; font-weight: 400; letter-spacing: -.25px;}
.election_table_wrap table tr td.text_wrap_tab1{ height: 550px; overflow-y: scroll; display: inline-block;}
.election_table_wrap table tr td.text_wrap_tab2{ height: 550px; overflow-y: scroll; display: inline-block;}
.election_table_wrap .title_view{ margin: 30px 0px 10px; display: inline-block;font-size: 16px; text-indent:0;font-family: 'NanumSquareR';}

.election_start_wrap{ height: 600px; background-color: #f7f7f9; }
.election_start_wrap ul{  margin: 0 auto; padding-bottom: 100px; width: 1250px; text-align: center;  overflow: hidden;}
.election_start_wrap ul li{ padding: 85px 35px; width: 320px; height: 320px; box-sizing: border-box; border-radius: 500px; text-align: center; color:#fff; letter-spacing: -1.5px; display: inline-block; background-color: #384d7d}
.election_start_wrap ul li+li{ margin-left: 2%;}
.election_start_wrap ul li h3{ font-size: 22px; color:#fff21b; font-family: 'NanumSquareB';}
.election_start_wrap ul li hr{ margin: 17px auto 15px; border: solid #fff 0.5px;}
.election_start_wrap ul li p{ font-size: 18px;line-height: 1.6;}

.election_sms_wrap ul{ position: relative; margin: 0 auto 95px; width: 1100px;  overflow: hidden;}
.election_sms_wrap ul li{font-family: 'NanumSquareR';}
.election_sms_wrap ul>li{ padding: 0px 0px; width: 49%; height: auto; box-sizing: border-box; letter-spacing: -1.5px; float: left; display: inline-block;}
.election_sms_wrap ul>li+li{ margin-left: 2%;}
.election_sms_wrap ol{ padding-left: 70px; position: absolute; top: 50%; transform: translateY(-50%);}
.election_sms_wrap ol li{ font-size: 20px; line-height: 2.5;}
.election_sms_wrap ol li span{ margin-right: 20px; border-radius: 50px; background-color: #001c58; color: #fff; width: 30px; height: 30px; line-height: 28px; display: inline-block; text-align: center; letter-spacing: 0px;}

.election_sms_wrap2 ul{ position: relative; margin: 0 auto 95px; width: 1100px;  overflow: hidden;}
.election_sms_wrap2 ul li{font-family: 'NanumSquareR';}
.election_sms_wrap2 li{ font-size: 20px; line-height: 2.5;}
.election_sms_wrap2 li span{ margin-right: 20px; border-radius: 50px; background-color: #001c58; color: #fff; width: 30px; height: 30px; line-height: 28px; display: inline-block; text-align: center; letter-spacing: 0px;}

.cs ul li a.election_btn_join{ padding: 0; width: 285px; height:65px; line-height: 64px;color:#fff; background-color:#2c90de; text-align: center;font-size: 18px; letter-spacing: -.25px;font-family: 'NanumSquareR'; border-radius: 10px;}
.cs ul li a.election_btn_join::after{ margin-left: 5px; content: ""; border-left: solid #fff 12px; border-top: solid transparent 7.5px; border-bottom: solid transparent 7.5px; border-right: solid transparent 0px; font-size: 0; vertical-align: top;}
/*200106 선거 페이지 추가 end*/


/* 연동규격 - RCS > DEMO : JSON 예시 레이어 팝업 */
.layer_popup_mms {font-family: 'NanumSquareB';}
.popup_bottons{ position: relative; padding:0 30px 30px; display: none; width: 800px; height: 800px; background-color: #fff; box-sizing: border-box; border: solid 1px #ccc; box-shadow: 0px 0px 15px #000;border-radius:8px;}
.popup_bottons .popupContent .popup_close{ position: absolute; top:20px; right:30px;}

.popup_bottons_table_wrap table{ margin-top: 0; height: 660px; display: inline-block; border-top: solid 2px #cccccc; border-bottom: solid 2px #cccccc;}
.popup_bottons_table_wrap table tr+tr{ border-top: solid 1px #e5e5e5;}
.popup_bottons_table_wrap table tr th{ width: 200px; background-color: #f7f7f9;}
.popup_bottons_table_wrap table tr th,
.popup_bottons_table_wrap table tr td{ padding: 12px 20px; box-sizing: border-box; text-align: left; color:#000;line-height: 1.9; font-size: 15px; font-weight: 400; letter-spacing: -.25px;}
.popup_bottons_table_wrap .popup_bottons_table_wrap2 { height: 660px; overflow-y: scroll; display: inline-block; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc;}
.popup_bottons_table_wrap .popup_bottons_table_wrap2 .style_col { height: 2560px;}
.popup_bottons_table_wrap .popup_mms_table_wrap2 { height: 550px; overflow-y: scroll; display: inline-block; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc;}
.popup_bottons_table_wrap .popup_mms_table_wrap2 .style_col_mms { height: 800px;}
/* 연동규격 - RCS > DEMO : JSON 예시 레이어 팝업 */

.popup_rcs_logo{ position: relative; padding:0 30px 30px; display: none; width: 1100px; height: 660px; background-color: #fff; box-sizing: border-box; border: solid 1px #ccc; box-shadow: 0px 0px 15px #000; border-radius: 20px;}
.popup_rcs_logo .popupContent .popup_close{ position: absolute; top:20px; right:30px;}
.table-list{width: 100%; border-collapse: collapse; border-spacing: 0;display: block;height: 340px;}
.table-list td, .table-list th { padding: 8px; border-bottom: 1px solid #f0f0f0;}
.table-list th {font-weight: 500; border-color: #ddd; padding: 16px 0;text-align: center; color: rgb(79, 79, 79); font-weight: 700;}
.table-list td{text-align: center; height: 80px;}
.table-list .logo_img_wrap {text-align: left; display: grid; grid-template-columns: 70px 1fr;-webkit-box-align: center;-ms-flex-align: center; align-items: center; -webkit-column-gap: 5px;-moz-column-gap: 5px; column-gap: 10px;}
.table-list .logo_img_wrap a {text-decoration: underline;text-underline-offset: 5px;}

.agree_table_wrap{position:relative;margin:20px 0 0 0;}
.agree_table_wrap .listWrap{position:absolute;width: 100%;height:300px;border:1px solid #ebebeb;overflow:auto;overflow-y:scroll;}
.agree_table_wrap .listWrap .memWrap {margin:25px;}
.agree_table_wrap h4 { font-size:1.2em; line-height:34px; font-weight:bold; margin:10px 0;}
.agree_table_wrap p { font-size:12px; line-height:18px; margin-top:10px;}

/* MOBILE 버전 보기 버튼 */
.pc_txt{color: #7c7c7c; font-weight: bold; margin-top: 20px; }
a.btn_pc{font-size: 32pt; padding: 30px 0; display: inline-block; border: solid 1px rgb(200, 197, 170); text-align: center; color: rgb(200, 197, 170); width: 100%; font-family: 'NanumSquareR'; }
a.btn_pc:active{ color: rgb(255, 255, 255); background-color: rgb(200, 197, 170);}

/* 공통::msgMiddleWrap 높이 100%으로 찰 때 - rcs */
.tmpBtnArea .default_grey12 {width:100%;margin-top:2px}
.CLI00009 .ht_full .tmpImgArea img, .ITSNSH .ht_full .tmpImgArea img {width:100%;height:100%;max-height:100%!important;object-fit:cover;margin-top:25px;}/*예외*/
.ITSNSH .ht_full .tmpImgArea img {width:100%;height:100%;max-height:100%!important;object-fit:cover;margin-top:25px;}/*예외*/
.ht_full {height:100%}
.ht_full .tmpArea {height:100%;margin-left:0}
.ht_full .tmpArea .scr_x {width: 100%; margin: 0 -16px; padding-left: 16px; padding-right: 16px; overflow: auto; background: #ffffff00; height: 400px;}
.ht_full .tmpArea .scr_x li {flex: 0 0 auto; box-sizing: border-box;}
.ht_full .tmpImgArea {flex-shrink:0;height:165px}/* 이미지 높이값 여기서 수정해 주세요 */
.ht_full .tmpImgArea img {width:100%;height:100%;max-height:100%!important;object-fit:cover;}

.ht_full .tmpLmsAreaTxt {height: auto;}
.ht_full .tmpImgAreaTxt {height: auto;margin: 0 0 10px 0;}
.ht_full .tmpImgAreaTxt .crsTitle {margin-bottom:6px;}
.ht_full .tmpImgAreaTxt .crsCont {padding-right:10px;}
.ht_full .tmpBtnArea .btnBot {margin-top:2px;font-size:10px;line-height:18px;}
.msgWrap .msgMiddleWrap:has( > .ht_full) {height:calc(100% - 75px);max-height:100%;}
.msgWrap .msgMiddleWrap.preview_ft:has( > .ht_full) {height:calc(100% - 100px);}

.ht_full .tmpHeaderArea {flex-shrink:0;height:30px}/* 이미지 높이값 여기서 수정해 주세요 */

/* 친구톡 템플릿 */
.flex_box .chkbox {display:block;padding-bottom:10px}
.tmpArea {display:flex;margin-left:-10px;}
.tmpArea .dis_flex {display:inline-flex;flex-wrap:nowrap;width:calc((100% / 3) - 10px);margin-left:10px;}
.tmpArea .dis_flex_tmp {display:inline-flex;flex-wrap:nowrap;width:calc((100% / 3) - 10px);margin-left:10px;min-height: 500px;}
.tmpArea .flex_box {width:100%;height:100%;margin-left:0;box-sizing:border-box}
.tmpArea .flex_box .txtCnt { margin-top: 10px;text-align: end;font-weight: bold;}
.tmpArea .btnArea {display:flex;margin:14px 0 0 -6px}
.tmpArea .btnArea button {flex:1;width:100%;margin-left:6px}
.tmpArea .tmpHeaderArea {position:relative;margin: -10px;}
.tmpArea img {width:100%}
.tmpArea .tempItem_1 {position:relative}
.tmpArea .tempItem_1 .thumbName {display:flex;flex-flow:column-reverse;position:absolute;bottom:0;left:0;width:100%;height:44%;padding:10px 8px;font-style:normal;font-size:14px;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,0.16);box-sizing:border-box;
    /* background: linear-gradient(to bottom,  rgba(30,87,153,0) 0%,rgba(225,225,225,1) 100%); */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.tmpArea .tempItem_2 {display:flex;;align-items:center;margin-top:10px}
.tmpArea .tempItem_2 .itemImg {overflow:hidden;flex-shrink:0;width:48px;height:48px;margin-right:10px}
.tmpArea .tempItem_2 .itemImg img {height:100%;object-fit:cover}
.tmpArea .tempItem_2 .itemTtl {flex:1;font-style:normal;font-size:12px}
.tmpArea .scr_x {width:100%;height:100%;margin:0 -10px;padding-left:10px;padding-right:10px;}/* 템플릿 > 캐러셀 */
.mms_area .scr_x {height: 350px;}/* 템플릿 > 캐러셀 */
.tmpArea .scr_x .flex_box.mmsHalf {width:calc(70% - 30px);border:1px solid #e0e0e0;border-radius:10px;box-sizing:border-box}
.tmpArea .scr_x .flex_box.mmsTall {width:100%; border:1px solid #e0e0e0;border-radius:10px;box-sizing:border-box}
.tmpArea .scr_x .flex_box.mmsTall .tmpImgArea { flex-shrink: 0; height: 250px}
.tmpArea .scr_x .flex_box {width:calc(100% - 30px);border:1px solid #e0e0e0;border-radius:10px;background:#fff;box-shadow:0px 2px 4px rgb(0 0 0 / 15%);box-sizing:border-box;}
.tmpArea .scr_x .flex_box + .flex_box {margin-left:10px}
.tmpArea .crsTitle {display:block;padding-bottom:10px;border-bottom:1px solid #f9f9f9;font-weight:400;font-size:12px}
.tmpArea .crsCont {font-size:12px;line-height:20px}

.tmpImgAreaTxt .crsTitle {display:block;padding:0 0 10px 10px;border-bottom:1px solid #f9f9f9;font-weight:bold;font-size:13px}
.tmpImgAreaTxt .crsCont {font-size:12px;line-height:20px;padding:0 0 10px 10px;}

.tmpBox {overflow:hidden;display:flex;flex-direction:column;height:calc(100% - 74px);padding:0 10px;border-radius:10px;background:#fff;box-shadow:0px 2px 4px rgb(0 0 0 / 24%);box-sizing:border-box}
.tmpBox > * {margin-bottom:10px}
.tmpBox .title {margin:0 -10px;padding:10px 0;background:#ffe501;font-size:12px;text-align:center}
.tmpBox .wideHeader {display:block;padding:8px 0;font-size:12px;text-align:center}
.dis_flex.depth2 .tmpBox {height:100%;box-shadow:none}

.tmpTextarea {flex:1;min-height:100px;padding:0 10px;font-size:12px;line-height:22px;word-break:break-all}
.title + .tmpTextarea {padding-top:10px}

.tmpBtnArea {display:flex;flex-wrap:wrap;margin-top:auto;margin-left:-6px;box-sizing:border-box}/* 템플릿 > 버튼영역 */
.tmpBtnArea .btnBot {flex:1;min-width:calc((100% / 3) - 6px);margin:6px 0 0 6px;border:0;border-radius:8px;background:#f2f2f2;font-size:12px;line-height:28px;color:#666;text-align:center}
.tmpBtnArea.col {flex-direction:column; margin-left:1px;}/* 버튼 - 세로 */
.tmpBox .byte {margin:0 -10px;padding:0 10px;background:#eee;font-size:12px;line-height:24px;color:#666;text-align:right}
.tmpBtnArea .default_grey12 {width: 100%; margin-top: 2px; height:24px;box-sizing: border-box;font-size: 12px;border: 0;color:#000; background: #EBEBEB;border: 1px solid #EBEBEB;margin: 5px 0 0 0; border-radius:15px;}
.tmpBtnArea .default_grey13 { width: 100%; margin-top: 2px; height: 45px; box-sizing: border-box; font-size: 15px; color: #0095ff; background: #EBEBEB; border: 1px solid #EBEBEB; margin: 5px 0 0 0; border-radius: 7px; font-family: 'NanumSquare'; text-align: center; display: flex; justify-content: center; align-items: center; font-weight: 600;}
.tmpBtnArea .default_grey14 { width: 100%; margin-top: 2px; height: 35px; box-sizing: border-box; font-size: 15px; color: rgb(0, 0, 0); background: #EBEBEB; border: 1px solid #EBEBEB; margin: 5px 0 0 0; border-radius: 7px; font-family: 'NanumSquare'; text-align: center; display: flex; justify-content: center; align-items: center; font-weight: 600;}


/* rcs 텍스트 템플릿 시작*/
.preview_rcs .tmpBox_rcs_txt {gap:20px;overflow:hidden;display:flex;flex-direction:column;height:calc(100% - 74px);padding:20px;border-radius:10px;background:#fff;box-shadow:0px 2px 4px rgba(0,0,0,0.16);box-sizing:border-box;border: 2px solid rgb(219, 219, 219); width: 100%;}
.preview_rcs .tmpBox_rcs_txt .tblItemTitle .txtTitle .title-desc {font-size: 12px; color: #666;font-weight: 400; line-height: 20px;letter-spacing: normal; font-style: normal; width: 100%;}
.preview_rcs .tmpBox_rcs_txt .tblItemTitle .txtTitle .title-main {font-size: 17px; color: #000; font-weight: 700; line-height: 24px; letter-spacing: normal; font-style: normal;width: 85%; padding: 10px 0 20px 0;}
.preview_rcs .tmpBox_rcs_txt .tblItemTitle .item-logo{width: 65px; position: absolute; right: 20px; top: 45px;}
.preview_rcs .tmpBox_rcs_txt .tblItemTitle .item-logo img{border-radius: 10px;}
.preview_rcs .itemTable .table-title {min-height: 30px;font-size: 17px; color: #000; font-weight: 700; line-height: 24px; letter-spacing: normal; font-style: normal; border-bottom: 1px solid #000; word-wrap: break-word; word-break: break-all; white-space: normal;}
.preview_rcs .itemTable .table-description{ display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal;-ms-flex-direction: column; flex-direction: column; gap: 10px; word-break: break-all; color:#000; font-size: 14px; margin: 10px 0;} 
.preview_rcs .itemTable .table-description .borderLine{border-bottom: 1.5px solid #d0d0d0;	padding-bottom: 7px;}
.preview_rcs .itemTable .table-description li { display: -webkit-box; display: flex; gap: 4px;}
.preview_rcs .itemTable .table-description li.border { border-bottom: 1px solid #ddd; padding-bottom: 8px;}
.preview_rcs .itemTable .table-description li>div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; line-height: 1.56em;font-size: 14px;}
/* rcs 텍스트 템플릿 끝*/

/* rcs Lms 템플릿 */
.preview_rcs * {font-family: 'NanumSquare';}
.preview_rcs .rbcLmsCont {width: 100%; border: 0px;font-size: 13px; display: flex; flex-direction: column; height: auto; overflow: hidden;flex: 0 0 auto;}
.preview_rcs .rbcLmsCont .lmsDescCont {font-size: 14px;}
.preview_rcs .rbcLmsCont .lmsDescCont +.lmsDescCont{ margin-top: 7px;}
.preview_rcs .rbcLmsCont .lmsDescCont.noticeCont {color:#7a7a7a ; font-size: 12px;line-height: 1.7;}
.preview_rcs .rbcLmsCont .lmsDescCont.tmpBtnArea {  display: flex; flex-direction: column; align-items: stretch; gap: 8px; flex-shrink: 0;}
.preview_rcs .rbcLmsCont .lmsDescCont.tmpBtnArea > div { width: 100%; }
.preview_rcs .rbcLmsCont .tmpTitle{font-weight: bold; font-size: 16px; color: #000;margin-bottom: 10px;}
.preview_rcs .rbcLmsCont .tmpDesc{line-height: 1.6; font-size: 14px;word-break: break-word; color:#000;}

.preview_rcs .tmpBox_rcs_lms {gap:10px;overflow:auto;display:flex;flex-direction:column;height:calc(100% - 74px);padding:12px;border-radius:10px;background:#fff;box-shadow:0px 2px 4px rgba(0,0,0,0.16);box-sizing:border-box;border: 2px solid rgb(219, 219, 219)}
.preview_rcs .default-msg {color:#999;}
.tmpBox_rcs_lms {max-height: 600px; overflow-y: auto; flex-shrink: 1;}
.tmpBox_rcs_lms .tblItemTitle {display:flex;align-items:center;position:relative; padding: 0 85px 20px 0;min-height:70px;}
.tmpBox_rcs_lms .tblItemTitle .big-logo {width:65px;height:auto;position:absolute;right:0px;top:50%;transform:translateY(-50%);}
.tmpBox_rcs_lms .tblItemTitle .big-logo img{border-radius:5px;}
.tmpBox_rcs_lms .tblItemTitle .lmsTitle {flex:1;display:flex;flex-direction:column;justify-content:flex-end;min-width:0;height:70px;}
.tmpBox_rcs_lms .tblItemTitle .lmsTitle .title-main {font-size:24px;color:#000;font-weight:700;margin:0;padding:0;word-break:break-word;white-space:normal;}

.tmpBox_rcs_lms .lmsItemTitle{display: flex;align-items: flex-start;border-bottom: 2px solid #000; margin-bottom: 10px;}
.tmpBox_rcs_lms .lmsItemTitle .sml-logo{width: 50px; margin-right:15px;}
.tmpBox_rcs_lms .lmsItemTitle .txtTitle { width: 230px;word-wrap: break-word; word-break: break-all; white-space: normal; margin-top: 3px;}
.tmpBox_rcs_lms .lmsItemTitle .txtTitle .title-main {font-size: 17px; color: #000; font-weight: 700; line-height: 24px; letter-spacing: normal; font-style: normal;width: 85%;}


/* rcs Lms 템플릿 */


/* rcs 이미지 템플릿 시작 */
.data_box_wrap .preview_rcs .tmpBox_rcs_img {overflow-x: hidden;overflow-y:auto;display:flex;flex-direction:column; height: auto; max-height: 100%;padding:0 10px;border-radius:10px;background:#fff;box-shadow:0px 2px 4px rgba(0,0,0,0.16);box-sizing:border-box;border: 2px solid #cfcfcf}
.data_box_wrap .preview_rcs .tmpBox_rcs_img > * {margin-bottom: 10px;}
.data_box_wrap .preview_rcs .tmpBox_rcs_img .title {margin:0 -10px;padding:10px 0;background:#ffe501;font-size:12px;text-align:center}
.data_box_wrap .preview_rcs .tmpBox_rcs_img .wideHeader {display:block;padding:8px 0;font-size:12px;text-align:center}
.data_box_wrap .dis_flex.depth2 .tmpBox_rcs_img {height:100%;box-shadow:none}
.data_box_wrap .preview_rcs .tmpBox_rcs_img .tmpImgArea .mainImg{margin:0px -10px;}
/* rcs 이미지 템플릿 끝 */

/* 알림톡 템플릿 시작 */

/* 알림톡 템플릿 (템플릿 리스트) */
.data_box_wrap .maskWrap * {	font-family: 'NanumSquareR';}
.data_box_wrap .each_box_wrap { overflow: hidden; margin-bottom: 40px;}
.data_box_wrap .each_box_wrap table{margin: 5px 10px;}
.data_box_wrap .each_box_wrap table th{width: 80px;height: 27px;}
.data_box_wrap .each_box_wrap .chkbox>input{transform: scale(1.6);margin: 5px 10px 5px 5px;	}
.data_box_wrap .each_box_wrap .mask_box_wrap { width: 300px;height: 500px;}
.data_box_wrap .each_box_wrap .tmpArea .dis_flex{height: 465px;	}
.data_box_wrap .each_box_wrap .tmpArea .dis_flex .tmpBox_at_tmp { padding: 0 0 10px 0; border: 1px solid rgb(204, 204, 204);}
.data_box_wrap .each_box_wrap .tmpArea .dis_flex .tmpBox_at_tmp .tmpBtnArea{padding: 0 10px;}
.data_box_wrap .each_box_wrap .tmpArea .dis_flex .tmpBox_at_tmp .tmpAtAreaTxt{overflow-y: auto;overflow-x: hidden;}
.data_box_wrap .each_box_wrap .tmpArea .dis_flex .tmpBox_at_tmp .tmpAtAreaTxt .atTmpCont{padding: 0 px;}		
		

/* 알림톡 템플릿 (공통)*/
.data_box_wrap .preview_at .tmpBox_at_tmp {overflow:hidden;display:flex;flex-direction:column;height: 100%;padding:0 10px;border-radius:10px;background:#fff;box-shadow:0px 2px 4px rgba(0,0,0,0.16);box-sizing:border-box}
.data_box_wrap .preview_at .tmpBox_at_tmp > * {margin-bottom: 0;}
.data_box_wrap .preview_at .tmpBox_at_tmp .tmpHeaderArea {background-color: #fee800;text-align: center;}
.data_box_wrap .preview_at .tmpBox_at_tmp .tmpHeaderArea img {width: 15px; margin-bottom: -2px;}
.data_box_wrap .preview_at .tmpBox_at_tmp .tmpHeaderArea .tmpHeaderTxt {padding: 7px 10px;display: inline-block;}
.data_box_wrap .preview_at .tmpBox_at_tmp .tmpHeaderArea .tmpHeaderTxt2 {padding: 7px 10px;display: inline-block; max-width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle;}
.data_box_wrap .preview_at .tmpBox_at_tmp .atChannelMsg {margin: 0 -10px; padding: 10px 20px; color: #999999;}
.data_box_wrap .preview_at .tmpBox_at_tmp .atAddInfoMsg {margin: 0 -10px; padding: 10px 20px; color: #999999;}
.data_box_wrap .preview_at .tmpBox_at_tmp .tmpAtAreaTxt .atTxtContScroll {padding: 0 5px;}
.data_box_wrap .preview_at .tmpBox_at_tmp .tmpAtAreaTxt .tmpEmphaCont { border-bottom: 1px solid #ebebeb; padding: 20px 10px;}
.data_box_wrap .preview_at .tmpBox_at_tmp .tmpAtAreaTxt .tmpEmphaCont .emphaTitle {font-size: 17px; font-weight: 700;}
.data_box_wrap .preview_at .tmpBox_at_tmp .tmpAtAreaTxt .tmpEmphaCont .emphaSub {font-size: 13px; font-weight: 700; color: #959494; margin-bottom: 5px;}
.data_box_wrap .preview_at .tmpBox_at_tmp .tmpImgCont{margin: 0 -10px 0 -10px;}
.data_box_wrap .preview_at .tmpBox_at_tmp .tmpImgCont .tmpContBox{width: 358px; background: #eeeeee; height: 179px; text-align: center; display: flex;justify-content: center;align-items: center;}
.data_box_wrap .preview_at .tmpBox_at_tmp .tmpImgCont .tmpContBox .tmpContTxt{display: inline-block;}
.data_box_wrap .preview_at .txtByte { margin-top: 10px;text-align: end;font-weight: bold;}
/* 알림톡 템플릿 끝 */

.mms_area .scr_x {height: 350px;}/* 템플릿 > 캐러셀 */
.mms_area {display: block; position: absolute; /* min-height: 250px; */ top: 0; left: 145px; height: 430px; font-size: 12px; line-height: 1.6; color: #333; box-sizing: border-box; width: 448px; background-color: #fff; padding: 10px 20px; border: 1px solid #cdcdcd; align-content: space-between;}

/* 안내페이지::RCS */
.blind {display:block;position:absolute;overflow:hidden;clip:rect(0 0 0 0);width:1px;height:1px}/* 숨김 텍스트 */
.dis_grid {display:grid}
.flex_center_hor {display:flex;justify-content:center}
.flex_center_hor.gap-20 {column-gap:20px}
.flex_center_hor.gap-40 {column-gap:40px}
.flex_center_ver {display:flex;align-items:center}
.btn_vertical {display:flex;flex-direction:column;justify-content:center;row-gap:10px;min-width:230px}
.btn_style {height:42px;border:1px solid;border-radius:50px;font-family:'NanumSquareB';font-size:14px;line-height:42px;text-align:center;transition:all .1s;box-sizing:border-box}
.btn_style.s-1 {border-color:#4B8ED8;background-color:#4B8ED8;color:#FFFFFF}
.btn_style.s-1:hover {border-color:#0066ff;background-color:#0066ff}
.btn_style.s-2 {border-color:#DDDDDD;background:#FFFFFF;color:#4B8ED8}
.btn_style.s-2:hover {border-color:#0066ff;background:#0066ff;color:#FFFFFF}
.btn_style.s-3 {border-color:#4B8ED8;background:#FFFFFF;color:#4B8ED8}
.btn_style.s-3:hover {border-color:#0066ff;background-color:#0066ff;color:#FFFFFF}

.sub_page {min-width:1248px;margin:0 auto}
.sub_page .visual {overflow:hidden;position:relative;min-height:600px;padding:139px 0 86px 0;background:url(/images/contents/bg_visual.jpg) no-repeat center/cover;font-family:'NanumSquareR';letter-spacing:-0.35px;color:#FFFFFF;box-sizing:border-box}
.sub_page .visual .visual_txt {width:1252px;margin:0 auto}
.sub_page .visual .vs_sub {display:block;margin-bottom:25px;font-family:'NanumSquareEB';font-size:24px;line-height:1.1;color:#1A1A1A}
.ico_chat {display:inline-block;width:115px;height:40px;background:url(/images/contents/ico_chat_115.png) no-repeat center/100% auto;vertical-align:top}
.sub_page .visual .ico_chat {margin:-8px 0 0 2px}
.sub_page .visual .vs_desc {display:block;margin:8px 0 0 0;font-size:20px;line-height:1.4}
.sub_page .visual .vs_main {font-family:'NanumSquareEB';font-size:52px;line-height:1.23;letter-spacing:-2px}
.sub_page .visual .vs_btn {display:flex;flex-wrap:wrap;gap:12px;max-width:560px;margin-top:49px}
.sub_page .visual .vs_btn .vs_btn_comm {padding:0 60px;border:1px solid #FFFFFF;border-radius:80px;font-size:20px;line-height:58px;color:#FFFFFF;text-align:center;transition:all .1s;box-sizing:border-box}
.sub_page .visual .vs_btn .vs_btn_comm:hover {background-color:#FFFFFF;font-weight:500;color:#86a5e4}
.sub_page .visual .visual_img {position:absolute;top:82px;left:50%;margin-left:-36px}
.sub_page .visual .visual_img .img {width:254px;margin:0 -17px}
.sub_page .visual .visual_img .img img {width:100%}

.sect.bg_gray {background:#F7F7F7}
.sect {overflow:hidden}
.sect img {width:100%}
.sect .sect_inner {max-width:1280px;margin:0 auto;padding:120px 0}
.sect_ttl {display:block;font-family:'NanumSquareEB';font-size:44px;line-height:60px;letter-spacing:-1.3px;color:#1D6FC9;text-align:center}
.sect_ttl.min {font-family:'NanumSquareB';font-size:22px;line-height:34px}
.sect_ttl.min + .sect_desc {margin-top:0;color:#333333}
.sect .sect_inner:has(.sect_ttl.min) {padding-top:134px}
.sect_ttl ~ .sect_cont {margin-top:70px}
.sect_desc {margin-top:20px;font-family:'NanumSquareB';font-size:22px;line-height:34px;color:#7E7E7E;text-align:center}
.sect_desc b {color:#333333}
.sect_box {display:flex;flex-wrap:wrap;gap:30px;padding:0 16px}
.sect_box .item {position:relative;width:calc((100% - 60px) / 3);min-height:350px;padding:70px 20px 30px 20px;border-radius:40px;background:#FFFFFF;box-shadow:0 2px 20px rgba(224,238,254,0.5);text-align:center;box-sizing:border-box}
.sect_box .item::after {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:40px;box-shadow:0 4px 30px rgba(0,0,0,0.05);z-index:-1}
.sect_box .item .box_ttl {display:block;margin-bottom:14px;font-style:normal;font-family:'NanumSquareB';font-size:24px;line-height:28px}
.sect_box .item .box_desc {font-size:17px;line-height:23px;color:#7E7E7E}
.sect_box .item::before {content:'';display:block;width:100px;height:97px;margin:0 auto 35px auto;background:no-repeat top center}
.sect_box .item.type1::before {background-image:url(/images/contents/box_ico_type1.png)}
.sect_box .item.type2::before {background-image:url(/images/contents/box_ico_type2.png)}
.sect_box .item.type3::before {background-image:url(/images/contents/box_ico_type3.png)}
.sect_box .item.type4::before {background-image:url(/images/contents/box_ico_type4.png)}
.sect_box .item.type5::before {background-image:url(/images/contents/box_ico_type5.png)}
.sect_box .item.type6::before {background-image:url(/images/contents/box_ico_type6.png)}

.sect.promote .flex_item {margin:0 -20px}
.sect.promote .flex_item:nth-child(1) {width:736px}
.sect.promote .flex_item:nth-child(2) {width:484px}

.sect.brand .sect_inner {padding-bottom:100px}
.sect.brand .sect_cont {width:90%;margin:35px auto 0 auto}

.sect.step .sect_inner {padding-left:50px;padding-right:50px}
.step_box {display:flex;flex-direction:column;row-gap:20px;padding:0 66px;letter-spacing:-0.25px}
.step_box .item {display:flex;column-gap:32px;padding:47px 70px;border:1px solid #EEEEEE;border-radius:20px;background:#F7F7F7;box-sizing:border-box;z-index:1}
.step_box .item:nth-child(1) {z-index:9}
.step_box .item:nth-child(2) {z-index:8}
.step_box .item:nth-child(3) {z-index:7}
.step_box .item:nth-child(4) {z-index:6}
.step_box .item:nth-child(5) {z-index:5}
.step_box .item:nth-child(6) {z-index:4}
.step_box .item:nth-child(7) {z-index:3}
.step_box .item:nth-child(8) {z-index:2}
.step_box .step_num {flex-shrink:0;position:relative;font-family:'NanumSquareEB';font-size:24px;line-height:1;letter-spacing:-1.5px;color:#4B8ED8}
.step_box .step_num::before {content:'';display:block;position:absolute;top:37px;left:0;right:0;width:1px;height:calc(100% + 60px);margin:0 auto;border-left:1px dashed #4B8ED8;box-sizing:border-box;z-index:1}
.step_box .item:last-child .step_num::before,
.step_box .item:last-child .step_num::after {display:none}
.step_box .step_num::after {content:'';display:block;position:absolute;top:calc(100% + 93px);right:0;left:0;width:8px;height:7px;margin:0 auto;background:url(/images/contents/ico_arr_down_16.png) no-repeat center/100% auto}
.step_box .step_info {flex:1}
.step_box .step_ttl {display:block;margin-bottom:16px;font-style:normal;font-family:'NanumSquareB';font-size:24px;line-height:1}
.step_box .step_desc {font-size:16px;line-height:26px}
.step_box .step_desc:has(+.step_sub) {margin-bottom:10px}
.step_box .step_sub {padding-left:18px;font-size:14px;line-height:22px;color:#F94444}
.step_box .step_sub::before {content:'';display:inline-block;width:12px;height:10px;margin:5px 6px 0 -18px;background:url(/images/common/ico_check_24.png) no-repeat center/100% auto;vertical-align:top}

.pos_sticky {display:flex;justify-content:center;column-gap:20px;position:sticky;bottom:0;left:0;right:0;width:100%;padding:44px 0 49px 0;border-top:1px solid #DDDDDD;background:#FFFFFF;z-index:9}
.pos_sticky .btn_style {width:320px;height:66px;border-radius:10px;font-family:'NanumSquareEB';font-size:18px;line-height:66px}
.sect:has(+.pos_sticky) .sect_inner {padding-bottom:40px}

.type_box_rcs {grid-template-columns:1fr 1fr 2fr;column-gap:20px}
.type_box_rcs .item {overflow:hidden;position:relative;padding:85px 20px 18px 20px;border-radius:23px;background:#FFFFFF;text-align:center}
.type_box_rcs .item .type_ttl {display:block;position:absolute;top:0;left:0;width:100%;padding:16px 0;background:#88ABD2;font-style:normal;font-family:'NanumSquareEB';font-size:24px;line-height:28px;color:#FFFFFF}
.type_box_rcs .item .type_desc {display:block;font-size:16px;line-height:22px}
.type_box_rcs .item .type_img {margin-top:24px;padding:0 5px}
.type_box_rcs .item .type_table {margin-top:10px}
.type_box_rcs .item img {width:100%}
.type_table {font-family:'NanumSquareB';text-align:left}
.type_table th {padding:11px 10px;border:1px solid #E7E7E7;background:#F5F5F5;font-family:'NanumSquareB';font-size:12px;line-height:16px;letter-spacing:-0.25px;color:#333333}
.type_table td {padding:11px 10px;border:1px solid #E7E7E7;font-family:'NanumSquareB';font-size:12px;line-height:16px;letter-spacing:-0.25px;color:#7E7E7E}
.type_box_rcs .item:has(>.inner) {display:flex;padding-left:0;padding-right:0}
.type_box_rcs .item .inner {flex:1;padding:0 20px}
.type_box_rcs .item .inner + .inner {border-left:1px solid #E7E7E7}

.type_box_rcs2 {grid-template-columns:2fr 2fr;column-gap:20px}
.type_box_rcs2 .item {overflow:hidden;position:relative;padding:85px 20px 18px 20px;border-radius:23px;background:#FFFFFF;text-align:center}
.type_box_rcs2 .item .type_ttl {display:block;position:absolute;top:0;left:0;width:100%;padding:16px 0;background:#88ABD2;font-style:normal;font-family:'NanumSquareEB';font-size:24px;line-height:28px;color:#FFFFFF}
.type_box_rcs2 .item .type_desc {display:block;font-size:16px;line-height:22px}
.type_box_rcs2 .item .type_img {margin-top:24px;padding:0 5px}
.type_box_rcs2 .item .type_table {margin-top:10px}
.type_box_rcs2 .item img {width:100%}
.type_table {font-family:'NanumSquareB';text-align:left}
.type_table th {padding:11px 10px;border:1px solid #E7E7E7;background:#F5F5F5;font-family:'NanumSquareB';font-size:12px;line-height:16px;letter-spacing:-0.25px;color:#333333}
.type_table td {padding:11px 10px;border:1px solid #E7E7E7;font-family:'NanumSquareB';font-size:12px;line-height:16px;letter-spacing:-0.25px;color:#7E7E7E}
.type_box_rcs2 .item:has(>.inner) {display:flex;padding-left:0;padding-right:0}
.type_box_rcs2 .item .inner {flex:1;padding:0 20px}
.type_box_rcs2 .item .inner + .inner {border-left:1px solid #E7E7E7}

.type_box_rcs3 {grid-template-columns:2fr 1fr 1fr;column-gap:20px}
.type_box_rcs3 .item {overflow:hidden;position:relative;padding:85px 20px 18px 20px;border-radius:23px;background:#FFFFFF;text-align:center}
.type_box_rcs3 .item .type_ttl {display:block;position:absolute;top:0;left:0;width:100%;padding:16px 0;background:#88ABD2;font-style:normal;font-family:'NanumSquareEB';font-size:24px;line-height:28px;color:#FFFFFF}
.type_box_rcs3 .item .type_desc {display:block;font-size:16px;line-height:22px}
.type_box_rcs3 .item .type_img {margin-top:24px;padding:0 5px}
.type_box_rcs3 .item .type_table {margin-top:10px}
.type_box_rcs3 .item img {width:100%}
.type_table {font-family:'NanumSquareB';text-align:left}
.type_table th {padding:11px 10px;border:1px solid #E7E7E7;background:#F5F5F5;font-family:'NanumSquareB';font-size:12px;line-height:16px;letter-spacing:-0.25px;color:#333333}
.type_table td {padding:11px 10px;border:1px solid #E7E7E7;font-family:'NanumSquareB';font-size:12px;line-height:16px;letter-spacing:-0.25px;color:#7E7E7E}
.type_box_rcs3 .item:has(>.inner) {display:flex;padding-left:0;padding-right:0}
.type_box_rcs3 .item .inner {flex:1;padding:0 20px}
.type_box_rcs3 .item .inner + .inner {border-left:1px solid #E7E7E7}

/* 안내페이지::알림톡/친구톡 */
.sub_page .visual .visual_img_at {position:absolute;top:82px;left:50%;margin-left:130px}
.sub_page .visual .visual_img_at .img {width:254px;margin:0 -8px}

.sect_box .item.type7::before {background-image:url(/images/contents/box_ico_type7.png)}

.type_box_at {grid-template-columns:1fr 5fr;column-gap:20px}
.type_box_at .item {overflow:hidden;position:relative;padding:85px 20px 18px 20px;border-radius:23px;background:#FFFFFF;text-align:center}
.type_box_at .item .type_ttl {display:block;position:absolute;top:0;left:0;width:100%;padding:16px 0;background:#88ABD2;font-style:normal;font-family:'NanumSquareEB';font-size:24px;line-height:28px;color:#FFFFFF}
.type_box_at .item .type_desc {display:block;font-size:16px;line-height:22px}
.type_box_at .item .type_img {margin-top:24px;padding:0 5px}
.type_box_at .item .type_table {margin-top:10px}
.type_box_at .item img {width:100%}
.type_table_at {font-family:'NanumSquareB';text-align:left}
.type_table_at th {padding:11px 10px;border:1px solid #E7E7E7;background:#F5F5F5;font-family:'NanumSquareB';font-size:12px;line-height:16px;letter-spacing:-0.25px;color:#333333}
.type_table_at td {padding:11px 10px;border:1px solid #E7E7E7;font-family:'NanumSquareB';font-size:12px;line-height:16px;letter-spacing:-0.25px;color:#7E7E7E}
.type_box_at .item:has(>.inner) {display:flex;padding-left:0;padding-right:0}
.type_box_at .item .inner {flex:1;padding:0 20px}
.type_box_at .item .inner + .inner {border-left:1px solid #E7E7E7}

/* 이미지 cropper */
.layerpopWrap .popupImgCropper {position: relative; display: inline-block; left: 20%; text-align:left; top: 7%; width: 1100px; height: 770px; margin: 0 0 0 30px;border-radius: 20px;border: 1px solid #969696; background: #fff; box-sizing: border-box;padding:20px;}
.layerpopWrap .popupImgCropper .btn_close {position: absolute; width: 45px; right: 10px; top: 20px;}
.layerpopWrap .popupImgCropper .popTitWrap {min-width:443px; height:60px; box-sizing: border-box;}
.layerpopWrap .popupImgCropper .popTitWrap h1 {font-size: 24px;font-family: 'NanumSquareB';height:60px; font-weight:bold; color:#000; line-height:60px; border-bottom: 1px solid #555; padding-left:10px;}
.layerpopWrap .popupImgCropper .popContWrap {padding:20px 0;display:flex;gap:20px;overflow:hidden;border-bottom: 1px solid #c9c9c9;}
.layerpopWrap .popupImgCropper .popContWrap .imgCropperBox {position:relative;display:flex;width:750px;height:550px;gap:20px;border:1px dashed #A0A0A0;background-color: #f7f7f7;background-image: url("/images/contents/election_icon02.png");background-repeat: no-repeat;background-position: center;}
.layerpopWrap .popupImgCropper .popContWrap .imgCropperBox img {display: block;width:auto;height:auto;max-width:100%; max-height:100%;object-fit:contain;}
.layerpopWrap .popupImgCropper .popContWrap .imgCropperBox .imgCropperBoxText {position:relative; display: block; top:168px; width:750px; text-align:center; font-family: 'NanumSquareR';font-size: 16.5px; font-weight: bold; color: #888; line-height: 16px;}
.layerpopWrap .popupImgCropper .popContWrap .imgCropperInfo {width:286px;}
.layerpopWrap .popupImgCropper .popContWrap .imgCropperInfo p {width:286px; padding-bottom: 6px;}
.layerpopWrap .popupImgCropper .popContWrap .file_input_wrap {position: relative; }
.layerpopWrap .popupImgCropper .popContWrap .file_input_wrap input {display:block; width:307px;height: 38px;}
.layerpopWrap .popupImgCropper .popContWrap .file_input_wrap input.fileInput {width:100px;color:#666;}
.layerpopWrap .popupImgCropper .popContWrap .file_input_wrap .posR {position: absolute; top:0; left:190px; width: 100px; text-align: left;}
.layerpopWrap .popupImgCropper .popContWrap .file_input_div {position:relative; height:38px; overflow: hidden;}
.layerpopWrap .popupImgCropper .popContWrap .file_input_hidden {position:absolute; right:0px; top:0px; opacity:0;filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; -khtml-opacity:0; -moz-opacity:0;cursor:pointer;}
.layerpopWrap .popupImgCropper .popContWrap .file_input_button {background: #f7f7f7; width: 60px; height: 38px;padding: 0 5px;font-size: 14px;border: 1px solid #cfcfcf;line-height: 38px;margin-right:10px;cursor:pointer;border-radius:8px;}

.layerpopWrap .popupImgCropper .popContWrap .fileInfoWrap {position: relative;padding-top: 20px;font-size: 12.5px; color: #959595;}
.layerpopWrap .popupImgCropper .popContWrap .fileInfoWrap .croppedImgInfo {font-size: 12.5px;}
.layerpopWrap .popupImgCropper .popContWrap .fileInfoWrap .fileSubInfo {padding-top: 20px; margin-top:14px; border-top:1px solid #A0A0A0; font-family: 'NanumSquareR'; font-size: 15px; font-weight:bold; color:#737373;}
.layerpopWrap .popupImgCropper .popContWrap .fileInfoWrap b {color:#4d4d4d; }

.layerpopWrap .popupImgCropper .btnWrap {margin: 20px 0 0 0 !important;text-align: center;}
.layerpopWrap .popupImgCropper .btnWrap .fileSubmit {cursor: pointer;}

.layerpopWrap .popupImgCropperCustom {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1100px; height: 770px; padding: 20px; margin: 0; border-radius: 20px; border: 1px solid #969696; background: #fff; box-sizing: border-box; text-align: left; }
.layerpopWrap .popupImgCropperCustom .btn_close {position: absolute; width: 45px; right: 10px; top: 20px;}
.layerpopWrap .popupImgCropperCustom .popTitWrap {min-width:443px; height:60px; box-sizing: border-box;}
.layerpopWrap .popupImgCropperCustom .popTitWrap h1 {font-size: 24px;font-family: 'NanumSquareB';height:60px; font-weight:bold; color:#000; line-height:60px; border-bottom: 1px solid #555; padding-left:10px;}
.layerpopWrap .popupImgCropperCustom .popContWrap {padding:20px 0;display:flex;gap:20px;overflow:hidden;border-bottom: 1px solid #c9c9c9;}
.layerpopWrap .popupImgCropperCustom .popContWrap .imgCropperBox {position:relative;display:flex;width:750px;height:550px;gap:20px;border:1px dashed #A0A0A0;background-color: #f7f7f7;background-image: url("/images/contents/election_icon02.png");background-repeat: no-repeat;background-position: center;}
.layerpopWrap .popupImgCropperCustom .popContWrap .imgCropperBox img {display: block;width:auto;height:auto;max-width:100%; max-height:100%;object-fit:contain;}
.layerpopWrap .popupImgCropperCustom .popContWrap .imgCropperBox .imgCropperBoxText {position:relative; display: block; top:168px; width:750px; text-align:center; font-family: 'NanumSquareR';font-size: 16.5px; font-weight: bold; color: #888; line-height: 16px;}
.layerpopWrap .popupImgCropperCustom .popContWrap .imgCropperInfo {width:286px;}
.layerpopWrap .popupImgCropperCustom .popContWrap .imgCropperInfo p {width:286px; padding-bottom: 6px;}
.layerpopWrap .popupImgCropperCustom .popContWrap .file_input_wrap {position: relative; }
.layerpopWrap .popupImgCropperCustom .popContWrap .file_input_wrap input {display:block; width:307px;height: 38px;}
.layerpopWrap .popupImgCropperCustom .popContWrap .file_input_wrap input.fileInput {width:100px;color:#666;}
.layerpopWrap .popupImgCropperCustom .popContWrap .file_input_wrap .posR {position: absolute; top:0; left:190px; width: 100px; text-align: left;}
.layerpopWrap .popupImgCropperCustom .popContWrap .file_input_div {position:relative; height:38px; overflow: hidden;}
.layerpopWrap .popupImgCropperCustom .popContWrap .file_input_hidden {position:absolute; right:0px; top:0px; opacity:0;filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; -khtml-opacity:0; -moz-opacity:0;cursor:pointer;}
.layerpopWrap .popupImgCropperCustom .popContWrap .file_input_button {background: #f7f7f7; width: 60px; height: 38px;padding: 0 5px;font-size: 14px;border: 1px solid #cfcfcf;line-height: 38px;margin-right:10px;cursor:pointer;border-radius:8px;}


.layerpopWrap .popupImgCropperCustom .popContWrap .fileInfoWrap {position: relative;padding-top: 20px;font-size: 12.5px; color: #959595;}
.layerpopWrap .popupImgCropperCustom .popContWrap .fileInfoWrap .croppedImgInfo {font-size: 12.5px;}
.layerpopWrap .popupImgCropperCustom .popContWrap .fileInfoWrap .fileSubInfo {padding-top: 20px; margin-top:14px; border-top:1px solid #A0A0A0; font-family: 'NanumSquareR'; font-size: 15px; font-weight:bold; color:#737373;}
.layerpopWrap .popupImgCropperCustom .popContWrap .fileInfoWrap b {color:#4d4d4d; }

.layerpopWrap .popupImgCropperCustom .btnWrap {margin: 20px 0 0 0 !important;text-align: center;}
.layerpopWrap .popupImgCropperCustom .btnWrap .fileSubmit {cursor: pointer;}

/* 이미지 레이어 */
.layerpopWrap .popupImgList {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1100px; height: 770px; padding: 20px; margin: 0; border-radius: 20px; border: 1px solid #969696; background: #fff; box-sizing: border-box; text-align: left; }
.layerpopWrap .popupImgList .btn_close {position: absolute; width: 45px; right: 10px; top: 20px;}
.layerpopWrap .popupImgList .layerTitWrap {min-width:443px; height:60px; box-sizing: border-box;}
.layerpopWrap .popupImgList .layerTitWrap h1 {font-size: 24px;font-family: 'NanumSquareB';height:60px; font-weight:bold; color:#000; line-height:60px; border-bottom: 1px solid #555; padding-left:10px;}
.layerpopWrap .popupImgList .layer_search_wrap {text-align:end;margin:0px}
.layerpopWrap .popupImgList .layer_data_box_wrap {margin:0px; overflow-y: scroll;padding: 30px 30px 30px 44px;}
.layerpopWrap .popupImgList .layer_data_box_wrap.noContent {height: 80%; display:grid; align-content:center; overflow-y: hidden;}
.layerpopWrap .popupImgList .layer_data_box_wrap .maskWrap {overflow: initial;}
.layerpopWrap .popupImgList .layer_data_box_wrap .maskWrap .noImageMessage {display:none; text-align:center; margin-top:20px; color:#666; font-size: 2em;}
.layerpopWrap .popupImgList .layer_data_box_wrap .maskWrap .each_box_wrap {margin:10px;}
.layerpopWrap .popupImgList .layer_data_box_wrap .maskWrap .fileInfoWrap {position: relative;padding-top: 20px;font-size: 12.5px; color: #959595;}
.layerpopWrap .popupImgList .layer_data_box_wrap .maskWrap .fileInfoWrap .fileSubInfo {padding-top: 20px; margin-top:14px; border-top:1px solid #A0A0A0; font-family: 'NanumSquareR'; font-size: 15px; font-weight:bold; color:#737373;}
.layerpopWrap .popupImgList .layer_data_box_wrap .maskWrap .fileInfoWrap b {color:#4d4d4d; }
.layerpopWrap .popupImgList .layer_data_box_wrap .maskWrap .each_box_wrap {height:250px;}
.layerpopWrap .popupImgList .layer_data_box_wrap .maskWrap .each_box_wrap .card {position:relative; overflow:hidden; width:18rem; border:1px solid #ddd; border-radius:12px; display:flex; flex-direction:column; justify-content:center; align-items:center; padding:6px; background-color:#fff; box-shadow:0 2px 8px rgba(0,0,0,0.08); transition:all 0.5s ease; height:100%; background:#eeeeee;}
.layerpopWrap .popupImgList .layer_data_box_wrap .maskWrap .each_box_wrap .card img {display:block;  width:auto; height:auto;}
.layerpopWrap .popupImgList .layer_data_box_wrap .maskWrap .each_box_wrap .card .overlay {position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8); color:#fff; display:flex; flex-direction:column; justify-content:center; align-items:center; opacity:0; transition:opacity 0.3s;}
.layerpopWrap .popupImgList .layer_data_box_wrap .maskWrap .each_box_wrap .card .overlay .fileInfoWrap{padding:10px; text-align:center;}
.layerpopWrap .popupImgList .layer_data_box_wrap .maskWrap .each_box_wrap .card .imageBtn {display:flex; gap:10px; margin-top:10px;}
.layerpopWrap .popupImgList .layer_data_box_wrap .maskWrap .each_box_wrap .card .imageBtn .applyBtn{padding:8px 16px; background:#fff; color:#000; border:none; border-radius:4px; cursor:pointer;}
.layerpopWrap .popupImgList .layer_data_box_wrap .maskWrap .each_box_wrap .card .imageBtn .imgBtnClick{padding:8px 16px; background:#fff; color:#000; border:none; border-radius:4px; cursor:pointer; display:flex; align-items:center; justify-content:center;}


.layerpopWrap .ImgOpenWrap {background:#fff; box-sizing:border-box; text-align:left; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); width:60%; height:75%; display:flex; justify-content:center; align-items:center;}
.layerpopWrap .ImgOpenWrap .btn_close{z-index:99; position: absolute; width:45px; right:10px; top:20px;}
.layerpopWrap .ImgOpenWrap .contWrapImgOpen{position:relative; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; display:flex; justify-content:center; align-items:center;}



/* 문자 〉 비즈메시지란 ? */
.sub_page .bnr_bg.bizmessage {min-width:1248px; height:680px; background: url('/images/main/main_top_bg.png') repeat center #fff;}
.sub_page .bnr_bg.bizmessage .main_visual {position: absolute; bottom: 220px; left: 50%; transform: translateX(-50%); width: 975px; height: 100px; display: flex; justify-content: space-between;}
.sub_page .bnr_bg.bizmessage .main_visual .btn {width: 195px; height: 140px; border: 0px solid #ff0000; cursor: pointer;}

/* 브랜드 메시지_202512 */
.brandMsg {letter-spacing:-1px}
:where(.brandMsg_introduction,.brandMsg_characteristics,.brandMsg_method) em {font-style:normal}
.brandMsg_visual .main_visual {position:relative;background:#FFD900 no-repeat;background-image:url(/images/brand/banner_bg_left.png), url(/images/brand/banner_bg_right.png), url(/images/brand/banner_decoration.png);background-position:top left, bottom right, center top;background-size:480px, 1189px, 1199px;text-align:center}
.brandMsg_visual .vs_txt {padding-top:124px}
.brandMsg_visual .vs_sub {display:block;margin-bottom:30px;font-weight:600;font-size:22px;text-decoration:underline}
.brandMsg_visual .vs_sub b {font-weight:900}
.brandMsg_visual .vs_main {display:block;font-family:'NanumSquareL';font-size:52px;line-height:1.23}
.brandMsg_visual .vs_main b {font-weight:900}
.brandMsg_visual .vs_main span {font-weight:500}
.brandMsg_visual .vs_img {max-width:638px;margin:69.6px auto 0 auto}
.brandMsg_visual .vs_img img {display:block;max-width:100%}
.brandMsg .bg_gray .sect_inner {padding:129px 0 153px 0}
.brandMsg_ttl {display:block;margin-bottom:26px;font-weight:900;font-size:52px;line-height:60px;text-align:center}
.brandMsg_subTtl {margin:50px 0 20px 0;font-weight:900;font-size:40px;line-height:50px;color:#246BEB;text-align:center}
.brandMsg_desc {display:block;font-size:20px;line-height:1.5;text-align:center}
.brandMsg_desc b {font-weight:900}
/* 카카오 브랜드 메시지란? */
.type_swiper {position:relative;margin-top:96px}
.type_swiper .iSwiper {overflow:hidden;width:1106px;margin:0 auto}
.type_swiper .type_slide {display:flex}
.type_swiper .swiper-arr {position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:no-repeat center/100% auto;z-index:1}
.type_swiper .swiper-arr.prev {left:-29px;background-image:url(/images/brand/ico_arr_left.png);cursor:pointer;}
.type_swiper .swiper-arr.next {right:-29px;background-image:url(/images/brand/ico_arr_right.png);cursor:pointer;}
.type_swiper .swiper-arr.swiper-button-disabled {opacity:0.2}
.type_slide .type_info {width:542px}
.type_slide .type_subTitle {display:block;margin-bottom:26px;font-size:22px}
.type_slide .type_title {display:block;margin-bottom:25px;font-weight:900;font-size:36px}
.type_slide .type_desc {font-size:16px;line-height:24px}
.type_slide .type_img {flex-shrink:0;width:454px;margin-left:auto}
.type_slide .type_tb {margin-top:58px;border-top:1px solid #000000}
.type_slide .type_tb :where(th,td) {height:60px;padding:17px 5px;border:0;border-bottom:1px solid #E4E4E4;border-left:1px solid #E4E4E4;background-color:#F9F9F9;font-weight:900;font-size:14px;line-height:20px;color:#111;box-sizing:border-box}
.type_slide .type_tb :where(th,td):first-child {border-left:0}
.type_slide .type_tb th {padding-left:14px}
.type_slide .type_tb td {padding-left:17px}
.type_slide .type_tb_desc {margin-top:9px;padding-left:14px;font-weight:700;font-size:12px;line-height:24px;color:#9C9C9C;box-sizing:border-box}
/* 브랜드톡 특징 */
.brandMsg_characteristics .sect_inner {padding-bottom:20px}
.brandMsg_img {margin:44px auto 0 auto}
.brandMsg_img:nth-of-type(1) {width:720px}
.brandMsg_img:nth-of-type(2) {width:674px}
.brandMsg_img:nth-of-type(3) {width:764px;margin-top:25px}
.brandMsg_list {display:flex;justify-content:center;column-gap:90px;padding-top:30px;font-weight:900;font-size:36px;line-height:40px;color:#246BEB;text-align:center}/* 전송방식 */
.brandMsg_item::after {content:'';display:block;width:260px;height:260px;margin-top:40px;border-radius:50%;background:no-repeat center;box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.05),0px 2px 20px 0px rgba(224, 238, 254, 0.5);}
.brandMsg_item.api::after {background-image:url(/images/brand/ico_api.png);background-size:100px auto}
.brandMsg_item.web::after {background-image:url(/images/brand/ico_www.png);background-size:110px auto}
.brandMsg_item.send::after {background-image:url(/images/brand/ico_send.png);background-size:106px auto}
.brandMsg_item span {font-weight:700}

/* footer Start  */
/*
.footer{background: #ffffff;}
.footer .ft_01{border-bottom: 1px solid #32363b;}
.footer .ft_01 .ft_menu{width: 1248px; height: 100%; margin: 0 auto; background: #1d2227;}
.footer .ft_01 .ft_menu ul{height: 14px; padding: 18px 0 17px 0;}
.footer .ft_01 .ft_menu ul li{float: left; padding: 0 25px; border-left: 2px solid #2b3035; height: 14px; line-height: 14px;}
.footer .ft_01 .ft_menu ul li a{font-family: '맑은고딕', Malgun Gothic; font-size: 14px; color: #ffffff; letter-spacing: -1px;}
.footer .ft_01 .ft_menu ul li:first-child {border-left: none;}
.footer .ft_01 .ft_menu ul li::after{display: table; content: ''; clear: both; overflow: hidden;}
.footer .ft_02{height: 134px;}
.footer .ft_02 .ft_02_wrap{width: 1248px; margin: 0 auto; background: #1d2227; padding: 41px 0 43px 0;}
.footer .ft_02 .ft_logo{width: 140px; height: 46px; float: left; padding-left: 5px;}
.footer .ft_02 .ft_logo::after{display: table; content: ''; clear: both; overflow: hidden;    }
.footer .ft_02 .ft_logo image{width: 140px; height: 46px;}
.footer .ft_02 .ft_02_wrap .ft_txt{height: 50px; display: inline-block; padding-left: 50px; line-height: 1.8; 
    vertical-align: top;}
.footer .ft_02 .ft_02_wrap .ft_txt ul{height: 27px;}
.footer .ft_02 .ft_02_wrap .ft_txt ul li{display: inline-block; color: #ffffff; font-family: '맑은고딕', Malgun Gothic; font-size: 14px; letter-spacing: -1px; vertical-align: top;}
.footer .ft_02 .ft_02_wrap .ft_txt ul li:nth-child(1){width: 235px;}
.footer .ft_02 .ft_02_wrap .ft_txt ul li:nth-child(2){padding-left: 10px;}
.footer .ft_02 .ft_02_wrap .ft_txt ul li:nth-child(3){padding-left: 10px;}
.footer .ft_02 .ft_02_wrap .ft_txt ul:nth-child(2) li:nth-child(1){width: 400px;}
.footer .ft_02 .ft_02_wrap .ft_txt ul:nth-child(2) li:nth-child(2){padding-left: 11px;}
.footer .ft_02 .ft_02_wrap .ft_txt ul:nth-child(3) li:nth-child(2){padding-left: 11px;}
.footer .ft_02 .ft_02_wrap .ft_ico{ width: 216px; height: 30px; float: right; margin: 8px 0;}
.footer .ft_02 .ft_02_wrap .ft_ico::after{ display: table; content: ''; clear: both; overflow: hidden;    }
.footer .ft_02 .ft_02_wrap .ft_ico .ft_ico_kosdaq{ float: left; padding: 3px 24px 0 0;}
.footer .ft_02 .ft_02_wrap .ft_ico .ft_ico_kosdaq img{ vertical-align: middle;}
.footer .ft_02 .ft_02_wrap .ft_ico .ft_ico_info{ display: inline-block; width: 112px; height: 30px;}
*/
/* footer End */


/* 공통 하단 (푸터) */
.footer .footerCompanyMenu {border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0; text-align:center; }
.footer .footerCompanyMenu * { box-sizing:border-box; }
.footer .footerCompanyMenu h3 {position:absolute; top:-9999px;text-indent:-9999px; }
.footer .footerCompanyMenu ul {height:50px;width:1248px;display:flex;margin:-1px auto;align-items:center;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}
.footer .footerCompanyMenu ul li {margin-right:50px; }
.footer .footerCompanyMenu ul li a { display:inline-block; color:#4E4E4E; font-family: 'NanumSquareR'; font-size: 15px; font-weight:bold; letter-spacing: 1.2px;}

.footer .footerInfoSect {display:flex;width:1248px;position:relative; margin:0 auto;padding:40px 0 80px;text-align:left;}
.footer .footerInfoSect h3 {font-family: 'NanumSquareR'; font-weight:bold; font-size:20px;color:#4E4E4E; margin-bottom:16px; letter-spacing: 1.0px; line-height: 1.6;}

.footer .footerInfo {width:954px;}
.footer .footerInfo address { line-height:1.7;color:#828282; font-style:normal; font-family: 'NanumSquareR'; font-size: 14px; }
.footer .footerInfo address a { line-height:1.7;color:#828282; font-style:normal; font-family: 'NanumSquareR'; font-size: 14px; text-decoration:underline; padding-left: 10px;}
.footer .footerInfo ul li { display:inline-block;color:#828282;line-height:1.7; margin-right:10px; font-family: 'NanumSquareR'; font-size: 14px; }
.footer .footerInfo ul li a {text-decoration:underline;color:#828282}
.footer .footerInfo p { padding:20px 0 0;color:#828282;}
.footer .footerInfo .snsLink {display:flex;margin-top:20px}
.footer .footerInfo .snsLink a {margin-right:10px}

.footer .footerContent .customerCenter {margin-bottom:20px; }
.footer .footerContent .customerCenter h3 strong {color:#2C90DE; letter-spacing: normal;}
.footer .footerContent .customerCenter p {color:#767676;line-height:1.7;margin-bottom:6px; font-family: 'NanumSquareR'; font-size: 14px; }
.footer .footerContent .customerCenter a {display:inline-block;padding-right:12px;position:relative; color:#767676;line-height:1.7; font-family: 'NanumSquareR'; font-size: 14px; font-weight: bold;}
.footer .footerContent .certLink {display:flex;margin-top:20px}
.footer .footerContent .certLink a {margin-right:10px}
.footer .footerContent .certifiedBox {display:inline-flex;align-items:center;vertical-align:middle;}


/* 이벤트::첫구매혜택 20250228 추가 */
.eJoinEvent :where(.eVisual, .eCont) * {font-family:'Gmarket Sans';letter-spacing:-0.5px}
.eVisual {display:flex;flex-direction:column;align-items:center;height:600px;padding-top:130px;background:#040728 url(/images/promote/visual_bg.png) no-repeat top -9px center/900px auto;box-sizing:border-box}
.eVisual_text {display:block;margin-top:10px;font-weight:500;font-size:24px;line-height:30px;letter-spacing:-0.5px;color:#FFFFFF}
.eVisual_text b {font-weight:700;}

.eCont {padding:140px 100px;background-color:#51a1f2} 
.eCont_title {display:block;font-weight:700;font-size:60px;line-height:86px;letter-spacing:-1.5px;color:#FFFFFF;text-align:center}
.eCont_bg {display:inline-block;position:relative;letter-spacing:-1.5px;vertical-align:top}
.eCont_bg::before {content:'';display:block;position:absolute;top:-11px;left:-34px;width:49px;height:37px;background:url(/images/promote/ico_star.png) no-repeat center/100% auto}/* 별 */
.eCont_bg::after {content:'';display:block;position:absolute;bottom:7px;left:8px;width:100%;height:8px;background:url(/images/promote/img_line.png) no-repeat top left/100% 100%}/* 밑줄 */
.eCont_desc {display:block;margin-top:18px;font-weight:300;font-size:20px;line-height:24px;color:#FFFFFF;text-align:center}
.eCont_desc .sub {font-size:16px}
.eCont_list {display:flex;flex-wrap:wrap;gap:70px 61px;width:750px;margin:95px auto 0 auto}
.eCont_item {display:flex;flex-direction:column;align-items:center;position:relative;width:344px;padding-top:34px;background-color:#FFFFFF}
.eCont_item::before {content:'';display:block;position:absolute;top:-42px;left:-30px;width:130px;height:130px;background:no-repeat center/100% auto;z-index:1}
.eCont_item.kakaoTalk::before {background-image:url(/images/promote/img_kakaoTalk.png)}
.eCont_item.sms::before {background-image:url(/images/promote/img_sms.png)}
.eCont_item.lms::before {background-image:url(/images/promote/img_lms.png)}
.eCont_item.mms::before {background-image:url(/images/promote/img_mms.png)}
.eCont_item:not(:has(.eCont_item_text)) {padding-bottom:35px}
.eCont_item_name {margin-bottom:8px;font-weight:500;font-size:22px;letter-spacing:10px;color:#3d8ddd}
.eCont_item_name.min {letter-spacing:5px}
.eCont_item_price {position:relative;padding:0 5px;font-weight:500;font-size:36px}
.eCont_item_price::after {content:'';display:block;position:absolute;bottom:-1px;left:0;width:100%;height:3px;border-radius:10px;background-color:#ffd008}
.eCont_item_price b {display:inline-block;margin:0 5px -2px 0;font-weight:700;font-size:70px;letter-spacing:-2px;vertical-align:bottom}
.eCont_item_text {width:100%;margin-top:28px;padding:10px 0;background-color:#d7ebff;font-weight:300;font-size:16px;text-align:center}
.eCont_btn {display:flex;justify-content:center;margin-top:70px}
.eCont_btn .eCont_link {display:inline-flex;align-items:center;justify-content:center;width:470px;height:90px;border:1px solid #FFFFFF;border-radius:100px;font-weight:700;font-size:30px;color:#FFFFFF;transition:all .1s;cursor:pointer;box-sizing:border-box}
.eCont_btn .eCont_link:hover {background-color:#FFFFFF;color:#51a1f2}

.eNotice {padding:80px 0 130px 0;background-color:#3d8ddd;color:#FFFFFF}
.eNotice_inner {width:750px;margin:0 auto;letter-spacing:-0.5px}
.eNotice_title {display:block;margin-bottom:30px;padding:0 7px;font-size:26px;line-height:30px;box-sizing:border-box}
.eNotice_list {display:flex;flex-direction:column;row-gap:12px;font-size:18px;line-height:26px}


/* 이벤트::브랜드톡 오픈 기념 첫구매혜택 */
.eBtOpenEvent :where(.eVisual, .eCont) * {font-family:'Gmarket Sans';letter-spacing:-0.5px}
.eBtOpenEvent {letter-spacing:-1px}
.eBtOpenEvent .eVisual {position:relative;height:720px;padding-top:170px;background:#FFD900 no-repeat;background-image:url(/images/brand/banner_bg_left.png), url(/images/brand/banner_bg_right.png), url(/images/brand/banner_decoration.png);background-position:top left, bottom right, center top;background-size:480px, 1189px, 1199px;text-align:center}
.eBtOpenEvent .eVisual_text {display:block;margin-top:10px;font-weight:500;font-size:24px;line-height:30px;letter-spacing:-0.5px;color:#222222}
.eBtOpenEvent .eVisual_text b {font-weight:700;}

/* 브랜드톡 쿠폰 스타일 */
.kakaoContArea .kakaoBtnArea{padding-bottom: 10px;}
.msgfuPreview .default_grey12 {height: 30px;width:100%;margin-top:5px;width: 224px;height:24px;box-sizing: border-box;font-size: 12px;border: 0;color:#000; background: #EBEBEB;border: 1px solid #EBEBEB;margin: 0 0 0 0; border-radius:8px;}
.msgfuPreview .default_grey12.btn_addChannel {background-color: #FEE500;}
.default_coupon { display:flex; align-items:stretch; justify-content:space-between; width:100%; margin: 10px 0; border:1px solid #e5e5e5; border-radius:8px; box-sizing:border-box; overflow:hidden; }
.default_coupon_cont { flex:1; padding:10px; display:flex; flex-direction:column; gap:4px; justify-content:center; }
.default_coupon_title { font-size:13px; font-weight:bold; color:#000; line-height:1.4; }
.default_coupon_desc { font-size:10px; color:#666; line-height:1.3; }
.default_coupon_img { display:flex; align-items:center; justify-content:center; background-color:#e4f3ff; border-left:1px solid #e5e5e5; padding: 0 7px 0 7px;}
.default_coupon_img img,
.default_coupon_img .coupon_img { width:13px; height:auto; display:block; }

/* FTM 가격 정보 스타일 */
.ftmPrice { display:flex; align-items:center; gap:5px; margin:5px 0; }
.ftmPrice .cmNomalPrice { font-size:14px; font-weight:bold; color:#000; }
.ftmPrice .cmDiscountPrice { font-size:12px; color:#999; text-decoration:line-through; }
.ftmPrice .cmDiscountRate { font-size:12px; font-weight:bold; color:#ff4d4d; }
.ftmPrice .cmFixed { font-size:12px; color:#ff0000; }


/* 브랜드톡 전송창 - '메세지 작성' 팝업 */
.msgfuPreview { border: 1px solid #e5e5e5; border-radius: 20px; width: 93%; overflow-x: hidden; overflow-y: auto; max-height: 500px;}
.msgfuPreview .ht_full {
  display: block;        /* inline-flex 절대 금지 */
  width: 100%;
  align-items: stretch; /* 혹시 flex면 */
}
.msgfuPreview img {border-radius: 10px;}
.msgfuPreview .tmpArea { display: flex; margin: 0; }
.msgfuPreview .cont_table { padding:20px 0; }
.msgfuPreview .cont_table .param_set_btn { display:flex; gap:10px; margin:20px 0; max-width:70%; }
.msgfuPreview .cont_table .param_set_btn .select_month { width:100%; box-sizing:border-box; }
.msgfuPreview .cont_table .param_set_btn .btn_grey1_button { width:100%; box-sizing:border-box; }

.msgfuPreview .cont_table .param_set_btn button { flex:1; width:20%; }

/* .msgfuPreview .cont_table .mainImgCont .btn_title_input { width: 380px;} /* 메인 이미지 */
.msgfuPreview .cont_table .img_label { display:inline-block; width:40px; font-size:13px; color:#444; text-align:right; padding:10px; flex-shrink: 0; vertical-align: middle;}

.msgfuPreview .cont_table .table_item_list .ftw_nomal_wrap { display:flex; align-items:flex-start; }
.msgfuPreview .cont_table .table_item_list .btnFtwImg { width:200px; text-align:center; }
.msgfuPreview .cont_table .table_item_list .ftw_nomal_desc { width:100%; display: flex; flex-direction: column;gap:5px;}
.msgfuPreview .cont_table .table_item_list .img_row { display:flex; align-items:center; }
.msgfuPreview .cont_table .table_item_list .btn_content_input { width:100%; box-sizing:border-box; }
.msgfuPreview .cont_table .table_item_list .ftwNomal { width:200px; }
.msgfuPreview .cont_table .ftw_main_wrap { margin:10px 0; display: flex; flex-direction: column;gap:5px;}

.msgfuPreview .cont_table .device_chk_input { display:none; }
.msgfuPreview .cont_table .device_chk_label { display:inline-block; padding:5px 15px; margin:0 5px; border:1.5px solid #ccc; border-radius:6px; cursor:pointer; background:#fff; font-size:13px; user-select:none; }
.msgfuPreview .cont_table .device_chk_label:hover { border-color:#999; }
.msgfuPreview .cont_table .device_chk_input:checked + .device_chk_label { border-color:#4A90E2; background:#E9F2FF; font-weight:600; color:#2A6CBD; }
.msgfuPreview .cont_table .getImageCont { position:relative; transition:all 0.15s ease; cursor:pointer; border-radius:10px; width:400px; }
.msgfuPreview .cont_table .getImageCont::after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0); transition:all 0.15s ease; }
.msgfuPreview .cont_table .getImageCont:hover { transform:scale(0.97); }
.msgfuPreview .cont_table .getImageCont:hover::after { background:rgba(0,0,0,0.08); }
.msgfuPreview .cont_table .getImageCont:active { transform:scale(0.94); }

.msgfuPreview .cont_table .table_btn_list td { vertical-align:top; }
.msgfuPreview .cont_table .btn_wrap { display:flex; gap:15px; }
.msgfuPreview .cont_table .btn_wrap .input_btn_name { width:35%; display:flex; flex-direction:column; gap:8px; padding-right:20px; border-right:1px solid #e2e2e2; }
.msgfuPreview .cont_table .btn_wrap .input_btn_url { width:60%; display:flex; flex-direction:column; gap:10px; }
.msgfuPreview .cont_table .input_coupon { width:100%; display:flex; flex-direction:column; gap:5px; }
.msgfuPreview .cont_table .btn_row { display:flex; align-items:center; gap:5px; width:100%; }
.msgfuPreview .cont_table .btn_label { display:inline-block; width:70px; font-size:13px; color:#444; flex-shrink:0; }

.msgfuPreview .cont_table .select_coupon_type { width:100%; display:flex; gap:10px; align-items:center; }
.msgfuPreview .cont_table .select_coupon_type .select_month { width:150px; box-sizing:border-box; }
.msgfuPreview .cont_table .select_coupon_type .cpn_title {flex: 0.7;}
.msgfuPreview .cont_table .tbl_desc { color:#888; font-size:12px; margin:0 5px; }

.msgfuPreview .radio_label_sub { display:inline-block; padding:5px 15px; margin:0 5px; border:1.5px solid #ccc; border-radius:6px; cursor:pointer; background:#fff; font-size:13px; user-select:none; transition:0.2s; }
.msgfuPreview .radio_label_sub:hover { border-color:#aaa; }
.msgfuPreview .radio_input:checked+.radio_label_sub { border-color: #e2844a; background: #fff5e9; font-weight: bold; color: #bd6c2a; }
.msgfuPreview .radio_input { display: none; } 
.msgfuPreview .radio_input:checked + .radio_label { border-color:#4A90E2; background:#E9F2FF; font-weight:bold; color:#2A6CBD; }
.msgfuPreview .radio_label { display:inline-block; padding:8px 14px; margin:5px; border:2px solid #ddd; border-radius:8px; cursor:pointer; background:#fff; transition:0.2s; font-size:14px; }
.msgfuPreview .radio_label:hover { border-color:#aaa; }

/* 브랜드톡 템플릿 */
.msgfuPreview .tmpBox_rcs_img {overflow:hidden; overflow-y: auto;height: 100%;}
.msgfuPreview .tmpBoxWrapper {height: 86%;min-height: 433px;border: 1px solid #e5e5e5;border-radius: 15px;overflow: hidden;box-sizing: border-box;}
.msgfuPreview .tmpBoxWrapper .title {margin: 0 -10px;padding: 10px 0;background: #ffe501;font-size: 12px;text-align: center;}
.msgfuPreview .template-preview {position: relative;overflow: hidden;width: 100%;max-width: 100%;box-sizing: border-box;}
.msgfuPreview .kakaoBtnArea {display: flex; gap: 5px;justify-content: center;flex-direction: column; width: 100%;padding-bottom: 15px;}
.msgfuPreview .kakaoBtnArea > button { width: 100%;}
.msgfuPreview .kakaoBtnArea .fuBtnArea {display: flex; gap: 5px;padding: 10px 3px 0 3px;}
.msgfuPreview .kakaoBtnArea .fuBtnArea button {flex: 1;}
.msgfuPreview .kakaoContArea {display:flex;flex-direction:column;height:100%;padding:5px;border-radius:10px 15px;border: 0px;max-height: 415px;width: 100%;inline-size: auto;align-items: stretch;}
.msgfuPreview .kakaoTxtArea {padding:0 10px;flex: 1;}
.msgfuPreview .kakaoTxtArea .ftmTitle {display:block;font-weight:bold;font-size:14px;}
.msgfuPreview .kakaoTxtArea .ftmDesc {display:block;border-top:1px solid #e5e5e5;font-size:13px; padding: 10px 0 0 0; color: #a5a5a5;}
.msgfuPreview .kakaoTxtArea .crsTitle {display:block;border-bottom:1px solid #f9f9f9;font-weight:bold;font-size:13px;padding: 10px;}
.msgfuPreview .kakaoTxtArea .crsCont {font-size:13px;line-height:20px; color: #000;padding: 5px 10px;white-space: normal;word-break: break-all;min-width: 220px;box-sizing: border-box;}