@charset "utf-8";

/* ----- 공통 layout ----- */
/* skip navi */
.skip{position:relative;z-index:99;}
.skip h2{display: block;overflow: hidden;position: absolute;width: 0px;height: 0px;font-size: 1px;line-height: 0;text-indent: -999em;white-space: nowrap;}
.skip a{position: absolute;top: -100px;left: -999px;display:block;height:50px;padding:0 20px;line-height:50px;font-size:16px;text-align:center;background: #31313b;color: white;}
.skip a:focus{top:0;left:0;}
:focus {outline: none;}

/* hidding */
.offscreen{position: absolute;width:0px;height:0px;margin: -1px;padding: 0;border: 0;line-height: 0;font-size:0;white-space: normal;word-wrap: break-word;word-break: break-all;clip: rect(0,0,0,0);overflow:hidden;}

/* 공통 너비 layout */
.common-layout{position:relative;width:1180px;margin:0 auto}
.container{position:relative;/*z-index:-1*/ }
.common-layout:after,
.container:after{content:'';display:block;clear:both;}
.contents-wrap{position: relative;}

/* header */
.top-wrap{text-align: center;height:35px; background: #0770bb;}
.top-wrap .top-left{position:absolute;left:0;top:0px;}
.top-wrap .top-right{position:absolute;right:0;top:0px;}

/* header-top- */
.link-unit{line-height:35px;font-family: 'NotoKrR',sans-serif;font-size:14px;letter-spacing:-0.05em;}
.link-unit:after{content:'';display:block;clear:both;}
.link-unit li{position:relative;float:left;vertical-align:top;}
.link-unit li a{color:#fff;vertical-align: top; padding:0 30px;  display: block;  border-left: 1px solid #398dc9;height:35px;  }
.link-unit li:last-child{ border-right: 1px solid #398dc9;}

.link-unit2{line-height:35px;vertical-align: top;}
.link-unit2:after{content:'';display:block;clear:both;}
.link-unit2 > li{position:relative;float:left;vertical-align:top;padding:0 15px;}
.link-unit2 > li:last-child{padding-right:0;}
.link-unit2 > li:after{content: '';display: inline-block;width: 1px;height: 10px;background: #fff;position: absolute;top: 15px;right:0px;}
.link-unit2 > li:last-child:after{content: '';display:none;}
.link-unit2 > li a{font-family: 'NotoKrM',sans-serif;font-size:13px;color:#fff;letter-spacing:-0.05em;height:35px;}
.link-unit2 > li.noline:after{content: '';display:none;}


/* header-gnb */
.header{position:relative;}
.nav-wrap{position:relative;height:90px;border-bottom:1px solid #eeeeee; background: #fff;}
.nav-wrap .common-layou:after{content:'';display:block;clear:both;}
.gnb-wrap{display:block; position: absolute;top: 0; right: 0;}
.nav-wrap h1{padding-top: 24px; width:350px; }
.nav-wrap h1 a{font-size: 18px; color:#0082b6; font-family: 'NotoKrM',sans-serif; font-weight: normal; display: block; padding-left: 180px; height: 43px;position: relative;padding-top: 11px;}
.nav-wrap h1 a:after{content: '';display: block;width: 516px;height: 43px;background:url(../img/icon_logo.png) left top no-repeat;position: absolute;top: 0px;left:0px;}

.gnb li{float:left;color:#000;font-size:18px;font-family: 'NotoKrM',sans-serif;text-align: center;}
.gnb li:first-child{margin-left:0;}
.gnb li a{display:block;line-height:90px;height:90px;position:relative; width: 170px;}
.gnb li a:hover,.gnb li a.active{color:#0770bb}
.gnb li a:hover:after,.gnb li a.active:after{content:'';display:inline-block;position:absolute;left:0;bottom:0;right:0;height:4px;background: #0770bb}

/* header - 열린부분 */
.opensection-wrap.active{display:block;}
.opensection-wrap{position:absolute;left:0;top:90px;right:0;background:#fff;z-index:999;display:none; box-shadow:  0 5px 10px rgba(0,0,0,0.3); z-index: 100}
.opensection-com{float: left; position: relative;width: 330px; border-left:1px solid #eee; border-right:1px solid #eee}
.opensection-com .com-copy {text-align: center; display:table; width:100%;}
.opensection-com .com-copy p {display:table-cell; height:320px; vertical-align:middle; font-family: 'notoKrM',sans-serif;font-weight: normal;font-size: 22px;line-height:34px;letter-spacing: -1.5px;}
.opensection-com .com-copy img {width: 328px; height: 320px;}
.opensection-nav{float: right; position: relative;}
.gnb2-wrap{position:relative;float:left;width:170px;height:320px;padding-top:32px;text-align: center;}
.gnb-2depth{font-size:16px;color:#333333}
.gnb-2depth>li> a{line-height:36px;display:block;position: relative;}
.gnb-2depth> li> a:hover,.gnb-2depth >li>a.active{background:#0770bb;color:#fff;font-family: 'NotoKrM'}
.gnb-2depth> li> a:hover+.gnb3-wrap,.gnb-2depth >li>a.active+.gnb3-wrap{display:block;}
.gnb-2depth >li >a.has-depth:hover:after,.gnb-2depth >li >a.has-depth.active:after{content:'';display:inline-block;position:absolute;right:10px;top:50%;margin-top:-6.5px;width:8px;height:13px;background:url('../img/icon_header.png') -80px -100px no-repeat;z-index:1000;}

.gnb3-wrap{position:absolute;left:170px;top:-1px;bottom:-1px;right:-1px;padding-top:30px;background:#0770bb;width:170px;z-index:1000;color:#fff;display:none;}
.gnb-3depth li a{font-size:16px;color:#fff;line-height:36px;font-family: 'NotoKrDL';}
.gnb-3depth li a:hover,.gnb-3depth li a.active{border-bottom:1px solid #fff;}


/* header-loaction */
.location-wrap{height:60px;background: #f8f8f8;border-bottom:1px solid #eeeeee;}
.location-wrap .common-layout{position:relative;}
.btn-home{width:60px;height:59px;border-right:1px solid #eeeeee;background:#f8f8f8;float:left;}
.btn-home:before{content:'';display:inline-block;width:23px;height:22px;background:url(../img/icon_location.png) 0 0 no-repeat}
.location-nav-wrap{float:left;font-size:16px;position:relative;border-right:1px solid #eeeeee;}
.location-1{color:#777777;line-height:60px;padding-left:20px;padding-right:62px;display:inline-block;min-width:188px;}
.location-1:after{content:'';position:absolute;right:20px;top:50%;margin-top:-3px;display:inline-block;width:10px;height:5px;background:url(../img/icon_location.png) -40px 0 no-repeat}
.location-nav{position:absolute;left:-1px;top:60px;display:none;padding-bottom:20px;background:#f8f8f8;border:1px solid #eeeeee;border-top: 0;z-index:5;}
.location-nav li{}
.location-nav li a{color:#333333;height:37px;line-height:37px;display:block;padding:0 20px;min-width:188px;}
.location-nav li a:focus,.location-nav li a:hover{background:#eeeeee;}

.location-nav-wrap .location-1.active, .location-nav-wrap .location-1.on{color:#333333;font-family: 'NotoKrR'}
.location-nav-wrap .location-1.active:after{background-position:-40px -40px;}
.location-nav-wrap .location-1.active +.location-nav{display:inline-block;}

/* container */
.pagetitle-wrap{text-align: center;width:1180px;margin:0 auto 60px; padding-top:100px;}
.pagetitle-wrap .title-style1{}
.pagetitle-wrap .text-style1{margin-top:30px; line-height: 25px;}
.contents{ position: relative;width:1180px;margin:0 auto 100px; }

/* footer */
.footer{background:#3d4044; position: relative;}
.footer .top-btn{width: 60px; height:60px; background: url(../img/icon_header.png) 0 -100px no-repeat rgba( 61, 64, 68, 0.2 ); border-radius: 60px; position: absolute;top: -90px; right: 0; }


.family-site{position: absolute;top: 20px; right: 0;}
.family-site > a{ border:1px solid #34363a; width: 170px; height: 36px; line-height: 36px; background: transparent; color:#aaa; font-size: 13px; text-align: left; padding-left:10px ; letter-spacing: -1px;position:relative; display: block;}
.family-site > a:after{content:'';display:block;width: 12px; height: 12px;background:url('../img/icon_header.png') -80px -140px no-repeat;position:absolute; right:6px; top:12px; }
.family-site .site-open{width: 170px;border:1px solid #34363a;position: absolute;bottom: 35px; display: none}
.family-site .site-open li{background:#3d4044;border-bottom:1px solid #34363a;z-index:99; height:35px;  }
.family-site .site-open li:last-child{border-bottom:0}
.family-site .site-open li a{width: 100%; display: table-cell;vertical-align: center; height: 35px;padding-left:10px; }
.family-site .site-open li a:hover{color: #fff}
.family-site > a.active +.site-open{display:block;}


/* copyright */
.copyright-wrap .common-layout{padding-top:30px;padding-bottom:42px;color:#aaa;}
.copyright-btn{margin-bottom: 15px;}
.copyright-btn button{font-family: 'NotoKrR',sans-serif; font-size: 14px; color:#fff;position: relative;padding:0  15px;}
.copyright-btn button:first-child{padding-left: 0;}
.copyright-btn button:after{content: '';display: inline-block;width: 1px;height: 11px;background: #fff;position: absolute;top: 5px;right:0px;}
.copyright-btn button:last-child:after{content: '';display:none;}
.copyright-info{float:left;line-height: 25px; font-size: 14px; color:#aaa;}
.copyright-info .copyright{text-transform: uppercase;}
.footer .footer-logo{width: 131px; height:39px; background: url(../img/logo_foot.png) 0 -50px no-repeat; position: absolute; right: 0; top:70px; }


/* ----- 공통 guide ----- */
/* component */
.btn{display:inline-block;border-radius:10px 0 0px 0;min-width:130px;height:45px;font-size:16px;color:#fff;background: #0770bb;font-family: 'NotoKrR';}

/* 보더 top none */
.bdb-none{border-bottom:none !important;}

/* color */
.color-style1{color:#0770bb !important}
.color-style2{color:#2ca48f !important}
.color-style3{color:#e3751c !important}
.color-style4{color:#777777 !important}
.color-style5{color:#333333 !important}
.color-style6{color:#cd0e0e !important}

/* component */
.btn-m{height:45px;min-width:130px;padding:0 30px;}
.btn-l{height:60px;min-width:180px;padding:0 40px;font-size:18px;}
.btn.color01{background:#0770bb;}/* blue */
.btn.color02{background:#199da3;}/* mint */
.btn.color03{background: #757a85}/* gray */
.btn.color04{background: #199da3; /* Old browsers */
background: -moz-linear-gradient(-45deg, #199da3 0%, #199da3 31%, #0b79b6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #199da3 0%,#199da3 31%,#0b79b6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #199da3 0%,#199da3 31%,#0b79b6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.btn.color05{background: #fff; border:1px solid #757a85; color: #757a85  }/* gray */
.btn.color06{background: #199da3; /* Old browsers */
background: -moz-linear-gradient(-45deg, #0b79b6 0%, #0b79b6 31%, #199da3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #0b79b6 0%,#0b79b6 31%,#199da3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #0b79b6 0%,#0b79b6 31%,#199da3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
button.download{background: #fff;height:50px;font-size:14px;width: 240px;color:#0770bb;border:1px solid #0770bb;font-family: 'NotoKrR'; border-radius: 2px; margin-right: 8px; }
button.more{width: 180px; height: 40px; background: #fff; border:1px solid #aaa; color:#777; border-radius: 20px; margin: 0 auto; display: block;   }
.btn.color07{background: #3798b8}/* 청녹 */
.btn.color08{background: #e3751c;}

/* button group */
.btn-wrap{text-align:center;position: relative}
.btn-wrap:after{content:'';display:block;clear:both;}
.btn-wrap button{margin-left: 8px; cursor: pointer;}
.btn-wrap button:first-child {margin-left: 0px}
.btn-wrap .left-sec{position:absolute;left:0;top:50%;text-align:left;max-width:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%)}

/* button group */
.btn-wrap2{text-align:right; }
.btn-wrap2 button{margin-left: 3px; cursor: pointer;}

/* 그라데이션 원형박스 */
.box-gra-round{display:inline-block;width:200px;height:200px;border-radius:200px;overflow:hidden;text-align:center;padding:3px;
background: #0975b8;
background: -moz-linear-gradient(-45deg, #0975b8 0%, #1798a6 100%);
background: -webkit-linear-gradient(-45deg, #0975b8 0%,#1798a6 100%);
background: linear-gradient(135deg, #0975b8 0%,#1798a6 100%);
}
.box-gra-round div{background: #fff;display:block;width:100%;height:100%;border-radius:100%;}
.box-gra-text{position:relative;top:50%;display:inline-block;vertical-align: middle;width:100%;text-align:center;font-size:18px;color:#333;line-height: 25px;font-family: 'NotoKrR';transform: translateY(-50%); -webkit-transform: translateY(-50%)}

.box-gra-wrap .box-gra-round{vertical-align: middle}


/* tab */
.tab-wrap{position:relative;}
.tablist-type1{width:1180px;display:table;margin-bottom:60px;  letter-spacing: -4px; }
.tablist-type1 a{display: table-cell;text-align:center;height:60px;color:#333;font-size:16px; line-height: 60px; width:197px;  letter-spacing: -1px;  border:1px solid #dddddd;border-left: 0}
.tablist-type1 a.active{position:relative;color:#fff;font-size:16px;font-family:'NotoKrM',sans-serif;background: #0770bb}
.tablist-type1.under10 a:nth-child(n+6){border-top: 0;}
.tablist-type1.under10 a:nth-child(5n+1), .tablist-type1 a:first-child{border-left: 1px solid #dddddd;}
.tablist-type1.over10 a:nth-child(n+7){border-top: 0;}
.tablist-type1.over10 a:nth-child(6n+1){border-left: 1px solid #dddddd;}
.tablist-type1.inline {display: block;}
.tablist-type1.inline a {display: inline-block}

.tab-wrap .tabpanel, .tab-wrap .tabpanel-sub{display: none}
.tab-wrap .tabpanel:focus, .tab-wrap .tabpanel-sub:focus {  outline: none;}
.tab-wrap .tabpanel.active, .tab-wrap .tabpanel-sub.active{display: block;}


.tablist-type2{width:1180px;display:block;margin-bottom:30px;height: 40px; overflow : hidden; white-space:nowrap; letter-spacing: -4px; }
.tablist-type2 a{display: inline-block;text-align:center;height:40px;color:#000;font-size:14px; line-height: 40px;min-width:120px;  letter-spacing: -1px;
	border-bottom:1px solid #0770bb;border-top:1px solid #dddddd;border-left:1px solid #dddddd}
.tablist-type2 a:last-child {border-right:1px solid #dddddd;}
.tablist-type2 a.active{position:relative;border-top:1px solid #0770bb;color:#0770bb;font-size:14px;font-family:'NotoKrM',sans-serif; font-weight: normal; border-left:1px solid #0770bb;}
.tablist-type2 a.active:last-child {border-right:1px solid #0770bb;}
.tablist-type2 a.active+a{border-left:1px solid #0770bb;}
.tablist-type2 a.active:after{content:'';display:block;height:1px;position:absolute;left:0;bottom:-1px;right:0;background:#fff;}

.tablist-type3{margin-bottom:60px;}
.tablist-type3:after{content:'';display:block;clear:both;}
.tablist-type3 a{float:left;padding:0 20px 15px;color:#777;font-size:18px;border-bottom:1px solid #ddd}
.tablist-type3 a.active{color:#0770bb;border-bottom:2px solid #0770bb;font-family:'NotoKrR',sans-serif;}


/* checkbox */
.checkbox.boxonly label{padding-left:25px;}
.checkbox{position:relative;display: inline-block;vertical-align: middle;}
.checkbox + .checkbox{margin-left:10px;}
.checkbox input[type=checkbox]{position:absolute;left:0;top:0;}
.checkbox label{display:inline-block;position:relative;padding-left:35px;min-width:25px;min-height:25px;line-height:25px;color:#777;}
.checkbox label:before{content:'';position:absolute;left:0;top:0;display:inline-block;width:25px;height:25px;background:url('../img/icon_component.png') -40px 0px;cursor:pointer;z-index:10;}
.checkbox input[type=checkbox]:checked +label:before{background-position: -40px -40px;}
.checkbox input[type=checkbox]:disabled +label:before{background-position: -40px -80px;}
.checkbox input[type=checkbox]:disabled:checked +label:before{background-position: -40px -120px;}

/* checkbox-type2 */
.checkbox-type2{position:relative;display: inline-block;vertical-align: middle;margin-right:10px;}
.checkbox-type2 input[type=checkbox]{position:absolute;left:5px;top:5px;}
.checkbox-type2 label{display:inline-block;position:relative;padding-left:40px;min-width:30px;min-height:30px;line-height:30px;color:#777;}
.checkbox-type2 label:before{content:'';position:absolute;left:0;top:0;display:inline-block;width:30px;height:30px;background:url('../img/icon_component.png') 0px 0px;cursor:pointer;z-index:10;}
.checkbox-type2 input[type=checkbox]:checked +label:before{background-position: 0px -40px;}
.checkbox-type2 input[type=checkbox]:disabled +label:before{background-position: 0px -80px;}
.checkbox-type2 input[type=checkbox]:disabled:checked +label:before{background-position: 0px -120px;}

/* radio */
.radio{position:relative;display: inline-block;vertical-align: middle;margin-right:10px;letter-spacing:0}
.radio input[type=radio]{position:absolute;left:3px;top:3px;}
.radio label{display:inline-block;position:relative;padding-left:35px;min-width:25px;min-height:25px;line-height:25px;color:#777;}
.radio label:before{content:'';position:absolute;left:0;top:0;display:inline-block;width:25px;height:25px;background:#fff;cursor:pointer;border:1px solid #ddd;box-sizing:border-box;border-radius:25px;z-index:10;}
.radio input[type=radio]:checked +label:before{border:6px solid #199da3;}
.radio input[type=radio]:disabled +label:before{background: #eee;}

/* switch-radio */
.switch-wrap{position:relative;display:inline-block;vertical-align: middle}
.switch-button{display: inline-block;position: relative;float:left;}
.switch-button input[type=radio]{position: absolute;left:0;top:0;}
.switch-button label{position:relative;border:1px solid #199da3;text-align: center;display: inline-block;float:left;background: #fff;color:#199da3;font-size: 16px;height:40px;width:70px;line-height:40px;cursor: pointer}
.switch-button input[type=radio]:checked +label{background: #199da3;color:#fff;}
.switch-button input[type=radio]:disabled +label{background: #f8f8f8;color:#777;border-color:#eee;}
.switch-button:first-child label{border-radius:3px 0 0 3px; border-right: 0}
.switch-button:last-child label{border-radius:0 3px 3px 0}

/* 문단 단위 */
.prg-wrap{border-top:1px solid #ddd;padding-top:30px;padding-bottom:30px;}
.prg-wrap:after{content:'';display: block;clear: both;}
/* .prg-wrap:first-child{border-top:none;} */
.prg-wrap:last-child{padding-bottom:0;}
.prg-wrap .prg-left{float:left;width:200px;}
.prg-wrap .prg-title{letter-spacing:-0.04em;font-size:24px;color: #000;line-height:32px;font-family:'NotoKrM',sans-serif; font-weight: normal;}
.prg-wrap .prg-title .marL{display:inline-block; padding-left:23px;}
.prg-wrap .prg-right{float:right;width:980px;}
.prg-cont{line-height: 25px;font-size:16px;color: #333;}
.prg-title .text-style4{line-height:16px;}

/* table -  문단에들어간 테이블 정리 */
.prg-cont .table th{line-height: 22px;}
.prg-cont .table td{line-height: 25px; padding:10xp 20px}
.prg-cont .list-type1 > li:before{top:12px;}

/* list-type */
.list-type1{text-align:left;}
.list-type1 > li{padding-left:10px;font-size:16px;position: relative;margin-bottom:7px;color:#333;}
.list-type1 > li:before{content:'';display:inline-block;position:absolute;left:0;top:8px;margin-top:-1px;;width:3px;height:3px;background: url('../img/icon_list.png') left top no-repeat}

.list-type1 li ul{text-align:left;margin-top:7px;padding-bottom:1px;}
.list-type1 li ul li{font-size:16px;position: relative;margin-bottom:6px;color:#777;}

ol.list-type1 > li{padding-left:0px; list-style-position: inside;}
ol.list-type1 > li:before{display: none}

.list-type1 > li em{font-family: 'NotoKrR'}
ol.list-type1 li ul li{padding-left:10px;}

.list-type2{text-align:left;}
.list-type2 li{padding-left:13px;position: relative;margin-bottom:7px;font-size:14px;color:#333;}
.list-type2 li:before{content:'';display:inline-block;position:absolute;left:0;top:50%;margin-top:-2px;width:4px;height:4px;background:#aaa;}

.list-type3{text-align:left;}
.list-type3 li{padding-left:13px;position: relative;margin-bottom:7px;font-size:14px;color:#0770bb;}
.list-type3 li:before{content:'*';display:inline-block;position:absolute;left:0;top:2px}


/* link-type1 */
.active-type1{color:#0770bb;border-bottom:1px solid #0770bb;font-size:inherit;display:inline;vertical-align: top}

/* link-type2 */
.active-type2{color:#0770bb;font-size:inherit;display:inline;vertical-align: top}
.active-type2:hover{border-bottom:1px solid #0770bb}

.list-type1.wide > li{width: 320px; display: inline-block;}

/* contbox */
.etcbox{padding:30px;background:#f3f3f3;text-align: left;}
.etcbox .etcbox-cont{line-height:20px;}
.etcbox .etcbox-title1{position:relative;font-size:20px;margin-bottom:20px;font-family:'NotoKrM',sans-serif;}

.etcbox-type2 .etcbox-title1{margin-bottom:14px;vertical-align:middle;}
.etcbox-type2 .etcbox-title1:before{content:'';display:inline-block;width:30px;height:30px;background:url(../img/icon_contents.png) 0 0 no-repeat;margin-right:10px;vertical-align:middle;}
.etcbox-type2 .list-type2{margin-left:26px;}

.etcbox-type3 {position: relative;}
.etcbox-type3 .etcbox-title1{margin-bottom:0;font-size:16px;line-height:22px;vertical-align:middle;font-family:'NotoKrL',sans-serif; padding-left: 40px;}
.etcbox-type3 .etcbox-title1:before{content:'';width:30px;height:30px;background:url(../img/icon_contents.png) 0px -40px no-repeat; position: absolute;top: 7px;left: 0}
.etcbox-type3 .input-num{position: absolute;top:35px ;right:25px; }
.etcbox-type3 .input-text{margin:0 2px }

.etcbox-type4 .etcbox-cont{line-height:30px;font-size:16px;color:#000; position: relative;}

.etcbox-type3 .btn{ height: 40px; border-radius: 0; vertical-align: top; font-size: 14px;  font-weight: normal; min-width:88px; position: relative; left: -3px}

.etcbox-type4 .btn{  position: absolute;top: 7px;right: 0}

/* section 공통상단 */
.contents-top{text-align: center;line-height:38px;margin-bottom:70px;}
.section-cont:after{content:'';display:block;clear:both;}
.sec-left{float:left;vertical-align: top}
.sec-right{float:right;vertical-align: top}

/* text */
.title-style1{font-family: 'NotoKrM'; font-size: 40px; color: #000;font-weight: normal; }
.title-style2{font-family: 'NotoKrL'; font-size: 30px; color: #000;font-weight: normal; }
.title-style3{font-family: 'NotoKrM'; font-size: 24px; color: #000;font-weight: normal; }
.title-style4{font-family: 'NotoKrR'; font-size: 20px; color: #000;font-weight: normal; }
.title-style5{font-family: 'NotoKrR'; font-size: 16px; color: #333;font-weight: normal;margin-bottom:10px;}
.text-style1{font-family: 'NotoKrR'; font-size: 18px; color: #000;font-weight: normal;}
.text-style2{font-family: 'NotoKrL'; font-size: 16px; color: #333;font-weight: normal;}
.text-style3{font-family: 'NotoKrL'; font-size: 14px; color: #0770bb;font-weight: normal;}
.text-style4{font-family: 'NotoKrL'; font-size: 14px; color: #777;font-weight: normal;}
.text-style5{font-family: 'NotoKrL'; font-size: 16px; color: #777;font-weight: normal;}
.text-style6{font-family: 'NotoKrL'; font-size: 14px; color: #333;font-weight: normal;}

.lineH{line-height: 25px;}

.NotoKrL {font-family: 'NotoKrL',sans-serif; font-weight: normal; }
.NotoKrDL {font-family: 'NotoKrDL',sans-serif; font-weight: normal;}
.NotoKrR {font-family: 'NotoKrR',sans-serif;  font-weight: normal;}
.NotoKrM {font-family: 'NotoKrM',sans-serif; font-weight: normal; }
.NotoKrB {font-family: 'NotoKrB',sans-serif; font-weight: normal; }


/* table */
.table {border-collapse:collapse !important; width: 100%}
.table th{font-size: 16px; font-family: 'NotoKrR'; font-weight: normal; color: #000000 ; padding: 0 20px ;text-align:center; background-color: #f6f6f6; height: 50px; border-right: 0; border-left: 1px solid #eee; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.table th:first-child, .table td:first-child{ border-left: 0 }
.table th.line{border-right: 1px solid #ddd;}
.table th.line2{border-left: 1px solid #eee !important;}
.table td{font-size: 16px; font-family: 'NotoKrL'; text-align: center; font-weight: normal; color: #777777;  padding: 0 20px ; border-right: 0; border-left: 1px solid #eee; border-bottom: 1px solid #eee; border-top: 0; background-color:#fff;  height: 60px; }
.table td.line{border-left: 1px solid #eee !important;}
.table td.pad0{padding:18px 0 !important}
.table th.pad0{padding:18px 0 !important}

/* table - table-type1 */
.table-type1 tbody th{  border-top: 0;border-bottom: 1px solid #eee;  }
.table-type1 tbody th:first-child{ border-right: 1px solid #eee; }
.table-type1 thead tr:first-child th{border-top: 2px solid #bbb;}
.table-type1 td,th{line-height: 20px; padding: 0 20px; word-break: keep-all;}
.table-type1.break td, .table-type1.break th {word-break: break-all;}
table td .table-type1 td, table td .table-type1 th{padding: 10px;height:60px}
.table-type1 tr.total td{background: #eee;color:#333;font-size:16px;text-align:center;}
.table-type1 .total-title{font-family: 'NotoKrM';display:inline-block;}
.table-type1 .total-num{font-family: 'NotoKrM';display:inline-block;color:#0770bb;}
.table-type1 .total-title + .total-num{margin-left:30px;}

.table-type1.sunday {margin-top: 15px;}
.table-type1.sunday td {padding: 15px 10px;}
.table-type1.sunday td .label1 {color: #333; font-family: 'NotoKrR'}
.table-type1.sunday .input-num {text-align: center;}
.table-type1.sunday .input-num .phoneNum{width: 80px !important;}
.table-type1.sunday .input-text{margin-left:5px;}
.table-type1.sunday .input-email {text-align: center;}
.table-type1.sunday .input-email .emil{width: 124px !important;}
.table-type1.sunday .input-email .emil2{width: 120px !important;}
.table-type1.sunday .input-email span {margin: 0 5px;}
.table-type1.sunday .input-email .select.emil {vertical-align: middle}
.table-type1.sunday input[type=text], .table-type1.sunday textarea{width:100%;}

/* table -  table-type2 */
.table.table-type2{border-collapse:collapse !important;  }
.table.table-type2 th{ border-right:0; border-left:0 ; border:0; border-bottom: 1px solid #eee;}
.table.table-type2 tr:first-child td, .table.table-type2 tr:first-child th{ border-left: 0 ;  border-top: 2px solid #bbb;}
.table.table-type2 td:nth-child(2) {border-left: 0}
.table.table-type2 td.nBl {border-left: 0}
.table.table-type2 td.acc{color:#333;}
.table.table-type2 ul li{font-size: 14px;}

/* table - table-type3 */
.table-type3{border-top:2px solid #bbbbbb;  margin-top: 15px; }
.table-type3 th{width: 200px; border:1px solid #eeeeee;text-align: left;padding-left: 30px;border-right: 0; border-left: 0; background: #fff; height: 60px; }
.table-type3 th .acc{color: #199da3; margin-left:2px; position: relative;top: 4px; }
.table-type3 td{text-align: left; border-left: 0; border-right: 0; border-left: 0;padding: 10px 0; line-height: 25px; font-size: 16px;}
.table-type3.height td{padding: 20px 0; }
table .info-text{ font-size: 14px; letter-spacing: -0.5px; margin-top: 8px; line-height: 14px; position: relative; padding-left: 8px; line-height: 16px; }
table .info-text span{display: inline-block; margin-right: 3px; position: absolute; top: 3px; left:0;}
.table-type3 .btn{ height: 40px; border-radius: 0; vertical-align: top; font-size: 14px;  font-weight: normal; min-width:88px; position: relative; left: -3px}
.table-type3 input[type=text], .table-type3 input[type=password]{width: 400px;vertical-align: middle; }
.table-type3 #name:disabled{background:#fff; border: 0 ; font-size: 16px; color: #777777; padding: 0; height: 30px;}
.table-type3 .check-list{ margin-top: 30px; }
.table-type3 .check-list:after { display: block; content: ""; }
.table-type3 .check-list li{ float: left; width: 245px; height: 45px}

/* table - table-type4 */
.table-type4{border-top:2px solid #bbbbbb;  margin-top: 15px; }
.table-type4 >thead >tr >th{font-size: 18px; font-family: 'NotoKrM'; font-weight: normal; color: #000000 ; background-color: #f6f6f6; height: 70px; }
.table-type4> tbody>tr >th{border:1px solid #eeeeee;text-align: left;padding-left: 30px;padding-right: 0px;border-right: 0; background: #fff; height: 60px; }
.table-type4 th .acc{color: #199da3; margin-left:2px; position: relative;top: 4px; }
.table-type4> tbody> tr>td{text-align: left; border-left: 0; border-right: 0; border-left: 0;padding: 10px 20px 10px 0; line-height: 25px; font-size: 16px; color: #333}
.table-type4 input[type=text], .table-type4 textarea{width:100%;}
.table-type4 .select{width:100%;vertical-align: middle; }
.table-type4 .select label{padding-right: 40px; overflow: hidden; word-break: break-all;}
.table-type4 .input-num .phoneNum{width: 118px !important;}
.table-type4 .input-text{margin-left:5px; }
.table-type4 .input-email .emil{width: 124px !important;}
.table-type4 .input-email .emil2{width: 120px !important;}

/* .table-type4 input.wide{width: 970px !important;} */
.table-type4 label{color: #333}
.radio-text span{vertical-align: middle; display: inline-block; position: relative;top: -1px;}
.radio-text span.line{border-left: 1px solid #eee; padding-left: 20px;}
.radio:nth-child(n+2), .checkbox:nth-child(n+2){margin-left: 20px}
.radio-sub{display: inline-block;}
.radio-sub .radio:first-child{margin-left: 0px}
.radio-sub .radio:nth-child(n+2){margin-left: 5px}

/* 2차 종합병원 */
.sub-table{padding:0 !important;letter-spacing: -1px}
.sub-table div.cell{border-left: 1px solid #eee; width: 280px; display: table-cell;vertical-align: middle;height: 110px; padding: 10px 30px; color: #777; text-align: right;line-height: 40px;}
.sub-table div.cell label{color: #333; text-align: left; width: 187px; display: inline-block; height: 40px;}
.sub-table div.cell label input{float: right;  width: 70px !important}
.sub-table div.cell label:nth-child(n+2){margin-top: 10px}
.sub-table div.cell:first-child{border-left:0; padding-left: 0; width:220px }
.sub-table div.cell:first-child label{width: 157px}
.sub-table div.cell:first-child{border-left:0}

.dept-list li{float: left;width:33.33%;padding-left: 30px}
.dept-list li label{line-height: 40px; padding-right: 30px; display: block;}
.dept-list li input{float: right; width: 70px !important}
.dept-list li:nth-child(n+4){margin-top: 10px}
.dept-list li:nth-child(3n+1){width:220px ;padding-left: 0px}

.radio-list li{float: left;width:390px ; text-align: right; height: 60px; padding-top: 15px; border-bottom: 1px solid #eee; padding-right: 20px}
.radio-list li:nth-child(2n+2){padding-left: 30px; border-left: 1px solid #eee;}
.radio-list li:nth-child(n+7){border-bottom: 0px}
.radio-list li span{float: left;}
.table-type2 .radio-list li{padding-left: 20px;}
.table-type2 textarea{margin:10px 0;  width:100%; }


.table-top{position: relative;display:table;width:100%;margin-bottom:30px;}
.table-top:after{content:'';display:block;clear:both;}
.table-top .left-d{width:730px;display:table-cell}
.table-top .right-d{vertical-align: bottom;display:table-cell;text-align: right;}

.table-bottom{margin-top:15px;}
.table-bottom li{margin-bottom:10px;font-size:16px;}
.table-bottom li em{font-family: 'NotoKrM'}

.table.print td,.table.print th{height: 25px; padding: 5px}

.table.refer td{padding: 20px; line-height: 20px;}

/* badge */
.badge{ display: inline-block; border-radius: 3px; background:#0670B9; font-size: 13px; font-weight: normal; font-family: 'NotoKrR'; color: #fff;  padding: 2px 10px 4px ; margin-right: 8px; vertical-align: middle; position: relative;top: -1px}
.badge.badge-point{background:#DA2C2D;}

/* components */
::-webkit-input-placeholder { /* Edge */color:#777;}
:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #777;}
::placeholder {color: #777;}

input[type=text], input[type=password], textarea{line-height:normal; border: 1px solid #ddd; font-size: 14px; font-family: 'NotoKrL'; color: #777; background: #fff; height: 40px; padding: 0 20px}
label.hide{position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; }
input[type=text]:disabled, input[type=password]:disabled, textarea:disabled{ border: 1px solid #eee; color: #777; background: #f8f8f8; }
input[type=text]:focus, input[type=password]:focus, textarea:focus{ outline: none; border: 1px solid #199da3;font-family: 'NotoKrR'; color: #000; }
input[readonly]{border: 1px solid #eee !important; color: #777 !important; background: #f8f8f8 !important;}

textarea{min-height: 100px; padding-top: 10px; }

.select { position: relative; width: 200px; z-index: 1; height: 40px; font-size: 14px; font-weight:normal;  font-family: 'NotoKrL'; color: #777; display: inline-block;}
.select label { position: absolute; top: 0px; left: 0px; width: 100%; z-index: -1;line-height:normal; border: 1px solid #ddd;  background: url(../img/icon_components_select_off.png) no-repeat right center #fff; height: 100%; padding: 0 20px; -webkit-appearance: none; -moz-appearance: none;  appearance: none; text-align: left; padding-right:40px; border-radius: 0 ;  vertical-align: middle; line-height:38px;}
.select select { width: 100%; height: 100%;  line-height: 25px;  font-family: inherit;  font-size: inherit; font-weight:inherit;  border: 0; padding:10px 20px; opacity: 0; filter:alpha(opacity=0);  -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.select:focus label, .select:hover label{ outline: none; border-color: #199da3;font-family: 'NotoKrR'; color: #000;background-position: right -40px; background:url(../img/icon_components_select_on.png) no-repeat right center #fff }

.select.disabled label{ border-color:#eee; color: #777; background: #f8f8f8; }
.select.disabled label,
.select.disabled:focus label,
.select.disabled:hover label{ border-color:#eee; color: #777; background: #f8f8f8; }

.select.small select{padding:10px }
.select.small label {  background: #fff;  padding-right:20px;  padding-left: 10px;}
.select.small label:after{content: "";display: block; width:20px ;height:10px ; position: absolute;top:15px ;right:5px ;background: url(../img/icon_components_select_off.png) no-repeat}
.select.small:focus label:after, .select.small:hover label:after{  background:url(../img/icon_components_select_on.png) no-repeat}
.select.major2{width:150px;}

.input-email, .input-num, .input-add, .input-rrn{text-align: left;letter-spacing: -1px}
.input-text{color: #333333; font-size: 16px; letter-spacing: 0; display: inline-block; margin:0 4px; }
.input-email .emil{width: 210px !important;}
.input-email select.emil{width: 180px !important; margin-left: 6px;}
.input-num .phoneNum{width: 123px !important;}
.input-add input[type=text]{width: 400px;vertical-align: middle; }
.input-add .btn {height: 40px; border-radius: 0; vertical-align: middle; font-size: 14px;  font-weight: normal; min-width:88px; position: relative; left: -3px}
.input-add .btn.zip{width:115px !important;}
.input-rrn .rrn{width: 193px !important; }

/* paging */
.pager{margin-top: 30px}
.page{ margin:0px auto; text-align:center;clear:both}
.page li, .page a{display: inline-block;border-right: 18px; }
.page span { display: inline-block; border:1px solid #ddd; width:36px; height:36px; font-size: 16px; font-weight: normal; line-height:28px;  text-align:center; color:#777; font-family: 'NotoKrR'; border-radius: 18px; margin: 0 1px  }
.page span span{display: inline;border:0; width:auto; height:auto;}
.page span:hover span, .page span:hover, .page span:focus span, .page span:focus{  color: #000 }
.page span:hover, .page span:focus{border-color:#199da3 }
.page .active span, .page .active:hover span, .page .active:focus span{ background-color:#199da3; color:#fff;border:0; font-family: 'NotoKrM'; font-weight: normal; font-size: 16px; padding-top:3px ; }
.page a.jump span{cursor:pointer;line-height:3200px;overflow-x:hidden;overflow-y:hidden;background: url(../img/icon_components.png) no-repeat #fff;}
.page a.first span{background-position:  10px 11px; }
.page a.prev span{background-position: -11px 11px;  margin-right: 15px}
.page a.next span{background-position:  -30px 11px; margin-left: 15px}
.page a.last span{background-position: -51px 11px;}

/* agree */
.agree-area{ margin-bottom: 50px; text-align: left;}
.agree-area .title-style3 .acc {color: #cd0e0e; vertical-align: top;}
.agree-area .scrollbox{ border:1px solid #dddddd; overflow-x: hidden; ;overflow-y:auto;  height: 150px; width: 100%; margin: 15px 0; padding: 30px; font-size: 14px; line-height: 17px; color: #333; background:#fff;font-family:'NotoKrL',sans-serif;}


/* board-search */
.search-box{ text-align: center; margin-bottom: 60px ; font-size: 0 ; letter-spacing: -4px}
.search-box .select{ width: 175px; height: 60px ; vertical-align: top;font-size: 16px; margin-right: 4px; letter-spacing: -1px;}
.search-box .select label{  border-radius:10px 0 0px 0; border-width:2px;border-color:#eee;height: 60px;line-height: 56px;}
.search-box .select:before { right:44px;height:56px;width:20px;margin-top:2px}
.search-box select{ width: 175px; height: 60px ; vertical-align: top;font-size: 16px; margin-right: 4px;  border-radius:10px 0 0px 0; letter-spacing: -1px;border-width:2px;border-color:#eee;}
.search-box .select:before { right:44px;height:56px;width:20px;margin-top:2px}
.search-box input[type=text]{width: 447px; height: 60px; vertical-align: top;font-size: 16px; border-radius:10px 0 0px 0;  letter-spacing: -1px;border:2px solid #eee;}
.search-box button{ width: 120px; min-width: 120px; height: 60px;vertical-align: top;border-radius: 0  10px 0px 0; background: url(../img/icon_components.png) no-repeat left -15px #0770bb; padding-left: 63px; text-align: left;font-family: 'NotoKrR'; font-weight: normal; letter-spacing: -1px;margin-left:-1px;}
.search-result{font-size: 14px; color: #777; margin-bottom: 15px;}
.search-result .acc{ color: #0770bb ; font-family: 'NotoKrR'; vertical-align: top;}


.search-box2{ background-color: #f8f8f8; height: 100px; padding-top: 30px; }
.search-box2 .btn-sheah{display: inline-block; background: #0770bb;position: relative; width: 100px; height: 40px; color: #fff; vertical-align: middle;font-size: 16px;font-family: 'NotoKrR';  font-weight: normal; padding-left: 50px; text-align: left;margin-left: 2px;}
.search-box2 .btn-sheah:before{content: "";display: block; width: 20px; height: 20px; background: url(../img/icon_components.png) no-repeat -20px -120px; position: absolute; top:11px; left: 23px;   }
.search-box2 input[type=text], .search-box2 .select{margin-left: 9px;}
.search-box2 .color03{vertical-align: middle;margin-left: 27px; }
.search-box2 > label{font-size: 16px;font-family: 'NotoKrR';  font-weight: normal;color: #000; height: 40px; display: inline-block; vertical-align: middle;margin-left: 30px; }
.search-box2 .dash{width:15px;text-align:center;}
.search-box2 .dash + input{margin-left:0;}

/* board -list */
.board-wrap {min-height: 500px}
.board-wrap .board-list-wrap .table td.title{text-align:left !important; padding: 0 20px;    }
.board-wrap .board-list-wrap .table td.title .badge{margin-right: 10px}
.board-wrap .board-list-wrap .table td.title a{text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 600px;display: inline-block;}
.board-wrap .board-list-wrap .table td.title a:hover, .board-wrap .board-list-wrap .table td.title a:focus{text-decoration: underline; cursor: pointer; width: inherit;}
.board-wrap{margin-bottom: 100px}
.board-wrap:after{content:'';display:block;clear:both;}
.board-wrap .badge{margin:0;}


/* board - detail */
.board-wrap .board-con-box .con-main{padding:  0 20px}/* 에디터 적용후 수정요망 */
.board-wrap .board-con-box .con-main img{max-width: 840px !important; height: auto !important}
.board-wrap .board-con-box{ width: 880px; float: left; }
.board-wrap .board-con-box .con-tit{ height: 100px; background-color:#f6f6f6; vertical-align: middle; color: #000; font-family: 'NotoKrR'; font-size: 18px; line-height: 26px; padding: 0 20px; border-bottom: 1px solid #dddddd; border-top: 2px solid #bbbbbb; display: table-cell; width: 880px }
.board-wrap .con-info:after, .board-wrap .category:after, .board-wrap .data:after{content:'';display:block;clear:both;}
.board-wrap .con-info{padding: 20px; border-bottom: 1px solid #eeeeee }
.board-wrap .con-info .category{float: left;}
.board-wrap .con-info .data{float: right;}
.board-wrap .category li, .board-wrap .data li{display:table-cell;padding:0 10px;text-align:center;position:relative; color: #777;}
.board-wrap .category li:after, .board-wrap .data li:after{content:'';display:inline-block;position:absolute;right:0;top:50%;margin-top:-5px;width:1px;height:10px;background:#aaa}
.board-wrap .category li:first-child, .board-wrap .data li:first-child{padding-left:0}
.board-wrap .category li:last-child, .board-wrap .data li:last-child{padding-right:0;}
.board-wrap .category li:last-child:after, .board-wrap .data li:last-child:after{content:'';display:none;}
.board-wrap .board-con-box .con-main{ margin:50px 0}
.board-wrap .board-con-box .con-fiie { border-bottom: 1px solid #eeeeee;padding-bottom: 14px; margin-bottom: 37px  }
.board-wrap .board-con-box .con-fiie .fiie-tit{background:  url(../img/icon_components.png) no-repeat -75px 19px #f6f6f6; border-bottom: 1px solid #eeeeee;border-top:1px solid #eeeeee; color: #000; font-family: 'NotoKrR'; font-size: 16px; padding-left: 47px; height: 50px; display: table-cell;vertical-align: middle; width: 880px }
.board-wrap .board-con-box .con-fiie .fiie-list{ margin-top: 18px;}
.board-wrap .board-con-box .con-fiie .fiie-list li{  padding-left: 32px; height: 20px;}
.board-wrap .board-con-box .con-fiie .fiie-list li:before{left:20px;top:50%;}
.board-wrap .board-con-box .con-fiie .fiie-list a{color: #777777; font-size: 14px; line-height: 20px; display: inline-block; border-bottom: 1px solid #777777 }
.board-wrap .board-navi-box{width: 280px; float: right; }
.board-wrap .board-navi-box .navi-tit{width: 280px;height: 100px; vertical-align: middle; color: #0770bb; font-family: 'NotoKrR'; font-size: 24px; line-height: 26px; padding: 0 20px; border-bottom: 1px solid #dddddd; border-top: 2px solid #bbbbbb; display: table-cell; position: relative; }
.board-wrap .board-navi-box .navi-tit .navi-btn{position: absolute; right:20px; top:32px;}
.board-wrap .board-navi-box .navi-tit .navi-btn button{cursor:pointer;background: url(../img/icon_components.png) no-repeat #fff;display: inline-block; border:1px solid #ddd; width:36px; height:36px; font-size: 16px; font-weight: normal;  border-radius: 18px;   }
.board-wrap .board-navi-box .navi-tit .navi-btn button:hover, .board-wrap .board-navi-box .navi-tit .navi-btn button:focus{border-color:#199da3}
.board-wrap .board-navi-box .navi-tit .navi-btn .prev-list{background-position: -11px 11px;}
.board-wrap .board-navi-box .navi-tit .navi-btn .next-list{background-position:  -30px 11px;margin-left: 2px }
.board-wrap .board-navi-box .navi-list > ul > li{ border-bottom: 1px solid #eeeeee; padding: 27px 20px 32px}
.board-wrap .board-navi-box .navi-list .category{margin-bottom:15px;}
.board-wrap .board-navi-box .navi-list .tit{font-size: 16px; color: #000;  margin:0 0 12px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;display:inline-block;width: 240px; }
.board-wrap .board-navi-box .navi-list .tit .badge{margin-right: 7px;}

/* board - img list  */
.board-wrap .img-list {width: 1180px; position:relative; text-align:center;}
.board-wrap .img-list > li {width: 380px; height: 360px; text-align: left; border: 1px solid #eeeeee;box-sizing:border-box; float: left; margin-left:20px; margin-bottom: 20px; }
.board-wrap .img-list > li:after{content:'';display:inline-block;}
.board-wrap .img-list > li:nth-child(3n+1){margin-left:0px;}
.board-wrap .img-list > li:last-child{margin-bottom: 50px;}
.board-wrap .img-list .thum-img{width:378px; height:285px}
.board-wrap .img-list .category{margin-top: 17px; margin-left: 20px; }
.board-wrap .img-list .tit{display: inline-block;margin-top: 13px; margin-left: 20px; color:#000;font-size: 16px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 340px }
.board-wrap .img-list .tit .badge{margin-right: 7px;}
.board-wrap .img-list .data{margin-top: 8px; margin-left: 20px;}
.board-wrap .img-list .tit:hover, .board-wrap .img-list .tit:focus{text-decoration: underline; cursor: pointer; }

/* board - img list - detail */
.board-wrap .board-navi-box .navi-list .thum-img {width: 240px; height: 180px; margin-bottom: 20px}

/* board - nolist */
.board-wrap .no-list{height: 280px;background:  url(../img/icon_noimg.png) no-repeat center 70px; padding-top: 173px; font-size: 18px;}


/* layer popup */
#layer-bg{ display: none;position: fixed; top:0; left: 0; width: 100%; height: 100%;background-color: #3d4044; opacity: 0.8; z-index: 9999}
#layer-box{display: none;width: 600px; min-height: 100px; background-color: #fff;  position: fixed; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%) ;-webkit-transform: translateY(-50%) translateX(-50%) ; z-index: 10000; -moz-box-shadow: 5px 5px 5px rgba(68,68,68,0.6); -webkit-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);	box-shadow: 5px 5px 5px rgba(68,68,68,0.6); -webkit-transform: translateY(-50%) translateX(-50%) ;-webkit-transform: translateY(-50%) translateX(-50%) ;}
#layer-bg.active, #layer-box.active{display: block;}
#layer-box > div{position: relative;}
#layer-box .layer-wrap{max-height: 600px;position: relative; margin-bottom: 50px;  padding-top:30px;}
#layer-box .layer-wrap .layer-cont{width: 100%; max-height: 490px;  padding: 30px; padding-top:0px; overflow-y:auto; overflow-x:hidden; }
#layer-box .layer-close{position:absolute;width: 100%;bottom: -50px}
#layer-box .layer-close > div{height: 50px; width: 100%; background-color: #3d4044; position:relative;}
#layer-box .layer-close .checkbox{position:relative;display: inline-block;vertical-align: middle;margin-right:10px; margin-left: 30px; margin-top: 15px}
#layer-box .layer-close .checkbox input[type=checkbox]{position:absolute;left:0;top:0;}
#layer-box .layer-close .checkbox label{display:inline-block;position:relative;padding-left:30px;min-width:20px;min-height:20px;line-height:20px;color:#fff;}
#layer-box .layer-close .checkbox label:before{content:'';position:absolute;left:0;top:0;display:inline-block;width:20px;height:20px;background:url('../img/icon_component.png') 0px -180px;cursor:pointer;z-index:10000;}
#layer-box .layer-close .checkbox input[type=checkbox]:checked +label:before{background-position: 0px -157px;}
#layer-box .layer-close .btn-close{width: 16px; height: 16px; background:url('../img/icon_component.png') no-repeat -34px -172px; position: absolute;top:15px;right: 30px;}

#layer-box.size-l{width:820px ;}
#layer-box.size-Xl{width:1000px ;}
#layer-box .layer-wrap.rolling {height: 490px;}
#layer-box .layer-wrap.rolling .layer-cont{width: 100%; height: 490px;position: absolute;top: 0; left: 0 ; background-color: #fff}

#layer-box .slide-layer {height: 520px;}
#layer-box .slide-layer .layer-close .btn-today{position: absolute;top:15px;right: 90px;}
#layer-box .slide-layer .layer-close .btn-today span {color: #fff}
#layer-box .slide-layer .layer-close .btn-today:after {content: '';position: absolute; width: 2px;height: 15px;background-color: #fff; top: 2px;right: -16px}
#layer-box .slide-layer .layer-close .btn-close2{position: absolute;top:15px;right: 30px;}
#layer-box .slide-layer .layer-close .btn-close2 span {color: #fff}
#layer-box .layer-wrap.slide .layer-cont {padding-bottom: 0}
#layer-box .layer-wrap.slide .layer-cont .slide-cont {word-break: break-all; padding: 0 30px; height: 490px !important; overflow-y: auto}
#layer-box .layer-wrap.slide .layer-cont .slide-cont.act {height: 490px !important; overflow-y: scroll !important;}
#layer-box .layer-wrap.slide .layer-cont .slide-cont .cont-inner {min-height: 490px !important;}
#layer-box .layer-wrap.slide .bx-wrapper .bx-controls {position: absolute; bottom: -30px !important; text-align: left; padding-left: 20px; width: 500px}
#layer-box .layer-wrap.slide .bx-wrapper .bx-viewport {max-height: 490px;}
#layer-box .layer-wrap.slide .bx-wrapper .bx-controls .bx-controls-direction{position: absolute; top: 0; left: 0;width: 100%; }
#layer-box .layer-wrap.slide .bx-wrapper .bx-controls .bx-pager { position: relative; display: inline-block; width: auto; }
#layer-box .layer-wrap.slide .bx-wrapper .bx-controls .bx-controls-auto {position: relative; display: inline-block; width: auto;}
#layer-box .layer-wrap.slide .bx-wrapper .bx-pager.bx-default-pager a.active {background: #0670ba}

/* layer popup 중복방지 */
.layer-bg{ display: none;position: fixed; top:0; left: 0; width: 100%; height: 100%;background-color: #3d4044; opacity: 0.8; z-index: 9999}
.layer-box{display: none;width: 600px; min-height: 100px; background-color: #fff;  position: fixed; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%) ;-webkit-transform: translateY(-50%) translateX(-50%) ; z-index: 10000; -moz-box-shadow: 5px 5px 5px rgba(68,68,68,0.6); -webkit-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);	box-shadow: 5px 5px 5px rgba(68,68,68,0.6); -webkit-transform: translateY(-50%) translateX(-50%) ;-webkit-transform: translateY(-50%) translateX(-50%) ;}
.layer-bg.active, .layer-box.active{display: block;}
.layer-box > div{position: relative;}
.layer-box .layer-wrap{max-height: 600px;position: relative; margin-bottom: 50px;  padding-top:30px;}
.layer-box .layer-wrap .layer-cont{width: 100%; max-height: 490px;  padding: 30px; padding-top:0px; overflow-y:auto; overflow-x:hidden; }
.layer-box .layer-close{position:absolute;width: 100%;bottom: -50px}
.layer-box .layer-close > div{height: 50px; width: 100%; background-color: #3d4044; position:relative;}
.layer-box .layer-close .checkbox{position:relative;display: inline-block;vertical-align: middle;margin-right:10px; margin-left: 30px; margin-top: 15px}
.layer-box .layer-close .checkbox input[type=checkbox]{position:absolute;left:0;top:0;}
.layer-box .layer-close .checkbox label{display:inline-block;position:relative;padding-left:30px;min-width:20px;min-height:20px;line-height:20px;color:#fff;}
.layer-box .layer-close .checkbox label:before{content:'';position:absolute;left:0;top:0;display:inline-block;width:20px;height:20px;background:url('../img/icon_component.png') 0px -180px;cursor:pointer;z-index:10000;}
.layer-box .layer-close .checkbox input[type=checkbox]:checked +label:before{background-position: 0px -157px;}
.layer-box .layer-close .btn-close{width: 16px; height: 16px; background:url('../img/icon_component.png') no-repeat -34px -172px; position: absolute;top:15px;right: 30px;}

.layer-box.size-l{width:820px ;}
.layer-box.size-Xl{width:1000px ;}
.layer-box .layer-wrap.rolling {height: 490px;}
.layer-box .layer-wrap.rolling .layer-cont{width: 100%; height: 490px;position: absolute;top: 0; left: 0 ; background-color: #fff}

.layer-box .slide-layer {height: 520px;}
.layer-box .slide-layer .layer-close .btn-today{position: absolute;top:15px;right: 90px;}
.layer-box .slide-layer .layer-close .btn-today span {color: #fff}
.layer-box .slide-layer .layer-close .btn-today:after {content: '';position: absolute; width: 2px;height: 15px;background-color: #fff; top: 2px;right: -16px}
.layer-box .slide-layer .layer-close .btn-close2{position: absolute;top:15px;right: 30px;}
.layer-box .slide-layer .layer-close .btn-close2 span {color: #fff}
.layer-box .layer-wrap.slide .layer-cont {padding-bottom: 0}
.layer-box .layer-wrap.slide .layer-cont .slide-cont {word-break: break-all; padding: 0 30px; height: 490px !important; overflow-y: auto}
.layer-box .layer-wrap.slide .layer-cont .slide-cont.act {height: 490px !important; overflow-y: scroll !important;}
.layer-box .layer-wrap.slide .layer-cont .slide-cont .cont-inner {min-height: 490px !important;}
.layer-box .layer-wrap.slide .bx-wrapper .bx-controls {bottom: -30px !important; text-align: left; padding-left: 20px; width: 500px; position: absolute;}
.layer-box .layer-wrap.slide .bx-wrapper .bx-viewport {max-height: 490px;}
.layer-box .layer-wrap.slide .bx-wrapper .bx-pager.bx-default-pager a.active {background: #0670ba}

/* layer popup admin */
#layer-admin-bg{ display: none;position: fixed; top:0; left: 0; width: 100%; height: 100%;background-color: #3d4044; opacity: 0.8; z-index: 9999}
#layer-admin-bg.active {display: block;}
.layer-admin{display: none;width: 600px; min-height: 100px; background-color: #fff;  position: fixed; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%) ;-webkit-transform: translateY(-50%) translateX(-50%) ; z-index: 10000; -moz-box-shadow: 5px 5px 5px rgba(68,68,68,0.6); -webkit-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);	box-shadow: 5px 5px 5px rgba(68,68,68,0.6); -webkit-transform: translateY(-50%) translateX(-50%) ;-webkit-transform: translateY(-50%) translateX(-50%) ;}
.layer-admin.active{display: block;}
.layer-admin > div{position: relative;}
.layer-admin .layer-wrap{max-height: 600px;position: relative; margin-bottom: 50px;  padding-top:30px;}
.layer-admin .layer-wrap .layer-cont{width: 100%; max-height: 490px; height:100%; overflow-y:auto; overflow-x:hidden; }
.layer-admin .layer-close{position:absolute;width: 100%;bottom: -50px}
.layer-admin .layer-close > div{height: 50px; width: 100%; background-color: #3d4044; position:relative;}
.layer-admin .layer-close .checkbox{position:relative;display: inline-block;vertical-align: middle;margin-right:10px; margin-left: 30px; margin-top: 15px}
.layer-admin .layer-close .checkbox input[type=checkbox]{position:absolute;left:0;top:0;}
.layer-admin .layer-close .checkbox label{display:inline-block;position:relative;padding-left:30px;min-width:20px;min-height:20px;line-height:20px;color:#fff;}
.layer-admin .layer-close .checkbox label:before{content:'';position:absolute;left:0;top:0;display:inline-block;width:20px;height:20px;background:url('../img/icon_component.png') 0px -180px;cursor:pointer;z-index:10000;}
.layer-admin .layer-close .checkbox input[type=checkbox]:checked +label:before{background-position: 0px -157px;}
.layer-admin .layer-close .btn-close{width: 16px; height: 16px; background:url('../img/icon_component.png') no-repeat -34px -172px; position: absolute;top:15px;right: 30px;}

.layer-admin.size-l{width:820px ;}
.layer-admin.size-Xl{width:1000px ;}
.layer-admin .layer-wrap.rolling {height: 490px;}
.layer-admin .layer-wrap.rolling .layer-cont{width: 100%; height: 490px;position: absolute;top: 0; left: 0 ; background-color: #fff}

.layer-admin .slide-layer {height: 520px;}
.layer-admin .slide-layer .layer-close .btn-today{position: absolute;top:15px;right: 90px;}
.layer-admin .slide-layer .layer-close .btn-today span {color: #fff}
.layer-admin .slide-layer .layer-close .btn-today:after {content: '';position: absolute; width: 2px;height: 15px;background-color: #fff; top: 2px;right: -16px}
.layer-admin .slide-layer .layer-close .btn-close2{position: absolute;top:15px;right: 30px;}
.layer-admin .slide-layer .layer-close .btn-close2 span {color: #fff}
.layer-admin .layer-wrap.slide .layer-cont {padding-bottom: 0}
.layer-admin .layer-wrap.slide .layer-cont .slide-cont {word-break: break-all; padding: 0 30px; height: 490px !important; overflow-y: auto}
.layer-admin .layer-wrap.slide .layer-cont .slide-cont.act {height: 490px !important; overflow-y: scroll !important;}
.layer-admin .layer-wrap.slide .layer-cont .slide-cont .cont-inner {min-height: 490px !important;}
.layer-admin .layer-wrap.slide .bx-wrapper .bx-controls {bottom: -30px !important; text-align: left; padding-left: 20px; width: 500px; position: absolute;}
.layer-admin .layer-wrap.slide .bx-wrapper .bx-pager {position: relative; text-align: center; display: inline-block; width: auto;}
.layer-admin .layer-wrap.slide .bx-wrapper .bx-viewport {max-height: 490px;}
.layer-admin .layer-wrap.slide .bx-wrapper .bx-pager.bx-default-pager a.active {background: #0670ba}

/* popup */
.popup{margin:0 auto; padding:30px; overflow-y:auto;overflow-x:hidden; width: 1000px   }
/* popup - table-type4 */
.popup input[type=text]{padding:10px }
/* .popup .table-type4 input[type=text], .popup .table-type4 .select{width: 280px; } */
.popup .table-type4 .input-num .phoneNum{width:85px !important;}
.popup .table-type4 .input-email .emil{width: 185px !important;}
.popup .table-type4 .input-email .emil2{width: 160px !important;}
/* .popup .table-type4 .wide{width: 750px !important;} */
.popup .table-type1 input[type=text]{width:100%;}
.popup .table-type4 .select{width: 273px; }
.popup .table-type1 th.textL{padding-left: 30px}
.popup .table-type1 td{padding: 15px; color: #333}
.popup .table-type2 th{text-align: left;  font-size: 16px; height: 60px;}
.popup .table-type2 td{text-align: left; height: 60px;}
.popup .text-hos{font-family: 'NotoKrR'; font-size: 30px; color: #000;font-weight: normal; text-align: center; margin-top: 30px; }
/*진료의뢰서*/
.popprint{margin:0 auto;overflow-y:auto;overflow-x:hidden; width: 1000px   }
.popprint.table-type2 th{text-align: left;  font-size: 16px; height: 60px;}
.popprint .table-type2 td{text-align: left; height: 60px;}

/* 외래 교원 추천서 */
.popup .sign{text-align: right;}
.popup .sign table{width: 466px; display: inline-block; }
.popup .sign th{ height: 60px; padding: 0 }
.popup .sign:after{content:'';display:block;clear:both;}
.popup .list-type1 li{font-size: 14px;margin-bottom: 12px;}


/* 협력체결신청 */
.popup input[type=text].today{text-align: right;}

/* padding 좁게*/
.popup .pdnone td{padding:10px !important}
.popup .pdnone th{padding: 0 }

/* 병원유형별 세부정보 */
.popup2{padding:20px }


/* 기본 CSS */
.textR{text-align:right !important;letter-spacing: 0}
.textC{text-align:center !important;}
.textL{text-align:left !important;}
.textC-tableall td{text-align:center;}

.floatL{float:left;}
.floatR{float:right;}

.imgC{display: block;margin:0 auto }

.marT5{margin-top: 5px !important}
.marT7{margin-top: 7px !important}
.marT10{margin-top: 10px !important}
.marT15{margin-top: 15px !important}
.marT20{margin-top: 20px !important}
.marT25{margin-top: 25px !important}
.marT30{margin-top: 30px !important}
.marT40{margin-top: 40px !important}
.marT50{margin-top: 50px !important}
.marT60{margin-top: 60px !important}
.marT80{margin-top: 80px !important}
.marT100{margin-top: 100px !important}
.marB10{margin-bottom: 10px !important}
.marB15{margin-bottom: 15px !important}
.marL5{margin-left: 5px !important}
.marL10{margin-left: 10px !important}
.marL15{margin-left: 15px !important}
.marL20{margin-left: 20px !important}
.marL30{margin-left: 30px !important}
.padL15{padding-left: 15px !important}
.padR0{padding-right: 0px !important}
.wid50{width: 50px !important}
.wid64{width: 64px !important}
.wid70{width: 70px !important}
.wid80{width: 80px !important}
.wid85{width: 85px !important}
.wid90{width: 90px !important}
.wid100{width: 100px !important}
.wid105{width: 105px !important}
.wid120{width: 120px !important}
.wid112{width: 112px !important}
.wid115{width: 115px !important}
.wid145{width: 145px !important}
.wid160{width: 160px !important}
.wid180{width: 180px !important}
.wid185{width: 185px !important}
.wid200{width: 200px !important}
.wid210{width: 210px !important}
.wid240{width: 240px !important}
.wid270{width: 270px !important}
.wid395{width: 395px !important}
.wid470{width: 470px !important}
.wid100p{width: 100% !important}




/* 찾아오시는 길 */
.map-wrap{ height: 250px; width: 1180px; border-radius: 8px; background: #eee }
.btn-wrap.map .btn-m{width: 150px !important; letter-spacing: -1px ;padding: 0 10px}
.btn-wrap.map .btn-l{width: 210px !important;   }
.map .subway01{color: #273C97; font-family:'notoKrM',sans-serif;}
.map .subway02{color: #BF7E00; font-family:'notoKrM',sans-serif;}
.map .subway03{color: #406DA6; font-family:'notoKrM',sans-serif;}


/* 센터  메인 */
.main-wrap{background-color: #f2f2f2; padding:60px 0 }
.main-lolling{width: 680px; height: 680px; position: relative;overflow: hidden;}
.main-right {position: absolute;top: 0; right: 0;}
.main-right > div{background-color: #fff;border-radius: 27px 0 0 0;height: 213px;width: 480px;padding: 28px 40px;margin-top: 20px;}
.main-right > div:first-child{margin-top: 0;}
.main-right h2{font-size: 24px; font-weight: normal; letter-spacing:-1px;}
.main-right h2 a{  color: #000; border-bottom: 1px solid #dddddd; padding-bottom: 20px; position: relative; letter-spacing: -0.08em; display: block;}
.main-right h2 a:after{content: ""; display: block; width: 22px;height: 22px;  background: url('../img/icon_main.png') 0 0 no-repeat; position: absolute; right: 0; top: 6px;}
.main-right ul{margin-top: 16px;}
.main-right ul li{margin-bottom:12px;font-size:14px;color: #333;}
.main-right ul li:before{left: 1px; top:9px; }

.main-right .top{padding:16px 28px; }
.main-right .top button{display: inline-block; height: 86px; width: 200px; font-size: 18px; color: #000; vertical-align: middle; text-align: left; padding-left: 90px;position: relative; letter-spacing: -1px ;font-family:'NotoKrL',sans-serif;}
.main-right .top p {position:relative; padding-left:10px; font-size: 18px; line-height: 24px; }
.main-right .top p::after { display:block; content:"-"; position:absolute; left:0; top:3px; font-size:12px; line-height:12px;}
.main-right .top p +p { margin-top:6px;}
.main-right .top button span{vertical-align: top;}
.main-right .top button:after{content: ""; display: block; width: 80px;height:80px;  background: url('../img/icon_menu01.png') center no-repeat; position: absolute; left: 0; top: 50%; margin-top:-40px}
.main-right .mid{height: 213px}
.main-right .bot{height: 213px;background:#0770bb;color: #fff;padding: 50px 40px;}
.main-right .phone{margin-bottom:0}
.main-right .phone li{width: 195px; display: inline-block;color: #fff;font-size:16px;margin-bottom:15px;}
.main-right .mid .list-type1 li{position: relative;}
.main-right .mid .list-type1 li a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:300px;display: block;}
.main-right .mid .list-type1 li span{position: absolute; right: 0; top: 0;font-size: 13px; color: #777}




/* 슬라이드 */
.bx-wrapper {position: relative;*zoom: 1;-ms-touch-action: pan-y;touch-action: pan-y; }
.bx-wrapper img {max-width: 100%;display: block;border-radius: 27px 0 0 0 }
.bxslider {margin: 0;padding: 0;}
ul.bxslider {list-style: none;}
.bx-viewport { -webkit-transform: translatez(0);}
.bx-wrapper { background: transparent;}
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {position: absolute;width: 100%;}
.bx-controls{z-index: 99;}
.bx-wrapper .bx-pager {text-align: center;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #fff;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 5px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.bx-wrapper .bx-pager.bx-default-pager a.active{background: #fff;width: 25px; }
.bx-wrapper .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item {  display: inline-block;  vertical-align: bottom;  *zoom: 1;  *display: inline;}
.bx-wrapper .bx-controls-auto .bx-start { display: none; text-indent: -9999px;  width: 7px;  height: 9px;  outline: 0;  background: url('../img/icon_main.png') -27px -6px no-repeat;  margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop {  display: block;  text-indent: -9999px;  width: 7px;  height: 9px;  outline: 0;  background: url('../img/icon_main.png') -46px -6px no-repeat;  margin: 0 3px;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager{width: 100%;   position: absolute; bottom:40px; left: 60px;text-align: left; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-direction{display: none }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { position: relative; display: inline-block; width: auto; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {position: relative; display: inline-block; width: auto;}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {  position: absolute;  bottom: 0;  left: 0;  background: #666;  background: rgba(80, 80, 80, 0.75);  width: 100%;}
.bx-wrapper .bx-caption span {  color: #fff;  font-family: Arial;  display: block;  font-size: .85em;  padding: 10px;}


/* 표 스크롤 */
.table-scroll thead.ir{width: 1px;height: 1px; position: absolute;top: -99999px;}
.table-scroll{border:1px solid #ddd; border-top:2px solid #bbb; letter-spacing: -1px }
.table-scroll thead th{border-top:0}
.table-scroll .scroll{height: 650px; overflow-y:scroll; }

.table-scroll.type1 td{padding:10px 10px ; word-break: break-all;line-height: 22px;}
.table-scroll.type1 th{padding:10px 5px ;}
.table-scroll.type1 .scroll tr{cursor: pointer;}
.table-scroll.type1 tr.action td{background: #f8f8f8; color:#0770bb; font-family:'notoKrM',sans-serif; font-weight: normal; }
.table-scroll.type1 .last{padding-right: 27px}
.table-scroll.type1 input[type=text]{padding:10px;width:100%}

/* 진료예약 */
.res-time {margin-top: 25px;}
.res-time td, .res-time th{text-align: center; padding:10px 5px ; line-height: 25px;word-break: keep-all;}
.res-time .scroll{height: 587px; }
.res-time .last{padding-right: 22px;}
.res-time .textL{padding-left: 15px}

/* 진료시간표  */
.dept-icon{color: #0770bb !important; font-size: 16px !important}
.center-icon{color: #e3751c !important;font-size: 18px !important}
.time-info{font-family: 'NotoKrL'; font-size: 14px; font-weight: normal; padding-top: 22px;}
.time-info > span{margin-right: 7px; margin-left:17px }

.dept-time th,  .dept-time td{padding: 10px 20px;  line-height: 20px}
.dept-time .doc_photo{width: 140px; height: 152px; margin: 20px auto 10px ;}
.dept-time .name{font-family: 'NotoKrR'; font-size: 18px; color: #000;margin-bottom: 20px }
.dept-time .text01{font-family: 'NotoKrL'; font-size: 16px; color: #333; text-align: left; padding: 0 20px 20px}
.dept-time .text02{font-family: 'NotoKrL'; font-size: 14px; color: #777; text-align: left;padding: 0 20px}
.dept-time .btn.res{border-radius: 0;  font-size: 14px; width: 88px; min-width: 88px;}
.dept-time input[type=text]{width:40px; padding: 0; text-align: center; }
.dept-time textarea{border: 1px solid #dddddd; width:100%; height: 142px;font-family: 'NotoKrL'; font-size: 14px; color: #777; padding: 17px; }

/* 특수수탁검사 파일 다운로드 */
/* 상단 */
.file-download .common-layout .download-wrap{ text-align: right; position: absolute; top: -53px; right: 0;z-index:1; }
.file-download .btn-wrap{text-align: right;}
.file-download .reader{ font-size: 14px;color: #777; margin-top: 23px; display: inline-block;}
.file-download .reader div{position: relative; display: inline-block; width: 172px; height: 38px; border: 1px solid #dddddd; color: #333;  font-family:'notoKrR',sans-serif; font-weight: normal; padding-left: 44px; border-radius: 1px;line-height: 36px; font-size: 14px; text-align: left; margin-left: 10px;letter-spacing: 0}
.file-download .reader div:after{content: ""; display: block; width: 29px; height: 29px; position: absolute; top:4px; left: 4px; background: url(../img/icon_checkup.png) no-repeat 0 0 #fff; }
/* 하단 */
.container .download-wrap{ position: relative; text-align: left; }
.container .file-download .btn-wrap{text-align: left;}
.container .file-download .btn-wrap button{width: 175px; height: 35px; font-size: 14px; padding:0;font-family:'notoKrL',sans-serif; border-radius: 6px 0 0 0  }
.container .file-download .reader{ margin-top: 10px; }

/* 특수수탁검사 - 개요*/
.summary {text-align: center; font-size: 0; letter-spacing: 0;}
.summary img{width: 326px; height: 171px; display: inline-block; margin-left: 20px;}
ul.summary {margin-top: 25px; letter-spacing: 0.04em}
ul.summary li{width: 380px;height: 70px; display:block; float: left; font-size:18px; color: #fff;font-family:'notoKrR',sans-serif; line-height: 70px;  background: #0770bb; text-align: center; margin-left: 20px; border-radius: 35px}
ul.summary li:nth-child(2){background: #e3751c; }
ul.summary li:nth-child(3){background: #199da3; }
.summary img:first-child, ul.summary li:first-child{margin-left: 0px;}
.summary:after{content: ""; display: block; clear: both;}
.summary-text p{margin-top: 25px; line-height: 25px; color: #333;  font-family:'notoKrL',sans-serif; font-weight: normal;  font-size: 16px; }
.summary-text .name{font-size: 20px; color: #000;font-family:'notoKrR',sans-serif; font-weight: normal; }

/* 특수수탁검사 - 특수수탁검사 안내 */
.flow h3 p{font-size: 24px; color: #0770bb;font-family:'notoKrM',sans-serif; font-weight: normal; display: inline-block;margin-right: 15px; position: relative; top: 3px }
.flow h3 .blueg{font-size: 24px; color: #0770bb;font-family:'notoKrM',sans-serif; font-weight: normal; display: inline-block;margin-right: 15px; position: relative; top: 3px }
.flow h3{font-size: 18px; color: #333;font-family:'notoKrR',sans-serif; font-weight: normal; }
.flow h3 span.color-style01{font-family:'notoKrL',sans-serif; }
.flow ol, .flow > p{margin:17px 0 30px 70px; }


/* 센터소개 */
.p-title{font-size:30px;margin-bottom:20px}
.p-title em,.text-style2 em{font-family: 'NotoKRM'}
.contents >.text-style2+.text-style2{margin-top:30px}
.center-pr{font-size:20px;margin-left:5px}

/* 조직도 */
.officers{text-align:center;line-height:0;}
.officers ul{display:inline-block;}
.officers ul li{margin-bottom:35px;text-align:center;width:300px;height: 120px;border-radius: 12px;background-color: #0770bb;display: table;position: relative;}
.officers ul li:first-child:before {content: '';position: absolute;left: 50%;top: 120px;height: 40px;background: #aaa;width: 2px;}
.officers ul li:nth-child(2n) {background-color:#2ca48f;}
.officers ul li:last-child{margin-bottom:0;}
.officers .officers-box{display: table-cell; vertical-align: middle; color:#fff;font-size:28px;font-family: 'NoToKrM';line-height: 28px;letter-spacing: -1px;}
.officers .officers-box span {display: block; font-size: 16px; line-height: 16px;margin-top: 15px;}
.jojic-line{position:relative;border-bottom:2px solid #aaa;height:100px;width:924px;margin:0 auto;}
.jojic-line:before{content:'';position:absolute;left:50%;top:0;bottom:0;display:inline-block;width:2px;background: #aaa;}
.jojic-part-wrap{width:1100px;margin:0 auto;font-size:0}
.jojic-part-wrap::after{content: ""; display: block; clear: both;}
.jojic-part{position:relative;display:block;float: left; margin-right:280px;border:1px solid #ddd;margin-top:20px;width:180px;text-align:center;font-family: 'NotoKrR';vertical-align: top;letter-spacing: -1px;}
.jojic-part:last-child{margin-right:0;}
.part-top{position:relative;background:#757a85;color:#fff;min-height:60px;padding-top: 16px;font-size:18px}
.jojic-part:first-child:before {margin-left: -2px;}
.jojic-part:before{content:'';position:absolute;left:50%;top:-21px;height:21px;display:inline-block;width:2px;background: #aaa;}
.part-list{font-size:16px;color:#777;height: 100px;box-sizing: border-box;padding: 12px 0 12px 40px;}
.part-list li{position: relative;width:100%;text-align:left;padding-left: 10px;}
.part-list li:after {content: '';width: 3px;height: 3px;position: absolute;background-color: #c8c8c8;top: 12px;left: 0;}
.part-tel{width:158px;border-top:1px solid #eee;padding:21px 0;color:#000;font-size:18px;line-height: 18px; margin:0 auto;}

/* 교수직통 Hotline */
.hotline-wrap{position:relative;border:1px solid #ddd;border-radius:4px;width:100%;height:300px;margin-top:30px;margin-bottom:30px;}
.hotline-wrap .box-gra-round{width: 220px; height: 220px;}
.hotline-wrap .box-gra-round:before {content: '';position: absolute;background: url('../img/img_hotline.png') no-repeat;}
.hotline-wrap .box-gra-round.first-box:before {width: 62px;height: 89px;top: 27px;left: 77px;background-position: -8px -8px;}
.hotline-wrap .box-gra-round.second-box:before {width: 82px;height: 89px;top: 27px;left: 69px;background-position: -8px -112px;}
.hotline-wrap .box-gra-text {top: 71%;}
.first-box{position:absolute;right:49%;top:40px;margin-right:190px;}
.second-box{position:absolute;left:49%;top:40px;margin-left:190px;}
.first-text{position:absolute;right:48%;top:75px;margin-right:-55px;color:#333;line-height: 25px;font-size:16px;}
.second-text{position:absolute;left:47%;bottom:78px;margin-left:-90px;color:#333;line-height: 25px;font-size:16px;text-align: center;}
.hotline-textbox:before {content: '';width: 239px;height: 13px;position: absolute;background: url('../img/img_hotline.png') no-repeat;}
.hotline-textbox.first-text:before{background-position:-104px -10px;top:25px;left: -36px;}
.hotline-textbox.second-text:before{background-position:-104px -70px;top:-12px;left: 7px;}

/* 협력의료기관 개요 및 협약체결 절차 */
.process-wrap{margin-top:50px;}
.process-wrap .box-gra-round{width:160px;height:160px;vertical-align: middle}
.process-nextarr{display:inline-block;width:12px;height:20px;vertical-align: middle;margin:0 10px;}
.process-nextarr:before{content:'';display:inline-block;width:12px;height:20px;background: url('../img/arr_processnext.png') 0 0 no-repeat}


/* referral system  */
/* referral system : 의뢰환자 결과조회 */
.input-term input[type=text]{float:left;width:calc(50% - 10px) !important}
.term-dash{float:left;display:inline-block;width:20px;text-align: center;line-height:40px}
.lookup-top:after{content:'';display:block;clear:both;}
.lookup-input{float:left;width:480px;}
.lookup-input table td{padding-right:30px;}
.lookup-input table input[type=text]{width:100%;}
.lookup-select{float:right;width:680px;}
.lookup-input .btn-wrap{margin-top:10px;}
.lookup-input .btn-wrap .btn{width:calc(50% - 5px);margin-left:6px}
.lookup-input .btn-wrap .btn:first-child{margin-left:0;}
.lookup-text{margin-top:12px;}
.lookup-text .list-type1 >li{font-size:14px;color:#777;line-height:1.3;letter-spacing: -0.1px;}
.lookup-text .list-type1 >li:before{content:'*';background: none;top:5px;}
.lookup-select .table-scroll .scroll{height:250px;}
.lookup-select .table-scroll .scroll.recall {height: 345px;}
.lookup-select .table-scroll .scroll tbody tr td {padding: 9px 10px !important; height: 40px !important;}
.lookup-select .table-scroll .table.thead thead tr th {height: 40px !important;}
.lookup-result{border-top:1px solid #ddd;margin-top:45px;padding-top:30px;}
.lookup-result .tablist-type2 a{min-width:107px;}
.lookup-result .btn-wrap2 .btn{border:1px solid #aaa;border-radius:4px;background:#fff;color:#777;height:30px;font-size:14px}
.result-title{font-size:20px;color:#000;font-family: 'NotoKrR';}
.result-smalltext{margin-top:14px}
.lookup-result .tab-wrap{margin-top:30px;}
.result-table-wrap{margin-top:10px;}
.result-table-wrap table th,.result-table-wrap table td{padding:18px 0;}
.result-table-wrap table th.textL,.result-table-wrap table td.textL{padding: 18px 20px;}
.result-table-wrap .table-type1 tbody tr{cursor:pointer;}
.result-table-wrap .table-type1 tr.active td,.result-table-wrap .table-type1 tr:hover td,.result-table-wrap .table-type1 tr.action td{background: #f8f8f8;color:#0770bb;font-family: 'NotoKrR';}
.num-up{color:#cd0e0e}
.num-up:after{content:'';display:inline-block;width:7px;height:14px;background: url('../img/arr_up.png') left top no-repeat;margin-left:5px;vertical-align:middle;}

.num-down:after{content:'';display:inline-block;width:7px;height:14px;background: url('../img/arr_down.png') left top no-repeat;margin-left:5px;vertical-align:middle;}
.tabpanel-sub.lookup .result-smalltext{font-size:14px;}

/* referral system : 회송환자 결과조회 */
.lookup-result.refer04 .tab-wrap a{width:calc(100% / 10);}

/* referral system : 약어검색 */
.pagesearch-input{margin-bottom:30px;}
.pagesearch-input table td{padding:0 30px;}
.pagesearch-input .btn-wrap .btn{width:235px;}
.pagesearch-filter li{float:left;margin-right:5px;}
.filter-btn{width:35px;height:35px;border:1px solid #dfdfdf;border-radius:100%;font-size:16px;color:#777;}
.filter-btn.type2{width:57px;border-radius:35px}
.filter-btn.active{background:#199da3;color:#fff;border-color:#199da3}
.pagesearch-filter-wrap:after{content:'';display:block;clear:both;}
.pagesearch-filter-wrap{margin-top:10px;margin-bottom:10px;}

/* referral system : 진료예약신청 */
.refer-reserve-top{text-align: center;line-height:1;}
.refer-reserve-top .box-gra-round{width:250px;height:150px;border-radius:10px;padding:4px;vertical-align: middle}
.refer-reserve-top .box-gra-round div{border-radius:6px}
.refer-reserve-top .process-nextarr{width:76px}
.refer-reserve-bottom .table-type4 input[type=text]{}
.text-side{margin:0 10px 0 30px;font-size:16px;color:#333}

/* referral system : 진료의뢰서 */
.referpop-title-wrap{height:118px;padding:20px 30px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.referpop-title{color:#0770bb;font-size:40px;font-family: 'NotoKrR';float:left;}
.referpop-right{float:right;text-align:right;}
.referpop-info{font-size:14px;color: #333;}
.referpop-info li{margin-bottom:8px;}
.referpop-text{font-size:16px;color:#000;font-family: 'NotoKrR';}
.referpop-text + .referpop-text{margin-left:30px}
.referpop-text2{font-size:18px;color:#000;font-family: 'NotoKrR';margin-top:10px}
.referpop-text2 + .referpop-p{margin-top:18px}
td .referpop-p:last-child{margin-bottom:10px;}
.referpop-cont-wrap {border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.referpop-cont-wrap .table th{text-align:center;padding:0 10px; height: 48px !important;}
.referpop-cont-wrap .table tr:last-child td{border-bottom:0;}
.referpop-cont-wrap .table tr.disease {height: 120px !important;}
.referpop-cont-wrap .table tr.condition {height: 450px !important;}
.referpop-cont-wrap .table tr.condition td {vertical-align: top; background: url(../img/form_bg.png) no-repeat center;}
.referpop-cont-wrap .table tr.condition .referpop-text2 {text-decoration: underline;}
.referpop-cont-wrap .table tr.condition .referpop-p {line-height: 22px;}
.referpop-cont-wrap .table td{padding:10px 20px; height: 48px !important;}
.referpop-cont-wrap .table.table-type2 td:nth-child(2){border-left:1px solid #eee;}
.referpop-cont-wrap .table.table-type2 th+th,.referpop-cont-wrap .table.table-type2 td+th{border-left:1px solid #eee;}
.referpop-list li{margin-bottom:7px;font-size:14px;line-height:1.4;color:#777;}
.referpop-box{margin-top:20px;margin-bottom:15px;}
.referpop-box:after{content:'';display:block;clear:both;}
.referpop-box .checkbox label {color:#333;}
.referpop-logo{display:inline-block; width: 125px;height: 30px;background: url('../img/logo_gray.png') 0 0px no-repeat}
.referpop-bottom{overflow: hidden; margin-top:15px;text-align: center;color:#000;font-size:18px;font-family: 'NotoKrM'}
.referpop-bottom-right{color:#777;font-size:14px;font-family: 'NotoKrL'}
.referpop-nemo{border:1px solid #777;width:12px;height:12px;display:inline-block;margin-right:4px;vertical-align: middle}
.referpop-signature{float:right;font-size:14px;}
.signature-name{display:inline-block;margin-right:15px;}
.signature-rel{min-width:79px;display:inline-block; margin-left: 5px}
.signature-item +.signature-item{margin-left:25px;}
.referpop-addtext{color:#0770bb;font-size:14px;}

/* agree */
.agree-area .title-style4 + .title-style5{margin-top:10px;}
.agree-area .title-style5 .acc {color: #cd0e0e; vertical-align: top;}


/* 로그인 */
.login-box{width: 980px; height: 620px; margin:100px auto 0;  border:1px solid #dddddd; border-radius: 8px; text-align: center;letter-spacing:-0.07em;}
.login-box p{text-align: center;}
.login-box .title-style2{ margin-top: 95px;}
.login-box .login-text02{color: #777; font-size: 18px; margin-top: 20px;}
.login-box .login-text03{color: #777; font-size: 16px; margin-top: 80px;}
.login-box .input-wrap{width: 715px;  position: relative;margin: 50px auto 0;}
.login-box .input-wrap:after { display: block; content: ""; }
.login-box .input-wrap input[type=text], .login-box .input-wrap input[type=password]{ height: 60px; width: 573px; display: block; margin-bottom: 10px; font-size: 16px }
.login-box .input-wrap .btn{position: absolute; top: 0; right: 0; width: 130px; height: 130px; font-size: 18px; }
.login-box .btn-wrap{margin-top: 30px; }
.login-box .btn-wrap .btn{width: 200px; height: 50px; letter-spacing:-0.08em;}

/* 회원가입쪽 타이틀 */
.member-wrap .title-style2{text-align: center;}
.member-wrap .text-style2{font-size: 18px; color: #777; margin-top: 12px;text-align: center;}
.member-wrap .text-style1{ color:#333; font-family:'NotoKrDL';text-align: center; margin-bottom: 80px;text-align: center;}
.member-wrap .text-style1.line{line-height: 26px; margin-bottom: 75px;}
.member-wrap .text-style1 .acc{color:#e3751c ; vertical-align: bottom;font-family:'notoKrM',sans-serif;}
.member-wrap .text-style4.pw-reset{width: 580px; display: block; margin:10px auto 30px; line-height: 22px; position: relative; padding-left: 8px; }
.member-wrap .text-style4.pw-reset .acc{position: absolute; top: 3px; left: 0px}

/* 아이디 및 비밀번호찾기 타이틀 */
.pagetitle-wrap.along{ margin-bottom: 30px; }

/* 회원가입 절차 안내 */
.step-wrap{ letter-spacing:-0.04em; margin:0 auto; width: 612px; margin: 3px auto 30px;}
.step-wrap li{display:inline-block;padding:0px;text-align:center; position:relative; width: 72px;margin-left:105px;}
.step-wrap li:before{ content: ''; position: absolute; ;left: -114px; top: 15px; width: 123px;    height: 2px;  background:url('../img/icon_dot_line.png') }
.step-wrap li:first-child{ margin-left: 0;}
.step-wrap li:first-child:before{  content:'';display:none;}
.step-wrap li .txt{font-size: 20px; margin-top: 10px; display: inline-block; color: #777}
.step-wrap li .StepNum{width: 30px; height: 30px; color: #fff; background: #777; font-size: 16px;font-family:'notoKrM',sans-serif; display: block; border-radius: 30px; line-height: 28px; font-weight: normal; margin:0 auto;}
.step-wrap li.stepOn .txt{color: #0770bb; font-family:'notoKrM',sans-serif;}
.step-wrap li.stepOn .StepNum{ background: #0770bb; font-weight: normal;}

/* 회원가입 절차 안내 - 어린이 회원절차 */
.step-wrap.style2{width: 792px;}
.step-wrap.style2 li:first-child{position: relative; height: 60px}
.step-wrap.style2 li:first-child .txt{position:relative; top: 0px; width: 170px; left:-50px;}


/* 회원가입 */
.member-wrap .btn-wrap{ width: 880px; margin:50px auto 80px; }
.member-wrap .btn-wrap .btn-big{ width: 280px; height: 340px ;background-color: #fff; border:3px solid #dddddd; color: #333; font-size: 24px; cursor: pointer; border-radius: 25px 0 0 0; position: relative;}
.member-wrap .btn-wrap .btn-icon{ margin: 0 auto;  width: 145px; height: 125px;background:url('../img/icon_join.png') no-repeat; margin-bottom: 27px;}
.member-wrap .btn-wrap .normal .btn-icon{ background-position: -145px 0; }
.member-wrap .btn-wrap .child .btn-icon{ background-position: -145px  -125px;}
.member-wrap .btn-wrap .foreigner .btn-icon{ background-position: -145px -250px;}
.member-wrap .btn-wrap .phone .btn-icon{ background-position: -145px -515px;height: 140px;margin-bottom: 32px;}
.member-wrap .btn-wrap .ipin .btn-icon{ background-position: -145px -375px;height: 140px;margin-bottom: 32px;}
.member-wrap .btn-wrap .btn-big {margin-left:16px;}
.member-wrap .btn-wrap .btn-big:first-child{margin-left:0px;}
.member-wrap .btn-wrap .btn-big .check-icon{width: 35px; height: 35px; position: absolute; top:20px; left: 20px; }
.member-wrap .btn-wrap .btn-big .b-text{ font-size:24px; ;color:#333; font-family:'NotoKrM'}
.member-wrap .btn-wrap .btn-big .s-text{ font-size:16px; ;color:#777; font-family:'NotoKrL'}
.member-wrap .btn-wrap .btn-big:hover, .member-wrap .btn-wrap .btn-big:focus{color: #fff;background: #199da3; border:0;
	background: -moz-linear-gradient(-45deg, #199da3 0%, #199da3 31%, #0b79b6 100%);
	background: -webkit-linear-gradient(-45deg, #199da3 0%,#199da3 31%,#0b79b6 100%);
	background: linear-gradient(135deg, #199da3 0%,#199da3 31%,#0b79b6 100%); }
.member-wrap .btn-wrap .normal:hover .btn-icon, .member-wrap .btn-wrap .normal:focus .btn-icon{ background-position: 0px 0px; }
.member-wrap .btn-wrap .child:hover .btn-icon, .member-wrap .btn-wrap .child:focus .btn-icon{ background-position: 0px -125px;}
.member-wrap .btn-wrap .foreigner:hover .btn-icon, .member-wrap .btn-wrap .foreigner:focus .btn-icon{ background-position: 0px -250px;}
.member-wrap .btn-wrap .phone:hover .btn-icon, .member-wrap .btn-wrap .phone:focus .btn-icon{ background-position: 0px -515px;}
.member-wrap .btn-wrap .ipin:hover .btn-icon, .member-wrap .btn-wrap .ipin:focus .btn-icon{ background-position: 0px -375px;}
.member-wrap .btn-wrap .btn-big:hover .check-icon, .member-wrap .btn-wrap .btn-big:focus .check-icon{background:url('../img/icon_components.png') no-repeat 0 -83px;}
.member-wrap .btn-wrap .btn-big:hover .s-text, .member-wrap .btn-wrap .btn-big:focus .s-text{color:#fff; }
.member-wrap .btn-wrap .line1 .btn-icon{ margin-bottom: 47px; margin-top: 3px; display: block;}


/* 회원가입 완료  */
.member-wrap .join-finish{width: 980px; height: 452px; margin: 80px auto 40px; padding-bottom: 70px; border:1px solid #ddd; border-radius: 8px}
.member-wrap .join-finish .finish-icon{width:152px; height: 145px;  background: url(../img/icon_err.png) no-repeat -1px -347px ;margin: 77px auto 0; }
.member-wrap .join-finish .finish-tit{font-size: 30px; line-height: 37px; color: #000; text-align:center; margin:25px 0 16px}
.member-wrap .join-finish .finish-cont{font-size: 18px; color: #777; text-align:center;}

/* 아이디 및 비밀번호찾기 */
.member-wrap .find-id-result li > div{ width: 277px; height: 280px; display: table-cell; vertical-align: middle; color: #333; font-size: 20px; background: #f8f8f8; border-radius: 12px 0 0 0; text-align: center;}
.member-wrap .find-id-result li{display: inline-block; margin-left: 20px;}
.member-wrap .find-id-result li:first-child  {margin-left: 0px;}
.member-wrap .find-id-result li .res{color: #000; font-size: 28px;  font-family:'notoKrM',sans-serif; margin-top: 33px; font-weight: normal}
.member-wrap .pw-find-input{width: 580px; height: 50px !important; display: block; margin:0 auto }


/* error */
.error-box{width: 980px; margin: 100px auto 50px; padding-bottom: 70px; border:1px solid #ddd; border-radius: 8px}
.error-box .box-top-logo{background: url(../img/err_logo.png) no-repeat center 16px #ddd; height: 60px; border-radius: 6px 6px 0 0}
.error-box .err-icon{width:152px; height: 145px;  background: url(../img/icon_err.png) no-repeat -1px -2px ;margin: 56px auto 0; }
.error-box .err-icon.err-icon-bg2{background-position:-1px -174px }
.error-box .err-icon.err-icon-bg3{background-position:-1px -524px }
.error-box .err-tit{font-size: 30px; line-height: 37px; color: #000; text-align:center; margin:22px 0 20px}
.error-box .err-tit.err-tit-mr{padding-top: 42px}
.error-box .err-cont{font-size: 16px; line-height: 25px; color: #777; text-align:center;}
.error-box .err-cont.big{font-size: 18px;}
.error-box .err-info{ padding: 30px 0; font-size: 16px;background-color: #f5f5f5; width: 780px; margin: 45px auto 0; text-align: center;font-family: 'NotoKrR'; color: #0770bb}
.error-box .err-info .err-info-tit{display: block;color: #000; font-size: 18px; margin-bottom: 20px}
.error-box .err-banner .bowser-list{ margin:53px auto 0; display:table;}
.error-box .err-banner .bowser-list li{text-align: center; width: 130px;display:table-cell;padding:60px 28px 0;text-align:center;position:relative; background: url(../img/icon_err_browser.png) no-repeat;}
.error-box .err-banner .bowser-list li:first-child{padding-left:0}
.error-box .err-banner .bowser-list li:last-child{padding-right:0;}
.error-box .err-banner .bowser-list li:last-child:after{content:'';display:none;}
.error-box .err-banner .bowser-list .bow-cr{background-position: 40px 0px;}
.error-box .err-banner .bowser-list .bow-in{background-position: -120px 0px;}
.error-box .err-banner .bowser-list .bow-sa{background-position: -305px 0px;}
.error-box .err-banner .bowser-list .bow-fi{background-position: -492px 0px;}
.error-box .err-banner .bowser-list .bow-op{background-position: -678px 0px;}
.error-box .err-banner .bow-name{color: #000; font-size: 16px; line-height: 30px; font-family: 'NotoKrR';}
.error-box .err-banner .bow-ver{color: #777; font-size: 14px;}
.error-box .err-banner .err-banner-btn{ display: inline-block; letter-spacing: -1px; line-height: 26px; background-color: #fff;width: 130px; height: 30px; border-radius: 30px; border:1px solid #aaa ;color: #777; font-size: 14px; margin-top:20px }
.error-box .err-banner .err-banner-btn:hover, .error-box .err-banner .err-banner-btn:focus{background-color: #0770bb;border:1px solid #0770bb ; color: #fff;}

/* input-size */
.input-size1{width:390px !important;}

/* referral : 둘러보기 */
.refer-toptext{color:#0770bb;margin-bottom:14px}
.tour-wrap{border:1px solid #ddd;border-radius:3px;padding:48px;text-align: center;}

/* 판독결과 이미지 보기 */
.popup-img-box p{font-size: 32px; font-family: 'NotoKrM'; color: #333; margin: 20px 0}
.popup-img-box span{color: #0770bb}
.popup-img-box .bx-controls{position: absolute; top: 5px; right: 0;}
.popup-img-box .bx-controls-direction a{display: inline-block; width: 50px; height: 50px; background: #eee; position: relative; margin-left: 1px;}
.popup-img-box .bx-controls-direction a::after{content:""; display: block; width: 9px; height: 15px; background:url('../img/icon_components.png') no-repeat -56px -95px; position: relative; top: 18px; left: 20px;;}
.popup-img-box .bx-controls-direction .bx-prev{}
.popup-img-box .bx-controls-direction .bx-next::after{background-position: -91px -95px;}

.star{position: relative; top: 3px;}

/* 이용약관 및 개인정보 */
.agree-text {color: #777; letter-spacing: -1px; word-break: keep-all;}
.agree-text h2{font-size: 20px; color: #000; font-family: 'NotoKrM'; font-weight: normal; margin-bottom: 20px; margin-top: 50px}
.agree-text h3{font-size: 16px; color: #333;font-family: 'NotoKrR'; font-weight: normal; margin: 20px 0 10px;}
.agree-text p{ line-height: 25px; font-size: 16px; }
.agree-text ul li{font-size: 16px; color: #777; line-height: 25px;position: relative; margin-bottom: 6px;}
.agree-text ul li span{}
.agree-text ul.type1 li{padding-left: 8px; }
.agree-text ul.type1 li:after{content: ""; display: block; position: absolute; width: 4px; height: 1px; left: 0; top: 12px;  border-color: #777  }
.agree-text ul.type1 ul{margin-top: 5px}
.agree-text ul.type1 ul li{font-size: 14px;margin-bottom: 0px;padding-left: 10px; }
.agree-text ul.type1 ul li:after{width: 2px; height: 2px; left: 4px; top: 12px; background: #b5b5b5  }
.agree-text ul.type2 li{padding-left: 8px; color: #0770bb;}
.agree-text ul.type2 li a{border-bottom: 1px solid #fff; display: inline-block;}
.agree-text ul.type2 li:hover a{border-bottom: 1px solid #0770bb;}
.agree-text ul.type2 li:after{content: ""; display: block; position: absolute; width: 4px; height: 1px; left: 0; top: 15px; background: #0770bb  }
.agree-text ul.type3 > li{padding-left: 20px;}
.agree-text ul.type3 li span{position: absolute;left: 0;}
.agree-text ul.type3 ol{padding-left: 12px; margin-top: 5px;}
.agree-text ul.type3 ol li{font-size: 14px;margin-bottom: 0px; list-style-type:decimal;}

.agree-text .text-top{font-size: 20px; color: #333; font-weight: normal; line-height: 28px; text-align: center;}
.agree-text .text-top span{color:#00b0f0; font-family: 'NotoKrM'; font-weight: normal; }
.agree-text .text-top span:nth-child(2){color:#4fc54b }
.agree-text .text-top span:nth-child(3){color:#e88547 }

.agree-text .text-style2:first-child + h2{margin-top: 30px}
.agree-text ul + .text-style2 {margin-top: 15px}
.agree-text p + ul {margin-top: 10px}

/* 에디터 적용 */
.edit-wrap {padding:20px }
.edit-wrap h2 strong{margin: 20px 0 10px; display: block;}
.edit-wrap img{margin:  10px 0;}
.edit-wrap ul{text-align:left;}
.edit-wrap ul > li{padding-left:10px;font-size:16px;position: relative;margin-bottom:7px; line-height: 16px}
.edit-wrap ul > li:before{content:'';display:inline-block;position:absolute;left:0;top:8px;margin-top:-1px;;width:3px;height:3px;background: url('../img/icon_list.png') left top no-repeat}
.edit-wrap ul li ul{text-align:left;margin-top:7px;padding-bottom:1px;}
.edit-wrap ul li ul li{font-size:16px;position: relative;margin-bottom:6px;color:#777;}
.edit-wrap ul li ul li ul li{font-size:14px; padding-left: 10px;}
.edit-wrap ol, .edit-wrap ul{list-style-position: inside}
.edit-wrap li{list-style-type: none !important}
.edit-wrap ol.bullet li{list-style-type: decimal !important;}

.edit-wrap .bullet li{padding-left:10px;font-size:16px;position: relative;margin-bottom:7px; line-height: 16px}
.edit-wrap .bullet li:before{content:'';display:inline-block;position:absolute;left:0;top:8px;margin-top:-1px;;width:3px;height:3px;background: url('../img/icon_list.png') left top no-repeat}

.edit-wrap table {border-collapse:collapse !important;  width: 100%; margin:  10px 0; }
.edit-wrap table th{font-size: 16px; font-family: 'NotoKrR'; font-weight: normal; color: #000000 ; padding: 0;text-align:center; background-color: #f6f6f6; height: 70px; border-right: 0; border-left: 1px solid #eee; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.edit-wrap table th:first-child, .edit-wrap table td:first-child{ border-left: 0 }
.edit-wrap table td{font-size: 16px; font-family: 'NotoKrL'; text-align: center; font-weight: normal; color: #777777;  padding: 0 20px ; border-right: 0; border-left: 1px solid #eee; border-bottom: 1px solid #eee; border-top: 0; background-color:#fff;  height: 60px;}

/* loading */
.loading-full{ position: fixed; top:0; left: 0; width: 100%; height: 100%;background-color: #fff; opacity: 0.8; z-index: 9999}
.loading-full .loading{ position: absolute; top: 45%; left: 50%; transform: translateY(-50%) translateX(-50%) ;-webkit-transform: translateY(-50%) translateX(-50%) ;-webkit-transform: translateY(-50%) translateX(-50%) ;-webkit-transform: translateY(-50%) translateX(-50%) ; z-index: 10000;  }
 .loading .loading-icon {background: transparent; width: 78px; height: 78px; position: relative; margin: 0 auto; }
 .loading .loading-icon:after { display: block; content: ""; border-radius: 50%;	height: 10px; width: 10px; position: absolute; margin: auto; left: 0; top: 0; right: 0; bottom: 0; box-shadow: 0px	-32px 0 1px #0873ba, 16px -28px 0 1px #0a76b8, 28px -16px 0 1px #0c7ab5, 32px 0px 0 1px #0d7fb4, 28px 16px 0 1px #0f83b0, 16px 28px 0 1px #1188ae, 0px 32px 0 1px #138dac, -16px 28px  0 1px #1491aa, -28px	16px  0 1px #1696a7, -32px	0px 0 1px #1799a5, -28px -16px 0 1px #189ca4, -16px	-28px 0 1px #0770bb; -webkit-animation: rotate 1.1s steps(12) infinite; -o-animation: rotate 1.1s steps(12) infinite; animation: rotate 1.1s steps(12) infinite;}
 .loading .text-style4{line-height: 17px; margin-top:30px; text-align: center;}

  @keyframes rotate {
	from {
	  transform: rotate(0deg);
	}
	to {
	  transform: rotate(360deg);
	}
  }


/* 인사말 */
.greet-wrap{display: block;overflow: hidden;}
.greet-wrap .greet-left{float:left;width:430px;}
.greet-wrap .greet-left .greet-photo img{width: 430px; display: block;}
.greet-photo .photo-name {float: right; text-align: right; margin-top: 10px;}
.greet-photo .photo-name .name {font-family:'notoKrM',sans-serif; font-size: 30px; color: #000; margin-top: 5px;}
.greet-wrap .greet-right{float:left;width:700px; margin-left: 50px;}
.greet-cont{overflow: hidden}
.greet-cont .title-style2{letter-spacing: -1.5px;line-height: 37px;margin-top: -7px;}
.greet-cont .text-style2{line-height: 25px;padding-top: 24px;letter-spacing: -0.8px;}
.greet-cont .title-style2+.text-style2 {padding-top: 19px;}

/* 체결신청서 */
.input-add.app input[type=text] {width: 350px !important;}
.table-type4.app > tbody > tr > th {padding-left: 20px}
.table-type4.app > tbody.tdcenter > tr > td {padding: 0 20px;}
.table-type1.app th {padding: 0 10px}
.table-type1.app .radio {margin-right: 0; margin-left: 10px;}
.table-type1.app .input-num .phoneNum {width: 65px !important;}
.table-type2.app .input-num .phoneNum {width: 79px !important;}
.table-type2.app input[type=text] {width: 100%}

/* 진료과/의료진 - 진료과 상세 - 의료진 */
.doc-list::after{content:"";display:block;clear:both;}
.doc-list { display:flex; justify-content:center; flex-wrap:wrap;}
.doc-list .doc-box{width:280px;height:500px;border:1px solid #dddddd;position:relative;text-align:center;display:block;margin-bottom:20px;margin-left:20px;float:left;vertical-align:top}
.doc-list .doc-box a{position:relative;display:block;}
.doc-list .doc-box:nth-child(4n+1){margin-left:0px;}
.doc-list .doc-box .doc_photo{width:180px;height:196px;margin:20px auto 10px;display:block;}
.doc-list .doc-box .dept{font-size:20px;color:#000;height:60px;width:240px;border-bottom:1px solid #dddddd;display:table;margin-left:20px;line-height:22px;}
.doc-list .doc-box .dept span{display:table-cell;vertical-align:middle;}
.doc-list .doc-box .name{font-family:'notoKrM', sans-serif;font-size:22px;color:#000;margin-bottom:20px;}
.doc-list .doc-box .name .sub { font-size:16px;}
.doc-list .doc-box .text01{font-size:16px;line-height:20px;margin-bottom:15px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;max-height:40px;padding:0 20px}
.doc-list .doc-box .text02{font-size:14px;color:#777;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;max-height:40px;padding:0 20px;}
.doc-list .doc-box .btn{width:228px;height:50px;border-radius:0;position:absolute;bottom:0;left:0;-ms-user-select:none;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;user-select:none;}
.doc-list .doc-box .mydoc{width:50px;height:50px;position:absolute;bottom:0;right:0;border-top:1px solid #dddddd;}
.doc-list .doc-box .mydoc>div{position:relative;display:inline-block;vertical-align:middle;width:50px;height:50px;}
.doc-list .doc-box .mydoc input[type=checkbox]{position:absolute;left:0;top:0;}
.doc-list .doc-box .mydoc label{display:inline-block;position:relative;padding-left:35px;min-width:50px;min-height:50px;line-height:25px;color:#777;}
.doc-list .doc-box .mydoc label:before{content:'';position:absolute;left:0;top:0;display:inline-block;width:48px;height:48px;background:url(../img/icon_contents.png) no-repeat 16px -121px #fff;cursor:pointer;z-index:10;}
.doc-list .doc-box .mydoc input[type=checkbox]:checked+label:before{background-position:-24px -121px;}
.doc-list.style2 .doc-box{height:488px;}
.doc-list.style2 .doc-box .doc_photo{margin-top:10px}

/* 진료과/의료진 - 의료진 상세 */
.docter-wrap{height: 360px;width:100%;background:url(../img/docter_bg.jpg) repeat-x top center;}
.docter-wrap .doc_photo{/* width:580px; */height: 360px;float:left;}
.docter-wrap .time-info { padding-top:0;}
.docter-wrap .docter-cont{width:1180px;margin:0 auto;position:relative;}
.docter-wrap .docter-cont .doc-time{width:480px;position:absolute;top: 27px;right:100px;}
.docter-wrap .docter-cont .doc-time .dept{font-family:'NotoKrL';font-size: 16px;color:#444;margin-bottom: 10px; display:inline-block; font-weight: bold;}
.docter-wrap .docter-cont .doc-time .name{font-family:'NotoKrM';font-size: 33px;color:#000;margin-bottom: 25px; letter-spacing: 1.5px}
.docter-wrap .docter-cont .doc-time .mydoc{width:45px;height:45px;position:absolute;top:63px;right:0;}
.docter-wrap .docter-cont .doc-time .mydoc>div{position:relative;display:inline-block;vertical-align:middle;width:50px;height:50px;}
.docter-wrap .docter-cont .doc-time .mydoc input[type=checkbox]{position:absolute;left:0;top:-1000px;}
.docter-wrap .docter-cont .doc-time .mydoc label{display:inline-block;position:relative;padding-left:35px;min-width:50px;min-height:50px;line-height:25px;color:#777;}
.docter-wrap .docter-cont .doc-time .mydoc label:before{content:'';position:absolute;left:0;top:0;display:inline-block;width:45px;height:45px;background:url(../img/icon_contents.png) no-repeat -43px 0;cursor:pointer;z-index:10;}
.docter-wrap .docter-cont .doc-time .mydoc input[type=checkbox]:checked+label:before{background-position:-95px 0}
.docter-wrap .docter-cont .doc-time .table{margin-top:10px}
.docter-wrap .docter-cont .doc-time .table th{height: 21px;background:transparent;border:0;border-bottom:1px solid #9f9a94;border-top:2px solid #000;font-family:'NotoKrR';font-size:16px; padding: 8px 5px}
.docter-wrap .docter-cont .doc-time .table td{height: 23px;background:transparent;border:0;border-bottom:1px solid #9f9a94;font-family:'NotoKrR';font-size:16px;color:#333;padding:10px 5px;}
.docter-wrap .docter-cont .doc-time .dept-icon{font-size:14px !important;}
.docter-wrap .docter-cont .doc-time .center-icon{font-size:16px !important;}
.docter-wrap .docter-cont .doc-time .etc{margin-top:10px;font-size:14px;color:#000;}
.docter-wrap .docter-cont .doc-time .btn-wrap{margin-top:20px}
.docter-wrap .docter-cont .doc-time .btn{width:480px !important;width:50px;}
.profile ul{border-top:1px solid #bbb;margin-top:10px;margin-bottom:50px;}
.profile ul li{font-family:'NotoKrL';font-size:16px;border-bottom:1px solid #eeeeee;vertical-align:middle;line-height:25px;padding:12px 0 12px 215px;position:relative;}
.profile ul li p{font-family:'NotoKrR';font-size:16px;width:170px;position:absolute;left:30px;}

/* 조직구성 */
.org-wrap {text-align: center;position: relative;}