@charset "utf-8";
/* --- 공통 --- */

/* 레이아웃 */
html,body	{width:100%; height:100%;min-width:1300px}
#sub_wrap	{width:100%;padding-top:52px}
.w1275 {width:1275px;margin:0 auto;position:relative}
.w1190 {width:1190px;margin:0 auto;position:relative}
.w1200 {width:1200px;margin:0 auto;position:relative}

.cont_center	{/*width:1000px;*/width:1275px; margin:0 auto; overflow:hidden;}


/*top_menu*/
#top_menu	{/*position:fixed; top:0; left:0;*/ overflow:hidden; width:100%; background-color:#222;z-index:1000;height:35px;line-height:35px;border-bottom:1px solid #808080}
#top_menu > div {width:1275px;margin:0 auto}
#top_menu ul li {float:left}
#top_menu ul li a	{font-family:'Noto Sans KR','맑은 고딕','Malgun Gothic', Dotum,돋움, Arial, Apple-Gothic, sans-serif; color:#fff; letter-spacing:-0.5px; font-weight:200;font-size:13px;padding:0 18px;border-right:1px solid #939393}
#top_menu .top_left {float:left}
#top_menu .top_right {float:right}



#wrapper	{ position:relative;}

/* header */
#header	{width:100%; background-color:#111;z-index:1000;border-bottom:1px solid #808080}
#header .logoArea {height:125px;line-height:125px;border-bottom:1px solid #808080}
#header .logoArea #appo {position:absolute;left:0;top:0;}
#header .logoArea .w1275 div {position:absolute;right:0;top:50%;transform:translateY(-50%)}
#header .logoArea .w1275 div a:last-child {margin-left:8px}

#header .logoArea .w1200 ul.header_info {position:absolute;right:0;top:0;}
#header .logoArea .w1200 ul.header_info li {display: inline-block;}
#header .logoArea .w1200 ul.header_info li a {color: white;}
#header .logoArea .w1200 ul.header_info li::after {content: '|'; color:#424242; padding:0 10px;}
#header .logoArea .w1200 ul.header_info li:last-child::after{content: ' '; padding: 0;}
#header .logoArea .w1200 div a:last-child {margin-left:8px}
h1	{text-align:center;}
#header p	{margin-top:5px; text-align:center;}


/*footer*/
#footer {background:url('../../images/footer/footer_bg.jpg') no-repeat center center;height:410px;width:100%}
#footer>.cont_center	{width:1160px; margin:0 auto; overflow:hidden;position:relative;height:410px}
#footer>.cont_center > div {width:400px;position:absolute;right:0;height:410px}
#footer>.cont_center #footer_logo {position:absolute;top:70px;left:50%;transform:translateX(-50%)}
#footer>.cont_center ul {position:absolute;top:150px;left:60px;width:300px}
#footer>.cont_center ul li {float:left;color:#fff;font-size:16px;margin-right:5px}
#footer>.cont_center ul li:last-child {margin-right:0}
#footer>.cont_center ul li a {color:#fff;letter-spacing:-1px;cursor:pointer;}
#footer .copyright	{position:absolute;top:195px;left:38px;color:#fff;font-size:14px;text-align:center}
#footer .copyright address	{font-style:normal}
#footer .copyright p {margin-bottom:35px}
#footer .copyright b {display:block;font-weight:400}
#footer .copyright b a {color:#fff}

