@charset "utf-8"; 

/* 서브 레이아웃 */
/* .sub{ position: relative; width: 1200px; min-height: 600px; margin: 0 auto; padding-top: 28px; }
.sub::after{ position: relative; display: block; clear: both; content: ''; } */

.sub .sub_content{ position: relative; float: left; width: calc(100% - 230px); min-height: 730px; line-height: 21px; }

.sub .sub_content .sub_top{ position: relative; width: 100%; height: 120px; border-bottom: 2px solid #66789f; }
.sub .sub_content .sub_top .location{ padding-top: 5px; }
.sub .sub_content .sub_top .location a{ padding-left: 12px; background: url(../../img/common/location_arrow.png) no-repeat 3px 54%; color: #8e8e8e; }
.sub .sub_content .sub_top .location a:first-child{ padding-left: 0; background: none; }
.sub .sub_content .sub_top h3{ padding-top: 35px; color: #333; font-size: 30px; font-weight: 700; }

.sub .sub_content .sub_top .sub_myinfo{ position: absolute; right: 0; top: 0; display: table; min-width: 485px; max-height: 85px; padding: 12px 20px 11px 20px; border: 1px solid #ebebeb; border-radius: 6px; background: #f9f9f9; }
.sub .sub_content .sub_top .sub_myinfo ul{ display: table-cell; }
.sub .sub_content .sub_top .sub_myinfo .nandc{ min-width: 220px; padding-right: 17px; border-right: 1px solid #e9e9ea; }
.sub .sub_content .sub_top .sub_myinfo .nandc li {position: relative;}
.sub .sub_content .sub_top .sub_myinfo .nandc li:first-child{ margin-top: 5px; margin-bottom: 15px; }
.sub .sub_content .sub_top .sub_myinfo .nandc li:first-child .user{ padding-right: 55px; font-size: 16px; font-weight: 500; letter-spacing: -1px;  }
.sub .sub_content .sub_top .sub_myinfo .nandc li:first-child .user .s_lv{ margin-right: 5px; padding: 6px 10px 5px 10px; border-radius: 50px; background: #f1b705; color: #fff; font-size: 12px; font-family: 'GmarketSans'; font-weight: 700; vertical-align: middle; }
.sub .sub_content .sub_top .sub_myinfo .nandc li:first-child .user_quick{ position: absolute; top: 0; right: 0; }
.sub .sub_content .sub_top .sub_myinfo .nandc li:first-child .user_quick a{ position: relative; padding-left: 5px; color: #404653; font-size: 12px; }
.sub .sub_content .sub_top .sub_myinfo .nandc li:first-child .user_quick a:hover{ color: #354059; }
.sub .sub_content .sub_top .sub_myinfo .nandc li:first-child .user_quick a:nth-child(1){ margin-left: 0px; /* padding-right: 7px; */ padding-left: 0px; }
.sub .sub_content .sub_top .sub_myinfo .nandc li:first-child .user_quick a:nth-child(1)::before{display:inline-block; width:1px; height: 8px; top: 58%; right: 0; margin-top: -5px; /* background:#b6b8bd; */ vertical-align: middle;}
.sub .sub_content .sub_top .sub_myinfo .letter{ min-width: 200px; padding-left: 17px; }
.sub .sub_content .sub_top .sub_myinfo .letter li{ line-height: 20px; }

/* 서브 콘텐츠 */
.sub .sub_content .contents_wrap{ padding: 30px 0 70px 0; }
.sub .sub_content .contents_wrap .notice_area{ margin-top: -30px; margin-bottom: 30px; padding: 24px 30px 26px 30px; background: #f7f8fa; color: #354059; }
.sub .sub_content .contents_wrap .notice_area ul li{ position: relative; margin-top: 3px; padding-left: 12px;  color: #354059; line-height: 21px; }
.sub .sub_content .contents_wrap .notice_area ul li::before{ display:inline-block; width:3px; height: 3px; top: 9px; left:0; background: #41506f;}

.sub .sub_content .contents_wrap .notice_area ul li:first-child{ margin-top: 0; }
.down_ex{ margin-left: 8px; padding: 1.5px 6px; border: 1px solid #0899cc; border-radius: 2px; color: #0899cc; background: rgba(255,255,255,0.8); font-size: 14px; font-weight: 500; text-align: center; }
.down_ex span{ padding-right: 15px; background: url(../../img/sub/icon_down.png) no-repeat right center; letter-spacing: -1.1px;}

/* 단문문자 */
/* .sms{ position: relative; width: 100%; }
.sms .profile_area{ padding: 10px; border: 1px solid #e5e5e5; margin-bottom: 10px;}
.sms .profile_area label{ vertical-align:middle;}
.sms .profile_area select{ margin-left: 10px;}

.sms .sms_wrap{ position: relative; width: 100%; height: 640px; margin-bottom: 30px; }
.sms .sms_wrap .phone_area{ position: absolute; top: 0; left: 0; width: 370px; height: 640px; background: url(../../img/sub/bg_phone.png) no-repeat left top; }
.sms .sms_wrap .phone_area>.wrap{ padding: 59px 30px 30px 30px;  }
.sms .sms_wrap .phone_area>.wrap textarea{ width: 310px; height: 354px; padding: 22px 22px 22px 25px; border: none; background: none; color: #333; font-size: 15.5px; font-weight: 400; }
.sms .sms_wrap .phone_area>.wrap .limit{ position: relative; width: 100%; padding: 6px 20px 12px 20px; height: 36px; font-size: 15px; text-align: right; }
.sms .sms_wrap .phone_area>.wrap .limit span{ color: #ed2932; font-weight: 700;}
.sms .sms_wrap .phone_area>.wrap .limit .free{ position: absolute; font-size: 13px; color: #666; }
.sms .sms_wrap .phone_area>.wrap>.btns{ margin-top: 6px; }
.sms .sms_wrap .phone_area>.wrap>.btns a{ display: inline-block; width: 152px; height: 44px; margin-top: 6px; padding: 9px 5px 10px 5px; border: 1px solid #bdc0c2; background: #dcdedf; color: #333; text-align: center; }
.sms .sms_wrap .phone_area>.wrap>.btns a:nth-child(even){ margin-left: 2px; }
.sms .sms_wrap .phone_area>.wrap>.btns a.refresh{ border: none; background: #8b909a; color: #fff; }

.sms .sms_wrap .input_area{ overflow: hidden; width: 570px; height: 640px; margin-left: 400px; border: 1px solid #e5e5e5; border-radius: 20px; }
.sms .sms_wrap .input_area .receiver, .sms .sms_wrap .input_area .sender, .sms .img_upload{ height: 35px; margin-bottom: 15px; padding: 6px 0 0 60px; color: #111; font-size: 18px; font-weight: 700; }
.sms .sms_wrap .input_area li:nth-child(1){ border-bottom: 1px solid #e5e5e5; }
.sms .sms_wrap .input_area li:nth-child(1)>.wrap{ padding: 35px 35px 25px 35px; }
.sms .sms_wrap .input_area li:nth-child(2){ padding: 35px; }
.sms .sms_wrap .input_area .receiver{ background: url(../../img/sub/icon_receive.png) no-repeat left center; }
.sms .sms_wrap .input_area .sender{ background: url(../../img/sub/icon_send.png) no-repeat left center; }

.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; font-size: 15px; letter-spacing: -0.5px; vertical-align: middle; }
.sms .sms_wrap .input_area dl dt a{ display: block; width: 100%; height: 33px; margin-top: 5px; border: 1px solid #dedede; background: #e7e8ea; color: #555; font-size: 14px; line-height: 31px; text-align: center; letter-spacing: -1px; }
.sms .sms_wrap .input_area dl dt a.del{ border: 1px solid #e43840; background: #fff; color: #e43840; }
.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; width: 100%; margin-bottom: 30px; padding: 30px 35px; border: 1px solid #e5e5e5; border-radius: 20px; }
.sms .upload_wrap li{ position: relative; display: inline-block; width: 280px; height: 195px; margin-left: 26px; border: 1px solid #e0e0e0; }
.sms .upload_wrap li:first-child{ margin-left: 0;}
.sms .upload_wrap li.file_off{ background: #f9f9f9;  }
.sms .upload_wrap li>a{ position: absolute; top: 50%; left: 50%; width: 51px; height: 51px; margin: -25.5px 0 0 -25.5px; font-size: 0; z-index: 9; }
.sms .upload_wrap li.file_off>a{ background: url(../../img/sub/icon_addimg.png) no-repeat center center; }
.sms .upload_wrap li.file_on{  }
.sms .upload_wrap li.file_on>a{background: url(../../img/sub/icon_delimg.png) no-repeat center center; }
.sms .upload_wrap li.file_on img{ width: 100%; text-align: center; vertical-align: middle; z-index: 1; }
 */

/* 주소록 관리 - 일단 전체 주석 - 240912  */
/* .address .addr_finder{ width: 100%; text-align: center; }
.address .addr_finder dt{ padding: 10px 16px 15px 16px; text-align: center; border: 1px solid #dcdee0; background: #e8ebed; }
.address .addr_finder dt a{ display: inline-block; width: 46px; height: 33px; margin-top: 5px; margin-left: 4px; border: 1px solid #dcdee0; background: #fff; color: #333; font-weight: 500; line-height: 30px; text-align: center; }
.address .addr_finder dt a:hover:not(.address .addr_finder dt a:first-child){ border-color: #426be9; background: #fff; color: #426be9; transition: All .3s ease; }
.address .addr_finder dt a:first-child{ width: 62px; margin-left: 0; background: #737980; color: #fff; } */
/*.address .addr_finder dt a:first-child:hover{ border-color: #426be9; background: #426be9; color: #fff; transition: All .3s ease; }*/
/* .address .addr_finder dd{ padding: 16px; border: 1px solid #dcdee0; border-top: none; background: #fff; }

.addr_list .group_list{ overflow:hidden; position: relative; border: 1px solid #dcdee0; height:400px; } 
.addr_list .group_list .box01{ width: 35%; border-right: 1px solid #dcdee0; }
.addr_list .group_list .box01 .gp_sel{ background:#e8ebed; padding:10px; }
.addr_list .group_list .box01 .mana_list ul{ overflow:auto;  height:300px;}
.addr_list .group_list .box01 .mana_list li{ position: relative; height: 49px; padding: 10px; border-bottom: 1px solid #dcdee0; }
.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: 1px solid #dcdee0; }
.addr_list .group_list .btns a.modi{ display: inline-block; width: 24px; height: 24px; background: url(../../img/sub/fa_icon_modi.gif) no-repeat center center;  }
.addr_list .group_list .btns a.del{ display: inline-block; width: 24px; height: 24px; background: url(../../img/sub/fa_icon_close.gif) no-repeat center center; }
.addr_list .group_list .box01 .mana_list li p .group_name{ display: inline-block; max-width: 195px; 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/fa_icon_folder.png) no-repeat left 5px;  } */

/*.addr_list .group_list .box01 .mana_list i{ cursor:pointer;padding:3px; border: 1px solid #dcdee0;}*/
/* .addr_list .group_list .box01 .bo_btn { height: 50px; padding: 10px; background: #f5f5f5;}
.addr_list .group_list .box02{ position: absolute; right: 0; top: 0; width:65%;}
.addr_list .group_list .box02 .gp_sel{ overflow:hidden; background:#e8ebed; padding: 10px; }
.addr_list .group_list .box02 .gp_sel p{ float:left; width: 32%; }

.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: 16px; font-weight: 400; }

.addr_list .group_list .box02 .mana_list{ min-height:300px; }
.addr_list .group_list .box02 .mana_list ul{overflow:auto; height:300px;} 
.addr_list .group_list .box02 .mana_list ul li{ position: relative; width: 100%; height: 49px; padding: 10px; border-bottom: 1px solid #e9e9e9; }
.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), .addr_list .group_list .box02 .mana_list ul li p:nth-child(2){ padding-left: 45px; } 
.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: 180px; 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: 10px; }
.addr_list .group_list .box02 .mana_list li .btns a.modi{ display: inline-block; width: 24px; height: 24px; background: url(../../img/sub/fa_icon_modi.gif) no-repeat center center;  }
.addr_list .group_list .box02 .mana_list li .btns a.del{ display: inline-block; width: 24px; height: 24px; background: url(../../img/sub/fa_icon_close.gif) no-repeat center center; }

.addr_list .group_list .box02 .bo_btn { position: relative; height: 50px; padding: 10px; background:#f5f5f5; }
.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; }
*/

/* 회원탈퇴 */
/* .mypage .caution{ width: 100%; margin-bottom: 22px; padding: 45px 30px 42px 182px; border-radius: 6px; border: 1px solid #e9e9e9; background: url(../../img/sub/icon_cash.png) no-repeat #fafafa 55px center; }
.mypage .caution .check_cash p:nth-child(1) { display: inline-block; margin: 14px 0 6px 0; padding: 5px 14px 8px 14px; border-radius: 2px; background: #e2464d; color: #fff; }
.mypage .caution .check_cash p:nth-child(2) input[type="checkbox"] { vertical-align: -5px; } */

/* 스팸차단 서비스 */
.customer .spam{ width: 100%; padding: 12px 0 40px 0; }
.customer .spam li{ position: relative; display: inline-block; width: 135px; height: 135px; margin-left: 25px; border-radius: 100%; border: 1px solid rgba(0,0,0,0.2); color: #fff; font-size: 14.8px; font-family: 'GmarketSans'; font-weight: 400; letter-spacing: -0.8px; line-height: 130px; text-align: center; }
.customer .spam li::before{ position: absolute; display:block; width: 23px; height: 34px; top: 50%; left: -26px; margin-top: -17px; background:url(../../img/sub/arrow_spam.png) no-repeat center center; }
.customer .spam li:first-child::before{ background: none;}
.customer .spam li:first-child{ margin-left: 0; }
.customer .skt li{ background: #4e7bc5; }
.customer .kt li{ background: #408d9c; }
.customer .lgu li{ background: #7a78a9; }

/* 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 .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; }
.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: 100px; background:#333; color:#FFF; line-height: 2.5; text-align: center; }
.customer .set .ans{  display: inline-block; width:40px; height:40px; margin:0 20px 0 0; border-radius:100px; background:#f7f8fa;border:1px solid #ebebeb; line-height:2.5; text-align:center; }
.customer .content{ overflow: hidden; position: relative; display: none; width:100%; padding: 20px; border-bottom: 1px solid #ebebeb; font-weight: 500; }
.customer .content p{ position: relative; top: -31px; left: 60px; margin: 0; width: calc(100% - 60px); word-break: keep-all; }
.customer .no_result{ margin-top: 20px; padding: 25px; border-radius: 2px; border: 1px solid #e9e9e9; background: #fdfdfd; text-align: center;  }
.personalInfo textarea{ color: #111; font-size: 15px; font-weight: 400; } */

/* 회원가입 */
.member{ width: 100%;  }
.member .join_step{ width: 100%; padding: 10px 0 42px 0; letter-spacing: -0.5px; font-family: 'GmarketSans'; }
.member .join_step li{ display: inline-block; padding-right: 34px; margin-right: 17px; background: url(../../img/sub/arrow_login_off.png) no-repeat right center; }
.member .join_step li:nth-child(4){ background: none; padding-right: 0; margin-right: 0; }
.member .join_step li div{ width: 204.25px; height: 55px; border: 1px solid rgba(0,0,0,0.1); background: #f3f3f3; color: #999; font-size: 16px; font-weight: 400; line-height: 55px; text-align: center; letter-spacing: 0; }
.member .join_step li div span{ font-weight: 700; }
.member .join_step li.on{ background: url(../../img/sub/arrow_login_on.png) no-repeat right center; }
.member .join_step li.on div{ width: 204.25px; border: 1px solid rgba(0,0,0,0.1); background: #4b91f0; color: #fff; }
.member .agree_box{ height: 250px; margin-bottom: 12px; padding: 26px 30px; border-radius: 6px; border: 1px solid #e9e9e9; font-size: 14px; color: #4B596D; overflow: auto; }
.member .select_certi{ }
.member .select_certi li{ display: inline-block; width: 476px; padding: 45px 30px 42px 158px; border-radius: 6px; border: 1px solid #e9e9e9; }
.member .select_certi li:nth-child(1){ margin-right: 15px; background: url(../../img/sub/icon_phone.png) no-repeat 38px center; }
.member .select_certi li:nth-child(2){ background: url(../../img/sub/icon_monitor.png) no-repeat 38px center; }
.member .select_certi li p:nth-child(1){ font-size: 17px; font-family: 'GmarketSans'; font-weight: 700; letter-spacing: 0; }
.member .select_certi li p:nth-child(2){ font-size: 14.5px; margin-bottom: 18px; color: #555; }
.member .join_comp{ width: 100%; padding: 182px 30px 55px 30px; border-radius: 6px; border: 1px solid #e9e9e9; background: url(../../img/sub/icon_welcome.png) no-repeat center 62px; font-size: 16px; text-align: center; }
.member .join_comp .imp{ margin-bottom: 6px; color: #e40e22; font-size: 23px; font-family: 'GmarketSans'; }
.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: #e40e22; font-weight: 600; letter-spacing: 0.1px; }

/* 로그인 */
.login{}
.login .login_top{ padding: 34px 30px 42px 30px; font-size: 16px; line-height: 28px; letter-spacing: -0.5px; text-align: center; }
.login .login_wrap{ padding: 40px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; text-align: center; }
.login .login_wrap .login_box{ position: relative; width: 490px; margin: 0 auto 10px auto; padding-right: 110px; }
.login .login_wrap>.logo{ margin-bottom: 22px; }
.login .login_wrap .login_box ul{}
.login .login_wrap .login_box li input{ width: 100%; height: 45px; }
.login .login_wrap .login_box li:first-child{ margin-bottom: 10px; }
.login .login_wrap .login_box .btn_login{ position: absolute; top: 0; right: 0; width: 100px; height: 100px; background: #e40e22; color: #fff; font-size: 16px; line-height: 100px; }
.login .login_util{ width: 490px; margin: 0 auto; text-align: left; }
.login .login_util a{ position: relative; padding-right: 10px; margin-right: 10px; color: #999; font-size: 14px; }
.login .login_util a:first-child::before{  display:inline-block; width:1px; height: 10px; top: 50%; right:-4px; margin-top: -5px; background: #ddd; }

/* 사이트맵 */
.sitemap{ position: relative; width: 100%; }
.sitemap>div{ display: flex; margin-bottom: 30px; }
.sitemap dl{ width: 304px; margin: 0 10px 0 10px; border: 1px solid #e5e5e5; padding: 30px 28px; }
.sitemap dl dt{ margin-bottom: 15px; padding-bottom: 10px; font-size: 18px; font-family: 'GmarketSans'; font-weight: 700; border-bottom: 1px solid #ddd; }
.sitemap dl dt a{ color: #e40e22  }
.sitemap dl dt a:hover{ color: #198297; transition: All .3s ease; }
.sitemap dl dd{ position: relative; margin-top: 10px; padding: 0 0 10px 21px;  border-bottom: 1px dashed #ddd;  }
.sitemap dl dd a::before{ position: absolute; top: 50%; left: 10px; display: inline-block; width: 3px; height: 3px; margin-top: -6px; background: #999; }
.sitemap dl dd a:hover{ color: #198297; transition: All .3s ease; }
.sitemap dl dd a:hover::before { background: #198297;}

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


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

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

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

.table02_left{ border-left: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; }
.table02_left th, .table02_left td{ padding: 12px 10px; border-right: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9; line-height: 1.25; } 
.table02_left thead th, .table02_left tbody th{ height: 48px; background: #fafafa; 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: #fdfdfd; }
.exp_h tbody tr:hover{ background: none !important; }

.table02_right{ border-left: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; }
.table02_right th, .table02_right td{ padding: 12px 12px; border-right: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9; line-height: 1.25; } 
.table02_right thead th, .table02_right tbody th{ height: 48px; background: #fafafa; 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: #fdfdfd; }

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

/* 게시판 - 목록 */
.board_list{ 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: 16px 12px; border-top: 1px solid #e9e9e9; line-height: 1.25; } 
.board_list thead th, .board_list tbody th{ height: 50px; background: #f1f8fd; 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: 480px; 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-bottom: 1px solid #dfe3e6; margin-left: 40px;}
.board_view tbody th, .board_view tbody td{ padding: 17px 15px; border-top: 1px solid #dfe3e6; }
.board_view tbody th{ background: #f3f4f6; font-weight: 500; text-align: center; }
.board_view tbody td{ text-align: left; }
.board_view .board_conts{ padding: 24px 15px; height: 400px; vertical-align: top; }
.board_view .b_view_title{ font-size: 16.5px; line-height: 22px;  }

/* paging */
.paging{ display: block; width: 100%; margin-top: 30px; text-align: center; }
.paging a{ display: inline-block; width: 34px; height: 34px; margin-left: 4px; vertical-align: top; line-height: 34px;}
.paging a.first{ margin: 0 0 0 6px; background: url(../../img/sub/btn_first.png) no-repeat center center;  }
.paging a.prev{ margin: 0 6px 0 6px;  background: url(../../img/sub/btn_prev.png) no-repeat center center;  }
.paging a.next{ margin: 0 6px 0 12px; background: url(../../img/sub/btn_next.png) no-repeat center center; }
.paging a.end{ margin: 0 6px 0 0; background: url(../../img/sub/btn_end.png) no-repeat center center; }
.paging a.on, .paging a:not(.paging a.first, .paging a.prev, .paging a.next, .paging a.end):hover{ border: 1px solid #6a7ba1; border-radius: 100%; background: #f0f2f4; color: #66789f; font-weight: 700; }


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 #e9e9e9; background: #fafafa; text-align: center; }
.box_st02{ padding: 15px; border: 1px solid #dcdee0; background: #e8ebed; text-align: center; }
/* .box_st02 a.btn_st01{ vertical-align: 1px; } */

/* .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: #198297; color: #fff; font-weight: 600; line-height: 28px; white-space: nowrap; outline: none; right: 0; cursor: pointer; -webkit-user-select: none; } */

@-moz-document url-prefix(){
  .box_st02 a.btn_st01{ vertical-align: top; }
}

/* 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>.conts_title{ margin-bottom: 0; }
.layer_pop .pop_content{ overflow-y: auto; height: 100%; padding: 15px; background: #fff; }

.layer_pop .pop_content .tab { overflow:hidden; margin:0 0 20px 0; }
.layer_pop .pop_content .tab li{ float: left; width: 50%; padding: 12px 10px; border-bottom: 2px solid #426be9; background:#f5f5f5; text-align: center; cursor: pointer; }
.layer_pop .pop_content .tab li.on{ background:#426be9; color:#fff; }
.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;border:1px solid #ebebeb; height:200px;} 
.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:#426be9; color:#FFF; }


.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; }

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

.layer_pop .layer_notice { padding: 15px; /* border-top: 2px solid #426be9;*/ background: #f7f8fa; color: #354059; }
.layer_pop .layer_notice ul li{ margin-top: 5px; padding-left: 12px; background: url(../../img/sub/conts_stitle_bullet.gif) no-repeat left 8px; color: #354059; font-size: 14px; line-height: 18px; }
.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; }
.layer_pop .table_wrap_nm{ overflow-y: auto; }
.layer_pop .table02 thead th { height: 46px; padding: 6px 10px; }


/* popup */
.char{  padding: 15px; }
.char .tit{ position: relative; padding: 15px; }
.char .content .tab{ display: block; width: 100%; height: 43px; margin-bottom: 15px; }
.char .content .tab li{ float: left; width: 50%; padding: 12px 10px; border-bottom: 2px solid #426be9; background:#f5f5f5; text-align: center; cursor: pointer; }
.char .content .tab li.on{ background:#426be9; 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:#e3ebf5; color:#426be9; }
.char #tab1 li{width:10%}
.char #tab2 li{width:20%;height:40px;}

.txt_sample{  padding: 15px; }
.txt_sample .tit{ position: relative; padding: 15px; }

.popup_notice { padding: 15px; /* border-top: 2px solid #426be9;*/ background: #f7f8fa; color: #354059; }
.popup_notice ul li{ margin-top: 5px; padding-left: 12px; background: url(../../img/sub/conts_stitle_bullet.gif) no-repeat left 8px; color: #354059; font-size: 14px; line-height: 18px; }

.sample .case{ margin:0 0 25px 0; padding: 5px 25px 25px 30px; border: 1px solid rgba(0,0,0,0.05); background:#f7f8fa; }
.sample .case .sam_part{ width: 100%; }
.sample .case .sam_part li{ display: inline-block; width: 19.5%; margin-top: 15px; padding-left: 12px; background: url(../../img/sub/conts_stitle_bullet.gif) no-repeat left 8px; color: #354059; font-size: 14px; 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: 15.5px; }
.sample .case .sam_part li a.on{ color: #104193; font-weight:bold; }
.sample .case .sam_part li a:hover{ color:#e40e22; }

/* 발송내역 */

.stats .send_det {padding:33px 0; border-top:1px solid #222; letter-spacing:0; border-bottom:1px solid #222; overflow:hidden;
			-moz-box-shadow: 0 4px 0px 0 rgba(0,0,0,0.1);
			-webkit-box-shadow: 0 4px 0px 0 rgba(0,0,0,0.1);
			 box-shadow: 0 4px 0px 0 rgba(0,0,0,0.1);}
.stats .send_det .sms {position:relative; float:left; width:250px; padding-right:23px; }
.stats .send_det .sms textarea {padding:8px; width:100%; height:219px; background:#f9f9f9; border:1px solid #27609d; border-radius:7px;}
.stats .send_det .sms .bub {position:absolute; right:1px; top:23px; width:23px; height:23px; background-position:-5px -340px;}
.stats .send_det .exp {margin-left:280px;}
.stats .send_det .exp ul {border-top:1px solid #dbdbdb;}
.stats .send_det .exp ul li {padding:12px 0 12px 25px; border-bottom:1px solid #dbdbdb; overflow:hidden;}
.stats .send_det .exp ul li.sb { color:#426be9; font-weight:bold; font-size:16px; background:#e8ebed;}
.stats .send_det .exp ul li p {display:inline-block;}


/* 이전 다음 글 */
.board_det_bo {width:100%; background:#fff; border-bottom:1px solid #222;}
.board_det_bo  * {vertical-align:middle;}
.board_det_bo tbody th,
.board_det_bo tbody td {border-right:1px solid #DBDBDB; border-bottom:1px solid #DBDBDB; }
.board_det_bo tbody td:last-child {border-right:none;}
.board_det_bo tbody th {padding:10px 0 ; text-align:center; height:45px;  color:#333; font-weight:normal; background:#f3f4f6;}
.board_det_bo tbody td {padding:10px; height:45px;  }
.board_det_bo tbody td a:hover {text-decoration:underline; transition:normal;}

.mana_list .repre {padding:0 5px; line-height:20px; color:#fff; font-size:12px; border-radius:3px;  background:#db4646; }

.file-input > .label {
  color: #333;
  white-space: nowrap;
  opacity: .8;
  font-size: 100%;
}

.file-input.-chosen > .label {
  opacity: 1;
}