/* header */
.header_section {
    border-top: 5px solid #42c0d8;
    background: #fff;
}
.header_section .table_box {
    width:1200px;
    height: 100px;
    margin: 0 auto;
}
.header_section .table_box li {text-align: left; color:#666; font-size: 15px; line-height: 1;}
.header_section .table_box a, .header_section .table_box a:hover {
    color:#666;
}
.header_section .table_box .f_col_point {
    display: block;
    font-size: 28px;
    letter-spacing: -0.02em;
    line-height: 1;
    margin-top: 10px;
    font-weight: 900;
}
.specific_line {
    position: relative;
    padding: 0 12px;
}
.specific_line:after {
    position: absolute;
    content: "";
    background: #666;
    height: 11px;
    width:1px;
    margin:auto;
    left:0;
    right: 0;
    top: 0;
    bottom: 0;
}

.gnb_section {
    width: 100%;
    position: relative;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    background: #fff;
    z-index: 99;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.gnb_title {
    cursor: pointer;
}
.gnbGroup.table_box > li {width: 14.28%;}
.gnb_title.on > a, .gnb_title.on > a:hover {text-decoration: none;}
.gnb_subheader {
    position: absolute;
    width: 100%;
    left: 0;
    top: 68px;
    background-color: #fff;
    z-index: 99;
    display: none;
    border-top: 4px solid #eeeeee;
   border-bottom: 1px solid #eee;
}
.gnb_title.on .gnb_subheader {
    /* box-shadow: 0 10px 20px rgba(0,0,0,0.15); */
}
.gnb_subheader:after {
    content: ' ';
    position: absolute;
    width: 100%;
    height: 0;
    top: -20px;
    border: 10px solid transparent;
    left: 0;
}
li.gnb_title > a {
position: relative;
height: 100%;
display: table;
margin: 0 auto;
}
li.gnb_title.on > a h2, li.gnb_title.selected > a h2 {
    color:#529b8e;
}
li.gnb_title > a h2 {
    font-size: 20px;
    display: table-cell;
    vertical-align: middle;
    color: #222;
    position: relative;
    letter-spacing: -0.04em;
    font-weight: 500;
}
li.gnb_title:hover > a h2:after {
    background: #529b8e;
    height: 4px;
    width:0%;
    bottom:-4px;
    content: "";
    position: absolute;
    left:0;
    right:0;
    margin:0;
    animation: gnbTopBorder;
    animation-direction: alternate;
    animation-duration: 0.5s;
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
    animation-fill-mode: forwards;
    z-index: 101;	
}
@keyframes gnbTopBorder {
    0%{width:0%;}
    100%{width:100%}
}

.gnb_subheader a {
    display: inline-block;
    padding: 28px;
    font-size: 18px;
    color: #222;
    letter-spacing: -0.03em;
    font-weight: 400;
    position: relative;

}
.gnb_subheader .topMenu_padding a {padding:18px 15px;}
.gnb_subheader a,
.gnb_subheader a:hover {
    text-decoration: none; 

}
.gnb_subheader a:hover {
    color:#529b8e;
    font-weight: 400;
}



.gnb_subheader ul {font-size: 0;}
.gnb_subheader ul li {position: relative; display: inline-block;}
/* .gnb_subheader ul li:after {
    content:"";
    background: #84afb6;
    height:17px;
    width:1px;
    right:0;
    position: absolute;
    top:0;
    bottom:0;
    margin:auto;
} */
.gnb_subheader ul li:last-child:after {width:0;}



.closeoverlay {
    font-size: 32px;
    display: block;
    margin: 40px 0;
    font-weight: 300;
}
.gnb_slideDown {
    z-index: 999; position: fixed; left: 0; top: 0; width: 100%;
      }

/* fixed side menu */
.sideMenu_fixed {
    width:1600px; margin:0 auto; position: relative;
}

.sideMenu_fixed > div > ul {
width:92px;
position: absolute; right:0; top:0;
z-index: 110;
background: #fff;
transition: 0.5s;
}
.sideMenu_fixed > div > ul > li {
display: table;
width: 100%;
height: 85px;
border:1px solid #c6c6c6;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
border-top: 0;
}
.sideMenu_fixed > div > ul > li > a {display: table-cell; vertical-align: middle;
font-size: 13px;
letter-spacing: -0.04em;
color:#181818;
text-align: center;
}
.sideMenu_fixed > div > ul > li > a img {
    display: block;
    margin: 0 auto 8px auto;
}
.sideMenu_fixed > div > ul > li:first-child, .sideMenu_fixed > div > ul > li:last-child {
    padding:17px 0;
    background: #312f30;
    border:none;
    height: auto;
}
.sideMenu_fixed > div > ul >li:first-child p {
    color:#fff;
    text-align: center;
}
.sideMenu_fixed > div > ul > li:last-child a {
    border-bottom: 0;
    color:#fff;
    text-align: left;
    padding-left: 44px;
    position: relative;
}
.sideMenu_fixed > div > ul > li:last-child a:after {
    content: "\25B4";
    position: absolute;
    left:27px;
    top:3px;
    color:#fff;
    font-size: 22px;
}


/* 퀵메뉴 빠른상담 */
.quick_counselBtn {
    position: relative;    
}
.quick_counselBox, .quick_smsBox {
    position: absolute;
    background: #312f30;
    padding: 4px;
    right: 130px;
    top:0;
    display: none;
}
.quick_counselBox > h3, .quick_smsBox > h3 {
    font-size: 24px;
    letter-spacing: -0.02em;
    color:#fff;
    line-height: 1;
    font-weight: 400;
    padding:14px 0 14px 55px;
}
.quick_counselBox > div, .quick_smsBox > div {
    background: #fff;
    padding: 20px 15px;
    width: 320px;
}
.quick_smsBox {
    top: 310px;
}
.quick_smsBox > div {text-align: center;}
.quick_counselBox dl dt, .quick_counselBox dl dd {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 18px;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: -0.04em;
    color:#666;
}
.quick_counselBox dl dt {width:72px;}
.quick_counselBox dl dd {
    width:150px;
}
.quick_counselBox dl dd input, .quick_counselBox dl dd select {
    border:1px solid #cecece;
    height: 26px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width:100%;
}
dd.agreement_text .agree_con1 {
    text-align: left;
    left: 0;
}
.agreement_click1  a {
    color:rgb(235, 152, 0);
}
.quick_counsel_submit {
    display: block;
    background: #529b8e;
    width:222px;
    height: 40px;
    letter-spacing: -0.04em;
    font-size: 18px;
    margin: 0 auto;
    color:#fff;
    font-weight: 500;
    text-align: center;
    border: none;
	cursor:pointer;
}
dd.agreement_text {height: auto; padding-top: 0;}
.quick_closeBtn, .quick_closeBtn1 {
    position: absolute;
    top: 20px;
    right: 20px;
}

aside .counsel_form {
    position: relative;
    width:100%;
    height: auto;
    margin-top: 50px;
}
aside .counsel_form ul {margin-top: 20px; max-width: 100%;}
aside .counsel_form .counsel_title {
    width: 70px;
    text-indent: 10px;
}
aside .counsel_form ul li {
    height: 34px;
    font-size: 16px;
}
aside .counsel_form ul li select, aside .counsel_form ul li input {
    font-size: 16px;
    letter-spacing: -0.04em;
    border: none;
    height: 100%;
    color: #181818;
    width: 100%;
}
aside .counsel_form ul li select {text-indent: 5px;}
.aside_tel_infoBox {
    font-size: 16px;
    color:#181818;
    letter-spacing: -0.04em;
    line-height: 1;
    margin-top: 50px;
    padding-left: 70px;
    background-image: url(../image/sub/aside_telephone_info.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
}
.aside_tel_infoBox span, .aside_tel_infoBox strong {display: block;}
.aside_tel_infoBox strong  {
    margin:8px 0 18px 0;
}
.aside_tel_infoBox ul li {    margin-bottom: 16px;}
.aside_tel_infoBox ul li span {display: inline-block; width:70px;}
.aside_btnBox {margin-top: 50px;}
.aside_btnBox a {
    background-image: url(../image/sub/aside_btn_bg.jpg);
    display: block;
    height: 46px;
    margin-bottom: 6px;
    background-position: 0 0;
    color:#fff;
    font-size: 18px;
    letter-spacing: -0.04em;

}
.aside_btnBox a span {padding-left: 61px; display: inline-block; padding-top: 14px;}
.aside_btnBox a:nth-child(2) {background-position: 0 -52px}
.aside_btnBox a:nth-child(3) {background-position: 0 -104px}

.mainSubject_box ul{
    font-size: 0;
    margin: 40px 0 78px 0;
}
.mainSubject_box ul > li {
    width:390px;
    height: 380px;
    margin-right: 15px;
    display: inline-block;
    vertical-align: top;
}
.mainSubject_box ul > li:last-child, .mainPain_box ul > li:last-child {margin-right: 0;}
.mainSubject_box div {
    font-size: 18px;
    color:#666666;
    line-height: 26px;
    letter-spacing: -0.03em;
    padding-left:20px;
    position: relative;
    height: 100%;
}
.mainSubject_box div strong {
    letter-spacing: -0.02em;
    color:#42c0d8;
    font-size: 30px;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 18px;
    line-height: 1;
    position: relative;
    padding-top: 205px ;
}
.mainSubject_box div strong:after {
    content: "";
    position: absolute;
    width: 40px;
    height: 2px;
    margin: auto;
    bottom: 15px;
    right: -54px;
    background: #42c0d8;
}
.mainSubject_box div a, a.doctor_detailBtn {
    position: absolute;
    display: block;
    width: 85px;
    height: 35px;
    background: transparent;
    border: 1px solid #42c0d8;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    text-align: center;
    font-size: 13px;
    color:#42c0d8;
    line-height: 35px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    bottom: 20px;
    left:20px;
}
a.doctor_detailBtn {position: static; margin: 20px 0 0 30px}
.mainSubject_box div a:hover, a.doctor_detailBtn:hover {
    background: #42c0d8;
    color:#fff;
    transition: 0.5s;
}
.title_thLine {
    text-align: center;
}
.title_thLine span {
    position: relative;
    display: inline-block;
    font-size: 30px;
    letter-spacing: -0.02em;
    color:#222;
    font-weight: 500;
    padding: 0 20px;
    line-height: 1;
}
.title_thLine span:before, .title_thLine span:after {
    content: "";
    background: #222;
    height: 1px;
    width:58px;
    top:0;
    bottom: 0;
    margin: auto;
    position: absolute;
    left: -76px;
}
.title_thLine span:after {
    left: auto; right: -76px;
}
.mainPain_box ul {
    font-size: 0;
    margin: 0 0;
}
.mainPain_box ul > li {
    width:170px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    font-size: 18px;
    color:#222;
    letter-spacing: -0.02em;
    margin-right: 36px;
}
.mainPain_box ul > li a:hover {color:#222; opacity: 0.9;}
.mainPain_box ul > li img {
    margin-bottom: 25px;
}
.mainInfo_box {
    margin-top: 70px;
    background: #f1f7fa;
    padding: 70px 0;
}
.mainInfo_box > ul > li {float: left; width: 253px; height: 250px;}
.mainInfo_box > ul > li > a {display: block; height: 100%;}
.mainInfo_box .subTitle_30  {padding: 40px 0 25px 20px; display: block;}
.mainInfo_box .subTitle_40 {margin-bottom: 40px; padding-left: 30px;}
.mainInfo_box p.subText_18 {
    color: #666;
    font-weight: 400;
    padding-left: 22px;
    position: relative;
}
.mainInfo_box .doctorSlider_box p.subText_18 {padding-top: 20px;}
.mainInfo_box .doctorSlider_box p.subText_18:before {
    content: "";
    position: absolute;
    top:0;
    left: 30px;
    height: 1px;
    width: 24px;
    background: #666;
}
.mainInfo_box .underline_text {display: inline-block; text-decoration: underline; font-weight: 600;}
.main_inputBox  {padding-left: 30px; margin-top: 15px;}
.main_inputBox > input {
    height: 50px;
    margin-right: 16px;
    background: #fff;
    width: 250px;
    font-size: 18px;
    color:#999;
    letter-spacing: -0.03em;
    border:none;
    text-indent: 16px;
}
.main_inputBox > input[type=submit], .sideMenu_counselBox input[type=submit]  {
    text-indent: 0;
    font-size: 20px;
    color:#fff;
    margin-right: 0;
    width: 185px; background: #42c0d8;
    font-weight: 600;
    cursor: pointer;
}
.main_inputBox > p {
    font-size: 13px;
    color:#fff;
    letter-spacing: -0.03em;
    font-weight: 400;
    margin-top: 15px;
    position: relative;
}
.main_inputBox > p input[type=checkbox] {width:16px; height: 16px; vertical-align: middle; margin-right: 8px;}
.main_inputBox > p a {color:#fae100;}
.agree_con, .agree_con1 {
    position: absolute;
    width: 323px;
    margin-top: 10px;
    padding: 10px;
    font-size: 16px;
    border: 1px solid #303030;
    background: #fff;
    z-index: 1;
    display: none;
    text-align: left;
}
.agree_con .agree_tit, .agree_con1 .agree_tit {
    font-weight: 400;
    font-size: 18px;
    color: #e83428;
}
.main_counselBox ul {
    font-size: 0;
    padding: 70px 0;
}
.main_counselBox ul > li {
    margin-right: 30px;
    width:380px;
    display: inline-block;
    vertical-align: top;
}
.main_counselBox ul > li button {
    color:#42c0d8;
    font-size: 13px;
    margin-top: 15px;
    padding: 7px 12px;
    text-align: center;
    border: 1px solid #42c0d8;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.main_counselBox ul > li:hover button {
    color:#fff;
    background: #42c0d8;
    transition: 0.5s;
}
.main_counselBox .subTitle_30 {padding: 26px 0 15px 0;}
.main_counselBox .subText_18 {color:#666;}
.main_mapBox {height: 500px;
background-image: url(../image/main/main_map_bg2.jpg);
background-position: center center;
background-repeat: no-repeat;
}
.main_mapBox .main_contentBox {padding-top: 100px;}
.main_mapBox .main_contentBox strong {font-weight: 900; font-size:42px; margin-bottom: 50px; display: block;}
.main_mapBox p.subText_18 {font-size: 16px;}
.main_mapBox ul {margin:15px 0  10px 0;}
.main_mapBox ul li {font-size: 18px; line-height: 28px; }

.main_mapDate {display: inline-block; width:150px; white-space: pre;}
.main_mapDateEq {display: inline-block; width:35px; text-align: center;}

.subheader_box {
    height: 350px;
    background-position: center center;
    background-repeat: no-repeat;
}
.subheader_box span {
    position: relative;
    display: inline-block;
    text-align: center;
    color:#fff;
    opacity: 1;
    letter-spacing: 0.5em;
    font-weight: 400;
    font-size: 12px;
    line-height: 1;
}
.subheader_box span:before, .subheader_box span:after {
    content: "";
    background: #fff;
    width: 140px;
    height: 1px;
    position: absolute;
    top:0;
    bottom: 0;
    left:-168px;
    margin:auto;
}
.subheader_box span:after {
    left:auto;
    right: -168px;
}
.subheader_box strong, .subheader_box h3 {
    display: block;
    text-align: center;
    color:#fff;
    opacity: 1;
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 24px;
    line-height: 1;
    margin-top: 30px;
}
.subheader_box h3 {
    margin-top: 20px;
    font-size: 64px;
    font-weight: 600;
    opacity: 1;
}


/* bank_lnb */
#bank_lnb .one_level_menu { margin: 0;
    padding: 0;
border-collapse: collapse;
}
#bank_lnb li {
    list-style: none;  margin: 0;
    padding: 0;
font-size:14px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
cursor:pointer;
}
#bank_lnb a, #bank_lnb a:hover, #bank_lnb a:active {text-decoration: none; letter-spacing: -0.05em;}

/* 1depth */
#bank_lnb .one_level_menu div >a {
    position:relative;
    display: block;
    width:202px;
    height:52px;
    font-size: 16px;
    background: #fff;
    color: #181818;
    border:none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    line-height:52px;
    padding-left:10px;
    font-weight: 400;
    border-bottom: 1px solid #e0e0e0;
}

#bank_lnb .one_level_menu div.on {
    border-bottom: 1px solid #e0e0e0;
}
#bank_lnb .one_level_menu div.on>a {
    color: #333;
    background: #529b8e;
    color:#fff;
}
#bank_lnb .one_level_menu div>a:after {
    position:absolute;
    content:"";
    width:7px;
    height:10px;
    right:10px;
    background:url('../image/sub/bank_menu_on.png');
    background-repeat: no-repeat;
    top:0;
    bottom:0;
    margin:auto;
    }
