@charset "utf-8";

/* ----- 공통 layout ----- */
/* skip navi */
.skip{position:relative;z-index:100;}
.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;}

.scrollOff{position:fixed;overflow:hidden;height:100%;}

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

.fl-l{float:left;}
.fl-r{float:right;}
.fl-c:after{content:'';display:block;clear:both;}

.item{margin-left:10px;}

/* color */
.color-style1{color:#0770bb;}
.color-style2{color:#2ca48f;}
.color-style3{color:#e3751c;}
.color-style4{color:#777;}
.color-style5{color:#199da3}
.color-style6{color:#cd0e0e}

/* 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;}


/* 마진 */
.mart0{margin-top:0 !important;}
.mart15{margin-top:15px;}

/* icon */
.icon{display:inline-block;font-size:0;}
.icon:before{content:'';display:inline-block;background:url('../img/icon_common.png') left top no-repeat;background-size:300px 300px;}

.icon.icon-arrup:before{width:23px;height:22.5px;}
.icon.icon-tel:before{width:24.5px;height:24.5px;background-position:0 -50px;}
.icon.icon-location:before{width:36px;height:25px;background-position:0 -100px;}
.icon.icon-plus:before{width:27.5px;height:27.5px;background-position:0 -150px;}
.icon.icon-x:before{width:20.5px;height:20.5px;background-position:0 -200px;}
.icon.icon-calen:before{width:24.5px;height:25.5px;background-position:-50px 0px;}
.icon.icon-sche:before{width:23px;height:29.5px;background-position:-50px -50px;}
.icon.icon-steth:before{width:27.5px;height:25px;background-position:-50px -100px;}
.icon.icon-person:before{width:25px;height:28px;background-position:-50px -150px;}
.icon.icon-cscenter:before{width:35px;height:31.5px;background-position:-50px -200px;}
.icon.icon-prev:before{width:9px;height:16.5px;background-position:-100px -100px;}
.icon.icon-next:before{width:9px;height:16.5px;background-position:-100px -150px;}
.icon.icon-enlarge:before{width: 45px;height: 69px;background-position:-100px -200px;background-size: 300px 300px;
}

.icon.icon-i{position:relative;}
.icon.icon-i:before{width:20.5px;height:20.5px;background-position:-100px 0}
.icon.icon-do:before{background:url('../img/icon_do.png') left top no-repeat;width:114px;height:106px;background-size:114px 106px}
.icon.icon-not:before{background:url('../img/icon_not.png') left top no-repeat;width:114px;height:106px;background-size:114px 106px}

.icon.icon-phone{height:46px;}
.icon.icon-phone:before{background:url('../img/icon_member.png') left top no-repeat;background-size:300px 200px;width:30px;height:46px;}
.icon.icon-ipin{height:41px;width:42px;}
.icon.icon-ipin:before{background:url('../img/icon_member.png') -50px top no-repeat;background-size:300px 200px;width:42px;height:41px;}
.icon.icon-person-b:before{background:url('../img/icon_member.png') -150px top no-repeat;background-size:300px 200px;width:35px;height:40px;}
.icon.icon-child:before{background:url('../img/icon_member.png') -200px top no-repeat;background-size:300px 200px;width:47.5px;height:39px;}
.icon.icon-foreign:before{background:url('../img/icon_member.png') -250px top no-repeat;background-size:300px 200px;width:46px;height:39.5px;}
.icon.icon-search{content: '';display: inline-block;width: 21px;height: 20px;background: url('../img/icon_board.png') left top no-repeat;background-size: 150px 150px;
}


/*  공통 폰트 */
.NotoKrL{font-family: 'NotoKrL';}
.NotoKrDL{font-family:  'NotoKrR';}
.NotoKrR{font-family: 'NotoKrR';}
.NotoKrM{font-family: 'NotoKrM';}
.NotoKrB{font-family: 'NotoKrB';}

/* 공통 필수별 */
.icon-nc{color:#199da3;font-size:14px;margin-left:3px;line-height:0;vertical-align: middle;display:inline-block;}

/* 공통 */
.title-type1{font-family:'NotoKrM';font-size:22px;color:#000;}
.title-type2{font-family:'NotoKrM';font-size:18px;color:#000;position:relative;}
.title-type3{font-family:'NotoKrM';font-size:15px;color:#000;}
.title-type4{font-family:'NotoKrR';font-size:14px;color:#333;}
.title-sub{font-family:'NotoKrR';font-size:15px;color:#777; margin-top:5px;}

.text-small-type1{display:block;font-family:'NotoKrL';font-size:12px;color:#0770bb;position:relative;padding-left:7px;text-align:left;}
.text-small-type1:before{content:'*';position:absolute;left:0;top:3px;}
.text-small-type2{display:block;font-size:12px;color:#777;text-align:left;}

.active-type1{font-family:'NotoKrR';color:#0770bb;border-bottom:1px solid #0770bb}

.cont-wrap .text-type2{padding-left: 15px;font-size: 14px;color: #777;margin-bottom: 14px;line-height: 20px;}
.cont-wrap .cont{color:#333;font-size:14px;line-height:20px;}
.cont-wrap .cont img {max-width: 100% !important;height: auto !important;}
.cont-wrap .title-type2 +.cont{margin-top:15px;}
.cont-wrap .cont +.search-box-wrap{margin-top:15px;}
.cont-wrap .cont + .title-type2{margin-top:25px}
.cont-wrap .cont + .board-content-wrap{margin-top:25px}
.cont-wrap .cont .list-type2{margin-top:6px;}
.cont-wrap .cont + .cont{margin-top:20px;}
.cont-wrap .cont > .text-small-type1{margin-top:6px;}
.cont-wrap .title-type2 .section-right{font-family: 'NotoKrL'}

/* 공통 클래스 */
.section-right{position:absolute;right:0;top:0;font-size:13px;color:#333;vertical-align: middle}
.section-right .item{vertical-align:bottom}
.section-right .btn-notice{height:20.5px;line-height:20.5px;vertical-align: middle;font-size:15px;color:#333;font-family:'NotoKrM';}
.section-right .btn-notice .icon{vertical-align: top;margin-right: 5px;letter-spacing:-0.06em;}
/* 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], input[type=number], input[type=tel]{border:1px solid #ddd;font-size:13px;font-family:'NotoKrL';color:#000000;background:#fff;height:30px;padding:0 14px}
label.hide{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}
input[type=text]:disabled, input[type=password]:disabled, input[type=number]:disabled, input[type=tel]:disabled{ border:1px solid #eee;color:#000000;background:#f8f8f8;}
input[type=text]:focus, input[type=password]:focus, input[type=number]:focus, input[type=tel]:focus{ outline:none;border-color: #199da3;font-family:'NotoKrR';color:#000;}
input[readonly]{border: 1px solid #eee !important; color: #777 !important; background: #f8f8f8 !important;}

select{position:relative;width:100%;border:1px solid #ddd;font-size:13px;line-height:22px;font-family:'NotoKrL';color:#000000;height:30px;padding:0 14px;-webkit-appearance:none;-moz-appearance:none; appearance:none;text-align:left;padding-right:56px;border-radius:0;background:#fff url('../img/icon_select.png') right 15px top 50% no-repeat;background-size:17px 10px;}
select::-ms-expand { display:none;}
select:disabled{ border-color:#eee;color:#777;background-color:#f8f8f8;}
select:focus{ outline:none;border-color:#199da3;font-family:'NotoKrR';color:#000;}

textarea{border:1px solid #ddd;padding:14px;display:block;width:100%;font-size:12px;color:#777;}

/* 버튼 */
.btn{display:inline-block;width:50%;height:40px;line-height:40px;color:#fff;font-size:14px;font-family: 'NotoKrR';padding:0 5px;text-align:center;}
.btn.color01{background:#0770bb}
.btn.color02{background:#199da3}
.btn.color03{background:#757a85}
.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:#37c7ce}
.btn.btn-l{width:100%}
.btn.btn-s{width:calc(100% / 3.01)}
.btn.round{border-radius:10px 0 0 0}

/* 버튼 wrap */
.btn-wrap:after{content:'';display:block;clear:both;}
.btn-wrap .btn{float:left;}
/* .container>.btn-wrap{position:fixed;bottom:0;left:0;right:0;z-index:10;} */
.container>.btn-wrap .btn{height:45px;line-height:45px;}
.container.board>.btn-wrap .btn{width: 100% !important;}

/* dl 타입 */
.dl-type1{text-align:left;}
.dl-type1>dt{font-family:'NotoKrM';font-size:18px;color:#000;margin-bottom:14px }
.dl-type1>dd{font-size:14px;color:#333;margin-bottom:26px;line-height:20px;}
.dl-type1>dd .text-type4{display:block;}
.dl-type1>dd:last-child{margin-bottom:0;}


.dl-type2{text-align:left;}
.dl-type2>dt{padding-left:15px;position: relative;margin-bottom:8px;font-size:16px;color:#333;font-family:'NotoKrM';line-height:20px;}
.dl-type2 >dt:before{content:'';display:inline-block;position:absolute;left:5px;top:9px;width:5px;height:5px;background:#199da3;border-radius:15px;}
.dl-type2 >dd{padding-left:15px;font-size:14px;color:#777;margin-bottom:14px;line-height:20px;}

.dl-type3 >dt{margin-bottom:5px;font-size:14px;color:#333;font-family: 'NotoKrR';position: relative;vertical-align: middle}
.dl-type3 >dt:after{content:'';display:block;clear:both;}
.dl-type3 >dd{margin-bottom:15px;}
.dl-type3 >dd:last-child{margin-bottom:0;}
.dl-type3 .tel-wrap{float:right;margin-top:-5px}

/* list-type */
.list-type1{text-align:left;}
.list-type1>li{padding-left:15px;position: relative;margin-bottom:7px;font-size:14px;color:#333;line-height:20px;}
.list-type1 em{color:#0770bb}
.list-type1>li:last-child{margin-bottom:0;}
.list-type1>li:before{content:'';display:inline-block;position:absolute;left:6px;top:9px;width:3px;height:3px;background:#aaa;}
.list-type1>li ul{margin-top:6px;}
.list-type1>li ul li{line-height:18px;font-size:12px;color:#777;}

.list-type2 li{position:relative;padding-left:5px;font-size:12px;color:#777;line-height:20px;}
.list-type2 li:before{content:'-';display:inline-block;position:absolute;left:0;top:inherit}

.list-type-inner{margin-left:14px;}
.list-type-inner>li{font-size:12px;color:#777;text-indent:-13px;line-height:1.3;margin-bottom:3px;}


/* checkbox */
.checkbox{position:relative;display:inline-block;vertical-align:middle;margin-right:10px;}
.checkbox input[type=checkbox]{position:absolute;left:0;top:0;opacity: 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') 0px 0px;cursor:pointer;z-index:10;background-size:240px 240px;}
.checkbox input[type=checkbox]:checked +label:before{background-position:0px -40px;background-color:#199da3;border-radius:50% 50%;}
.checkbox input[type=checkbox]:disabled +label:before{background-position:0px -80px;}
.checkbox input[type=checkbox]:disabled:checked +label:before{background-position:0px -120px;background-color:transparent;}

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

/* icon-heart */
.check-heart{position:relative;display:inline-block;vertical-align:middle;}
.check-heart input[type=checkbox]{position:absolute;left:0px;top:0px;width:0;height:0;}
.check-heart label{display:inline-block;position:relative;width:20px;height:20px;text-align:center;}
.check-heart label:before{content:'';display:inline-block;width:20px;height:20px;background:url('../img/icon_heart.png') 0px 0px no-repeat;cursor:pointer;z-index:10;background-size:20px 80px;vertical-align:middle;}
.check-heart input[type=checkbox]:checked +label:before{background-position:0px -20px;}


.icon-heart-wrap.type2 .check-heart label{background:rgba(0,0,0,0.5);display:inline-block;width:30px;height:30px;border-radius:30px;line-height:28px;}
.icon-heart-wrap.type2 .check-heart input[type=checkbox] + label:before{width:15px;height:15px;background-position:0px -40px;background-size:20px 80px;}
.icon-heart-wrap.type2 .check-heart input[type=checkbox]:checked +label{background:#e74040}
.icon-heart-wrap.type2 .check-heart input[type=checkbox]:checked +label:before{background-position:0px -60px;width:13px;height:12.5px;}

/* radio */
.radio{position:relative;display:inline-block;vertical-align:middle;margin-right:10px;}
.radio input[type=radio]{position:absolute;left:-1px;top:-1px;opacity: 0;}
.radio label{display:inline-block;position:relative;padding-left:30px;min-width:20px;min-height:20px;line-height:20px;color:#777;}
.radio label:before{content:'';position:absolute;left:0;top:0;display:inline-block;width:20px;height:20px;background:#fff;cursor:pointer;border:1px solid #ddd;box-sizing:border-box;border-radius:20px;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:13px;height:30px;width:50px;line-height:30px;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}


/* tab */
.tab-wrap{position:relative;}
.tablist-type1{width:100%;display:table;table-layout: fixed;border-bottom:1px solid #eee;padding-right:15px;padding-left:15px;}
.tablist-type1 a{display:table-cell;text-align:center;height:40px;color:#000;font-size:14px;font-family:'NotoKrM',sans-serif;font-size:14px;}
.tablist-type1 a.active{position:relative;color:#0770bb;font-family:'NotoKrR',sans-serif;}
.tablist-type1 a.active:after{content:'';display:block;height:2px;position:absolute;left:0;bottom:-2px;right:0;background:#0770bb;}


/* layout */
.logo{width:145px;display:inline-block;}
.logo a{display:block;}
.logo a img{width:100%;}

.header{background:#0770bb;height:60px;position:fixed;left:0;top:0;right:0;z-index:30;}
.header:after{content:'';display:block;clear:both;}
.header .logo{position:absolute;left:15px;top:13px;}
.header-right{text-align:right;float:right;margin-right:10px;margin-top:15px;}
.header-right button[type=button]{padding:5px;display:inline-block;}
.header-btns button[type=button]:before{content:'';display:inline-block;background:url('../img/icon_header.png') no-repeat;background-size:150px 150px}
.header-btns button[type=button].btn-menu:before{width:20px;height:16px;background-position:0 0;}
.header-btns button[type=button].btn-login:before{width:18px;height:19px;background-position:0 -50px;}


/* 타이틀영역 */
.pagetitle-wrap:after{content:'';display:block;clear:both;}
.pagetitle-wrap{text-align:center;padding:0 40px;position:relative;height:50px;}
.title-left-btn{position:absolute;left:5px;top:6px;}
.btn-prevpage{display:inline-block;width:35px;height:40px;}
.btn-prevpage:before{content:'';display:inline-block;background:url('../img/icon_header.png') no-repeat;background-size:150px 150px;background-position:0 -100px;width:24.5px;height:19.5px;}
.pagetitle-wrap .title-type1{line-height:49px;display:inline-block;}
.btnArea{position:absolute;right:15px;top:0px;}
/* 상단 타이틀 다음에 올수 있는 다음주요영역 */
.topsub-wrap{border-top:1px solid #eee}
.topsub-wrap:after{content:'';display:block;clear:both;}
.topsub-wrap .sample{width:100%;}

/* contents */
.header+.container{margin-top:60px;padding-bottom: 120px;}
.header+.container .contents-wrap{border-top:1px solid #eee;}

.contents-wrap:after{content:'';display:block;clear:both;}
.cont-wrap{margin:25px 15px;}
.contents-wrap .title-type1{margin-bottom:14px;}
.cont-wrap .cont +.accordion-wrap{margin-top:25px;}
.etc-wrap{margin:0 15px;}

/* 연결섹션 보더 조정 */
.container >.tab-wrap + .contents-wrap{border-top:none;}
.accordion-wrap+.etc-wrap{margin-top:25px;}

/* board */
/* board 공통요소 */
.board-wrap{margin:25px 15px}
.board-content-wrap{border-top:2px solid #bbb}
.board-content-wrap:after{content:'';display:block;clear:both;}

.board-img{position:relative;margin-bottom:14px;margin-top:20px;}
.board-img img{width:100%;}
.board-img .icon-heart-wrap{position:absolute;right:15px;top:15px;}
.board-category{color:#666;font-size:12px;margin-bottom:10px;vertical-align: top}
.board-title{font-size:15px;line-height:18px;color:#000;letter-spacing:-0.05em;font-family:'NotoKrR';}
.board-data{font-size:12px;color:#666;vertical-align: top;}

.board-elmt{padding-right:10px;margin-right:10px;position:relative;display:inline-block;vertical-align: middle}
.board-elmt:after{content:'';display:inline-block;position:absolute;right:0;top:50%;margin-top:-4px; width:1px;background:#aaa;height:9px;vertical-align: middle;}
.board-elmt:last-child{padding-right:0;}
.board-elmt:last-child:after{display:none;}
.board-title-s{color:#666;font-family: 'NotoKrM';margin-right:5px;}

/* board_search */
.search-box-wrap{margin-bottom:20px;}
.search-box-wrap:after{content:'';display:block;clear:both;}
.search-box{background:#f4f5f9;border-radius:10px;position: relative}
.search-box .input-search{border:none;display:block;width:100%;background: transparent;color:#666;font-size:14px;}
.search-box .btn-search{position: absolute;right:0;top:0;height:40px;width:40px;padding-right:15px;}
.btn-search:before{content:'';display:inline-block;width:21px;height:20px;background: url('../img/icon_board.png') left top no-repeat;background-size:150px 150px;}
.search-result-wrap{margin-bottom:10px;}
.search-result-text{font-size:12px;color:#000000;}
.search-result-text em{color:#0770bb;font-family:'NotoKrR',sans-serif;}
.search-box-wrap select{background-color:#f4f5f9;border:none;border-radius:10px;margin-bottom:5px;}
.search-filter:after{content:'';display:block;clear:both;}
.search-filter li{float:left;width:calc(50% - 2.5px);margin-right:5px;}
.search-filter li:last-child{margin-right:0;}

.search-box-wrap.type2 .search-filter li{width:100%;}

/* board-list */
.list-row{border-bottom:1px solid #eee;/*padding:20px 0*/}
.list-link-box{display:block;padding-bottom:20px;padding-top:20px;}
.list-row .board-title{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height:18px;margin-bottom:10px;}
.list-row .board-title-small{margin-top:5px;}
.list-row .board-title .badge{vertical-align:bottom}
.list-row>div:last-child{margin-bottom:20px;}
.list-link-box >div:last-child{margin-bottom:0;}
.list-tag{margin-right:5px}

/* board-bottom */
.board-bottom-wrap{text-align:center;margin-top:16px;}

.btn-more{display:block;width:100%;background:#fff;text-align:center;border:1px solid #ddd;height:35px;line-height:33px;border-radius:35px;font-family:'NotoKrR';font-size:12px;color:#666}
.btn-more:before{content:'';display:inline-block;width:10.5px;height:10.5px;background:url('../img/icon_board.png') left -50px no-repeat;background-size:150px 150px;margin-right:10px;vertical-align: middle;margin-top:-3px;}

/* board-detail-top */
.board-info-wrap{position:relative;padding-top:20px;padding-bottom:20px;border-bottom:1px solid #eee;}
.board-info-wrap .board-title{font-size:17px;line-height:23px;text-overflow: initial;}
.board-info-wrap .icon-heart-wrap{position:absolute;right:0;top:18px}

/* board-content */
.board-cont-wrap{margin-bottom:20px;margin-top:20px;}
.board-editor{min-height:220px; }
.board-editor .img-box{ width: 100%; height:auto; margin: 1em 0px;}
.board-editor img{max-width: 100% !important; height: auto !important;}
.board-cont-wrap .dt-list-wrap{margin:0;}
.board-cont-wrap .cont+.title-type1{margin-top:25px}

/* 첨부파일 */
.board-file-wrap{padding-top:20px;padding-bottom:20px;border-top:1px solid #eee;border-bottom:1px solid #eee;}
.board-file-title{color:#333;margin-bottom:10px;font-family:'NotoKrR';}
.board-file-title:before{content:'';display:inline-block;width:15.5px;height:12.5px;background: url('../img/icon_board.png') 0 -100px;background-size: 150px 150px;margin-right:5px;}
.board-file-wrap .list-type1{margin-left:13px;}
.board-file-wrap .list-type1 li{line-height:21px;margin-bottom:0;}
.board-file-wrap .list-type1 li a{border-bottom:1px solid #aaa}

.board-info2 li{font-size:13px;color:#777;margin-bottom:8px}
.board-info2 li .info2-tit{color:#333;font-weight:bold;margin-right:6px;}
.board-info2 li:last-child{margin-bottom:0;}

.board-wrap .tab-wrap .tablist-type1{padding:0;}
.board-wrap .tab-wrap .tablist-type1 a{position:relative;}
.board-wrap .tab-wrap .tablist-type1 a.active:after{display:none;}
.board-wrap .tab-wrap .tablist-type1 a:before{content:'';position:absolute;left:0;top:50%;margin-top:-10px;background:#eee;display:inline-block;width:1px;height:20px;}
.board-wrap .tab-wrap .tablist-type1 a:first-child:before{display:none;}

/* 웹진 */
.board-content-wrap.type2 .board-list li{float:left;width:calc(50% - 5px);margin-right:10px;}
.board-content-wrap.type2 .board-list li:nth-child(2n){margin-right:0;}

/* nodata */
.nodata-wrap{min-height:280px;text-align:center;border-bottom:1px solid #eee;}
.icon-nodata{text-align:center;padding-top:76px;}
.icon-nodata:before{content:'';display:inline-block;width:83.5px;height:96px;background:url('../img/icon_board.png') -50px 0 no-repeat;background-size:150px 150px;margin-bottom:25px;}
.nodata-text{color:#777;line-height:1.4;}

/* badge */
.badge{display:inline-block;width:35px;height:18px;border-radius:3px;margin-right:10px;text-align:center;line-height:16px;color:#fff;font-size:12px; font-family:'NotoKrR';vertical-align: middle}
.badge.style1{background:#d92c2c}
.badge.style2{background:#0770bb}
.badge.style3{background:#199da3}
.badge.style4{background:#cd0e0e}
.badge.style5{background:#263c96}
.badge.style6{background:#ffce33}
.badge.style7{background:#6f99d0}

.star-wrap{display:inline-block;width:15px;height:14px;padding-left:2px;}
.badge-star{text-align:center;margin-top:-5px;vertical-align: middle;padding-top: 5px;position: relative;display: inline-block;color: #e3751c;width: 0px;height: 0px;border-right: 7px solid transparent;border-bottom: 5px solid #e3751c;border-left: 7px solid transparent;transform: rotate(35deg);border-radius:0;}
.badge-star:before {border-bottom: 6px solid #e3751c;border-left: 3px solid transparent;border-right: 3px solid transparent;position: absolute;top: 2px;left: -5px;height: 0;width: 0;display: block;content: '';transform: rotate(-35deg);
}
.badge-star:after {position: absolute;display: block;color: #e3751c;top: 5px;right: -7px;width: 0px;height: 0px;border-right: 7px solid transparent;border-bottom: 5px solid #e3751c;border-left: 7px solid transparent;transform: rotate(-70deg);content: '';
}
.badge-one{display:inline-block;width:12px;height:12px;background: #0770bb;border-radius:14px;vertical-align: middle}

/* errorpage */
.error-wrap,.error-cont{width:100%;}
.error-wrap .error-header{padding-top:23px;text-align:center;}
.error-wrap .error-cont{position:absolute;left:50%;top:50%;text-align:center;transform: translate(-50%, -56%)}
.error-wrap .error-cont:before{content:'';display:inline-block;width:114px;height:99px;background:url('../img/icon_error.png') left top no-repeat;background-size: 114px 99px;margin-bottom:32px;}
.error-title{font-size:18px;color:#000;font-family:'NotoKrM';margin-bottom:20px;line-height:24px;}
.error-text{color:#777;font-size:12px;line-height:17px;}
.error-wrap .btn-wrap{position:fixed;left:0;bottom:0;right:0;}
.error-wrap.type2 .error-cont:before{background:url('../img/icon_error2.png') left top no-repeat;background-size: 114px 105.5px;height:105.5px;}

/* table */
.table-wrap{position:relative;border-top:2px solid #bbb;table-layout:fixed;width:100%;}
.table-wrap table{width:100%;line-height:1;}
table caption{display:block;height:0;width:0;font-size:0;line-height:0;margin:0;padding:0;overflow:hidden;}
.table-wrap table em{font-weight:bold;}
.table-wrap table .radio{margin-bottom:5px;}
.table-wrap thead th{border-bottom:1px solid #ddd;}
.table-wrap th,.table-wrap td{font-size:12px;border-bottom:1px solid #eee;border-right:1px solid #eee;height:40px;text-align:center;line-height:1.4;}
.table-wrap th{background:#f6f6f6;color:#000;font-family: 'NotoKrR';padding:11px 5px;}
.table-wrap td{background:#fff;color:#000000;padding:7px 3px;}
.table-wrap tr th:first-child,.table-wrap tr td:first-child{border-left:none}
.table-wrap tr th:last-child,.table-wrap tr td:last-child{border-right:none}
.table-wrap tbody th{width:100px;}

.table-wrap.type2 th{padding:15px 15px;background:#fff;border-right:0;font-size:15px;text-align:left;vertical-align: top}
.table-wrap.type2 tbody th{padding:15px 0px 15px 15px;vertical-align: middle;width:100px;}

.table-wrap.type2 td{border-right:0;font-size:15px;text-align:left;padding:15px 10px 15px 5px;}

/* 개인정보처리방침 table */
.table {border-collapse: collapse !important;}
.table-type1{position:relative;border-top:2px solid #bbb;table-layout:fixed;width:100%;}
.table-type1 table{width:100%;line-height:1.;}
table caption{display:block;height:0;width:0;font-size:0;line-height:0;margin:0;padding:0;overflow:hidden;}
.table-type1 table em{font-weight:bold;}
.table-type1 table .radio{margin-bottom:5px;}
.table-type1 thead th{border-bottom:1px solid #ddd;}
.table-type1 th,.table-type1 td{font-size:13px;border-bottom:1px solid #eee;border-right:1px solid #eee;height:40px;text-align:center;line-height:1.4;}
.table-type1 th{background:#f6f6f6;color:#000;font-family: 'NotoKrR';padding:11px 5px;}
.table-type1 td{background:#fff;color:#777;padding:11px 15px;word-break: break-all}
.table-type1 tr th:first-child,.table-type1 tr td:first-child{border-left:none}
.table-type1 tr th:last-child,.table-type1 tr td:last-child{border-right:none}
.table-type1 tbody th{width:100px;}



/* 테이블 가로 적용 */
.tableWrapper table {  width: 100%;  background-color: transparent;  border-collapse: collapse;  border-spacing: 0;  cursor: default;  margin:0 ;  white-space: nowrap;}
.tableWrapper { width: 100%;  overflow: auto;    margin: 0 auto;}
::-webkit-scrollbar { width: 5px; height: 5px; background-color: rgba(0, 0, 0, 0.1); }
::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.5); }



/* accordion */
.accordion{position: relative;border-top:2px solid #bbb;border-bottom:1px solid #ddd}
.accordion >dt{position:relative;border-top:1px solid #eee;line-height:46px;overflow:hidden;}
.accordion >dt:first-child{border-top:none;}
.accordion-trigger{display:block;padding-left:15px;padding-right:35px;color:#000;font-size:15px;font-family: 'NotoKrM';height:46px;width:100%;text-align:left;}
.accordion-icon{display:inline-block;position:absolute;right:15px;top:50%;background:url('../img/icon_accordion.png') left top no-repeat;width:16px;height:16px;background-size:50px 100px;transform: translateY(-50%);z-index:-1}
.accordion-panel{background:#f8f8f8;padding:15px;color:#777;font-size:12px;line-height:17px;border-top:1px solid #eee;}
.accordion-panel .accord-p img{max-width:100%}
.accordion-panel[hidden] {display: none;}
.accordion-trigger:focus,.accordion-trigger:hover {background:rgba(0,0,0,0.1)}
.accordion-trigger[aria-expanded="true"] .accordion-icon{background-position:0 -50px;height:1px;}
.accordion-panel .list-type1{margin-top:12px}
.accordion-panel .list-type1>li{padding-left:8px;font-size:12px;line-height:1.3;color:#777}
.accordion-panel .list-type1>li:before{left:0;top:6px;}
.accordion-panel .list-type2>li{color:#777;font-size:12px;}
/* .accordion-panel .accord-p ul{margin-left:16px;}
.accordion-panel .accord-p ul>li{text-indent:-15px;margin-bottom:5px;} */
.accordion-panel .text-small-type1,.accordion-panel .active-type1{margin-top:4px}

/* 공통문단 */
.accord-p:after{content:'';display:block;clear:both;}
.accord-p + .accord-p{margin-top:14px}
.accord-p .title-type4{line-height:25px;}

/* 공통 전화 스타일 */
.tel-number{display:inline-block;color:#0770bb;font-size:14px;font-family:'NotoKrR'}
.btn-tel{display:inline-block;vertical-align: middle;width:25px;height:25px;}
.btn-tel .icon{position:relative;display:inline-block;width:25px;height:25px;background:#0770bb;border-radius:50%;}
.btn-tel .icon.icon-tel:before{width:15px;height:15px;background-size:180px 180px;background-position:0 -30px;position:absolute;left:50%;top:50%;transform: translate(-50%,-50%)}
.tel-number +.btn-tel{margin-left:10px;}

/* layerpop */
.layerpop-bg{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:100;}
.layerpop{position:fixed;left:50%;top:50%;width:84%;background:#fff;height:80%;transform: translate(-50%,-50%);z-index:105;overflow:auto;}
.lp-title-wrap{height:46px;padding-top:15px}
.lp-contents-wrap{position:absolute;left:0;top:0;right:0;bottom:40px;;padding:0px 20px 20px;max-height:calc(100% - 40px);overflow:auto;}
.layerpop .btn-wrap{position: absolute;left:0;bottom:0;right:0;}
.layerpop .btn-wrap .btn{padding:0 10px;}
.lp-contents-wrap .lp-cont{margin-top:15px;}
.lp-cont > .list-type-inner >li{font-size:14px;color:#333;margin-bottom:10px;}
.lp-cont .list-type-inner .list-type2{margin-left:14px;margin-top:5px;}
.lp-contents-wrap .table-wrap + .lp-title-wrap{margin-top:20px;}
.lp-cont .btn-layer{ margin-top: 30px}
.lp-cont .btn-layer button{background: #fff; color: #0770bb; border:1px solid #0770bb ;font-family: 'NotoKrR'; font-size: 16px;height: 50px; vertical-align: middle; width: 100%; margin-bottom: 10px}
.lp-cont .btn-layer button:hover, .btn-layer button:focus{background: #0770bb; color: #fff; }

/* layerpop - slide */
.layerpop-s{position:fixed;left:50%;top:50%;width:84%;background:#fff;height:80%;transform: translate(-50%,-50%);z-index:105;}
.lp-s-area{position:absolute;left:0;top:0;right:0;bottom:65px;overflow:auto;}
.lp-s-contents-wrap {position: relative;height:100%;}
.lp-s-contents-wrap .lp-s-contents-area {height: 100%;}
.lp-s-contents-wrap .slide-cont {padding: 10px; overflow-y: auto;}
.lp-s-contents-wrap .slide-cont img {max-width: 100% !important; height: auto !important;}
.lp-s-contents-wrap .slide-cont table {width: 100% !important;}
.lp-s-contents-wrap .bx-wrapper {height: 100%; font-size: inherit;}
.lp-s-contents-wrap .bx-wrapper .bx-viewport{height:100% !important;}
.lp-s-contents-wrap .bx-wrapper .bx-controls {position: fixed;bottom: 50px !important; text-align: center; width: 100%;z-index: 99}
.lp-s-contents-wrap .bx-wrapper .bx-pager.bx-default-pager a {background: #fff}
.layerpop-s .indi-wrap{position: absolute;left:0;bottom:40px;right:0;background-color: #eee}
.layerpop-s .indi-wrap .indi-area {position: relative;height: 25px;}
.layerpop-s .indi-wrap .indi-area .btn-close {position: absolute;top: 11px;right: 20px;}
.layerpop-s .indi-wrap .indi-area .btn-close:before {content: '';display: inline-block;width: 16px;height: 16px;background: url(../img/icon_popcls.png)no-repeat;background-size: 16px;}
.popclose {display: none;}
.layerpop-s .btn-wrap {position: absolute; left: 0; bottom: 0;width: 100%}
.layerpop-s .btn-wrap .btn.today {background-color: #0670ba; color: #fff;font-family: 'NotoKrL';}
.layerpop-s .btn-wrap .btn.close {background-color: #fff; color: #000;font-family: 'NotoKrL';}

/* etcbox */
.etcbox{background:#f3f3f3;padding:20px 14px 10px;}
.etcbox .etcbox-title{font-size:15px;color:#000;line-height:16px;font-family: 'NotoKrR'}
.etcbox .etcbox-cont{color:#000;font-size:12px;line-height:16px;}
.etcbox-list li{border-bottom:1px solid #ddd;vertical-align: middle}
.etcbox-list li:last-child{border-bottom:none;}
.etcbox-list li:after{content:'';display:block;clear:both;}
.etcbox-list li .tel-number{display:inline-block;width:calc(100% - 45px);float:left;line-height:45px;vertical-align: middle}
.etcbox-list li .tel-number +.btn-tel{float:right;margin-left:0;vertical-align: middle;padding:10px;width:45px;height:45px;}

.etcbox.type2 .etcbox-title{position:relative;line-height:20px;vertical-align: middle}
.etcbox.type2 .etcbox-title:before{content:'';display:inline-block;width:20.5px;height:20.5px;background: url('../img/icon_common.png') -100px 0;background-size:300px 300px;vertical-align: top;margin-right:5px;}
.etcbox.type2 .etcbox-list{text-align:left;margin-left:18px;margin-top:10px;}
.etcbox.type2 .etcbox-list li{padding-left:8px;position: relative;margin-bottom:7px;font-size:12px;color:#333;border:none;line-height:1.4;}
.etcbox.type2 .etcbox-list li:before{content:'';display:inline-block;position:absolute;left:0;top:6px;width:3px;height:3px;background:#aaa;border-radius:3px;}

/* etcbox 간격조절 */
.etcbox-title + .etcbox-cont{margin-top:10px;}
.etcbox .etcbox-cont+.etcbox-list{margin-top:10px;}
.etcbox-list+.btn-wrap{margin-top:10px;}
.etcbox-list+.btn-wrap:last-child{margin-bottom:10px;}

.etc-wrap .text-small-type1{line-height:16px;}
.etc-wrap .text-small-type1 +.text-small-type1{margin-top:6px;}


/* 진료안내 - 순서도 */
.proce-list li{display:table;width:100%;text-align:center;line-height:1.3;color:#777;font-size:14px;font-family: 'NotoKrR';}
.proce-list li>span{line-height:1.4;}
.procebox{display:table-cell;border:4px solid #ddd;height:65px;text-align:center;vertical-align: middle}
.procebox-text{display:inline-block;font-size:15px;color:#333;position:relative}
.procebox.type2{position:relative;border:none;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+ */}
.procebox.type2:before{content:'';position:absolute;left:4px;top:4px;bottom:4px;right:4px;display:block;background:#fff;}
.procebox.type3{border-radius:50px;border-width:2px}
.proce-list-arr{display:inline-block;vertical-align:top;width:0;height:0;border-top:5px solid #aaa;border-left:5px solid transparent;border-right:5px solid transparent;font-size:0;line-height:0;margin-top:5px;}

/* 주요전화 */
.table-wrap.type2.tellist th{line-height:25px;}
.table-wrap.type2 td .tel-wrap{margin-bottom:10px;}
.table-wrap.type2 td .tel-wrap a{display:inline-block; width:90px;}
.table-wrap.type2 td .tel-wrap:last-child{margin-bottom:0;}

/* 찾아오시는 길 */
.map img{width:100%;}
.dr-list{font-size:14px;color:#333;}
.dr-list>dt{margin-bottom:8px;}
.dr-list>dd{margin-bottom:20px;}
.dr-list>dd:last-child{margin-bottom:0px;}
.dr-row>span{vertical-align: middle;}
.dr-list.type2 dd{color:#777;font-size:12px;}

.badge.type2{display:inline-block;min-width:46px;height:20px;line-height:19px;color:#fff;font-size:14px;border-radius:10px;padding:0 6px;width:auto;}

/* 회원가입 - 약관동의*/
.stepview-wrap{margin-bottom:25px;}
.step{position:relative;display:block;margin-bottom:15px;}
.step ul{position:relative;left:50%;transform: translateX(-50%);display:inline-block;overflow:hidden}
.step ul li{float:left;margin-right:38px;position:relative;}
.step ul li.active .step-one,.step ul li.complete .step-one{background:#0770bb;font-weight:bold}

.step ul li.complete .step-one:before{content:'';display:inline-block;position:absolute;left:50%;top:50%;background:#0770bb url('../img/icon_member.png') -100px 0 no-repeat;background-size:300px 200px;width:17.5px;height:14px;z-index:1;transform: translate(-50%,-50%)}

.step ul li:after{content:'...';display:inline-block;color:#aaa;letter-spacing:2px;position:absolute;top:50%;right:-40px;width:40px;height:0;font-size:28px;line-height:0;margin-top:-9px;text-align:center;}
.step ul li:last-child{margin-right:0;}
.step-one{position:relative;display:inline-block;width:30px;height:30px;line-height:28px;text-align:center;background:#777;color:#fff;border-radius:50%;font-size:14px}
.step-midline{position:absolute;left:0;right:0;top:50%;height:0px;display:block;border-top:3px dotted #aaa;margin-top:-2px;}
.step-text{text-align:center;font-size:14px;color:#333;font-family: 'NotoKrR';line-height:1.3;}


.terms-box textarea{height:100px;}
.terms-check{margin-top:10px}

/* 본인인증 */
.btnlist li{margin-bottom:10px}
.btnlist .btn{position:relative;height:75px;line-height:1.2em;border-radius:16px 0 0 0;border:1px solid #ddd;background:#fff;color:#333;font-size:15px;font-family: 'NotoKrR'}
.btnlist .btn .small-text{font-size:12px;color:#777;font-family: 'NotoKrL';}
.btnlist .btn:hover,.btnlist .btn.active{height:75px;border-radius:16px 0 0 0;border:1px solid #fff;color:#fff;
    background: #0770bb; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #0770bb 0%, #138faa 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #0770bb 0%,#138faa 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #0770bb 0%,#138faa 100%);
}
.btnlist .btn .icon{position:absolute;left:37px;top:50%;transform: translateY(-50%);line-height:0;}
.btnlist .btn:hover .icon:before,.btnlist .btn.active .icon:before{background-position-y: -50px}
.btnlist .btn:hover .small-text, .btnlist .btn.active .small-text{color:#fff;}
.certi-top{margin-bottom:15px;}

/* 회원정보입력 */
.inputform-wrap{border-top:2px solid #bbb;margin-bottom:20px;}
.inputform>li{border-bottom:1px solid #eee;padding-bottom:5px;padding-top:5px;}
.inputform>li .text-small-type1{color:#777;display:block;margin-top:6px;line-height:1.3;}
.inputform>li .text-small-type2{margin-top:6px;}
.inputform>li:last-child{border-bottom:none;}
.inputform label.title-type3{margin-bottom:10px;display:block;vertical-align: middle}

/* input + btn set */
.input-set{position:relative;padding-right:89px;}
.input-set input{display:block;width:100%;}
.input-set .btn{position:absolute;right:0;top:0;width:90px;padding:0px;letter-spacing: -0.05em;}

/* input email */
.input-email li{margin-bottom:5px;font-size:0;}
.input-email li:last-child{margin-bottom:0;}
.input-email input{width:calc(50% - 10px);}
.input-email .email-i{width:20px;display:inline-block;text-align:center;font-size:13px;}

/* input address */
.input-address ul li{margin-bottom:5px;}
.input-address ul li:last-child{margin-bottom:0;}

/* input 인증폼 */
.input-certi:after,.input-certi li:after{content:'';display:block;clear:both;}
.input-certi li{margin-bottom:5px;}
.input-certi li:last-child{margin-bottom:0;}
.input-certi input.certi-jumin{width:calc(50% - 7.5px);float:left;}
.input-certi .certi-i{width:15px;display:inline-block;text-align:center;float:left;vertical-align: middle;line-height:40px;}

/* input-phone */
.input-phone{line-height:40px;}
.input-phone:after{content:'';display:block;clear:both;}
.input-phone input[type=tel]{width:calc(33.33% - 6px);float:left;}
.input-phone .dash{float:left;width:9px;vertical-align: middle;text-align:center;}

/* 타이틀 + 토글 set */
.input-answer:after{content:'';display:block;clear:both;}
.input-answer .title-type3{float:left;}
.input-answer .answer{float:right;}

.input-box{background:#f8f8f8;padding:15px;max-height:155px;overflow:auto;overflow-x:hidden;margin-top:15px}
.input-box:after{content:'';display:block;clear:both;}
.input-itemlist{width:100%}
.input-itemlist td{width:50%;padding-bottom:15px;vertical-align:top}
.input-itemlist .checkbox-type2{margin-right:0;}

/* 가입완료처럼 하나의 컨텐츠만 있을때 */
.onebox{padding-top:56px;text-align:center;padding-bottom:100px;}
.onebox .icon{margin-bottom:33px}
.onebox-wrap .onebox-title1{font-size:20px;color:#333;text-align:center;line-height:25px;margin-bottom:19px;}
.onebox-title2{line-height:20px;font-size:15px;color:#777;text-align:center;}

/* 상단  */
.cont-title-wrap{padding-bottom:25px;}
.cont-title-text1{text-align:center;font-size:20px;color:#000;line-height:25px;}
.cont-title-text2{text-align:center;font-size:14px;color:#777;line-height:20px;margin-top:10px;}

/* 로그인 */
.login-wrap .btn-wrap{margin-top:15px;}
.login-wrap .btn-wrap .btn{height:45px;line-height:45px;}
.login-list li{margin-bottom:10px;}
.login-list li:last-child{margin-bottom:0px;}
.login-wrap .login-bottom{margin-top:25px}
.login-btns ul{width:100%}
.login-btns li{display:inline-block;float:left;margin-right:10px;width:calc((100% - 20px)/3);}
.login-btns li:last-child{margin-right:0;}
.login-btns li .btn{width:100%;height:30px;line-height:30px;font-size:12px;}
.login-btns li .btn.round{border-radius:5px 0 0 0}
.login-bottom-text{margin-bottom:15px;text-align:center;font-size:12px;color:#777;line-height:1.3;letter-spacing: -0.05em;}

/* 결과 안내 */
.result-list li{margin-bottom:10px}
.resultbox{padding:20px 0;text-align:center;background:#f8f8f8;border-radius:10px}
.resultbox dl{color:#333;}
.resultbox dt{margin-bottom:14px;font-size:15px;}
.resultbox dd{font-size:20px;font-family: 'NotoKrM';}

/* 진료과 목록 */
.dept-top-wrap{position:relative;background:url('../img/bg_deptop.png') left top no-repeat;background-size:100% 100%;height:215px;padding:25px 0;}
.dept-top-wrap.type2{position:relative;background:url('../img/bg_deptop2.png') left top no-repeat;background-size:100% 100%;height:215px;padding:25px 0;}

.dept-text{color:#000;font-size:15px;margin:0 15px 20px 15px;line-height:1.3;}

.dept-top-wrap .search-box-wrap{margin:0 15px;}
.dept-top-wrap .search-box-wrap .search-box{border-radius:10px 0 0 0;background:rgba(255,255,255,0.8)}
.dept-top-wrap .search-box-wrap .search-box input{font-size:12px;}
.dept-top-wrap .search-box-wrap .btn-search:before{background:url('../img/icons.png') -100px -50px no-repeat;background-size:300px 300px;width:23px;height: 22.5px;}
.dept-top-wrap .filter-wrap{margin-top:20px}
.filter-wrap{overflow:auto;margin:0 0 0 15px;}
.filter-list{width:560px;}
.filter-list li{margin-right:5px;float:left;white-space: nowrap;}
.filter-list li:first-child{margin-right:10px;}
.filter-list li button{border-radius:20px;background:#fff;width:30px;height:30px;font-size:14px;color:#777;}
.filter-list li button.filter-all{background:#199da3;color:#fff;min-width:60px;}

/* 진료과 */
.deptlist li{position:relative;display:table;border-bottom:1px solid #eee;vertical-align:middle;width:100%;}
.deptlist li a{display:block;height:75px;padding-top:20px;padding-left:95px;}
.deptlist li span{vertical-align: middle}
.deptlist .dept-icon{position:absolute;left:15px;top:0;display: inline-block;width:75px;height:75px;text-align:center;line-height:75px;}
.deptlist .dept-icon img{width:100%;}
.deptlist .deptlist-text{display:inline-block;font-family: 'NotoKrM';width:100%;color:#333;font-size:16px;}
.deptlist .deptlist-text2{display:inline-block;font-family: 'NotoKrR';width:100%;color:#777;font-size:12px;}

/* 의료진 */
.dt-list-wrap{margin:25px 15px;}
.cont .dt-list-wrap{margin:0;}
.dt-list-wrap .dt-top{color:#333;}
.dt-list-wrap .dt-top + .dt-wrap{margin-top:16px;}
.dt-top li{color:#333;font-size:14px;line-height:20px;}
.dt-wrap{border:1px solid #ddd;position:relative;}
.dt-wrap .dt-img{width:100px;height:118px;}
.dt-wrap .dt-img img{width:100%}
.dt-wrap .dt-top{border-bottom:1px solid #ddd;padding-bottom:15px;margin:15px 15px 0 15px}
.dt-wrap .dt-title{font-size:18px;color:#000;font-family: 'NotoKrR';}
.dt-body{padding:10px 0 25px 0;margin:0 15px}
.dt-info-top{margin-bottom:15px;}
.dt-info-top:after{content:'';display:block;clear:both;}
.dt-info-top .dt-img{float:left;margin-right:15px;}
.dt-intro{padding-top:24px}
.dt-name{font-size:18px;color:#000;font-family: 'NotoKrM';}
.dt-list li{margin-bottom:8px;}
.dt-list li em{font-size:14px;color:#333;font-family:'NotoKrM';margin-right:10px}
.dt-name + .dt-list{margin-top:15px}
.dt-info-bottom .dl-type3 dd{line-height:19px;}
.dt-bottom{margin:0 -1px -1px -1px}
.dt-bottom:after{content:'';display:block;clear:both;}
.dt-bottom-left{float:left;width:calc(100% - 39px)}
.dt-info-bottom .dl-type3 dt{font-weight:bold;}
.dt-bottom-right{float:right;width:39px;border-top:1px solid #ddd;}
.dt-bottom-right .check-heart label{width:38px;height:38px;line-height:38px;}
.dt-list-wrap .dt-wrap + .dt-wrap{margin-top:5px}
.dt-wrap .dt-select{position:absolute;right:18px;top:18px;}
.dt-wrap .dt-select .radio{margin-right:0;}
.dt-wrap .dt-select .radio input[type=radio]+label{padding-left:0;}
.dt-wrap .dt-select .radio input[type=radio]+label:before{content:'';position:absolute;left:0;top:0;display:inline-block;width:25px;height:25px;background:url('../img/icon_component.png') 0px 0px;cursor:pointer;z-index:10;background-size:240px 240px;border:none;}
.dt-wrap .dt-select .radio input[type=radio]:checked +label:before{background-position:0px -40px;background-color:#0770bb;border:none;}
.dt-wrap.active{border-color:#0770bb}



/* 의료진상세 */
.dt-view-wrap{position:relative;background:url('../img/dt_view_bg.png') left top no-repeat;background-size:100% 100%;height:175px;}
.dt-view-btn{position:absolute;left:50%;bottom:26px;display:inline-block;margin-left:13px;}
.dt-view-btn .btn{height:30px;width:160px;line-height:30px;}
.dt-view-info{position:absolute;left:50%;top:40px;margin-left:13px;}
.dt-view-photo{position:absolute;right:50%;bottom:0;width:205px;margin-right:-30px}
.dt-view-photo img{width:100%;}
.dt-view-photo img.nodoc{width:70%;}
.dt-view-text{font-size:15px;color:#000;}
.dt-view-name{font-size:30px;color:#000;font-family: 'NotoKrM';margin-top:7px;}
.dt-view-zzim{position:absolute;left:50%;top:40px;margin-left:144px;}


/* 전문센터 목록 */
.cont + .center-list-wrap{margin-top:20px}
.listbox{border:1px solid #ddd;padding:20px 14px;}
.listbox-title{display:block;position:relative;color:#000;font-size:16px;font-family: 'NotoKrM';padding-bottom:15px;}
.listbox-title:after{content:'';display:inline-block;width:15px;height:1px;position:absolute;left:0;bottom:0;background: #0770bb;}
.listbox-cont{display:block;padding-top:10px;font-size:12px;color:#333;line-height:1.4;}
.center-list-wrap .listbox + .listbox{margin-top:5px;}

/* 진료예약 */
.selec-part li{margin-bottom:5px;}
.btn-part{position:relative;width:100%;border:1px solid #ddd;height:50px;display:block;font-size:15px;color:#333;text-align:left;padding-left:15px;}
.btn-part:after{content:'';display:inline-block;position:absolute;right:14px;top:50%;width:14px;height:12px;background: url('../img/bg_checkbtn.png') left top no-repeat;background-size:50px 100px;transform: translateY(-50%)}

.btn-part.active{border:#fff;color:#fff;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-part.active:before{content:'';display:inline-block;position:absolute;right:10px;top:50%;width:25px;height:25px;background: #fff;border-radius:25px;transform: translateY(-50%)}
.btn-part.active:after{background-position:0 -50px}

/*  calendar  */
.calendar-wrap{border-top:2px solid #bbb;}
.calendar-body table{width:100%;}
.calendar-body table >thead th,.calendar-body table >tbody td{text-align:center;}
.calendar-body table >thead th{height:40px;font-size:15px;color:#777;font-family: 'NotoKrM';}
.calendar-body table >tbody td{height:40px;}
.calendar-body .calen-number{display:inline-block;width:30px;height:30px;line-height:28px;cursor:pointer;border-radius:30px;color:#000;font-size:14px;}
.calendar-body table .calen-number.today{background:#eee;}
.calendar-body table .calen-number.type1{border:1px solid #0770bb;color:#0770bb;}
.calendar-body table .calen-number.type2{background:#0770bb;color:#fff;}
.calendar-top{position:relative;text-align:center;padding-top:20px;padding-bottom:14px;}
.calendar-top .calendar-date{display:inline-block;color:#000;font-size:16px;font-family: 'NotoKrM';}
.calendar-date-prev{position:absolute;left:0;top:50%;margin-top:-8px;display:inline-block;width:30px;height:17px;text-align:left;}
.calendar-date-next{position:absolute;right:0;top:50%;margin-top:-8px;display:inline-block;width:30px;height:17px;text-align:right;}
.time-sel-wrap{margin-top:15px}


/* lnb */
.aside-wrap{position:fixed;top:60px;bottom:0;right:100%;overflow:auto;border-top:1px solid rgba(255,255,255,0.5);background:#f2f3f8;padding-bottom:25px;z-index:100;}
.aside-top{background:#0770bb;color:#fff;padding:30px 15px;}
.aside-top-comment{color:#fff;font-size:20px;line-height:1.4;}
.user-name{font-weight:bold;}
.aside-top-btns{margin-top:25px;}
.aside-top-btns .btn{border:1px solid #fff;}
.aside-top-btns .btn-on{background: #fff;color:#0770bb}

.lnb{padding:18px 15px}
.nav{width:100%;}
.nav li{width:100%;display:block;}
.nav >li{background:#fff;margin-bottom:5px;box-shadow:0 1px 1px #e0e1e6;border-radius:2px;overflow:hidden;}
.nav >li:last-child{margin-bottom:0;}
.nav >li>.btn-lnb{display:block;position:relative;height:50px;width:100%;font-size:15px;color:#000;text-align:left;padding:0 20px;}
.nav >li>.btn-lnb:before{content:'';display:inline-block;width:16px;height:16.5px;background:url('../img/icon_lnb.png') no-repeat;background-size:150px 300px;vertical-align: middle;margin-right:10px;}
.nav >li>.btn-lnb:after{content:'';position:absolute;right:15px;top:50%;display:inline-block;width:19px;height:19px;background:url('../img/icon_lnb.png') -100px 0 no-repeat;background-size:150px 300px;vertical-align: middle;transform: translateY(-50%)}

.nav >li>.btn-lnb.rv:before{background-position:0 0;}
.nav >li>.btn-lnb.dt:before{background-position:0 -50px;width:14px;height:17px;}
.nav >li>.btn-lnb.dn:before{background-position:0 -100px;width:14.5px;height:17.5px;}
.nav >li>.btn-lnb.gd:before{background-position:0 -150px;width:14.5px;height:16px;}
.nav >li>.btn-lnb.hi:before{background-position:0 -200px;width:14.5px;height:16px;}
.nav >li>.btn-lnb.my:before{background-position:0 -250px;width:14.5px;height:16px;}

.lnb-2depth{display:none;}
.lnb-2depth >li{border-bottom:1px solid #eee;display:block;}
.lnb-2depth >li:last-child{border-bottom:none;}
.lnb-2depth>li>a{position:relative;color:#333;font-size:15px;padding-left:45px;height:45px;line-height:45px;display:block;}
.lnb-2depth >li>a:before{content:'';display:inline-block;position:absolute;left:32.5px;top:21px;width:3px;height:3px;background: #aaa;}
.lnb-2depth>li>a.has-sub:after{content:'';position:absolute;right:15px;top:50%;display:inline-block;width:13.5px;height:7.5px;background:url('../img/icon_lnb.png') -100px -150px no-repeat;transform: translateY(-50%);background-size:150px 300px;}
.lnb-2depth>li.active>a.has-sub:after{background-position:-100px -100px}

.lnb-3depth{border-top:1px solid #eee;display:none;}
.lnb-3depth >li{border-bottom:1px solid #eee;display:block;background: #f8f8f8;}
.lnb-3depth >li:last-child{border-bottom:none;}
.lnb-3depth>li>a{position:relative;color:#777;font-size:13px;padding-left:45px;height:40px;line-height:40px;display:block;}

.nav>li.active >.btn-lnb{background:#3798b8;color:#fff;}
.nav>li.active >.btn-lnb:before{background-position-x: -50px}
.nav>li.active >.btn-lnb:after{background-position-y: -50px;height:2px;}
.nav>li.active .lnb-2depth{display:block;}
.lnb-2depth >li.active .lnb-3depth{display:block;}

/* aside-bottom */
.quickbtns-wrap{padding:7px 15px 0;}
.quickbtns-wrap:after{content:'';display:block;clear: both;}
.quickbtns-wrap .btn-quick{width:calc(100% / 3);float:left;margin-bottom:1px;}
.btn-quick{background:#fff;font-size:12px;color:#777;display:inline-block;height:35px;border-right:1px solid #f2f3f8}
.quickbtns-wrap .btn-quick:last-child{border-right:0;}

.copy-info-wrap{margin:20px 15px 0;}
.copy-info dt{font-size:15px;color:#000;font-family: 'NotoKrM';margin-bottom:6px;}
.copy-info dt em{font-weight:bold;}
.copy-info dd{font-size:12px;margin-bottom:16px;font-size:12px;color:#777;}
.copy-info dd .active-type1{font-size:13px;margin-top:6px;display:inline-block;}

.btn.btn-pc{height:30px;line-height:30px;color:#fff;font-size:12px;font-family: 'NotoKrM';width:auto;padding:0 25px;}

/* main */
.container.main{position: relative;}
.container.main:before{content:'';position:absolute;left:0;top:0;right:0;display:block;height:1px;background:rgba(255,255,255,0.5);width:100%;z-index:1;}
.main-cont-bg{position:absolute;left:0;top:0;right:0;height:255px;
    background: #0770bb; /* Old browsers */
    background: -moz-linear-gradient(top, #0770bb 0%, #199da3 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #0770bb 0%,#199da3 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #0770bb 0%,#199da3 100%);}
.main-bg-type2{background:#eeeef0;padding-top:30px;}
.quick-rv-wrap{position: relative;margin:0 15px 10px;}
.quick-rv-wrap:after,.quick-rv-link:after{content:'';display:block;clear:both;}
.quick-rv-title{font-size:19px;color:#fff;padding-top:36px;padding-bottom:21px;line-height:1.4;}

.quick-rv-input .input-set{height:50px;background:#fff;border-radius:10px;overflow:hidden;}
.quick-rv-input input{border:none;font-size:16px;color:#777;height:50px;}
.quick-rv-input .btn{bottom:0;height:50px;background:#fff;color:#0770bb;font-size:16px;border-radius:10px;}
.quick-rv-link{padding:11px 0;color:#fff;font-size:15px;line-height:1.4;display:table;width:100%;}
.rv-link-col{display:table-cell;vertical-align: middle}
.rv-link-col:last-child{text-align:right;}
.rv-link-col a{display:inline-block;border-right:1px solid #fff;padding-right:10px;line-height:1;}
.rv-link-col a:last-child{border-right:none;padding-right:0;padding-left:10px;}

.main-box-wrap{padding:0 15px 25px}
.main-box-wrap.no-pd{padding:0 0 0;}
.main-box{display:inline-block;width:100%;position:relative;border-radius:10px;background: #fff;box-shadow:0 1px 6px #c9c9c9;overflow:hidden;}
.main-box-text{font-size:19px;color:#000;line-height:1.4;letter-spacing:-0.09em;margin-bottom:20px;margin:0 15px 20px;padding-top:25px;}
.main-box-text em{font-family: 'NotoKrM';color:#199da3;}

.main-box-wrap > .tab-wrap{margin:0 0px 10px}
.main-box-wrap > .tab-wrap .tablist-type1{display:block;margin:0 15px 10px 15px;width:auto;}
.main-box-wrap > .tab-wrap .tablist-type1 a{margin-right:23px;display:inline-block;padding-top:18px;height:40px;}

.main-box .tab-wrap{margin:0 15px 10px}
.main-box-wrap .tablist-type1{border-top:1px solid #eee;border-bottom:none;padding:0;}
.main-box-wrap .tablist-type1 a{font-size:17px;color:#333;height:45px;font-family: 'NotoKrL';}
.main-box-wrap .tablist-type1 a.active{color:#0770bb;font-weight:bold;}
.main-box-wrap .tablist-type1 a.active:after{top:-1px;bottom:initial;}

.main-box .search-box-wrap{margin-bottom:0}
.main-box .search-box{border-radius:5px;}
.main-box .search-box .input-search{height:50px;}
.main-box .search-box .btn-search{height:50px;}

.app-link-wrap{margin:0 15px 20px;}
.app-link-wrap:after{content:'';display:block;clear:both;}
.app-link-wrap a{width:50%;float:left;text-align:center;height:20px;line-height:20px;border-right:1px solid #eee;vertical-align: middle}
.app-link-wrap a:last-child{border-right:none;}
.app-link-wrap a .icon-ios{display:inline-block;width:16px;height:19.5px;background: url('../img/icon_os.png') left top no-repeat;background-size:100px 50px;margin-right:10px;vertical-align:top}
.app-link-wrap a .icon-android{display:inline-block;width:16px;height:19.5px;background: url('../img/icon_os.png') -50px top no-repeat;background-size:100px 50px;margin-right:10px;vertical-align:top}


.main-link-wrap li{display:inline-block;float:left;width:50%;border-top:1px solid #f7f7f7;border-right:1px solid #f7f7f7;}
.main-link-wrap li a{display:block;height:56px;font-family: 'NotoKrR';line-height:54px;padding-left:25px;color:#333;font-size:16px;}
.main-link-wrap li a:before{content:'';display:inline-block;background:url('../img/icon_mainlink.png') no-repeat;background-size:50px 200px;margin-right:10px;vertical-align: middle;margin-top:-2px}

.main-link-wrap li a.mlink01:before{background-position:0 0;width:14px;height:14.5px;}
.main-link-wrap li a.mlink02:before{background-position:0 -50px;width:15px;height:15px;}
.main-link-wrap li a.mlink03:before{background-position:0 -100px;width:11.5px;height:15.5px;}
.main-link-wrap li a.mlink04:before{background-position:0 -150px;width:17px;height:15.5px;}

.main-map-wrap{margin:0 15px 20px;}
.main-map img{width:100%}
.main-map-text{margin-top:10px;font-size:14px;color:#666;}

.main-box .btn{height:50px;}

.main-slider img{width: 100%}
.main-slider-img{overflow:hidden;}
.main-slider .slider-item{padding:5px 15px 10px;}
.slider-wrap{position: relative;overflow:hidden;padding-bottom:45px;}
/* .bx-viewport:before{content:'';position:absolute;right:98%;top:20px;bottom:20px;display:inline-block;width:30px;border-radius:10px;background: #fff;box-shadow:0 1px 6px #c9c9c9;overflow:hidden;z-index:-1;}
.bx-viewport:after{content:'';position:absolute;left:98%;top:20px;bottom:20px;display:inline-block;width:30px;border-radius:10px;background: #fff;box-shadow:0 1px 6px #c9c9c9;overflow:hidden;z-index:-1;} */
.main-slider-title{font-size:16px;color:#000;font-family: 'NotoKrM';margin:10px 15px 5px 15px}
.main-slider-text{margin:10px 15px 0 15px;font-size:14px;color:#666;}

.slider-item .main-box{padding-bottom:20px;}
.slider-last-wrap{margin:15px 15px 0}
.nodata{text-align:center;font-size:13px;color:#333;font-family: 'NotoKrM';margin-bottom:20px;}
.nodata p{line-height:1.4;}
.nodata:before{content:'';display:inline-block;width:152px;height:136px;background: url('../img/img_notinfo.png') left top no-repeat;margin-bottom:20px;}
.no1 .slider-item .nodata:before{background-position: 0 0;}
.no2 .slider-item .nodata:before{background-position: 0 -146px;}
.no3 .slider-item .nodata:before{background-position: 0 -292px;}
.no4 .slider-item .nodata:before{background-position: 0 -438px;}

/* 하단 메뉴 */
.bottom-quickmenu{position:fixed;left:15px;bottom:20px;z-index:10;}
.btn-quickmenu{display:inline-block;width:50px;height:50px;background:#fff;box-shadow: 1px 3px 5px #c1c1c1;border-radius:50px;}
.btn-quickmenu:before{content:'';display:inline-block;width:27.5px;height:27.5px;background:url('../img/icon_common.png') 0 -150px no-repeat;background-size:300px 300px;}
.btn-quickmenu.close{background:#199da3;box-shadow: 1px 3px 5px #000;}
.btn-quickmenu.close:before{content:'';display:inline-block;width:20.5px;height:20.5px;background:url('../img/icon_common.png') 0 -200px no-repeat;background-size:300px 300px;}

.quickmenu-list-wrap{position:fixed;left:0;top:0;bottom:0;right:0;background:rgba(0,0,0,0.8);z-index:110;display:none;}
.quickmenu-list{position:absolute;left:15px;bottom:120px;}
.quickmenu-list li{margin-top:10px;}
.btn-quickmenu2{display:inline-block;vertical-align: middle;line-height:50px;text-align:center;}
.btn-quickmenu2 .icon{display:inline-block;width:50px;height:50px;background:#fff;box-shadow: 1px 3px 5px #000;border-radius:50px;line-height:50px;}
.btn-quickmenu2 .quickmenu-text{font-size:17px;color:#fff;font-family: 'NotoKrR';vertical-align: middle;margin-left:10px;}
.btn-quickmenu2.customer .icon:before{content:'';display:inline-block;background-position:-50px -200px;width:35px;height:31.5px;vertical-align: middle}
.btn-quickmenu2.doctor .icon:before{content:'';display:inline-block;background-position:-50px -150px;width:25px;height:28px;vertical-align: middle}
.btn-quickmenu2.depart .icon:before{content:'';display:inline-block;background-position:-50px -100px;width:27.5px;height:25px;vertical-align: middle}
.btn-quickmenu2.lookup .icon:before{content:'';display:inline-block;background-position:-50px -50px;width:23.5px;height:30px;vertical-align: middle}
.btn-quickmenu2.reserve .icon:before{content:'';display:inline-block;background-position:-50px 0px;width:24.5px;height:25.5px;vertical-align: middle}

.bottom-quick-tel{position:fixed;right:74px;bottom:20px;z-index:10;}
.bottom-quick-tel button{display:inline-block;width:50px;height:50px;background:#199da3;box-shadow: 1px 3px 5px #c1c1c1;border-radius:50px;}
.bottom-quick-tel button:before{content:'';display:inline-block;width:24.5px;height:24.5px;background:url('../img/icon_common.png') 0 -50px no-repeat;background-size:300px 300px;}
.bottom-quick-map{position:fixed;right:15px;bottom:20px;z-index:10;}
.bottom-quick-map button{display:inline-block;width:50px;height:50px;background:#199da3;box-shadow: 1px 3px 5px #c1c1c1;border-radius:50px;}
.bottom-quick-map button:before{content:'';display:inline-block;width:18px;height:25.5px;background:url('../img/icon_common.png') 0 -100px no-repeat;background-size:300px 300px;}

.bottom-quick-up{position:fixed;right:15px;bottom:80px;display:none;z-index:10;}
.bottom-quick-up button{display:inline-block;width:50px;height:50px;background:#fff;box-shadow: 1px 3px 5px #c1c1c1;border-radius:50px;}
.bottom-quick-up button:before{content:'';display:inline-block;width:23px;height:24.5px;background:url('../img/icon_common.png') 0 0px no-repeat;background-size:300px 300px;}

/* 나의 차트 */
/* 진료예약정보 */
.mychart-wrap{margin:0 15px;}
.mychart-wrap:after,.mychart-top:after{content:'';display:block;clear:both;}
.mychart-top{padding:0px 0px 15px;position: relative;}
.mychart-top em{color:#0770bb}
.mylist-top:after{content:'';display:block;clear:both;}
.mychart-bottom{border-top:2px solid #bbb}
.mylist >li{padding:20px 0;border-bottom:1px solid #eee;}
.mylist >li:after{content:'';display:block;clear:both;}
.mylist-photo{float:left;width:70px;height:70px;overflow:hidden;border-radius: 100%;border:1px solid #ddd;margin-right:20px;margin-left:20px;}
.mylist-photo img{width:100%}
.mylist-name{font-size:12px;color:#777}
.mylist-info{padding-top:10px}
.mylist-info .mylist-time{color:#777;margin-bottom:8px;}
.mylist-info .mylist-time.active{color:#0770bb;font-family: 'NotoKrM';}
.mylist-info .mylist-title{color:#333;margin-bottom:6px;font-family: 'NotoKrR';}
.mylist-btn{margin-top:20px;}
.btn-guide{min-width:70px;border:1px solid #ddd;border-radius: 10px;height:20px;font-size:12px;text-align:left;padding:0 10px;text-align:center;}
/* .btn-guide:after{content:'';width:8px;height:4.5px;background: url('../img/icons.png') -150px 0 no-repeat;background-size:300px 300px;vertical-align: top;float:right;margin-top:5px;} */
.btn-guide.active:after{background-position: -150px -50px}
.dright-wrap{float:right;}
.dleft-wrap{float:left;width:calc( 100% - 90px)}
.mychart-top ul li{display:inline-block;line-height:1.2;}
.guide-box{position: absolute;right:0px;left:0px;top:100%;background: #f3f3f3;padding:15px;z-index:5;}

/* 약품정보 */
.heart-box{text-align:right;margin-top:14px;}
.inputform-wrap .radiolist{margin-top:20px}
.radiolist li{margin-bottom:10px;}
.radiolist li .radio + input{margin-top:7px}

/* filter */
.filter-top{margin-bottom:15px;}

/* 층별안내 */
.cont.floor-info{border:1px solid #ddd;line-height:0;font-size:0;position: relative}
.cont.floor-info img{width:100%}
.floor-over{position: absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:2;text-align:center;cursor:pointer;}
.floor-over .floor-over-inner{position:absolute;top:50%;left:50%;font-size:16px;color:#fff;font-family: 'NotoKrM';line-height:1.4;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);width:100%;}
.legend-list li{float:left;margin-right:15px;vertical-align: middle;line-height:25px;font-size:11px;color:#777;margin-bottom:15px;}
.floor-over .floor-over-inner p{margin-top:20px;}
.legend-list li .icon{width:25px;height:25px;margin-right:5px;vertical-align: middle;text-align:center}
.legend-list li .icon:before{background: url('../img/icon_legend.png') no-repeat;vertical-align: middle;background-size:50px 350px;}
.legend-list li .icon.icon-legend01:before{width:20px;height:18px;}
.legend-list li .icon.icon-legend02:before{width:19px;height:22px;background-position:0 -50px}
.legend-list li .icon.icon-legend03:before{width:19px;height:19px;background-position:0 -100px}
.legend-list li .icon.icon-legend04:before{width:20px;height:20px;background-position:0 -150px}
.legend-list li .icon.icon-legend05:before{width:19px;height:21px;background-position:0 -200px}
.legend-list li .icon.icon-legend06:before{width:12px;height:18.5px;background-position:0 -250px}
.legend-list li .icon.icon-legend07:before{width:16.5px;height:20px;background-position:0 -300px}

/* 이용약관 및 개인정보 */
.agree-text {color: #777; letter-spacing: -1px; word-break: keep-all;}
.agree-text h2{font-size: 18px; color: #000; font-family: 'NotoKrM'; font-weight: normal; margin-bottom: 20px; margin-top: 50px}
.agree-text h3{font-size: 14px; color: #333;font-family: 'NotoKrR'; font-weight: normal; margin: 20px 0 10px;}
.agree-text p{ line-height: 20px; font-size: 14px; }
.agree-text ul li{font-size: 14px; color: #777; line-height: 20px;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: 12px;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: 12px;margin-bottom: 0px; list-style-type:decimal;}

.agree-text .text-top{font-size: 18px; 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}

.agree-text .table-wrap td {word-break: word-break;}

/** === bxslider === **/
.bx-wrapper {
    position: relative;
    /* margin-bottom:60px; */
    padding: 0;
    *zoom: 1;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}
.bx-wrapper img {
    max-width: 100%;
		height: auto !important;
    display: block;
}
.bxslider {
    margin: 0;
    padding: 0;
    /*fix flickering when used background-image instead of <img> (on Chrome)*/
    /* -webkit-perspective: 1000; */
}
ul.bxslider {
    list-style: none;
}
.bx-viewport {
    /* fix other elements on the page moving (in Chrome) */
    -webkit-transform: translateZ(0);
}
/** THEME
===================================*/
.bx-wrapper {
    /* -moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    border: 5px solid #fff;
    background: #fff; */
    font-size:0;vertical-align:top
}
.bx-controls{position:absolute;left:0;bottom:-20px;width:100%;text-align:center;}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    /* position: absolute;
    bottom: -30px;
    width: 100%; */
}
/* LOADER */
.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url('../img/bx_loader.gif') center center no-repeat #ffffff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
    display:inline-block;
    text-align: center;
    color: #666;
    font-size:0;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #ddd;
    text-indent: -9999px;
    display: block;
    width: 7px;
    height: 7px;
    /* margin: 0 5px; */
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a:focus{

}
.bx-wrapper .bx-pager.bx-default-pager a.active{
    background: #0770bb;
    width:15px;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    vertical-align: middle;
    *zoom: 1;
    *display: inline;
}
.bx-wrapper .bx-pager-item {
    font-size: 0;
    line-height: 0;
    margin-right:5px;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
    left: 10px;
    background: url('../img/controls.png') no-repeat 0 -32px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
    background-position: 0 0;
}
.bx-wrapper .bx-next {
    right: 10px;
    background: url('../img/controls.png') no-repeat -43px -32px;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
    background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
    text-align: center;
    display:inline-block;
    vertical-align: middle
}
.bx-wrapper .bx-controls-auto .bx-start {
    display: inline-block;
    text-indent: -9999px;
    width: 7.5px;
    height: 9px;
    outline: 0;
    background: url('../img/icon_slider.png') -50px 0px no-repeat;
    background-size:200px 200px;
    margin: -1px 3px;
    vertical-align: middle;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
    background-position:-50px -50px;
}
.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 7px;
    height: 7px;
    outline: 0;
    background: url('../img/icon_slider.png') 0px 0px no-repeat;
    background-size:200px 200px;
    margin: 0 3px;
    vertical-align: middle
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
    background-position:0 -50px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    /* text-align: left;
    width: 80%; */
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    /* right: 0;
    width: 35px; */
}
/* 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;
}


/*
  ImageViewer v 1.1.0
  Author: Sudhanshu Yadav
  Copyright (c) 2015 to Sudhanshu Yadav - ignitersworld.com , released under the MIT license.
  Demo on: http://ignitersworld.com/lab/imageViewer.html
*/

/***** image viewer css *****/
#iv-container {
    position: fixed;
    background: #0d0d0d;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    z-index: 1000;
}

.iv-container {
    overflow: hidden;
}

.iv-close {
    width: 32px;
    height: 32px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    text-shadow: 0px 0px 3px #6d6d6d;
    -webkit-transition: all ease 200ms;
    -moz-transition: all ease 200ms;
    -o-transition: all ease 200ms;
    transition: all ease 200ms;
}
.iv-close:after,
.iv-close:before {
    content: "";
    height: 4px;
    width: 32px;
    background: #FFF;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -2px;
}
.iv-close:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.iv-close:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.iv-close:hover {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
/***** snap view css *****/
.iv-snap-view {
    width: 150px;
    height: 150px;
    position: absolute;
    top: 20px;
    left: 20px;
    border: 1px solid #666;
    background: black;
    z-index: 100;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -o-transition: all ease 400ms;
    transition: all ease 400ms;
    opacity: 0;
}

.iv-snap-image-wrap {
    display: inline-block;
    position: absolute;
    max-width: 150px;
    max-height: 150px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    overflow: hidden;
}

.iv-snap-image {
    position: relative;
}

.iv-snap-handle {
    position: absolute;
    border: 1px solid #ccc;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-box-shadow: 0px 0px 0px 200px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 0px 200px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 0px 200px rgba(0, 0, 0, 0.5);
}

/*** zoom slider ***/
.iv-zoom-slider {
    width: 100%;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border: 1px solid #666;
    border-top: 0;
    background: rgba(204, 204, 204, 0.1);
    height: 15px;
    position: absolute;
    top: 150px;
    left: -1px;
}

.iv-zoom-handle {
    width: 20px;
    height: 15px;
    background: #ccc;
    position: absolute;
}

/**** snap view css end *****/
.iv-image-view {
    position: absolute;
    height: 100%;
    width: 100%;
}

.iv-image-wrap {
    display: inline-block;
}

.iv-image-wrap:active {
    cursor: move;
}

.iv-large-image {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

/****** CSS loader by http://projects.lukehaas.me/css-loaders/ *****/
.iv-loader {
    top: 50%;
    left: 50%;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    z-index: 100;
    margin-top: -16px;
    margin-left: -16px;
    font-size: 5px;
    position: absolute;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(255, 255, 255, 0.2);
    border-right: 1.1em solid rgba(255, 255, 255, 0.2);
    border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
    border-left: 1.1em solid #ffffff;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}
.iv-loader:after {
    width: 10em;
    height: 10em;
    border-radius: 50%;
}
@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


@media screen and (max-width: 767px) {
    .iv-snap-view {
        z-index: -1;
        visibility: hidden;
    }
}

/* 에디터 적용 */
.edit-wrap {padding:20px }


/* 자가진단 테스트 리스트 */
.my-test:after{content: ""; display: block;clear: both; margin-bottom: 27px;}
.my-test a{width: 50%; display: block;float: left; border-bottom:1px solid #dddddd; padding:10px 0 20px; font-family: 'NotoKrR'; font-size: 13px; color: #333; line-height: 18px;position: relative; vertical-align:top; text-align:center;}
.my-test a:nth-child(even){ border-left:1px solid #dddddd;}
.my-test a:before{content: ""; display: block; width: 100px;height: 100px;  background: url('../img/mytest_img.png') 0px 0px no-repeat; margin:0 auto;}
.my-test a.test01:before{background-position: 0px 0px }
.my-test a.test02:before{background-position: -100px 0px }
.my-test a.test03:before{background-position: -200px 0px }
.my-test a.test04:before{background-position: -300px 0px }
.my-test a.test05:before{background-position: -400px 0px }
.my-test a.test06:before{background-position: 0px -100px }
.my-test a.test07:before{background-position: -100px -100px }
.my-test a.test08:before{background-position: -200px -100px }
.my-test a.test09:before{background-position: -300px -100px }
.my-test a.test10:before{background-position: -400px -100px }
.my-test a:hover:before, .my-test button:focus:before{ top:30px;left:65px;}



/* 자가진단 인트로 */
.contents-wrap .swap .cblue2{color: #0770bb !important;}
.contents-wrap .swap{margin:25px 15px;display:block;vertical-align: middle; text-align: center;}
.contents-wrap .swap .hd_st{color: #000;font-family: 'NotoKrM',sans-serif; font-weight: normal; font-size: 18px; }
.contents-wrap .swap .hd_st .cblue, .hd_end .cblue, .fs23 .cblue{color: #0770bb ;font-style: normal;}
.contents-wrap .swap .hd_st .fs22:nth-child(n+2){margin-top: 10px}
.contents-wrap .swap .hd_st .fs17{color: #333;font-style: normal;font-size: 18px; position: relative;top: 10px;}
.contents-wrap .swap .bx_inner{margin-top: 30px;}
.contents-wrap .swap .bx_inner .fs13{margin-top: 7px; color: #777;font-family: 'NotoKrL',sans-serif; font-weight: normal; font-size: 14px; line-height: 25px}
.contents-wrap .swap .a3{}
.contents-wrap .swap .a3 img{display: block;margin:30px auto; width:100%}
.contents-wrap .swap .btn-wrap .btn1{display:inline-block; width:100% ;height:40px; border-radius: 30px; text-align: center; color: #fff;font-family: 'NotoKrR',sans-serif; font-size: 14px; line-height:40px;
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+ */
}

.contents-wrap .swap .btn-wrap{ margin: 15px -15px;}
.contents-wrap .swap .btn-wrap a.btn,
.contents-wrap .swap .btn-wrap a.btn2{color:#fff; height:40px; line-height:40px; padding:0px 5px;font-size:14px;}
.contents-wrap .swap .btn-wrap a{cursor: pointer; display:block; }
.contents-wrap .swap .btn-wrap a.btnblue{background-color:#0770bb; }

.contents-wrap .swap .hd_end{color: #000;font-family: 'NotoKrR',sans-serif; font-weight: normal; font-size: 18px; }
.contents-wrap .swap .bx_wrap{margin:20px 0; border: 1px solid #dddddd; border-radius: 12px; width:100%}
.contents-wrap .swap .bx_wrap > div{vertical-align: middle;}
.contents-wrap .swap .fs04{color: #777; font-size: 13px; line-height: 20px}


/* 자가진단 체크 화면 */
.contents-wrap .swap .fs23 {color: #000;font-family: 'NotoKrR',sans-serif; font-weight: normal; font-size: 14px; margin-top:7px; line-height:25px}
.contents-wrap .swap .da_txt2 .fs17{color: #333;font-style: normal;font-size: 16px;font-family: 'NotoKrR',sans-serif; margin-top: 20px;}
.contents-wrap .swap .f_wrap{margin:10px auto 0px; border-top: 2px solid #bbbbbb  }
.contents-wrap .swap .box_wrap{}
.contents-wrap .swap .wa,
.contents-wrap .swap .wc,
.contents-wrap .swap .wb,
.contents-wrap .swap .wd,
.contents-wrap .swap .wd2{text-align: left; border-bottom: 1px solid #eeeeee; vertical-align: middle; font-size: 13px}
.contents-wrap .swap .wa,
.contents-wrap .swap .wc{color: #000;font-family: 'NotoKrR',sans-serif; font-weight: normal; font-size: 13px; padding: 11px 5px; background-color:#f6f6f6}
.contents-wrap .swap .wb,
.contents-wrap .swap .wd,
.contents-wrap .swap .wd2{padding:8px 0 }
.contents-wrap .swap .we .flo{display: inline-block;}
.contents-wrap .swap .tx01 { color: #0770bb; font-size: 14px; margin-top: 3px; line-height:1.4}
.contents-wrap .swap .hc li{display: block; margin-top: 10px}
.contents-wrap .swap .hc li:first-child{margin-top: 0px}
.contents-wrap .swap .star{position: relative;top: 3px; color:#0770bb;  }
.contents-wrap .swap .text-style4{text-align: left;  margin:30px auto 10px;}
.contents-wrap .swap input[type=text]{width: 100%;}
.contents-wrap .swap table.table{ width: 100%; margin:10px auto 0px;}
.contents-wrap .swap table.table tr:first-child td{border-top:2px solid #bbbbbb}
.contents-wrap .swap table.table .txl{text-align: left; padding:0 5px;}
.contents-wrap .swap table.table .radio{text-align:left; display:block; margin:10px;}
.contents-wrap .swap table.table .radio label{padding-left:30px;}
.contents-wrap .swap table.table td,
.contents-wrap .swap table.table th{border-left: 0; border-right: 0;}
.contents-wrap .swap table.table th{border-top: 2px solid #bbbbbb; border-left:1px solid #eee; color:#000; background-color:#f6f6f6; height:40px; padding:11px 5px}
.contents-wrap .swap table.table td{border-left:1px solid #eee; border-bottom:1px solid #eee; color:#777; padding:11px 0; font-size:13px; line-height:1.4; height:40px;}
.contents-wrap .swap table.table td.tc2{border-right:1px solid #eee}
.contents-wrap .swap table.table td.txl{background-color: #f6f6f6; border-right:1px solid #eee; line-height: 1.4; color: #000; font-size:14px; font-weight:bold;}
.contents-wrap .swap .hd1,
.contents-wrap .swap .clist {padding:5px; border-bottom: 1px solid #eeeeee; width: 100%; vertical-align: middle; display:block; text-align: left;}
.contents-wrap .swap .hd1{background: #f6f6f6 ;padding:11px 5px; line-height:1.4; color: #000;font-family: 'NotoKrR',sans-serif; font-weight: normal;}
.contents-wrap .swap .clist li{display:block; padding-right: 10px; margin:5px;}
.contents-wrap .swap .box-tit{margin:60px auto 30px; color: #000;font-family: 'NotoKrM',sans-serif; font-weight: normal;font-size: 24px; }

/* 자가진단 결과화면 */
.contents-wrap .swap .hd_end{ margin-top:50px}
.contents-wrap .swap .box01{}
.contents-wrap .swap .box01 p{color: #000; font-size: 13px; line-height: 32px;}
.contents-wrap .swap .box01 i{color: #199da3;font-style: normal;font-family: 'NotoKrM',sans-serif; font-weight: normal;}
.contents-wrap .swap .box01 .text{color: #777; font-size: 13px; line-height:1.4;margin-top: 5px !important}
.contents-wrap .swap .box01 .big{font-size:13px; padding-bottom: 10px; display: inline-block;}
.contents-wrap .swap .box01 .cblue{color: #199da3}
.contents-wrap .swap .box01 .cblue2{color: #e3751c !important}
.contents-wrap .swap .box01 .text2{color: #0770bb; font-size: 13px; line-height:1.4; font-family: 'NotoKrM',sans-serif; font-weight: normal;margin: 10px}
.contents-wrap .swap .box01 .text3{color: #777; font-size: 13px;font-family: 'NotoKrL',sans-serif; margin:10px; line-height: 1.4}
.contents-wrap .swap .box01 .text4{color: #0770bb; font-size: 13px;font-family: 'NotoKrL',sans-serif; font-weight: normal;margin: 10px; line-height: 1.4}

/* 유튜브 아이프레임 */
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 25px;height: 0;}
.video-container iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/* 진료예약 버튼 하단고정 */
.container.rv .btn-wrap.rvb {position: fixed; bottom:0; width: 100%;}