#nav.on {height:303px}
#nav { overflow:hidden; position:absolute; height:53px; z-index:101; width:100%;  background:url('../../images/common/gnb_bg.png') center top; transition:all 0.4s ease; -webkit-transition:all 0.4s ease; border-bottom: 1px solid #808080;}
#nav > ul { margin:0 auto; overflow:hidden;width:1200px}
#nav > ul:after { display:block; clear:both; content:''; }
#nav > ul > li {width:8.6%;float:left;text-align:Center}
#nav > ul > li.menu00 {width:5%}
#nav > ul > li.menu00 .nav_all_btn img {margin-top:-5px}
#nav > ul > li > a {position:relative; font-size:16px; color:#fff; line-height:53px; display:block}
#nav > ul > li > a::after{content:""; position:absolute; width:0; height:3px; left:50%; bottom:0px; background-color:#2196f3; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
#nav > ul > li:hover > a::after{left:0; width:100%;}
/*#nav > ul > li > .sub_menu { margin-top:10px; }
#nav > ul > li > .sub_menu > li { height:37px; line-height:37px; }
#nav > ul > li > .sub_menu > li > a { color:#ededed; font-size:15px; transition:all 0.4s ease; -webkit-transition:all 0.4s ease;text-align:center; }
#nav > ul > li > .sub_menu > li > a:hover { color:#fe9d33; }*/
#nav > ul > li > div.Wrap{
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    height: 250px;
    background: #ffffff00;
    border-bottom: 1px solid #ccc;
}
#nav > ul > li > div.Wrap > .contents{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 1200px;
    height: inherit;
    background: #fff;
    margin: 0 auto;
    position:relative;
}
#nav > ul > li > div.Wrap .intro{
    margin: 0;
    width: 151px;
    height: inherit;
    background: url('../../images/header/nav/bg.jpg') no-repeat center center;
    background-size:cover;
    color: #fff;
    font-weight: 300;
    text-align: center;
}
#nav > ul > li > div.Wrap .intro > i{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 94px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 13px;
}
#nav > ul > li > div.Wrap .intro > p.title{
    font-size: 16px;
}
#nav > ul > li > div.Wrap .intro > p.subTitle{
    font-size: 12px;
    line-height: 18px;
    padding: 0 17px;
    word-break: keep-all;
}
#nav > ul > li > div.Wrap .sub_menu{
    width: 430px;
    text-align: left;
    padding: 30px;
}
#nav > ul > li > div.Wrap .sub_menu li{
    margin: 0 0 10px;
    display: inline-block;
    min-width: 120px;
    opacity: 1;
    font-size:14px;
    letter-spacing:-0.5px
}
#nav > ul > li > div.Wrap .imgArea{
    width: 600px;
    font-size: 0;
    position:absolute;
    right:0
}
#nav > ul > li.menu01:hover > div.Wrap{
    display: block;
    overflow: hidden
}
#nav > ul > li.menu02:hover > div.Wrap{
    display: block;
    overflow: hidden
}
#nav > ul > li.menu03:hover > div.Wrap{
    display: block;
    overflow: hidden
}
#nav > ul > li.menu04:hover > div.Wrap{
    display: block;
    overflow: hidden
}
#nav > ul > li.menu05:hover > div.Wrap{
    display: block;
    overflow: hidden
}
#nav > ul > li.menu06:hover > div.Wrap{
    display: block;
    overflow: hidden
}
#nav > ul > li.menu07:hover > div.Wrap{
    display: block;
    overflow: hidden
}
#nav > ul > li.menu08:hover > div.Wrap{
    display: block;
    overflow: hidden
}
#nav > ul > li.menu09:hover > div.Wrap{
    display: block;
    overflow: hidden
}
#nav > ul > li.menu10:hover > div.Wrap{
    display: block;
    overflow: hidden
}
#nav > ul > li.menu11:hover > div.Wrap{
    display: block;
    overflow: hidden
}

#nav .Wrap .contents .intro span {width:30px;height:2px;background-color:#fff;display:inline-block;margin:0 auto 5px}

/*전체메뉴*/
#nav_all.on {height:450px;padding-top:53px;box-sizing:border-box}
#nav_all { overflow:hidden; position:absolute; height:53px; z-index:101; width:100%;  background:url('../../images/common/gnb_bg.png') center top; transition:all 0.4s ease; -webkit-transition:all 0.4s ease; }
#nav_all > ul { margin:0 auto; overflow:hidden;width:1200px}
#nav_all > ul:after { display:block; clear:both; content:''; }
#nav_all > ul > li {width:8.6%;float:left;text-align:Center}
#nav_all > ul > li > a { font-size:16px; color:#fff; line-height:53px; display:block}
#nav_all > ul > li > .sub_menu { margin-top:10px; }
#nav_all > ul > li > .sub_menu > li { height:37px; line-height:37px; }
#nav_all > ul > li > .sub_menu > li > a { color:#ededed; font-size:13px; transition:all 0.4s ease; -webkit-transition:all 0.4s ease;text-align:center; }
#nav_all > ul > li > .sub_menu > li > a:hover { color:#fe9d33; }
#nav_all > ul > li .intro{margin: 0;width: 159px;height: inherit;background: url('../../images/header/nav/bg.jpg') no-repeat center center;background-size:cover;color: #fff;font-weight: 300;text-align: center;}
#nav_all > ul > li .intro > i{display: -webkit-box;display: -ms-flexbox;display: flex; height: 94px;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin: 0 0 13px;}
#nav_all > ul > li .intro > p.title{font-size: 16px;}
#nav_all > ul > li .intro > p.subTitle{font-size: 12px;line-height: 18px;padding: 0 17px;word-break: keep-all; margin-top:0}