#bank_lnb .one_level_menu div.on>a:after {
    transform: rotate(90deg)
}
#bank_lnb .one_level_menu div.on.noDepth>a:after {
    transform: rotate(0)
}

#bank_lnb .one_level_menu div ul {
    display: none;
    padding:0 0;
}
#bank_lnb .one_level_menu div ul>li>a {
    color: #333;
    background-color: #fff;
    border:none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    line-height:52px;
    padding-left:10px;
    position:relative;
    display: block;
    height:52px;
    font-size: 16px;
    font-weight: 300;
    border-bottom: 1px solid #e0e0e0;
}

#bank_lnb .one_level_menu div ul>li.on > a:after {
    position:absolute;
    content:"";
    width:11px;
    height:7px;
    right:14px;
    background:url('../image/sub/bank_menu_flat.png');
    background-repeat: no-repeat;
    top:0;
    bottom:0;
    margin:auto;
}

#bank_lnb .one_level_menu div >ul li ul {
    display: none;
      background-color: #f5f2ec;
}
#bank_lnb {
    width: 100%;
}

#bank_lnb .one_level_menu .noDepth > a:before {width:0;}

#bank_lnb .one_level_menu >div a:hover {
    background: #529b8e;
    color: #fff;
}

#bank_lnb .noDepth.lnb_click a:before {
width:5px;
height:1px;
content:"";
position:absolute;
left:11px;
top:0;
bottom:0;
margin:auto;
background: #333;
}
#bank_lnb .two_level_menu li.noDepth a {
    background: #f4f4f4;
    color:#333;
    font-size: 15px;
    border-bottom: 0;
    padding-left: 20px;
    line-height: 46px;
    height: 46px;
    }
    #bank_lnb .two_level_menu .noDepth.lnb_click a {font-weight: 500; position: relative; color:#529b8e;
    }
    #bank_lnb .two_level_menu li.noDepth a:hover {
        color:#529b8e;
    }
    
