@charset "utf-8";
@import "reset.min.css";
@import "style.min.css";

body,html {width:100%; height:100%; margin:0px; padding:0px; font-size:14px; font-family: 'Noto Sans KR', sans-serif; color:#231f20; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings:'liga'; word-break:keep-all;}
button{font-family:inherit; border:0; padding:0; -webkit-box-shadow:none; box-shadow:none; -webkit-box-sizing:border-box; box-sizing:border-box; background:none; outline:none; cursor:pointer;}
input[type="text"], input[type="number"]{box-sizing:border-box; outline:none;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance: none; margin:0;}
input[type="number"]{-moz-appearance:textfield;}
input::-webkit-input-placeholder{color:inherit;}
input::-moz-placeholder{color:inherit;}
input:-ms-input-placeholder{color:inherit;}
input::-ms-input-placeholder{color:inherit;}
input::placeholder{color:inherit;}

/* SKIP_NAV */
#skip_nav{position:absolute; width:100%; z-index:10;}
#skip_nav a:visited,
#skip_nav a:link{display:block; width:100%; background-color:#333; color:#fff; text-align:center; box-sizing:border-box; padding:10px; position:absolute; left:0; top:0; top:-100px;}
#skip_nav a:focus,
#skip_nav a:active{top:0;}

/* WRAP */
#wrap{width:100%; /* height:100%; */ min-width:1206px; position:relative;}

/* HEADER */
#header{width:100%; height:auto; position:fixed; min-width:1320px; z-index:105; background:#fff;}
#header .header{display:flex; justify-content:space-between; align-items:flex-start; width:100%; max-width:1213px; height:105px; margin:0 auto;}
#header .header h1{display:inline-block; margin-top:26px;}
#header .header h1 a{display:block;}
#header .header .headMenu{display:inline-flex; flex-wrap:wrap; align-content:flex-start; width:100%; max-width:970px; margin-top:17px;}
#header .header .headMenu .loginBox{display:flex; justify-content:flex-end; align-items:center; width:100%; height;auto; margin-bottom:25px; text-align:right; font-size:13px; font-weight:400; letter-spacing:-0.06em; line-height:1; color:#999;}
#header .header .headMenu .loginBox a{display:inline-block; color:inherit;}
#header .header .headMenu .loginBox span{display:inline-block; width:1px; height:1em; margin:0 10px;}
#header .header .headMenu nav{display:flex; justify-content:flex-end; width:100%; height:auto; max-height:20px; text-align:left; overflow:hidden; transition:max-height 0.3s linear; position:relative; z-index:3;}
#header .header .headMenu nav .menuItem{display:inline-block;}
#header .header .headMenu nav .menuItem + .menuItem{margin-left:40px;}
#header .header .headMenu nav .menuItem .itemTitle{display:block; font-size:20px; font-weight:600; letter-spacing:-0.06em; line-height:1; color:#000; margin-bottom:60px;}
#header .header .headMenu nav .menuItem .subMenuList{display:inline-block; padding-bottom:30px;}
#header .header .headMenu nav .menuItem .subMenuList .listItem{width:100%; height:auto; font-size:18px; font-weight:500; letter-spacing:-0.06em; line-height:1.1; color:#666;}
#header .header .headMenu nav .menuItem .subMenuList .listItem + .listItem{margin-top:25px;}
#header .header .headMenu nav .menuItem .subMenuList .listItem a{display:inline-block; color:inherit;}
#header .header .headMenu nav .menuItem .subMenuList .listItem:hover, #header .header .headMenu nav .menuItem .subMenuList .listItem.on{color:#003366;}
#header .header .headMenu .menuBg{width:100%; height:0; background:#f7f6f6; position:absolute; top:105px; left:0; z-index:2; transition:height 0.3s linear; transition-delay:0.015s;}
#header .header .headMenu nav:hover{max-height:320px;}
#header .header .headMenu nav:hover + .menuBg{height:260px;}

.fixedDummy{width:100%; height:105px;}

/* QUICK */
#quick{display:flex; flex-wrap:wrap; justify-content:center; align-content:flex-start; width:85px; height:auto; text-align:center; position:fixed; top:130px; right:100px; z-index:1000;}
#quick ul{display:flex; flex-wrap:wrap; align-content:flex-start; width:100%; height:auto; border-radius:42.5px; background:#fff; padding:30px 0; box-shadow:1px 1px 18px rgba(0,0,0,.31);}
#quick ul li{display:flex; flex-wrap:wrap; justify-content:center; align-content:flex-start; width:100%; height:auto;}
#quick ul li + li{margin-top:20px;}
#quick ul li a{display:flex; flex-wrap:wrap; justify-content:center; align-content:flex-start; width:100%; height:auto;}
#quick ul li img{margin-bottom:10px;}
#quick ul li p{width:100%; height:auto; font-size:14.8px; font-weight:500; letter-spacing:-0.08em; line-height:1; color:#000;}
#quick ul li strong{width:100%; height:auto; font-size:22px; font-weight:900; letter-spacing:-0.02em; line-height:1; color:#000; margin-top:15px;}
#quick > button{display:inline-block; width:60px; height:60px; border-radius:50%; background:#fff url("/img/comm/quick_top.png") no-repeat center center; box-shadow:1px 1px 18px rgba(0,0,0,.31); margin-top:12px;}

/* FOOTER */
#footer{width:100%; height:auto; background-color:#f5f5f7; padding:80px 0 110px 0; margin-top:15px;}
#footer .footerInfo{display:flex; width:100%; height:700px;}
#footer .footerInfo .infoText{display:inline-flex; justify-content:flex-end; width:47.281%; height:100%;}
#footer .footerInfo .infoText .inBox{display:inline-flex; flex-wrap:wrap; align-content:space-between; width:100%; max-width:455px; margin-right:100px;}
#footer .footerInfo .infoText .inBox dl{width:100%; height:auto;}
#footer .footerInfo .infoText .inBox dl dt{font-size:27px; font-weight:600; letter-spacing:-0.05em; line-height:1; color:#333; margin-bottom:15px; text-align:left;}
#footer .footerInfo .infoText .inBox dl dd{width:100%; height:auto;}
#footer .footerInfo .infoText .inBox dl .clinicBox{display:flex; width:100%; height:auto;}
#footer .footerInfo .infoText .inBox dl .clinicBox .boxItem{display:inline-flex; justify-content:center; align-items:center; width:117px; height:117px; border-radius:50%; background:#172f68; font-size:20px; font-weight:400; letter-spacing:-0.05em; line-height:1.44; color:#fff; text-align:center;}
#footer .footerInfo .infoText .inBox dl .clinicBox .boxItem + .boxItem{margin-left:15px;}
#footer .footerInfo .infoText .inBox dl .timeBox{display:flex; flex-wrap:wrap; align-content:flex-start; width:100%; height:auto; margin-top:7.5px; margin-bottom:22.5px;}
#footer .footerInfo .infoText .inBox dl .timeBox .boxItem{display:flex; justify-content:space-between; align-items:center; width:100%; height:auto; padding:20px 18px; border-bottom:2px solid #eaeaea;}
#footer .footerInfo .infoText .inBox dl .timeBox .boxItem .itemTitle{display:inline-block; text-align:left;}
#footer .footerInfo .infoText .inBox dl .timeBox .boxItem .itemTitle p{font-size:20px; font-weight:500; letter-spacing:-0.05em; line-height:1; color:#333;}
#footer .footerInfo .infoText .inBox dl .timeBox .boxItem .itemTitle p + p{margin-top:12px;}
#footer .footerInfo .infoText .inBox dl .timeBox .boxItem .itemText{display:inline-block; width:auto; text-align:right;}
#footer .footerInfo .infoText .inBox dl .timeBox .boxItem .itemText p{font-size:20px; font-weight:300; letter-spacing:-0.05em; line-height:1; color:#333;}
#footer .footerInfo .infoText .inBox dl .timeBox .boxItem .itemText p + p{margin-top:12px;}
#footer .footerInfo .infoText .inBox .snsBox{width:100%; height:auto;}
#footer .footerInfo .infoText .inBox .snsBox .inTitle{display:flex; align-items:center; width:100%; height:auto; font-size:23px; font-weight:600; letter-spacing:-0.015em; line-height:1; color:#3f3f3f; margin-bottom:10px;}
#footer .footerInfo .infoText .inBox .snsBox .inTitle img{display:inline-block; margin-right:8px;}
#footer .footerInfo .infoText .inBox .snsBox ul{display:flex; align-items:flex-start; width:100%; height:auto;}
#footer .footerInfo .infoText .inBox .snsBox ul li{display:inline-block; text-align:center;}
#footer .footerInfo .infoText .inBox .snsBox ul li + li{margin-left:15px;}
#footer .footerInfo .infoText .inBox .snsBox ul li img{display:block;}
#footer .footerInfo .infoText .inBox .snsBox ul li p{font-size:15px; font-weight:300; letter-spacing:0; line-height:1; margin-top:10px; color:#333;}
#footer .footerInfo .infoMap{display:inline-block; flex-grow:1; height:100%; overflow:hidden;}
#footer .footer{display:flex; justify-content:space-between; align-items:flex-start; width:100%; max-width:1213px; margin:90px auto 0 auto;}
#footer .footer img{display:inline-block;}
#footer .footer .inTextBox{display:inline-block; text-align:left;}
#footer .footer .inTextBox .popLinkBox{display:flex; align-items:center; width:100%; height:auto;}
#footer .footer .inTextBox .popLinkBox a, #footer .footer .inTextBox .popLinkBox button{display:inline-block; font-size:17px; font-weight:400; letter-spacing:-0.025em; line-height:1; color:#000;}
#footer .footer .inTextBox .popLinkBox span{display:inline-block; width:5px; height:5px; background:#000; margin:0 10px; border-radius:50%;}
#footer .footer .inTextBox .text{font-size:15px; font-weight:400; letter-spacing:0; line-height:1.666; margin-top:35px; color:#000; opacity:0.7;}
#footer .footer .inTextBox .text > span{display:inline-block; width:1px; height:1em; margin:0 10px; background:#000;}
#footer .footer .inTextBox .text > a{color:inherit;}
#footer .make_company{color:#f5f5f7;}
#footer .make_company a{color:inherit;}

#quickCounsel{display:flex; justify-content:space-between; align-items:flex-start; width:1268px; height:109px; border-radius:54.5px; background:#0066ff; position:fixed; bottom:15px; left:50%; transform:translateX(-50%); z-index:1000;}
#quickCounsel .inCall{display:inline-block; flex-shrink:0; margin-top:25px; margin-left:35px;}
#quickCounsel .inSubmit{display:inline-flex; align-items:flex-start; padding-right:30px;}
#quickCounsel .inSubmit .inInput{display:inline-block; flex-grow:1; max-width:490px; margin-top:24px;}
#quickCounsel .inSubmit .inInput form{display:flex; flex-wrap:wrap; justify-content:space-between; align-content:flex-start;}
#quickCounsel .inSubmit .inInput input[type="text"], #quickCounsel .inSubmit .inInput input[type="number"]{display:inline-block; width:calc(50% - 8px); height:35px; border:0; background:#fff; padding:10px; font-family:inherit; font-size:15px; font-weight:400; letter-spacing:-0.025em; line-height:1; color:#333;}
#quickCounsel .inSubmit .inInput .inPrivacy{display:flex; align-items:center; width:100%; height:auto; font-size:15px; font-weight:400; letter-spacing:-0.065em; line-height:1; color:#fff; margin-top:10px;}
#quickCounsel .inSubmit .inInput .inPrivacy input[type="checkbox"]{display:inline-block; width:17px; height:17px; margin:0 8px 0 0;}
#quickCounsel .inSubmit .inInput .inPrivacy label{display:inline-block;}
#quickCounsel .inSubmit .inInput .inPrivacy button{display:inline-block; color:inherit; margin-left:10px; text-decoration:underline; text-underline-offset:8px;}
#quickCounsel .inSubmit .submitBtn{display:inline-block; position:relative; margin-left:40px; margin-top:10px;}
#quickCounsel .inSubmit .submitBtn .btnImg2{display:inline-block; position:absolute; top:-38px; right:0;}

.popLayer{display:none; width:100%; height:100%; background:rgba(0,0,0,.6); position:fixed; top:0; left:0; z-index:999999;}
.popLayer .popBox{position:relative; width:900px; height:640px; background-color:#fff; margin:10% auto 0;}
.popLayer .popBox > button{position:absolute; top:0; right:-60px}
.popLayer .popBox .popTitle{display:flex; justify-content:space-between; align-items:center; width:100%; height:60px; padding:0 20px; font-size:23px; letter-spacing:-0.05em; font-weight:700; background-color:#f6f6f6; color:#172f68;}
.popLayer .popBox .popTitle span{font-size:16px; font-weight:400; color:#666;}
.popLayer .popBox .priceBox{width:100%; height:580px; padding:20px 25px; overflow-y:scroll;}
.popLayer .popBox .priceBox table{width:100%; min-width:100%; max-width:none; table-layout:fixed;}
.popLayer .popBox .priceBox table + table{margin-top:50px;}
.popLayer .popBox .priceBox th{padding:15px; border:1px solid #dbdbdb; border-bottom:1px solid #dfdfdf; background-color:#f8f8f8; line-height:1.2; font-size:20px; font-weight:600; vertical-align:middle;}
.popLayer .popBox .priceBox td{padding:15px; border:1px solid #dbdbdb; font-size:16px; font-weight:500; text-align:left; color:#323232; vertical-align:middle;}
.popLayer .popBox .priceBox td.priceCell{font-weight:400; text-align:right;}

/* 비급여진료비 */
.nonbenefit_box{width:100%; height:510px; box-sizing:border-box; text-align:left; padding:0 80px 20px 80px; overflow-y:scroll; font-family: 'Noto Sans KR';}
.nonbenefit_box .price_title{font-size:20px; font-weight:700; letter-spacing:-0.5px; line-height:1; margin-bottom:10px; margin-top:45px;}
.nonbenefit_box .price_title span{display:inline-block; vertical-align:top; width:16px; height:16px; background-color:#000000; margin-top:2px; margin-right:5px;}
.nonbenefit_box .price_table{width:100%; min-width:100%; max-width:none; table-layout:fixed; background-color:#ffffff;}
.nonbenefit_box .price_table th, .nonbenefit_box .price_table td{vertical-align:middle; border:1px solid #e1e1e1; color:#000000; padding:10px 20px;}
.nonbenefit_box .price_table thead th{background-color:#f5f5f5; font-size:18px; font-weight:500; letter-spacing:1.5px; text-align:center;}
.nonbenefit_box .price_table td{font-size:16px; text-align:left; line-height:1.45; text-align:center;}
.nonbenefit_box .price_table .category_title{background-color:#f9f9f9; text-align:center;}
/* .nonbenefit_box .price_table .highlight td{background-color:#fdf7bf;} */
.nonbenefit_box .price_table .table_dot_list{width:100%; height:auto;}
.nonbenefit_box .price_table .table_dot_list li{width:100%; height:auto; overflow:hidden; margin-bottom:3px;}
.nonbenefit_box .price_table .table_dot_list li:last-child{margin-bottom:0;}
.nonbenefit_box .price_table .table_dot_list li .dot{display:inline-block; vertical-align:top; float:left; width:14px; height:auto;}
.nonbenefit_box .price_table .table_dot_list li .text_box{display:inline-block; vertical-align:top; float:left; width:calc(100% - 14px); height:auto;}


/* PAGING */
.paging {height:37px; text-align:center; font-size:13px; margin-top:30px; position:relative;}
.paging  a {color:#6d6d6d}
.paging .link_page {border:1px solid #d1d1d1; color:#5a5a5a; display:inline-block; font-weight:500; text-align:center; width:32px; height:32px; line-height:32px; margin-left:-1px;}
.paging .link_page:hover{position:relative; z-index:1; border:1px solid #7c7c7c;}
.paging .link_page_on{position:relative; z-index:1; border:1px solid #7c7c7c; color:#023c8d; display:inline-block; text-align:center; width:32px; height:32px; font-weight:700; line-height:32px;}
.paging .btn_prev {display:inline-block; text-align:center; width:32px; height:32px; line-height:32px; margin-right:10px; color:#5a5a5a; font-weight:700; border:1px solid #d5d5d5; background-color:#fff;}
.paging .btn_next {display:inline-block; text-align:center; width:32px; height:32px; line-height:32px; margin-left:10px; color:#5a5a5a; font-weight:700; border:1px solid #d5d5d5; background-color:#fff;}

.paging2 {text-align:center; font-size:18px; position:relative; line-height:18px; color:#aeaeae;}
.paging2  a{color:#aeaeae; vertical-align:top;}
.paging2 .link_page {display:inline-block; font-weight:500; font-size:18px; line-height:18px; margin-left:-1px;}
.paging2 .link_page:hover{position:relative; z-index:1; color:#f2cc81;}
.paging2 .link_page_on{position:relative; z-index:1; display:inline-block; font-size:18px; font-weight:700; line-height:18px; color:#f2cc81;}
.paging2 .paging_slash{display:inline-block; margin:0 10px;}
.paging2 .btn_prev {display:inline-block; text-align:center; width:auto; height:18px; margin-right:10px; box-sizing:border-box; padding:2.5px 0;}
.paging2 .btn_next {display:inline-block; text-align:center; width:auto; height:18px; margin-left:10px; box-sizing:border-box; padding:2.5px 0;}

.lh10{line-height:1 !important;}
.lh11{line-height:1.1 !important;}
.lh12{line-height:1.2 !important;}
.lh13{line-height:1.3 !important;}
.lh14{line-height:1.4 !important;}
.lh145{line-height:1.45 !important;}
.lh15{line-height:1.5 !important;}
.lh16{line-height:1.6 !important;}
.lh17{line-height:1.7 !important;}
.lh18{line-height:1.8 !important;}
.lh20{line-height:2 !important;}

.mr_no{margin-right:0 !important;}
.ml_no{margin-left:0 !important;}
.mt_no{margin-top:0 !important;}
.mb_no{margin-bottom:0 !important;}
.pr_no{padding-right:0 !important;}
.pl_no{padding-left:0 !important;}
.pt_no{padding-top:0 !important;}
.pb_no{padding-bottom:0 !important;}

.bt_no{border-top:0 !important;}
.br_no{border-right:0 !important;}
.bl_no{border-left:0 !important;}
.bb_no{border-bottom:0 !important;}

.ta_l{text-align:left !important;}
.ta_r{text-align:right !important;}
.ta_c{text-align:center !important;}
.ta_j{text-align:justify !important;}
.va_m{vertical-align:middle !important;}

.fl{float:left !important;}
.fr{float:right !important;}
.fn{float:none !important;}
.clear_box::after{content:""; display:block; width:0; height:0; clear:both;}

.fw1{font-weight:100 !important;}
.fw2{font-weight:200 !important;}
.fw3{font-weight:300 !important;}
.fw4{font-weight:400 !important;}
.fw5{font-weight:500 !important;}
.fw6{font-weight:600 !important;}
.fw7{font-weight:700 !important;}
.fw8{font-weight:800 !important;}
.fw9{font-weight:900 !important;}

.wb_keep{word-break:keep-all;}

.inp{height:31px; box-sizing:border-box; padding:7px 10px; border:1px solid #d8d8d8;}
.inp[type="radio"]{vertical-align:-2px; border:none;}
.inp[type="checkbox"]{vertical-align:-2px; border:none;}
.sel{height:31px; box-sizing:border-box; padding:4px 10px 5px; border:1px solid #d8d8d8;}

.cp, .youtube_pop{cursor:pointer;}
.texta{padding:5px; height:40px; border:1px solid #d8d8d8;}

.width0{width:50px;}
.width1{width:100px;}
.width1_5{width:150px;}
.width2{width:200px;}
.width3{width:300px;}
.width4{width:400px;}
.width5{width:500px;}
.width6{width:600px;}
.width7{width:700px;}
.width8{width:800px;}
.width9{width:900px;}
.width10{width:100%;}

.btn_box1{width:100%; overflow:hidden; font-size:15px; font-weight:500; margin-top:20px;}
.btn_box2{width:100%; overflow:hidden; font-size:15px; font-weight:500; text-align:center; margin-top:45px;}
.btn_box3{width:100%; overflow:hidden;}
.btn_box4{text-align:center; background-color:#f5f5f5; padding:12px 0;}

a.btn_left_1, button.btn_left_1{float:left; margin-right:7px; display:inline-block; vertical-align:top; box-sizing:border-box; width:150px; height:50px; font-size:20px; text-align:center; line-height:48px; border:1px solid #959595; color:#fff; background-color:#959595;}
a.btn_left_2, button.btn_left_2{float:left; margin-right:7px; display:inline-block; vertical-align:top; box-sizing:border-box; width:150px; height:50px; font-size:20px; text-align:center; line-height:48px; border:1px solid #172f68; color:#fff; background-color:#172f68;}

a.btn_right_1, button.btn_right_1{float:right; margin-left:7px; display:inline-block; vertical-align:top; box-sizing:border-box; width:150px; height:50px; font-size:20px; text-align:center; line-height:48px; border:1px solid #959595; color:#fff; background-color:#959595;}
a.btn_right_2, button.btn_right_2{float:right; margin-left:7px; display:inline-block; vertical-align:top; box-sizing:border-box; width:150px; height:50px; font-size:20px; text-align:center; line-height:48px; border:1px solid #172f68; color:#fff; background-color:#172f68;}

a.btn_center_1, button.btn_center_1{margin-left:7px; display:inline-block; vertical-align:top; box-sizing:border-box; width:150px; height:50px; font-size:20px; text-align:center; line-height:48px; background-color:#172f68; border:1px solid #172f68; color:#fff;}
a.btn_center_2, button.btn_center_2{margin-left:7px; display:inline-block; vertical-align:top; box-sizing:border-box; width:150px; height:50px; font-size:20px; text-align:center; line-height:48px; background-color:#ffffff; border:1px solid #172f68; color:#172f68;}

.ans_k{display:inline-block; width:70px; height:30px; text-align:center; line-height:30px; border:1px solid #cd3545; color:#cd3545; border-radius:3px; -webkit-border-radius:3px; background-color:#fffbfb;}
.ans_n{display:inline-block; width:70px; height:30px; text-align:center; line-height:30px; border:1px solid #aaa; color:#aaa; border-radius:3px; -webkit-border-radius:3px;}

.content_hide{visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0; text-indent:-9999px;}

.size1{font-size:14px;}
.size2{font-size:16px;}
.size3{font-size:18px;}
.size4{font-size:20px;}
.size5{font-size:22px;}
.size6{font-size:24px;}
.size7{font-size:26px;}
.size8{font-size:28px;}
.size9{font-size:30px;}
.size10{font-size:32px;}
.size11{font-size:34px;}
.size12{font-size:36px;}
.size13{font-size:38px;}
.size14{font-size:40px;}

.color1{color:#000 !important;}
.color2{color:#fff !important;}
.color3{color:#333 !important;}
.color4{color:#d733cd !important;}

.required{color:#ff561d !important;}

.italic{font-style:italic;}
.underline{text-decoration:underline;}

/* background color */
.bgColor1{background-color:#ffffff !important;}
.bgColor2{background-color:#f7f7f7 !important;}
.bgColor2_1{background:linear-gradient(180deg, rgba(247,247,247,1) 0%, rgba(255,255,255,1) 100%);}
.bgColor3{background-color:#dde6f4 !important;}
.bgColor4{background-color:#172f68 !important;}
.bgColor5{background-color:#e9edf5 !important;}
.bgColor6{background-color:#101522 !important;}
.bgColor7{background-color:#ecf1f8 !important;}
.bgColor8{background-color:#dee4ed !important;}
.bgColor9{background-color:#32353d !important;}
.bgColor10{background-color:#1b1c26 !important;}
.bgColor11{background-color:#edeff2 !important;}
.bgColor12{background-color:#daeaf6 !important;}

/* 유튜브 영상 팝업 */
.youtube_bg{width:100%; height:100%; position:fixed; z-index:200; top:0; left:0; background:rgba(0,0,0,.8);}
.youtube_bg .youtube_box{width:1200px; height:715px; position:absolute; top:50%; left:50%; margin-top:-357.5px; margin-left:-600px; text-align:right;}
.youtube_bg .youtube_box .zClose{display:inline-block; vertical-align:top; width:40px; height:40px; background:url("/img/sub/close_btn2.png") no-repeat center top;}
.youtube_bg .youtube_box iframe{width:100%; height:675px; text-align:left; background:#000;}