/**/
#terms {position: fixed;z-index: 3103;width: 70%;height: 90%;background: #fff;top: 101%;left: 15%}
#terms .t_group {display: -webkit-box;display: -ms-flexbox;display: flex;height: 55px}
#terms .t_group > li {-webkit-box-flex: 1;-ms-flex: 1;flex: 1}
#terms .t_group > li+li .mn {border-left: 1px solid #ddd}
#terms .mn {position: relative;height: 55px;line-height: 55px;background: #f6f6f6;border-bottom: 1px solid #ddd;text-align: center;font-size: 15px;cursor: pointer;outline: none}
#terms .mn.on {background: #fff;border-bottom: 0;font-weight: 500}
#terms .mn.on:before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 2px;background: #d025bb}
#terms .cont { display: none;position: absolute;top: 55px;left: 0;right: 0;bottom: 0;padding: 15px 35px 35px;-webkit-transition: opacity .4s;transition: opacity .4s;}
#terms .mn.on+.cont {display: block;}
#terms h5 {font-size: 35px;text-align: center;font-weight: 500;margin: 0 0 20px}
#terms .txt { white-space: pre-line;border: 1px solid #ddd;padding: 20px;font-size: 15px;line-height: 25px;overflow: auto;height: calc(100% - 70px);word-break: keep-all}
#terms_bg {display: none;position: fixed;left: 0;top: 0;right: 0;bottom: 0;width: 100%!important;height: 100%!important;z-index: 1102;background: #000;opacity: 0.7}
#terms_close {opacity: 0;-webkit-transform: scale(0);transform: scale(0);position: absolute;right: -50px;top: 0;cursor: pointer}

/*비급여수가*/
#terms table th, #terms table td {padding:8px 0;text-align:center;font-size:13px}
#terms table th.bg0 {background-color:#eee}
#terms table td {border-bottom:1px solid #ccc;border-right:1px solid #ccc}
#terms table tr td:last-child {border-right:0}
#terms table td span {display:block;font-size:12px;color:#e26b0a}


/*@media (max-width: 1125px){
    #contents {overflow:hidden}
    #sub_wrap {overflow:hidden}
    #sub_top {width:150% !important;max-width:150%;margin-left:-25%}
    #sub_contents {overflow:hidden}
    #sub_contents img {max-width:185% !important;width:185%;margin-left:-42.5%}
}*/


/*팝업*/
#bgBlack_pop {display:none;filter: alpha(opacity=85);opacity: 0.80;-moz-opacity: 0.80;background-color: #000;height: 100vh;left: 0;position: fixed;text-align: left;top: 0;width: 100%;z-index: 1100;}
#popUp {width:760px; position:absolute;left:50%;transform:translateX(-50%);top:120px; z-index:1100;}

#popUp .popwrap .bx-wrapper {float:left;width:700px}

#popUp .bx-viewport {height:700px!important;}
#popUp .popPager {width:60px;height:700px;float:right}
#popUp .popPager a {position:relative;display:block;width:100%;height:33.3333%;background-color:#fff;color:#333;text-align:center;font-size:16px;font-weight:400;border-bottom: 1px solid #ccc;}
#popUp .popPager a:last-child {border-bottom:0}
#popUp .popPager a span {position: absolute; top: 50%;transform: translateY(-50%) translateX(-50%);left:50%;}
#popUp .popPager a span img {/*margin-left:5px*/margin-bottom:5px}
#popUp .popPager a:hover {background-color:#333;color:#fff}
#popUp .popPager a.active {background-color:#333;color:#fff}
#popUp a.close24 { line-height:18px; background:#707070; color:#fff; padding:5px; margin-right:6px; }
#popUp .close { width:760px; line-height:46px; background:#000; color:#fff;height:50px}
.close	{position:absolute; top:700px;}
.close form	{overflow:hidden;}
.close input {display:none}
.close label {background:url('../../images/pop/checkbox_no.png') no-repeat left center;padding-left:50px;height:50px;display:inline-block}
.close input:checked ~ label {background:url('../../images/pop/checkbox.png') no-repeat left center }
#check	{margin-left: 15px;font-size: 15px;font-weight: 400;}
#close	{position:absolute; top:70px; right:400px;z-index:1111}
#pop_guide {position:absolute; top:155px;left:50%;margin-left:410px;z-index:1111}

.pop_open {position:fixed;bottom:90px;left:30px;z-index:1100;cursor: pointer;animation:float3 2s infinite ease-in-out;}
@keyframes float3 {
    0%,100% {bottom:90px}
    50% {bottom:80px}
}
#close a	{display:block; color:#fff; font-weight:bold; text-align:center; line-height:22px;}