.contents_box {
    width:1200px;
    margin:50px auto 100px auto;
    font-size: 0;
}
.contents_box > aside, .contents_box > section {
    width:210px;
    margin-right: 50px;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
}
aside > .aside_contents {
    border:  4px solid #c6c6c6;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-bottom: 20px;
}
.contents_box > section {
    width:940px;
    margin-right: 0;
}
.lnbTop_text {
    display: inline-block;
    padding: 16px 0 52px 10px;    
    text-transform: uppercase;
    font-size: 12px;
    color:#333;
    letter-spacing: 0.18em;
    line-height: 1;
}
h4.lnbTop_subject {
    padding-left: 10px;
    padding-bottom: 25px;
    border-bottom: 1px solid #e0e0e0;
    letter-spacing: -0.05em;
}
.location_box {position: relative; margin-bottom: 72px;}
.location_box:after {
    position: absolute;
    content: '';
    background-image: url(../image/sub/subpage_location_border.png);
    height: 8px;
    bottom: -22px;
    left: 0;
    width: 100%;
}
.location_box h4 {letter-spacing: -0.05em; padding-left: 10px;}
.location_box a { position: relative;    display: inline-block; vertical-align: middle; margin-right: 28px;}
.location_box a:hover {color:#333; opacity: 0.8;}
.location_box span {
    font-size: 16px;
    letter-spacing: -0.05em;
    font-weight: 300;
    vertical-align: middle;
    display: inline-block;
}
.location_box li a:first-child span {color:#999;}
.location_box a:after {
    position: absolute;
    content: '';
    background-image: url(../image/sub/subpage_location_arrow.png);
    width:6px;
    height: 10px;
    right: -20px;
    top:0;
    bottom: 0;
    margin: auto;
}
.location_box a:last-child {margin-right: 0;}
.location_box a:last-child:after {width:0;}
.location_box li:last-child {text-align: right;}

.sideMenu_counselBox {
    background-image: url(../image/sub/submenu_counselBg.jpg);
    height: 405px;
    background-repeat: no-repeat;
    width: 210px;
    position: relative;
}
.sideMenu_counselBox h4 {color:#fff; letter-spacing: -0.05em; font-size: 24px; 
    text-align: center;
    padding: 30px 0 18px 0;
    line-height: 1;
}
.sideMenu_counselBox > p {
    text-align: center;
    margin-bottom: 30px;
    font-weight: 300;
}
.sideMenu_counselBox input[type=text] {
    height: 34px;
    width:180px;
    border:none;
    margin-bottom: 10px;
    font-size: 16px;
    letter-spacing: -0.05em;
    color:#666;
    text-indent: 10px;
    font-weight: 300;
}
.sideMenu_counselBox input[type=submit]  {
    border:none;
    width:180px;
    height: 46px;
    font-size: 18px;
    letter-spacing: -0.05em;
    position: absolute;
    bottom: 15px;
    cursor: pointer;
}
.sideMenu_counselBox .table_box li {
color:#fff;
font-size: 14px;
letter-spacing: -0.04em;
height: 20px;
}
.sideMenu_counselBox .table_box li a {
text-align: center;
display: block;
color:#fff;
}
.subMenu_btnBox {margin-top: 20px; width: 210px;}
.subMenu_btnBox li {margin-bottom: 5px; height: 46px; overflow: hidden;}
.subMenu_btnBox li a {display: block; height: 100%; color:#fff; font-weight: 500;
    font-size: 18px; line-height: 1; letter-spacing: -0.04em; padding:13px 0 0 72px;}


    .product_tabList {
        width: 100%;
        border-collapse: collapse;
        border-bottom: 3px solid #529b8e;
        display: table;
    }
    
    .product_tabList li {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        background: #fff;
        color: #666;
        cursor: pointer;
        height: 58px;
        font-size: 22px;
        font-weight: 400;
        letter-spacing: -0.05em;
        line-height: 58px;
        border: 1px solid #c6c6c6;
        width: 33.3%;
    }
    .product_tabList li.selected {
        background: #529b8e;
        color: #fff;
        border:1px solid #529b8e;
    }
    .product_tabContent {
        display: none;
        width: 100%;
        margin: 0 auto;
    }
    .product_tabContent.selected {
        display: block;
    }



/* 멤버쉽 독일내과 */
.loginTxt {margin-bottom: 30px;}
.loginTxt p.tit {color: #222; font-size: 18px; font-weight: bold;margin-bottom: 5px;}
.loginTxt p.txt {font-size: 15px;color: #222;}

.loginBox {background: url(../image/main/header_logo.png) 80px center no-repeat; border-width: 1px 0; border-style: solid;border-color: #dfdfdf; padding: 27px 0; margin-bottom: 10px; background-size:300px; }
.loginBox:after {display:block; clear:both; content:"";}
.loginBox .inner {float:right;display:table; height:160px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; padding:40px 10px 40px 35px; width:490px; border-left: 1px solid #dedede; margin-bottom: 10px;}
.loginBox .inner .input {display: table-cell;vertical-align:middle;}
.loginBox .inner p.confirm {color: #007c88; font-size: 24px; font-weight: bold;}
.loginBox .inner ul {}
.loginBox .inner ul li:first-child {margin-top: 0;}
.loginBox .inner ul li {vertical-align: middle; margin-top: 10px;}
.loginBox .inner ul li label {display: inline-block; width: 72px;text-align:justify; color: #333; font-size: 18px; vertical-align: middle; height:32px; line-height: 32px; margin-right: 20px; font-weight:500; letter-spacing:-0.12em;}
.loginBox .inner ul li label:after {content:""; display: inline-block; width: 100%; height:0;font-size: 0; padding:0; line-height: 0; vertical-align: middle; margin:0;}
.loginBox .inner ul li input {vertical-align: middle; border: 1px solid #d8d8d8; height:30px; width: 196px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;padding-left: 10px;}
.loginBox .inner .btn {display: table-cell;vertical-align: middle; padding-left: 8px;}
.loginBox .inner .btn button {color: #fff;background: #529b8e; vertical-align: middle; font-size: 18px; font-weight: 400;text-align: center;border: 1px solid #529b8e; width: 146px; height:72px}

/*비밀번호찾기*/
.passTxt {margin-bottom: 30px;}
.passTxt p.tit {color: #222; font-size: 20px; font-weight: 500;margin-bottom: 5px;}
.passTxt p.txt {margin:10px 0 0 0;line-height:20px;font-size: 18px;color: #222;}

.passBox {background: url(../image/main/header_logo.png) 70px center no-repeat; border-width: 1px 0; border-style: solid;border-color: #dfdfdf; padding: 27px 0; margin-bottom: 10px;}
.passBox:after {display:block; clear:both; content:"";}
.passBox .inner {float:right;display:table; height:160px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; padding:40px 10px 40px 35px; width:490px; border-left: 1px solid #dedede; margin-bottom: 10px;}
.passBox .inner .input {display: table-cell;vertical-align:middle;}
.passBox .inner p.confirm {color: #007c88; font-size: 24px; font-weight: bold;}
.passBox .inner ul {}
.passBox .inner ul li:first-child {margin-top: 0;}
.passBox .inner ul li {vertical-align: middle; margin-top: 10px;}
.passBox .inner ul li label {display: inline-block; width: 102px;text-align:justify; color: #000; font-size: 18px; vertical-align: middle; height:32px; line-height: 32px; margin-right: 20px; font-weight:500; letter-spacing:-0.12em;}
.passBox .inner ul li label:after {content:""; display: inline-block; width: 100%; height:0;font-size: 0; padding:0; line-height: 0; vertical-align: middle; margin:0;}
.passBox .inner ul li input {vertical-align: middle; border: 1px solid #d8d8d8; height:37px; width: 196px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;padding-left: 10px;}
.passBox .inner .btn {display: table-cell;vertical-align: middle; padding-left: 8px;}
.passBox .inner .btn button {color: #fff;background: #529b8e; vertical-align: middle; font-size: 17px; font-weight: 600;text-align: center;border: 1px solid #529b8e; width: 97px; height:39px;line-height:37px;}
.passBox .inner .clearfix{display:table-cell;vertical-align:middle;}

.btn_reservation {clear:both; width:230px; margin:0 auto; padding:40px 0;}
.btn_reservation:after {display:block; clear:both; content:"";}
.btn_reservation li{float:left;}
.btn_reservation li a{display:block; font-size:18px; padding:16px 26px;}
.btn_reservation li.ft a{color:#333; border:1px solid #bebebe; background:#f2f2f2;}
.btn_reservation li.se{float:right;}
.btn_reservation li.se a{color:#fff; border:1px solid #529b8e; background:#529b8e !important;}
.member_agree ol li{font-size:16px; color:#727272; line-height:22px;}
.member_agree ul li{font-size:16px; color:#727272; line-height:22px;}
.member_agree h1{margin-bottom:5px}
.member_agree h2{margin-bottom:5px;font-size:20px}
.member_agree h3{margin-bottom:5px;font-size:18px}
.member_agree ol{margin-bottom:15px;padding-left:20px}
.member_agree p{margin-bottom:15px;padding-left:20px; font-size: 16px;}


/* 회원가입 */
table#tb_main{width:100%; border-top:2px solid #529b8e;}
table#tb_main td{font-size:16px; padding:15px 0; color:#444; letter-spacing: -0.05em;}
table#tb_main td input{font-size:15px; padding:2px 0;}
table#tb_main td.tb1{padding-left:37px; background:#fcfcfc;}
table#tb_main td.star{background:#fcfcfc url('../image/icon_star.png') no-repeat left 20px center;}

.memberInfor {margin-bottom:100px;}
.memberInfor:after {display:block; clear:both; content:"";}
.memberInfor p {color: #222; font-size: 16px; letter-spacing: -0.06em;}
.memberInfor .lft {}
.memberInfor .rgh {margin-top: 20px;}

.member_tit{font-size:18px; color:#444; padding-bottom:20px;}
.member_tit b{padding-right:10px; font-weight: 700; font-size: 18px;}
.member_tit span{padding-left:10px; color:#e15e68;}

.re_table td{font-size:18px; padding:10px 0; background:#fff;}
.re_table td input{padding:3px;}
.re_table td select{padding:5px; font-size:18px}

.member_agree{font-size:16px;}
.member_agree h4{font-size:16px; padding:20px 0px 10px 0px;}
.member_agree h5{font-size:16px; padding:20px 0px 10px 0px;}
.member_agree p{font-size:16px; line-height:1.5em; padding-bottom:10px; color:#727272;}
.member_agree ol li{font-size:16px;}

.re_table td{font-size:18px; padding:10px 0; background:#fff;}
.re_table td input{padding:3px;}
.re_table td select{padding:5px; font-size:18px}

.btn_step{cursor:pointer; width:75px; color:#fff; margin:0 auto; padding:5px 0; font-size:15px; background:#46566c; text-align:center;}

.private, .privacy_page_box {padding-bottom:50px;}
.private h2, .privacy_page_box dt {padding-top:20px; padding-bottom:5px; font-size:18px; line-height:24px; font-weight: 600;}
 .private p, .privacy_page_box dd, .privacy_page_box p, .privacy_page_box td, .privacy_page_box th{font-size:18px; line-height:24px}
.private p.txt{padding-bottom:10px; font-size:18px; line-height:24px}
.private p.txt02{font-size:18px; line-height:24px}
.private dl dt{padding-top:10px; padding-bottom:2px; font-size:18px; line-height:24px}
.private dl dd{font-size:18px; line-height:24px}
.private ol li{padding-bottom:5px; font-size:18px; line-height:24px}
.private ul li{font-size:18px; line-height:24px}

.term{padding-bottom:50px;}
.term h2{padding-top:30px; padding-bottom:5px; font-size:24px; line-height:24px}
.term h3{padding-top:20px; padding-bottom:5px; font-size:18px; line-height:24px}
.term p{font-size:18px; line-height:24px}
.term p.txt{padding-bottom:10px; font-size:18px; line-height:24px}
.term dl dt{padding-top:10px; padding-bottom:2px; font-size:18px; line-height:24px}
.term dl dd{font-size:18px; line-height:24px}
.term ol li{padding-bottom:5px; font-size:18px; line-height:24px}
.term ul li{font-size:18px; line-height:24px}

.content-wrap * {font-size: 18px; letter-spacing: -0.05em; color:#333;}
.content-wrap table,.privacy_page_box table {border-collapse: collapse;}
.content-wrap th, .content-wrap td, .privacy_page_box td, .privacy_page_box th {border:1px solid #ccc;}
.privacy_page_box th {letter-spacing: -0.05em; background: #e4e4e4;}
.privacy_page_box td {padding: 5px; text-align: center; word-break: keep-all;}
.content-wrap dt {margin-top: 15px;}
.terms_box h4 {margin-top: 20px;}



/* reservation 예약 시작 */
.reservation_stepBox {font-size: 0; margin-top: 50px;}
.reservation_stepBox > li {
    font-size: 16px;
    color:#555555;
    letter-spacing: -0.04em;
    display: inline-block;
    width:220px;
    line-height: 30px;
    text-align: center;
    border:1px solid #cccccc;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    vertical-align: top;
    font-weight: 400;
    position: relative;
    margin-right: 20px;
    padding: 18px 0;
}
.reservation_stepBox > li.active {background: #529b8e; color:#fff; border:solid 1px #529b8e;}
.reservation_stepBox > li strong {font-size: 22px;font-weight: 400; display: block;text-align: center;}
.reservation_stepBox > li:after {
    background-image: url(../image/sub/reservation_step.jpg);
    width:7px;
    height: 10px;
    position: absolute;
    content: "";
    top:0;
    bottom: 0;
    right:-14px;
    margin: auto;
}
td.calendar_ymd {
    padding:0 10px 5px 10px; font-size:18px; color:#333; line-height:28px;
}
.reser_doctor_select, .reser_doctor_selectD {
    border: 1px solid #dddddd;
    vertical-align: top;
    width: 14%;
    color: #666;
    cursor: pointer;
    text-align: right;
    background: transparent;
    padding-right: 5px !important;
    height: 120px;
}
.reser_doctor_selectD {
text-align: right;
}
.reser_doctor_onclick {
    cursor:pointer;color:#5f5f5f;font-size:18px; line-height:27px;
}
.reser_doctor_donClick {
    color:#cacaca;font-size:18px; line-height:27px;
}
.reser_doctor_selectD span {padding-right: 5px;}
.leftHoliday {
    color: #e81135;
    text-align: left;
    padding-left: 5px;
    font-size: 16px;
}
.mDisplay_none {display: none !important;}
.reservation_stepBox > li:last-child {margin-right: 0;}
.reservation_stepBox > li:last-child:after {width:0;}

.reservation_table_my {margin:0 auto 20px auto;}
.reservation_table_my td, .reservation_table_day td, .reservation_table_date td {

    font-size: 18px;
    letter-spacing: -0.02em;
    font-weight: 400;
}
.reservation_table_day, .reservation_table_date {border-collapse: collapse;}
.reservation_table_day td, .reservation_table_date td {border: 1px solid #d6d6d6; 
    padding:8px 0;
}
.reservation_table_date td {
    font-size: 16px;
    letter-spacing: -0.05em;
    width:14%;
    position: relative;
    padding-left: 0;
    vertical-align: top;
    height: 100px;
}
.daydate {
    font-size: 18px;
    display: block;
    text-align: right;
    padding-right: 0;
    margin-bottom: 5px;
}
.reservation_doctor, .reservation_none, .reservation_counsel {    display: block; text-align: left;}
.reservation_none  {color:#e81135;     text-align: left;}
.reservation_counsel {color:#1e83eb;     text-align: left;}
.reservation_table_date div.holiday {
    color:#e81135;     text-align: left;     padding-left: 0; font-size: 16px
}
.reservation_title {
    color:#529b8e;
    font-size: 28px;
    letter-spacing: -0.05em;
    line-height: 1;
    font-weight: 500;
    margin:50px 0 20px 0;
}
/* 예약 끝 */

.selected_doctor_box {

    margin-bottom: 40px;
    border:1px solid #cccccc;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 33px 25px;
    letter-spacing: -0.05em;
}
.selected_doctor_box .select_reser_info {
    background: #529b8e;
    font-size: 18px;
    border-radius: 15px;
    display: inline-block;
    padding:0 12px;
    line-height: 27px;
    height: 27px;
    color:#fff;
    text-align: center;
    margin-right: 8px;
}
.selected_doctor_box strong {
    line-height: 1;
    font-size: 24px;
    color:#529b8e;
    font-weight: 400;
}
.select_time_table {width: 460px; vertical-align: top;}
.select_time_table th, .select_time_table td {
    vertical-align: middle;
    font-size: 18px;
    letter-spacing: -0.05em;    
    text-align: center;
}
.table_box > li:nth-child(2n) .select_time_table {
    float: right;
}

.select_time_table th {
    color:#fff;
    letter-spacing: -0.05em;
    font-weight: 400;
    height: 52px;
    background: #247439;
}

.select_time_table td {
    color:#333333;
    height: 80px;
    border-bottom: 1px solid #b7b7b7;
}
.select_time_table td input {
    width:20px;
    height: 20px;
}
.select_time_table .canReser, .select_time_table .cantReser {color:#e81135;
background-image: url(../image/sub/select_check_icon.png);
padding-right: 25px;
background-position: right 7px;
background-repeat: no-repeat;
}
.select_time_table .canReser {color:#1e83eb; 
    background-image: url(../image/sub/select_check_icon1.png);}
.reservation_pagingBtn {
    text-align: center;
    margin-top: 40px;
}
.reservation_pagingBtn>a {
   display: inline-block;
   position: relative;
   width:100px;
   height: 49px;
   background-repeat: no-repeat;
   background-position: 0 0;
   font-size: 0;
}
.reservation_pagingBtn> a.prevBtn {
    background-image: url(../image/sub/paging_btn_prev.jpg);
}
.reservation_pagingBtn> a.nextBtn {
    background-image: url(../image/sub/paging_btn_next.jpg);
}
.reservation_pagingBtn>a span {
    position: absolute;
    z-index: 1;
    color: #333;
    top: 16px;
    right: 27px;
    font-size: 18px;
    letter-spacing: -0.05em;
}
.reservation_pagingBtn > a.nextBtn span {
    left: 22px;
    right:auto;
    color:#fff;
}
.agreement_textBox {
    width:100%;
    border:1px solid #cccccc;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 16px;
    line-height: 21px;
    white-space: pre-line;
    letter-spacing: -0.05em;
    color:#727272;
    padding: 30px 25px;
}
.agreement_btnBox {
    margin-top: 10px;
    text-align: right;
    font-size: 18px;
    letter-spacing: -0.05em;
    color:#333333;
}
.reservation_input_box {
    border-top: 3px solid #247439;
    margin-top: 40px;
}
.reservation_input_box th, .reservation_input_box td {

    padding: 10px 0;
    border-bottom: 1px solid #e4e4e4;
    letter-spacing: -0.05em;
}
.reservation_input_box td textarea {width:95% ; 
 height:130px; resize:none;
}
.reservation_input_box th {
    font-size:18px;
    color:#333;
    text-align: left;
    padding-left: 22px;
    font-weight: 500;
    width:155px !important;
    vertical-align: middle;
}
.reservation_input_box td {
    vertical-align: middle;
    font-size: 16px;
    line-height: 20px;
    color:#939393;
    word-break: break-all;
    padding-left: 20px;
    letter-spacing: -0.05em;
}
.reservation_input_box td p {
    font-size: 16px;
    line-height: 20px;
    color:#939393;
    word-break: break-all;
    letter-spacing: -0.05em;
}
.inputLine  {
    border:1px solid #c2c2c2;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 40px;
    font-size: 20px;
    color:#939393;
}
.reservation_input_box td .input_width95 {width:95% !important;}
/* .reser_doctorListBox {
    font-size: 0;
    border-top: 1px solid #c2c2c2;
}
.reser_doctorListBox > li {
    padding: 30px 0;
    border-bottom: 1px solid #c2c2c2;
}
.reser_doctorListBox > li .table_box > li  {vertical-align: top;}
.reser_doctorListBox .table_box > li:first-child {text-align: center; width:205px;}
.reser_doctorListBox .table_box > li:first-child img {max-width: 150px;}
.reser_doctorListBox > li .table_box > li h5 {
    font-size: 30px;
    color:#181818;
    letter-spacing: -0.05em;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 20px;
}
.reser_doctorListBox .table_box > li h5 strong {color:#035f94;    font-weight: 400;}
.reser_doctorListBox .table_box > li h5 span {font-size: 24px; color:#7a7a7a;}
.reser_doctorListBox .table_box > li p {
    font-size: 24px; color:#7a7a7a; line-height: 36px; letter-spacing: -0.06em;
} */

.reser_completeBox {color:#333; padding:20px 0 30px 0; border-top: 3px solid #247439; letter-spacing: -0.05em; }
.reser_completeBox > h5 {text-align: center; font-size: 28px; 
    font-weight: 500;
padding: 40px 0;}
.reser_completeBox ul {
    background: #f5f5f5;
    padding:30px 0 30px 60px;
    margin-top: 30px;
}
.reser_completeBox ul > li {
    position: relative;
    padding-left: 20px;
    line-height: 32px;
    margin-bottom: 5px;
    font-size: 18px;
    letter-spacing: -0.05em;
}
.reser_completeBox ul > li:before {
    position: absolute;
    content: "";
    background: #529b8e;
    width:6px;
    height: 6px;
    left:0;
    top:12px;
    border-radius: 50%;
}
.complete_time_table {width:456px;}
.complete_time_table th, .complete_time_table td {
    vertical-align: middle;
    font-size: 18px;
    letter-spacing: -0.05em;   
     text-align: center;
}
.complete_time_table th {
    color:#fff;
    font-size: 18px;
    letter-spacing: -0.05em;
    height: 50px;
    background: #80bd45;
}
.complete_time_table td {
    color:#333333;
    border-bottom: 1px solid #b7b7b7;
    padding: 27px 0;
}
.complete_time_table td .complete_timeFont {font-size: 22px;}
.complete_time_table td:first-child {border-right:1px solid #b7b7b7;}
.complete_time_table th:first-child {border-right:1px solid #fff;}
.table_box > li:nth-child(2n) .complete_time_table {float: right;}
.complete_time_table td .complete_tel_icon {
font-size: 40px;
letter-spacing: -0.02em;
line-height: 1;
background-image: url(../image/sub/complete_tel_icon.jpg);
background-position: left center;
padding:15px 0 15px 75px;
font-weight: 500;
background-repeat: no-repeat;
}

.sub_01_01_table {width: 100%;}
.sub_01_01_table caption {display: none;}
.sub_01_01_table th, .sub_01_01_table td {
    padding: 15px 0; 
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
color:#181818;
font-weight: 400;
font-size: 18px;
letter-spacing: -0.05em;
text-align: center;
}
.sub_01_01_table th {color:#fff;}
.sub_01_01_table td {border-bottom:1px solid #dfdfdf;}
.sub_01_01_table th, .sub_01_01_table td {
    border-right: 1px solid #dfdfdf;
    word-break: keep-all;
}
.sub_01_01_table .font_roboto {font-weight: 500;}
.sub_01_01_table th:last-child, .sub_01_01_table td:last-child {border-right: 0;}
strong.reservation_text {
    font-size: 22px;
    letter-spacing: -0.05em;
    color:#333;
    line-height: 32px;
    font-weight: 400;
}
p.reservation_text {
    font-size: 18px;
    letter-spacing: -0.05em;
    color:#333;
    line-height: 26px;
}
.reser_time_box {
    margin-top: 50px;
    padding:30px;
    border:1px solid #cccccc;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.reser_time_box .table_box {margin-top: 25px; font-size: 0;}
.reser_time_box .table_box > li {
    display: inline-block;
    vertical-align: top;
    width:410px;
}
.reser_time_box .table_box > li:first-child {margin-right: 20px; width:440px;}
.reser_timetable_pcm {font-weight: 300;}
.reser_timetable_pcm span {font-size: 22px;}
.padd_25 {padding:25px 0 !important;}
.reser_calendarBox {
    text-align:center; margin:0 auto;
}

.nonOv_sms {
    background: #42c0d8; 
    height: 100%;  
}
.ov_sms {
    background: #e7e9ec;
    display: none;
    height: 100%;
    position: relative;
}
.ov_sms ul  {margin:40px auto 0 auto; width:220px;}
.ov_sms input, .quick_smsBox input, .sub_sms input {
    height: 40px;
    background: #fff;
    width: 100%;
    font-size: 18px;
    color: #999;
    letter-spacing: -0.03em;
    border: 1px solid #aaaaaa;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-weight: 300;
}
.ov_sms input.sms_submit, .quick_smsBox input.sms_submit, .sub_sms input.sms_submit {
    color: #fff;
    text-align: center;    
    width: 64px;
    background: #529b8e;
    font-weight: 500;
    border: 1px solid #529b8e;    
}
.ov_sms_close {
    cursor: pointer;
    position: absolute; top: 40px; right: 20px;
}
.doctor_position {position: relative;}
.doctor_position > div {position: absolute; }

.reservation_doctorBox {    font-size: 0;}
.reservation_doctorBox > li {
    display: inline-block;
    vertical-align: top;
    width:217px;
    height: 257px;
    border:1px solid #c2c2c2;
    margin-right: 24px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: center;
}
.reservation_doctorBox > li:last-child {margin-right: 0;}
.reservation_doctorBox > li h6 {
    font-size: 20px;
    letter-spacing: -0.025em;
    text-align: center;
    font-weight: 300;
    line-height: 1;
}
.reservation_doctorBox > li img {margin:33px 0 15px 0;}
.reservation_doctorBox > li h6 span {font-weight: 400;}
.reservation_doctorBox > li > span {
    font-size: 16px;
    letter-spacing: -0.025em;
    color:#333;
    font-weight: 300;
    line-height: 20px;
    display: inline-block;
    margin-top: 5px;
}


/* footer */

footer {
    width:100%; 
}
footer .table_box {width:1200px; margin:0 auto;}

.footer_infoTextBox .pop-btn{ display: inline-block; padding: 0; margin-top: 10px;}
.footer_infoTextBox .pop-btn{}

.pop-container{ display: none; padding: 40px;}
.pop-container .bg{ 
	display: none; 
	position: fixed;
	top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
	background: #0b0b0b;
    opacity: 0.8;
}
.pop-container .pop-wrap{    
	position: relative;
    background: #fff;
    width: 800px;
    height: auto;
    margin: 0 auto;
    padding: 30px;
    border-radius: 15px;
    z-index: 1050;
	}
.pop-container .close-btn{    text-align: right; }
.pop-container .close-btn a{ display: inline-block;     width: 25px;}
.pop-container .close-btn a img{ max-width: 100%;}
.pop-container .pop-wrap .pop-inner{ padding:50px 30px; }
.pop-container .pop-wrap .private-wrap{ font-size:16px; height: 100%; }
.pop-container .pop-wrap .private-wrap h3{font-size:18px; margin-bottom:20px; border-bottom:1px solid #999; padding-bottom:20px;}
.pop-container .pop-wrap .private-wrap h4{font-size:18px; margin:50px 0px 20px;}
.pop-container .pop-wrap .private-wrap .order-list{padding-bottom:20px; border-bottom:1px solid #999; }
.pop-wrap .private-wrap .order-list>li{}
.pop-wrap .private-wrap .order-list>li a{ font-weight:600; font-size:18px; color:#000;}
.pop-wrap .private-wrap strong{ font-weight:600;}

/*  활성화  */
.pop-container.show .bg{ display: block;}

 body.didscroll{  
	overflow: hidden;
	height: 100%;
} 
.pop-container.show{ 
	display: block;
	/* background: rgba(0, 0, 0, 0.8); */
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    bottom: 0;
	top:0;
	right: 0;

    z-index: 999999;
    overflow-y: scroll;
}


.footer_familyBox {background: #fff; padding: 20px 0; border-top: 1px solid #cccccc;}
.footer_infoTextBox {padding: 40px 0 60px 0;background: #312f30;}
.footer_infoTextBox .table_box > li {
    vertical-align: top;
    text-align: left;
}
.footer_infoTextBox h5 a, .footer_dashbar {   position: relative;    padding: 0 19px;}
.footer_infoTextBox h5 a strong {    font-weight: 500;    font-size: 16px;    color: #cacbd0;}
.footer_infoTextBox h5 a:first-child {padding-left: 0;}
.footer_infoTextBox h5 a:last-child:after {width: 0;}
.footer_infoTextBox h5 a:after, .footer_dashbar:after {
    position: absolute;
    height: 14px;
    width:1px;
    right: 0;
    content: "";
    top:0;
    bottom: 0;
    margin:auto;
    background: #cacbd0;
}
.footer_dashbar:after {left: 0;}
.footer_infoTextBox p {
    margin-top: 20px;
    color:#a4a4a4;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
}
.footer_familyBox h5.subTitle_30 {
    padding-left: 20px;
    position: relative;
    font-size: 18px;
}
.footer_familyBox h5:before {
    width:14px;
    height: 4px;
    background: #ee4a9a;
    position: absolute;
    content: "";
    top:0;
    left:0;
    bottom: 0;
    margin: auto;
}
.footer_familyBox > .table_box > li > a {padding-left: 25px;}
.footer_familyBox  > .table_box > li > a span {font-size: 18px; letter-spacing: -0.03em; color:#666; 
    padding-left: 15px;font-weight: 500;}

.footer_familyBox  > .table_box > li {border-right: 1px solid #ccc;}
.footer_familyBox > .table_box > li:first-child, .footer_familyBox .table_box > li:last-child {border-right: 0;}

/* slider */

.family_site_slider .bx-wrapper .bx-controls-direction a {
    margin-top: 0;
    width: 20px;
    height: 50px;
    background-repeat: no-repeat; 
    top:0;
    bottom: 0;   
}
.family_site_slider .bx-wrapper .bx-controls-direction a:hover {
    opacity: 0.8;
}
.family_site_slider .bx-wrapper .bx-prev {
    left: -20px;
    background:#fff  url(../image/main/footer_slider_arrow.png);
    background-position: 10px center;
}

.family_site_slider .bx-wrapper .bx-next {
    right: -11px;
    background:#fff  url(../image/main/footer_slider_arrow.png);
    background-position: -9px center;
}
.family_site_slider  .bx-wrapper .bx-prev:hover {
    background-position: 10px center;
}
.family_site_slider  .bx-wrapper .bx-next:hover {
    background-position: -9px center;
}

.family_site_slider .bx-wrapper li > div {display: table;
    width: 95%;
    margin: 0 auto;
     position: relative;
    }
.family_site_slider .bx-wrapper li > div:after {
    content: "";
    position: absolute;
    right: 0;
    top:0;
    bottom:0;
    margin:auto;
    background: #ccc;
    width:1px;
    height: 40px;
}

.family_site_slider .bx-wrapper li > .right1:after{ right: -5px;}
.family_site_slider .bx-wrapper li > .right2:after{ right: -26px;}


.family_site_slider .bx-wrapper li > div a {display: table-cell; vertical-align: middle; height: 50px; text-align: center;}

.family_site_slider .bx-wrapper li > div a img {display: inline-block;}
.sub_smsSending {
    background: #529b8e;
}
.sub_smsSending .subcontent_title {font-size: 24px;}
.sub_smsSending .table_box {padding: 15px 0;}
.sub_smsSending .table_box li {text-align: left;}
.sub_smsSending .table_box li .f_col_white {
    line-height: 1;
    vertical-align: middle;
}
.sub_smsSending .table_box li strong {    font-weight: 400;}
.sub_sms input.sms_submit {background: #312f30;}

.sub_smsSending .table_box li:last-child{display:flex; align-items:center;}
.sub_smsSending .table_box li:last-child strong{margin-right:20px;}
.sub_smsSending .sub_sms input{width:100px;}

/* font */
.font_roboto {    font-family: 'Roboto', sans-serif !important;}
.font_nanumS {font-family: 'Nanum Square', sans-serif !important; }
.f_col_white {color:#fff !important;}
.f_col_black {color:#181818 !important;}
.f_col_darkgrey {color:#333 !important;}
.f_col_lgrey {color:#666 !important;}
.f_col_main {color:#529b8e !important;}
.f_col_point {color:#ed489b !important;}
.f_col_red {color:#f80d0d !important;}
.f_col_blue {color:#1e83eb !important;}

.subTitle_40 {
    font-size: 40px;
    letter-spacing: -0.02em;
    line-height: 1;
    color:#222;
}
.subTitle_30 {
    font-size: 30px;
    letter-spacing: -0.02em;
    line-height: 1;
    color:#222;
}
.subcontent_title {
    font-size: 28px;
    letter-spacing: -0.04em;
    line-height: 1;
}
.subcontent_btitle {
    font-size: 26px;
    letter-spacing: -0.04em;
    line-height: 1;
    color:#333;
}

.subText_18 {
    font-size: 18px;
    letter-spacing: -0.03em;
    line-height: 26px;
    color:#333;
}
.subText_16 {
    font-size: 16px;
    letter-spacing: -0.05em;
    line-height: 24px;
    color:#333;
}
/* table box */
.main_contentBox, .subCotent_box {
    width:1200px;
    margin: 0 auto;
}
.table_box {display: table; width: 100%; }
.table_box > li {display: table-cell; vertical-align: middle;}

/* clear both */
.clear_both, .clear_box:after {clear:both; content:""; display: block;}
.br_height15 {
    display: block;
    content: "";
    height: 9px;
}

/* align */
.img_blockAlign {text-align: left;}

/*  media query */
@media screen and (max-width: 1450px) {
    .sideMenu_fixed {width:1500px;}
    .sideMenu_fixed > div > ul {
        right:120px;
        transition: 0.5s;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .mainSubject_box div a {padding: 3px 0;}
    .main_counselBox ul > li button {
        padding:11px 12px 3px 12px
    }
    .sideMenu_counselBox .table_box li a {
        padding-top: 3px;
        }
}

.rolling_popupDiv .bx-pager.bx-default-pager { display:none; }