@charset "utf-8"; 

/* 서브 레이아웃 */
.sub{ position: relative; width: 1280px; margin: 0 auto; }
.sub::after{ display: block; clear: both; content: ''; }
.sub .content{ position: relative; width: 935px; min-height: 940px; padding: 36px 39px 120px 0; border-right: 1px solid #ececec; }


h4{ height: 20px; margin-bottom: 13px; font-size: 18px; font-weight: 500; line-height: 20px; }
h5{ height: 19px; margin-bottom: 10px; font-size: 16.5px; font-weight: 400; line-height: 19px; }

/*오른쪽 콘텐츠*/
/*
.sub .right_wrap{ position: absolute; top: 36px; right: 0; width: 345px; height: 846px; padding: 0 0 0 0; vertical-align: top; }
.sub .right_wrap .inner{ position:sticky; width: 345px; padding-left: 40px; }
.sub .right_wrap .inner .login_box{ margin-bottom: 23px; }
.sub .right_wrap .inner .login_box .before_login { width: 100%; margin-bottom: 40px; padding: 6px 0 40px 0; border-bottom: 1px solid #ececec; font-size: 18px; text-align: center; }
.sub .right_wrap .inner .login_box .before_login a.btn_login{ display: inline-block; width: 225px; height: 46px; border-radius: 50px; background: #339a6b; color: #fff; font-size: 18px; line-height: 46px; text-align: center; }
.sub .right_wrap .inner .login_box .before_login p{ margin-bottom: 16px }
.sub .right_wrap .inner .login_box .before_login p strong{ font-weight: 700; }
.sub .right_wrap .inner .login_box .after_login{ width: 100%; padding: 28px 25px; border-radius: 6px; background: #f8f5ec; font-size: 15px; text-align: center; }
.sub .right_wrap .inner .login_box .after_login .user{ margin-bottom: 8px; font-size: 16px; font-weight: 500; }
.sub .right_wrap .inner .login_box .after_login .cash{ margin-bottom: 10px; }
.sub .right_wrap .inner .login_box .after_login .cash span{ margin-right: 8px; font-weight: 500; }
.sub .right_wrap .inner .login_box .after_login .btn_cash{ display: inline-block; width: 135px; height: 36px; border-radius: 50px; background: #d19061; color: #fff; font-weight: 700; line-height: 36px; text-align: center; }
.sub .right_wrap .inner .login_box .after_login ul{ margin-top: 20px; padding: 25px 0 0 8px; border-top: 1px solid #ebe9e0; text-align: left;}
.sub .right_wrap .inner .login_box .after_login ul li{ margin-top: 4px; }
.sub .right_wrap .inner .quick_area{ display: inline-block; margin-bottom: 15px; background: url(../../img/sub/bg_listbox.png) #fafafa no-repeat center top; border-radius: 6px; border-top: 1px solid #dedede; border-right: 1px solid #dedede; border-left: 1px solid #dedede; }
.sub .right_wrap .inner .quick_area li{ float: left; width: 50%; }
.sub .right_wrap .inner .quick_area li a{ display: inline-block; width: 100%; height: 43px; padding: 0 20px; color: #333; font-size: 14px; line-height: 42px; }
.sub .right_wrap .inner .quick_area li.kakao a{ color: #f59600; }
.sub .right_wrap .inner .quick_area li.teleg a{ color: #2160c7; }
.sub .right_wrap .inner .quick_area li a:hover{ font-weight: 500; }
.sub .right_wrap .inner .support{ position: relative; width: 100%; border-radius: 6px; border: 1px solid #ececec; background: url(../../img/main/bg_support.png) #fdfdfd no-repeat 190px center; }
.sub .right_wrap .inner .support a{ display: inline-block; width: 100%; height: 88px; padding: 0 0 0 30px; font-size: 20px; line-height: 88px; }
.sub .right_wrap .inner .support a strong{ font-weight: 700; }
.sub .right_wrap .inner .support a:hover strong{ color: #339a6b; transition: all .2s; }
.sub .right_wrap .inner .customer{ margin-top: 30px; }
.sub .right_wrap .inner .customer h2{ font-size: 16px; font-weight: 500; margin-bottom: 3px; }
.sub .right_wrap .inner .customer em{ font-family: 'Roboto'; font-size: 35px; font-weight: 700; }
.sub .right_wrap .inner .customer ul{ margin-top: 10px; }
.sub .right_wrap .inner .customer ul li{ color: #343434; font-size: 15px; line-height: 22px; }
*/


.sample .search{ padding: 18px 20px; border: 1px solid #dcdee0; background:#e8ebed; text-align: center; }
.sample .search .btn_ser{ padding:5px 10px; margin:0 0 0 5px; background:#000; color:#FFF;display:inline-block;}

.sample .sample_list{ margin-top: 8px; }
.sample .sample_list span{ display:block; padding: 9px 5px; border: 1px solid rgba(0,0,0,0.05); background: #efefef; text-align:center; }
.sample .sample_list ul{overflow:hidden; margin-bottom: 5px; }
.sample .sample_list ul li{ float:left; width:23%; margin:1%; }
.sample .sample_list textarea{ width: 100%; min-height: 180px; padding: 18px 20px; color:#555; border: 1px solid #ebebeb; line-height: 21px; cursor: pointer; }

.sample .sample_list .spl_layer{}
.sample .sample_list .spl_layer li{ float: left; width: 31.33333%; margin: 0 1% 18px 1%; }
.sample .sample_list .spl_layer textarea{ width:100%; height:180px; margin-bottom: 0px; padding: 18px 20px; color:#333; border:1px solid #dfdfdf; background: #ededed; font-size: 14px; line-height: 20px; cursor:pointer; }
.sample .sample_list .spl_layer .submit_list{ text-align: center; }
.sample .sample_list .spl_layer .submit_list a { width: 49%;}


.sample .mms_list { margin-top: 8px; }
.sample .mms_list span{ display:block; padding: 9px 5px; border: 1px solid rgba(0,0,0,0.05); background: #efefef; text-align:center; }
.sample .mms_list .spl_layer{}
.sample .mms_list .spl_layer li{ width: 100%; margin: 0 1% 18px 1%; }
.sample .mms_list .spl_layer li .flex{ width: 100%; border: 1px solid rgba(0,0,0,0.05); }
.sample .mms_list .spl_layer li .flex textarea{ width : 47%; min-height: auto; }
.sample .mms_list .spl_layer li .flex img{ width: 95%; min-height : 60px; max-height : 60px; }
.sample .mms_list .spl_layer .submit_list{ text-align: center; }
.sample .mms_list .spl_layer .submit_list a { width: 20%;}
.sample .mms_list ul li img{ width: 100%; min-height : 200px; max-height : 200px; }
.sample .mms_list textarea{ min-height: auto; }

/* 왼쪽 서브 콘텐츠 */
.sub .content .sub_top{ position: relative; width: 100%; margin-bottom: 36px; padding-bottom: 36px; border-bottom: 1px solid #ececec; }
.sub .content .sub_top::after{ display: block; content: ''; clear: both; }
.sub .content .sub_top .location{ margin-bottom: 15px; }
.sub .content .sub_top .location a{ position: relative; margin-left: 20px; color: #a4a4a4; font-size: 13px; }
.sub .content .sub_top .location a::before{ top: 3px; left: -15px; display: inline-block; width: 12px; height: 12px; background: url(../../img/sub/loc_arrow.png) no-repeat center center; }
.sub .content .sub_top .location a:first-child{ margin-left: 0; }
.sub .content .sub_top .location a:first-child::before{ display: none; }
.sub .content .sub_top h3{ margin-bottom: 25px; font-size: 33px; font-family: 'Jalnan'; }
.sub .content .sub_top .menu_tab{ width: 100%; height: 40px; }
.sub .content .sub_top .menu_tab ul li{ float: left;  margin-left: 5px; }
.sub .content .sub_top .menu_tab ul li:first-child{ margin-left: 0; }
.sub .content .sub_top .menu_tab ul li a{ display: inline-block; width: 100%; height: 40px; color: #555; font-size: 14px; border-radius: 50px; background: #f6f6f6; line-height: 38px; text-align: center; }
.sub .content .sub_top .menu_tab ul li a:hover, .sub .content .sub_top .menu_tab ul li.on a{ color: #fff; font-weight: 500; background: #339a6b; transition:All .25s ease;  }
.sub .content .sub_top .menu_tab .tab05 li{ width: 175px; }
.sub .content .sub_top .menu_tab .tab06 li{ width: 145px; }
.sub .content .sub_top .menu_tab .tab07 li{ width: 123.5px; }
.sub .content .contents_wrap{ width: 100%; }
.sub .content .contents_wrap::after{ display: block; content: ''; clear: both; }
.sub .content .contents_wrap .notice_area{ margin-bottom: 26px; padding: 20px 30px; border-radius: 12px; background: #f1f4eb; }
.sub .content .contents_wrap .notice_area ul{}
.sub .content .contents_wrap .notice_area ul li{ position: relative; margin-top: 5px; padding-left: 12px; }
.sub .content .contents_wrap .notice_area ul li:first-child{ margin-top: 0; }
.sub .content .contents_wrap .notice_area ul li::before{ display: inline-block; top: 6px; left: 0; width: 2px; height: 4px; background: url(../../../../common/img/sub/icon_list01.png) no-repeat; }
.btn_download{ position: relative; margin-left: 3px; padding-right: 22px; color: #339a6b; font-weight: 500; }
.btn_download::before{ top: 2px; right: 0; display: inline-block; width: 17px; height: 17px; background: url(../../img/sub/icon_download.png) no-repeat center center; }


/* 단문문자 */
.sms{ position: relative; width: 100%; }
.sms .sms_wrap{ position: relative; width: 100%; margin-bottom: 20px; border-radius: 12px; border: 1px solid #dedede; }
.sms .sms_wrap .phone_area{ position: absolute; top: 0; left: 0; width: 325px; }

.sms .sms_wrap .phone_area .prefix{ width: 100%; padding-left: 25px; color: #3e3e3e; text-align: left; padding-top : 10px; padding-bottom : 10px; font-size : 15px;}

/*
.sms .sms_wrap .phone_area>textarea{ width: 100%; height: 343px; padding: 35px; border: none; background: none; color: #333; font-size: 15px; font-weight: 400; }
*/
.sms .sms_wrap .phone_area>textarea{ width: 100%; height: 241px; padding: 14px 35px; border: none; background: none; color: #333; font-size: 15px; font-weight: 400; }

.sms .sms_wrap .phone_area>.limit{ position: relative; width: 100%; padding: 0 25px; height: 46px; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; background: #f6f6f6; font-size: 15px; line-height: 46px; text-align: right; }
.sms .sms_wrap .phone_area>.limit span{ color: #e4410f; font-weight: 700;}
.sms .sms_wrap .phone_area .free{ width: 100%; padding-right: 25px; color: #3e3e3e; text-align: right; }
.sms .sms_wrap .phone_area>.btns{ padding: 25px 25px 18px 25px; }
.sms .sms_wrap .phone_area>.btns a{ display: inline-block; width: 130px; height: 44px; margin-top: 8px; border-radius: 3px; background: #e5e6e2; color: #111; line-height: 44px; text-align: center; }
.sms .sms_wrap .phone_area>.btns a:nth-child(1), .sms .sms_wrap .phone_area>.btns a:nth-child(2){ margin-top: 0; }
.sms .sms_wrap .phone_area>.btns a:nth-child(even){ margin-left: 10px; }
.sms .sms_wrap .phone_area>.btns a.refresh{ border: none; background: #395b77; color: #fff; }

.sms .sms_wrap .input_area{ overflow: hidden; width: 569px; margin-left: 325px; border-left: 1px solid #dedede; }
.sms .sms_wrap .input_area li:nth-child(1){ padding: 32px 35px 30px 35px; border-bottom: 1px solid #dedede; }
.sms .sms_wrap .input_area li:nth-child(2){ padding: 32px 35px; }
.sms .sms_wrap .input_area .receiver{ padding-bottom: 4px; color: #395b77; font-size: 18px; font-weight: 700; }
.sms .sms_wrap .input_area .sender{ padding-bottom: 4px; color: #339a6b; font-size: 18px; font-weight: 700; }
.sms .sms_wrap .input_area li:nth-child(1) .under_wrap{ position: relative; width: 100%; margin-top: 6px; padding-left: 100px; }
.sms .sms_wrap .input_area li:nth-child(1) .under_wrap .count{ position: absolute; top: 6px; right: 0; }
.sms .sms_wrap .input_area dl{ display: table; width: 100%; margin-top: 10px; }
.sms .sms_wrap .input_area dl dt{ display: table-cell; width: 88px; height: 33px; letter-spacing: -0.5px; line-height: 32px; vertical-align: top; }
.sms .sms_wrap .input_area dl dt a{ display: inline-block; width: 100%; height: 33px; margin-top: 5px; border-radius: 3px; background: #eee; color: #333; font-size: 14px; line-height: 33px; text-align: center; letter-spacing: -1px; }
.sms .sms_wrap .input_area dl dt a.del{ border: 1px solid #395b77; background: #fff; color: #395b77; }
.sms .sms_wrap .input_area dl:first-child, .sms .sms_wrap .input_area dl dt a:first-child{ margin-top: 0px; }
.sms .sms_wrap .input_area dl dd{ display: table-cell; height: 33px; padding-left: 15px; vertical-align: middle; }
.sms .sms_wrap .input_area dl dd label{ line-height: 33px; }
.sms .sms_wrap .input_area dl dd div{ width: 100%; height: 33px; line-height: 33px; vertical-align: top; }
.cal_wrap{ position: relative; display: inline-block; height: 33px; line-height: 33px; }
.cal_wrap>input{ padding-right: 42px; }
.cal_wrap .icon_cal{ position: absolute; right: 0; font-size: 0; }
.sms .sms_wrap .input_area dl dd div div{ display: inline-block; width: auto; }

.sms .img_upload{ padding-left: 50px; background: url(../../img/sub/icon_image.png) no-repeat left center; }
.sms .upload_wrap{ position: relative; display: inline-block; width: 100%; margin-bottom: 30px; padding: 35px; border: 1px solid #dedede; border-radius: 12px; }
.sms .upload_wrap li{ position: relative; display: inline-block; width: 257px; height: 176px; margin-left: 22px; text-align: center; }
.sms .upload_wrap li:first-child{ margin-left: 0;}
.sms .upload_wrap li div{ overflow: hidden; width: 100%; height: 176px; margin-bottom: 18px; border-radius: 10px; border: 1px solid #eee; background: #fcfcfc; }
.sms .upload_wrap li div img{ height: 100%; }
.sms .upload_wrap li div.file_off{ background: #eee; }
.sms .upload_wrap li div + a{ display: inline-block; width: 130px; height: 33px; line-height: 33px; }
.sms .upload_wrap li div.file_off + a{ color: #fff; font-size: 14px; border-radius: 3px;  background: #3e3e3e; text-align: center; }
.sms .upload_wrap li div.file_on + a{ color: #3e3e3e; font-size: 14px; border-radius: 3px; border: 1px solid #3e3e3e; background: #fff; text-align: center; }

.sms .upload_wrap li.file_on>a{ }
.sms .upload_wrap li.file_on img{ width: 100%; text-align: center; vertical-align: middle; z-index: 1; }


/* 주소록 관리 */
.address .addr_finder{ position: relative; width: 100%; text-align: center; border: 1px solid #ececec; vertical-align: top; }
.address .addr_finder>div{ display: inline-block; width: 100%; }
.address .addr_finder>div:nth-child(1){ margin-bottom: 0; padding: 10px 16px 15px 16px; text-align: center; border-bottom: 1px solid #ececec; background: #fafafa; }
.address .addr_finder>div:nth-child(1) a{ float: left; width: 45px; height: 33px; margin-top: 5px; margin-left: 4.5px; border-radius: 3px; border: 1px solid #dcdee0; background: #fff; color: #333; font-weight: 500; line-height: 33px; text-align: center; }
.address .addr_finder>div:nth-child(1) a:hover{ border-color: #348f66; background: #fff; color: #348f66; transition: All .3s ease; }
.address .addr_finder>div:nth-child(1) a.on{ background: #348f66; color: #fff; }
.address .addr_finder>div:nth-child(1) a:first-child{ width: 65px; margin-left: 0; }
.address .addr_finder>div:nth-child(1) .alphabet{  }
.address .addr_finder>div:nth-child(2){ padding: 14px 15px 16px 15px; border-top: none; background: #fff; vertical-align: top; }


.addr_list .group_list{ overflow:hidden; position: relative; width: 100%; height:448px; border: 1px solid #ececec; } 
.addr_list .group_list .box01{ float: left; width: 310px; border-right: 1px solid #ececec; }
.addr_list .group_list .box01 .gp_sel{ height: 50px; border-bottom: 1px solid #ececec; background:#fafafa; padding:10px; }
.addr_list .group_list .box01 .mana_list{ width: 100%; }
.addr_list .group_list .box01 .mana_list ul{ overflow:auto;  height:343px;}
.addr_list .group_list .box01 .mana_list li{ position: relative; height: 49px; padding: 10px; border-bottom: 1px solid #ececec; }
.addr_list .group_list .box01 .mana_list p{ display:inline-block; }
.addr_list .group_list .box01 .mana_list li .btns{ position: absolute; top: 12px; right: 10px; z-index: 1; }
.addr_list .group_list .btns a{ border-radius: 3px; border: 1px solid #dedede; }
.addr_list .group_list .btns a.modi{ display: inline-block; width: 24px; height: 24px; background: url(../../img/sub/icon_modi.png) #fff no-repeat 4px center;  }
.addr_list .group_list .btns a.del{ display: inline-block; width: 24px; height: 24px; background: url(../../img/sub/icon_close.png) #fff no-repeat center center; }
.addr_list .group_list .box01 .mana_list li p .group_name{ display: inline-block; max-width: 136px; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; vertical-align: -4px; }
.addr_list .group_list .box01 .mana_list li em{ color: #e4410f; }
.addr_list .group_list .box01 .mana_list li em span{  display: inline-block; max-width: 34px; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; vertical-align: -4px; }
.addr_list .group_list .box01 label{ padding-left: 21px; background: url(../../img/sub/icon_folder.png) no-repeat left 50%; vertical-align: middle; }
.addr_list .group_list .box01 .bo_btn { height: 54px; margin-top: -1px; padding: 10px; border-top: 1px solid #ececec; background: #fafafa; vertical-align: top; }

.addr_list .group_list .box02{ float: left; width: 583px; }
.addr_list .group_list .box02 .gp_sel{ overflow: hidden; height: 50px; border-bottom: 1px solid #ececec; background:#fafafa; padding: 10px; }
.addr_list .group_list .box02 .gp_sel p{ float: left; width: 32%; line-height: 28px; }

.addr_list .group_list input[type="checkbox"]{ margin-right: 6px; vertical-align: -6px; }

.addr_list .group_list .box01 .gp_sel, .addr_list .group_list .box02 .gp_sel{ font-size: 15px; font-weight: 500; }

.addr_list .group_list .box02 .mana_list{ height: 343px; }
.addr_list .group_list .box02 .mana_list ul{overflow:auto; height:343px; } 
.addr_list .group_list .box02 .mana_list ul li{ position: relative; width: 100%; height: 49px; padding: 10px; border-bottom: 1px solid #e9e9e9; line-height: 28px; }
.addr_list .group_list .box02 .mana_list ul li p{ position: relative; display: inline-block; width: 190px; vertical-align: top; } 
.addr_list .group_list .box02 .gp_sel p:nth-child(2){ width: 143px; padding-right: 20px; padding-left: 21.5px; }
.addr_list .group_list .box02 .mana_list ul li p:nth-child(2){ width: 143px; padding-right: 20px; padding-left: 23px; } 
.addr_list .group_list .box02 .mana_list ul li p:nth-child(1), .addr_list .group_list .box02 .mana_list ul li p:nth-child(3) span{ display: inline-block; width: 175px; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; }

.addr_list .group_list .box02 .mana_list ul li .btns{ position: absolute; right: 10px; top: 12px; }
.addr_list .group_list .box02 .mana_list li .btns a.modi{ display: inline-block; width: 24px; height: 24px; background: url(../../img/sub/icon_modi.png) no-repeat 4px center;  }
.addr_list .group_list .box02 .mana_list li .btns a.del{ display: inline-block; width: 24px; height: 24px; background: url(../../img/sub/icon_close.png) no-repeat center center; }

.addr_list .group_list .box02 .bo_btn{ position: relative; height: 54px; margin-top: -1px; padding: 10px; border-top: 1px solid #ececec; background:#fafafa; vertical-align: top; }
.fright{ position: absolute; right: 10px; }

/*.addr_list .group_list .box02 .mana_list i{cursor:pointer;padding:3px;border:1px solid #e9e9e9;} */
/*.addr_list .group_list .box02 .btn_s_rline{float:left;display:inline-block;background:#000;color:#FFF;padding:5px 10px 5px 10px;margin:0 10px 0 0;}
.addr_list .group_list .box02 .btn_s_grey{display:inline-block;border:1px solid #000;background:#000;color:#FFF;padding:5px;margin:0 5px;}
.addr_list .group_list .box02 .btn_s_grey2{display:inline-block;border:1px solid #000;padding:5px;}
.addr_list .board_list .table .btn_s_red{display:inline-block;border:1px solid red;background:red;color:#FFF;padding:3px;margin:0 5px; font-size : 0.8em;}
.addr_list .label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; }
.addr_list .label-info { background-color: #5bc0de; }
*/

/* 이용내역 */
.state{ position: relative; width: 100%; }
.stats table .elipsis{ width: 120px; padding-top: 2px; }
.stats table .elipsis:hover{ text-decoration: underline; }
.stats_wrap{ position: relative; display: flex; width: 100%; max-height: 430px; margin-bottom: 20px; }
.stats_wrap div{ float: left; font-size: 14.5px; }
.stats_wrap div:nth-child(1){ width: 38%; }
.stats_wrap div:nth-child(1) textarea{ height: 100%; padding: 32px 30px 32px 32px; border-radius: 12px 0 0 12px; font-size: 14.5px; color: #333; background: #eff4f6;}
.stats_wrap div:nth-child(2){ width: 62%; padding: 20px 40px; border-radius: 0 12px 12px 0; border: 1px solid #dedede; border-left: none; }
.stats_wrap div:nth-child(2) ul li{ padding: 15px 0; border-top: 1px dashed #dfdfdf; }
.stats_wrap div:nth-child(2) ul li:first-child{ border-top: none; }
.stats_wrap div ul li p{ display: inline-block; margin-right: 10px; }
.stats_wrap div ul li em{ font-weight: 500; }
.stats_wrap + p{ margin-bottom: 40px; color: #395b77; font-size: 14px; font-weight: 500; line-height: 1.45; }
.stats_wrap div:nth-child(1).photo{ }
.stats_wrap div:nth-child(1).photo ul{ overflow: hidden; width: 100%; height: 40%; border-radius: 0 0 0 12px; border-bottom: 1px solid #dedede; border-right: 1px solid #dedede;  background-color: #f5f5f5; }
.stats_wrap div:nth-child(1).photo ul li{ position: relative; float: left; width: 33.33%; height: 100%; background-position: center center; border-left: 1px solid #dedede; background-size: cover; font-size: 0; }
.stats_wrap div:nth-child(1).photo textarea{ height: 60%; padding: 25px 27px 25px 28px; font-size: 14.5px; color: #333; border-radius: 12px 0 0 0; background: #eff4f6; vertical-align: top; }

/* 회원탈퇴 */
.caution{ width: 100%; margin-top: 20px; padding: 20px 30px 0 30px; border-top: 1px solid #dedede; text-align: center;}
.caution .check_cash p:nth-child(1) { display: inline-block; margin: 14px 0 15px 0; padding: 6px 14px 9px 14px; border-radius: 3px; background: #339a6b; color: #fff; }
.caution .check_cash p:nth-child(2) input[type="checkbox"] { vertical-align: -6px; }

/* 스팸차단 서비스 */
.customer .spam{ width: 100%; margin-bottom: 32px; padding: 8px 0 32px 0; border-bottom: 1px dashed #dedede;}
.customer .spam:last-child{ border-bottom: none; }
.customer .spam li{ position: relative; display: inline-block; width: 141.5px; height: 95px; margin-left: 3px; border-radius: 12px; border: 1px solid rgba(0,0,0,0.1); color: #fff; font-size: 14.5px; font-weight: 400; letter-spacing: -0.5px; line-height: 93px; text-align: center; }
.customer .spam li::before{ position: absolute; display:block; width: 21px; height: 21px; top: 50%; left: -16px; margin-top: -10.5px; }
.customer .spam li:first-child::before{ display: none;}
.customer .spam li:first-child{ margin-left: 0; }
.customer .skt li{ background: #446585; }
.customer .skt li::before{ background: url(../../img/sub/spam_arrow01.png) no-repeat center center; }
.customer .kt li{ background: #469a74; }
.customer .kt li::before{ background: url(../../img/sub/spam_arrow02.png) no-repeat center center; }
.customer .lgu li{ background: #d58c57; }
.customer .lgu li::before{ background: url(../../img/sub/spam_arrow03.png) no-repeat center center; }
.customer p{ line-height: 1.5; }

/* faq  */
.customer>.search{ padding-bottom: 10px; border-bottom: 1px solid #ebebeb; text-align: right; }
.customer .accordion-container{ position: relative; }
.customer .accordion-container .set{position: relative; width: 100%; height: auto; cursor:pointer; }
.customer .accordion-container .set strong a{ position: relative; padding-right: 23px; color: #339a6b; }
.customer .accordion-container .set strong a::before{ position: absolute; display:block; top: 2px; right: 0; width: 17px; height: 17px; background: url(../../img/sub/icon_go.png) no-repeat center center; }
.customer .set > a{ display: block; padding: 20px; border-bottom: 1px solid #ebebeb; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; transition: all 0.2s linear; color: #395b77;}
.customer .set > a i{ float: right;margin-top:10px; }
.customer .set > a.active{ background-color:#f7f8fa; }
.customer .set > a.active .qst{ color: #e9edf4; }
.customer .set .qst{ display: inline-block; width: 40px; height: 40px; margin: 0 20px 0 0; border-radius: 8px; background:#395b77; color:#FFF; font-weight: 600; line-height: 2.6; text-align: center; }
.customer .set .ans{  display: inline-block; width:40px; height:40px; margin:0 20px 0 0; border-radius: 8px; background:#fff; border:1px solid #395b77; color: #395b77; font-weight: 600; line-height:2.6; text-align:center; }
.customer .answer{ overflow: hidden; position: relative; display: none; width:100%; padding: 20px 20px 10px 20px; border-bottom: 1px solid #ebebeb; font-weight: 500; }
.customer .answer p{ position: relative; top: -29px; left: 60px; margin: 0; width: calc(100% - 60px); word-break: keep-all; line-height: 1.5; }
.customer .no_result{ margin-top: 20px; padding: 30px; border-radius: 2px; border-radius: 5px; border: 1px solid #ececec; background: #fafafa; text-align: center;  }
.personalInfo textarea{ height: 1000px; color: #111; font-size: 15px; font-weight: 400; border-radius: 6px; }

/* 회원가입 */
.member{ width: 100%;  }
.member .join_step{ display: inline-block; width: 100%; margin-bottom: 30px; }
.member .join_step li{ float: left; width: 211px; height: 90px; margin-left: 17px; padding: 20px 30px 15px 30px; color: #9e9e9e; font-size: 15px; border-radius: 8px; background: #eee; }
.member .join_step::after{ display: block; content: ''; clear: both; }
.member .join_step li:first-child{ margin-left: 0; }
.member .join_step li span{ position: relative; }
.member .join_step li strong{ display: block; margin-bottom: 4px; font-size: 23px; font-weight: 700; }
.member .join_step li.on{ color: #fff; font-weight: 500; background: #395b77; }
.member .join_step li.on span::before{ position: absolute; display:block; top: -1px; right: -36px; width: 24px; height: 24px; background: url(../../img/sub/icon_joinstep.png) no-repeat center center; }

.member .agree_box{ height: 330px; margin-bottom: 15px; padding: 26px 30px; border-radius: 6px; border: 1px solid #e9e9e9; font-size: 14px; color: #4B596D; overflow: auto; }
.member .select_certi{ display: inline-block; }
.member .select_certi::after{ display: block; content: ''; clear: both; }
.member .select_certi li{ float: left; width: calc(50% - 12px); height: 256px; padding: 58px 35px 45px 158px; border-radius: 8px; border: 1px solid #dedede; }
.member .select_certi li:nth-child(1){ margin-right: 24px; background: url(../../img/sub/bg_certi01.png) no-repeat 45px 45px; }
.member .select_certi li:nth-child(2){ background: url(../../img/sub/bg_certi02.png) no-repeat 45px 45px; }
.member .select_certi li em{ display: block; margin-bottom: 12px; font-size: 18px; font-weight: 700; letter-spacing: 0; }
.member .select_certi li p{ height: 74px; font-size: 14px; line-height: 18px; }
.member .select_certi li a{ color: #2e9063; border: 1px solid #2e9063; }
.member .select_certi li a:hover{ background: rgba(46,144,99,0.05); transition:All .25s ease; }

.member .join_comp{ width: 100%; padding: 80px 30px; border-radius: 6px; background: #f1f4eb; font-size: 17px; text-align: center; }
.member .join_comp img{ margin-bottom: 40px; }
.member .join_comp .txt_welcome{ margin-bottom: 18px; font-size: 32px; font-family:'Jalnan', sans-serif; }
.member .join_comp .cog{ margin-top: 2px; color: #29a56d; font-weight: 500; }

.member .hide_result{ margin-top: 20px; padding: 25px; border-radius: 2px; border: 1px solid #e9e9e9; background: #fdfdfd; text-align: center; }
.member .hide_result>span{ margin: 0 5px; color: #29a56d; font-weight: 600; letter-spacing: 0.1px; }

/* 로그인 */
.login{ width: 100%; padding: 80px; border-radius: 12px; background: #f1f4eb; }
.login .login_top{ font-size: 16px; line-height: 28px; letter-spacing: -0.5px; text-align: center; }
.login .login_top .txt_message{ margin-bottom: 5px; font-family: 'Jalnan'; font-size: 24px; }
.login .login_top .txt_message span{ color: #339a6b; }
.login .login_top .txt_message + p{ margin-bottom: 26px; }
.login .login_wrap{ width: 360px; margin: 0 auto; }
.login .login_wrap input{ width: 100%; height: 45px; margin-bottom: 12px; border: none; border-bottom: 1px solid #dedede; background: none; }
.login .login_wrap .btn_login_wrap{ display: block; width: 100%; height: 44px; margin-top: 7px; margin-bottom: 13px; border-radius: 6px; background: #3e3e3e; color: #fff; text-align: center; line-height: 42px; }
.login .login_wrap .login_util a{ position: relative; padding-right: 9px; margin-left: 9px; color: #555; }
.login .login_wrap .login_util a:first-child::before{  display:inline-block; width:1px; height: 10px; top: 50%; right: -3px; margin-top: -4px; background: #cfcfcf; }



/* 사이트맵 */
.sitemap{ position: relative; width: 100%; }
.sitemap>div{ display: flex; margin-bottom: 32px; }
.sitemap dl{ width: 278.33333px; margin: 0 10px 0 10px; border-radius: 10px; border: 1px solid #ededed; padding: 0; }
.sitemap dl dt{ width: 100%;font-size: 16px; font-weight: 500; border-radius: 10px 10px 0 0; background: #395b77; text-align: center; letter-spacing: 0.1px; }
.sitemap dl dt a{ display: inline-block; width: 100%; padding: 14px 0; color: #fff  }
.sitemap dl dt a:hover, .sitemap dl dd a:hover{ text-decoration: underline; }
.sitemap dl dd{ position: relative; padding: 12px 0 12px 30px; border-top: 1px solid #ededed;  }
.sitemap dl dt + dd{ border-top: none; }
.sitemap dl dd a::before{ position: absolute; top: 50%; left: 18px; display: inline-block; width: 3px; height: 3px; margin-top: -1.5px; background: #999; }

/* 리스트 */
ul.list_st01 li{ position: relative; width: 100%; margin-top: 3px; padding-left: 11px; }
ul.list_st01 li::before{ display:inline-block; width:3px; height: 3px; top: 7px; left:0; background: #41506f; }
ul.list_st01 li:first-child{ margin-top: 0; }


/* 입력 테이블 - 왼쪽정렬기본 */
.table01{ border-left: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
.table01 th, .table01 td{ padding: 8px; border-right: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; line-height: 1.25; } 
.table01 thead th, .table01 tbody th{ height: 48px; background: #f5f5f5; font-weight: 500; }

.table01_cen{ border-left: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
.table01_cen th, .table01_cen td{ padding: 8px 10px; border-right: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; line-height: 1.25; } 
.table01_cen thead th, .table01_cen tbody th{ height: 48px; background: #f5f5f5; font-weight: 500; }
.table01_cen tbody td{ text-align: center; }

/* 목록테이블 - 가운데정렬기본 */
.table02{ border-left: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
.table02 th, .table02 td{ padding: 11px 8px; border-right: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; line-height: 1.25; } 
.table02 thead th, .table02 tbody th{ height: 48px; background: #f5f5f5; font-weight: 500; }
.table02 tbody td{ text-align: center; }

.table02_left{ border-left: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
.table02_left th, .table02_left td{ padding: 11px 9px; border-right: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; line-height: 1.25; } 
.table02_left thead th, .table02_left tbody th{ height: 48px; background: #f5f5f5; font-weight: 500; }

.table02 tbody tr:hover, .table02 tbody tr:not(table tbody th):hover,
.table02_left tbody tr:hover, .table02_left tbody tr:not(table tbody th):hover{ background: #f5f5f5; }
.exp_h tbody tr:hover{ background: none !important; }

.table02_right{ border-left: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
.table02_right th, .table02_right td{ padding: 11px 9px; border-right: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; line-height: 1.25; } 
.table02_right thead th, .table02_right tbody th{ height: 48px; background: #f5f5f5; font-weight: 500; }
.table02_right tbody td{ text-align: right; }

.table02 tbody tr:hover, .table02 tbody tr:not(table tbody th):hover,
.table02_left tbody tr:hover, .table02_left tbody tr:not(table tbody th):hover
.table02_right tbody tr:hover, .table02_right tbody tr:not(table tbody th):hover{ background: #f4f4f2; }

.total td{ border-top-color: #ddd; border-top-width: 2px; background: #fcfcfc; font-weight: 600; }

/*table bg*/
.bg_lg{ background: #f1f4eb !important; }
.bg_lb{ background: #f8f5ec !important; }

/* 게시판 - 목록 */
.board_list{ border-top: 2px solid #2f7f5a; border-bottom: 1px solid #d2d7da }
.board_list thead tr:first-child th, .board_list tbody tr:first-child td { border-top-color: #d2d7da; }
.board_list th, .board_list td{ padding: 14px 9px; border-top: 1px solid #e9e9e9; line-height: 1.25; } 
.board_list thead th, .board_list tbody th{ height: 50px; background: #f1f4eb; font-weight: 500; }
.board_list tbody td{ text-align: center; }
.board_list tbody tr td.board_title{ text-align: left !important; }
.board_list tbody tr td.board_title>a{ display:block; width: 390px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.board_list tbody tr:hover, .board_list tbody tr:not(table tbody th):hover{ background: #fdfdfd; }

/* 게시판 - 뷰 */
.board_view{ border-top: 2px solid #2f7f5a; border-bottom: 1px solid #dfe3e6; }
.board_view tbody th, .board_view tbody td{ padding: 16px 14px; border-top: 1px solid #dfe3e6; }
.board_view tbody th{ background: #f1f4eb; font-weight: 500; text-align: center; }
.board_view tbody td{ text-align: left; }
.board_view .board_conts{ padding: 32px 30px; height: 400px; line-height: 1.5; vertical-align: top; }
.board_view .b_view_title{ font-size: 16px; line-height: 22px;  }

/* paging */
.paging{ display: block; width: 100%; margin-top: 35px; text-align: center; }
.paging a{ display: inline-block; width: 34px; height: 34px; margin-left: 4px; color: #333; vertical-align: top; line-height: 34px;}
.paging a.first,.paging a.prev,.paging a.next,.paging a.end{ width: 36px; height: 35px; border-radius: 3px; border: 1px solid #dedede; }
.paging a.first{ margin: 0 0 0 6px; background: url(../../img/sub/btn_first.png) no-repeat center 0;  }
.paging a.prev{ margin: 0 6px 0 6px;  background: url(../../img/sub/btn_prev.png) no-repeat center 0;  }
.paging a.next{ margin: 0 6px 0 12px; background: url(../../img/sub/btn_next.png) no-repeat center 0; }
.paging a.end{ margin: 0 6px 0 0; background: url(../../img/sub/btn_end.png) no-repeat center 0; }
.paging a.first:hover,.paging a.prev:hover,.paging a.next:hover,.paging a.end:hover{ background-position: center -33px;}
.paging a.on, .paging a:not(.paging a.first, .paging a.prev, .paging a.next, .paging a.end):hover{ color: #2e805a; font-weight: 700; text-decoration: underline; }


table label { line-height: 31px; }
table input[type="checkbox"]{ vertical-align: -3px; }
table tbody td input[type='checkbox'], table thead th input[type='checkbox']{ width: 18px; height: 18px; margin-right: 5px; /*vertical-align: -4px;*/ }


/* 공통 박스 디자인 */
.box_st01{ padding: 12px 15px; border: 1px solid #ececec; background: #f0f0f0; text-align: center; }
.box_st02{ padding: 15px; border: 1px solid #ececec; background: #fafafa; text-align: center; }


.upload_file{ position: relative; height: 33px; padding: 0px !important; line-height: 28px; }
.upload_file::-webkit-file-upload-button { visibility: hidden; font-size: 0; }
.upload_file::before { content: '파일선택'; display: inline-block; height: 33px; padding: 0 12px; background: #487d6a; color: #fff; font-weight: 400; line-height: 28px; white-space: nowrap; outline: none; right: 0; cursor: pointer; -webkit-user-select: none; }


/* layer popup */
.layer_pop { display:block; width:100%; height:100%; padding-top: 58px; background:#FFF; overflow-y: hidden; }
.layer_pop .pop_tit{ margin-top: -58px; padding: 18px; height: 58px; border-bottom:1px solid #ebebeb; }
.layer_pop .pop_tit h4{ margin-bottom: 0; }
.layer_pop .pop_content{ overflow-y: auto; height: 100%; padding: 18px 20px 20px 20px; background: #fff; }
.layer_pop .btns_wrap{ margin-top: 18px; }

.layer_pop .pop_content .tab { overflow:hidden; margin:0 0 17px 0; }
.layer_pop .pop_content .tab li{ float: left; width: calc(50% - 3px); margin-left: 6px; padding: 12px 10px; border-radius: 100px; background: #f6f6f6; text-align: center; cursor: pointer; color: #555; }
.layer_pop .pop_content .tab li:first-child{ margin-left: 0; }
.layer_pop .pop_content .tab li.on{ background: #339a6b; color:#fff; font-weight: 500; }
.layer_pop .tab-content.current{visibility:visible;position:inherit;/* position:relative; */}
.layer_pop .tab-content{visibility:hidden;position:absolute;}
.layer_pop .tab-content ul{overflow:hidden;}
/* .layer_pop .tab-content li{float:left;text-align:center;} */
.layer_pop .tab-content li a{font-size:12px;display:block;padding:10px 0;border:1px solid #f7f7f7;}
.layer_pop .tab-content li a:hover {background:#f7f8fa; color:#354059;}
 
.layer_pop .group_list{ overflow:hidden; height:200px; border:1px solid #ebebeb; border-top: 2px solid #555; } 
.layer_pop .group_list .mana_list ul{ overflow-y : auto; height:200px;}
.layer_pop .group_list .mana_list li{ padding:10px; border-bottom: 1px solid #ebebeb; }
.layer_pop .group_list .mana_list p{display:inline-block;}
.layer_pop .group_list .mana_list i{cursor:pointer;padding:3px;border:1px solid #ebebeb;}
.mana_list input[type="checkbox"]{ margin-right: 8px; vertical-align: -5px; }

.layer_pop .pop_content .item_add li{ float: left; width: 48%; margin: 1%; text-align: center; }
.layer_pop .pop_content .item_add li a { display: inline-block; width: 100%; padding: 12px 10px; border-radius:50px; background:#395b77; color:#FFF; }


.sample .search{ padding: 18px 20px; border: 1px solid #ececec; background: #f6f6f6; text-align: center; }
.sample .search .btn_ser{ padding:5px 10px; margin:0 0 0 5px; background:#000; color:#FFF;display:inline-block;}

.sample .emtc_list{ margin-top: 8px; }
.sample .emtc_list span{ display:block; padding: 9px 5px; border: 1px solid rgba(0,0,0,0.05); background: #eee; text-align:center; }
.sample .emtc_list ul{overflow:hidden; margin-bottom: 5px; }
.sample .emtc_list ul li{ float:left; width:23%; margin:1%; }
.sample .emtc_list ul li textarea{ width: 100%; height: 180px; padding: 18px 20px; color:#333; border: 1px solid #ebebeb; line-height: 21px; cursor: pointer; }
.sample .emtc_list ul li img{ width: 100%; min-height : 200px; max-height : 200px; }
.sample .emtc_list textarea{ min-height: auto; }

.sample .storage_list{ display: inline-block; width: 100%; }
.sample .storage_list .spl_layer{}
.sample .storage_list .spl_layer li{ float: left; width: 31.33333%; margin: 0 1% 12px 1%; }
.sample .storage_list .spl_layer li textarea{ width:100%; height:143px; margin-bottom: 0; padding: 16px; color:#333; border-radius: 6px 6px 0 0; border:1px solid #dfdfdf; background: #f8f8f8; font-size: 14px; line-height: 20px; vertical-align: top; cursor:pointer; }
.sample .storage_list .spl_layer .submit_list{ padding: 8px 8px 8px 7.5px; border-radius: 0 0 6px 6px; background: #dedede; text-align: center; }
.sample .storage_list .spl_layer .submit_list a { width: 48%; height: 29px; margin-left: 1px; font-size: 13px; line-height: 25px; }
.sample .storage_list + div.paging{ margin-top: 10px; } 

.sample .paging{ margin-top: 15px; }
.sample .paging a{ margin-left: 2px; }


/* popup */
.layer_pop .layer_notice { width: 100%; padding: 18px; border-radius: 10px; background:#f1f4eb; }
.layer_pop .layer_notice ul li{ position: relative; margin-top: 5px; padding-left: 10px; line-height: 18px; }
.layer_pop .layer_notice ul li::before{ display: inline-block; top: 7px; left: 0; width: 2px; height: 4px; background: url(../../../../common/img/sub/icon_list01.png) no-repeat; }
.layer_pop .layer_notice ul li:first-child{ margin-top: 0; }
.layer_pop .table_wrap{ overflow-y : auto; min-height : 273px; height : 273px; max-height: 273px; border-top: 2px solid #555; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
.layer_pop .table_wrap_nm{ overflow-y: auto; }

.layer_pop .table02{ border: none; }
.layer_pop .table02 th, .layer_pop .table02 td{ padding: 10px 8px; border: none; border-top: 1px solid #e6e6e6; line-height: 1.25; } 
.layer_pop .table02 thead th, .layer_pop .table02 tbody th{ height: 43px; background: #f5f5f5; font-weight: 500; }
.layer_pop .table02 tbody td{ text-align: center; }


.char{  padding: 15px; }
.char .tit{ position: relative; padding: 20px 0 10px 2px; }
.char .tit h4{ font-weight: 500; font-size: 27px; font-family: 'Jalnan'; }
.char .content .tab{ display: inline-block; width: 100%; margin-bottom: 25px; padding-bottom: 22px; border-bottom: 1px solid #ececec;  }
.char .content .tab li{ float: left; width: 49.5%; height: 44px; margin-left: 1%; padding: 12px 10px; font-size: 15px; border-radius: 100px; background:#f5f5f5; text-align: center; cursor: pointer; }
.char .content .tab li:first-child{ margin-left: 0; }
.char .content .tab li.on{ background:#339a6b; color:#fff; }
.char .tab-content.current{ visibility:visible; position: relative; width: 100%; }
.char .tab-content{ visibility:hidden; position:absolute;}
.char .tab-content ul{ overflow:hidden; display: inline-block; width: 100%; border-top: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf; }
.char .tab-content li{ float:left; text-align:center; }
.char .tab-content li a{ display:inline-block; width: 100%; height: 100%; padding: 10px 0; border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; }
.char .tab-content li a:hover { background:#f1f4eb; color: #29a56d; }
.char #tab1 li{width:10%}
.char #tab2 li{width:20%;height:40px;}

.txt_sample{  padding: 15px; }
.txt_sample .tit{ position: relative; padding: 12px 0 8px 2px; }
.txt_sample .tit h4{ font-weight: 500; font-size: 27px; font-family: 'Jalnan'; }

.popup_notice { padding: 15px 18px; /* border-top: 2px solid #426be9;*/ background: #f1f4eb; }
.popup_notice ul li{ margin-top: 5px; padding-left: 12px; background: url(../../img/sub/icon_list01.png) no-repeat left 8px; font-size: 14px; line-height: 18px; }
.popup_notice ul li:first-child{ margin-top: 0; }

.sample .case{ margin:0 0 25px 0; padding: 5px 25px 25px 30px; border-radius: 12px; background: #f1f4eb; }
.sample .case .sam_part{ width: 100%; }
.sample .case .sam_part li{ display: inline-block; width: 19.5%; margin-top: 15px; padding-left: 11px; background: url(../../img/sub/icon_list02.png) no-repeat left 6px; line-height: 18px; }
.sample .case .sam_part li:first-child{ margin-top: 0; }
.sample .case .sam_part li a{ position: relative; display: block; padding: 0; font-size: 15px; }
.sample .case .sam_part li a.on{ color: #358f66; font-weight:bold; }
.sample .case .sam_part li a:hover{ color:#1ea467; }