/* Common **********************************************************************/ 
html,body {width:100%;}
html {overflow-y:scroll; box-sizing:border-box;}
*, *:before, *:after{box-sizing:inherit;}
*{
-webkit-text-size-adjust:none;
-webkit-text-size-adjust - auto | none | N% (default auto)
}
body {word-break:break-all;-ms-word-break:break-all; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0; word-break:keep-all;}
fieldset,img {border:0px none; vertical-align:top;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
button {border:0 none; background-color:transparent; cursor:pointer;}
body { background:#fff;}
body,th,td,input,select,textarea,button {font-size:18px; line-height:1.7; font-family:'Poppins', 'Noto Sans KR'; color:#000; letter-spacing: -1px;} /* 기본폰트 세팅 */
input, select, textarea, button{vertical-align:middle; }
a:link,a:active,a:visited{color:#7d7d7d; text-decoration:none; border:0px;}
a:hover,a:focus{color:#333; text-decoration:none}

table {border-collapse:collapse; border-spacing:0;}
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}
summary, caption, legend, hr {width:0; height:0; font-size: ; line-height: ; overflow: hidden; visibility: hidden; border: none; position:absolute; left:-1000em;}
caption {position:static;}
/* label hidden 泥섎━ */
.invisible, .hide{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute;}
label.invisible{*position:Absolute;}


/* common */
.clfix:after {content: "."; display: block; height:0px; clear: both; visibility: hidden;}
.clfix {display:inline-block;}
.clfix {display:block;}
* html .clfix {height:1%;} /* Hides from IE-mac */
.clfix {zoom:1;} /*for IE 5.5-7*/


.center{text-align:center;}
.inner {width:1400px; margin:0 auto;}
.pc {display:block;}
.tab {display:none;}
.mob {display:none;}
.pc_img {display:block !important;}
.tab_img {display:none;}
.mob_img {display:none !important;}


/* === Main === */
#wrap {position:relative; width:100%; margin:0 auto; overflow:hidden;}

#header {width:100%; z-index: 10; text-align: center; position:absolute; left:0; top:0;}
#header h1 {position:absolute; left:3%; top:20px;}
#header h1 a {display:block; width:100%; height:100%;}
#header .gnb {font-size: 0; display:inline-block; margin-top: 40px;}
#header .gnb > li {display:inline-block; vertical-align: top; font-size: 20px; width: 240px; margin-right: 10px; line-height:1; position: relative; font-weight: 500;}
#header .gnb > li:last-child {margin-right: 0;}
#header .gnb > li > a {color: #fff; display:block; width: 100%; height: 100%;}
#header .gnb > li:hover > a {color: #F3C874; font-weight: 500;}

#header .gnb > li .gnb_2depth {width: 240px; padding: 40px 0; background: #fff; margin-top: 25px; position: relative; display: none;}
#header .gnb > li .gnb_2depth::after {content:''; width: 140px; height: 4px; background: #F3C874; position: absolute; top: -4px; left: 50px; display: block;}
#header .gnb > li .gnb_2depth li {font-size: 18px; margin-bottom: 23px;}
#header .gnb > li .gnb_2depth li:last-child {margin-bottom: 0;}
#header .gnb > li .gnb_2depth li a {color: #222; font-weight: 400;}
#header .gnb > li .gnb_2depth li:hover a {color: #133379; font-weight: bold;}



#header .tel {position: absolute; right: 3%; top: 25px;}
#header .tel a {display: block; width: 100%; height: 100%; font-size: 0;}
#header .tel img {display: inline-block; margin-right: 12px; padding-top: 6px;}
#header .tel .txt {display: inline-block; text-align: left;}
#header .tel .txt span {display: block; color: #fff; font-size: 16px; font-weight: 500; line-height: 1; margin-bottom: 3px; font-family: 'Noto Sans KR';}
#header .tel .txt p {color: #F3C874; font-size: 30px; line-height: 1; font-weight: bold; letter-spacing: 2.5px;}



.navi {display:none;}
.navi_btn {display:none;}


#main_visual {width: 100%; height: 100vh; position: relative;}
#main_visual .mv_list li {width: 100%; height: 100vh; position: relative;}
#main_visual .mv_list li.bg01 {background: url('../images/main/main_visual_01.jpg') no-repeat center center / cover;}
#main_visual .mv_list li.bg02 {background: url('../images/main/main_visual_02.jpg') no-repeat center center / cover;}
#main_visual .mv_list li.bg03 {background: url('../images/main/main_visual_03.jpg') no-repeat center center / cover;}

#main_visual .mv_list li .inner {position: absolute; left: 50%; top: 47%; transform: translate(-50%,-50%); width: 100%; max-width: 1400px;}
#main_visual .mv_list li .inner span {font-size: 32px; color: #fff; display: block; margin-bottom: 30px;}
#main_visual .mv_list li .inner h2 {font-size: 58px; line-height: 88px; color: #fff; font-weight: 300; }
#main_visual .mv_list li .inner h2 strong {color: #F3C874;}
#main_visual .mv_list li .inner button {width: 280px; height: 60px; border-radius: 30px; background: #D9A848; margin-top: 60px;}
#main_visual .mv_list li .inner button a {display: block; width: 100%; height: 100%; padding: 0 40px; position: relative;}
#main_visual .mv_list li .inner button p {color: #fff; font-size: 22px; line-height: 60px; font-weight: 500; text-align: left;}
#main_visual .mv_list li .inner button img {position: absolute; right: 40px; top: 22px;}
#main_visual .mv_list li .inner button a:hover img {right: 30px; transition: 0.3s ease-in-out;}

#main_visual img.scroll {position: absolute; left: 50%; bottom: 40px; transform: translateX(-50%);}

#main_visual .mv_list .slick-dots {font-size: 0; position: absolute; left: 50%; transform: translateX(-50%); bottom: 70px; width: 100%; max-width: 1400px;}
#main_visual .mv_list .slick-dots li {text-indent: -9999px; cursor: pointer; width: 8px; height: 8px; display: inline-block; vertical-align: middle; background: url('../images/main/p_off.png') no-repeat; margin-right: 25px;}
#main_visual .mv_list .slick-dots li:last-child {margin-right: 0;}
#main_visual .mv_list .slick-dots li.slick-active {width: 22px; height: 17px; background: url('../images/main/p_on.png') no-repeat;}

#con2 {width: 100%; background: url('../images/main/con2_bg.jpg') no-repeat center center / cover; padding: 110px 0 130px;}
#con2 h2 {font-size: 45px; line-height: 1; margin-bottom: 60px; text-align: center;}
#con2 h2 b {color: #D9A848;}
#con2 .c2_list {display: flex; justify-content: space-between; margin-bottom: 60px;}
#con2 .c2_list li {width: 49%; background: #fff; padding: 45px 60px;}
#con2 .c2_list li span {display: block; font-size: 26px; font-weight: bold; color: #133379; line-height: 1; margin-bottom: 20px;}
#con2 .c2_list li p {font-size: 22px; line-height: 42px;}
#con2 img.con2_img {width: 100%;}

#con2 button {display:block; width: 420px; height: 70px; border-radius: 35px; background: #133379; position: relative; margin: 0 auto; margin-top: 80px;}
#con2 button a {display: block; width: 100%; height: 100%; padding: 0 40px;}
#con2 button a p {font-size: 22px; font-weight: 500; color: #fff; text-align: left; line-height: 71px;}
#con2 button a img {position: absolute; right: 40px; top: 27px;}
#con2 button a:hover img {right: 30px; transition: 0.3s ease-in-out;}


#con3 {width: 100%; height: 600px; background: url('../images/main/con3_bg.jpg') no-repeat center center / cover; text-align: center; color: #fff; padding: 100px 0;}
#con3 span {font-size: 35px; font-weight: 500; margin-bottom: 15px; display: block;}
#con3 h2 {font-size: 60px; line-height: 1;}
#con3 > p {font-size: 25px; line-height: 50px; margin: 35px 0 60px;}

#con3 button {display:block; width: 280px; height: 60px; border-radius: 30px; background: #D9A848; position: relative; margin: 0 auto;}
#con3 button a {display: block; width: 100%; height: 100%; padding: 0 40px;}
#con3 button a p {font-size: 22px; font-weight: 500; color: #fff; text-align: left; line-height: 61px;}
#con3 button a img {position: absolute; right: 40px; top: 22px;}
#con3 button a:hover img {right: 30px; transition: 0.3s ease-in-out;}

#footer {width: 100%; background: #191919; padding: 55px 0; letter-spacing: 0;}
#footer .inner {height: 100%; position: relative;}
#footer img.foot_logo {position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
#footer .txt p:first-child {font-size: 16px; line-height: 35px; color: #A2A2A2;}
#footer .txt p:first-child span {margin: 0 12px;}
#footer .txt p.copyright {font-size: 16px; color: #fff; line-height: 1; margin-top: 25px;}


/* === Sub === */
#sub_visual {width: 100%; height: 500px; text-align: center; padding-top: 200px;}
.sub_bg01 {background: url('../images/sub/sub_visual_01.jpg') no-repeat center center / cover;}
.sub_bg02 {background: url('../images/sub/sub_visual_02.jpg') no-repeat center center / cover;}
.sub_bg03 {background: url('../images/sub/sub_visual_03.jpg') no-repeat center center / cover;}
.sub_bg04 {background: url('../images/sub/sub_visual_04.jpg') no-repeat center center / cover;}

#sub_visual .loc {display: inline-block; color: #fff;}
#sub_visual .loc li {display: inline-block; margin-right: 35px; font-size: 16px; line-height: 1; font-weight: 500; position: relative;}
#sub_visual .loc li:last-child {margin-right: 0;}
#sub_visual .loc li::after {content:''; width: 6px; height: 9px; background: url('../images/sub/loc_arrow.png') no-repeat; position: absolute; right: -22px; top: 5px;}
#sub_visual .loc li:last-child::after {content: none;}

#sub_visual h2 {color: #fff; font-size: 70px; line-height: 1; margin-top: 50px;}


/* === Sub 01 === */
#greet_wrap {padding-top: 120px;}
#greet_wrap .inner {position: relative;}
#greet_wrap .inner > span {font-size: 20px; font-weight: bold; display: block; color: #133379; line-height: 1; position: relative; margin-bottom: 50px;}
#greet_wrap .inner > span::after {content:''; width: calc(100% - 120px); height: 1px; background: #ddd; position: absolute; left: 120px; top: 10px;}
#greet_wrap .title {font-size: 0;}
#greet_wrap .title h2 {font-size: 42px; line-height: 66px; display: inline-block; vertical-align: top; width: 50%;}
#greet_wrap .title .txt {display: inline-block; width: 50%;}
#greet_wrap .title .txt p {font-size: 20px; line-height: 38px; color: #454545; margin-bottom: 30px;}
#greet_wrap .title .txt p:last-child {margin-bottom: 0;}

#greet_wrap .greet_bottom {width: 100%; background: #F7F9FC url(../images/sub/greet_bg.png) no-repeat right bottom; padding: 90px 0 130px; margin-top: 90px;}
#greet_wrap .greet_bottom .g_list li {width: 100%; background: #fff; height: 70px; border-radius: 35px; line-height: 70px; margin-bottom: 15px; position: relative;}
#greet_wrap .greet_bottom .g_list li:last-child {margin-bottom: 0;}
#greet_wrap .greet_bottom .g_list li em {font-size: 22px; font-weight: bold; color: #133379; position: absolute; left: 60px; top: 0;}
#greet_wrap .greet_bottom .g_list li p {text-align: center; font-size: 22px;}

#greet_wrap .greet_bottom .inner > p {font-size: 20px; line-height: 38px; color: #454545; text-align: center; margin-top: 70px;}

#organ_wrap {padding: 100px 0 180px;}
#organ_wrap > .inner > img {width: 100%; display: block; margin-bottom: 80px;}


.organ_table {border-top: 2px solid #133379; width: 100%;}
.organ_table tr {border-bottom: 1px solid #ddd;}
.organ_table th {height: 60px; background: #F2F4F8; font-size: 18px; border-right: 1px solid #ddd;}
.organ_table th:last-child {border-right: 0;}
.organ_table td {height: 60px; text-align: center; font-size: 18px; color: #555; border-right: 1px solid #ddd;}
.organ_table td:last-child {border-right: 0;}

.organ_table th.gray {background: #f7f7f7;}

#organ_wrap h4 {font-size: 35px; text-align: center; line-height: 1; margin: 80px 0 40px;}


#after_wrap {padding: 100px 0 180px;}
#after_wrap h3 {font-size: 45px; text-align: center; line-height: 1; margin: 100px 0 55px; font-family: 'Noto Sans KR';}
#after_wrap h3:nth-of-type(1) {margin-top: 0;}

#after_wrap .a_box {width: 100%; background: #F7F9FC; padding: 60px 70px;}
#after_wrap .a_box p {font-size: 22px; line-height: 42px; color: #454545; text-align: center;}
#after_wrap .a_box p b {color: #133379;}

#after_wrap .a_list {display: flex;}
#after_wrap .a_list li {width: 23.5%; margin-right: 2%; text-align: center; padding: 60px 40px;}
#after_wrap .a_list li:last-child {margin-right: 0;}
#after_wrap .a_list li:nth-child(2n+1) {border: 1px solid #ddd;}
#after_wrap .a_list li:nth-child(2n) {background: #f7f7f7;}
#after_wrap .a_list li span {display: block; color: #133379; font-weight: bold; font-size: 30px; line-height: 1; margin-bottom: 30px;}
#after_wrap .a_list li p {font-size: 20px; line-height: 38px; color: #454545;}

#after_wrap .a_compete .a_con {display: flex; align-items:center; margin-bottom: 40px;}
#after_wrap .a_compete .a_con:last-child {margin-bottom: 0;}
#after_wrap .a_compete .a_con img {display: block; width: 40%;}
#after_wrap .a_compete .a_con .txt {width: 60%; padding-left: 4%;}
#after_wrap .a_compete .a_con .txt h4 {font-size: 35px; line-height: 1; color: #133379; margin-bottom: 35px;}
#after_wrap .a_compete .a_con .txt p {font-size: 22px; line-height: 42px; color: #454545;}



/* === Sub 02 === */
#product_wrap {padding: 100px 0 180px;}
#product_wrap h3 {font-size: 45px; text-align: center; line-height: 1; margin-bottom: 65px;}

.pd_table {width: 100%;}
.pd_table tr {border-bottom: 10px solid #fff;}
.pd_table tr:last-child {border-bottom: 0;}
.pd_table th {background: #F2F4F8; font-size: 18px; font-weight: 500; padding: 22px 0; border-right: 10px solid #fff;}
.pd_table td {background: #F8F8F8; padding: 40px; border-right: 10px solid #fff; font-family: 'Noto Sans KR';}
.pd_table td:last-child {border-right: 0;}

.pd_table td.tit_01 {text-align: center; padding: 15px 0; font-size: 26px; font-weight: bold; color: #fff; background: #8092BA;}
.pd_table td.tit_02 {text-align: center; padding: 15px 0; font-size: 26px; font-weight: bold; color: #fff; background: #5B71A2;}

.bullet li {font-size: 18px; line-height: 32px; color: #454545; margin-bottom: 20px; padding-left: 20px; position: relative;}
.bullet li:last-child {margin-bottom: 0;}
.bullet li::before {content:''; width: 6px; height: 6px; border-radius: 50%; background: #133379; position: absolute; left: 0; top: 14px;}
.bullet li.point {color: #133379; font-weight: bold;}
.bullet li.point::before {content:''; width: 7px; height: 8px; border-radius: 0; background: url(../images/sub/tri_small.png) no-repeat; position: absolute; left: 0; top: 12px;}
.bullet li.point i {color: #454545; font-weight: normal; font-style: normal;}


.pd_table tr.price td {padding: 22px 0; text-align: center; font-size: 20px; font-weight: bold;}
.pd_table tr.price td span {color: #666; font-size: 16px; margin-right: 55px; font-weight: normal;}
.pd_table tr.price td p {display: inline-block; position: relative; color: #133379;}
.pd_table tr.price td p::after {content:''; width: 196px; height: 9px; background: url(../images/sub/y_arrow.png) no-repeat; position: absolute; left: 0; top: 15px;}
.pd_table tr.price td em {display: block; font-size: 16px; margin-top: 5px;}

.pd_table tr .blue_p {color: #133379; font-weight: bold;}

.pd_table tr .point {display: flex; align-items: center;}
.pd_table tr .point img {width: 36px; margin-right: 12px;}

#product_wrap p.point_p {margin-top: 45px; font-size: 18px; font-weight: bold; color: #133379; padding-left: 30px; position: relative;}
#product_wrap p.point_p::before {content:''; width: 14px; height: 16px; background: url(../images/sub/tri_big.png) no-repeat; position: absolute; left: 0; top: 6px;}



#pro_de_wrap {padding: 120px 0 180px;}
.pd_top {font-size: 0; margin-bottom: 50px;}
.pd_top img {display: inline-block; width: 450px; vertical-align: middle;}
.pd_top .title {display: inline-block; width: calc(100% - 450px); vertical-align: middle;}
.pd_top .title h3 {font-size: 35px; line-height: 55px; color: #133379; font-weight: normal; padding-left: 60px; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #ddd;}
.pd_top .title p {font-size: 22px; line-height: 42px; color: #454545; padding-left: 60px;}

.pd_con {display: flex; flex-wrap: wrap;}
.pd_con > li {width: 49.5%; margin-right: 1%; margin-top: 1%; border: 1px solid #ddd; padding: 40px 40px 30px;}
.pd_con > li:nth-child(2n) {margin-right: 0;}
.pd_con > li:nth-child(-n+2) {margin-top: 0;}
.pd_con > li:nth-child(2) {border: 0; background: #F7F7F7;}
.pd_con > li:nth-child(3) {border: 0; background: #F7F7F7;}

.pd_con > li h4 {font-size: 22px; line-height: 1; margin-bottom: 30px;}
.pd_con > li h4 span {color: #244BA0; margin-right: 20px;}

.num_list li {margin-bottom: 20px; font-size: 0;}
.num_list li:last-child {margin-bottom: 0;}
.num_list li em {display: inline-block; margin-right: 12px; font-size: 16px; line-height: 24px; width: 24px; height: 24px; border-radius: 50%; background: #8092BA; text-align: center; color: #fff; vertical-align: top; margin-top: 3px;}
.num_list li p {display: inline-block; width: calc(100% - 36px); font-size: 18px; line-height: 32px; color: #454545;}

.pd_con > li .bullet li {margin-bottom: 10px;}

.pd_con > li:nth-child(2) .num_list {margin-top: 20px;}
.pd_con > li:nth-child(2) .num_list li {margin-bottom: 8px;}




/* === Sub 03 === */

#obituary_wrap {padding: 100px 0 180px;}
#obituary_wrap h3 {font-size: 45px; text-align: center; line-height: 1; margin-bottom: 65px;}
#obituary_wrap .inner > p {font-size: 20px; margin-bottom: 15px;}
#obituary_wrap .inner > p b {color: #133379; font-weight: bold;}
.ob_table {border-top: 2px solid #133379; width: 100%; margin-bottom: 50px;}
.ob_table tr {border-bottom: 1px solid #ddd;}
.ob_table th {height: 80px; background: #F2F4F8; font-size: 18px; border-right: 1px solid #ddd;}
.ob_table th:last-child {border-right: 0;}
.ob_table td {height: 90px; text-align: center; font-size: 18px; color: #555; border-right: 1px solid #ddd;}
.ob_table td:last-child {border-right: 0;}

.paging_wrap{text-align: center;}
ul.paging{display: inline-block; font-size: 0;}
ul.paging li{display: inline-block; vertical-align: middle; margin-right: 5px;}
ul.paging li:last-child {margin-right: 0;}
ul.paging li img {vertical-align: middle;}
ul.paging li a {display: block; width: 40px; height: 40px; border: 1px solid #ddd; font-size: 16px; color:#999; line-height: 40px;}
ul.paging li.on a {color:#fff; border: 0; background:#5B71A2;}


/* === Sub 04 === */

#online_consult {padding: 100px 0 180px;}
#online_consult .inner > p {font-size: 22px; margin-bottom: 25px;}

.contact_list {border-top: 2px solid #133379;}
.contact_list li {float: left; width: 48%; padding: 30px 0; overflow: hidden;}
.contact_list li:first-child {margin-right: 4%;}
.contact_list li:last-child {width: 100%; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}

.contact_list li span {float: left; width: 150px; line-height: 60px; font-size: 20px;}
.contact_list li input {float: left; width: calc(100% - 150px); height: 60px; border: 1px solid #ddd; padding-left: 20px;}
.contact_list li textarea {float: left; width: calc(100% - 150px); height: 250px; border: 1px solid #ddd; padding: 20px;}

.privacy {margin-top: 40px; width: 100%;}
.privacy textarea {width: 100%; height: 180px; border: 1px solid #ddd; background: #f7f7f7; padding: 25px; font-size: 15px; line-height: 25px; color: #666;}
.privacy .checkbox {margin-top: 10px;}
.privacy .checkbox span {margin-left: 5px; font-size: 16px;}

#online_consult .submit_btn {display: block; margin: 0 auto; margin-top: 70px; width: 320px; height: 70px; border-radius: 35px; background: #133379; font-size: 22px; color: #fff; font-weight: 500;}


#qna_wrap {padding: 100px 0 180px;}
#qna_wrap h3 {font-size: 45px; text-align: center; line-height: 1; margin-bottom: 40px;}
#qna_wrap .inner > p {font-size: 22px; line-height: 1; margin-bottom: 70px; color: #454545; text-align: center;}

.q_list li {margin-bottom: 25px;}
.q_list li:last-child {margin-bottom: 0;}
.q_list li .question {width: 100%; height: 80px; background: #F2F4F8; border-radius: 40px; padding-left: 60px; cursor: pointer; transition: 0.5s ease-in-out;}
.q_list li .question h4 {font-size: 24px; line-height: 80px; color: #133379; font-weight: 500;}

.q_list li .answer {width: 100%; background: #f7f7f7; padding: 60px; border-radius: 40px; display: none; transition: 0.5s ease-in-out;}
.q_list li .answer span {display: block; font-size: 24px; color: #133379; font-weight: bold; line-height: 1; margin-bottom: 15px;}
.q_list li .answer p {font-size: 18px; line-height: 35px; color: #454545; margin-bottom: 15px;}
.q_list li .answer p:last-child {margin-bottom: 0;}
.q_list li .answer p b {color: #133379;}

.q_list li.on .question {background: #133379;}
.q_list li.on .question h4 {color: #fff; font-weight: bold;}

.q_list li.on .answer {display: block;}




/* === Admin === */
#admin_login_wrap {width: 100%; height: 100vh; background: #ddd;}
#admin_login_wrap .admin_login {position: absolute; top: 45%; left: 50%; transform: translate(-50%,-50%); width: 94%; max-width: 700px; background: #fff; padding: 70px 50px;}
#admin_login_wrap .admin_login h4 {font-size: 30px; text-align: center; line-height: 1; margin-bottom: 50px; letter-spacing: -1px;}
#admin_login_wrap .admin_login ul li {font-size: 0; margin-bottom: 10px;}
#admin_login_wrap .admin_login ul li:last-child {margin-bottom: 0;}
#admin_login_wrap .admin_login ul li span {display: inline-block; font-size: 17px; font-weight: bold; width: 120px; vertical-align: middle;letter-spacing: -1px;}
#admin_login_wrap .admin_login ul li input {display: inline-block; font-size: 16px; width: calc(100% - 120px); height: 50px; border: 1px solid #ccc; vertical-align: middle; padding: 0 20px;}
#admin_login_wrap .admin_login button {display:block; width: 200px; height: 50px; background: #000; color: #fff; font-size: 18px; margin: 0 auto; margin-top: 50px;}

#admin_header h1 {position:absolute; left: 3%; top:20px;}
#admin_header .admin_btns {position: absolute; right: 3%; top: 25px; font-size: 0;}
#admin_header .admin_btns button {display:inline-block; width: 150px; height: 45px; margin-right: 10px; vertical-align: middle; font-size: 16px;}
#admin_header .admin_btns button a {display:block; width: 100%; height: 100%; line-height: 45px;}
#admin_header .admin_btns button:first-child {background: #000; color: #fff;}
#admin_header .admin_btns button:last-child {margin-right: 0; background: #D9A848;}
#admin_header .admin_btns button:last-child a {color: #fff;}

#admin_wrap {background: #ddd; width: 100%; min-height: 100vh; padding: 130px 0 100px;}
#admin_wrap .admin_con {background: #fff; width: 1400px; margin: 0 auto; padding: 40px 80px 100px;}

#admin_wrap .admin_tab {margin-bottom: 80px;}
#admin_wrap .admin_tab li {float: left; width: 32%; margin-right: 2%; height: 60px; text-align: center; background: #aaa; line-height: 60px; font-size: 18px;}
#admin_wrap .admin_tab li a {display: block; width: 100%; height: 100%; color: #fff;}
#admin_wrap .admin_tab li:last-child {margin-right: 0;}
#admin_wrap .admin_tab li.on {background: #133379;}

/* 관리자 정보 수정 */
#admin_wrap .admin_con .mypage h3 {font-size: 35px; line-height: 1; text-align: center; letter-spacing: -1px;}
#admin_wrap .admin_con .mypage > p {font-size: 18px; text-align: center; margin-top: 20px; margin-bottom: 60px; letter-spacing: -1px;}
#admin_wrap .admin_con .mypage ul {border-top:2px solid #000;}
#admin_wrap .admin_con .mypage ul li {border-bottom:1px solid #ddd; padding: 20px 0; font-size: 0; height: 100px;}
#admin_wrap .admin_con .mypage ul li span {font-size: 18px; font-weight: bold; display: inline-block; width: 20%; vertical-align: middle;}
#admin_wrap .admin_con .mypage ul li p {display: inline-block; width: 80%; vertical-align: middle; font-size: 18px; font-weight: 500; color: #000; line-height: 60px;}
#admin_wrap .admin_con .mypage ul li input {display: inline-block; width: 80%; vertical-align: middle; border: 1px solid #ddd; height: 60px; font-size: 18px; padding-left: 15px;}
#admin_wrap .admin_con .mypage ul li button.password_btn {width: 200px; height: 60px; color: #fff; font-size: 18px; background: #444;}
#admin_wrap .admin_con .mypage button.modify_btn {display:block; width: 250px; height: 60px; font-size: 18px; background: #000; color: #fff; font-weight: bold; margin: 0 auto; margin-top: 60px;}
#admin_wrap .admin_con .mypage button.apply_btn {display:block; width: 250px; height: 60px; font-size: 18px; background: #000; color: #fff; font-weight: bold; margin: 0 auto; margin-top: 60px;}



/* 부고서비스 관리 */
#admin_wrap .admin_con .admin_ob h3 {font-size: 35px; line-height: 1; text-align: center; letter-spacing: -1px;}
#admin_wrap .admin_con .admin_ob > p {font-size: 18px; text-align: center; margin-top: 20px; margin-bottom: 60px; letter-spacing: -1px;}
#admin_wrap .admin_con .admin_ob button.apply_btn {display:block; width: 250px; height: 60px; font-size: 18px; background: #000; color: #fff; font-weight: bold; margin: 0 auto; margin-top: 60px;}

p.total_p {text-align: left !important; margin: 60px 0 20px !important;}

.admin_ob .ob_box {background: #f7f7f7; width: 100%; padding: 50px; margin-bottom: 40px;}
.admin_ob .ob_box > p {font-size: 18px; line-height: 35px; margin-bottom: 40px; text-align: center;}
.admin_ob .ob_box ul li {float: left; width: 48%; font-size: 0; margin-right: 4%; margin-top: 10px;}
.admin_ob .ob_box ul li:nth-child(2n) {margin-right: 0;}
.admin_ob .ob_box ul li:nth-child(-n+2) {margin-top: 0;}
.admin_ob .ob_box ul li span {display: inline-block; font-size: 18px; line-height: 50px; width: 100px; vertical-align: middle;}
.admin_ob .ob_box ul li input {display: inline-block; width: calc(100% - 100px); border: 1px solid #ddd; height: 50px; padding-left: 15px;}
.admin_ob .ob_box button {display:block; width: 200px; height: 45px; font-size: 17px; background: #000; color: #fff; font-weight: bold; margin: 0 auto; margin-top: 40px;}

.admin_ob .ob_table td button.dlt_btn {width: 120px; height: 40px; font-size: 16px; color: #fff; background: #666;}


/* 온라인 상담 관리 */
#admin_wrap .admin_con .admin_cst h3 {font-size: 35px; line-height: 1; text-align: center; letter-spacing: -1px;}
#admin_wrap .admin_con .admin_cst > p {font-size: 18px; text-align: center; margin-top: 20px; margin-bottom: 60px; letter-spacing: -1px;}
#admin_wrap .admin_con .admin_cst button.apply_btn {display:block; width: 250px; height: 60px; font-size: 18px; background: #000; color: #fff; font-weight: bold; margin: 0 auto; margin-top: 60px;}

.admin_cst .cst_list {width: 100%;}
.cst_list {border-top: 2px solid #133379; width: 100%; margin-bottom: 50px;}
.cst_list tr {border-bottom: 1px solid #ddd;}
.cst_list th {height: 80px; background: #F2F4F8; font-size: 18px; border-right: 1px solid #ddd;}
.cst_list th:last-child {border-right: 0;}
.cst_list td {text-align: center; font-size: 16px; color: #555; border-right: 1px solid #ddd; padding: 15px;}
.cst_list tr td.txt {text-align: left;}
.cst_list td:last-child {border-right: 0;}
.cst_list td button.dlt_btn {width: 100%; height: 40px; font-size: 16px; color: #fff; background: #666;}